当选中不同的节点后,全部展开所有的group

This commit is contained in:
xyf-mac 2021-11-21 17:18:59 +08:00
parent 5d0decd669
commit fa8a3ab251
5 changed files with 15 additions and 5 deletions

View File

@ -3,6 +3,7 @@ import Vue from "vue"
export enum BusMsg { export enum BusMsg {
ShowPlace = "ShowPlace", ShowPlace = "ShowPlace",
RequestObjectData = "RequestObjectData", RequestObjectData = "RequestObjectData",
FoldAllGroup = "FoldAllGroup"
} }
export default new Vue(); export default new Vue();

View File

@ -9,7 +9,7 @@ interface SettingsData {
} }
let defaultData: SettingsData = { let defaultData: SettingsData = {
refreshTime: 100, refreshTime: 500,
refreshType: RefreshManual, refreshType: RefreshManual,
} }

View File

@ -21,6 +21,7 @@ import Component from "vue-class-component";
import {Prop} from "vue-property-decorator"; import {Prop} from "vue-property-decorator";
import {Group} from "@/devtools/data"; import {Group} from "@/devtools/data";
import UiProp from "@/devtools/ui/ui-prop.vue"; import UiProp from "@/devtools/ui/ui-prop.vue";
import Bus, {BusMsg} from "@/devtools/bus";
@Component({ @Component({
name: "property-group", name: "property-group",
@ -30,18 +31,21 @@ export default class PropertyGroup extends Vue {
private fold = false; private fold = false;
@Prop({ @Prop({
default: () => { default: () => {
return new Group('test') return new Group("test")
} }
}) })
group!: Group; group!: Group;
created() { created() {
Bus.$on(BusMsg.FoldAllGroup, (b) => {
this.fold = !!b;
})
} }
mounted() { mounted() {
} }
onClickHeader(group: any) { onClickHeader() {
this.fold = !this.fold; this.fold = !this.fold;
} }
} }

View File

@ -11,6 +11,7 @@ import {Component, Prop, Watch} from "vue-property-decorator"
import UiProp from "./ui-prop.vue" import UiProp from "./ui-prop.vue"
import {Group, NodeInfoData} from "@/devtools/data"; import {Group, NodeInfoData} from "@/devtools/data";
import PropertyGroup from "@/devtools/ui/property-group.vue"; import PropertyGroup from "@/devtools/ui/property-group.vue";
import Bus, {BusMsg} from "@/devtools/bus";
@Component({ @Component({
components: {PropertyGroup, UiProp}, components: {PropertyGroup, UiProp},
@ -26,6 +27,10 @@ export default class properties extends Vue {
@Watch("data") @Watch("data")
watchData(newValue: NodeInfoData, oldValue: NodeInfoData) { watchData(newValue: NodeInfoData, oldValue: NodeInfoData) {
if (newValue.uuid !== oldValue.uuid) {
// node
Bus.$emit(BusMsg.FoldAllGroup, false)
}
} }
created() { created() {

View File

@ -40,7 +40,7 @@ export default class Settings extends Vue {
{label: "manual", value: RefreshManual} {label: "manual", value: RefreshManual}
] ]
refreshType = ""; refreshType = "";
refreshTime = 100; refreshTime = 500;
isRefreshAuto() { isRefreshAuto() {
return this.refreshType === RefreshAuto; return this.refreshType === RefreshAuto;
@ -48,7 +48,7 @@ export default class Settings extends Vue {
created() { created() {
this.refreshType = settings.data?.refreshType || ""; this.refreshType = settings.data?.refreshType || "";
this.refreshTime = settings.data?.refreshTime || 100; this.refreshTime = settings.data?.refreshTime || 500;
} }
onChangeRefreshType() { onChangeRefreshType() {