diff --git a/apps/web-antdv-next/package.json b/apps/web-antdv-next/package.json
index 4ccfbb787..c47ff6cad 100644
--- a/apps/web-antdv-next/package.json
+++ b/apps/web-antdv-next/package.json
@@ -26,8 +26,8 @@
     "#/*": "./src/*"
   },
   "dependencies": {
-    "@form-create/ant-design-vue": "catalog:",
     "@form-create/antd-designer": "catalog:",
+    "@form-create/antdv-next": "catalog:",
     "@tinymce/tinymce-vue": "catalog:",
     "@vben/access": "workspace:*",
     "@vben/common-ui": "workspace:*",
diff --git a/apps/web-antdv-next/src/adapter/component/index.ts b/apps/web-antdv-next/src/adapter/component/index.ts
index a447db1d0..0aed8b5c6 100644
--- a/apps/web-antdv-next/src/adapter/component/index.ts
+++ b/apps/web-antdv-next/src/adapter/component/index.ts
@@ -279,9 +279,9 @@ async function previewImage(
           {
             class: 'hidden',
             preview: {
-              visible: visible.value,
+              open: visible.value,
               current: currentIndex,
-              onVisibleChange: (value: boolean) => {
+              onOpenChange: (value: boolean) => {
                 visible.value = value;
                 if (!value) {
                   setTimeout(() => {
@@ -366,7 +366,7 @@ function cropImage(file: File, aspectRatio: string | undefined) {
               closable: false,
               cancelText: $t('common.cancel'),
               okText: $t('ui.crop.confirm'),
-              destroyOnClose: true,
+              destroyOnHidden: true,
               onOk: async () => {
                 const cropper = cropperRef.value;
                 if (!cropper) {
@@ -676,13 +676,13 @@ async function initComponentAdapter() {
       fieldNames: { label: 'label', value: 'value', children: 'children' },
       loadingSlot: 'suffixIcon',
       modelPropName: 'value',
-      visibleEvent: 'onVisibleChange',
+      visibleEvent: 'onOpenChange',
     }),
     ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', {
       component: Select,
       loadingSlot: 'suffixIcon',
       modelPropName: 'value',
-      visibleEvent: 'onVisibleChange',
+      visibleEvent: 'onOpenChange',
     }),
     ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', {
       component: TreeSelect,
@@ -690,7 +690,7 @@ async function initComponentAdapter() {
       loadingSlot: 'suffixIcon',
       modelPropName: 'value',
       optionsPropName: 'treeData',
-      visibleEvent: 'onVisibleChange',
+      visibleEvent: 'onOpenChange',
     }),
     AutoComplete,
     Cascader,
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 59bf8004e..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';
 
@@ -438,7 +439,7 @@ function inputChange() {
   <Modal
     v-model:open="dialogVisible"
     :width="720"
-    destroy-on-close
+    destroy-on-hidden
     title="cron规则生成器"
   >
     <div class="sc-cron">
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/description/description.vue b/apps/web-antdv-next/src/components/description/description.vue
index 86f90c8d4..09f5c2697 100644
--- a/apps/web-antdv-next/src/components/description/description.vue
+++ b/apps/web-antdv-next/src/components/description/description.vue
@@ -172,13 +172,15 @@ export default defineComponent({
 
       return (
         <Card
-          bodyStyle={{ padding: '8px 0' }}
-          headStyle={{
-            padding: '8px 16px',
-            fontSize: '14px',
-            minHeight: '24px',
-          }}
           style={{ margin: 0 }}
+          styles={{
+            body: { padding: '8px 0' },
+            header: {
+              padding: '8px 16px',
+              fontSize: '14px',
+              minHeight: '24px',
+            },
+          }}
           title={title}
         >
           {{
diff --git a/apps/web-antdv-next/src/components/form-create/helpers.ts b/apps/web-antdv-next/src/components/form-create/helpers.ts
index 12d07a68a..8465480be 100644
--- a/apps/web-antdv-next/src/components/form-create/helpers.ts
+++ b/apps/web-antdv-next/src/components/form-create/helpers.ts
@@ -1,4 +1,4 @@
-import type { Rule } from '@form-create/ant-design-vue';
+import type { Rule } from '@form-create/antdv-next';
 
 import type { Ref } from 'vue';
 
@@ -6,7 +6,7 @@ import type { Menu } from '#/components/form-create/typing';
 
 import { isRef, nextTick, onMounted } from 'vue';
 
-import formCreate from '@form-create/ant-design-vue';
+import formCreate from '@form-create/antdv-next';
 
 import { apiSelectRule } from '#/components/form-create/rules/data';
 
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/plugins/form-create/index.ts b/apps/web-antdv-next/src/plugins/form-create/index.ts
index f41d9d195..ccd0c83e6 100644
--- a/apps/web-antdv-next/src/plugins/form-create/index.ts
+++ b/apps/web-antdv-next/src/plugins/form-create/index.ts
@@ -1,8 +1,8 @@
 import type { App } from 'vue';
 
-import formCreate from '@form-create/ant-design-vue';
-import install from '@form-create/ant-design-vue/auto-import';
 import FcDesigner from '@form-create/antd-designer';
+import formCreate from '@form-create/antdv-next';
+import install from '@form-create/antdv-next/auto-import';
 // 👇使用 form-create 需额外全局引入 ant-design-vue 组件
 import {
   Alert,
diff --git a/apps/web-antdv-next/src/store/auth.ts b/apps/web-antdv-next/src/store/auth.ts
index af0e91594..539c37667 100644
--- a/apps/web-antdv-next/src/store/auth.ts
+++ b/apps/web-antdv-next/src/store/auth.ts
@@ -95,7 +95,7 @@ export const useAuthStore = defineStore('auth', () => {
           notification.success({
             description: `${$t('authentication.loginSuccessDesc')}:${userInfo?.nickname}`,
             duration: 3,
-            message: $t('authentication.loginSuccess'),
+            title: $t('authentication.loginSuccess'),
           });
         }
       }
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/list.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/role/list.vue
index 4bd78271d..bc6f55bb7 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/role/list.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/role/list.vue
@@ -65,14 +65,16 @@ async function handleTabsScroll() {
     <div class="mb-3 mr-3 inline-block" v-for="role in roleList" :key="role.id">
       <Card
         class="relative rounded-lg"
-        :body-style="{
-          position: 'relative',
-          display: 'flex',
-          flexDirection: 'column',
-          justifyContent: 'flex-start',
-          width: '240px',
-          maxWidth: '240px',
-          padding: '15px',
+        :styles="{
+          body: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'flex-start',
+            width: '240px',
+            maxWidth: '240px',
+            padding: '15px',
+          },
         }"
       >
         <!-- 头部：头像、名称 -->
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/image/index/modules/list.vue b/apps/web-antdv-next/src/views/ai/image/index/modules/list.vue
index e6b49b744..3be7355a8 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/modules/list.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/modules/list.vue
@@ -174,13 +174,15 @@ onUnmounted(async () => {
   </Drawer>
   <Card
     class="flex h-full w-full flex-col"
-    :body-style="{
-      margin: 0,
-      padding: 0,
-      height: '100%',
-      position: 'relative',
-      display: 'flex',
-      flexDirection: 'column',
+    :styles="{
+      body: {
+        margin: 0,
+        padding: 0,
+        height: '100%',
+        position: 'relative',
+        display: 'flex',
+        flexDirection: 'column',
+      },
     }"
   >
     <template #title>
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/document/form/index.vue b/apps/web-antdv-next/src/views/ai/knowledge/document/form/index.vue
index bee235c47..4cb1dda0b 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/document/form/index.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/document/form/index.vue
@@ -178,7 +178,7 @@ onMounted(async () => {
       </div>
 
       <!-- 主体内容 -->
-      <Card :body-style="{ padding: '10px' }" class="mb-4">
+      <Card :styles="{ body: { padding: '10px' } }" class="mb-4">
         <div class="mt-12">
           <!-- 第一步：上传文档 -->
           <div v-if="currentStep === 0" class="mx-auto w-[560px]">
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/components/bpmn-process-designer/package/penal/listeners/ElementListeners.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/ElementListeners.vue
index e9251237c..4057d5bab 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/ElementListeners.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/ElementListeners.vue
@@ -338,7 +338,7 @@ watch(
         >
           编辑
         </Button>
-        <Divider type="vertical" />
+        <Divider orientation="vertical" />
         <Button
           size="small"
           type="link"
@@ -554,7 +554,7 @@ watch(
           >
             编辑
           </Button>
-          <Divider type="vertical" />
+          <Divider orientation="vertical" />
           <Button
             size="small"
             type="link"
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/UserTaskListeners.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/UserTaskListeners.vue
index df997a1a0..a6dc8312d 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/UserTaskListeners.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/UserTaskListeners.vue
@@ -334,7 +334,7 @@ watch(
         >
           编辑
         </Button>
-        <Divider type="vertical" />
+        <Divider orientation="vertical" />
         <Button
           size="small"
           type="link"
@@ -539,7 +539,7 @@ watch(
             >
               编辑
             </Button>
-            <Divider type="vertical" />
+            <Divider orientation="vertical" />
             <Button
               size="small"
               type="link"
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/properties/ElementProperties.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/properties/ElementProperties.vue
index 26cec74b4..b5a889a0b 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/properties/ElementProperties.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/properties/ElementProperties.vue
@@ -201,7 +201,7 @@ watch(
         >
           编辑
         </Button>
-        <Divider type="vertical" />
+        <Divider orientation="vertical" />
         <Button
           size="small"
           type="link"
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalAndMessage.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalAndMessage.vue
index 16f571c5a..6b30312a6 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalAndMessage.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalAndMessage.vue
@@ -277,7 +277,7 @@ watch(
         >
           编辑
         </Button>
-        <Divider type="vertical" />
+        <Divider orientation="vertical" />
         <Button
           size="small"
           type="link"
@@ -316,7 +316,7 @@ watch(
         >
           编辑
         </Button>
-        <Divider type="vertical" />
+        <Divider orientation="vertical" />
         <Button
           size="small"
           type="link"
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/CallActivity.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/CallActivity.vue
index 9799dcfd2..c185c73c5 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/CallActivity.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/CallActivity.vue
@@ -329,7 +329,7 @@ onMounted(async () => {
           >
             编辑
           </Button>
-          <Divider type="vertical" />
+          <Divider orientation="vertical" />
           <Button
             size="small"
             type="link"
@@ -366,7 +366,7 @@ onMounted(async () => {
           >
             编辑
           </Button>
-          <Divider type="vertical" />
+          <Divider orientation="vertical" />
           <Button
             size="small"
             type="link"
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue
index 73b085e38..4167c65a5 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue
@@ -172,7 +172,7 @@ defineExpose({ validate });
           />
         </div>
       </div>
-      <Space direction="vertical" size="small" class="w-11/12 pl-1">
+      <Space orientation="vertical" size="small" class="w-11/12 pl-1">
         <template #split>
           {{ condition.conditionGroups.and ? '且' : '或' }}
         </template>
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue
index f39fe8fdf..e2a6edc98 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue
@@ -225,7 +225,7 @@ defineExpose({ openDrawer }); // 暴露方法给父组件
 
     <Form ref="formRef" :model="{ routerGroups }">
       <Card
-        :body-style="{ padding: '10px' }"
+        :styles="{ body: { padding: '10px' } }"
         class="mt-4"
         v-for="(item, index) in routerGroups"
         :key="index"
diff --git a/apps/web-antdv-next/src/views/bpm/form/mobile/index.vue b/apps/web-antdv-next/src/views/bpm/form/mobile/index.vue
index b1ca363cc..85de61bcc 100644
--- a/apps/web-antdv-next/src/views/bpm/form/mobile/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/form/mobile/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 /**
  * 移动端流程表单展示页面 - Ant Design Vue 版本
- * 使用 @form-create/ant-design-vue 渲染表单
+ * 使用 @form-create/antdv-next 渲染表单
  * 用于 UniApp 通过 iframe/webview 嵌入
  *
  * URL 参数说明：
@@ -330,7 +330,7 @@ function initApp() {
   <div class="mobile-form-preview-antd">
     <!-- 加载状态 -->
     <div v-if="loading" class="loading-container">
-      <Spin size="large" tip="加载中..." />
+      <Spin size="large" description="加载中..." />
     </div>
 
     <!-- 错误状态 -->
diff --git a/apps/web-antdv-next/src/views/bpm/form/modules/detail.vue b/apps/web-antdv-next/src/views/bpm/form/modules/detail.vue
index f0b612b8a..4983685ac 100644
--- a/apps/web-antdv-next/src/views/bpm/form/modules/detail.vue
+++ b/apps/web-antdv-next/src/views/bpm/form/modules/detail.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import FormCreate from '@form-create/ant-design-vue';
+import FormCreate from '@form-create/antdv-next';
 
 import { getForm } from '#/api/bpm/form';
 import { setConfAndFields2 } from '#/components/form-create';
@@ -40,8 +40,8 @@ const [Modal, modalApi] = useVbenModal({
   <Modal
     class="w-2/5"
     title="流程表单详情"
-    :body-style="{
-      maxHeight: '100px',
+    :styles="{
+      body: { maxHeight: '100px' },
     }"
   >
     <FormCreate :option="formConfig.option" :rule="formConfig.rule" />
diff --git a/apps/web-antdv-next/src/views/bpm/model/form/index.vue b/apps/web-antdv-next/src/views/bpm/model/form/index.vue
index 31d6fbd0e..a8a3c3755 100644
--- a/apps/web-antdv-next/src/views/bpm/model/form/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/form/index.vue
@@ -468,7 +468,7 @@ onBeforeUnmount(() => {
         </div>
       </div>
       <!-- 主体内容 -->
-      <Card :body-style="{ padding: '10px' }" class="mb-4">
+      <Card :styles="{ body: { padding: '10px' } }" class="mb-4">
         <div class="mt-12">
           <!-- 第一步：基本信息 -->
           <div v-if="currentStep === 0" class="mx-auto w-4/6">
diff --git a/apps/web-antdv-next/src/views/bpm/model/form/modules/form-design.vue b/apps/web-antdv-next/src/views/bpm/model/form/modules/form-design.vue
index 8a5fe8367..63a2ad82b 100644
--- a/apps/web-antdv-next/src/views/bpm/model/form/modules/form-design.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/form/modules/form-design.vue
@@ -7,7 +7,7 @@ import { BpmModelFormType, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
-import FormCreate from '@form-create/ant-design-vue';
+import FormCreate from '@form-create/antdv-next';
 import {
   Form,
   FormItem,
diff --git a/apps/web-antdv-next/src/views/bpm/model/index.vue b/apps/web-antdv-next/src/views/bpm/model/index.vue
index 0edd1bfde..aa94607af 100644
--- a/apps/web-antdv-next/src/views/bpm/model/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/index.vue
@@ -144,7 +144,7 @@ async function handleCategorySortSubmit() {
     <!-- 流程分类表单弹窗 -->
     <CategoryFormModal @success="getList" />
     <Card
-      :body-style="{ padding: '10px' }"
+      :styles="{ body: { padding: '10px' } }"
       class="mb-4"
       title="流程模型"
       v-spinning="modelListSpinning"
diff --git a/apps/web-antdv-next/src/views/bpm/model/modules/category-draggable-model.vue b/apps/web-antdv-next/src/views/bpm/model/modules/category-draggable-model.vue
index 11c215b64..c818dc912 100644
--- a/apps/web-antdv-next/src/views/bpm/model/modules/category-draggable-model.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/modules/category-draggable-model.vue
@@ -459,7 +459,7 @@ function handleRenameSuccess() {
 <template>
   <div>
     <Card
-      :body-style="{ padding: 0 }"
+      :styles="{ body: { padding: 0 } }"
       class="category-draggable-model mb-5 rounded-lg transition-all duration-300 ease-in-out hover:shadow-xl"
     >
       <div class="flex h-12 items-center">
diff --git a/apps/web-antdv-next/src/views/bpm/oa/leave/detail.vue b/apps/web-antdv-next/src/views/bpm/oa/leave/detail.vue
index 244148ad5..2a0686842 100644
--- a/apps/web-antdv-next/src/views/bpm/oa/leave/detail.vue
+++ b/apps/web-antdv-next/src/views/bpm/oa/leave/detail.vue
@@ -48,7 +48,7 @@ onMounted(() => {
 
 <template>
   <ContentWrap class="m-2">
-    <Spin :spinning="loading" tip="加载中...">
+    <Spin :spinning="loading" description="加载中...">
       <Descriptions :data="formData" />
     </Spin>
   </ContentWrap>
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 90ff9da84..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"
@@ -233,9 +233,8 @@ onMounted(() => {
                       'animate-bounce-once !bg-[rgb(63_115_247_/_10%)]':
                         searchName.trim().length > 0,
                     }"
-                    :body-style="{
-                      width: '100%',
-                      padding: '16px',
+                    :styles="{
+                      body: { width: '100%', padding: '16px' },
                     }"
                   >
                     <div class="flex items-center">
@@ -269,7 +268,7 @@ onMounted(() => {
           </Tabs>
         </div>
         <div v-else class="!py-48 text-center">
-          <Space direction="vertical" size="large">
+          <Space orientation="vertical" size="large">
             <span class="text-gray-500">没有找到搜索结果</span>
           </Space>
         </div>
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 9410e4813..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
@@ -14,8 +14,17 @@ import {
 import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
-import formCreate from '@form-create/ant-design-vue';
-import { Button, Card, Col, message, Row, Space, Tabs } from 'antdv-next';
+import formCreate from '@form-create/antdv-next';
+import {
+  Button,
+  Card,
+  Col,
+  message,
+  Row,
+  Space,
+  TabPane,
+  Tabs,
+} from 'antdv-next';
 
 import { getProcessDefinition } from '#/api/bpm/definition';
 import {
@@ -265,10 +274,12 @@ defineExpose({ initProcessInfo });
   <Card
     :title="getTitle"
     class="h-full overflow-hidden"
-    :body-style="{
-      height: 'calc(100% - 112px)',
-      paddingTop: '12px',
-      overflowY: 'auto',
+    :styles="{
+      body: {
+        height: 'calc(100% - 112px)',
+        paddingTop: '12px',
+        overflowY: 'auto',
+      },
     }"
   >
     <template #extra>
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/detail/index.vue b/apps/web-antdv-next/src/views/bpm/processInstance/detail/index.vue
index 003b0bcc3..9a11e8696 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/detail/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/detail/index.vue
@@ -227,10 +227,8 @@ onMounted(async () => {
   <Page auto-content-height v-loading="loading">
     <Card
       class="flex h-full flex-col"
-      :body-style="{
-        flex: 1,
-        overflowY: 'hidden',
-        paddingTop: '12px',
+      :styles="{
+        body: { flex: 1, overflowY: 'hidden', paddingTop: '12px' },
       }"
     >
       <template #title>
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/operation-button.vue b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/operation-button.vue
index bf80960bd..5b0692472 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/operation-button.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/operation-button.vue
@@ -22,7 +22,7 @@ import { IconifyIcon } from '@vben/icons';
 import { useUserStore } from '@vben/stores';
 import { isEmpty } from '@vben/utils';
 
-import FormCreate from '@form-create/ant-design-vue';
+import FormCreate from '@form-create/antdv-next';
 import { until, useDebounceFn } from '@vueuse/core';
 import {
   Alert,
@@ -766,7 +766,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.approve"
         placement="top"
-        :overlay-style="{ minWidth: '400px', zIndex: 300 }"
+        :styles="{ root: { minWidth: '400px', zIndex: 300 } }"
         trigger="click"
         @open-change="handlePopoverVisible"
         v-if="
@@ -870,7 +870,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.reject"
         placement="top"
-        :overlay-style="{ minWidth: '400px' }"
+        :styles="{ root: { minWidth: '400px' } }"
         trigger="click"
         v-if="
           runningTask &&
@@ -927,7 +927,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.copy"
         placement="top"
-        :overlay-style="{ width: '400px' }"
+        :styles="{ root: { width: '400px' } }"
         trigger="click"
         v-if="
           runningTask &&
@@ -999,7 +999,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.transfer"
         placement="top"
-        :overlay-style="{ width: '400px' }"
+        :styles="{ root: { width: '400px' } }"
         trigger="click"
         v-if="
           runningTask &&
@@ -1072,7 +1072,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.delegate"
         placement="top"
-        :overlay-style="{ width: '400px' }"
+        :styles="{ root: { width: '400px' } }"
         trigger="click"
         v-if="
           runningTask &&
@@ -1145,7 +1145,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.addSign"
         placement="top"
-        :overlay-style="{ width: '400px' }"
+        :styles="{ root: { width: '400px' } }"
         trigger="click"
         v-if="
           runningTask &&
@@ -1230,7 +1230,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.deleteSign"
         placement="top"
-        :overlay-style="{ width: '400px' }"
+        :styles="{ root: { width: '400px' } }"
         trigger="click"
         v-if="runningTask?.children.length > 0"
       >
@@ -1296,7 +1296,7 @@ defineExpose({ loadTodoTask });
       <Popover
         v-model:open="popOverVisible.return"
         placement="top"
-        :overlay-style="{ width: '400px' }"
+        :styles="{ root: { width: '400px' } }"
         trigger="click"
         v-if="
           runningTask &&
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/build/index.vue b/apps/web-antdv-next/src/views/infra/build/index.vue
index 54d418611..1984342e9 100644
--- a/apps/web-antdv-next/src/views/infra/build/index.vue
+++ b/apps/web-antdv-next/src/views/infra/build/index.vue
@@ -5,8 +5,8 @@ import { onMounted, ref, unref } from 'vue';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { isString } from '@vben/utils';
 
-import formCreate from '@form-create/ant-design-vue';
 import FcDesigner from '@form-create/antd-designer';
+import formCreate from '@form-create/antdv-next';
 import { useClipboard } from '@vueuse/core';
 import { Button, message } from 'antdv-next';
 import hljs from 'highlight.js';
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/infra/webSocket/index.vue b/apps/web-antdv-next/src/views/infra/webSocket/index.vue
index c600609b7..f7e371393 100644
--- a/apps/web-antdv-next/src/views/infra/webSocket/index.vue
+++ b/apps/web-antdv-next/src/views/infra/webSocket/index.vue
@@ -184,7 +184,7 @@ onMounted(async () => {
 
     <div class="mt-4 flex flex-col gap-4 md:flex-row">
       <!-- 左侧：建立连接、发送消息 -->
-      <Card :bordered="false" class="w-full md:w-1/2">
+      <Card variant="borderless" class="w-full md:w-1/2">
         <template #title>
           <div class="flex items-center">
             <Badge :status="getIsOpen ? 'success' : 'error'" />
@@ -274,7 +274,7 @@ onMounted(async () => {
       </Card>
 
       <!-- 右侧：消息记录 -->
-      <Card :bordered="false" class="w-full md:w-1/2">
+      <Card variant="borderless" class="w-full md:w-1/2">
         <template #title>
           <div class="flex items-center">
             <IconifyIcon
diff --git a/apps/web-antdv-next/src/views/iot/alert/record/index.vue b/apps/web-antdv-next/src/views/iot/alert/record/index.vue
index 1ddd89518..2cabdbeb3 100644
--- a/apps/web-antdv-next/src/views/iot/alert/record/index.vue
+++ b/apps/web-antdv-next/src/views/iot/alert/record/index.vue
@@ -212,7 +212,7 @@ onMounted(() => {
           v-if="row.deviceMessage"
           placement="topLeft"
           trigger="hover"
-          :overlay-style="{ maxWidth: '600px' }"
+          :styles="{ root: { maxWidth: '600px' } }"
         >
           <template #content>
             <pre class="text-xs">{{ row.deviceMessage }}</pre>
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-property-history.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property-history.vue
index ab5a13307..e2975a3ad 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property-history.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property-history.vue
@@ -124,7 +124,7 @@ const tableColumns = computed(() => [
     key: 'index',
     width: 80,
     align: 'center' as const,
-    customRender: ({ index }: { index: number }) => index + 1,
+    render: ({ index }: { index: number }) => index + 1,
   },
   {
     title: '时间',
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue
index 799207808..3ed388d04 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue
@@ -322,7 +322,7 @@ onBeforeUnmount(() => {
           class="mb-4"
         >
           <Card
-            :body-style="{ padding: '0' }"
+            :styles="{ body: { padding: '0' } }"
             class="relative h-full overflow-hidden transition-colors"
           >
             <!-- 添加渐变背景层 -->
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/device/device/index.vue b/apps/web-antdv-next/src/views/iot/device/device/index.vue
index 4655d3622..e530ff63b 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/index.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/index.vue
@@ -276,7 +276,7 @@ onMounted(async () => {
     <DeviceImportFormModal @success="handleRefresh" />
 
     <!-- 统一搜索工具栏 -->
-    <Card :body-style="{ padding: '16px' }" class="mb-4">
+    <Card :styles="{ body: { padding: '16px' } }" class="mb-4">
       <!-- 搜索表单 -->
       <div class="mb-3 flex flex-wrap items-center gap-3">
         <Select
diff --git a/apps/web-antdv-next/src/views/iot/device/device/modules/card-view.vue b/apps/web-antdv-next/src/views/iot/device/device/modules/card-view.vue
index 5af722a34..fb7ac3729 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/modules/card-view.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/modules/card-view.vue
@@ -115,7 +115,7 @@ onMounted(() => {
           :lg="6"
         >
           <Card
-            :body-style="{ padding: '16px' }"
+            :styles="{ body: { padding: '16px' } }"
             class="device-card h-full rounded-lg transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg"
           >
             <!-- 顶部标题区域 -->
diff --git a/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-detail.vue b/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-detail.vue
index 15ee150cd..2bdb70ace 100644
--- a/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-detail.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-detail.vue
@@ -104,7 +104,7 @@ const columns: TableColumnsType = [
     key: 'updateTime',
     align: 'center' as const,
     width: 180,
-    customRender: ({ text }: any) => formatDate(text, 'YYYY-MM-DD HH:mm:ss'),
+    render: ({ text }: any) => formatDate(text, 'YYYY-MM-DD HH:mm:ss'),
   },
   {
     title: '操作',
diff --git a/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-list.vue b/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-list.vue
index e1146714c..66c749250 100644
--- a/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-list.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-list.vue
@@ -143,7 +143,7 @@ const columns: TableColumnsType = [
     dataIndex: 'createTime',
     key: 'createTime',
     align: 'center' as const,
-    customRender: ({ text }: any) => formatDate(text, 'YYYY-MM-DD HH:mm:ss'),
+    render: ({ text }: any) => formatDate(text, 'YYYY-MM-DD HH:mm:ss'),
   },
   {
     title: '任务描述',
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/iot/product/product/index.vue b/apps/web-antdv-next/src/views/iot/product/product/index.vue
index 88a21043c..fc0b0fe0e 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/index.vue
+++ b/apps/web-antdv-next/src/views/iot/product/product/index.vue
@@ -175,7 +175,7 @@ onMounted(() => {
     <FormModal @success="handleRefresh" />
 
     <!-- 统一搜索工具栏 -->
-    <Card :body-style="{ padding: '16px' }" class="mb-4">
+    <Card :styles="{ body: { padding: '16px' } }" class="mb-4">
       <!-- 搜索表单 -->
       <div class="mb-3 flex items-center gap-3">
         <Input
diff --git a/apps/web-antdv-next/src/views/iot/product/product/modules/card-view.vue b/apps/web-antdv-next/src/views/iot/product/product/modules/card-view.vue
index c3008ca61..c72ced523 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/modules/card-view.vue
+++ b/apps/web-antdv-next/src/views/iot/product/product/modules/card-view.vue
@@ -101,7 +101,7 @@ onMounted(() => {
           :lg="6"
         >
           <Card
-            :body-style="{ padding: '16px' }"
+            :styles="{ body: { padding: '16px' } }"
             class="product-card h-full rounded-lg transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg"
           >
             <!-- 顶部标题区域 -->
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-struct-data-specs.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-struct-data-specs.vue
index 8fc02ae13..ba8a9d47a 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-struct-data-specs.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-struct-data-specs.vue
@@ -134,7 +134,7 @@ onMounted(async () => {
       <span>参数：{{ item.name }}</span>
       <div class="btn">
         <Button type="link" @click="openStructForm(item)"> 编辑 </Button>
-        <Divider type="vertical" />
+        <Divider orientation="vertical" />
         <Button type="link" danger @click="deleteStructItem(index)">
           删除
         </Button>
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-input-output-param.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-input-output-param.vue
index 56c35a0ab..6879105da 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-input-output-param.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-input-output-param.vue
@@ -131,7 +131,7 @@ function resetForm() {
     <span>参数名称：{{ item.name }}</span>
     <div class="btn">
       <Button type="link" @click="openParamForm(item)">编辑</Button>
-      <Divider type="vertical" />
+      <Divider orientation="vertical" />
       <Button type="link" danger @click="deleteParamItem(index)">删除</Button>
     </div>
   </div>
diff --git a/apps/web-antdv-next/src/views/mall/home/modules/comparison-card.vue b/apps/web-antdv-next/src/views/mall/home/modules/comparison-card.vue
index ae252e1bd..3935188d8 100644
--- a/apps/web-antdv-next/src/views/mall/home/modules/comparison-card.vue
+++ b/apps/web-antdv-next/src/views/mall/home/modules/comparison-card.vue
@@ -48,7 +48,7 @@ const formattedReference = computed(() => {
 </script>
 
 <template>
-  <Card :bordered="false" class="h-full">
+  <Card variant="borderless" class="h-full">
     <div class="flex flex-col gap-2">
       <div class="flex items-center justify-between text-gray-500">
         <span>{{ title }}</span>
diff --git a/apps/web-antdv-next/src/views/mall/home/modules/member-statistics-card.vue b/apps/web-antdv-next/src/views/mall/home/modules/member-statistics-card.vue
index a4ed7144c..a5f889a06 100644
--- a/apps/web-antdv-next/src/views/mall/home/modules/member-statistics-card.vue
+++ b/apps/web-antdv-next/src/views/mall/home/modules/member-statistics-card.vue
@@ -95,7 +95,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card :bordered="false">
+  <Card variant="borderless">
     <template #title>
       <div class="flex items-center justify-between">
         <span>用户统计</span>
diff --git a/apps/web-antdv-next/src/views/mall/home/modules/operation-data-card.vue b/apps/web-antdv-next/src/views/mall/home/modules/operation-data-card.vue
index e5283743b..6495a33d2 100644
--- a/apps/web-antdv-next/src/views/mall/home/modules/operation-data-card.vue
+++ b/apps/web-antdv-next/src/views/mall/home/modules/operation-data-card.vue
@@ -102,7 +102,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card :bordered="false" title="运营数据">
+  <Card variant="borderless" title="运营数据">
     <div class="flex flex-row flex-wrap items-center gap-8 p-4">
       <div
         v-for="(item, key) in data"
diff --git a/apps/web-antdv-next/src/views/mall/home/modules/shortcut-card.vue b/apps/web-antdv-next/src/views/mall/home/modules/shortcut-card.vue
index a202fe0e7..5cb19c618 100644
--- a/apps/web-antdv-next/src/views/mall/home/modules/shortcut-card.vue
+++ b/apps/web-antdv-next/src/views/mall/home/modules/shortcut-card.vue
@@ -69,7 +69,7 @@ function handleMenuClick(routerName: string) {
 </script>
 
 <template>
-  <Card :bordered="false" title="快捷入口">
+  <Card variant="borderless" title="快捷入口">
     <div class="flex flex-row flex-wrap gap-8 p-4">
       <div
         v-for="menu in menuList"
diff --git a/apps/web-antdv-next/src/views/mall/home/modules/trade-trend-card.vue b/apps/web-antdv-next/src/views/mall/home/modules/trade-trend-card.vue
index 2d5bf2fe8..b88927f34 100644
--- a/apps/web-antdv-next/src/views/mall/home/modules/trade-trend-card.vue
+++ b/apps/web-antdv-next/src/views/mall/home/modules/trade-trend-card.vue
@@ -182,7 +182,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card :bordered="false">
+  <Card variant="borderless">
     <template #title>
       <div class="flex items-center justify-between">
         <span>交易量趋势</span>
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/components/sku-table-select.vue b/apps/web-antdv-next/src/views/mall/product/spu/components/sku-table-select.vue
index 3ceae87f5..c96b776ca 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/components/sku-table-select.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/components/sku-table-select.vue
@@ -87,7 +87,7 @@ defineExpose({
     v-model:open="visible"
     title="选择规格"
     width="700px"
-    :destroy-on-close="true"
+    :destroy-on-hidden="true"
     :footer="null"
     @cancel="closeModal"
   >
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-select.vue b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-select.vue
index ffc756107..cd78954c4 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-select.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-select.vue
@@ -294,7 +294,7 @@ onMounted(async () => {
     v-model:open="visible"
     title="商品选择"
     width="70%"
-    :destroy-on-close="true"
+    :destroy-on-hidden="true"
     @ok="handleConfirm"
     @cancel="closeModal"
   >
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-table-select.vue b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-table-select.vue
index 3941d36e9..337a4590f 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-table-select.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-table-select.vue
@@ -231,7 +231,7 @@ onMounted(async () => {
     v-model:open="visible"
     title="选择商品"
     width="950px"
-    :destroy-on-close="true"
+    :destroy-on-hidden="true"
     :footer="props.multiple ? undefined : null"
     @ok="handleConfirm"
     @cancel="closeModal"
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/promotion/components/diy-editor/components/mobile/navigation-bar/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/property.vue
index 776cea55a..89f3d3b30 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/property.vue
@@ -92,7 +92,7 @@ if (!formData.value._local) {
         <span class="mb-2 ml-2 text-xs text-gray-400">建议宽度：750</span>
       </div>
     </FormItem>
-    <Card class="property-group" :bordered="false">
+    <Card class="property-group" variant="borderless">
       <template #title>
         <div class="flex items-center justify-between">
           <span>内容（小程序）</span>
@@ -110,7 +110,7 @@ if (!formData.value._local) {
       </template>
       <NavigationBarCellProperty v-model="formData.mpCells" is-mp />
     </Card>
-    <Card class="property-group" :bordered="false">
+    <Card class="property-group" variant="borderless">
       <template #title>
         <div class="flex items-center justify-between">
           <span>内容（非小程序）</span>
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/index.vue
index a47cc0965..de06955e3 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/index.vue
@@ -20,7 +20,7 @@ defineProps<{ property: NoticeBarProperty }>();
     }"
   >
     <Image :src="property.iconUrl" class="h-[18px]" :preview="false" />
-    <Divider type="vertical" />
+    <Divider orientation="vertical" />
     <Carousel
       :autoplay="true"
       :dots="false"
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/property.vue
index 9cb911432..fd9688062 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/property.vue
@@ -39,10 +39,10 @@ const formData = useVModel(props, 'modelValue', emit);
       :wrapper-col="{ span: 18 }"
       :model="formData"
     >
-      <Card title="商品列表" class="property-group" :bordered="false">
+      <Card title="商品列表" class="property-group" variant="borderless">
         <SpuShowcase v-model="formData.spuIds" />
       </Card>
-      <Card title="商品样式" class="property-group" :bordered="false">
+      <Card title="商品样式" class="property-group" variant="borderless">
         <FormItem label="布局" name="type">
           <RadioGroup v-model:value="formData.layoutType">
             <Tooltip title="双列" placement="bottom">
@@ -81,7 +81,7 @@ const formData = useVModel(props, 'modelValue', emit);
           </div>
         </FormItem>
       </Card>
-      <Card title="角标" class="property-group" :bordered="false">
+      <Card title="角标" class="property-group" variant="borderless">
         <FormItem label="角标" name="badge.show">
           <Switch v-model:checked="formData.badge.show" />
         </FormItem>
@@ -97,7 +97,7 @@ const formData = useVModel(props, 'modelValue', emit);
           </UploadImg>
         </FormItem>
       </Card>
-      <Card title="商品样式" class="property-group" :bordered="false">
+      <Card title="商品样式" class="property-group" variant="borderless">
         <FormItem label="上圆角" name="borderRadiusTop">
           <Slider
             v-model:value="formData.borderRadiusTop"
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/property.vue
index d2aaeda43..839f95924 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/property.vue
@@ -40,10 +40,10 @@ const formData = useVModel(props, 'modelValue', emit);
       :wrapper-col="{ span: 18 }"
       :model="formData"
     >
-      <Card title="拼团活动" class="property-group" :bordered="false">
+      <Card title="拼团活动" class="property-group" variant="borderless">
         <CombinationShowcase v-model="formData.activityIds" />
       </Card>
-      <Card title="商品样式" class="property-group" :bordered="false">
+      <Card title="商品样式" class="property-group" variant="borderless">
         <FormItem label="布局" name="type">
           <RadioGroup v-model:value="formData.layoutType">
             <Tooltip title="单列大图" placement="bottom">
@@ -109,7 +109,7 @@ const formData = useVModel(props, 'modelValue', emit);
           </div>
         </FormItem>
       </Card>
-      <Card title="角标" class="property-group" :bordered="false">
+      <Card title="角标" class="property-group" variant="borderless">
         <FormItem label="角标" name="badge.show">
           <Switch v-model:checked="formData.badge.show" />
         </FormItem>
@@ -120,7 +120,7 @@ const formData = useVModel(props, 'modelValue', emit);
           </UploadImg>
         </FormItem>
       </Card>
-      <Card title="按钮" class="property-group" :bordered="false">
+      <Card title="按钮" class="property-group" variant="borderless">
         <FormItem label="按钮类型" name="btnBuy.type">
           <RadioGroup v-model:value="formData.btnBuy.type">
             <RadioButton value="text">文字</RadioButton>
@@ -152,7 +152,7 @@ const formData = useVModel(props, 'modelValue', emit);
           </FormItem>
         </template>
       </Card>
-      <Card title="商品样式" class="property-group" :bordered="false">
+      <Card title="商品样式" class="property-group" variant="borderless">
         <FormItem label="上圆角" name="borderRadiusTop">
           <Slider
             v-model:value="formData.borderRadiusTop"
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/index.vue
index ece121bca..0772629b7 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/index.vue
@@ -307,7 +307,7 @@ onMounted(() => {
       </Col>
       <!-- 右侧操作区 -->
       <Col :span="8">
-        <Space direction="vertical" size="large" class="flex justify-end">
+        <Space orientation="vertical" size="large" class="flex justify-end">
           <Tooltip title="重置">
             <Button @click="handleReset">
               <IconifyIcon class="size-5" icon="lucide:refresh-cw" />
@@ -466,8 +466,10 @@ onMounted(() => {
       <Col :span="6" v-if="selectedComponent?.property">
         <Card
           class="h-[calc(80vh)] px-2 py-4"
-          :body-style="{ padding: 0 }"
-          :head-style="{ padding: 0, minHeight: '40px' }"
+          :styles="{
+            body: { padding: 0 },
+            header: { padding: 0, minHeight: '40px' },
+          }"
         >
           <!-- 组件名称 -->
           <template #title>
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/vertical-button-group/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/vertical-button-group/index.vue
index 7d235dd95..a090eec7d 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/vertical-button-group/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/vertical-button-group/index.vue
@@ -10,7 +10,7 @@ defineOptions({ name: 'VerticalSpace' });
 
 <template>
   <Space v-bind="$attrs">
-    <Space.Compact direction="vertical">
+    <Space.Compact orientation="vertical">
       <slot></slot>
     </Space.Compact>
   </Space>
diff --git a/apps/web-antdv-next/src/views/mall/promotion/coupon/components/select.vue b/apps/web-antdv-next/src/views/mall/promotion/coupon/components/select.vue
index 95ba87f52..cc22b1135 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/coupon/components/select.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/coupon/components/select.vue
@@ -86,7 +86,7 @@ defineExpose({
     v-model:open="visible"
     title="选择优惠券"
     width="65%"
-    :destroy-on-close="true"
+    :destroy-on-hidden="true"
     @ok="handleConfirm"
     @cancel="closeModal"
   >
diff --git a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message-list.vue b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message-list.vue
index e70714f69..90c5eee56 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message-list.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message-list.vue
@@ -170,7 +170,7 @@ async function handleSendMessage(event: any) {
   }
   // 1. 校验消息是否为空
   if (isEmpty(unref(message.value)?.trim())) {
-    notification.warning({ message: '请输入消息后再发送哦！' });
+    notification.warning({ title: '请输入消息后再发送哦！' });
     message.value = '';
     return;
   }
diff --git a/apps/web-antdv-next/src/views/mall/statistics/member/modules/area-card.vue b/apps/web-antdv-next/src/views/mall/statistics/member/modules/area-card.vue
index 5b7005559..ecbdcc8ec 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/member/modules/area-card.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/member/modules/area-card.vue
@@ -85,7 +85,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card :bordered="false" title="会员地域分布" class="h-full">
+  <Card variant="borderless" title="会员地域分布" class="h-full">
     <Spin :spinning="loading">
       <div class="flex gap-4">
         <div class="w-2/5">
diff --git a/apps/web-antdv-next/src/views/mall/statistics/member/modules/funnel-card.vue b/apps/web-antdv-next/src/views/mall/statistics/member/modules/funnel-card.vue
index a7891036c..57e093f91 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/member/modules/funnel-card.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/member/modules/funnel-card.vue
@@ -46,7 +46,7 @@ const calculateRelativeRate = (value?: number, reference?: number) => {
 </script>
 
 <template>
-  <Card :bordered="false" :loading="loading">
+  <Card variant="borderless" :loading="loading">
     <template #title>
       <div class="flex items-center justify-between">
         <span>会员概览</span>
diff --git a/apps/web-antdv-next/src/views/mall/statistics/member/modules/sex-card.vue b/apps/web-antdv-next/src/views/mall/statistics/member/modules/sex-card.vue
index 5073f51be..d2e7340e8 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/member/modules/sex-card.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/member/modules/sex-card.vue
@@ -54,7 +54,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card :bordered="false" title="会员性别比例" class="h-full">
+  <Card variant="borderless" title="会员性别比例" class="h-full">
     <Spin :spinning="loading">
       <EchartsUI ref="chartRef" />
     </Spin>
diff --git a/apps/web-antdv-next/src/views/mall/statistics/member/modules/terminal-card.vue b/apps/web-antdv-next/src/views/mall/statistics/member/modules/terminal-card.vue
index 12cec2923..577e218a1 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/member/modules/terminal-card.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/member/modules/terminal-card.vue
@@ -48,7 +48,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card :bordered="false" title="会员终端" class="h-full">
+  <Card variant="borderless" title="会员终端" class="h-full">
     <Spin :spinning="loading">
       <EchartsUI ref="chartRef" />
     </Spin>
diff --git a/apps/web-antdv-next/src/views/mall/statistics/product/modules/rank-card.vue b/apps/web-antdv-next/src/views/mall/statistics/product/modules/rank-card.vue
index 320ca9525..321ec5b2e 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/product/modules/rank-card.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/product/modules/rank-card.vue
@@ -126,7 +126,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
 </script>
 
 <template>
-  <Card :bordered="false" title="商品排行">
+  <Card variant="borderless" title="商品排行">
     <template #extra>
       <ShortcutDateRangePicker @change="handleDateRangeChange" />
     </template>
diff --git a/apps/web-antdv-next/src/views/mall/statistics/product/modules/summary-card.vue b/apps/web-antdv-next/src/views/mall/statistics/product/modules/summary-card.vue
index eed1075f6..f9d5da0f5 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/product/modules/summary-card.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/product/modules/summary-card.vue
@@ -121,7 +121,7 @@ async function handleExport() {
 </script>
 
 <template>
-  <Card :bordered="false" title="商品概况" class="h-full">
+  <Card variant="borderless" title="商品概况" class="h-full">
     <template #extra>
       <!-- 查询条件 -->
       <div class="flex items-center gap-2">
diff --git a/apps/web-antdv-next/src/views/mall/statistics/trade/modules/trend-card.vue b/apps/web-antdv-next/src/views/mall/statistics/trade/modules/trend-card.vue
index 9d8386f1b..b7c8d2c73 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/trade/modules/trend-card.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/trade/modules/trend-card.vue
@@ -124,7 +124,7 @@ async function handleExport() {
 </script>
 
 <template>
-  <Card :bordered="false" title="交易状况" class="h-full">
+  <Card variant="borderless" title="交易状况" class="h-full">
     <template #extra>
       <!-- 查询条件 -->
       <div class="flex items-center gap-2">
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/tab-image.vue b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-image.vue
index 9ee7efe1d..70ad35bda 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-image.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-image.vue
@@ -142,7 +142,7 @@ function selectMaterial(item: any) {
           title="选择图片"
           :width="1200"
           :footer="null"
-          destroy-on-close
+          destroy-on-hidden
         >
           <WxMaterialSelect
             type="image"
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-music.vue b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-music.vue
index 2c8e63acc..2e4ac481f 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-music.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-music.vue
@@ -134,7 +134,7 @@ function selectMaterial(item: any) {
           title="选择封面图"
           :width="1200"
           :footer="null"
-          destroy-on-close
+          destroy-on-hidden
         >
           <WxMaterialSelect
             type="image"
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-news.vue b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-news.vue
index eb9273cf0..65d73a042 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-news.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-news.vue
@@ -79,7 +79,7 @@ function onDelete() {
         title="选择图文"
         :width="1200"
         :footer="null"
-        destroy-on-close
+        destroy-on-hidden
       >
         <WxMaterialSelect
           type="news"
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-video.vue b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-video.vue
index 1813cf806..5ff7977d3 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-video.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-video.vue
@@ -141,7 +141,7 @@ function selectMaterial(item: any) {
               title="选择视频"
               :width="1200"
               :footer="null"
-              destroy-on-close
+              destroy-on-hidden
             >
               <WxMaterialSelect
                 type="video"
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-voice.vue b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-voice.vue
index f11347795..43c63f81c 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-voice.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-voice.vue
@@ -143,7 +143,7 @@ function selectMaterial(item: Reply) {
           title="选择语音"
           :width="1200"
           :footer="null"
-          destroy-on-close
+          destroy-on-hidden
         >
           <WxMaterialSelect
             type="voice"
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/components/wx-video-play/wx-video-play.vue b/apps/web-antdv-next/src/views/mp/components/wx-video-play/wx-video-play.vue
index b87547677..fdf9216d5 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-video-play/wx-video-play.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-video-play/wx-video-play.vue
@@ -36,7 +36,7 @@ function playVideo() {
       title="视频播放"
       :footer="null"
       :width="850"
-      destroy-on-close
+      destroy-on-hidden
     >
       <VideoPlayer
         v-if="dialogVideo"
diff --git a/apps/web-antdv-next/src/views/mp/draft/modules/form.vue b/apps/web-antdv-next/src/views/mp/draft/modules/form.vue
index eb5ff4fd5..000e3d876 100644
--- a/apps/web-antdv-next/src/views/mp/draft/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mp/draft/modules/form.vue
@@ -79,7 +79,7 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal :title="getTitle" class="w-4/5" destroy-on-close>
+  <Modal :title="getTitle" class="w-4/5" destroy-on-hidden>
     <NewsForm
       v-if="formData"
       v-model="newsList"
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';
diff --git a/apps/web-antdv-next/src/views/mp/menu/modules/editor.vue b/apps/web-antdv-next/src/views/mp/menu/modules/editor.vue
index bb4268623..e61f96b36 100644
--- a/apps/web-antdv-next/src/views/mp/menu/modules/editor.vue
+++ b/apps/web-antdv-next/src/views/mp/menu/modules/editor.vue
@@ -196,7 +196,7 @@ function deleteMaterial() {
               title="选择图文"
               v-model:open="showNewsDialog"
               width="80%"
-              destroy-on-close
+              destroy-on-hidden
             >
               <WxMaterialSelect
                 type="news"
diff --git a/apps/web-antdv-next/src/views/mp/message/index.vue b/apps/web-antdv-next/src/views/mp/message/index.vue
index 0a8c42fdb..2ee90e357 100644
--- a/apps/web-antdv-next/src/views/mp/message/index.vue
+++ b/apps/web-antdv-next/src/views/mp/message/index.vue
@@ -230,7 +230,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       title="粉丝消息列表"
       :width="800"
       :footer="null"
-      destroy-on-close
+      destroy-on-hidden
     >
       <WxMsg :user-id="messageBoxUserId" />
     </Modal>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a8d9c629b..c837924be 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -36,6 +36,9 @@ catalogs:
     '@form-create/antd-designer':
       specifier: ^3.4.0
       version: 3.4.0
+    '@form-create/antdv-next':
+      specifier: ^3.3.0-alpha.0
+      version: 3.3.0-alpha.0
     '@form-create/designer':
       specifier: ^3.4.0
       version: 3.4.0
@@ -205,8 +208,8 @@ catalogs:
       specifier: ^4.2.6
       version: 4.2.6
     antdv-next:
-      specifier: ^1.1.9
-      version: 1.2.2
+      specifier: ^1.3.0
+      version: 1.3.0
     archiver:
       specifier: ^7.0.1
       version: 7.0.1
@@ -852,12 +855,12 @@ importers:
 
   apps/web-antdv-next:
     dependencies:
-      '@form-create/ant-design-vue':
-        specifier: 'catalog:'
-        version: 3.2.38(vue@3.5.32(typescript@6.0.2))
       '@form-create/antd-designer':
         specifier: 'catalog:'
         version: 3.4.0(vue@3.5.32(typescript@6.0.2))
+      '@form-create/antdv-next':
+        specifier: 'catalog:'
+        version: 3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))
       '@tinymce/tinymce-vue':
         specifier: 'catalog:'
         version: 6.3.0(tinymce@7.9.2)(vue@3.5.32(typescript@6.0.2))
@@ -914,7 +917,7 @@ importers:
         version: 14.2.1(async-validator@4.2.5)(axios@1.15.0)(change-case@5.4.4)(focus-trap@8.0.1)(nprogress@0.2.0)(qrcode@1.5.4)(sortablejs@1.15.7)(vue@3.5.32(typescript@6.0.2))
       antdv-next:
         specifier: 'catalog:'
-        version: 1.2.2(date-fns@4.1.0)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2))
+        version: 1.3.0(date-fns@4.1.0)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2))
       benz-amr-recorder:
         specifier: 'catalog:'
         version: 1.1.5
@@ -4174,15 +4177,35 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
+  '@form-create/antdv-next@3.3.0-alpha.0':
+    resolution: {integrity: sha512-ltUIZ7myeCiI3VrQHkQuftJrcB6GHI5Awnh10614y/nlQAydh/hTXeHZ8XD2yLF4Z4ExL5/cy41kWs9GR9bExQ==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@form-create/component-antdv-frame@3.2.31':
     resolution: {integrity: sha512-1pg+OsmZLnhIZJvg4dC14R0KNaRVGGN1pxZkY2hf0iFeoKViEMnhsRKAqJzjAf3uGE/2jSyXpjRpRPZi8Egwww==}
 
+  '@form-create/component-antdv-frame@3.3.0-alpha.0':
+    resolution: {integrity: sha512-uSrRdtyxbekI/XAE7nEDwpwauFu12UKSdUInZdx26oBk+3Q3jx2wtTRR/1Zb3l3TU23NUrguUTBzfkiAd8DJ0A==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@form-create/component-antdv-group@3.2.38':
     resolution: {integrity: sha512-vvNKSUGWb82/xlMHL2SdAnuWU0bz/0kNE4gCfT7tcI1FWkrOsR5BkNw/mBkEFJFEuCj4enr1XYSZUhtv/mohGA==}
 
+  '@form-create/component-antdv-group@3.3.0-alpha.0':
+    resolution: {integrity: sha512-53A85tD3u9Cvs9Tk5hwixWC7wXZsMJXYYjdq24aPgPTL5JeWWZbYaqy7s/wKyi1Fs6JMut2pHsYLJIhgj8qthA==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@form-create/component-antdv-upload@3.2.31':
     resolution: {integrity: sha512-pTaYM31LnEocHYCrBNqp2qE67NbhjNEG0qO4OJgLjsf8i66Pd47BTB3SLkay2daAH1o1ziRNkoilsQrcHTV3og==}
 
+  '@form-create/component-antdv-upload@3.3.0-alpha.0':
+    resolution: {integrity: sha512-Ng/mGKLA5A4ssHqyCyu78G+CVLjt3odt7YAs7jjt8ewrBq/B7Tsg2nJQZWVJiCw/SmkXbrrULoWQYw/Pv7Ci5w==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@form-create/component-elm-checkbox@3.2.31':
     resolution: {integrity: sha512-XQT66E+nRXA2KGZwU1TujSGtICevDUUwks8K+79xs214lofva+rMaRFtrpZYXFgt0+molMUSOl/wc9dOrNr+1Q==}
 
@@ -4222,6 +4245,11 @@ packages:
   '@form-create/component-subform@3.2.34':
     resolution: {integrity: sha512-h1AiMdpHfMr3s1AuX3L5BChc6Na5Megp/UU/FOCbAqt6+XEEEAKWt+2p6X1MMOJRLT+EI8ZRBcUfVbcw4/dHSQ==}
 
+  '@form-create/component-subform@3.3.0-alpha.0':
+    resolution: {integrity: sha512-LcXV+21g+lmd/vTV8v4QD0k6KR8ChwYoqZN8p07ionVibuZd2iSuDi/wDAdJ04A7nmKxxYVbbWHTBO5zCVwMSw==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@form-create/component-wangeditor@3.2.14':
     resolution: {integrity: sha512-N/U/hFBdBu2OIguxoKe1Kslq5fW6XmtyhKDImLfKLn1xI6X5WUtt3r7QTaUPcVUl2vntpM9wJ/FBdG17RzF/Dg==}
 
@@ -4230,6 +4258,11 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
+  '@form-create/core@3.3.0-alpha.0':
+    resolution: {integrity: sha512-+iv1uieeY1SEKxFspD4IK9RtxlX1NVS5O5GLc4l1air45Lt7+UjDZr2+9DlVaCVo+4Dle8FU42CPLd+nQKPYIg==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@form-create/designer@3.4.0':
     resolution: {integrity: sha512-g1vUqX977lIHuWtAIhgLKZGZw87YClA1sJnLOFkweGA5CBJDhqNhvC4N0M1idkuKmCJtS+aweCYmrL2FapjDsw==}
     peerDependencies:
@@ -4248,6 +4281,9 @@ packages:
   '@form-create/utils@3.2.31':
     resolution: {integrity: sha512-YcisHXuQEF0r9y2VKS2CB2nMQ2q8EkKvQXp4nPR9sjbsCabPZOXq2n2MrkWDMhwQNwep08/0NCf7z0wslHzyWQ==}
 
+  '@form-create/utils@3.3.0-alpha.0':
+    resolution: {integrity: sha512-2hnLcyDCOcEouvPzAq4kfSobsuggp1RZSSDDuCSlL/tOoPrNqQn+UjfWajlugK7Xp7TeHx77weMFKoGgSoGwlg==}
+
   '@gera2ld/jsx-dom@2.2.2':
     resolution: {integrity: sha512-EOqf31IATRE6zS1W1EoWmXZhGfLAoO9FIlwTtHduSrBdud4npYBxYAkv8dZ5hudDPwJeeSjn40kbCL4wAzr8dA==}
 
@@ -6135,8 +6171,8 @@ packages:
   '@v-c/async-validator@1.0.1':
     resolution: {integrity: sha512-2WXdbTso13119ZLiwUv1JkmdL0K4ll69id4oE3ft3LQX+YAHOoJtfx080u26lLtypgZS32PguoohgB0BVo39rg==}
 
-  '@v-c/cascader@1.0.3':
-    resolution: {integrity: sha512-TaXkWxP3N6LW1yezeN+91k7BFYDSsWj1Y1ujWv51I0lJY4l0iwtjKDDmLLMYoqtUjnW1Onz1g1h6PtiDFALcXQ==}
+  '@v-c/cascader@1.1.0':
+    resolution: {integrity: sha512-HXVYrm/Cj4JsMtuGx7EncsC6C9b8xWsh8jWANfWreqffpzWZX10GrVqO6fyi/Mk2d4+yenlEsx5B7p5SyXlm3A==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6155,8 +6191,8 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/dialog@1.0.3':
-    resolution: {integrity: sha512-NfeuaHC1PPaRyekoXN6G9AjRL5L9eQiV9tnkRp62GyCfZsHMFgdwlREW6buHifHe7dk4z/ilvGms5tnbw63R4A==}
+  '@v-c/dialog@1.1.0':
+    resolution: {integrity: sha512-AAZuXPnVWQ4Bd/XgcsQqXGnp9t/6+vnbUTfRIjaMQ1WuUGu3aB1rwNrofnbB7l3KPBR/wmQ96GJSQjTm/dGLug==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6180,18 +6216,18 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/input@1.0.3':
-    resolution: {integrity: sha512-vQic9OWfREBlNfJeRcejMcOPhp4xnbHVbqeqo/TfCOf73Ym+zjWXRGXiqM/pIqV9v95zuhYen3KzMeJYM4pViA==}
+  '@v-c/input@1.1.0':
+    resolution: {integrity: sha512-R9/SgqMjb5ZUB47x+4b6uRmx7DtI5uOTtDk80A03jKFSgHjF0KONm0063TChQZ2RdqiiK/5Z4MPj+EaEvbVI0w==}
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/mentions@1.0.0':
-    resolution: {integrity: sha512-trkG1lvfiaIY7UnHn0gx6B01o3rFLEMin3KGp1q4oU6zOCRWde4ejZ+EHSvmXzOz2N+FlRMTE4EMJFi4w0oOlQ==}
+  '@v-c/mentions@1.1.0':
+    resolution: {integrity: sha512-sCMsUh4He0uAflcltLGqpg2YFS9wPRfZxoJaJVeCI2Z96sIoYpoaXTfZzkbHuFsISABFPH7kdHgqw/SUjKwqqQ==}
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/menu@1.0.14':
-    resolution: {integrity: sha512-AzAbKJ69svJ1F7FLfY6FZ2Qn7fofgvq4DF7gp2fEPOd6CZ70+qM9ZPHDsW0SXukaYcIVH1tcSf+HkiC+7BCwRw==}
+  '@v-c/menu@1.1.0':
+    resolution: {integrity: sha512-pgso+Z+VE4GlmcC1pMKVFWksaqPCyIN2GVtrt/ioK9kAKnJ9YW82XhjJYcyUyjZAX//+QSmFvsj7BVOxL1CUvg==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6203,13 +6239,13 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/notification@1.0.0':
-    resolution: {integrity: sha512-aU5g+ZiYxp0KVdKuho067wJRF38Mv7MrQS95dwSJLsbDmVFBpjO3Lo3ptakfPkwn+7uwRytHKIf39t9QVGk+sg==}
+  '@v-c/notification@2.0.0':
+    resolution: {integrity: sha512-m/DeTTZf7l0t6ROYNoP6UPUTdbo8SQDU8x6KPeo/9BgpfhOsIp2FcAnzkfb8NXxYzVJyyFTrWxX5IFM3gw6Zcg==}
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/overflow@1.0.5':
-    resolution: {integrity: sha512-Ae5aSZItOQHYzscs5JcmLPBLLEkpCS6c8IcHv9jABH0lZZGlZiUF4WBkAvSSnU8Q9f14BJ6dEb5XLwbwpyTZEQ==}
+  '@v-c/overflow@1.1.0':
+    resolution: {integrity: sha512-XCERIkdhdvB5Jmy6nj+g2UHHN+e9+BcK5QxvpEqo7aj6Hxbr7LoQMxW6DGjqdZQm7YJyF3hMx8Sid4OKqYg7cg==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6218,8 +6254,8 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/picker@1.0.4':
-    resolution: {integrity: sha512-B98FSgE+Kh6lNwa5msySFL8NNiF3fFkmFuuL14WEdb4f6q47XYH7YvcQa2jySXnbYPKHdykZMFo37f/0BzFaPw==}
+  '@v-c/picker@1.1.0':
+    resolution: {integrity: sha512-lZK1E9DKx7y9UNjBy7IBwqFw/KAL2oEn3whcxyLjzqb0bj0j/M1aEFFcGUBloGPQvoqAuETfTH6psZ9PVpqFlQ==}
     peerDependencies:
       date-fns: '>= 2.x'
       dayjs: '>= 1.x'
@@ -6256,8 +6292,8 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/resize-observer@1.0.8':
-    resolution: {integrity: sha512-VH8WBsNfZA5KQ+CXVaQ1PK5B6FIHnuTdqOLrjRWiZTrIYDZi/MyREi9b21YDj55fbFWMRx4yapnO9tiZX1RNxA==}
+  '@v-c/resize-observer@1.1.0':
+    resolution: {integrity: sha512-uaYJ7U2YBliOAkMA6pSNmaFWQa5HOLTbd13bq64TRCmXVPJgyucMahjMjbphDJrrCu2turx1ka7Hw9gSaPq08g==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6266,8 +6302,8 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/select@1.0.21':
-    resolution: {integrity: sha512-L30DhvXOyHmiQguMx61q6dNV6KSOATQkGNY/k1wuEdzC00oa0XVGflIBFXXcAa2x3t5jlj58pFueqc8Z1vEdhQ==}
+  '@v-c/select@1.1.0':
+    resolution: {integrity: sha512-aRLbY3fCEUsMnXFFZMS6aU9Q0aRGdF+W6/wdjJkzbktbkN6Qj1T6vxW1hglNe0Z6bWaYSSUJ21cMZx5zQyJuDA==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6276,8 +6312,8 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/slider@1.0.10':
-    resolution: {integrity: sha512-KMIVytBm8K8RQ+aPPraS28GmBptGHESF/gDRbGjOLD7xyivuQDJeEqVaUFY3EcCWsERjh4VP/L96gUbMTF0uag==}
+  '@v-c/slider@1.1.0':
+    resolution: {integrity: sha512-W11+HdY7JjpsZA+2x6ZcZLK/z/cwY+o3fbqzCgguWdKY8qwhA2CWQBd6SMidFa8F+L2HU/JupNx6Yu3cVw9piQ==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6291,18 +6327,18 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/table@1.0.7':
-    resolution: {integrity: sha512-vdJE9/gm3KRfDfgWM5O5jKNBwYB/PbS6yQ2TkiMwTmKjOHnaiSIRPJd++X7jCSchi46nU1shNDmqHf3Pw3Y9mg==}
+  '@v-c/table@1.1.1':
+    resolution: {integrity: sha512-x45kpgTLFJV4MTgYbgQk5+TMwMCaD4TVBqoAQIR10JVuICj+Kd3Le2yjjNE99Fo4oiICUX1hlTx7/3Cx9G9Sgg==}
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/tabs@1.0.2':
-    resolution: {integrity: sha512-FA/lG5TaYOVFhB3WjJ2x6O8egREm9FWdfEbnY1Tmg3D1avkxYDhISHlW4ot3NvWb8Ds4MxBe0T9xg206o0LHEw==}
+  '@v-c/tabs@1.1.0':
+    resolution: {integrity: sha512-k91oQBDmYM2cPM1Wt/N1GdTwB2ky2NTfVBmzURRSaw2qjGkq4Gt3z8GNaXYqH+S/0hE+ciQhcCtWRdfM2oGIYA==}
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/textarea@1.0.4':
-    resolution: {integrity: sha512-VrQrLjKsiFh3bngXDULK+mUI4RmTT0hqDOUChsGmo5dZGgcmzsDbVLFluYCvpV+InUsnn2jGSQEuqMQy1Vga+g==}
+  '@v-c/textarea@1.1.0':
+    resolution: {integrity: sha512-+E2DZogCNHb/0Jf/DJLqX5BH22/HcdTcHo9dMjmS+X/NDRCGl1sQfeEa+7mGAWnYXAmL4RIS8PS6lwEn90inbA==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6311,18 +6347,18 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/tour@1.0.3':
-    resolution: {integrity: sha512-y4DVJPP7jvL+MWUMAKQWxLAMXSWJEfZXaKASPn3DKbSQ8drBhsjMXwcep3glAfrCjCKfj/QD3OrUMxqydi4qFw==}
+  '@v-c/tour@1.1.0':
+    resolution: {integrity: sha512-241ToEBsqIdopZWVn9cBpajxXtFMztEuFssn+cwCSCDYikB8EdR9kEktf6cd3n9brzrgLqiRiMwigjzDsvNqEA==}
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/tree-select@1.0.3':
-    resolution: {integrity: sha512-N4mK8JXrCU+GFfhLG/zat3TAUt0Ju+P4S3hN6PlmuHPikQ4OWEA91CA8Br83i4zpW9TCH7xP0EfMUvhLtjqbsA==}
+  '@v-c/tree-select@1.1.0':
+    resolution: {integrity: sha512-Nulw5J0Tth3+1IIMbc7aZ9m5iKWKTlCfjKCVvbXRWRN8OSc52AMDh9gyW6qPMp92Cxn1YQJtoQDgpa/IcPafuQ==}
     peerDependencies:
       vue: ^3.5.32
 
-  '@v-c/tree@1.0.6':
-    resolution: {integrity: sha512-NrFtKD4DmUM/4GyBWYQuAJkgDfOhlBUV6Z4slleGj4yxmwU3fRBvoDYVNtrqfP8GmNRY/9IHA8c2FfidvKys8g==}
+  '@v-c/tree@1.1.0':
+    resolution: {integrity: sha512-V7O0MHQqPL9eo3WGrM/+HmMoGsrca5jSPZs4GbhshTHKrQvFF38KjOs5xM4CxJBNaVSQzN2iGLUbrZYeiU/9Tw==}
     peerDependencies:
       vue: ^3.5.32
 
@@ -6784,8 +6820,8 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
-  antdv-next@1.2.2:
-    resolution: {integrity: sha512-sJETcuCpWnE2Nf4oSYZf424d1Y7ngnl2c+mMraHE4R6qZZHxXg2VuSF5MzhSBa16obz5blhqKjXMiyAWCZWIHg==}
+  antdv-next@1.3.0:
+    resolution: {integrity: sha512-gq03r9zd7LOLYke7BpAnk2AzjLw+QLRtTjbx4Wqtp8hNjqBRTEaZ5bUX3MmpzsAgxrSDNy8JdEKH9SEHjfoBUQ==}
 
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
@@ -14462,18 +14498,43 @@ snapshots:
       vue: 3.5.32(typescript@6.0.2)
       vuedraggable: 4.1.0(vue@3.5.32(typescript@6.0.2))
 
+  '@form-create/antdv-next@3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@form-create/component-antdv-frame': 3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))
+      '@form-create/component-antdv-group': 3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))
+      '@form-create/component-antdv-upload': 3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))
+      '@form-create/component-subform': 3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))
+      '@form-create/core': 3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))
+      '@form-create/utils': 3.3.0-alpha.0
+      vue: 3.5.32(typescript@6.0.2)
+
   '@form-create/component-antdv-frame@3.2.31':
     dependencies:
       '@form-create/utils': 3.2.31
 
+  '@form-create/component-antdv-frame@3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@form-create/utils': 3.3.0-alpha.0
+      vue: 3.5.32(typescript@6.0.2)
+
   '@form-create/component-antdv-group@3.2.38':
     dependencies:
       '@form-create/utils': 3.2.31
 
+  '@form-create/component-antdv-group@3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@form-create/utils': 3.3.0-alpha.0
+      vue: 3.5.32(typescript@6.0.2)
+
   '@form-create/component-antdv-upload@3.2.31':
     dependencies:
       '@form-create/utils': 3.2.31
 
+  '@form-create/component-antdv-upload@3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@form-create/utils': 3.3.0-alpha.0
+      vue: 3.5.32(typescript@6.0.2)
+
   '@form-create/component-elm-checkbox@3.2.31':
     dependencies:
       '@form-create/utils': 3.2.31
@@ -14524,6 +14585,10 @@ snapshots:
 
   '@form-create/component-subform@3.2.34': {}
 
+  '@form-create/component-subform@3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      vue: 3.5.32(typescript@6.0.2)
+
   '@form-create/component-wangeditor@3.2.14':
     dependencies:
       wangeditor: 4.7.15
@@ -14533,6 +14598,11 @@ snapshots:
       '@form-create/utils': 3.2.31
       vue: 3.5.32(typescript@6.0.2)
 
+  '@form-create/core@3.3.0-alpha.0(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@form-create/utils': 3.3.0-alpha.0
+      vue: 3.5.32(typescript@6.0.2)
+
   '@form-create/designer@3.4.0(typescript@6.0.2)(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@form-create/component-wangeditor': 3.2.14
@@ -14576,6 +14646,8 @@ snapshots:
 
   '@form-create/utils@3.2.31': {}
 
+  '@form-create/utils@3.3.0-alpha.0': {}
+
   '@gera2ld/jsx-dom@2.2.2':
     dependencies:
       '@babel/runtime': 7.29.2
@@ -16278,10 +16350,10 @@ snapshots:
 
   '@v-c/async-validator@1.0.1': {}
 
-  '@v-c/cascader@1.0.3(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/cascader@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/select': 1.0.21(vue@3.5.32(typescript@6.0.2))
-      '@v-c/tree': 1.0.6(vue@3.5.32(typescript@6.0.2))
+      '@v-c/select': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/tree': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
@@ -16301,7 +16373,7 @@ snapshots:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/dialog@1.0.3(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/dialog@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/portal': 1.0.8(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
@@ -16327,28 +16399,28 @@ snapshots:
 
   '@v-c/input-number@1.0.5(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/input': 1.0.3(vue@3.5.32(typescript@6.0.2))
+      '@v-c/input': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/mini-decimal': 1.0.1
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/input@1.0.3(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/input@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/mentions@1.0.0(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/mentions@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/input': 1.0.3(vue@3.5.32(typescript@6.0.2))
-      '@v-c/menu': 1.0.14(vue@3.5.32(typescript@6.0.2))
-      '@v-c/textarea': 1.0.4(vue@3.5.32(typescript@6.0.2))
+      '@v-c/input': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/menu': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/textarea': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/trigger': 1.0.14(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/menu@1.0.14(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/menu@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/overflow': 1.0.5(vue@3.5.32(typescript@6.0.2))
+      '@v-c/overflow': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/trigger': 1.0.14(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
@@ -16357,18 +16429,18 @@ snapshots:
 
   '@v-c/mutate-observer@1.0.1(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/notification@1.0.0(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/notification@2.0.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/overflow@1.0.5(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/overflow@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
@@ -16377,10 +16449,10 @@ snapshots:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/picker@1.0.4(date-fns@4.1.0)(dayjs@1.11.20)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/picker@1.1.0(date-fns@4.1.0)(dayjs@1.11.20)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/overflow': 1.0.5(vue@3.5.32(typescript@6.0.2))
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/overflow': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/trigger': 1.0.14(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
@@ -16409,7 +16481,7 @@ snapshots:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/resize-observer@1.0.8(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/resize-observer@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       resize-observer-polyfill: 1.5.1
@@ -16420,9 +16492,9 @@ snapshots:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/select@1.0.21(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/select@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/overflow': 1.0.5(vue@3.5.32(typescript@6.0.2))
+      '@v-c/overflow': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/trigger': 1.0.14(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       '@v-c/virtual-list': 1.0.7(vue@3.5.32(typescript@6.0.2))
@@ -16434,7 +16506,7 @@ snapshots:
       es-toolkit: 1.45.1
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/slider@1.0.10(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/slider@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
@@ -16449,26 +16521,26 @@ snapshots:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/table@1.0.7(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/table@1.1.1(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       '@v-c/virtual-list': 1.0.7(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/tabs@1.0.2(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/tabs@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/dropdown': 1.0.2(vue@3.5.32(typescript@6.0.2))
-      '@v-c/menu': 1.0.14(vue@3.5.32(typescript@6.0.2))
-      '@v-c/overflow': 1.0.5(vue@3.5.32(typescript@6.0.2))
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/menu': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/overflow': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/textarea@1.0.4(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/textarea@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/input': 1.0.3(vue@3.5.32(typescript@6.0.2))
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/input': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
@@ -16478,21 +16550,21 @@ snapshots:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/tour@1.0.3(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/tour@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/portal': 1.0.8(vue@3.5.32(typescript@6.0.2))
       '@v-c/trigger': 1.0.14(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/tree-select@1.0.3(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/tree-select@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/select': 1.0.21(vue@3.5.32(typescript@6.0.2))
-      '@v-c/tree': 1.0.6(vue@3.5.32(typescript@6.0.2))
+      '@v-c/select': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/tree': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
-  '@v-c/tree@1.0.6(vue@3.5.32(typescript@6.0.2))':
+  '@v-c/tree@1.1.0(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       '@v-c/virtual-list': 1.0.7(vue@3.5.32(typescript@6.0.2))
@@ -16501,7 +16573,7 @@ snapshots:
   '@v-c/trigger@1.0.14(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@v-c/portal': 1.0.8(vue@3.5.32(typescript@6.0.2))
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
@@ -16516,7 +16588,7 @@ snapshots:
 
   '@v-c/virtual-list@1.0.7(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
       vue: 3.5.32(typescript@6.0.2)
 
@@ -17074,46 +17146,46 @@ snapshots:
       vue-types: 3.0.2(vue@3.5.32(typescript@6.0.2))
       warning: 4.0.3
 
-  antdv-next@1.2.2(date-fns@4.1.0)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2)):
+  antdv-next@1.3.0(date-fns@4.1.0)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2)):
     dependencies:
       '@ant-design/colors': 8.0.1
       '@ant-design/fast-color': 3.0.1
       '@antdv-next/cssinjs': 1.0.6(vue@3.5.32(typescript@6.0.2))
       '@antdv-next/icons': 1.0.6(vue@3.5.32(typescript@6.0.2))
       '@v-c/async-validator': 1.0.1
-      '@v-c/cascader': 1.0.3(vue@3.5.32(typescript@6.0.2))
+      '@v-c/cascader': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/checkbox': 1.0.1(vue@3.5.32(typescript@6.0.2))
       '@v-c/collapse': 1.0.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/color-picker': 1.0.6(vue@3.5.32(typescript@6.0.2))
-      '@v-c/dialog': 1.0.3(vue@3.5.32(typescript@6.0.2))
+      '@v-c/dialog': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/drawer': 1.0.6(vue@3.5.32(typescript@6.0.2))
       '@v-c/dropdown': 1.0.2(vue@3.5.32(typescript@6.0.2))
       '@v-c/image': 1.0.11(vue@3.5.32(typescript@6.0.2))
-      '@v-c/input': 1.0.3(vue@3.5.32(typescript@6.0.2))
+      '@v-c/input': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/input-number': 1.0.5(vue@3.5.32(typescript@6.0.2))
-      '@v-c/mentions': 1.0.0(vue@3.5.32(typescript@6.0.2))
-      '@v-c/menu': 1.0.14(vue@3.5.32(typescript@6.0.2))
+      '@v-c/mentions': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/menu': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/mutate-observer': 1.0.1(vue@3.5.32(typescript@6.0.2))
-      '@v-c/notification': 1.0.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/notification': 2.0.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/pagination': 1.0.0(vue@3.5.32(typescript@6.0.2))
-      '@v-c/picker': 1.0.4(date-fns@4.1.0)(dayjs@1.11.20)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2))
+      '@v-c/picker': 1.1.0(date-fns@4.1.0)(dayjs@1.11.20)(luxon@3.7.2)(vue@3.5.32(typescript@6.0.2))
       '@v-c/progress': 1.0.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/qrcode': 1.0.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/rate': 1.0.1(vue@3.5.32(typescript@6.0.2))
-      '@v-c/resize-observer': 1.0.8(vue@3.5.32(typescript@6.0.2))
+      '@v-c/resize-observer': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/segmented': 1.0.2(vue@3.5.32(typescript@6.0.2))
-      '@v-c/select': 1.0.21(vue@3.5.32(typescript@6.0.2))
+      '@v-c/select': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/slick': 1.0.2(vue@3.5.32(typescript@6.0.2))
-      '@v-c/slider': 1.0.10(vue@3.5.32(typescript@6.0.2))
+      '@v-c/slider': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/steps': 1.0.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/switch': 1.0.0(vue@3.5.32(typescript@6.0.2))
-      '@v-c/table': 1.0.7(vue@3.5.32(typescript@6.0.2))
-      '@v-c/tabs': 1.0.2(vue@3.5.32(typescript@6.0.2))
-      '@v-c/textarea': 1.0.4(vue@3.5.32(typescript@6.0.2))
+      '@v-c/table': 1.1.1(vue@3.5.32(typescript@6.0.2))
+      '@v-c/tabs': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/textarea': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/tooltip': 1.0.3(vue@3.5.32(typescript@6.0.2))
-      '@v-c/tour': 1.0.3(vue@3.5.32(typescript@6.0.2))
-      '@v-c/tree': 1.0.6(vue@3.5.32(typescript@6.0.2))
-      '@v-c/tree-select': 1.0.3(vue@3.5.32(typescript@6.0.2))
+      '@v-c/tour': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/tree': 1.1.0(vue@3.5.32(typescript@6.0.2))
+      '@v-c/tree-select': 1.1.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/trigger': 1.0.14(vue@3.5.32(typescript@6.0.2))
       '@v-c/upload': 1.0.0(vue@3.5.32(typescript@6.0.2))
       '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index ce284cee7..3c500589b 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -30,6 +30,7 @@ catalog:
   '@eslint/js': ^10.0.1
   '@form-create/ant-design-vue': ^3.2.38
   '@form-create/antd-designer': ^3.4.0
+  '@form-create/antdv-next': ^3.3.0-alpha.0
   '@form-create/designer': ^3.4.0
   '@form-create/element-ui': ^3.2.38
   '@form-create/naive-ui': ^3.2.38
@@ -86,7 +87,7 @@ catalog:
   '@vueuse/integrations': ^14.2.1
   '@vueuse/motion': ^3.0.3
   ant-design-vue: ^4.2.6
-  antdv-next: ^1.1.9
+  antdv-next: ^1.3.0
   archiver: ^7.0.1
   axios: ^1.15.0
   axios-mock-adapter: ^2.1.0