Manage searchbox imp setting in Vue app (#282)

* Manage searchbox setting in vue

* nit
This commit is contained in:
Chenlei Hu
2024-08-03 10:31:10 -04:00
committed by GitHub
parent e14d84526a
commit d02b074fa3
3 changed files with 6 additions and 10 deletions

View File

@@ -14,7 +14,7 @@
import SideToolBar from '@/components/sidebar/SideToolBar.vue'
import LiteGraphCanvasSplitterOverlay from '@/components/LiteGraphCanvasSplitterOverlay.vue'
import NodeSearchboxPopover from '@/components/NodeSearchBoxPopover.vue'
import { ref, onMounted, computed, onUnmounted } from 'vue'
import { ref, computed, onUnmounted, watch, onMounted } from 'vue'
import { app as comfyApp } from '@/scripts/app'
import { useSettingStore } from '@/stores/settingStore'
import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter'
@@ -32,6 +32,9 @@ const betaMenuEnabled = computed(
const nodeSearchEnabled = computed<boolean>(
() => settingStore.get('Comfy.NodeSearchBoxImpl') === 'default'
)
watch(nodeSearchEnabled, (newVal) => {
comfyApp.canvas.allow_searchbox = !newVal
})
let dropTargetCleanup = () => {}
@@ -40,6 +43,7 @@ onMounted(async () => {
workspaceStore.spinner = true
await comfyApp.setup(canvasRef.value)
comfyApp.canvas.allow_searchbox = !nodeSearchEnabled.value
workspaceStore.spinner = false
window['app'] = comfyApp