From 280df5fafb26ff37c85b06663048920c5001f204 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E5=AF=B8=E7=81=B0?= <webyicunhui@outlook.com>
Date: Tue, 21 Oct 2025 15:26:57 +0800
Subject: [PATCH] fix(projects): :bug: fix the style disorder of
 table-column-setting. fixed [#163]

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

diff --git a/src/components/advanced/table-column-setting.vue b/src/components/advanced/table-column-setting.vue
index 36e9731..741ecf9 100644
--- a/src/components/advanced/table-column-setting.vue
+++ b/src/components/advanced/table-column-setting.vue
@@ -26,7 +26,9 @@ const columns = defineModel<UI.TableColumnCheck[]>('columns', {
         class="h-36px flex-y-center rd-4px hover:(bg-primary bg-opacity-20)"
       >
         <icon-mdi-drag class="mr-8px h-full cursor-move text-icon" />
-        <ElCheckbox v-model="item.checked" class="none_draggable flex-1">{{ item.label }}</ElCheckbox>
+        <ElTooltip :content="item.label as string" :disabled="item.label.length < 10" placement="top">
+          <ElCheckbox v-model="item.checked" class="none_draggable flex-1 overflow-hidden">{{ item.label }}</ElCheckbox>
+        </ElTooltip>
       </div>
     </VueDraggable>
   </ElPopover>