From 981191de058069ea5b6018054adeff4fa47ee68d Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Tue, 10 Jun 2025 15:54:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20[BPM=20=E5=B7=A5=E4=BD=9C=E6=B5=81]=20-?=
 =?UTF-8?q?=20=E6=B5=81=E7=A8=8B=E5=88=97=E8=A1=A8=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/bpm/model/index.vue              | 4 ++--
 .../views/bpm/model/modules/category-draggable-model.vue | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web-antd/src/views/bpm/model/index.vue b/apps/web-antd/src/views/bpm/model/index.vue
index 3259ae92b..882cae7cb 100644
--- a/apps/web-antd/src/views/bpm/model/index.vue
+++ b/apps/web-antd/src/views/bpm/model/index.vue
@@ -178,13 +178,13 @@ async function handleCategorySortSubmit() {
           <template #overlay>
             <Menu @click="(e) => handleCommand(e.key as string)">
               <Menu.Item key="handleCategoryAdd">
-                <div class="flex items-center">
+                <div class="flex items-center gap-1">
                   <IconifyIcon icon="lucide:plus" />
                   新建分类
                 </div>
               </Menu.Item>
               <Menu.Item key="handleCategorySort">
-                <div class="flex items-center">
+                <div class="flex items-center gap-1">
                   <IconifyIcon icon="lucide:align-start-vertical" />
                   分类排序
                 </div>
diff --git a/apps/web-antd/src/views/bpm/model/modules/category-draggable-model.vue b/apps/web-antd/src/views/bpm/model/modules/category-draggable-model.vue
index 3e96a6c65..f8be5aaba 100644
--- a/apps/web-antd/src/views/bpm/model/modules/category-draggable-model.vue
+++ b/apps/web-antd/src/views/bpm/model/modules/category-draggable-model.vue
@@ -4,7 +4,7 @@ import type { BpmModelApi, ModelCategoryInfo } from '#/api/bpm/model';
 import { computed, ref, watchEffect } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { confirm, useVbenModal } from '@vben/common-ui';
+import { confirm, EllipsisText, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { useUserStore } from '@vben/stores';
 import { cloneDeep, formatDateTime, isEqual } from '@vben/utils';
@@ -73,8 +73,7 @@ const columns = [
     dataIndex: 'name',
     key: 'name',
     align: 'left' as const,
-    ellipsis: true,
-    width: 230,
+    width: 250,
   },
   {
     title: '可见范围',
@@ -486,7 +485,9 @@ const handleRenameSuccess = () => {
                     class="mr-2.5 h-9 w-9 rounded"
                     alt="图标"
                   />
-                  {{ record.name }}
+                  <EllipsisText :max-width="160" :tooltip-when-ellipsis="true">
+                    {{ record.name }}
+                  </EllipsisText>
                 </div>
               </template>