From 2aa85c6f930d26cf2cc09237ec114eae37fba959 Mon Sep 17 00:00:00 2001
From: KC <48410934+orangelckc@users.noreply.github.com>
Date: Sat, 1 Jun 2024 16:45:25 +0200
Subject: [PATCH] optimize(components): accuracy draggable area for
 TableColumnSetting with animation (#465)

---
 src/components/advanced/table-column-setting.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/advanced/table-column-setting.vue b/src/components/advanced/table-column-setting.vue
index 817dc11e4..d1e6dca4c 100644
--- 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>