From 0d7d7aea73c36e6a617c07c1665ad3ea7b944f34 Mon Sep 17 00:00:00 2001
From: XuZhiqiang <xzq710675281@163.com>
Date: Sun, 17 May 2026 11:03:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(@vben/web-antdv-next):=20=E8=A1=A5=E5=85=85?=
 =?UTF-8?q?=E5=BA=9F=E5=BC=83=20API=20=E4=BF=AE=E5=A4=8D=EF=BC=8C=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85=E7=BC=BA=E5=A4=B1=E7=9A=84=E7=BB=84=E4=BB=B6=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 补充 TabPane 组件导入（约 48 个文件）
- 补充 TimelineItem 组件导入（3 个文件）
- Tabs tab-position → tab-placement，left → start
- Steps.Step 子组件 → items 数组模式
- TimelineItem #dot slot → #icon slot
- adapter Modal destroyOnClose → destroyOnHidden
- adapter visibleEvent onVisibleChange → onOpenChange
---
 .../src/components/cron-tab/cron-tab.vue            |  1 +
 .../src/components/cropper/cropper-modal.vue        |  2 +-
 .../src/components/operate-log/operate-log.vue      |  2 +-
 .../src/views/_core/profile/index.vue               |  2 +-
 .../views/ai/chat/index/modules/role/repository.vue |  2 +-
 .../src/views/ai/chat/manager/index.vue             |  2 +-
 .../src/views/ai/music/index/list/index.vue         |  2 +-
 .../src/views/bpm/processInstance/create/index.vue  |  2 +-
 .../bpm/processInstance/create/modules/form.vue     | 11 ++++++++++-
 .../processInstance/detail/modules/time-line.vue    | 11 +++++++++--
 .../src/views/crm/business/detail/index.vue         |  2 +-
 .../web-antdv-next/src/views/crm/business/index.vue |  2 +-
 .../src/views/crm/clue/detail/index.vue             |  2 +-
 apps/web-antdv-next/src/views/crm/clue/index.vue    |  2 +-
 .../src/views/crm/contact/detail/index.vue          |  2 +-
 apps/web-antdv-next/src/views/crm/contact/index.vue |  2 +-
 .../src/views/crm/contract/detail/index.vue         |  2 +-
 .../web-antdv-next/src/views/crm/contract/index.vue |  2 +-
 .../src/views/crm/customer/detail/index.vue         |  2 +-
 .../web-antdv-next/src/views/crm/customer/index.vue |  2 +-
 .../src/views/crm/customer/limitConfig/index.vue    |  2 +-
 .../src/views/crm/product/detail/index.vue          |  2 +-
 .../src/views/crm/receivable/detail/index.vue       |  2 +-
 .../src/views/crm/receivable/index.vue              |  2 +-
 .../src/views/crm/receivable/plan/detail/index.vue  |  2 +-
 .../src/views/crm/receivable/plan/index.vue         |  2 +-
 .../src/views/crm/statistics/customer/index.vue     |  2 +-
 .../src/views/crm/statistics/funnel/index.vue       |  2 +-
 .../src/views/crm/statistics/performance/index.vue  |  2 +-
 .../src/views/crm/statistics/portrait/index.vue     |  2 +-
 .../src/views/crm/statistics/rank/index.vue         |  2 +-
 .../src/views/infra/codegen/edit/index.vue          | 13 ++++---------
 .../views/infra/codegen/modules/preview-code.vue    |  2 +-
 .../src/views/infra/demo/demo03/erp/index.vue       |  2 +-
 .../src/views/infra/demo/demo03/inner/index.vue     |  2 +-
 .../views/infra/demo/demo03/inner/modules/form.vue  |  2 +-
 .../views/infra/demo/demo03/normal/modules/form.vue |  2 +-
 apps/web-antdv-next/src/views/infra/job/data.ts     |  2 +-
 .../src/views/iot/device/device/detail/index.vue    |  2 +-
 .../device/device/detail/modules/thing-model.vue    |  2 +-
 .../src/views/iot/product/product/detail/index.vue  |  2 +-
 .../src/views/mall/product/spu/index.vue            |  2 +-
 .../src/views/mall/trade/afterSale/index.vue        |  2 +-
 .../src/views/mall/trade/config/index.vue           |  2 +-
 .../member/user/detail/modules/after-sale-list.vue  |  2 +-
 .../web-antdv-next/src/views/mp/autoReply/index.vue |  2 +-
 .../src/views/mp/components/wx-reply/wx-reply.vue   |  2 +-
 apps/web-antdv-next/src/views/mp/material/index.vue |  2 +-
 48 files changed, 68 insertions(+), 56 deletions(-)

diff --git a/apps/web-antdv-next/src/components/cron-tab/cron-tab.vue b/apps/web-antdv-next/src/components/cron-tab/cron-tab.vue
index 87cce4737..d1b123585 100644
--- a/apps/web-antdv-next/src/components/cron-tab/cron-tab.vue
+++ b/apps/web-antdv-next/src/components/cron-tab/cron-tab.vue
@@ -15,6 +15,7 @@ import {
   RadioButton,
   RadioGroup,
   Select,
+  TabPane,
   Tabs,
 } from 'antdv-next';
 
diff --git a/apps/web-antdv-next/src/components/cropper/cropper-modal.vue b/apps/web-antdv-next/src/components/cropper/cropper-modal.vue
index 85feef0a2..9ca5f4cfe 100644
--- a/apps/web-antdv-next/src/components/cropper/cropper-modal.vue
+++ b/apps/web-antdv-next/src/components/cropper/cropper-modal.vue
@@ -97,7 +97,7 @@ async function handleOk() {
   const uploadApi = props.uploadApi;
   if (uploadApi && isFunction(uploadApi)) {
     if (!previewSource.value) {
-      message.warn('未选择图片');
+      message.warning('未选择图片');
       return;
     }
     const blob = dataURLtoBlob(previewSource.value);
diff --git a/apps/web-antdv-next/src/components/operate-log/operate-log.vue b/apps/web-antdv-next/src/components/operate-log/operate-log.vue
index aff0da8c4..bf805c713 100644
--- a/apps/web-antdv-next/src/components/operate-log/operate-log.vue
+++ b/apps/web-antdv-next/src/components/operate-log/operate-log.vue
@@ -38,7 +38,7 @@ function getUserTypeColor(userType: number) {
   <div class="pt-5">
     <Timeline>
       <TimelineItem v-for="log in logList" :key="log.id">
-        <template #dot>
+        <template #icon>
           <span
             :style="{ backgroundColor: getUserTypeColor(log.userType) }"
             class="flex h-5 w-5 items-center justify-center rounded-full text-[10px] text-white"
diff --git a/apps/web-antdv-next/src/views/_core/profile/index.vue b/apps/web-antdv-next/src/views/_core/profile/index.vue
index b07156282..a79b26565 100644
--- a/apps/web-antdv-next/src/views/_core/profile/index.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/index.vue
@@ -6,7 +6,7 @@ import { onMounted, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 import { useUserStore } from '@vben/stores';
 
-import { Card, Tabs } from 'antdv-next';
+import { Card, TabPane, Tabs } from 'antdv-next';
 
 import { getAuthPermissionInfoApi } from '#/api';
 import { getUserProfile } from '#/api/system/user/profile';
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/role/repository.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/role/repository.vue
index cb34099f7..0299004d6 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/role/repository.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/role/repository.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { useVbenDrawer, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Input, Layout, Tabs } from 'antdv-next';
+import { Button, Input, Layout, TabPane, Tabs } from 'antdv-next';
 
 import { createChatConversationMy } from '#/api/ai/chat/conversation';
 import { deleteMy, getCategoryList, getMyPage } from '#/api/ai/model/chatRole';
diff --git a/apps/web-antdv-next/src/views/ai/chat/manager/index.vue b/apps/web-antdv-next/src/views/ai/chat/manager/index.vue
index 35bbeb670..38776c463 100644
--- a/apps/web-antdv-next/src/views/ai/chat/manager/index.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/manager/index.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 
 import { DocAlert, Page } from '@vben/common-ui';
 
-import { Tabs } from 'antdv-next';
+import { TabPane, Tabs } from 'antdv-next';
 
 import ChatConversationList from './modules/conversation-list.vue';
 import ChatMessageList from './modules/message-list.vue';
diff --git a/apps/web-antdv-next/src/views/ai/music/index/list/index.vue b/apps/web-antdv-next/src/views/ai/music/index/list/index.vue
index 0e681eecf..2c4dae1dd 100644
--- a/apps/web-antdv-next/src/views/ai/music/index/list/index.vue
+++ b/apps/web-antdv-next/src/views/ai/music/index/list/index.vue
@@ -62,7 +62,7 @@ provide('currentSong', currentSong);
       <Tabs
         v-model:active-key="currentType"
         class="flex-auto px-5"
-        tab-position="bottom"
+        tab-placement="bottom"
       >
         <!-- 我的创作 -->
         <TabPane key="mine" tab="我的创作" v-loading="loading">
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/create/index.vue b/apps/web-antdv-next/src/views/bpm/processInstance/create/index.vue
index 70a09fb55..214e94fdb 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/create/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/create/index.vue
@@ -209,7 +209,7 @@ onMounted(() => {
         </template>
 
         <div v-if="filteredProcessDefinitionList?.length" class="-ml-6">
-          <Tabs v-model:active-key="activeCategory" tab-position="left">
+          <Tabs v-model:active-key="activeCategory" tab-placement="start">
             <TabPane
               v-for="category in availableCategories"
               :key="category.code"
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/create/modules/form.vue b/apps/web-antdv-next/src/views/bpm/processInstance/create/modules/form.vue
index 528ac7d54..e8629133e 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/create/modules/form.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/create/modules/form.vue
@@ -15,7 +15,16 @@ import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
 import formCreate from '@form-create/antdv-next';
-import { Button, Card, Col, message, Row, Space, Tabs } from 'antdv-next';
+import {
+  Button,
+  Card,
+  Col,
+  message,
+  Row,
+  Space,
+  TabPane,
+  Tabs,
+} from 'antdv-next';
 
 import { getProcessDefinition } from '#/api/bpm/definition';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue
index 96cc76b91..0422c484b 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue
@@ -14,7 +14,14 @@ import {
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime, isEmpty } from '@vben/utils';
 
-import { Avatar, Button, Image, Timeline, Tooltip } from 'antdv-next';
+import {
+  Avatar,
+  Button,
+  Image,
+  Timeline,
+  TimelineItem,
+  Tooltip,
+} from 'antdv-next';
 
 import { UserSelectModal } from '#/views/system/user/components';
 
@@ -238,7 +245,7 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
         :key="index"
         :color="getApprovalNodeColor(activity.status)"
       >
-        <template #dot>
+        <template #icon>
           <div class="relative">
             <div
               class="position-absolute left--2.5 top--1.5 flex h-8 w-8 items-center justify-center rounded-full border border-solid border-gray-200 bg-blue-500 p-1.5"
diff --git a/apps/web-antdv-next/src/views/crm/business/detail/index.vue b/apps/web-antdv-next/src/views/crm/business/detail/index.vue
index a7ad2043b..166d897f7 100644
--- a/apps/web-antdv-next/src/views/crm/business/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/business/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Button, Card, Tabs } from 'antdv-next';
+import { Button, Card, TabPane, Tabs } from 'antdv-next';
 
 import { getBusiness } from '#/api/crm/business';
 import { getOperateLogPage } from '#/api/crm/operateLog';
diff --git a/apps/web-antdv-next/src/views/crm/business/index.vue b/apps/web-antdv-next/src/views/crm/business/index.vue
index 6f35b35c1..9783e25a1 100644
--- a/apps/web-antdv-next/src/views/crm/business/index.vue
+++ b/apps/web-antdv-next/src/views/crm/business/index.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/clue/detail/index.vue b/apps/web-antdv-next/src/views/crm/clue/detail/index.vue
index b1b517d1c..a0e430e20 100644
--- a/apps/web-antdv-next/src/views/crm/clue/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/clue/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Card, message, Tabs } from 'antdv-next';
+import { Card, message, TabPane, Tabs } from 'antdv-next';
 
 import { getClue, transformClue } from '#/api/crm/clue';
 import { getOperateLogPage } from '#/api/crm/operateLog';
diff --git a/apps/web-antdv-next/src/views/crm/clue/index.vue b/apps/web-antdv-next/src/views/crm/clue/index.vue
index d6ae4a3a4..93b91fd9e 100644
--- a/apps/web-antdv-next/src/views/crm/clue/index.vue
+++ b/apps/web-antdv-next/src/views/crm/clue/index.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteClue, exportClue, getCluePage } from '#/api/crm/clue';
diff --git a/apps/web-antdv-next/src/views/crm/contact/detail/index.vue b/apps/web-antdv-next/src/views/crm/contact/detail/index.vue
index 8e4d1a581..2f5d7c8f7 100644
--- a/apps/web-antdv-next/src/views/crm/contact/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/contact/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Card, Tabs } from 'antdv-next';
+import { Card, TabPane, Tabs } from 'antdv-next';
 
 import { getContact } from '#/api/crm/contact';
 import { getOperateLogPage } from '#/api/crm/operateLog';
diff --git a/apps/web-antdv-next/src/views/crm/contact/index.vue b/apps/web-antdv-next/src/views/crm/contact/index.vue
index 51e5a8e71..6bfccec42 100644
--- a/apps/web-antdv-next/src/views/crm/contact/index.vue
+++ b/apps/web-antdv-next/src/views/crm/contact/index.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/contract/detail/index.vue b/apps/web-antdv-next/src/views/crm/contract/detail/index.vue
index 529f3efe2..12cc33d1f 100644
--- a/apps/web-antdv-next/src/views/crm/contract/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/contract/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Card, Tabs } from 'antdv-next';
+import { Card, TabPane, Tabs } from 'antdv-next';
 
 import { getContract } from '#/api/crm/contract';
 import { getOperateLogPage } from '#/api/crm/operateLog';
diff --git a/apps/web-antdv-next/src/views/crm/contract/index.vue b/apps/web-antdv-next/src/views/crm/contract/index.vue
index 431641e96..9e5fedf5a 100644
--- a/apps/web-antdv-next/src/views/crm/contract/index.vue
+++ b/apps/web-antdv-next/src/views/crm/contract/index.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/customer/detail/index.vue b/apps/web-antdv-next/src/views/crm/customer/detail/index.vue
index b2417c851..6678e382e 100644
--- a/apps/web-antdv-next/src/views/crm/customer/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Card, message, Tabs } from 'antdv-next';
+import { Card, message, TabPane, Tabs } from 'antdv-next';
 
 import {
   getCustomer,
diff --git a/apps/web-antdv-next/src/views/crm/customer/index.vue b/apps/web-antdv-next/src/views/crm/customer/index.vue
index 158522cc6..ce96145e6 100644
--- a/apps/web-antdv-next/src/views/crm/customer/index.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/index.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/customer/limitConfig/index.vue b/apps/web-antdv-next/src/views/crm/customer/limitConfig/index.vue
index 51137a3c1..c36d7070e 100644
--- a/apps/web-antdv-next/src/views/crm/customer/limitConfig/index.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/limitConfig/index.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/product/detail/index.vue b/apps/web-antdv-next/src/views/crm/product/detail/index.vue
index 8d3e59a47..1d5ca941b 100644
--- a/apps/web-antdv-next/src/views/crm/product/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/product/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Button, Card, Tabs } from 'antdv-next';
+import { Button, Card, TabPane, Tabs } from 'antdv-next';
 
 import { getOperateLogPage } from '#/api/crm/operateLog';
 import { BizTypeEnum } from '#/api/crm/permission';
diff --git a/apps/web-antdv-next/src/views/crm/receivable/detail/index.vue b/apps/web-antdv-next/src/views/crm/receivable/detail/index.vue
index 3e1e3fe19..910f2d085 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Card, Tabs } from 'antdv-next';
+import { Card, TabPane, Tabs } from 'antdv-next';
 
 import { getOperateLogPage } from '#/api/crm/operateLog';
 import { BizTypeEnum } from '#/api/crm/permission';
diff --git a/apps/web-antdv-next/src/views/crm/receivable/index.vue b/apps/web-antdv-next/src/views/crm/receivable/index.vue
index 7f67db3a6..59908596c 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/index.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/index.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/receivable/plan/detail/index.vue b/apps/web-antdv-next/src/views/crm/receivable/plan/detail/index.vue
index b273d1f3e..bb8c52b78 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/plan/detail/index.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/plan/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Card, Tabs } from 'antdv-next';
+import { Card, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction } from '#/adapter/vxe-table';
 import { getOperateLogPage } from '#/api/crm/operateLog';
diff --git a/apps/web-antdv-next/src/views/crm/receivable/plan/index.vue b/apps/web-antdv-next/src/views/crm/receivable/plan/index.vue
index e47980d19..f7afa59ba 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/plan/index.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/plan/index.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/statistics/customer/index.vue b/apps/web-antdv-next/src/views/crm/statistics/customer/index.vue
index d444a2e80..2a19251df 100644
--- a/apps/web-antdv-next/src/views/crm/statistics/customer/index.vue
+++ b/apps/web-antdv-next/src/views/crm/statistics/customer/index.vue
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Tabs } from 'antdv-next';
+import { TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/crm/statistics/funnel/index.vue b/apps/web-antdv-next/src/views/crm/statistics/funnel/index.vue
index eec64f593..3c0304606 100644
--- a/apps/web-antdv-next/src/views/crm/statistics/funnel/index.vue
+++ b/apps/web-antdv-next/src/views/crm/statistics/funnel/index.vue
@@ -12,7 +12,7 @@ import { reactive, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Button, Space, Tabs } from 'antdv-next';
+import { Button, Space, TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/crm/statistics/performance/index.vue b/apps/web-antdv-next/src/views/crm/statistics/performance/index.vue
index 692ae4e34..d70f70b66 100644
--- a/apps/web-antdv-next/src/views/crm/statistics/performance/index.vue
+++ b/apps/web-antdv-next/src/views/crm/statistics/performance/index.vue
@@ -10,7 +10,7 @@ import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 import { beginOfDay, endOfDay, formatDateTime } from '@vben/utils';
 
-import { Tabs } from 'antdv-next';
+import { TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/crm/statistics/portrait/index.vue b/apps/web-antdv-next/src/views/crm/statistics/portrait/index.vue
index f8cc023f4..5780bb699 100644
--- a/apps/web-antdv-next/src/views/crm/statistics/portrait/index.vue
+++ b/apps/web-antdv-next/src/views/crm/statistics/portrait/index.vue
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Tabs } from 'antdv-next';
+import { TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/crm/statistics/rank/index.vue b/apps/web-antdv-next/src/views/crm/statistics/rank/index.vue
index dda62a39b..0a354f7ad 100644
--- a/apps/web-antdv-next/src/views/crm/statistics/rank/index.vue
+++ b/apps/web-antdv-next/src/views/crm/statistics/rank/index.vue
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Tabs } from 'antdv-next';
+import { TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/infra/codegen/edit/index.vue b/apps/web-antdv-next/src/views/infra/codegen/edit/index.vue
index 7478a9be6..4768df421 100644
--- a/apps/web-antdv-next/src/views/infra/codegen/edit/index.vue
+++ b/apps/web-antdv-next/src/views/infra/codegen/edit/index.vue
@@ -49,12 +49,12 @@ async function submitForm() {
   // 表单验证
   const basicInfoValid = await basicInfoRef.value?.validate();
   if (!basicInfoValid) {
-    message.warn('保存失败，原因：基本信息表单校验失败请检查！！！');
+    message.warning('保存失败，原因：基本信息表单校验失败请检查！！！');
     return;
   }
   const generateInfoValid = await generateInfoRef.value?.validate();
   if (!generateInfoValid) {
-    message.warn('保存失败，原因：生成信息表单校验失败请检查！！！');
+    message.warning('保存失败，原因：生成信息表单校验失败请检查！！！');
     return;
   }
 
@@ -125,13 +125,8 @@ getDetail();
         type="navigation"
         v-model:current="currentStep"
         class="mb-8 rounded shadow-sm"
-      >
-        <Steps.Step
-          v-for="(step, index) in steps"
-          :key="index"
-          :title="step.title"
-        />
-      </Steps>
+        :items="steps.map((step) => ({ title: step.title }))"
+      />
 
       <div class="flex-1 overflow-auto py-4">
         <!-- 根据当前步骤显示对应的组件 -->
diff --git a/apps/web-antdv-next/src/views/infra/codegen/modules/preview-code.vue b/apps/web-antdv-next/src/views/infra/codegen/modules/preview-code.vue
index 0f2fe7d4c..c798a25b9 100644
--- a/apps/web-antdv-next/src/views/infra/codegen/modules/preview-code.vue
+++ b/apps/web-antdv-next/src/views/infra/codegen/modules/preview-code.vue
@@ -8,7 +8,7 @@ import { IconifyIcon } from '@vben/icons';
 import { CodeEditor } from '@vben/plugins/code-editor';
 
 import { useClipboard } from '@vueuse/core';
-import { Button, DirectoryTree, message, Tabs } from 'antdv-next';
+import { Button, DirectoryTree, message, TabPane, Tabs } from 'antdv-next';
 
 import { previewCodegen } from '#/api/infra/codegen';
 
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/index.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/index.vue
index 3ae13fb00..5b52ddad9 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/inner/index.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/inner/index.vue
index 124cc243d..1e19a2568 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/inner/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/inner/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/form.vue
index 7cf323177..3caf46b5c 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/normal/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/normal/modules/form.vue
index 13fe93923..1c6c498e6 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/normal/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/normal/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/job/data.ts b/apps/web-antdv-next/src/views/infra/job/data.ts
index 9c9c527cd..d517e0785 100644
--- a/apps/web-antdv-next/src/views/infra/job/data.ts
+++ b/apps/web-antdv-next/src/views/infra/job/data.ts
@@ -8,7 +8,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { formatDateTime } from '@vben/utils';
 
-import { Timeline } from 'antdv-next';
+import { Timeline, TimelineItem } from 'antdv-next';
 
 import { CronTab } from '#/components/cron-tab';
 import { DictTag } from '#/components/dict-tag';
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/index.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/index.vue
index aad25f37b..824e2473e 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/index.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/index.vue
@@ -9,7 +9,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page } from '@vben/common-ui';
 import { DeviceTypeEnum } from '@vben/constants';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { getDevice } from '#/api/iot/device/device';
 import { getProduct, ProtocolTypeEnum } from '#/api/iot/product/product';
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model.vue
index 47ce0714b..62c8a2af8 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { ContentWrap } from '@vben/common-ui';
 
-import { Tabs } from 'antdv-next';
+import { TabPane, Tabs } from 'antdv-next';
 
 import DeviceDetailsThingModelEvent from './thing-model-event.vue';
 import DeviceDetailsThingModelProperty from './thing-model-property.vue';
diff --git a/apps/web-antdv-next/src/views/iot/product/product/detail/index.vue b/apps/web-antdv-next/src/views/iot/product/product/detail/index.vue
index 76e2cbb3c..8425e44ba 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/detail/index.vue
+++ b/apps/web-antdv-next/src/views/iot/product/product/detail/index.vue
@@ -6,7 +6,7 @@ import { useRoute, useRouter } from 'vue-router';
 
 import { Page } from '@vben/common-ui';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { getDeviceCount } from '#/api/iot/device/device';
 import { getProduct } from '#/api/iot/product/product';
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/index.vue b/apps/web-antdv-next/src/views/mall/product/spu/index.vue
index 11112e99e..0cb69a42f 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/index.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/index.vue
@@ -9,7 +9,7 @@ import { confirm, DocAlert, Page } from '@vben/common-ui';
 import { ProductSpuStatusEnum } from '@vben/constants';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message, Tabs } from 'antdv-next';
+import { message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/afterSale/index.vue b/apps/web-antdv-next/src/views/mall/trade/afterSale/index.vue
index 2db934416..995d73965 100644
--- a/apps/web-antdv-next/src/views/mall/trade/afterSale/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/afterSale/index.vue
@@ -9,7 +9,7 @@ import { DocAlert, Page } from '@vben/common-ui';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Button, Image, Tabs, Tag } from 'antdv-next';
+import { Button, Image, TabPane, Tabs, Tag } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAfterSalePage } from '#/api/mall/trade/afterSale';
diff --git a/apps/web-antdv-next/src/views/mall/trade/config/index.vue b/apps/web-antdv-next/src/views/mall/trade/config/index.vue
index 8c80cd8d5..13182f830 100644
--- a/apps/web-antdv-next/src/views/mall/trade/config/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/config/index.vue
@@ -6,7 +6,7 @@ import { onMounted, ref } from 'vue';
 import { DocAlert, Page } from '@vben/common-ui';
 import { fenToYuan, yuanToFen } from '@vben/utils';
 
-import { Card, message, Tabs } from 'antdv-next';
+import { Card, message, TabPane, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getTradeConfig, saveTradeConfig } from '#/api/mall/trade/config';
diff --git a/apps/web-antdv-next/src/views/member/user/detail/modules/after-sale-list.vue b/apps/web-antdv-next/src/views/member/user/detail/modules/after-sale-list.vue
index a5ab23400..d56cdf6ce 100644
--- a/apps/web-antdv-next/src/views/member/user/detail/modules/after-sale-list.vue
+++ b/apps/web-antdv-next/src/views/member/user/detail/modules/after-sale-list.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Button, Image, Tabs, Tag } from 'antdv-next';
+import { Button, Image, TabPane, Tabs, Tag } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAfterSalePage } from '#/api/mall/trade/afterSale';
diff --git a/apps/web-antdv-next/src/views/mp/autoReply/index.vue b/apps/web-antdv-next/src/views/mp/autoReply/index.vue
index a89017118..3faf4a9e5 100644
--- a/apps/web-antdv-next/src/views/mp/autoReply/index.vue
+++ b/apps/web-antdv-next/src/views/mp/autoReply/index.vue
@@ -8,7 +8,7 @@ import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { AutoReplyMsgType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { message, Row, Tabs } from 'antdv-next';
+import { message, Row, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-reply/wx-reply.vue b/apps/web-antdv-next/src/views/mp/components/wx-reply/wx-reply.vue
index 02b84da8d..3a4f4a4ff 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-reply/wx-reply.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-reply/wx-reply.vue
@@ -6,7 +6,7 @@ import { computed, ref, unref, watch } from 'vue';
 import { NewsType, ReplyType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Row, Tabs } from 'antdv-next';
+import { Row, TabPane, Tabs } from 'antdv-next';
 
 import TabImage from './tab-image.vue';
 import TabMusic from './tab-music.vue';
diff --git a/apps/web-antdv-next/src/views/mp/material/index.vue b/apps/web-antdv-next/src/views/mp/material/index.vue
index e66ce8a36..a416aaa2f 100644
--- a/apps/web-antdv-next/src/views/mp/material/index.vue
+++ b/apps/web-antdv-next/src/views/mp/material/index.vue
@@ -9,7 +9,7 @@ import { confirm, DocAlert, Page } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 
-import { Button, message, Tabs } from 'antdv-next';
+import { Button, message, TabPane, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deletePermanentMaterial, getMaterialPage } from '#/api/mp/material';