!344 fix(@vben/web-antdv-next): 更新 antdv-next 依赖版本至 1.3.0，修复相关兼容性问题

Merge pull request !344 from XuZhiqiang/feat-antdv-next
2026-05-18 06:19:34 +00:00 · 2026-05-18 06:19:34 +00:00 · 709951e6db
parent 5710761dbe aa577d84e9
commit 709951e6db
120 changed files with 381 additions and 289 deletions
--- 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:*",
--- 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,
--- 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">
--- 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);
--- 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}
        >
          {{
--- 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';

--- 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"
--- 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,
--- 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'),
          });
        }
      }
--- 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';
--- 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',
+          },
        }"
      >
        <!-- 头部：头像、名称 -->
--- 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';
--- 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';
--- 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>
--- 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]">
--- 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">
--- 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"
--- 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"
--- 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"
--- 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"
--- 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"
--- 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>
--- 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"
--- 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>

    <!-- 错误状态 -->
--- 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" />
--- 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">
--- 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,
--- 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"
--- 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">
--- 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>
--- 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>
--- 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>
--- 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>
--- 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 &&
--- 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"
--- 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';
--- 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 {
--- 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';
--- 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';
--- 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';
--- 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 {
--- 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';
--- 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 {
--- 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,
--- 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 {
--- 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 {
--- 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';
--- 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';
--- 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 {
--- 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';
--- 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 {
--- 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';
--- 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';
--- 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';
--- 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';
--- 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';
--- 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';
--- 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">
        <!-- 根据当前步骤显示对应的组件 -->
--- 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';

--- 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 {
--- 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 {
--- 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 {
--- 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 {
--- 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';
--- 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
--- 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>
--- 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';
--- 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: '时间',
--- 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"
          >
            <!-- 添加渐变背景层 -->
--- 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';
--- 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
--- 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"
          >
            <!-- 顶部标题区域 -->
--- 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: '操作',
--- 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: '任务描述',
--- 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';
--- 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
--- 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"
          >
            <!-- 顶部标题区域 -->
--- 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>
--- 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>
--- 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>
--- 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>
--- 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"
--- 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"
--- 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>
--- 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"
  >
--- 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"
  >
--- 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"
--- 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 {
--- 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>
--- 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"
--- 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"
--- 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"
--- 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>
--- 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>
--- 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"
  >
--- 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;
  }
--- 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">
--- 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>
--- 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>
--- 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>
--- a/Show More
+++ b/Show More