fix: multi focus show

gkd-kit · Aug 6, 2024 · a92aba9 · a92aba9
1 parent e89aa2b
commit a92aba9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/DraggableCard.vue b/src/components/DraggableCard.vue
@@ -13,9 +13,9 @@ const props = withDefaults(
     };
     minWidth?: number;
     sizeDraggable?: boolean;
-    disabled?: boolean;
+    show?: boolean;
   }>(),
-  { initialValue: () => ({}) },
+  { initialValue: () => ({}), show: true },
 );
 
 const isLeft = props.initialValue.left !== void 0;
@@ -147,8 +147,9 @@ const updateTarget = (arg: unknown) => {
 };
 </script>
 <template>
-  <Teleport to="#app" :disabled="disabled">
+  <Teleport to="#app">
     <div
+      v-if="show"
       fixed
       ref="box"
       :style="[$attrs.style as string, currentStyle]"

diff --git a/src/views/snapshot/MultiFocusCard.vue b/src/views/snapshot/MultiFocusCard.vue
@@ -28,7 +28,7 @@ const left = _1vw * 25.5;
     :initialValue="{ top: 215, left }"
     v-slot="{ onRef }"
     class="z-2 box-shadow-dim w-420px"
-    :disabled="!focusNodes"
+    :show="!!focusNodes"
   >
     <NCard v-if="focusNodes" size="small" closable @close="onClose">
       <template #header>