fix: DraggableCard show

gkd-kit · Nov 3, 2024 · e767df8 · e767df8
1 parent b7967d6
commit e767df8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/views/snapshot/AttrCard.vue b/src/views/snapshot/AttrCard.vue
@@ -67,12 +67,13 @@ const attrs = computed(() => {
 
 <template>
   <DraggableCard
-    v-if="focusNode"
     :initialValue="{ top: 40, right: 10 }"
     v-slot="{ onRef }"
     class="box-shadow-dim"
+    :show="Boolean(focusNode)"
   >
     <NTable
+      v-if="focusNode"
       size="small"
       striped
       :singleLine="false"

diff --git a/src/views/snapshot/OverlapCard.vue b/src/views/snapshot/OverlapCard.vue
@@ -9,12 +9,17 @@ const left = _1vw * 25.5;
 </script>
 <template>
   <DraggableCard
-    v-if="overlapNodes && focusPosition"
     :initialValue="{ top: 215, left }"
     v-slot="{ onRef }"
     class="z-2 box-shadow-dim w-420px"
+    :show="Boolean(overlapNodes && focusPosition)"
   >
-    <NCard size="small" closable @close="overlapNodes = undefined">
+    <NCard
+      v-if="overlapNodes && focusPosition"
+      size="small"
+      closable
+      @close="overlapNodes = undefined"
+    >
       <template #header>
         <div :ref="onRef" cursor-move>
           位置