optimize(components): accuracy draggable area for TableColumnSetting …

…with animation (#465)
soybeanjs · Jun 1, 2024 · 2aa85c6 · 2aa85c6
1 parent 3ad4389
commit 2aa85c6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/advanced/table-column-setting.vue b/src/components/advanced/table-column-setting.vue
@@ -21,10 +21,10 @@ const columns = defineModel<NaiveUI.TableColumnCheck[]>('columns', {
         {{ $t('common.columnSetting') }}
       </NButton>
     </template>
-    <VueDraggable v-model="columns">
+    <VueDraggable v-model="columns" :animation="150" filter=".none_draggable">
       <div v-for="item in columns" :key="item.key" class="h-36px flex-y-center rd-4px hover:(bg-primary bg-opacity-20)">
-        <icon-mdi-drag class="mr-8px cursor-move text-icon" />
-        <NCheckbox v-model:checked="item.checked">
+        <icon-mdi-drag class="mr-8px h-full cursor-move text-icon" />
+        <NCheckbox v-model:checked="item.checked" class="none_draggable flex-1">
           {{ item.title }}
         </NCheckbox>
       </div>