diff --git a/source/src/devtools/bus.ts b/source/src/devtools/bus.ts index cb00f1e..f552e58 100644 --- a/source/src/devtools/bus.ts +++ b/source/src/devtools/bus.ts @@ -3,6 +3,7 @@ import Vue from "vue" export enum BusMsg { ShowPlace = "ShowPlace", RequestObjectData = "RequestObjectData", + FoldAllGroup = "FoldAllGroup" } export default new Vue(); diff --git a/source/src/devtools/settings.ts b/source/src/devtools/settings.ts index 5ad3bf2..4e6c009 100644 --- a/source/src/devtools/settings.ts +++ b/source/src/devtools/settings.ts @@ -9,7 +9,7 @@ interface SettingsData { } let defaultData: SettingsData = { - refreshTime: 100, + refreshTime: 500, refreshType: RefreshManual, } diff --git a/source/src/devtools/ui/property-group.vue b/source/src/devtools/ui/property-group.vue index b46637f..0126e15 100644 --- a/source/src/devtools/ui/property-group.vue +++ b/source/src/devtools/ui/property-group.vue @@ -21,6 +21,7 @@ import Component from "vue-class-component"; import {Prop} from "vue-property-decorator"; import {Group} from "@/devtools/data"; import UiProp from "@/devtools/ui/ui-prop.vue"; +import Bus, {BusMsg} from "@/devtools/bus"; @Component({ name: "property-group", @@ -30,18 +31,21 @@ export default class PropertyGroup extends Vue { private fold = false; @Prop({ default: () => { - return new Group('test') + return new Group("test") } }) group!: Group; created() { + Bus.$on(BusMsg.FoldAllGroup, (b) => { + this.fold = !!b; + }) } mounted() { } - onClickHeader(group: any) { + onClickHeader() { this.fold = !this.fold; } } diff --git a/source/src/devtools/ui/propertys.vue b/source/src/devtools/ui/propertys.vue index 31971a9..7a3101d 100644 --- a/source/src/devtools/ui/propertys.vue +++ b/source/src/devtools/ui/propertys.vue @@ -11,6 +11,7 @@ import {Component, Prop, Watch} from "vue-property-decorator" import UiProp from "./ui-prop.vue" import {Group, NodeInfoData} from "@/devtools/data"; import PropertyGroup from "@/devtools/ui/property-group.vue"; +import Bus, {BusMsg} from "@/devtools/bus"; @Component({ components: {PropertyGroup, UiProp}, @@ -26,6 +27,10 @@ export default class properties extends Vue { @Watch("data") watchData(newValue: NodeInfoData, oldValue: NodeInfoData) { + if (newValue.uuid !== oldValue.uuid) { + // 切换node,全部展开属性 + Bus.$emit(BusMsg.FoldAllGroup, false) + } } created() { diff --git a/source/src/devtools/ui/settings.vue b/source/src/devtools/ui/settings.vue index 27723a9..9797904 100644 --- a/source/src/devtools/ui/settings.vue +++ b/source/src/devtools/ui/settings.vue @@ -40,7 +40,7 @@ export default class Settings extends Vue { {label: "manual", value: RefreshManual} ] refreshType = ""; - refreshTime = 100; + refreshTime = 500; isRefreshAuto() { return this.refreshType === RefreshAuto; @@ -48,7 +48,7 @@ export default class Settings extends Vue { created() { this.refreshType = settings.data?.refreshType || ""; - this.refreshTime = settings.data?.refreshTime || 100; + this.refreshTime = settings.data?.refreshTime || 500; } onChangeRefreshType() {