mirror of
https://github.com/tidys/cc-inspector-chrome
synced 2025-04-20 08:58:41 +00:00
当选中不同的节点后,全部展开所有的group
This commit is contained in:
parent
5d0decd669
commit
fa8a3ab251
@ -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();
|
||||||
|
@ -9,7 +9,7 @@ interface SettingsData {
|
|||||||
}
|
}
|
||||||
|
|
||||||
let defaultData: SettingsData = {
|
let defaultData: SettingsData = {
|
||||||
refreshTime: 100,
|
refreshTime: 500,
|
||||||
refreshType: RefreshManual,
|
refreshType: RefreshManual,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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() {
|
||||||
|
@ -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() {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user