CocosPlugin/cc-inspector-chrome
1
0
Fork 0
mirror of https://github.com/tidys/cc-inspector-chrome synced 2025-04-19 16:38:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

增加tree icon的开关

Browse Source
This commit is contained in:
xu_yanfeng 2025-02-02 14:21:11 +08:00
parent 2563c9dd22
commit cc3c93c56c
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
cc-inspector/src/views/devtools/hierarchy.vue
View File

@ -11,7 +11,7 @@
<i class="matchCase iconfont icon_font_size" @click.stop="onChangeCase" title="match case" :style="{ color: matchCase ? 'red' : '' }"></i>
</slot>
</CCInput>
<CCTree :show-icon="true" @do-search="doSearch" :search="true" @node-menu="onMenu" @contextmenu.prevent.stop="onMenu" style="flex: 1" ref="elTree" :expand-keys="expandedKeys" :default-expand-all="false" :value="treeData" @node-expand="onNodeExpand" @node-collapse="onNodeCollapse" @node-click="handleNodeClick" @node-unclick="handleNodeUnclick" @node-enter="handleNodeEnter" @node-leave="handleNodeLeave"></CCTree>
<CCTree :show-icon="config.showTreeIcon" @do-search="doSearch" :search="true" @node-menu="onMenu" @contextmenu.prevent.stop="onMenu" style="flex: 1" ref="elTree" :expand-keys="expandedKeys" :default-expand-all="false" :value="treeData" @node-expand="onNodeExpand" @node-collapse="onNodeCollapse" @node-click="handleNodeClick" @node-unclick="handleNodeUnclick" @node-enter="handleNodeEnter" @node-leave="handleNodeLeave"></CCTree>
</CCDock>
</div>
</template>
@ -199,6 +199,7 @@ export default defineComponent({
}
let preSearch = "";
return {
config,
doSearch(v: string) {
if (v && preSearch !== v) {
ga.fireEventWithParam(GA_EventName.TreeSearch, v);
@ -323,6 +324,16 @@ export default defineComponent({
},
});
menus.push({ type: ccui.menu.MenuType.Separator });
menus.push({
name: "tree icon",
selected: config.value.showTreeIcon,
callback(item) {
ga.fireEventWithParam(GA_EventName.MouseMenu, item.name);
config.value.showTreeIcon = !config.value.showTreeIcon;
appStore().save();
},
});
menus.push({ type: ccui.menu.MenuType.Separator });
menus.push({
name: "hover inspect",
selected: config.value.hoverInspect,

5
cc-inspector/src/views/devtools/store.ts
View File

@ -36,6 +36,10 @@ export class ConfigData {
* 当节点树点击时，游戏是否同步Inspect
*/
clickInspect: boolean = true;
/**
* 显示节点树的icon
*/
showTreeIcon: boolean = true;
}
export const appStore = defineStore("app", () => {
@ -52,6 +56,7 @@ export const appStore = defineStore("app", () => {
config.value.refreshInspector = !!data.refreshInspector;
config.value.hoverInspect = !!data.hoverInspect;
config.value.clickInspect = !!data.clickInspect;
config.value.showTreeIcon = !!data.showTreeIcon;
}
return {
frameID,