Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-03-13 17:10:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(WidgetItem): remove redundant isEditing ref - let EditableText manage state

Browse Source
This commit is contained in:
Alexander Brown
2026-01-15 19:18:15 -08:00
parent e22998c4d9
commit 565263aac6
1 changed files with 1 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/rightSidePanel/parameters/WidgetItem.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, customRef, ref } from 'vue' import { computed, customRef } from 'vue'
import EditableText from '@/components/common/EditableText.vue' import EditableText from '@/components/common/EditableText.vue'
import { getSharedWidgetEnhancements } from '@/composables/graph/useGraphNodeManager' import { getSharedWidgetEnhancements } from '@/composables/graph/useGraphNodeManager'
@@ -40,7 +40,6 @@ const {
const canvasStore = useCanvasStore() const canvasStore = useCanvasStore()
const favoritedWidgetsStore = useFavoritedWidgetsStore() const favoritedWidgetsStore = useFavoritedWidgetsStore()
const isEditing = ref(false)
const widgetComponent = computed(() => { const widgetComponent = computed(() => {
const component = getComponent(widget.type, widget.name) const component = getComponent(widget.type, widget.name)
@@ -87,8 +86,6 @@ const displayLabel = customRef((track, trigger) => {
return widget.label || widget.name return widget.label || widget.name
}, },
set(newValue: string) { set(newValue: string) {
isEditing.value = false
const trimmedLabel = newValue.trim() const trimmedLabel = newValue.trim()
const success = renameWidget(widget, node, trimmedLabel, parents) const success = renameWidget(widget, node, trimmedLabel, parents)
@@ -123,13 +120,11 @@ const displayLabel = customRef((track, trigger) => {
> >
<EditableText <EditableText
v-if="widget.name" v-if="widget.name"
v-model:is-editing="isEditing"
:model-value="displayLabel" :model-value="displayLabel"
:input-attrs="{ placeholder: widget.name }" :input-attrs="{ placeholder: widget.name }"
double-click-to-edit double-click-to-edit
class="text-sm leading-8 p-0 m-0 truncate pointer-events-auto cursor-text" class="text-sm leading-8 p-0 m-0 truncate pointer-events-auto cursor-text"
@edit="displayLabel = $event" @edit="displayLabel = $event"
@cancel="isEditing = false"
/> />
<span <span