diff --git a/apps/web-antdv-next/package.json b/apps/web-antdv-next/package.json
index d894d64cb..4ccfbb787 100644
--- a/apps/web-antdv-next/package.json
+++ b/apps/web-antdv-next/package.json
@@ -46,7 +46,7 @@
     "@videojs-player/vue": "catalog:",
     "@vueuse/core": "catalog:",
     "@vueuse/integrations": "catalog:",
-    "ant-design-vue": "catalog:",
+    "antdv-next": "catalog:",
     "benz-amr-recorder": "catalog:",
     "bpmn-js": "catalog:",
     "bpmn-js-properties-panel": "catalog:",
diff --git a/apps/web-antdv-next/src/adapter/component/index.ts b/apps/web-antdv-next/src/adapter/component/index.ts
index e2563bdd3..3565f964f 100644
--- a/apps/web-antdv-next/src/adapter/component/index.ts
+++ b/apps/web-antdv-next/src/adapter/component/index.ts
@@ -18,6 +18,7 @@ import type {
   MentionsProps,
   RadioGroupProps,
   RadioProps,
+  RangePickerProps,
   RateProps,
   SelectProps,
   SpaceProps,
@@ -28,8 +29,7 @@ import type {
   UploadChangeParam,
   UploadFile,
   UploadProps,
-} from 'ant-design-vue';
-import type { RangePickerProps } from 'ant-design-vue/es/date-picker';
+} from 'antdv-next';
 
 import type { Component, Ref } from 'vue';
 
@@ -43,7 +43,6 @@ import type { Recordable } from '@vben/types';
 
 import {
   computed,
-  defineAsyncComponent,
   defineComponent,
   h,
   nextTick,
@@ -66,7 +65,36 @@ import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { isEmpty } from '@vben/utils';
 
-import { message, Modal, notification } from 'ant-design-vue';
+import {
+  AutoComplete as AutoCompleteComponent,
+  Button,
+  Cascader as CascaderComponent,
+  Checkbox as CheckboxComponent,
+  CheckboxGroup as CheckboxGroupComponent,
+  DatePicker as DatePickerComponent,
+  Divider as DividerComponent,
+  Image as ImageComponent,
+  ImagePreviewGroup,
+  Input as InputComponent,
+  InputNumber as InputNumberComponent,
+  InputPassword,
+  Mentions as MentionsComponent,
+  message,
+  Modal,
+  notification,
+  Radio as RadioComponent,
+  RadioGroup as RadioGroupComponent,
+  DateRangePicker as RangePickerComponent,
+  Rate as RateComponent,
+  Select as SelectComponent,
+  Space as SpaceComponent,
+  Switch as SwitchComponent,
+  TextArea as TextareaComponent,
+  TimePicker as TimePickerComponent,
+  TimeRangePicker as TimeRangePickerComponent,
+  TreeSelect as TreeSelectComponent,
+  Upload as UploadComponent,
+} from 'antdv-next';
 
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { FileUpload, ImageUpload } from '#/components/upload';
@@ -80,61 +108,29 @@ type AdapterUploadProps = UploadProps & {
   onHandleChange?: (event: UploadChangeParam) => void;
 };
 
-const AutoComplete = defineAsyncComponent(
-  () => import('ant-design-vue/es/auto-complete'),
-);
-const Button = defineAsyncComponent(() => import('ant-design-vue/es/button'));
-const Checkbox = defineAsyncComponent(
-  () => import('ant-design-vue/es/checkbox'),
-);
-const CheckboxGroup = defineAsyncComponent(() =>
-  import('ant-design-vue/es/checkbox').then((res) => res.CheckboxGroup),
-);
-const DatePicker = defineAsyncComponent(
-  () => import('ant-design-vue/es/date-picker'),
-);
-const Divider = defineAsyncComponent(() => import('ant-design-vue/es/divider'));
-const Input = defineAsyncComponent(() => import('ant-design-vue/es/input'));
-const InputNumber = defineAsyncComponent(
-  () => import('ant-design-vue/es/input-number'),
-);
-const InputPassword = defineAsyncComponent(() =>
-  import('ant-design-vue/es/input').then((res) => res.InputPassword),
-);
-const Mentions = defineAsyncComponent(
-  () => import('ant-design-vue/es/mentions'),
-);
-const Radio = defineAsyncComponent(() => import('ant-design-vue/es/radio'));
-const RadioGroup = defineAsyncComponent(() =>
-  import('ant-design-vue/es/radio').then((res) => res.RadioGroup),
-);
-const RangePicker = defineAsyncComponent(() =>
-  import('ant-design-vue/es/date-picker').then((res) => res.RangePicker),
-);
-const Rate = defineAsyncComponent(() => import('ant-design-vue/es/rate'));
-const Select = defineAsyncComponent(() => import('ant-design-vue/es/select'));
-const Space = defineAsyncComponent(() => import('ant-design-vue/es/space'));
-const Switch = defineAsyncComponent(() => import('ant-design-vue/es/switch'));
-const Textarea = defineAsyncComponent(() =>
-  import('ant-design-vue/es/input').then((res) => res.Textarea),
-);
-const TimePicker = defineAsyncComponent(
-  () => import('ant-design-vue/es/time-picker'),
-);
-const TimeRangePicker = defineAsyncComponent(() =>
-  import('ant-design-vue/es/time-picker').then((res) => res.TimeRangePicker),
-);
-const TreeSelect = defineAsyncComponent(
-  () => import('ant-design-vue/es/tree-select'),
-);
-const Cascader = defineAsyncComponent(
-  () => import('ant-design-vue/es/cascader'),
-);
-const Upload = defineAsyncComponent(() => import('ant-design-vue/es/upload'));
-const Image = defineAsyncComponent(() => import('ant-design-vue/es/image'));
-const PreviewGroup = defineAsyncComponent(() =>
-  import('ant-design-vue/es/image').then((res) => res.ImagePreviewGroup),
-);
+const AutoComplete = AutoCompleteComponent;
+const Checkbox = CheckboxComponent;
+const CheckboxGroup = CheckboxGroupComponent;
+const DatePicker = DatePickerComponent;
+const Divider = DividerComponent;
+const Input = InputComponent;
+const InputNumber = InputNumberComponent;
+const Mentions = MentionsComponent;
+const Radio = RadioComponent;
+const RadioGroup = RadioGroupComponent;
+const RangePicker = RangePickerComponent;
+const Rate = RateComponent;
+const Select = SelectComponent;
+const Space = SpaceComponent;
+const Switch = SwitchComponent;
+const Textarea = TextareaComponent;
+const TimePicker = TimePickerComponent;
+const TimeRangePicker = TimeRangePickerComponent;
+const TreeSelect = TreeSelectComponent;
+const Cascader = CascaderComponent;
+const Upload = UploadComponent;
+const Image = ImageComponent;
+const PreviewGroup = ImagePreviewGroup;
 
 const withDefaultPlaceholder = <T extends Component>(
   component: T,
@@ -745,7 +741,7 @@ async function initComponentAdapter() {
     copyPreferencesSuccess: (title, content) => {
       notification.success({
         description: content,
-        message: title,
+        title,
         placement: 'bottomRight',
       });
     },
diff --git a/apps/web-antdv-next/src/adapter/vxe-table.ts b/apps/web-antdv-next/src/adapter/vxe-table.ts
index 554ae3a1e..9565c2747 100644
--- a/apps/web-antdv-next/src/adapter/vxe-table.ts
+++ b/apps/web-antdv-next/src/adapter/vxe-table.ts
@@ -31,7 +31,7 @@ import {
   Popconfirm,
   Switch,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 import { $t } from '#/locales';
diff --git a/apps/web-antdv-next/src/api/request.ts b/apps/web-antdv-next/src/api/request.ts
index 7389c31ad..c28c17eb9 100644
--- a/apps/web-antdv-next/src/api/request.ts
+++ b/apps/web-antdv-next/src/api/request.ts
@@ -14,7 +14,7 @@ import {
 import { useAccessStore } from '@vben/stores';
 import { createApiEncrypt } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useAuthStore } from '#/store';
 
diff --git a/apps/web-antdv-next/src/app.vue b/apps/web-antdv-next/src/app.vue
index bbaccce13..59ca86183 100644
--- a/apps/web-antdv-next/src/app.vue
+++ b/apps/web-antdv-next/src/app.vue
@@ -4,7 +4,7 @@ import { computed } from 'vue';
 import { useAntdDesignTokens } from '@vben/hooks';
 import { preferences, usePreferences } from '@vben/preferences';
 
-import { App, ConfigProvider, theme } from 'ant-design-vue';
+import { App, ConfigProvider, theme } from 'antdv-next';
 
 import { antdLocale } from '#/locales';
 
diff --git a/apps/web-antdv-next/src/bootstrap.ts b/apps/web-antdv-next/src/bootstrap.ts
index be5a5eda7..22bcc28b2 100644
--- a/apps/web-antdv-next/src/bootstrap.ts
+++ b/apps/web-antdv-next/src/bootstrap.ts
@@ -6,7 +6,7 @@ import { registerLoadingDirective } from '@vben/common-ui/es/loading';
 import { preferences } from '@vben/preferences';
 import { initStores } from '@vben/stores';
 import '@vben/styles';
-import '@vben/styles/antd';
+import '@vben/styles/antdv-next';
 
 import { useTitle } from '@vueuse/core';
 
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 242ecb554..59bf8004e 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
@@ -16,7 +16,7 @@ import {
   RadioGroup,
   Select,
   Tabs,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { CronDataDefault, CronValueDefault } from './types';
 
@@ -417,20 +417,20 @@ function inputChange() {
   >
     <template #addonAfter>
       <Select v-model:value="select" placeholder="生成器" class="w-36">
-        <Select.Option value="0 * * * * ?">每分钟</Select.Option>
-        <Select.Option value="0 0 * * * ?">每小时</Select.Option>
-        <Select.Option value="0 0 0 * * ?">每天零点</Select.Option>
-        <Select.Option value="0 0 0 1 * ?">每月一号零点</Select.Option>
-        <Select.Option value="0 0 0 L * ?">每月最后一天零点</Select.Option>
-        <Select.Option value="0 0 0 ? * 1">每周星期日零点</Select.Option>
-        <Select.Option
+        <SelectOption value="0 * * * * ?">每分钟</SelectOption>
+        <SelectOption value="0 0 * * * ?">每小时</SelectOption>
+        <SelectOption value="0 0 0 * * ?">每天零点</SelectOption>
+        <SelectOption value="0 0 0 1 * ?">每月一号零点</SelectOption>
+        <SelectOption value="0 0 0 L * ?">每月最后一天零点</SelectOption>
+        <SelectOption value="0 0 0 ? * 1">每周星期日零点</SelectOption>
+        <SelectOption
           v-for="(item, index) in shortcuts"
           :key="index"
           :value="item.value"
         >
           {{ item.text }}
-        </Select.Option>
-        <Select.Option value="custom">自定义</Select.Option>
+        </SelectOption>
+        <SelectOption value="custom">自定义</SelectOption>
       </Select>
     </template>
   </Input>
@@ -443,7 +443,7 @@ function inputChange() {
   >
     <div class="sc-cron">
       <Tabs>
-        <Tabs.TabPane key="second">
+        <TabPane key="second">
           <template #tab>
             <div class="sc-cron-num">
               <h2>秒</h2>
@@ -451,15 +451,15 @@ function inputChange() {
             </div>
           </template>
           <Form>
-            <Form.Item label="类型">
+            <FormItem label="类型">
               <RadioGroup v-model:value="cronValue.second.type">
                 <RadioButton value="0">任意值</RadioButton>
                 <RadioButton value="1">范围</RadioButton>
                 <RadioButton value="2">间隔</RadioButton>
                 <RadioButton value="3">指定</RadioButton>
               </RadioGroup>
-            </Form.Item>
-            <Form.Item v-if="cronValue.second.type === '1'" label="范围">
+            </FormItem>
+            <FormItem v-if="cronValue.second.type === '1'" label="范围">
               <InputNumber
                 v-model:value="cronValue.second.range.start"
                 :max="59"
@@ -473,8 +473,8 @@ function inputChange() {
                 :min="0"
                 controls-position="right"
               />
-            </Form.Item>
-            <Form.Item v-if="cronValue.second.type === '2'" label="间隔">
+            </FormItem>
+            <FormItem v-if="cronValue.second.type === '2'" label="间隔">
               <InputNumber
                 v-model:value="cronValue.second.loop.start"
                 :max="59"
@@ -489,25 +489,25 @@ function inputChange() {
                 controls-position="right"
               />
               秒执行一次
-            </Form.Item>
-            <Form.Item v-if="cronValue.second.type === '3'" label="指定">
+            </FormItem>
+            <FormItem v-if="cronValue.second.type === '3'" label="指定">
               <Select
                 v-model:value="cronValue.second.appoint"
                 mode="multiple"
                 style="width: 100%"
               >
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.second"
                   :key="index"
                   :label="item"
                   :value="item"
                 />
               </Select>
-            </Form.Item>
+            </FormItem>
           </Form>
-        </Tabs.TabPane>
+        </TabPane>
 
-        <Tabs.TabPane key="minute">
+        <TabPane key="minute">
           <template #tab>
             <div class="sc-cron-num">
               <h2>分钟</h2>
@@ -515,15 +515,15 @@ function inputChange() {
             </div>
           </template>
           <Form>
-            <Form.Item label="类型">
+            <FormItem label="类型">
               <RadioGroup v-model:value="cronValue.minute.type">
                 <RadioButton value="0">任意值</RadioButton>
                 <RadioButton value="1">范围</RadioButton>
                 <RadioButton value="2">间隔</RadioButton>
                 <RadioButton value="3">指定</RadioButton>
               </RadioGroup>
-            </Form.Item>
-            <Form.Item v-if="cronValue.minute.type === '1'" label="范围">
+            </FormItem>
+            <FormItem v-if="cronValue.minute.type === '1'" label="范围">
               <InputNumber
                 v-model:value="cronValue.minute.range.start"
                 :max="59"
@@ -537,8 +537,8 @@ function inputChange() {
                 :min="0"
                 controls-position="right"
               />
-            </Form.Item>
-            <Form.Item v-if="cronValue.minute.type === '2'" label="间隔">
+            </FormItem>
+            <FormItem v-if="cronValue.minute.type === '2'" label="间隔">
               <InputNumber
                 v-model:value="cronValue.minute.loop.start"
                 :max="59"
@@ -553,25 +553,25 @@ function inputChange() {
                 controls-position="right"
               />
               分钟执行一次
-            </Form.Item>
-            <Form.Item v-if="cronValue.minute.type === '3'" label="指定">
+            </FormItem>
+            <FormItem v-if="cronValue.minute.type === '3'" label="指定">
               <Select
                 v-model:value="cronValue.minute.appoint"
                 mode="multiple"
                 style="width: 100%"
               >
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.minute"
                   :key="index"
                   :label="item"
                   :value="item"
                 />
               </Select>
-            </Form.Item>
+            </FormItem>
           </Form>
-        </Tabs.TabPane>
+        </TabPane>
 
-        <Tabs.TabPane key="hour">
+        <TabPane key="hour">
           <template #tab>
             <div class="sc-cron-num">
               <h2>小时</h2>
@@ -579,15 +579,15 @@ function inputChange() {
             </div>
           </template>
           <Form>
-            <Form.Item label="类型">
+            <FormItem label="类型">
               <RadioGroup v-model:value="cronValue.hour.type">
                 <RadioButton value="0">任意值</RadioButton>
                 <RadioButton value="1">范围</RadioButton>
                 <RadioButton value="2">间隔</RadioButton>
                 <RadioButton value="3">指定</RadioButton>
               </RadioGroup>
-            </Form.Item>
-            <Form.Item v-if="cronValue.hour.type === '1'" label="范围">
+            </FormItem>
+            <FormItem v-if="cronValue.hour.type === '1'" label="范围">
               <InputNumber
                 v-model:value="cronValue.hour.range.start"
                 :max="23"
@@ -601,8 +601,8 @@ function inputChange() {
                 :min="0"
                 controls-position="right"
               />
-            </Form.Item>
-            <Form.Item v-if="cronValue.hour.type === '2'" label="间隔">
+            </FormItem>
+            <FormItem v-if="cronValue.hour.type === '2'" label="间隔">
               <InputNumber
                 v-model:value="cronValue.hour.loop.start"
                 :max="23"
@@ -617,25 +617,25 @@ function inputChange() {
                 controls-position="right"
               />
               小时执行一次
-            </Form.Item>
-            <Form.Item v-if="cronValue.hour.type === '3'" label="指定">
+            </FormItem>
+            <FormItem v-if="cronValue.hour.type === '3'" label="指定">
               <Select
                 v-model:value="cronValue.hour.appoint"
                 mode="multiple"
                 style="width: 100%"
               >
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.hour"
                   :key="index"
                   :label="item"
                   :value="item"
                 />
               </Select>
-            </Form.Item>
+            </FormItem>
           </Form>
-        </Tabs.TabPane>
+        </TabPane>
 
-        <Tabs.TabPane key="day">
+        <TabPane key="day">
           <template #tab>
             <div class="sc-cron-num">
               <h2>日</h2>
@@ -643,7 +643,7 @@ function inputChange() {
             </div>
           </template>
           <Form>
-            <Form.Item label="类型">
+            <FormItem label="类型">
               <RadioGroup v-model:value="cronValue.day.type">
                 <RadioButton value="0">任意值</RadioButton>
                 <RadioButton value="1">范围</RadioButton>
@@ -652,8 +652,8 @@ function inputChange() {
                 <RadioButton value="4">本月最后一天</RadioButton>
                 <RadioButton value="5">不指定</RadioButton>
               </RadioGroup>
-            </Form.Item>
-            <Form.Item v-if="cronValue.day.type === '1'" label="范围">
+            </FormItem>
+            <FormItem v-if="cronValue.day.type === '1'" label="范围">
               <InputNumber
                 v-model:value="cronValue.day.range.start"
                 :max="31"
@@ -667,8 +667,8 @@ function inputChange() {
                 :min="1"
                 controls-position="right"
               />
-            </Form.Item>
-            <Form.Item v-if="cronValue.day.type === '2'" label="间隔">
+            </FormItem>
+            <FormItem v-if="cronValue.day.type === '2'" label="间隔">
               <InputNumber
                 v-model:value="cronValue.day.loop.start"
                 :max="31"
@@ -683,25 +683,25 @@ function inputChange() {
                 controls-position="right"
               />
               天执行一次
-            </Form.Item>
-            <Form.Item v-if="cronValue.day.type === '3'" label="指定">
+            </FormItem>
+            <FormItem v-if="cronValue.day.type === '3'" label="指定">
               <Select
                 v-model:value="cronValue.day.appoint"
                 mode="multiple"
                 style="width: 100%"
               >
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.day"
                   :key="index"
                   :label="item"
                   :value="item"
                 />
               </Select>
-            </Form.Item>
+            </FormItem>
           </Form>
-        </Tabs.TabPane>
+        </TabPane>
 
-        <Tabs.TabPane key="month">
+        <TabPane key="month">
           <template #tab>
             <div class="sc-cron-num">
               <h2>月</h2>
@@ -709,15 +709,15 @@ function inputChange() {
             </div>
           </template>
           <Form>
-            <Form.Item label="类型">
+            <FormItem label="类型">
               <RadioGroup v-model:value="cronValue.month.type">
                 <RadioButton value="0">任意值</RadioButton>
                 <RadioButton value="1">范围</RadioButton>
                 <RadioButton value="2">间隔</RadioButton>
                 <RadioButton value="3">指定</RadioButton>
               </RadioGroup>
-            </Form.Item>
-            <Form.Item v-if="cronValue.month.type === '1'" label="范围">
+            </FormItem>
+            <FormItem v-if="cronValue.month.type === '1'" label="范围">
               <InputNumber
                 v-model:value="cronValue.month.range.start"
                 :max="12"
@@ -731,8 +731,8 @@ function inputChange() {
                 :min="1"
                 controls-position="right"
               />
-            </Form.Item>
-            <Form.Item v-if="cronValue.month.type === '2'" label="间隔">
+            </FormItem>
+            <FormItem v-if="cronValue.month.type === '2'" label="间隔">
               <InputNumber
                 v-model:value="cronValue.month.loop.start"
                 :max="12"
@@ -747,25 +747,25 @@ function inputChange() {
                 controls-position="right"
               />
               月执行一次
-            </Form.Item>
-            <Form.Item v-if="cronValue.month.type === '3'" label="指定">
+            </FormItem>
+            <FormItem v-if="cronValue.month.type === '3'" label="指定">
               <Select
                 v-model:value="cronValue.month.appoint"
                 mode="multiple"
                 style="width: 100%"
               >
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.month"
                   :key="index"
                   :label="item"
                   :value="item"
                 />
               </Select>
-            </Form.Item>
+            </FormItem>
           </Form>
-        </Tabs.TabPane>
+        </TabPane>
 
-        <Tabs.TabPane key="week">
+        <TabPane key="week">
           <template #tab>
             <div class="sc-cron-num">
               <h2>周</h2>
@@ -773,7 +773,7 @@ function inputChange() {
             </div>
           </template>
           <Form>
-            <Form.Item label="类型">
+            <FormItem label="类型">
               <RadioGroup v-model:value="cronValue.week.type">
                 <RadioButton value="0">任意值</RadioButton>
                 <RadioButton value="1">范围</RadioButton>
@@ -782,10 +782,10 @@ function inputChange() {
                 <RadioButton value="4">本月最后一周</RadioButton>
                 <RadioButton value="5">不指定</RadioButton>
               </RadioGroup>
-            </Form.Item>
-            <Form.Item v-if="cronValue.week.type === '1'" label="范围">
+            </FormItem>
+            <FormItem v-if="cronValue.week.type === '1'" label="范围">
               <Select v-model:value="cronValue.week.range.start">
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.week"
                   :key="index"
                   :label="item.label"
@@ -794,15 +794,15 @@ function inputChange() {
               </Select>
               <span style="padding: 0 15px">-</span>
               <Select v-model:value="cronValue.week.range.end">
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.week"
                   :key="index"
                   :label="item.label"
                   :value="item.value"
                 />
               </Select>
-            </Form.Item>
-            <Form.Item v-if="cronValue.week.type === '2'" label="间隔">
+            </FormItem>
+            <FormItem v-if="cronValue.week.type === '2'" label="间隔">
               第
               <InputNumber
                 v-model:value="cronValue.week.loop.start"
@@ -812,7 +812,7 @@ function inputChange() {
               />
               周的星期
               <Select v-model:value="cronValue.week.loop.end">
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.week"
                   :key="index"
                   :label="item.label"
@@ -820,35 +820,35 @@ function inputChange() {
                 />
               </Select>
               执行一次
-            </Form.Item>
-            <Form.Item v-if="cronValue.week.type === '3'" label="指定">
+            </FormItem>
+            <FormItem v-if="cronValue.week.type === '3'" label="指定">
               <Select
                 v-model:value="cronValue.week.appoint"
                 mode="multiple"
                 style="width: 100%"
               >
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.week"
                   :key="index"
                   :label="item.label"
                   :value="item.value"
                 />
               </Select>
-            </Form.Item>
-            <Form.Item v-if="cronValue.week.type === '4'" label="最后一周">
+            </FormItem>
+            <FormItem v-if="cronValue.week.type === '4'" label="最后一周">
               <Select v-model:value="cronValue.week.last">
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.week"
                   :key="index"
                   :label="item.label"
                   :value="item.value"
                 />
               </Select>
-            </Form.Item>
+            </FormItem>
           </Form>
-        </Tabs.TabPane>
+        </TabPane>
 
-        <Tabs.TabPane key="year">
+        <TabPane key="year">
           <template #tab>
             <div class="sc-cron-num">
               <h2>年</h2>
@@ -856,7 +856,7 @@ function inputChange() {
             </div>
           </template>
           <Form>
-            <Form.Item label="类型">
+            <FormItem label="类型">
               <RadioGroup v-model:value="cronValue.year.type">
                 <RadioButton value="-1">忽略</RadioButton>
                 <RadioButton value="0">任意值</RadioButton>
@@ -864,8 +864,8 @@ function inputChange() {
                 <RadioButton value="2">间隔</RadioButton>
                 <RadioButton value="3">指定</RadioButton>
               </RadioGroup>
-            </Form.Item>
-            <Form.Item v-if="cronValue.year.type === '1'" label="范围">
+            </FormItem>
+            <FormItem v-if="cronValue.year.type === '1'" label="范围">
               <InputNumber
                 v-model:value="cronValue.year.range.start"
                 controls-position="right"
@@ -875,8 +875,8 @@ function inputChange() {
                 v-model:value="cronValue.year.range.end"
                 controls-position="right"
               />
-            </Form.Item>
-            <Form.Item v-if="cronValue.year.type === '2'" label="间隔">
+            </FormItem>
+            <FormItem v-if="cronValue.year.type === '2'" label="间隔">
               <InputNumber
                 v-model:value="cronValue.year.loop.start"
                 controls-position="right"
@@ -888,23 +888,23 @@ function inputChange() {
                 controls-position="right"
               />
               年执行一次
-            </Form.Item>
-            <Form.Item v-if="cronValue.year.type === '3'" label="指定">
+            </FormItem>
+            <FormItem v-if="cronValue.year.type === '3'" label="指定">
               <Select
                 v-model:value="cronValue.year.appoint"
                 mode="multiple"
                 style="width: 100%"
               >
-                <Select.Option
+                <SelectOption
                   v-for="(item, index) in data.year"
                   :key="index"
                   :label="item"
                   :value="item"
                 />
               </Select>
-            </Form.Item>
+            </FormItem>
           </Form>
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </div>
 
diff --git a/apps/web-antdv-next/src/components/cropper/cropper-avatar.vue b/apps/web-antdv-next/src/components/cropper/cropper-avatar.vue
index 72c71d031..8afed133c 100644
--- a/apps/web-antdv-next/src/components/cropper/cropper-avatar.vue
+++ b/apps/web-antdv-next/src/components/cropper/cropper-avatar.vue
@@ -9,7 +9,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import cropperModal from './cropper-modal.vue';
 
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 01effd727..85feef0a2 100644
--- a/apps/web-antdv-next/src/components/cropper/cropper-modal.vue
+++ b/apps/web-antdv-next/src/components/cropper/cropper-modal.vue
@@ -8,14 +8,7 @@ import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { dataURLtoBlob, isFunction } from '@vben/utils';
 
-import {
-  Avatar,
-  Button,
-  message,
-  Space,
-  Tooltip,
-  Upload,
-} from 'ant-design-vue';
+import { Avatar, Button, message, Space, Tooltip, Upload } from 'antdv-next';
 
 import CropperImage from './cropper.vue';
 
diff --git a/apps/web-antdv-next/src/components/cropper/typing.ts b/apps/web-antdv-next/src/components/cropper/typing.ts
index f471274b4..58cffb2b5 100644
--- a/apps/web-antdv-next/src/components/cropper/typing.ts
+++ b/apps/web-antdv-next/src/components/cropper/typing.ts
@@ -1,4 +1,4 @@
-import type { ButtonProps } from 'ant-design-vue';
+import type { ButtonProps } from 'antdv-next';
 import type Cropper from 'cropperjs';
 
 import type { CSSProperties } from 'vue';
diff --git a/apps/web-antdv-next/src/components/description/description.vue b/apps/web-antdv-next/src/components/description/description.vue
index d591e5722..86f90c8d4 100644
--- a/apps/web-antdv-next/src/components/description/description.vue
+++ b/apps/web-antdv-next/src/components/description/description.vue
@@ -1,5 +1,5 @@
 <script lang="tsx">
-import type { DescriptionsProps } from 'ant-design-vue/es/descriptions';
+import type { DescriptionsProps } from 'antdv-next';
 
 import type { CSSProperties, PropType, Slots } from 'vue';
 
@@ -9,7 +9,7 @@ import { computed, defineComponent, ref, unref, useAttrs } from 'vue';
 
 import { get, getNestedValue, isFunction } from '@vben/utils';
 
-import { Card, Descriptions } from 'ant-design-vue';
+import { Card, Descriptions } from 'antdv-next';
 
 const props = {
   bordered: { default: true, type: Boolean },
@@ -126,7 +126,7 @@ export default defineComponent({
 
           const width = contentMinWidth;
           return (
-            <Descriptions.Item
+            <DescriptionsItem
               key={field}
               label={renderLabel(item)}
               span={span}
@@ -143,7 +143,7 @@ export default defineComponent({
                 };
                 return <div style={style}>{getContent()}</div>;
               }}
-            </Descriptions.Item>
+            </DescriptionsItem>
           );
         })
         .filter((item) => !!item);
diff --git a/apps/web-antdv-next/src/components/description/typing.ts b/apps/web-antdv-next/src/components/description/typing.ts
index 97cd8cab9..d97bbdde3 100644
--- a/apps/web-antdv-next/src/components/description/typing.ts
+++ b/apps/web-antdv-next/src/components/description/typing.ts
@@ -1,4 +1,4 @@
-import type { DescriptionsProps } from 'ant-design-vue/es/descriptions';
+import type { DescriptionsProps } from 'antdv-next';
 import type { JSX } from 'vue/jsx-runtime';
 
 import type { CSSProperties, VNode } from 'vue';
diff --git a/apps/web-antdv-next/src/components/dict-tag/dict-tag.vue b/apps/web-antdv-next/src/components/dict-tag/dict-tag.vue
index 14cc34d86..44d4b7c28 100644
--- a/apps/web-antdv-next/src/components/dict-tag/dict-tag.vue
+++ b/apps/web-antdv-next/src/components/dict-tag/dict-tag.vue
@@ -4,7 +4,7 @@ import { computed } from 'vue';
 import { getDictObj } from '@vben/hooks';
 import { isValidColor, TinyColor } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 interface DictTagProps {
   type: string; // 字典类型
diff --git a/apps/web-antdv-next/src/components/form-create/components/area-select.vue b/apps/web-antdv-next/src/components/form-create/components/area-select.vue
index 9fa8d5b05..4e6810006 100644
--- a/apps/web-antdv-next/src/components/form-create/components/area-select.vue
+++ b/apps/web-antdv-next/src/components/form-create/components/area-select.vue
@@ -4,7 +4,7 @@ import { onMounted, ref, watch } from 'vue';
 
 import { AreaLevelEnum } from '@vben/constants';
 
-import { Cascader } from 'ant-design-vue';
+import { Cascader } from 'antdv-next';
 
 import { getAreaTree } from '#/api/system/area';
 
diff --git a/apps/web-antdv-next/src/components/form-create/components/dept-select.vue b/apps/web-antdv-next/src/components/form-create/components/dept-select.vue
index 45c153f85..2bdbc7e22 100644
--- a/apps/web-antdv-next/src/components/form-create/components/dept-select.vue
+++ b/apps/web-antdv-next/src/components/form-create/components/dept-select.vue
@@ -5,7 +5,7 @@ import { onMounted, ref, watch } from 'vue';
 import { useUserStore } from '@vben/stores';
 import { handleTree } from '@vben/utils';
 
-import { TreeSelect } from 'ant-design-vue';
+import { TreeSelect } from 'antdv-next';
 
 import { requestClient } from '#/api/request';
 
diff --git a/apps/web-antdv-next/src/components/form-create/components/dict-select.vue b/apps/web-antdv-next/src/components/form-create/components/dict-select.vue
index 03a527458..11b961c5f 100644
--- a/apps/web-antdv-next/src/components/form-create/components/dict-select.vue
+++ b/apps/web-antdv-next/src/components/form-create/components/dict-select.vue
@@ -13,7 +13,7 @@ import {
   RadioGroup,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 defineOptions({ name: 'DictSelect' });
 
diff --git a/apps/web-antdv-next/src/components/form-create/components/use-api-select.tsx b/apps/web-antdv-next/src/components/form-create/components/use-api-select.tsx
index 023869350..692c182f3 100644
--- a/apps/web-antdv-next/src/components/form-create/components/use-api-select.tsx
+++ b/apps/web-antdv-next/src/components/form-create/components/use-api-select.tsx
@@ -12,7 +12,7 @@ import {
   RadioGroup,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { requestClient } from '#/api/request';
 
diff --git a/apps/web-antdv-next/src/components/map/src/map-dialog.vue b/apps/web-antdv-next/src/components/map/src/map-dialog.vue
index 7b8c0bd87..ecc626d00 100644
--- a/apps/web-antdv-next/src/components/map/src/map-dialog.vue
+++ b/apps/web-antdv-next/src/components/map/src/map-dialog.vue
@@ -4,7 +4,7 @@ import { nextTick, reactive, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, Form, Input, Select, Space } from 'ant-design-vue';
+import { Button, Form, Input, Select, Space } from 'antdv-next';
 
 import { loadBaiduMapSdk } from './utils';
 
@@ -229,7 +229,7 @@ defineExpose({ open });
     <div class="w-full">
       <!-- 第一行：位置搜索 -->
       <Form :label-col="{ span: 4 }">
-        <Form.Item label="定位位置">
+        <FormItem label="定位位置">
           <Select
             v-model:value="state.address"
             :filter-option="false"
@@ -247,9 +247,9 @@ defineExpose({ open });
             @search="autoSearch"
             @select="handleAddressSelect"
           />
-        </Form.Item>
+        </FormItem>
         <!-- 第二行：坐标显示 -->
-        <Form.Item label="当前坐标">
+        <FormItem label="当前坐标">
           <Space>
             <Input
               :value="state.longitude"
@@ -264,7 +264,7 @@ defineExpose({ open });
               style="width: 180px"
             />
           </Space>
-        </Form.Item>
+        </FormItem>
       </Form>
       <!-- 第三行：地图 -->
       <div
diff --git a/apps/web-antdv-next/src/components/markdown-view/markdown-view.vue b/apps/web-antdv-next/src/components/markdown-view/markdown-view.vue
index a0e527f1b..ccbaad86b 100644
--- a/apps/web-antdv-next/src/components/markdown-view/markdown-view.vue
+++ b/apps/web-antdv-next/src/components/markdown-view/markdown-view.vue
@@ -6,7 +6,7 @@ import { computed, onMounted, ref } from 'vue';
 import { MarkdownIt } from '@vben/plugins/markmap';
 
 import { useClipboard } from '@vueuse/core';
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 import hljs from 'highlight.js';
 
 import 'highlight.js/styles/vs2015.min.css';
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 8b49466ce..aff0da8c4 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
@@ -5,7 +5,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictLabel, getDictObj } from '@vben/hooks';
 import { formatDateTime } from '@vben/utils';
 
-import { Tag, Timeline } from 'ant-design-vue';
+import { Tag, Timeline } from 'antdv-next';
 
 defineOptions({ name: 'OperateLogV2' });
 
@@ -37,7 +37,7 @@ function getUserTypeColor(userType: number) {
 <template>
   <div class="pt-5">
     <Timeline>
-      <Timeline.Item v-for="log in logList" :key="log.id">
+      <TimelineItem v-for="log in logList" :key="log.id">
         <template #dot>
           <span
             :style="{ backgroundColor: getUserTypeColor(log.userType) }"
@@ -53,7 +53,7 @@ function getUserTypeColor(userType: number) {
           <Tag color="success" class="!mr-0">{{ log.userName }}</Tag>
           <span>{{ log.action }}</span>
         </div>
-      </Timeline.Item>
+      </TimelineItem>
     </Timeline>
   </div>
 </template>
diff --git a/apps/web-antdv-next/src/components/shortcut-date-range-picker/shortcut-date-range-picker.vue b/apps/web-antdv-next/src/components/shortcut-date-range-picker/shortcut-date-range-picker.vue
index 5a3ce0526..da1ef99e4 100644
--- a/apps/web-antdv-next/src/components/shortcut-date-range-picker/shortcut-date-range-picker.vue
+++ b/apps/web-antdv-next/src/components/shortcut-date-range-picker/shortcut-date-range-picker.vue
@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
 
 import { onMounted, ref } from 'vue';
 
-import { DatePicker, Radio, RadioGroup } from 'ant-design-vue';
+import { Radio, RadioGroup } from 'antdv-next';
 
 import { getRangePickerDefaultProps } from '#/utils/rangePickerProps';
 
@@ -75,7 +75,7 @@ onMounted(() => {
         {{ option.label }}
       </Radio>
     </RadioGroup>
-    <DatePicker.RangePicker
+    <DateRangePicker
       v-model:value="times"
       :format="rangePickerProps.format"
       :value-format="rangePickerProps.valueFormat"
diff --git a/apps/web-antdv-next/src/components/table-action/table-action.vue b/apps/web-antdv-next/src/components/table-action/table-action.vue
index 679f6fcaa..4ce29b750 100644
--- a/apps/web-antdv-next/src/components/table-action/table-action.vue
+++ b/apps/web-antdv-next/src/components/table-action/table-action.vue
@@ -11,14 +11,7 @@ import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { isBoolean, isFunction } from '@vben/utils';
 
-import {
-  Button,
-  Dropdown,
-  Menu,
-  Popconfirm,
-  Space,
-  Tooltip,
-} from 'ant-design-vue';
+import { Button, Dropdown, Menu, Popconfirm, Space, Tooltip } from 'antdv-next';
 
 const props = defineProps({
   actions: {
@@ -193,7 +186,7 @@ watch(
           </template>
         </Button>
       </slot>
-      <template #overlay>
+      <template #popupRender>
         <Menu>
           <Menu.Item
             v-for="(action, index) in getDropdownList"
diff --git a/apps/web-antdv-next/src/components/table-action/typing.ts b/apps/web-antdv-next/src/components/table-action/typing.ts
index 1e44fb293..0c0e0088e 100644
--- a/apps/web-antdv-next/src/components/table-action/typing.ts
+++ b/apps/web-antdv-next/src/components/table-action/typing.ts
@@ -1,8 +1,4 @@
-import type {
-  ButtonProps,
-  ButtonType,
-} from 'ant-design-vue/es/button/buttonTypes';
-import type { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip';
+import type { ButtonProps, ButtonType, TooltipProps } from 'antdv-next';
 
 export interface PopConfirm {
   title: string;
diff --git a/apps/web-antdv-next/src/components/tinymce/img-upload.vue b/apps/web-antdv-next/src/components/tinymce/img-upload.vue
index e5d47bbc1..fd94b9195 100644
--- a/apps/web-antdv-next/src/components/tinymce/img-upload.vue
+++ b/apps/web-antdv-next/src/components/tinymce/img-upload.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
-
 import { computed, ref } from 'vue';
 
 import { $t } from '@vben/locales';
 
-import { Button, Upload } from 'ant-design-vue';
+import { Button, Upload } from 'antdv-next';
 
 import { useUpload } from '#/components/upload/use-upload';
 
+type UploadRequestOption = any;
+
 defineOptions({ name: 'TinymceImageUpload' });
 
 const props = defineProps({
diff --git a/apps/web-antdv-next/src/components/upload/file-upload.vue b/apps/web-antdv-next/src/components/upload/file-upload.vue
index 3838642ea..81c05d877 100644
--- a/apps/web-antdv-next/src/components/upload/file-upload.vue
+++ b/apps/web-antdv-next/src/components/upload/file-upload.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import type { UploadFile, UploadProps } from 'ant-design-vue';
-import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import type { UploadFile, UploadProps } from 'antdv-next';
 
 import type { FileUploadProps } from './typing';
 
@@ -12,11 +11,13 @@ import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { checkFileType, isFunction, isObject, isString } from '@vben/utils';
 
-import { Button, message, Upload } from 'ant-design-vue';
+import { Button, message, Upload } from 'antdv-next';
 
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
 
+type UploadRequestOption = any;
+
 defineOptions({ name: 'FileUpload', inheritAttrs: false });
 
 const props = withDefaults(defineProps<FileUploadProps>(), {
diff --git a/apps/web-antdv-next/src/components/upload/image-upload.vue b/apps/web-antdv-next/src/components/upload/image-upload.vue
index 7f0a62c1e..eeb1131bf 100644
--- a/apps/web-antdv-next/src/components/upload/image-upload.vue
+++ b/apps/web-antdv-next/src/components/upload/image-upload.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import type { UploadFile, UploadProps } from 'ant-design-vue';
-import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import type { UploadFile, UploadProps } from 'antdv-next';
 
 import type { FileUploadProps } from './typing';
 
@@ -18,11 +17,13 @@ import {
   isString,
 } from '@vben/utils';
 
-import { message, Modal, Upload } from 'ant-design-vue';
+import { message, Modal, Upload } from 'antdv-next';
 
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
 
+type UploadRequestOption = any;
+
 defineOptions({ name: 'ImageUpload', inheritAttrs: false });
 
 const props = withDefaults(defineProps<FileUploadProps>(), {
diff --git a/apps/web-antdv-next/src/components/upload/input-upload.vue b/apps/web-antdv-next/src/components/upload/input-upload.vue
index 90b2f4f7c..7fd43320f 100644
--- a/apps/web-antdv-next/src/components/upload/input-upload.vue
+++ b/apps/web-antdv-next/src/components/upload/input-upload.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import type { InputProps, TextAreaProps } from 'ant-design-vue';
+import type { InputProps, TextAreaProps } from 'antdv-next';
 
 import type { FileUploadProps } from './typing';
 
 import { computed } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Input, Textarea } from 'ant-design-vue';
+import { Input, TextArea } from 'antdv-next';
 
 import FileUpload from './file-upload.vue';
 
@@ -69,7 +69,7 @@ const fileUploadProps = computed(() => {
       </template>
     </Input>
     <div v-else class="relative w-full">
-      <Textarea readonly :rows="4" v-bind="textareaProps" />
+      <TextArea readonly :rows="4" v-bind="textareaProps" />
       <div class="absolute bottom-2 right-2">
         <FileUpload v-bind="fileUploadProps" @return-text="handleReturnText" />
       </div>
diff --git a/apps/web-antdv-next/src/layouts/basic.vue b/apps/web-antdv-next/src/layouts/basic.vue
index e8715a895..cbcba0f12 100644
--- a/apps/web-antdv-next/src/layouts/basic.vue
+++ b/apps/web-antdv-next/src/layouts/basic.vue
@@ -27,7 +27,7 @@ import { preferences } from '@vben/preferences';
 import { useAccessStore, useUserStore } from '@vben/stores';
 import { formatDateTime, openWindow } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   getUnreadNotifyMessageCount,
diff --git a/apps/web-antdv-next/src/locales/index.ts b/apps/web-antdv-next/src/locales/index.ts
index 7f32bd18e..2e4277aea 100644
--- a/apps/web-antdv-next/src/locales/index.ts
+++ b/apps/web-antdv-next/src/locales/index.ts
@@ -1,5 +1,3 @@
-import type { Locale } from 'ant-design-vue/es/locale';
-
 import type { App } from 'vue';
 
 import type { LocaleSetupOptions, SupportedLanguagesType } from '@vben/locales';
@@ -13,10 +11,12 @@ import {
 } from '@vben/locales';
 import { preferences } from '@vben/preferences';
 
-import antdEnLocale from 'ant-design-vue/es/locale/en_US';
-import antdDefaultLocale from 'ant-design-vue/es/locale/zh_CN';
+import antdEnLocale from 'antdv-next/locale/en_US';
+import antdDefaultLocale from 'antdv-next/locale/zh_CN';
 import dayjs from 'dayjs';
 
+type Locale = any;
+
 const antdLocale = ref<Locale>(antdDefaultLocale);
 
 const modules = import.meta.glob('./langs/**/*.json');
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 e93252a13..f41d9d195 100644
--- a/apps/web-antdv-next/src/plugins/form-create/index.ts
+++ b/apps/web-antdv-next/src/plugins/form-create/index.ts
@@ -30,7 +30,7 @@ import {
   Tabs,
   Tag,
   Transfer,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 // ======================= 自定义组件 =======================
 import { useApiSelect } from '#/components/form-create';
diff --git a/apps/web-antdv-next/src/router/guard.ts b/apps/web-antdv-next/src/router/guard.ts
index 8b88c834e..0526f2896 100644
--- a/apps/web-antdv-next/src/router/guard.ts
+++ b/apps/web-antdv-next/src/router/guard.ts
@@ -6,7 +6,7 @@ import { preferences } from '@vben/preferences';
 import { useAccessStore, useDictStore, useUserStore } from '@vben/stores';
 import { startProgress, stopProgress } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { getSimpleDictDataList } from '#/api/system/dict/data';
 import { accessRoutes, coreRouteNames } from '#/router/routes';
diff --git a/apps/web-antdv-next/src/store/auth.ts b/apps/web-antdv-next/src/store/auth.ts
index 7d09f0ec4..af0e91594 100644
--- a/apps/web-antdv-next/src/store/auth.ts
+++ b/apps/web-antdv-next/src/store/auth.ts
@@ -9,7 +9,7 @@ import { LOGIN_PATH } from '@vben/constants';
 import { preferences } from '@vben/preferences';
 import { resetAllStores, useAccessStore, useUserStore } from '@vben/stores';
 
-import { notification } from 'ant-design-vue';
+import { notification } from 'antdv-next';
 import { defineStore } from 'pinia';
 
 import {
diff --git a/apps/web-antdv-next/src/utils/useUpload.ts b/apps/web-antdv-next/src/utils/useUpload.ts
index 4c87c04ec..9c5d39663 100644
--- a/apps/web-antdv-next/src/utils/useUpload.ts
+++ b/apps/web-antdv-next/src/utils/useUpload.ts
@@ -1,4 +1,4 @@
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 enum UploadType {
   Image = 'image',
diff --git a/apps/web-antdv-next/src/views/_core/authentication/code-login.vue b/apps/web-antdv-next/src/views/_core/authentication/code-login.vue
index 1862abf8c..806a5f76b 100644
--- a/apps/web-antdv-next/src/views/_core/authentication/code-login.vue
+++ b/apps/web-antdv-next/src/views/_core/authentication/code-login.vue
@@ -11,7 +11,7 @@ import { isTenantEnable } from '@vben/hooks';
 import { $t } from '@vben/locales';
 import { useAccessStore } from '@vben/stores';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { sendSmsCode } from '#/api';
 import { getTenantByWebsite, getTenantSimpleList } from '#/api/core/auth';
diff --git a/apps/web-antdv-next/src/views/_core/authentication/forget-password.vue b/apps/web-antdv-next/src/views/_core/authentication/forget-password.vue
index 4837cf7dc..d9e3ae251 100644
--- a/apps/web-antdv-next/src/views/_core/authentication/forget-password.vue
+++ b/apps/web-antdv-next/src/views/_core/authentication/forget-password.vue
@@ -12,7 +12,7 @@ import { isTenantEnable } from '@vben/hooks';
 import { $t } from '@vben/locales';
 import { useAccessStore } from '@vben/stores';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { sendSmsCode, smsResetPassword } from '#/api';
 import { getTenantByWebsite, getTenantSimpleList } from '#/api/core/auth';
diff --git a/apps/web-antdv-next/src/views/_core/profile/base-setting.vue b/apps/web-antdv-next/src/views/_core/profile/base-setting.vue
index 0a10f1304..b574af67a 100644
--- a/apps/web-antdv-next/src/views/_core/profile/base-setting.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/base-setting.vue
@@ -10,7 +10,7 @@ import { ProfileBaseSetting, z } from '@vben/common-ui';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { updateUserProfile } from '#/api/system/user/profile';
 import { $t } from '#/locales';
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 712044425..b07156282 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 'ant-design-vue';
+import { Card, Tabs } from 'antdv-next';
 
 import { getAuthPermissionInfoApi } from '#/api';
 import { getUserProfile } from '#/api/system/user/profile';
@@ -50,15 +50,15 @@ onMounted(loadProfile);
       <!-- 右侧 标签页 -->
       <Card class="ml-3 w-3/5">
         <Tabs v-model:active-key="activeName" class="-mt-4">
-          <Tabs.TabPane key="basicInfo" tab="基本设置">
+          <TabPane key="basicInfo" tab="基本设置">
             <BaseInfo :profile="profile" @success="refreshProfile" />
-          </Tabs.TabPane>
-          <Tabs.TabPane key="resetPwd" tab="密码设置">
+          </TabPane>
+          <TabPane key="resetPwd" tab="密码设置">
             <ResetPwd />
-          </Tabs.TabPane>
-          <Tabs.TabPane key="userSocial" tab="社交绑定" force-render>
+          </TabPane>
+          <TabPane key="userSocial" tab="社交绑定" force-render>
             <UserSocial @update:active-name="activeName = $event" />
-          </Tabs.TabPane>
+          </TabPane>
           <!-- TODO @芋艿：在线设备 -->
         </Tabs>
       </Card>
diff --git a/apps/web-antdv-next/src/views/_core/profile/modules/base-info.vue b/apps/web-antdv-next/src/views/_core/profile/modules/base-info.vue
index d2d759033..79abb1a98 100644
--- a/apps/web-antdv-next/src/views/_core/profile/modules/base-info.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/modules/base-info.vue
@@ -9,7 +9,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm, z } from '#/adapter/form';
 import { updateUserProfile } from '#/api/system/user/profile';
diff --git a/apps/web-antdv-next/src/views/_core/profile/modules/profile-user.vue b/apps/web-antdv-next/src/views/_core/profile/modules/profile-user.vue
index 57384e3ee..9f8c80d07 100644
--- a/apps/web-antdv-next/src/views/_core/profile/modules/profile-user.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/modules/profile-user.vue
@@ -7,7 +7,7 @@ import { IconifyIcon } from '@vben/icons';
 import { preferences } from '@vben/preferences';
 import { formatDateTime } from '@vben/utils';
 
-import { Descriptions, DescriptionsItem, Tooltip } from 'ant-design-vue';
+import { Descriptions, DescriptionsItem, Tooltip } from 'antdv-next';
 
 import { updateUserProfile } from '#/api/system/user/profile';
 import { CropperAvatar } from '#/components/cropper';
diff --git a/apps/web-antdv-next/src/views/_core/profile/modules/reset-pwd.vue b/apps/web-antdv-next/src/views/_core/profile/modules/reset-pwd.vue
index e7a0103fb..edee8fec9 100644
--- a/apps/web-antdv-next/src/views/_core/profile/modules/reset-pwd.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/modules/reset-pwd.vue
@@ -3,7 +3,7 @@ import type { Recordable } from '@vben/types';
 
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm, z } from '#/adapter/form';
 import { updateUserPassword } from '#/api/system/user/profile';
diff --git a/apps/web-antdv-next/src/views/_core/profile/modules/user-social.vue b/apps/web-antdv-next/src/views/_core/profile/modules/user-social.vue
index ddb806567..0d6b6fd15 100644
--- a/apps/web-antdv-next/src/views/_core/profile/modules/user-social.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/modules/user-social.vue
@@ -10,7 +10,7 @@ import { DICT_TYPE, SystemUserSocialTypeEnum } from '@vben/constants';
 import { getDictLabel } from '@vben/hooks';
 import { getUrlValue } from '@vben/utils';
 
-import { Button, Card, Image, message } from 'ant-design-vue';
+import { Button, Card, Image, message } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { socialAuthRedirect } from '#/api/core/auth';
diff --git a/apps/web-antdv-next/src/views/_core/profile/password-setting.vue b/apps/web-antdv-next/src/views/_core/profile/password-setting.vue
index e5609c0b6..adb065a23 100644
--- a/apps/web-antdv-next/src/views/_core/profile/password-setting.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/password-setting.vue
@@ -5,7 +5,7 @@ import { computed } from 'vue';
 
 import { ProfilePasswordSetting, z } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 const formSchema = computed((): VbenFormSchema[] => {
   return [
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/data.ts b/apps/web-antdv-next/src/views/ai/chat/index/data.ts
index 3fa7928a6..90524574c 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/data.ts
+++ b/apps/web-antdv-next/src/views/ai/chat/index/data.ts
@@ -17,7 +17,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'systemMessage',
       label: '角色设定',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         rows: 4,
         placeholder: '请输入角色设定',
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/index.vue b/apps/web-antdv-next/src/views/ai/chat/index/index.vue
index 4a42447c0..e672dd5cd 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/index.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/index.vue
@@ -8,7 +8,7 @@ import { useRoute } from 'vue-router';
 import { alert, confirm, Page, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Layout, message, Switch } from 'ant-design-vue';
+import { Button, Layout, message, Switch } from 'antdv-next';
 
 import { getChatConversationMy } from '#/api/ai/chat/conversation';
 import {
@@ -553,7 +553,7 @@ onMounted(async () => {
 
       <!-- 右侧：详情部分 -->
       <Layout class="mx-4 bg-card">
-        <Layout.Header
+        <LayoutHeader
           class="flex !h-12 items-center justify-between border-b border-border !bg-card !px-4"
         >
           <div class="text-lg font-bold">
@@ -585,9 +585,9 @@ onMounted(async () => {
               <IconifyIcon icon="lucide:arrow-up" color="#787878" />
             </Button>
           </div>
-        </Layout.Header>
+        </LayoutHeader>
 
-        <Layout.Content class="relative m-0 h-full w-full p-0">
+        <LayoutContent class="relative m-0 h-full w-full p-0">
           <div class="absolute inset-0 m-0 overflow-y-hidden p-0">
             <MessageLoading v-if="activeMessageListLoading" />
             <MessageNewConversation
@@ -612,9 +612,9 @@ onMounted(async () => {
               @on-refresh="handleMessageRefresh"
             />
           </div>
-        </Layout.Content>
+        </LayoutContent>
 
-        <Layout.Footer class="flex flex-col !bg-card !p-0">
+        <LayoutFooter class="flex flex-col !bg-card !p-0">
           <form
             class="mx-4 mb-8 mt-2 flex flex-col rounded-xl border border-border p-2"
           >
@@ -668,7 +668,7 @@ onMounted(async () => {
               </Button>
             </div>
           </form>
-        </Layout.Footer>
+        </LayoutFooter>
       </Layout>
     </Layout>
     <FormModal @success="handleConversationUpdateSuccess" />
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/list.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/list.vue
index f150e62f5..6d0660435 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/list.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/list.vue
@@ -8,7 +8,7 @@ import { h, onMounted, ref, toRefs, watch } from 'vue';
 import { confirm, prompt, useVbenDrawer } from '@vben/common-ui';
 import { IconifyIcon, SvgGptIcon } from '@vben/icons';
 
-import { Avatar, Button, Empty, Input, Layout, message } from 'ant-design-vue';
+import { Avatar, Button, Empty, Input, message } from 'antdv-next';
 
 import {
   createChatConversationMy,
@@ -297,7 +297,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <Layout.Sider
+  <LayoutSider
     width="280px"
     class="relative flex h-full flex-col justify-between overflow-hidden p-4"
   >
@@ -431,5 +431,5 @@ onMounted(async () => {
         <span class="ml-1">清空未置顶对话</span>
       </div>
     </div>
-  </Layout.Sider>
+  </LayoutSider>
 </template>
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/update-form.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/update-form.vue
index fda49d734..e581542fc 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/update-form.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/conversation/update-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/file-upload.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/file-upload.vue
index 3d5e27fb0..3cac94cfb 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/file-upload.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/file-upload.vue
@@ -4,7 +4,7 @@ import { computed, onUnmounted, ref, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { formatFileSize, getFileIcon } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useUpload } from '#/components/upload/use-upload';
 
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/knowledge.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/knowledge.vue
index 960188c04..92dc19c92 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/knowledge.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/knowledge.vue
@@ -3,7 +3,7 @@ import { computed, ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Tooltip } from 'ant-design-vue';
+import { Tooltip } from 'antdv-next';
 
 const props = defineProps<{
   segments: {
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/list.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/list.vue
index a841ee29b..b3fb568f7 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/list.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/list.vue
@@ -12,7 +12,7 @@ import { useUserStore } from '@vben/stores';
 import { formatDateTime } from '@vben/utils';
 
 import { useClipboard } from '@vueuse/core';
-import { Avatar, Button, message } from 'ant-design-vue';
+import { Avatar, Button, message } from 'antdv-next';
 
 import { deleteChatMessage } from '#/api/ai/chat/message';
 import { MarkdownView } from '#/components/markdown-view';
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/loading.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/loading.vue
index 5928a19a1..96c0e3386 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/loading.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/loading.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Skeleton } from 'ant-design-vue';
+import { Skeleton } from 'antdv-next';
 </script>
 
 <template>
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/new-conversation.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/new-conversation.vue
index 41c08ce64..5d28eb3fc 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/message/new-conversation.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/message/new-conversation.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 const emits = defineEmits(['onNewConversation']);
 
diff --git a/apps/web-antdv-next/src/views/ai/chat/index/modules/role/category-list.vue b/apps/web-antdv-next/src/views/ai/chat/index/modules/role/category-list.vue
index 91f6d6409..20c81cc0f 100644
--- a/apps/web-antdv-next/src/views/ai/chat/index/modules/role/category-list.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/index/modules/role/category-list.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { PropType } from 'vue';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 defineProps({
   categoryList: {
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 544dfb082..4bd78271d 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
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Avatar, Button, Card, Dropdown, Menu } from 'ant-design-vue';
+import { Avatar, Button, Card, Dropdown, Menu } from 'antdv-next';
 
 const props = defineProps({
   loading: {
@@ -99,7 +99,7 @@ async function handleTabsScroll() {
             <Button size="small">
               <IconifyIcon icon="lucide:ellipsis" />
             </Button>
-            <template #overlay>
+            <template #popupRender>
               <Menu>
                 <Menu.Item @click="handleMoreClick(['delete', role])">
                   <div class="flex items-center">
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 e9236a6a5..cb34099f7 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 'ant-design-vue';
+import { Button, Input, Layout, Tabs } from 'antdv-next';
 
 import { createChatConversationMy } from '#/api/ai/chat/conversation';
 import { deleteMy, getCategoryList, getMyPage } from '#/api/ai/model/chatRole';
@@ -180,7 +180,7 @@ onMounted(async () => {
     >
       <FormModal @success="handlerAddRoleSuccess" />
 
-      <Layout.Content class="relative m-0 flex-1 overflow-hidden p-0">
+      <LayoutContent class="relative m-0 flex-1 overflow-hidden p-0">
         <div class="absolute right-0 top--1 z-100 mr-5 mt-5">
           <!-- 搜索输入框 -->
           <Input.Search
@@ -206,7 +206,7 @@ onMounted(async () => {
           class="relative h-full p-4"
           @tab-click="handleTabsClick"
         >
-          <Tabs.TabPane
+          <TabPane
             key="my-role"
             class="flex h-full flex-col overflow-y-auto"
             tab="我的角色"
@@ -220,8 +220,8 @@ onMounted(async () => {
               @on-use="handlerCardUse"
               @on-page="handlerCardPage('my')"
             />
-          </Tabs.TabPane>
-          <Tabs.TabPane
+          </TabPane>
+          <TabPane
             key="public-role"
             class="flex h-full flex-col overflow-y-auto"
             tab="公共角色"
@@ -241,9 +241,9 @@ onMounted(async () => {
               class="mt-5"
               loading
             />
-          </Tabs.TabPane>
+          </TabPane>
         </Tabs>
-      </Layout.Content>
+      </LayoutContent>
     </Layout>
   </Drawer>
 </template>
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 69c4e844b..35bbeb670 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 'ant-design-vue';
+import { Tabs } from 'antdv-next';
 
 import ChatConversationList from './modules/conversation-list.vue';
 import ChatMessageList from './modules/message-list.vue';
@@ -18,12 +18,12 @@ const activeTabName = ref('conversation');
     </template>
 
     <Tabs v-model:active-key="activeTabName">
-      <Tabs.TabPane tab="对话列表" key="conversation">
+      <TabPane tab="对话列表" key="conversation">
         <ChatConversationList />
-      </Tabs.TabPane>
-      <Tabs.TabPane tab="消息列表" key="message">
+      </TabPane>
+      <TabPane tab="消息列表" key="message">
         <ChatMessageList />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </Page>
 </template>
diff --git a/apps/web-antdv-next/src/views/ai/chat/manager/modules/conversation-list.vue b/apps/web-antdv-next/src/views/ai/chat/manager/modules/conversation-list.vue
index 6bfe70216..a7303c89e 100644
--- a/apps/web-antdv-next/src/views/ai/chat/manager/modules/conversation-list.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/manager/modules/conversation-list.vue
@@ -4,7 +4,7 @@ import type { AiChatConversationApi } from '#/api/ai/chat/conversation';
 
 import { Page } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/chat/manager/modules/message-list.vue b/apps/web-antdv-next/src/views/ai/chat/manager/modules/message-list.vue
index bf6bd5747..bc3eac7de 100644
--- a/apps/web-antdv-next/src/views/ai/chat/manager/modules/message-list.vue
+++ b/apps/web-antdv-next/src/views/ai/chat/manager/modules/message-list.vue
@@ -4,7 +4,7 @@ import type { AiChatConversationApi } from '#/api/ai/chat/conversation';
 
 import { Page } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/image/index/index.vue b/apps/web-antdv-next/src/views/ai/image/index/index.vue
index 5ddc5c8bf..700f81e98 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/index.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/index.vue
@@ -7,7 +7,7 @@ import { nextTick, onMounted, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 import { AiModelTypeEnum, AiPlatformEnum } from '@vben/constants';
 
-import { Segmented } from 'ant-design-vue';
+import { Segmented } from 'antdv-next';
 
 import { getModelSimpleList } from '#/api/ai/model/model';
 
diff --git a/apps/web-antdv-next/src/views/ai/image/index/modules/card.vue b/apps/web-antdv-next/src/views/ai/image/index/modules/card.vue
index 57b12e655..060e7135e 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/modules/card.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/modules/card.vue
@@ -9,7 +9,7 @@ import { confirm } from '@vben/common-ui';
 import { AiImageStatusEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Card, Image, message } from 'ant-design-vue';
+import { Button, Card, Image, message } from 'antdv-next';
 
 const props = defineProps({
   detail: {
diff --git a/apps/web-antdv-next/src/views/ai/image/index/modules/common/index.vue b/apps/web-antdv-next/src/views/ai/image/index/modules/common/index.vue
index bd1098775..87fe56fd4 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/modules/common/index.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/modules/common/index.vue
@@ -12,7 +12,7 @@ import {
   OtherPlatformEnum,
 } from '@vben/constants';
 
-import { Button, InputNumber, Select, Space, Textarea } from 'ant-design-vue';
+import { Button, InputNumber, Select, Space, TextArea } from 'antdv-next';
 
 import { drawImage } from '#/api/ai/image';
 
@@ -108,7 +108,7 @@ defineExpose({ settingValues });
   <div class="prompt">
     <b>画面描述</b>
     <p>建议使用“形容词 + 动词 + 风格”的格式，使用“，”隔开</p>
-    <Textarea
+    <TextArea
       v-model:value="prompt"
       :maxlength="1024"
       :rows="5"
@@ -148,13 +148,13 @@ defineExpose({ settingValues });
         class="!w-80"
         @change="handlerPlatformChange"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in OtherPlatformEnum"
           :key="item.key"
           :value="item.key"
         >
           {{ item.name }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Space>
   </div>
@@ -170,13 +170,13 @@ defineExpose({ settingValues });
         size="large"
         class="!w-80"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in platformModels"
           :key="item.id"
           :value="item.id"
         >
           {{ item.name }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Space>
   </div>
diff --git a/apps/web-antdv-next/src/views/ai/image/index/modules/dall3/index.vue b/apps/web-antdv-next/src/views/ai/image/index/modules/dall3/index.vue
index 7da66fd72..aca4d020f 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/modules/dall3/index.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/modules/dall3/index.vue
@@ -16,7 +16,7 @@ import {
   ImageHotWords,
 } from '@vben/constants';
 
-import { Button, Image, message, Space, Textarea } from 'ant-design-vue';
+import { Button, Image, message, Space, TextArea } from 'antdv-next';
 
 import { drawImage } from '#/api/ai/image';
 
@@ -144,7 +144,7 @@ defineExpose({ settingValues });
   <div class="prompt">
     <b>画面描述</b>
     <p>建议使用"形容词 + 动词 + 风格"的格式，使用"，"隔开</p>
-    <Textarea
+    <TextArea
       v-model:value="prompt"
       :maxlength="1024"
       :rows="5"
diff --git a/apps/web-antdv-next/src/views/ai/image/index/modules/detail.vue b/apps/web-antdv-next/src/views/ai/image/index/modules/detail.vue
index 30a8c4f7d..06e5f0660 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/modules/detail.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/modules/detail.vue
@@ -12,7 +12,7 @@ import {
 } from '@vben/constants';
 import { formatDateTime } from '@vben/utils';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { getImageMy } from '#/api/ai/image';
 
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 339ddf8f4..e6b49b744 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
@@ -9,7 +9,7 @@ import { AiImageStatusEnum } from '@vben/constants';
 import { downloadFileFromImageUrl } from '@vben/utils';
 
 import { useDebounceFn } from '@vueuse/core';
-import { Button, Card, message, Pagination } from 'ant-design-vue';
+import { Button, Card, message, Pagination } from 'antdv-next';
 
 import {
   deleteImageMy,
diff --git a/apps/web-antdv-next/src/views/ai/image/index/modules/midjourney/index.vue b/apps/web-antdv-next/src/views/ai/image/index/modules/midjourney/index.vue
index 3078f295e..99e2bdfce 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/modules/midjourney/index.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/modules/midjourney/index.vue
@@ -17,14 +17,7 @@ import {
   NijiVersionList,
 } from '@vben/constants';
 
-import {
-  Button,
-  Image,
-  message,
-  Select,
-  Space,
-  Textarea,
-} from 'ant-design-vue';
+import { Button, Image, message, Select, Space, TextArea } from 'antdv-next';
 
 import { midjourneyImagine } from '#/api/ai/image';
 import { ImageUpload } from '#/components/upload';
@@ -141,7 +134,7 @@ defineExpose({ settingValues });
   <div class="prompt">
     <b>画面描述</b>
     <p>建议使用“形容词+动词+风格”的格式，使用“，”隔开.</p>
-    <Textarea
+    <TextArea
       v-model:value="prompt"
       :maxlength="1024"
       :rows="5"
@@ -222,13 +215,13 @@ defineExpose({ settingValues });
         allow-clear
         placeholder="请选择版本"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in versionList"
           :key="item.value"
           :value="item.value"
         >
           {{ item.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Space>
   </div>
diff --git a/apps/web-antdv-next/src/views/ai/image/index/modules/stable-diffusion/index.vue b/apps/web-antdv-next/src/views/ai/image/index/modules/stable-diffusion/index.vue
index 1cfe6f288..7842491fe 100644
--- a/apps/web-antdv-next/src/views/ai/image/index/modules/stable-diffusion/index.vue
+++ b/apps/web-antdv-next/src/views/ai/image/index/modules/stable-diffusion/index.vue
@@ -20,8 +20,8 @@ import {
   message,
   Select,
   Space,
-  Textarea,
-} from 'ant-design-vue';
+  TextArea,
+} from 'antdv-next';
 
 import { drawImage } from '#/api/ai/image';
 
@@ -132,7 +132,7 @@ defineExpose({ settingValues });
   <div class="prompt">
     <b>画面描述</b>
     <p>建议使用“形容词 + 动词 + 风格”的格式，使用“，”隔开</p>
-    <Textarea
+    <TextArea
       v-model:value="prompt"
       :maxlength="1024"
       :rows="5"
@@ -169,13 +169,13 @@ defineExpose({ settingValues });
         size="large"
         class="!w-80"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in StableDiffusionSamplers"
           :key="item.key"
           :value="item.key"
         >
           {{ item.name }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Space>
   </div>
@@ -190,13 +190,13 @@ defineExpose({ settingValues });
         size="large"
         class="!w-80"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in StableDiffusionClipGuidancePresets"
           :key="item.key"
           :value="item.key"
         >
           {{ item.name }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Space>
   </div>
@@ -211,14 +211,14 @@ defineExpose({ settingValues });
         size="large"
         class="!w-80"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in StableDiffusionStylePresets"
           :key="item.key"
           :label="item.name"
           :value="item.key"
         >
           {{ item.name }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Space>
   </div>
diff --git a/apps/web-antdv-next/src/views/ai/image/manager/index.vue b/apps/web-antdv-next/src/views/ai/image/manager/index.vue
index 62087c743..189d2bfcb 100644
--- a/apps/web-antdv-next/src/views/ai/image/manager/index.vue
+++ b/apps/web-antdv-next/src/views/ai/image/manager/index.vue
@@ -4,7 +4,7 @@ import type { AiImageApi } from '#/api/ai/image';
 
 import { confirm, DocAlert, Page } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteImage, getImagePage, updateImage } from '#/api/ai/image';
diff --git a/apps/web-antdv-next/src/views/ai/image/square/index.vue b/apps/web-antdv-next/src/views/ai/image/square/index.vue
index 6bddebe1c..22db9d45c 100644
--- a/apps/web-antdv-next/src/views/ai/image/square/index.vue
+++ b/apps/web-antdv-next/src/views/ai/image/square/index.vue
@@ -6,7 +6,7 @@ import { onMounted, reactive, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 
 import { useDebounceFn } from '@vueuse/core';
-import { Image, Input, Pagination } from 'ant-design-vue';
+import { Image, Input, Pagination } from 'antdv-next';
 
 import { getImagePageMy } from '#/api/ai/image';
 
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/document/data.ts b/apps/web-antdv-next/src/views/ai/knowledge/document/data.ts
index 46f251a18..8debc0880 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/document/data.ts
+++ b/apps/web-antdv-next/src/views/ai/knowledge/document/data.ts
@@ -28,7 +28,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '知识库描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         rows: 3,
         placeholder: '请输入知识库描述',
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 297c4643a..bee235c47 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
@@ -12,7 +12,7 @@ import { Page } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import { getKnowledgeDocument } from '#/api/ai/knowledge/document';
 
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/process-step.vue b/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/process-step.vue
index 7f8579ebf..0c2ffd73d 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/process-step.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/process-step.vue
@@ -3,7 +3,7 @@ import { computed, inject, onBeforeUnmount, onMounted, ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Progress } from 'ant-design-vue';
+import { Button, Progress } from 'antdv-next';
 
 import { getKnowledgeSegmentProcessList } from '#/api/ai/knowledge/segment';
 
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/split-step.vue b/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/split-step.vue
index b0c32d2d7..ff2449ac3 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/split-step.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/split-step.vue
@@ -14,7 +14,7 @@ import {
   Menu,
   message,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   createKnowledgeDocumentList,
@@ -191,13 +191,13 @@ onMounted(async () => {
       </div>
       <div class="mb-5">
         <Form :label-col="{ span: 5 }">
-          <Form.Item label="最大 Token 数">
+          <FormItem label="最大 Token 数">
             <InputNumber
               v-model:value="modelData.segmentMaxTokens"
               :min="1"
               :max="2048"
             />
-          </Form.Item>
+          </FormItem>
         </Form>
       </div>
     </div>
@@ -220,7 +220,7 @@ onMounted(async () => {
             </span>
             <IconifyIcon icon="lucide:chevron-down" class="ml-1" />
           </div>
-          <template #overlay>
+          <template #popupRender>
             <Menu>
               <Menu.Item
                 v-for="(file, index) in modelData.list"
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/upload-step.vue b/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/upload-step.vue
index 8ee05655c..1454188bc 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/upload-step.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/document/form/modules/upload-step.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import type { UploadProps } from 'ant-design-vue';
-import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import type { UploadProps } from 'antdv-next';
 
 import type { PropType } from 'vue';
 
@@ -11,10 +10,10 @@ import { computed, getCurrentInstance, inject, onMounted, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { generateAcceptedFileTypes } from '@vben/utils';
 
-import { Button, Form, message, UploadDragger } from 'ant-design-vue';
+import { Button, Form, message, UploadDragger } from 'antdv-next';
 
 import { useUpload } from '#/components/upload/use-upload';
-
+type UploadRequestOption = any;
 const props = defineProps({
   modelValue: {
     type: Object as PropType<any>,
@@ -187,7 +186,7 @@ onMounted(() => {
 
 <template>
   <Form ref="formRef" :model="modelData" label-width="0" class="mt-5">
-    <Form.Item class="mb-5">
+    <FormItem class="mb-5">
       <div class="w-full">
         <div
           class="w-full rounded-md border-2 border-dashed border-gray-200 p-5 text-center hover:border-blue-500"
@@ -248,8 +247,8 @@ onMounted(() => {
           </div>
         </div>
       </div>
-    </Form.Item>
-    <Form.Item>
+    </FormItem>
+    <FormItem>
       <div class="flex w-full justify-end">
         <Button
           type="primary"
@@ -259,6 +258,6 @@ onMounted(() => {
           下一步
         </Button>
       </div>
-    </Form.Item>
+    </FormItem>
   </Form>
 </template>
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/document/index.vue b/apps/web-antdv-next/src/views/ai/knowledge/document/index.vue
index e1dd551fa..798f0404c 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/document/index.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/document/index.vue
@@ -9,7 +9,7 @@ import { confirm, Page } from '@vben/common-ui';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictLabel } from '@vben/hooks';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/data.ts b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/data.ts
index fcfa96da2..1a87fb3c7 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/data.ts
+++ b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/data.ts
@@ -31,7 +31,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '知识库描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         rows: 3,
         placeholder: '请输入知识库描述',
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/index.vue b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/index.vue
index 6f9d1fdf9..704cf5ae4 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/index.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/index.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/modules/form.vue b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/modules/form.vue
index 73211ebd3..27fc9dc3b 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/modules/form.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/retrieval/index.vue b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/retrieval/index.vue
index f7b4e4fab..40e3b838e 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/knowledge/retrieval/index.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/knowledge/retrieval/index.vue
@@ -11,8 +11,8 @@ import {
   Empty,
   InputNumber,
   message,
-  Textarea,
-} from 'ant-design-vue';
+  TextArea,
+} from 'antdv-next';
 
 import { getKnowledge } from '#/api/ai/knowledge/knowledge';
 import { searchKnowledgeSegment } from '#/api/ai/knowledge/segment';
@@ -100,7 +100,7 @@ onMounted(() => {
         </div>
         <div>
           <div class="relative m-2">
-            <Textarea
+            <TextArea
               v-model:value="queryParams.content"
               :rows="8"
               placeholder="请输入文本"
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/segment/data.ts b/apps/web-antdv-next/src/views/ai/knowledge/segment/data.ts
index 109adda2c..323d57ae9 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/segment/data.ts
+++ b/apps/web-antdv-next/src/views/ai/knowledge/segment/data.ts
@@ -27,7 +27,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'content',
       label: '切片内容',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入切片内容',
         rows: 6,
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/segment/index.vue b/apps/web-antdv-next/src/views/ai/knowledge/segment/index.vue
index 363e6b1ad..0ac3c4f75 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/segment/index.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/segment/index.vue
@@ -9,7 +9,7 @@ import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictLabel } from '@vben/hooks';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/knowledge/segment/modules/form.vue b/apps/web-antdv-next/src/views/ai/knowledge/segment/modules/form.vue
index 9b656fa0c..3f4c454cb 100644
--- a/apps/web-antdv-next/src/views/ai/knowledge/segment/modules/form.vue
+++ b/apps/web-antdv-next/src/views/ai/knowledge/segment/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/mindmap/index/index.vue b/apps/web-antdv-next/src/views/ai/mindmap/index/index.vue
index 325268661..7c48f0f0e 100644
--- a/apps/web-antdv-next/src/views/ai/mindmap/index/index.vue
+++ b/apps/web-antdv-next/src/views/ai/mindmap/index/index.vue
@@ -6,7 +6,7 @@ import { nextTick, onMounted, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 import { MindMapContentExample } from '@vben/constants';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { generateMindMap } from '#/api/ai/mindmap';
 
diff --git a/apps/web-antdv-next/src/views/ai/mindmap/index/modules/left.vue b/apps/web-antdv-next/src/views/ai/mindmap/index/modules/left.vue
index fb8504d67..3c151058c 100644
--- a/apps/web-antdv-next/src/views/ai/mindmap/index/modules/left.vue
+++ b/apps/web-antdv-next/src/views/ai/mindmap/index/modules/left.vue
@@ -3,7 +3,7 @@ import { reactive, ref } from 'vue';
 
 import { MindMapContentExample } from '@vben/constants';
 
-import { Button, Textarea } from 'ant-design-vue';
+import { Button, TextArea } from 'antdv-next';
 
 defineProps<{
   isGenerating: boolean;
@@ -32,7 +32,7 @@ defineExpose({
     <div class="mt-4 flex-grow overflow-y-auto">
       <div>
         <b>您的需求？</b>
-        <Textarea
+        <TextArea
           v-model:value="formData.prompt"
           :maxlength="1024"
           :rows="8"
@@ -51,7 +51,7 @@ defineExpose({
       </div>
       <div class="mt-7">
         <b>使用已有内容生成？</b>
-        <Textarea
+        <TextArea
           v-model:value="generatedContent"
           :maxlength="1024"
           :rows="8"
diff --git a/apps/web-antdv-next/src/views/ai/mindmap/index/modules/right.vue b/apps/web-antdv-next/src/views/ai/mindmap/index/modules/right.vue
index 3e03e3735..5d1c892e3 100644
--- a/apps/web-antdv-next/src/views/ai/mindmap/index/modules/right.vue
+++ b/apps/web-antdv-next/src/views/ai/mindmap/index/modules/right.vue
@@ -10,7 +10,7 @@ import {
 } from '@vben/plugins/markmap';
 import { downloadImageByCanvas } from '@vben/utils';
 
-import { Button, Card, message } from 'ant-design-vue';
+import { Button, Card, message } from 'antdv-next';
 
 const props = defineProps<{
   generatedContent: string; // 生成结果
diff --git a/apps/web-antdv-next/src/views/ai/mindmap/manager/index.vue b/apps/web-antdv-next/src/views/ai/mindmap/manager/index.vue
index 5cfc0d1c4..2387e3422 100644
--- a/apps/web-antdv-next/src/views/ai/mindmap/manager/index.vue
+++ b/apps/web-antdv-next/src/views/ai/mindmap/manager/index.vue
@@ -4,7 +4,7 @@ import type { AiMindmapApi } from '#/api/ai/mindmap';
 
 import { DocAlert, Page, useVbenDrawer } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteMindMap, getMindMapPage } from '#/api/ai/mindmap';
diff --git a/apps/web-antdv-next/src/views/ai/model/apiKey/index.vue b/apps/web-antdv-next/src/views/ai/model/apiKey/index.vue
index 1746ba49e..06ebf4655 100644
--- a/apps/web-antdv-next/src/views/ai/model/apiKey/index.vue
+++ b/apps/web-antdv-next/src/views/ai/model/apiKey/index.vue
@@ -4,7 +4,7 @@ import type { AiModelApiKeyApi } from '#/api/ai/model/apiKey';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteApiKey, getApiKeyPage } from '#/api/ai/model/apiKey';
diff --git a/apps/web-antdv-next/src/views/ai/model/apiKey/modules/form.vue b/apps/web-antdv-next/src/views/ai/model/apiKey/modules/form.vue
index 21f21f305..851950940 100644
--- a/apps/web-antdv-next/src/views/ai/model/apiKey/modules/form.vue
+++ b/apps/web-antdv-next/src/views/ai/model/apiKey/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createApiKey, getApiKey, updateApiKey } from '#/api/ai/model/apiKey';
diff --git a/apps/web-antdv-next/src/views/ai/model/chatRole/data.ts b/apps/web-antdv-next/src/views/ai/model/chatRole/data.ts
index 81ea7e7c1..854f3caf7 100644
--- a/apps/web-antdv-next/src/views/ai/model/chatRole/data.ts
+++ b/apps/web-antdv-next/src/views/ai/model/chatRole/data.ts
@@ -77,7 +77,7 @@ export function useFormSchema(): VbenFormSchema[] {
       },
     },
     {
-      component: 'Textarea',
+      component: 'TextArea',
       fieldName: 'description',
       label: '角色描述',
       componentProps: {
@@ -88,7 +88,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'systemMessage',
       label: '角色设定',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入角色设定',
       },
diff --git a/apps/web-antdv-next/src/views/ai/model/chatRole/index.vue b/apps/web-antdv-next/src/views/ai/model/chatRole/index.vue
index bbb940f70..7a41f80a8 100644
--- a/apps/web-antdv-next/src/views/ai/model/chatRole/index.vue
+++ b/apps/web-antdv-next/src/views/ai/model/chatRole/index.vue
@@ -4,7 +4,7 @@ import type { AiModelChatRoleApi } from '#/api/ai/model/chatRole';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteChatRole, getChatRolePage } from '#/api/ai/model/chatRole';
diff --git a/apps/web-antdv-next/src/views/ai/model/chatRole/modules/form.vue b/apps/web-antdv-next/src/views/ai/model/chatRole/modules/form.vue
index e5abac2b7..bd3bc07fd 100644
--- a/apps/web-antdv-next/src/views/ai/model/chatRole/modules/form.vue
+++ b/apps/web-antdv-next/src/views/ai/model/chatRole/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/ai/model/model/index.vue b/apps/web-antdv-next/src/views/ai/model/model/index.vue
index 158d7b43a..a03633936 100644
--- a/apps/web-antdv-next/src/views/ai/model/model/index.vue
+++ b/apps/web-antdv-next/src/views/ai/model/model/index.vue
@@ -4,7 +4,7 @@ import type { AiModelModelApi } from '#/api/ai/model/model';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteModel, getModelPage } from '#/api/ai/model/model';
diff --git a/apps/web-antdv-next/src/views/ai/model/model/modules/form.vue b/apps/web-antdv-next/src/views/ai/model/model/modules/form.vue
index 3a47c5910..96621b41f 100644
--- a/apps/web-antdv-next/src/views/ai/model/model/modules/form.vue
+++ b/apps/web-antdv-next/src/views/ai/model/model/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createModel, getModel, updateModel } from '#/api/ai/model/model';
diff --git a/apps/web-antdv-next/src/views/ai/model/tool/data.ts b/apps/web-antdv-next/src/views/ai/model/tool/data.ts
index 0c9f020f5..898bd8b62 100644
--- a/apps/web-antdv-next/src/views/ai/model/tool/data.ts
+++ b/apps/web-antdv-next/src/views/ai/model/tool/data.ts
@@ -27,7 +27,7 @@ export function useFormSchema(): VbenFormSchema[] {
       },
     },
     {
-      component: 'Textarea',
+      component: 'TextArea',
       fieldName: 'description',
       label: '工具描述',
       componentProps: {
diff --git a/apps/web-antdv-next/src/views/ai/model/tool/index.vue b/apps/web-antdv-next/src/views/ai/model/tool/index.vue
index a6c27cd85..c2335f591 100644
--- a/apps/web-antdv-next/src/views/ai/model/tool/index.vue
+++ b/apps/web-antdv-next/src/views/ai/model/tool/index.vue
@@ -4,7 +4,7 @@ import type { AiModelToolApi } from '#/api/ai/model/tool';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteTool, getToolPage } from '#/api/ai/model/tool';
diff --git a/apps/web-antdv-next/src/views/ai/model/tool/modules/form.vue b/apps/web-antdv-next/src/views/ai/model/tool/modules/form.vue
index 3e3c90e78..76d41cf0c 100644
--- a/apps/web-antdv-next/src/views/ai/model/tool/modules/form.vue
+++ b/apps/web-antdv-next/src/views/ai/model/tool/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createTool, getTool, updateTool } from '#/api/ai/model/tool';
diff --git a/apps/web-antdv-next/src/views/ai/music/index/list/audioBar/index.vue b/apps/web-antdv-next/src/views/ai/music/index/list/audioBar/index.vue
index 351dcac3e..30c5b2c4c 100644
--- a/apps/web-antdv-next/src/views/ai/music/index/list/audioBar/index.vue
+++ b/apps/web-antdv-next/src/views/ai/music/index/list/audioBar/index.vue
@@ -4,7 +4,7 @@ import { inject, reactive, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { formatPast } from '@vben/utils';
 
-import { Image, Slider } from 'ant-design-vue';
+import { Image, Slider } from 'antdv-next';
 
 defineOptions({ name: 'AiMusicAudioBarIndex' });
 
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 3076d35b3..0e681eecf 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
@@ -3,7 +3,7 @@ import type { Recordable } from '@vben/types';
 
 import { provide, ref } from 'vue';
 
-import { Col, Empty, Row, TabPane, Tabs } from 'ant-design-vue';
+import { Col, Empty, Row, TabPane, Tabs } from 'antdv-next';
 
 import audioBar from './audioBar/index.vue';
 import songCard from './songCard/index.vue';
diff --git a/apps/web-antdv-next/src/views/ai/music/index/list/songCard/index.vue b/apps/web-antdv-next/src/views/ai/music/index/list/songCard/index.vue
index 723b33793..995015cf8 100644
--- a/apps/web-antdv-next/src/views/ai/music/index/list/songCard/index.vue
+++ b/apps/web-antdv-next/src/views/ai/music/index/list/songCard/index.vue
@@ -3,7 +3,7 @@ import { inject } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 defineOptions({ name: 'AiMusicSongCardIndex' });
 
diff --git a/apps/web-antdv-next/src/views/ai/music/index/list/songInfo/index.vue b/apps/web-antdv-next/src/views/ai/music/index/list/songInfo/index.vue
index b041feaa0..45053dad1 100644
--- a/apps/web-antdv-next/src/views/ai/music/index/list/songInfo/index.vue
+++ b/apps/web-antdv-next/src/views/ai/music/index/list/songInfo/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { inject } from 'vue';
 
-import { Button, Card, Image } from 'ant-design-vue';
+import { Button, Card, Image } from 'antdv-next';
 
 defineOptions({ name: 'AiMusicSongInfoIndex' });
 
diff --git a/apps/web-antdv-next/src/views/ai/music/index/mode/desc.vue b/apps/web-antdv-next/src/views/ai/music/index/mode/desc.vue
index c57beb407..c0d493c5e 100644
--- a/apps/web-antdv-next/src/views/ai/music/index/mode/desc.vue
+++ b/apps/web-antdv-next/src/views/ai/music/index/mode/desc.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { reactive } from 'vue';
 
-import { Select, Switch, Textarea } from 'ant-design-vue';
+import { Select, Switch, TextArea } from 'antdv-next';
 
 import Title from '../title/index.vue';
 
@@ -24,7 +24,7 @@ defineExpose({
       title="音乐/歌词说明"
       desc="描述您想要的音乐风格和主题，使用流派和氛围而不是特定的艺术家和歌曲"
     >
-      <Textarea
+      <TextArea
         v-model:value="formData.desc"
         :auto-size="{ minRows: 6, maxRows: 6 }"
         :maxlength="1200"
@@ -48,7 +48,7 @@ defineExpose({
         class="w-full"
         placeholder="请选择"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in [
             {
               value: '3',
@@ -63,7 +63,7 @@ defineExpose({
           :value="item.value"
         >
           {{ item.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Title>
   </div>
diff --git a/apps/web-antdv-next/src/views/ai/music/index/mode/index.vue b/apps/web-antdv-next/src/views/ai/music/index/mode/index.vue
index 35df306da..7344cedc8 100644
--- a/apps/web-antdv-next/src/views/ai/music/index/mode/index.vue
+++ b/apps/web-antdv-next/src/views/ai/music/index/mode/index.vue
@@ -3,7 +3,7 @@ import type { Nullable, Recordable } from '@vben/types';
 
 import { ref, unref } from 'vue';
 
-import { Button, Card, Radio } from 'ant-design-vue';
+import { Button, Card } from 'antdv-next';
 
 import desc from './desc.vue';
 import lyric from './lyric.vue';
@@ -23,10 +23,10 @@ function generateMusic() {
 
 <template>
   <Card class="!mb-0 h-full w-80">
-    <Radio.Group v-model:value="generateMode" class="mb-4">
-      <Radio.Button value="desc"> 描述模式 </Radio.Button>
-      <Radio.Button value="lyric"> 歌词模式 </Radio.Button>
-    </Radio.Group>
+    <RadioGroup v-model:value="generateMode" class="mb-4">
+      <RadioButton value="desc"> 描述模式 </RadioButton>
+      <RadioButton value="lyric"> 歌词模式 </RadioButton>
+    </RadioGroup>
 
     <!-- 描述模式/歌词模式 切换 -->
     <component :is="generateMode === 'desc' ? desc : lyric" ref="modeRef" />
diff --git a/apps/web-antdv-next/src/views/ai/music/index/mode/lyric.vue b/apps/web-antdv-next/src/views/ai/music/index/mode/lyric.vue
index e8d5e38ad..201d36c94 100644
--- a/apps/web-antdv-next/src/views/ai/music/index/mode/lyric.vue
+++ b/apps/web-antdv-next/src/views/ai/music/index/mode/lyric.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { reactive, ref } from 'vue';
 
-import { Button, Input, Select, Space, Tag, Textarea } from 'ant-design-vue';
+import { Button, Input, Select, Space, Tag, TextArea } from 'antdv-next';
 
 import Title from '../title/index.vue';
 
@@ -26,7 +26,7 @@ defineExpose({
 <template>
   <div class="">
     <Title title="歌词" desc="自己编写歌词或使用Ai生成歌词，两节/8行效果最佳">
-      <Textarea
+      <TextArea
         v-model:value="formData.lyric"
         :auto-size="{ minRows: 6, maxRows: 6 }"
         :maxlength="1200"
@@ -58,7 +58,7 @@ defineExpose({
       desc="描述您想要的音乐风格，Suno无法识别艺术家的名字，但可以理解流派和氛围"
       class="mt-3"
     >
-      <Textarea
+      <TextArea
         v-model="formData.style"
         :auto-size="{ minRows: 4, maxRows: 4 }"
         :maxlength="256"
@@ -81,7 +81,7 @@ defineExpose({
         class="w-full"
         placeholder="请选择"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in [
             {
               value: '3',
@@ -96,7 +96,7 @@ defineExpose({
           :value="item.value"
         >
           {{ item.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </Title>
   </div>
diff --git a/apps/web-antdv-next/src/views/ai/music/manager/index.vue b/apps/web-antdv-next/src/views/ai/music/manager/index.vue
index bfd4d4502..784dfff2d 100644
--- a/apps/web-antdv-next/src/views/ai/music/manager/index.vue
+++ b/apps/web-antdv-next/src/views/ai/music/manager/index.vue
@@ -4,7 +4,7 @@ import type { AiMusicApi } from '#/api/ai/music';
 
 import { confirm, DocAlert, Page } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteMusic, getMusicPage, updateMusic } from '#/api/ai/music';
diff --git a/apps/web-antdv-next/src/views/ai/workflow/form/index.vue b/apps/web-antdv-next/src/views/ai/workflow/form/index.vue
index f815483c0..0a05395da 100644
--- a/apps/web-antdv-next/src/views/ai/workflow/form/index.vue
+++ b/apps/web-antdv-next/src/views/ai/workflow/form/index.vue
@@ -7,7 +7,7 @@ import { AiModelTypeEnum, CommonStatusEnum } from '@vben/constants';
 import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Card, message } from 'ant-design-vue';
+import { Button, Card, message } from 'antdv-next';
 
 import { getModelSimpleList } from '#/api/ai/model/model';
 import { createWorkflow, getWorkflow, updateWorkflow } from '#/api/ai/workflow';
diff --git a/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue b/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue
index a691defaa..553905fb0 100644
--- a/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue
+++ b/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue
@@ -1,13 +1,12 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import { ref } from 'vue';
 
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Form, Input, Select } from 'ant-design-vue';
+import { Form, Input, Select } from 'antdv-next';
 
+type Rule = any;
 const modelData = defineModel<any>(); // 创建本地数据副本
 const formRef = ref(); // 表单引用
 const rules: Record<string, Rule[]> = {
@@ -33,39 +32,39 @@ defineExpose({ validate });
     :wrapper-col="{ span: 20 }"
     class="mt-5"
   >
-    <Form.Item label="流程标识" name="code" class="mb-5">
+    <FormItem label="流程标识" name="code" class="mb-5">
       <Input
         class="w-full"
         v-model:value="modelData.code"
         allow-clear
         placeholder="请输入流程标识"
       />
-    </Form.Item>
-    <Form.Item label="流程名称" name="name" class="mb-5">
+    </FormItem>
+    <FormItem label="流程名称" name="name" class="mb-5">
       <Input
         v-model:value="modelData.name"
         allow-clear
         placeholder="请输入流程名称"
       />
-    </Form.Item>
-    <Form.Item label="状态" name="status" class="mb-5">
+    </FormItem>
+    <FormItem label="状态" name="status" class="mb-5">
       <Select
         class="w-full"
         v-model:value="modelData.status"
         allow-clear
         placeholder="请选择状态"
       >
-        <Select.Option
+        <SelectOption
           v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS, 'number')"
           :key="dict.value"
           :value="dict.value"
         >
           {{ dict.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
-    </Form.Item>
-    <Form.Item label="流程描述" name="description" class="mb-5">
+    </FormItem>
+    <FormItem label="流程描述" name="description" class="mb-5">
       <Input.TextArea v-model:value="modelData.description" allow-clear />
-    </Form.Item>
+    </FormItem>
   </Form>
 </template>
diff --git a/apps/web-antdv-next/src/views/ai/workflow/form/modules/workflow-design.vue b/apps/web-antdv-next/src/views/ai/workflow/form/modules/workflow-design.vue
index 176b81555..7cc535c0b 100644
--- a/apps/web-antdv-next/src/views/ai/workflow/form/modules/workflow-design.vue
+++ b/apps/web-antdv-next/src/views/ai/workflow/form/modules/workflow-design.vue
@@ -8,7 +8,7 @@ import { IconifyIcon } from '@vben/icons';
 import { Tinyflow } from '@vben/plugins/tinyflow';
 import { isNumber } from '@vben/utils';
 
-import { Button, Input, Select } from 'ant-design-vue';
+import { Button, Input, Select } from 'antdv-next';
 
 import { testWorkflow } from '#/api/ai/workflow';
 
@@ -232,14 +232,14 @@ defineExpose({ validate });
             :key="index"
           >
             <Select class="w-48" v-model="param.key" placeholder="参数名">
-              <Select.Option
+              <SelectOption
                 v-for="(value, key) in paramsOfStartNode"
                 :key="key"
                 :value="key"
                 :disabled="!!value?.disabled"
               >
                 {{ value?.description || key }}
-              </Select.Option>
+              </SelectOption>
             </Select>
             <Input
               class="mx-2 w-48"
diff --git a/apps/web-antdv-next/src/views/ai/workflow/index.vue b/apps/web-antdv-next/src/views/ai/workflow/index.vue
index 60e1281bb..82c4c444a 100644
--- a/apps/web-antdv-next/src/views/ai/workflow/index.vue
+++ b/apps/web-antdv-next/src/views/ai/workflow/index.vue
@@ -4,7 +4,7 @@ import type { AiWorkflowApi } from '#/api/ai/workflow';
 
 import { Page } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteWorkflow, getWorkflowPage } from '#/api/ai/workflow';
diff --git a/apps/web-antdv-next/src/views/ai/write/index/index.vue b/apps/web-antdv-next/src/views/ai/write/index/index.vue
index a907d0dfa..bf6328e14 100644
--- a/apps/web-antdv-next/src/views/ai/write/index/index.vue
+++ b/apps/web-antdv-next/src/views/ai/write/index/index.vue
@@ -6,7 +6,7 @@ import { nextTick, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 import { WriteExample } from '@vben/constants';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { writeStream } from '#/api/ai/write';
 
diff --git a/apps/web-antdv-next/src/views/ai/write/index/modules/left.vue b/apps/web-antdv-next/src/views/ai/write/index/modules/left.vue
index b3eaf66ee..2c4e5d325 100644
--- a/apps/web-antdv-next/src/views/ai/write/index/modules/left.vue
+++ b/apps/web-antdv-next/src/views/ai/write/index/modules/left.vue
@@ -8,7 +8,7 @@ import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
 import { createReusableTemplate } from '@vueuse/core';
-import { Button, message, Textarea } from 'ant-design-vue';
+import { Button, message, TextArea } from 'antdv-next';
 
 import Tag from './tag.vue';
 
@@ -175,7 +175,7 @@ function handleSubmit() {
             hint="示例"
             label="写作内容"
           />
-          <Textarea
+          <TextArea
             v-model:value="formData.prompt"
             :maxlength="500"
             :rows="5"
@@ -189,7 +189,7 @@ function handleSubmit() {
             hint="示例"
             label="原文"
           />
-          <Textarea
+          <TextArea
             v-model:value="formData.originalContent"
             :maxlength="500"
             :rows="5"
@@ -197,7 +197,7 @@ function handleSubmit() {
             show-count
           />
           <ReuseLabel label="回复内容" />
-          <Textarea
+          <TextArea
             v-model:value="formData.prompt"
             :maxlength="500"
             :rows="5"
diff --git a/apps/web-antdv-next/src/views/ai/write/index/modules/right.vue b/apps/web-antdv-next/src/views/ai/write/index/modules/right.vue
index 5e0d8e67a..2738652e6 100644
--- a/apps/web-antdv-next/src/views/ai/write/index/modules/right.vue
+++ b/apps/web-antdv-next/src/views/ai/write/index/modules/right.vue
@@ -4,7 +4,7 @@ import { computed, ref, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { useClipboard } from '@vueuse/core';
-import { Button, Card, message, Textarea } from 'ant-design-vue';
+import { Button, Card, message, TextArea } from 'antdv-next';
 
 const props = defineProps({
   content: {
@@ -87,7 +87,7 @@ watch(copied, (val) => {
           </template>
           终止生成
         </Button>
-        <Textarea
+        <TextArea
           id="inputId"
           v-model:value="compContent"
           :auto-size="true"
diff --git a/apps/web-antdv-next/src/views/ai/write/manager/index.vue b/apps/web-antdv-next/src/views/ai/write/manager/index.vue
index 6921f23bb..00717357d 100644
--- a/apps/web-antdv-next/src/views/ai/write/manager/index.vue
+++ b/apps/web-antdv-next/src/views/ai/write/manager/index.vue
@@ -4,7 +4,7 @@ import type { AiWriteApi } from '#/api/ai/write';
 
 import { DocAlert, Page } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteWrite, getWritePage } from '#/api/ai/write';
diff --git a/apps/web-antdv-next/src/views/bpm/category/data.ts b/apps/web-antdv-next/src/views/bpm/category/data.ts
index 14b2b98ed..d106fc949 100644
--- a/apps/web-antdv-next/src/views/bpm/category/data.ts
+++ b/apps/web-antdv-next/src/views/bpm/category/data.ts
@@ -39,7 +39,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '分类描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入分类描述',
       },
diff --git a/apps/web-antdv-next/src/views/bpm/category/index.vue b/apps/web-antdv-next/src/views/bpm/category/index.vue
index 46172f4ce..12fc3b398 100644
--- a/apps/web-antdv-next/src/views/bpm/category/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/category/index.vue
@@ -4,7 +4,7 @@ import type { BpmCategoryApi } from '#/api/bpm/category';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteCategory, getCategoryPage } from '#/api/bpm/category';
diff --git a/apps/web-antdv-next/src/views/bpm/category/modules/form.vue b/apps/web-antdv-next/src/views/bpm/category/modules/form.vue
index 7402f6a6e..09b4e342c 100644
--- a/apps/web-antdv-next/src/views/bpm/category/modules/form.vue
+++ b/apps/web-antdv-next/src/views/bpm/category/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/category/modules/rename-form.vue b/apps/web-antdv-next/src/views/bpm/category/modules/rename-form.vue
index e9bc301a8..b3324b1f1 100644
--- a/apps/web-antdv-next/src/views/bpm/category/modules/rename-form.vue
+++ b/apps/web-antdv-next/src/views/bpm/category/modules/rename-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getCategory, updateCategory } from '#/api/bpm/category';
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessDesigner.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessDesigner.vue
index add772d32..b3d3babc3 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessDesigner.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessDesigner.vue
@@ -20,7 +20,7 @@ import {
   ZoomOutOutlined,
 } from '@vben/icons';
 
-import { Button, ButtonGroup, message, Modal, Tooltip } from 'ant-design-vue';
+import { Button, message, Modal, Space, Tooltip } from 'antdv-next';
 // 模拟流转流程
 // @ts-expect-error: token simulation package does not ship compatible types
 import tokenSimulation from 'bpmn-js-token-simulation';
@@ -516,7 +516,7 @@ onBeforeUnmount(() => {
     >
       <slot name="control-header"></slot>
       <template v-if="!$slots['control-header']">
-        <ButtonGroup key="file-control">
+        <Space key="file-control">
           <Button
             :icon="h(FolderOpenOutlined)"
             title="打开文件"
@@ -558,8 +558,8 @@ onBeforeUnmount(() => {
               @click="processSimulation"
             />
           </Tooltip>
-        </ButtonGroup>
-        <ButtonGroup key="align-control">
+        </Space>
+        <Space key="align-control">
           <Tooltip title="向左对齐">
             <Button
               :icon="h(AlignLeftOutlined)"
@@ -602,8 +602,8 @@ onBeforeUnmount(() => {
               @click="elementsAlign('middle')"
             />
           </Tooltip>
-        </ButtonGroup>
-        <ButtonGroup key="scale-control">
+        </Space>
+        <Space key="scale-control">
           <Tooltip title="缩小视图">
             <Button
               :icon="h(ZoomOutOutlined)"
@@ -622,8 +622,8 @@ onBeforeUnmount(() => {
           <Tooltip title="重置视图并居中">
             <Button :icon="h(ReloadOutlined)" @click="processReZoom()" />
           </Tooltip>
-        </ButtonGroup>
-        <ButtonGroup key="stack-control">
+        </Space>
+        <Space key="stack-control">
           <Tooltip title="撤销">
             <Button
               :icon="h(UndoOutlined)"
@@ -641,7 +641,7 @@ onBeforeUnmount(() => {
           <Tooltip title="重新绘制">
             <Button :icon="h(ReloadOutlined)" @click="processRestart()" />
           </Tooltip>
-        </ButtonGroup>
+        </Space>
       </template>
       <!-- 用于打开本地文件-->
       <input
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue
index eb0dd63cf..9be8f479d 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue
@@ -5,7 +5,7 @@ import { BpmProcessInstanceStatus, DICT_TYPE } from '@vben/constants';
 import { UndoOutlined, ZoomInOutlined, ZoomOutOutlined } from '@vben/icons';
 import { formatDate, formatPast2 } from '@vben/utils';
 
-import { Button, ButtonGroup, Modal, Row, Table } from 'ant-design-vue';
+import { Button, Modal, Row, Space, Table } from 'antdv-next';
 import BpmnViewer from 'bpmn-js/lib/Viewer';
 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas';
 
@@ -395,7 +395,7 @@ onBeforeUnmount(() => {
     <!-- Zoom：放大、缩小 -->
     <div style="position: absolute; top: 0; left: 0; width: 100%">
       <Row justify="end">
-        <ButtonGroup key="scale-control">
+        <Space key="scale-control">
           <Button
             :disabled="defaultZoom <= 0.3"
             :icon="h(ZoomOutOutlined)"
@@ -410,7 +410,7 @@ onBeforeUnmount(() => {
             @click="processZoomIn()"
           />
           <Button :icon="h(UndoOutlined)" @click="processReZoom()" />
-        </ButtonGroup>
+        </Space>
       </Row>
     </div>
   </div>
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/palette/ProcessPalette.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/palette/ProcessPalette.vue
index 1bb79de35..a9fd94e77 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/palette/ProcessPalette.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/palette/ProcessPalette.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 defineOptions({ name: 'MyProcessPalette' });
 
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/PropertiesPanel.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/PropertiesPanel.vue
index 97ad28d99..a5c122d6e 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/PropertiesPanel.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/PropertiesPanel.vue
@@ -4,7 +4,7 @@ import { nextTick, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep } from '@vben/utils';
 
-import { Collapse } from 'ant-design-vue';
+import { Collapse } from 'antdv-next';
 
 import ElementCustomConfig from '#/views/bpm/components/bpmn-process-designer/package/penal/custom-config/ElementCustomConfig.vue';
 import ElementForm from '#/views/bpm/components/bpmn-process-designer/package/penal/form/ElementForm.vue';
@@ -57,7 +57,7 @@ const props = defineProps({
   }, // 流程模型的数据
 });
 
-const CollapsePanel = Collapse.Panel;
+const CollapsePanel = CollapsePanel;
 
 const activeTab = ref('base');
 const elementId = ref('');
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/base/ElementBaseInfo.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/base/ElementBaseInfo.vue
index 9b16a5245..8b619eaf7 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/base/ElementBaseInfo.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/base/ElementBaseInfo.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { onBeforeUnmount, reactive, ref, toRaw, watch } from 'vue';
 
-import { Form, FormItem, Input } from 'ant-design-vue';
+import { Form, FormItem, Input } from 'antdv-next';
 
 defineOptions({ name: 'ElementBaseInfo' });
 
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/BoundaryEventTimer.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/BoundaryEventTimer.vue
index 25a6ebd38..026a71d40 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/BoundaryEventTimer.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/BoundaryEventTimer.vue
@@ -13,7 +13,7 @@ import {
   SelectOption,
   Switch,
   TypographyText,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { convertTimeUnit } from '#/views/bpm/components/simple-process-design/components/nodes-config/utils';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/UserTaskCustomConfig.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/UserTaskCustomConfig.vue
index 93d04013b..517059880 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/UserTaskCustomConfig.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/custom-config/components/UserTaskCustomConfig.vue
@@ -20,14 +20,13 @@ import { IconifyIcon } from '@vben/icons';
 import {
   Button,
   Divider,
-  Form,
   Input,
   Radio,
   RadioGroup,
   Select,
   SelectOption,
   Switch,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getSimpleUserList } from '#/api/system/user';
 import {
@@ -449,7 +448,7 @@ onMounted(async () => {
 <template>
   <div>
     <Divider orientation="left">审批类型</Divider>
-    <Form.Item name="approveType" label="审批类型">
+    <FormItem name="approveType" label="审批类型">
       <RadioGroup v-model:value="approveType.value">
         <Radio
           v-for="(item, index) in APPROVE_TYPE"
@@ -459,10 +458,10 @@ onMounted(async () => {
           {{ item.label }}
         </Radio>
       </RadioGroup>
-    </Form.Item>
+    </FormItem>
 
     <Divider orientation="left">审批人拒绝时</Divider>
-    <Form.Item name="rejectHandlerType" label="处理方式">
+    <FormItem name="rejectHandlerType" label="处理方式">
       <RadioGroup
         v-model:value="rejectHandlerType"
         :disabled="returnTaskList.length === 0"
@@ -476,8 +475,8 @@ onMounted(async () => {
           {{ item.label }}
         </Radio>
       </RadioGroup>
-    </Form.Item>
-    <Form.Item
+    </FormItem>
+    <FormItem
       v-if="rejectHandlerType === RejectHandlerType.RETURN_USER_TASK"
       name="returnNodeId"
       label="驳回节点"
@@ -497,10 +496,10 @@ onMounted(async () => {
           {{ item.name }}
         </SelectOption>
       </Select>
-    </Form.Item>
+    </FormItem>
 
     <Divider orientation="left">审批人为空时</Divider>
-    <Form.Item name="assignEmptyHandlerType">
+    <FormItem name="assignEmptyHandlerType">
       <RadioGroup
         v-model:value="assignEmptyHandlerType"
         @change="updateAssignEmptyHandlerType"
@@ -513,8 +512,8 @@ onMounted(async () => {
           </div>
         </div>
       </RadioGroup>
-    </Form.Item>
-    <Form.Item
+    </FormItem>
+    <FormItem
       v-if="assignEmptyHandlerType === AssignEmptyHandlerType.ASSIGN_USER"
       label="指定用户"
       name="assignEmptyHandlerUserIds"
@@ -534,7 +533,7 @@ onMounted(async () => {
           {{ item.nickname }}
         </SelectOption>
       </Select>
-    </Form.Item>
+    </FormItem>
 
     <Divider orientation="left">审批人与提交人为同一人时</Divider>
     <RadioGroup
@@ -677,23 +676,23 @@ onMounted(async () => {
     </div>
 
     <Divider orientation="left">是否需要签名</Divider>
-    <Form.Item name="signEnable">
+    <FormItem name="signEnable">
       <Switch
         v-model:checked="signEnable.value"
         checked-children="是"
         un-checked-children="否"
         @change="updateElementExtensions"
       />
-    </Form.Item>
+    </FormItem>
 
     <Divider orientation="left">审批意见</Divider>
-    <Form.Item name="reasonRequire">
+    <FormItem name="reasonRequire">
       <Switch
         v-model:checked="reasonRequire.value"
         checked-children="必填"
         un-checked-children="非必填"
         @change="updateElementExtensions"
       />
-    </Form.Item>
+    </FormItem>
   </div>
 </template>
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/flow-condition/FlowCondition.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/flow-condition/FlowCondition.vue
index e135c428f..a04dd8a68 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/flow-condition/FlowCondition.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/flow-condition/FlowCondition.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { nextTick, onBeforeUnmount, ref, toRaw, watch } from 'vue';
 
-import { Form, FormItem, Input, Select, Textarea } from 'ant-design-vue';
+import { Form, FormItem, Input, Select, TextArea } from 'antdv-next';
 
 defineOptions({ name: 'FlowCondition' });
 
@@ -158,9 +158,9 @@ watch(
     >
       <FormItem label="流转类型">
         <Select v-model:value="flowConditionForm.type" @change="updateFlowType">
-          <Select.Option value="normal">普通流转路径</Select.Option>
-          <Select.Option value="default">默认流转路径</Select.Option>
-          <Select.Option value="condition">条件流转路径</Select.Option>
+          <SelectOption value="normal">普通流转路径</SelectOption>
+          <SelectOption value="default">默认流转路径</SelectOption>
+          <SelectOption value="condition">条件流转路径</SelectOption>
         </Select>
       </FormItem>
       <FormItem
@@ -169,8 +169,8 @@ watch(
         key="condition"
       >
         <Select v-model:value="flowConditionForm.conditionType">
-          <Select.Option value="expression">表达式</Select.Option>
-          <Select.Option value="script">脚本</Select.Option>
+          <SelectOption value="expression">表达式</SelectOption>
+          <SelectOption value="script">脚本</SelectOption>
         </Select>
       </FormItem>
       <FormItem
@@ -181,7 +181,7 @@ watch(
         "
         key="express"
       >
-        <Textarea
+        <TextArea
           v-model:value="flowConditionForm.body"
           :auto-size="{ minRows: 2, maxRows: 6 }"
           allow-clear
@@ -203,8 +203,8 @@ watch(
         </FormItem>
         <FormItem label="脚本类型" key="scriptType">
           <Select v-model:value="flowConditionForm.scriptType">
-            <Select.Option value="inlineScript">内联脚本</Select.Option>
-            <Select.Option value="externalScript">外部脚本</Select.Option>
+            <SelectOption value="inlineScript">内联脚本</SelectOption>
+            <SelectOption value="externalScript">外部脚本</SelectOption>
           </Select>
         </FormItem>
         <FormItem
@@ -212,7 +212,7 @@ watch(
           v-if="flowConditionForm.scriptType === 'inlineScript'"
           key="body"
         >
-          <Textarea
+          <TextArea
             v-model:value="flowConditionForm.body"
             :auto-size="{ minRows: 2, maxRows: 6 }"
             allow-clear
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/form/ElementForm.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/form/ElementForm.vue
index dce969d76..6c983449a 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/form/ElementForm.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/form/ElementForm.vue
@@ -4,7 +4,7 @@ import { computed, inject, nextTick, onMounted, ref, toRaw, watch } from 'vue';
 
 import { cloneDeep } from '@vben/utils';
 
-import { Form, FormItem, Select } from 'ant-design-vue';
+import { Form, FormItem, Select } from 'antdv-next';
 
 import { getFormSimpleList } from '#/api/bpm/form';
 
@@ -322,10 +322,10 @@ watch(
           @change="_updateElementBusinessKey"
           allow-clear
         >
-          <Select.Option v-for="i in fieldList" :key="i.id" :value="i.id">
+          <SelectOption v-for="i in fieldList" :key="i.id" :value="i.id">
             {{ i.label }}
-          </Select.Option>
-          <Select.Option value="">无</Select.Option>
+          </SelectOption>
+          <SelectOption value="">无</SelectOption>
         </Select>
       </FormItem>
     </Form>
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 94cf1c8eb..e9251237c 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
@@ -13,7 +13,7 @@ import {
   Input,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { ProcessListenerSelectModal } from '#/views/bpm/processListener/components';
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/ListenerFieldModal.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/ListenerFieldModal.vue
index 4ce87247b..cdf5e62fe 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/ListenerFieldModal.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/listeners/ListenerFieldModal.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Form, FormItem, Input, Select, SelectOption } from 'ant-design-vue';
+import { Form, FormItem, Input, Select, SelectOption } from 'antdv-next';
 
 import { fieldType } from './utilSelf';
 
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 709bd2884..df997a1a0 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
@@ -13,7 +13,7 @@ import {
   Input,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { ProcessListenerSelectModal } from '#/views/bpm/processListener/components';
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/multi-instance/ElementMultiInstance.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/multi-instance/ElementMultiInstance.vue
index 2883834d3..96e4e145d 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/multi-instance/ElementMultiInstance.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/multi-instance/ElementMultiInstance.vue
@@ -11,7 +11,7 @@ import {
   Radio,
   RadioGroup,
   Select,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   APPROVE_METHODS,
@@ -448,13 +448,13 @@ watch(
           v-model:value="loopCharacteristics"
           @change="changeLoopCharacteristicsType"
         >
-          <Select.Option value="ParallelMultiInstance">
+          <SelectOption value="ParallelMultiInstance">
             并行多重事件
-          </Select.Option>
-          <Select.Option value="SequentialMultiInstance">
+          </SelectOption>
+          <SelectOption value="SequentialMultiInstance">
             时序多重事件
-          </Select.Option>
-          <Select.Option value="Null">无</Select.Option>
+          </SelectOption>
+          <SelectOption value="Null">无</SelectOption>
         </Select>
       </FormItem>
       <template
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/other/ElementOtherConfig.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/other/ElementOtherConfig.vue
index 019d3829e..3a9f6ef80 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/other/ElementOtherConfig.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/other/ElementOtherConfig.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { nextTick, onBeforeUnmount, ref, toRaw, watch } from 'vue';
 
-import { Textarea } from 'ant-design-vue';
+import { TextArea } from 'antdv-next';
 
 defineOptions({ name: 'ElementOtherConfig' });
 
@@ -60,7 +60,7 @@ watch(
     <div class="flex items-start gap-2">
       <div class="w-20 pt-1 text-sm text-gray-700">元素文档：</div>
       <div class="flex-1">
-        <Textarea
+        <TextArea
           v-model:value="documentation"
           :auto-size="{ minRows: 2, maxRows: 4 }"
           @change="updateDocumentation"
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 beae93e1b..26cec74b4 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
@@ -5,7 +5,7 @@ import { confirm, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep } from '@vben/utils';
 
-import { Button, Divider, Form, FormItem, Input } from 'ant-design-vue';
+import { Button, Divider, Form, FormItem, Input } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 
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 57414380d..16f571c5a 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
@@ -4,7 +4,7 @@ import { onMounted, ref, watch } from 'vue';
 import { confirm, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Divider, message } from 'ant-design-vue';
+import { Button, Divider, message } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalMessageModal.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalMessageModal.vue
index ee6f72280..c37a6772e 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalMessageModal.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/signal-message/SignalMessageModal.vue
@@ -3,7 +3,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Form, FormItem, Input } from 'ant-design-vue';
+import { Form, FormItem, Input } from 'antdv-next';
 
 defineOptions({ name: 'SignalMessageModal' });
 
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/ElementTask.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/ElementTask.vue
index 2967742e4..8f263004d 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/ElementTask.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/ElementTask.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref, watch } from 'vue';
 
-import { Checkbox, Form, FormItem } from 'ant-design-vue';
+import { Checkbox, Form, FormItem } from 'antdv-next';
 
 import { installedComponent } from './data';
 
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 778268f6d..9799dcfd2 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
@@ -13,7 +13,7 @@ import {
   Select,
   SelectOption,
   Switch,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getModelList } from '#/api/bpm/model';
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/HttpHeaderEditor.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/HttpHeaderEditor.vue
index 4ee5d2707..07556a1d2 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/HttpHeaderEditor.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/HttpHeaderEditor.vue
@@ -4,7 +4,7 @@ import { ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 defineOptions({ name: 'HttpHeaderEditor' });
 
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ReceiveTask.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ReceiveTask.vue
index a4d53b718..11b50d8fc 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ReceiveTask.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ReceiveTask.vue
@@ -4,7 +4,7 @@ import { nextTick, onBeforeUnmount, onMounted, ref, toRaw, watch } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, message, Select, SelectOption } from 'ant-design-vue';
+import { Button, message, Select, SelectOption } from 'antdv-next';
 
 import SignalMessageModal from '../../signal-message/SignalMessageModal.vue';
 
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ScriptTask.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ScriptTask.vue
index 5dcf6041a..7b80de1cd 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ScriptTask.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ScriptTask.vue
@@ -7,8 +7,8 @@ import {
   Input,
   Select,
   SelectOption,
-  Textarea,
-} from 'ant-design-vue';
+  TextArea,
+} from 'antdv-next';
 
 defineOptions({ name: 'ScriptTask' });
 const props = defineProps({
@@ -92,7 +92,7 @@ watch(
         </Select>
       </FormItem>
       <FormItem label="脚本" v-show="scriptTaskForm.scriptType === 'inline'">
-        <Textarea
+        <TextArea
           v-model:value="scriptTaskForm.script"
           :auto-size="{ minRows: 2, maxRows: 4 }"
           allow-clear
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ServiceTask.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ServiceTask.vue
index d15451301..d6c26053e 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ServiceTask.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/ServiceTask.vue
@@ -15,8 +15,8 @@ import {
   RadioGroup,
   Select,
   Switch,
-  Textarea,
-} from 'ant-design-vue';
+  TextArea,
+} from 'antdv-next';
 
 import { updateElementExtensions } from '../../../utils';
 import HttpHeaderEditor from './HttpHeaderEditor.vue';
@@ -415,7 +415,7 @@ watch(
         </FormItem>
         <FormItem label="请求头" key="http-headers" name="requestHeaders">
           <div class="flex w-full flex-col gap-2">
-            <Textarea
+            <TextArea
               v-model:value="httpTaskForm.requestHeaders"
               :auto-size="{ minRows: 4, maxRows: 8 }"
               readonly
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue
index 24997687d..45bfb8370 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue
@@ -27,9 +27,9 @@ import {
   FormItem,
   Select,
   SelectOption,
-  Textarea,
+  TextArea,
   TreeSelect,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getUserGroupSimpleList } from '#/api/bpm/userGroup';
 import { getSimpleDeptList } from '#/api/system/dept';
@@ -543,7 +543,7 @@ onBeforeUnmount(() => {
       label="流程表达式"
       name="candidateParam"
     >
-      <Textarea
+      <TextArea
         v-model:value="userTaskForm.candidateParam[0]"
         allow-clear
         style="width: 100%"
@@ -565,7 +565,7 @@ onBeforeUnmount(() => {
     </FormItem>
 
     <FormItem label="跳过表达式" name="skipExpression">
-      <Textarea
+      <TextArea
         v-model:value="userTaskForm.skipExpression"
         allow-clear
         style="width: 100%"
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/CycleConfig.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/CycleConfig.vue
index 5d35687d4..71654699f 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/CycleConfig.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/CycleConfig.vue
@@ -10,7 +10,7 @@ import {
   Radio,
   TabPane,
   Tabs,
-} from 'ant-design-vue';
+} from 'antdv-next';
 import dayjs from 'dayjs';
 
 const props = defineProps({
@@ -257,12 +257,9 @@ watch(
         />
       </div>
       <Tabs v-model:active-key="activeField" type="card" class="mb-2">
-        <Tabs.TabPane v-for="f in cronFieldList" :key="f.key" :tab="f.label">
+        <TabPane v-for="f in cronFieldList" :key="f.key" :tab="f.label">
           <div class="mb-2">
-            <Radio.Group
-              v-model:value="cronMode[f.key]"
-              :key="`radio-${f.key}`"
-            >
+            <RadioGroup v-model:value="cronMode[f.key]" :key="`radio-${f.key}`">
               <Radio value="every" :key="`every-${f.key}`">
                 每{{ f.label }}
               </Radio>
@@ -309,7 +306,7 @@ watch(
                 {{ f.label }}
               </Radio>
               <Radio value="appoint" :key="`appoint-${f.key}`"> 指定 </Radio>
-            </Radio.Group>
+            </RadioGroup>
           </div>
           <div v-if="cronMode[f.key] === 'appoint'">
             <Checkbox.Group
@@ -325,7 +322,7 @@ watch(
               </Checkbox>
             </Checkbox.Group>
           </div>
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </TabPane>
     <TabPane key="iso" tab="标准格式">
@@ -366,7 +363,7 @@ watch(
       <div>
         <div v-for="unit in durationUnits" :key="unit.key" class="mb-2">
           <span>{{ unit.label }}：</span>
-          <Button.Group>
+          <Space>
             <Button
               v-for="val in unit.presets"
               :key="val"
@@ -382,7 +379,7 @@ watch(
               placeholder="自定义"
               @change="setDuration(unit.key, durationCustom[unit.key])"
             />
-          </Button.Group>
+          </Space>
         </div>
       </div>
     </TabPane>
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/DurationConfig.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/DurationConfig.vue
index 61026cb99..633cee30b 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/DurationConfig.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/DurationConfig.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref, watch } from 'vue';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 const props = defineProps({
   value: {
@@ -73,7 +73,7 @@ watch(
     </div>
     <div v-for="unit in units" :key="unit.key" class="mb-2">
       <span>{{ unit.label }}：</span>
-      <Button.Group>
+      <Space>
         <Button
           v-for="val in unit.presets"
           :key="val"
@@ -89,7 +89,7 @@ watch(
           placeholder="自定义"
           @change="setUnit(unit.key, custom[unit.key])"
         />
-      </Button.Group>
+      </Space>
     </div>
   </div>
 </template>
diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/TimeEventConfig.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/TimeEventConfig.vue
index f754f2200..ee20f9ae4 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/TimeEventConfig.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/TimeEventConfig.vue
@@ -8,7 +8,7 @@ import { computed, nextTick, onMounted, ref, toRaw, watch } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, DatePicker, Input, Tooltip } from 'ant-design-vue';
+import { Button, DatePicker, Input, Tooltip } from 'antdv-next';
 
 import CycleConfig from './CycleConfig.vue';
 import DurationConfig from './DurationConfig.vue';
@@ -240,7 +240,7 @@ watch(
   <div class="panel-tab__content">
     <div class="mt-2 flex items-center">
       <span class="w-14">类型：</span>
-      <Button.Group>
+      <Space>
         <Button
           size="small"
           :type="type === 'time' ? 'primary' : 'default'"
@@ -262,7 +262,7 @@ watch(
         >
           循环
         </Button>
-      </Button.Group>
+      </Space>
       <IconifyIcon
         icon="ant-design:check-circle-filled"
         v-if="valid"
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue
index 1ac758a6d..17efe8160 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { IOParameter, SimpleFlowNode } from '../../consts';
 
 import { computed, onMounted, reactive, ref } from 'vue';
@@ -25,7 +23,7 @@ import {
   Select,
   SelectOption,
   Switch,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getForm } from '#/api/bpm/form';
 import { getModelList } from '#/api/bpm/model';
@@ -45,6 +43,7 @@ import {
 } from '../../consts';
 import { useFormFields, useNodeName, useWatchNode } from '../../helpers';
 import { convertTimeUnit } from './utils';
+type Rule = any;
 
 defineOptions({ name: 'ChildProcessNodeConfig' });
 
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/condition-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/condition-node-config.vue
index bd7c9e80b..2fb6f6723 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/condition-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/condition-node-config.vue
@@ -7,7 +7,7 @@ import { useVbenDrawer } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep } from '@vben/utils';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { ConditionType } from '../../consts';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/copy-task-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/copy-task-node-config.vue
index 4a0feab8b..6b52b03d2 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/copy-task-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/copy-task-node-config.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Ref } from 'vue';
 
 import type { SimpleFlowNode } from '../../consts';
@@ -24,9 +22,9 @@ import {
   SelectOption,
   TabPane,
   Tabs,
-  Textarea,
+  TextArea,
   TreeSelect,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   CANDIDATE_STRATEGY,
@@ -40,7 +38,7 @@ import {
   useNodeName,
   useWatchNode,
 } from '../../helpers';
-
+type Rule = any;
 defineOptions({ name: 'CopyTaskNodeConfig' });
 
 const props = defineProps({
@@ -434,7 +432,7 @@ defineExpose({ showCopyTaskNodeConfig }); // 暴露方法给父组件
               label="流程表达式"
               name="expression"
             >
-              <Textarea v-model:value="configForm.expression" clearable />
+              <TextArea v-model:value="configForm.expression" clearable />
             </FormItem>
           </Form>
         </div>
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/delay-timer-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/delay-timer-node-config.vue
index 0e0ac4cc3..5a9604333 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/delay-timer-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/delay-timer-node-config.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { SimpleFlowNode } from '../../consts';
 
 import { reactive, ref } from 'vue';
@@ -21,7 +19,7 @@ import {
   Row,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   DELAY_TYPE,
@@ -32,6 +30,7 @@ import {
 import { useNodeName, useWatchNode } from '../../helpers';
 import { convertTimeUnit } from './utils';
 
+type Rule = any;
 defineOptions({ name: 'DelayTimerNodeConfig' });
 
 const props = defineProps({
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition-dialog.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition-dialog.vue
index 5d8eb78d5..f13d3e194 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition-dialog.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition-dialog.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { cloneDeep } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ConditionType, DEFAULT_CONDITION_GROUP_VALUE } from '../../../consts';
 import Condition from './condition.vue';
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 37df5a8ce..73b085e38 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
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Ref } from 'vue';
 
 import { computed, inject, reactive, ref } from 'vue';
@@ -22,9 +20,9 @@ import {
   SelectOption,
   Space,
   Switch,
-  Textarea,
+  TextArea,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   COMPARISON_OPERATORS,
@@ -34,6 +32,7 @@ import {
 } from '../../../consts';
 import { useFormFieldsAndStartUser } from '../../../helpers';
 
+type Rule = any;
 defineOptions({
   name: 'Condition',
 });
@@ -317,7 +316,7 @@ defineExpose({ validate });
       label="条件表达式"
       name="conditionExpression"
     >
-      <Textarea
+      <TextArea
         v-model:value="condition.conditionExpression"
         placeholder="请输入条件表达式"
         allow-clear
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue
index 4799dea6b..287a499ce 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue
@@ -11,7 +11,7 @@ import {
   Row,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   BPM_HTTP_REQUEST_PARAM_TYPES,
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue
index 0ebc1a9c3..2d336b865 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue
@@ -12,7 +12,7 @@ import {
   Row,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useFormFields } from '../../../helpers';
 import HttpRequestParamSetting from './http-request-param-setting.vue';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue
index 328d1662b..cefae4042 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue
@@ -9,7 +9,7 @@ import {
   Input,
   Switch,
   TypographyText,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import HttpRequestParamSetting from './http-request-param-setting.vue';
 
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 a5a3c02a4..f39fe8fdf 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
@@ -20,7 +20,7 @@ import {
   Row,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { ConditionType } from '../../consts';
 import { useNodeName, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/start-user-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/start-user-node-config.vue
index acd02d03e..36a5f59f2 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/start-user-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/start-user-node-config.vue
@@ -22,7 +22,7 @@ import {
   Tabs,
   Tooltip,
   TypographyText,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { FieldPermissionType, START_USER_BUTTON_SETTING } from '../../consts';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue
index 403a7932c..52719299d 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import type { Rule } from 'ant-design-vue/es/form';
-import type { SelectValue } from 'ant-design-vue/es/select';
+import type { SelectValue } from 'antdv-next';
 
 import type {
   FormTriggerSetting,
@@ -28,7 +27,7 @@ import {
   Select,
   SelectOption,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   DEFAULT_CONDITION_GROUP_VALUE,
@@ -45,6 +44,7 @@ import {
 import ConditionDialog from './modules/condition-dialog.vue';
 import HttpRequestSetting from './modules/http-request-setting.vue';
 
+type Rule = any;
 defineOptions({
   name: 'TriggerNodeConfig',
 });
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue
index 2afdd6f97..4c5d8dafa 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { ComponentPublicInstance, Ref } from 'vue';
 
 import type { ButtonSetting, SimpleFlowNode } from '../../consts';
@@ -34,10 +32,10 @@ import {
   Switch,
   TabPane,
   Tabs,
-  Textarea,
+  TextArea,
   TreeSelect,
   TypographyText,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { ProcessExpressionSelectModal } from '#/views/bpm/processExpression/components';
 
@@ -72,6 +70,7 @@ import {
 import UserTaskListener from './modules/user-task-listener.vue';
 import { convertTimeUnit, getApproveTypeText } from './utils';
 
+type Rule = any;
 defineOptions({ name: 'UserTaskNodeConfig' });
 
 const props = defineProps({
@@ -872,7 +871,7 @@ onMounted(() => {
               name="expression"
             >
               <div class="flex gap-2">
-                <Textarea v-model:value="configForm.expression" :rows="2" />
+                <TextArea v-model:value="configForm.expression" :rows="2" />
                 <div class="flex flex-col gap-2">
                   <Button type="primary" @click="openExpressionSelect">
                     选择
@@ -1149,7 +1148,7 @@ onMounted(() => {
             <div>
               <Divider content-position="left">跳过表达式</Divider>
               <FormItem prop="skipExpression">
-                <Textarea
+                <TextArea
                   v-model:value="configForm.skipExpression"
                   allow-clear
                   :rows="2"
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/child-process-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/child-process-node.vue
index 584dd6924..8523ca379 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/child-process-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/child-process-node.vue
@@ -6,7 +6,7 @@ import { inject, ref } from 'vue';
 import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useNodeName2, useTaskStatusClass, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/copy-task-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/copy-task-node.vue
index 60a06010b..f62a5ce80 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/copy-task-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/copy-task-node.vue
@@ -6,7 +6,7 @@ import { inject, ref } from 'vue';
 import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useNodeName2, useTaskStatusClass, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/delay-timer-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/delay-timer-node.vue
index 89cecc48e..71efd11b0 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/delay-timer-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/delay-timer-node.vue
@@ -6,7 +6,7 @@ import { inject, ref } from 'vue';
 import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useNodeName2, useTaskStatusClass, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/exclusive-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/exclusive-node.vue
index e4ded6bd6..8d9503836 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/exclusive-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/exclusive-node.vue
@@ -7,7 +7,7 @@ import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep, buildShortUUID as generateUUID } from '@vben/utils';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import {
   ConditionType,
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/inclusive-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/inclusive-node.vue
index aa61be155..e0640116b 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/inclusive-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/inclusive-node.vue
@@ -7,7 +7,7 @@ import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep, buildShortUUID as generateUUID } from '@vben/utils';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import {
   ConditionType,
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/node-handler.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/node-handler.vue
index 00d13f8d8..f0771792c 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/node-handler.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/node-handler.vue
@@ -7,7 +7,7 @@ import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep, buildShortUUID as generateUUID } from '@vben/utils';
 
-import { message, Popover } from 'ant-design-vue';
+import { message, Popover } from 'antdv-next';
 
 import {
   ApproveMethodType,
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/parallel-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/parallel-node.vue
index 82b134024..b08499cbd 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/parallel-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/parallel-node.vue
@@ -7,7 +7,7 @@ import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { buildShortUUID as generateUUID } from '@vben/utils';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useTaskStatusClass } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/router-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/router-node.vue
index fb815cf20..7855f261b 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/router-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/router-node.vue
@@ -6,7 +6,7 @@ import { inject, ref } from 'vue';
 import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useNodeName2, useTaskStatusClass, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/start-user-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/start-user-node.vue
index f79a4a304..aa1d16693 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/start-user-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/start-user-node.vue
@@ -10,7 +10,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useNodeName2, useTaskStatusClass, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/trigger-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/trigger-node.vue
index bd1c2f6ef..bd9c6ee8c 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/trigger-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/trigger-node.vue
@@ -6,7 +6,7 @@ import { inject, ref } from 'vue';
 import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useNodeName2, useTaskStatusClass, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/user-task-node.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/user-task-node.vue
index a0691a0a6..a301a50be 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/user-task-node.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes/user-task-node.vue
@@ -9,7 +9,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../../consts';
 import { useNodeName2, useTaskStatusClass, useWatchNode } from '../../helpers';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-designer.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-designer.vue
index 659f0a332..6301592f7 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-designer.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-designer.vue
@@ -15,7 +15,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { BpmModelFormType, BpmNodeTypeEnum } from '@vben/constants';
 import { handleTree } from '@vben/utils';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { getForm } from '#/api/bpm/form';
 import { getUserGroupSimpleList } from '#/api/bpm/userGroup';
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-model.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-model.vue
index 7679c9316..b5e58f3d6 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-model.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/simple-process-model.vue
@@ -7,7 +7,7 @@ import { BpmNodeTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { downloadFileFromBlob, isString } from '@vben/utils';
 
-import { Button, ButtonGroup, Modal, Row } from 'ant-design-vue';
+import { Button, Modal, Row, Space } from 'antdv-next';
 
 import { NODE_DEFAULT_TEXT } from '../consts';
 import { useWatchNode } from '../helpers';
@@ -202,7 +202,7 @@ onMounted(() => {
   <div class="simple-process-model-container">
     <div class="absolute right-0 top-0 bg-card">
       <Row type="flex" justify="end">
-        <ButtonGroup key="scale-control">
+        <Space key="scale-control">
           <Button v-if="!readonly" @click="exportJson">
             <IconifyIcon icon="lucide:download" /> 导出
           </Button>
@@ -230,7 +230,7 @@ onMounted(() => {
             <IconifyIcon icon="lucide:zoom-in" />
           </Button>
           <Button @click="resetPosition">重置</Button>
-        </ButtonGroup>
+        </Space>
       </Row>
     </div>
     <div
diff --git a/apps/web-antdv-next/src/views/bpm/form/designer/data.ts b/apps/web-antdv-next/src/views/bpm/form/designer/data.ts
index 36a993ca7..f6a751c76 100644
--- a/apps/web-antdv-next/src/views/bpm/form/designer/data.ts
+++ b/apps/web-antdv-next/src/views/bpm/form/designer/data.ts
@@ -39,7 +39,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/bpm/form/designer/index.vue b/apps/web-antdv-next/src/views/bpm/form/designer/index.vue
index 60c3a3bbd..6da041dae 100644
--- a/apps/web-antdv-next/src/views/bpm/form/designer/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/form/designer/index.vue
@@ -6,7 +6,7 @@ import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
 import FcDesigner from '@form-create/antd-designer';
-import { Button, message, Spin } from 'ant-design-vue';
+import { Button, message, Spin } from 'antdv-next';
 
 import { getForm } from '#/api/bpm/form';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/form/designer/modules/form.vue b/apps/web-antdv-next/src/views/bpm/form/designer/modules/form.vue
index 42766c63d..bd2bd36c8 100644
--- a/apps/web-antdv-next/src/views/bpm/form/designer/modules/form.vue
+++ b/apps/web-antdv-next/src/views/bpm/form/designer/modules/form.vue
@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createForm, updateForm } from '#/api/bpm/form';
diff --git a/apps/web-antdv-next/src/views/bpm/form/index.vue b/apps/web-antdv-next/src/views/bpm/form/index.vue
index f3b9d26c8..e66b33db8 100644
--- a/apps/web-antdv-next/src/views/bpm/form/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/form/index.vue
@@ -7,7 +7,7 @@ import { onActivated } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteForm, getFormPage } from '#/api/bpm/form';
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 d0e199ba7..b1ca363cc 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
@@ -18,7 +18,7 @@ import { BpmFieldPermissionType, BpmModelFormType } from '@vben/constants';
 import { updatePreferences } from '@vben/preferences';
 import { useAccessStore } from '@vben/stores';
 
-import { Button, Empty, Spin } from 'ant-design-vue';
+import { Button, Empty, Spin } from 'antdv-next';
 
 import { getApprovalDetail } from '#/api/bpm/processInstance';
 import { setConfAndFields2 } from '#/components/form-create';
diff --git a/apps/web-antdv-next/src/views/bpm/group/data.ts b/apps/web-antdv-next/src/views/bpm/group/data.ts
index 01cc0b23d..cd86c8cbb 100644
--- a/apps/web-antdv-next/src/views/bpm/group/data.ts
+++ b/apps/web-antdv-next/src/views/bpm/group/data.ts
@@ -7,7 +7,7 @@ import { h } from 'vue';
 import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { z } from '#/adapter/form';
 import { getSimpleUserList } from '#/api/system/user';
@@ -40,7 +40,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入描述',
       },
diff --git a/apps/web-antdv-next/src/views/bpm/group/index.vue b/apps/web-antdv-next/src/views/bpm/group/index.vue
index fbe93289e..6e5bffc4b 100644
--- a/apps/web-antdv-next/src/views/bpm/group/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/group/index.vue
@@ -4,7 +4,7 @@ import type { BpmUserGroupApi } from '#/api/bpm/userGroup';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteUserGroup, getUserGroupPage } from '#/api/bpm/userGroup';
diff --git a/apps/web-antdv-next/src/views/bpm/group/modules/form.vue b/apps/web-antdv-next/src/views/bpm/group/modules/form.vue
index 849d0b900..90ef96167 100644
--- a/apps/web-antdv-next/src/views/bpm/group/modules/form.vue
+++ b/apps/web-antdv-next/src/views/bpm/group/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/model/definition/index.vue b/apps/web-antdv-next/src/views/bpm/model/definition/index.vue
index d1c8bb7fb..eb07e178c 100644
--- a/apps/web-antdv-next/src/views/bpm/model/definition/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/definition/index.vue
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { BpmModelFormType } from '@vben/constants';
 
-import { Button, Tooltip } from 'ant-design-vue';
+import { Button, Tooltip } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProcessDefinitionPage } from '#/api/bpm/definition';
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 8ac2c8dd3..31d6fbd0e 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
@@ -18,7 +18,7 @@ import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 import { useUserStore } from '@vben/stores';
 
-import { Button, Card, message } from 'ant-design-vue';
+import { Button, Card, message } from 'antdv-next';
 
 import { getCategorySimpleList } from '#/api/bpm/category';
 import { getProcessDefinition } from '#/api/bpm/definition';
diff --git a/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue b/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue
index a297e253e..9426d89d3 100644
--- a/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-import type { SelectValue } from 'ant-design-vue/es/select';
+import type { SelectValue } from 'antdv-next';
 
 import type { PropType } from 'vue';
 
@@ -23,12 +22,12 @@ import {
   Radio,
   Select,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { ImageUpload } from '#/components/upload';
 import { DeptSelectModal } from '#/views/system/dept/components';
 import { UserSelectModal } from '#/views/system/user/components';
-
+type Rule = any;
 const props = defineProps({
   categoryList: {
     type: Array as PropType<BpmCategoryApi.Category[]>,
@@ -250,7 +249,7 @@ defineExpose({ validate });
       :label-col="{ span: 4 }"
       :wrapper-col="{ span: 20 }"
     >
-      <Form.Item label="流程标识" name="key">
+      <FormItem label="流程标识" name="key">
         <div class="flex items-center">
           <Input
             class="w-full"
@@ -267,39 +266,39 @@ defineExpose({ validate });
             <IconifyIcon icon="lucide:circle-help" class="ml-1 size-5" />
           </Tooltip>
         </div>
-      </Form.Item>
-      <Form.Item label="流程名称" name="name">
+      </FormItem>
+      <FormItem label="流程名称" name="name">
         <Input
           v-model:value="modelData.name"
           :disabled="!!modelData.id"
           allow-clear
           placeholder="请输入流程名称"
         />
-      </Form.Item>
-      <Form.Item label="流程分类" name="category">
+      </FormItem>
+      <FormItem label="流程分类" name="category">
         <Select
           class="w-full"
           v-model:value="modelData.category"
           allow-clear
           placeholder="请选择流程分类"
         >
-          <Select.Option
+          <SelectOption
             v-for="category in categoryList"
             :key="category.code"
             :value="category.code"
           >
             {{ category.name }}
-          </Select.Option>
+          </SelectOption>
         </Select>
-      </Form.Item>
-      <Form.Item label="流程图标">
+      </FormItem>
+      <FormItem label="流程图标">
         <ImageUpload v-model:value="modelData.icon" />
-      </Form.Item>
-      <Form.Item label="流程描述" name="description">
+      </FormItem>
+      <FormItem label="流程描述" name="description">
         <Input.TextArea v-model:value="modelData.description" allow-clear />
-      </Form.Item>
-      <Form.Item label="流程类型" name="type">
-        <Radio.Group v-model:value="modelData.type">
+      </FormItem>
+      <FormItem label="流程类型" name="type">
+        <RadioGroup v-model:value="modelData.type">
           <Radio
             v-for="dict in getDictOptions(DICT_TYPE.BPM_MODEL_TYPE, 'number')"
             :key="dict.value as number"
@@ -307,10 +306,10 @@ defineExpose({ validate });
           >
             {{ dict.label }}
           </Radio>
-        </Radio.Group>
-      </Form.Item>
-      <Form.Item label="是否可见" name="visible">
-        <Radio.Group v-model:value="modelData.visible">
+        </RadioGroup>
+      </FormItem>
+      <FormItem label="是否可见" name="visible">
+        <RadioGroup v-model:value="modelData.visible">
           <Radio
             v-for="dict in getDictOptions(
               DICT_TYPE.INFRA_BOOLEAN_STRING,
@@ -321,17 +320,17 @@ defineExpose({ validate });
           >
             {{ dict.label }}
           </Radio>
-        </Radio.Group>
-      </Form.Item>
-      <Form.Item label="谁可以发起" name="startUserType">
+        </RadioGroup>
+      </FormItem>
+      <FormItem label="谁可以发起" name="startUserType">
         <Select
           v-model:value="modelData.startUserType"
           placeholder="请选择谁可以发起"
           @change="handleStartUserTypeChange"
         >
-          <Select.Option :value="0">全员</Select.Option>
-          <Select.Option :value="1">指定人员</Select.Option>
-          <Select.Option :value="2">指定部门</Select.Option>
+          <SelectOption :value="0">全员</SelectOption>
+          <SelectOption :value="1">指定人员</SelectOption>
+          <SelectOption :value="2">指定部门</SelectOption>
         </Select>
         <div
           v-if="modelData.startUserType === 1"
@@ -396,8 +395,8 @@ defineExpose({ validate });
             选择部门
           </Button>
         </div>
-      </Form.Item>
-      <Form.Item label="流程管理员" name="managerUserIds">
+      </FormItem>
+      <FormItem label="流程管理员" name="managerUserIds">
         <div class="flex flex-wrap gap-1">
           <div
             v-for="user in selectedManagerUsers"
@@ -428,7 +427,7 @@ defineExpose({ validate });
             选择人员
           </Button>
         </div>
-      </Form.Item>
+      </FormItem>
     </Form>
 
     <!-- 用户选择弹窗 -->
diff --git a/apps/web-antdv-next/src/views/bpm/model/form/modules/bpm-model-editor.vue b/apps/web-antdv-next/src/views/bpm/model/form/modules/bpm-model-editor.vue
index de34e0334..151563e8a 100644
--- a/apps/web-antdv-next/src/views/bpm/model/form/modules/bpm-model-editor.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/form/modules/bpm-model-editor.vue
@@ -8,7 +8,7 @@ import { inject, onBeforeUnmount, provide, ref, shallowRef, watch } from 'vue';
 import { ContentWrap } from '@vben/common-ui';
 import { BpmModelFormType } from '@vben/constants';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { getForm } from '#/api/bpm/form';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/model/form/modules/custom-print-template.vue b/apps/web-antdv-next/src/views/bpm/model/form/modules/custom-print-template.vue
index 7133eb252..6cdd42e0c 100644
--- a/apps/web-antdv-next/src/views/bpm/model/form/modules/custom-print-template.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/form/modules/custom-print-template.vue
@@ -6,7 +6,7 @@ import { computed, onBeforeUnmount, ref, shallowRef } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 
 import Editor from '@tinymce/tinymce-vue';
-import { Alert } from 'ant-design-vue';
+import { Alert } from 'antdv-next';
 
 import { setupTinyPlugins } from './tinymce-plugin';
 
diff --git a/apps/web-antdv-next/src/views/bpm/model/form/modules/extra-setting.vue b/apps/web-antdv-next/src/views/bpm/model/form/modules/extra-setting.vue
index 18ae5c1bd..3a159a7a1 100644
--- a/apps/web-antdv-next/src/views/bpm/model/form/modules/extra-setting.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/form/modules/extra-setting.vue
@@ -25,7 +25,7 @@ import {
   Switch,
   Tooltip,
   TypographyText,
-} from 'ant-design-vue';
+} from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { getForm } from '#/api/bpm/form';
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 60e242e29..8a5fe8367 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
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { BpmFormApi } from '#/api/bpm/form';
 
 import { ref, watch } from 'vue';
@@ -19,11 +17,11 @@ import {
   Select,
   SelectOption,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getForm } from '#/api/bpm/form';
 import { setConfAndFields2 } from '#/components/form-create';
-
+type Rule = any;
 const props = defineProps({
   formList: {
     type: Array<BpmFormApi.Form>,
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 91c504f9e..0edd1bfde 100644
--- a/apps/web-antdv-next/src/views/bpm/model/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/index.vue
@@ -8,7 +8,7 @@ import { IconifyIcon } from '@vben/icons';
 import { cloneDeep } from '@vben/utils';
 
 import { useSortable } from '@vueuse/integrations/useSortable';
-import { Button, Card, Dropdown, Input, Menu, message } from 'ant-design-vue';
+import { Button, Card, Dropdown, Input, Menu, message } from 'antdv-next';
 
 import {
   getCategorySimpleList,
@@ -169,7 +169,7 @@ async function handleCategorySortSubmit() {
                 </div>
               </template>
             </Button>
-            <template #overlay>
+            <template #popupRender>
               <Menu @click="(e) => handleCommand(e.key as string)">
                 <Menu.Item key="handleCategoryAdd">
                   <div class="flex items-center gap-1">
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 4071c1e16..11c215b64 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
@@ -23,7 +23,7 @@ import {
   message,
   Tag,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteCategory } from '#/api/bpm/category';
@@ -522,7 +522,7 @@ function handleRenameSuccess() {
                   </template>
                   分类
                 </Button>
-                <template #overlay>
+                <template #popupRender>
                   <Menu @click="(e) => handleCommand(e.key as string)">
                     <Menu.Item key="renameCategory"> 重命名 </Menu.Item>
                     <Menu.Item key="deleteCategory"> 删除分类 </Menu.Item>
@@ -549,7 +549,7 @@ function handleRenameSuccess() {
         :bordered="false"
         class="collapse-no-padding bg-transparent"
       >
-        <Collapse.Panel
+        <CollapsePanel
           key="1"
           :show-arrow="false"
           class="border-0 bg-transparent p-0"
@@ -683,7 +683,7 @@ function handleRenameSuccess() {
                 </Button>
                 <Dropdown placement="bottomRight" arrow>
                   <Button type="link" size="small" class="px-1">更多</Button>
-                  <template #overlay>
+                  <template #popupRender>
                     <Menu
                       @click="(e) => handleModelCommand(e.key as string, row)"
                     >
@@ -727,7 +727,7 @@ function handleRenameSuccess() {
               </div>
             </template>
           </Grid>
-        </Collapse.Panel>
+        </CollapsePanel>
       </Collapse>
     </Card>
 
diff --git a/apps/web-antdv-next/src/views/bpm/oa/leave/create.vue b/apps/web-antdv-next/src/views/bpm/oa/leave/create.vue
index 9363959f3..1f44e6e54 100644
--- a/apps/web-antdv-next/src/views/bpm/oa/leave/create.vue
+++ b/apps/web-antdv-next/src/views/bpm/oa/leave/create.vue
@@ -10,7 +10,7 @@ import { BpmCandidateStrategyEnum, BpmNodeIdEnum } from '@vben/constants';
 import { useTabs } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Card, Col, message, Row, Space } from 'ant-design-vue';
+import { Button, Card, Col, message, Row, Space } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { getProcessDefinition } from '#/api/bpm/definition';
diff --git a/apps/web-antdv-next/src/views/bpm/oa/leave/data.ts b/apps/web-antdv-next/src/views/bpm/oa/leave/data.ts
index 9570f422d..a2fe15129 100644
--- a/apps/web-antdv-next/src/views/bpm/oa/leave/data.ts
+++ b/apps/web-antdv-next/src/views/bpm/oa/leave/data.ts
@@ -61,7 +61,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'reason',
       label: '原因',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入原因',
       },
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 9f2d0aa1a..244148ad5 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
@@ -6,7 +6,7 @@ import { useRoute } from 'vue-router';
 
 import { ContentWrap } from '@vben/common-ui';
 
-import { Spin } from 'ant-design-vue';
+import { Spin } from 'antdv-next';
 
 import { getLeave } from '#/api/bpm/oa/leave';
 import { useDescription } from '#/components/description';
diff --git a/apps/web-antdv-next/src/views/bpm/oa/leave/index.vue b/apps/web-antdv-next/src/views/bpm/oa/leave/index.vue
index 484b21efd..15c0dedc8 100644
--- a/apps/web-antdv-next/src/views/bpm/oa/leave/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/oa/leave/index.vue
@@ -7,7 +7,7 @@ import { h, onActivated } from 'vue';
 import { DocAlert, Page, prompt } from '@vben/common-ui';
 import { BpmProcessInstanceStatus } from '@vben/constants';
 
-import { message, Textarea } from 'ant-design-vue';
+import { message, TextArea } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getLeavePage } from '#/api/bpm/oa/leave';
@@ -49,7 +49,7 @@ function handleCancel(row: BpmOALeaveApi.Leave) {
     content: '请输入取消原因',
     modelPropName: 'value',
     component: () => {
-      return h(Textarea, {
+      return h(TextArea, {
         placeholder: '请输入取消原因',
         allowClear: true,
         rows: 2,
diff --git a/apps/web-antdv-next/src/views/bpm/processExpression/data.ts b/apps/web-antdv-next/src/views/bpm/processExpression/data.ts
index a2679571e..0f82c956e 100644
--- a/apps/web-antdv-next/src/views/bpm/processExpression/data.ts
+++ b/apps/web-antdv-next/src/views/bpm/processExpression/data.ts
@@ -41,7 +41,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'expression',
       label: '表达式',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入表达式',
       },
diff --git a/apps/web-antdv-next/src/views/bpm/processExpression/index.vue b/apps/web-antdv-next/src/views/bpm/processExpression/index.vue
index 6cb421177..fd8e48482 100644
--- a/apps/web-antdv-next/src/views/bpm/processExpression/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/processExpression/index.vue
@@ -4,7 +4,7 @@ import type { BpmProcessExpressionApi } from '#/api/bpm/processExpression';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/processExpression/modules/form.vue b/apps/web-antdv-next/src/views/bpm/processExpression/modules/form.vue
index a621c3cba..b99ea1f6c 100644
--- a/apps/web-antdv-next/src/views/bpm/processExpression/modules/form.vue
+++ b/apps/web-antdv-next/src/views/bpm/processExpression/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
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 638fed593..90ff9da84 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
@@ -17,7 +17,7 @@ import {
   Space,
   Tabs,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getCategorySimpleList } from '#/api/bpm/category';
 import { getProcessDefinitionList } from '#/api/bpm/definition';
@@ -210,7 +210,7 @@ onMounted(() => {
 
         <div v-if="filteredProcessDefinitionList?.length" class="-ml-6">
           <Tabs v-model:active-key="activeCategory" tab-position="left">
-            <Tabs.TabPane
+            <TabPane
               v-for="category in availableCategories"
               :key="category.code"
               :tab="category.name"
@@ -265,7 +265,7 @@ onMounted(() => {
                   </Card>
                 </Col>
               </Row>
-            </Tabs.TabPane>
+            </TabPane>
           </Tabs>
         </div>
         <div v-else class="!py-48 text-center">
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 bd4ff8353..9410e4813 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/create/modules/form.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/create/modules/form.vue
@@ -15,7 +15,7 @@ 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 'ant-design-vue';
+import { Button, Card, Col, message, Row, Space, Tabs } from 'antdv-next';
 
 import { getProcessDefinition } from '#/api/bpm/definition';
 import {
@@ -283,7 +283,7 @@ defineExpose({ initProcessInfo });
       v-model:active-key="activeTab"
       class="flex flex-1 flex-col overflow-hidden"
     >
-      <Tabs.TabPane tab="表单填写" key="form">
+      <TabPane tab="表单填写" key="form">
         <Row :gutter="[48, 16]" class="pt-4">
           <Col
             :xs="24"
@@ -310,8 +310,8 @@ defineExpose({ initProcessInfo });
             />
           </Col>
         </Row>
-      </Tabs.TabPane>
-      <Tabs.TabPane
+      </TabPane>
+      <TabPane
         tab="流程图"
         key="flow"
         class="flex flex-1 overflow-hidden"
@@ -328,7 +328,7 @@ defineExpose({ initProcessInfo });
             v-if="BpmModelType.SIMPLE === selectProcessDefinition.modelType"
           />
         </div>
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
 
     <template #actions>
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 f4d8288a7..003b0bcc3 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
@@ -21,7 +21,7 @@ import {
 } from '@vben/icons';
 import { formatDateTime } from '@vben/utils';
 
-import { Avatar, Card, Col, message, Row, TabPane, Tabs } from 'ant-design-vue';
+import { Avatar, Card, Col, message, Row, TabPane, Tabs } from 'antdv-next';
 
 import {
   getApprovalDetail as getApprovalDetailApi,
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 ed0d81325..bf80960bd 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
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 // TODO @jason：你感觉要拆分下，按照表单么？
-import type { FormInstance } from 'ant-design-vue';
-import type { Rule } from 'ant-design-vue/es/form';
+import type { FormInstance } from 'antdv-next';
 
 import type { BpmProcessInstanceApi } from '#/api/bpm/processInstance';
 import type { SystemUserApi } from '#/api/system/user';
@@ -37,8 +36,8 @@ import {
   Select,
   SelectOption,
   Space,
-  Textarea,
-} from 'ant-design-vue';
+  TextArea,
+} from 'antdv-next';
 
 import {
   cancelProcessInstanceByStartUser,
@@ -61,6 +60,7 @@ import { $t } from '#/locales';
 import Signature from './signature.vue';
 import ProcessInstanceTimeline from './time-line.vue';
 
+type Rule = any;
 defineOptions({ name: 'ProcessInstanceBtnContainer' });
 
 const props = defineProps<{
@@ -837,7 +837,7 @@ defineExpose({ loadTodoTask });
                 </div>
               </FormItem>
               <FormItem :label="`${nodeTypeName}意见`" name="reason">
-                <Textarea
+                <TextArea
                   v-model:value="approveReasonForm.reason"
                   :placeholder="`请输入${nodeTypeName}意见`"
                   :rows="4"
@@ -894,7 +894,7 @@ defineExpose({ loadTodoTask });
               label-width="100px"
             >
               <FormItem label="审批意见" name="reason">
-                <Textarea
+                <TextArea
                   v-model:value="rejectReasonForm.reason"
                   placeholder="请输入审批意见"
                   :rows="4"
@@ -968,7 +968,7 @@ defineExpose({ loadTodoTask });
                 </Select>
               </FormItem>
               <FormItem label="抄送意见" name="copyReason">
-                <Textarea
+                <TextArea
                   v-model:value="copyForm.copyReason"
                   placeholder="请输入抄送意见"
                   :rows="3"
@@ -1038,7 +1038,7 @@ defineExpose({ loadTodoTask });
                 </Select>
               </FormItem>
               <FormItem label="审批意见" name="reason">
-                <Textarea
+                <TextArea
                   v-model:value="transferForm.reason"
                   allow-clear
                   placeholder="请输入审批意见"
@@ -1111,7 +1111,7 @@ defineExpose({ loadTodoTask });
                 </Select>
               </FormItem>
               <FormItem label="审批意见" name="reason">
-                <Textarea
+                <TextArea
                   v-model:value="delegateForm.reason"
                   allow-clear
                   placeholder="请输入审批意见"
@@ -1185,7 +1185,7 @@ defineExpose({ loadTodoTask });
                 </Select>
               </FormItem>
               <FormItem label="审批意见" name="reason">
-                <Textarea
+                <TextArea
                   v-model:value="addSignForm.reason"
                   allow-clear
                   placeholder="请输入审批意见"
@@ -1264,7 +1264,7 @@ defineExpose({ loadTodoTask });
                 </Select>
               </FormItem>
               <FormItem label="审批意见" name="reason">
-                <Textarea
+                <TextArea
                   v-model:value="deleteSignForm.reason"
                   allow-clear
                   placeholder="请输入审批意见"
@@ -1335,7 +1335,7 @@ defineExpose({ loadTodoTask });
                 </Select>
               </FormItem>
               <FormItem label="退回理由" name="returnReason">
-                <Textarea
+                <TextArea
                   v-model:value="returnForm.returnReason"
                   allow-clear
                   placeholder="请输入退回理由"
@@ -1401,7 +1401,7 @@ defineExpose({ loadTodoTask });
                   show-icon
                   message="友情提醒：取消后，该审批流程将自动结束。"
                 />
-                <Textarea
+                <TextArea
                   v-model:value="cancelForm.cancelReason"
                   allow-clear
                   placeholder="请输入取消理由"
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/process-print.vue b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/process-print.vue
index 0680c5a9e..54b82de2e 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/process-print.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/process-print.vue
@@ -9,7 +9,7 @@ import { getDictLabel } from '@vben/hooks';
 import { useUserStore } from '@vben/stores';
 import { formatDate } from '@vben/utils';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 // @ts-expect-error - 安装 vue3-print-nb 局部指令 v-print
 import vPrint from 'vue3-print-nb';
 
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/signature.vue b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/signature.vue
index c3f1a86c9..06158e2ae 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/signature.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/signature.vue
@@ -5,7 +5,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { base64ToFile } from '@vben/utils';
 
-import { Button, Tooltip } from 'ant-design-vue';
+import { Button, Tooltip } from 'antdv-next';
 import Vue3Signature from 'vue3-signature';
 
 import { uploadFile } from '#/api/infra/file';
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/task-list.vue b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/task-list.vue
index 0565fcb9b..feabb5ad6 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/task-list.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/task-list.vue
@@ -10,7 +10,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { DICT_TYPE } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getTaskListByProcessInstanceId } from '#/api/bpm/task';
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 68fde46df..96cc76b91 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,7 @@ import {
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime, isEmpty } from '@vben/utils';
 
-import { Avatar, Button, Image, Timeline, Tooltip } from 'ant-design-vue';
+import { Avatar, Button, Image, Timeline, Tooltip } from 'antdv-next';
 
 import { UserSelectModal } from '#/views/system/user/components';
 
@@ -233,7 +233,7 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
   <div>
     <Timeline class="pt-5">
       <!-- 遍历每个审批节点 -->
-      <Timeline.Item
+      <TimelineItem
         v-for="(activity, index) in activityNodes"
         :key="index"
         :color="getApprovalNodeColor(activity.status)"
@@ -466,7 +466,7 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
             </div>
           </div>
         </div>
-      </Timeline.Item>
+      </TimelineItem>
     </Timeline>
 
     <!-- 用户选择弹窗 -->
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/index.vue b/apps/web-antdv-next/src/views/bpm/processInstance/index.vue
index ddb721467..544802d74 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/index.vue
@@ -11,7 +11,7 @@ import {
   DICT_TYPE,
 } from '@vben/constants';
 
-import { Button, message, Textarea } from 'ant-design-vue';
+import { Button, message, TextArea } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProcessDefinition } from '#/api/bpm/definition';
@@ -76,7 +76,7 @@ async function handleCreate(row?: BpmProcessInstanceApi.ProcessInstance) {
 function handleCancel(row: BpmProcessInstanceApi.ProcessInstance) {
   prompt({
     component: () => {
-      return h(Textarea, {
+      return h(TextArea, {
         placeholder: '请输入取消原因',
         allowClear: true,
         rows: 2,
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/manager/index.vue b/apps/web-antdv-next/src/views/bpm/processInstance/manager/index.vue
index 592b7ee8c..a57741073 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/manager/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/manager/index.vue
@@ -7,7 +7,7 @@ import { h } from 'vue';
 import { DocAlert, Page, prompt } from '@vben/common-ui';
 import { BpmProcessInstanceStatus } from '@vben/constants';
 
-import { Button, message, Textarea } from 'ant-design-vue';
+import { Button, message, TextArea } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -49,7 +49,7 @@ function handleDetail(row: BpmProcessInstanceApi.ProcessInstance) {
 function handleCancel(row: BpmProcessInstanceApi.ProcessInstance) {
   prompt({
     component: () => {
-      return h(Textarea, {
+      return h(TextArea, {
         placeholder: '请输入取消原因',
         allowClear: true,
         rows: 2,
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/report/index.vue b/apps/web-antdv-next/src/views/bpm/processInstance/report/index.vue
index 0792fdf07..7c9e4b6b7 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/report/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/report/index.vue
@@ -7,7 +7,7 @@ import { useRoute, useRouter } from 'vue-router';
 
 import { Page, prompt } from '@vben/common-ui';
 
-import { message, Textarea } from 'ant-design-vue';
+import { message, TextArea } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProcessDefinition } from '#/api/bpm/definition';
@@ -67,7 +67,7 @@ function handleDetail(row: BpmProcessInstanceApi.ProcessInstance) {
 function handleCancel(row: BpmProcessInstanceApi.ProcessInstance) {
   prompt({
     component: () => {
-      return h(Textarea, {
+      return h(TextArea, {
         placeholder: '请输入取消原因',
         allowClear: true,
         rows: 2,
diff --git a/apps/web-antdv-next/src/views/bpm/processListener/index.vue b/apps/web-antdv-next/src/views/bpm/processListener/index.vue
index a624f2948..d78960764 100644
--- a/apps/web-antdv-next/src/views/bpm/processListener/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/processListener/index.vue
@@ -4,7 +4,7 @@ import type { BpmProcessListenerApi } from '#/api/bpm/processListener';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/processListener/modules/form.vue b/apps/web-antdv-next/src/views/bpm/processListener/modules/form.vue
index dc0cee273..acd53fced 100644
--- a/apps/web-antdv-next/src/views/bpm/processListener/modules/form.vue
+++ b/apps/web-antdv-next/src/views/bpm/processListener/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/bpm/task/done/index.vue b/apps/web-antdv-next/src/views/bpm/task/done/index.vue
index 33811a2f2..4c16581b2 100644
--- a/apps/web-antdv-next/src/views/bpm/task/done/index.vue
+++ b/apps/web-antdv-next/src/views/bpm/task/done/index.vue
@@ -4,7 +4,7 @@ import type { BpmTaskApi } from '#/api/bpm/task';
 
 import { DocAlert, Page } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getTaskDonePage, withdrawTask } from '#/api/bpm/task';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/index.vue b/apps/web-antdv-next/src/views/crm/backlog/index.vue
index b461f18a7..bfc3bf81a 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/index.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/index.vue
@@ -3,7 +3,8 @@ import { computed, onActivated, onMounted, ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Badge, Card, List } from 'ant-design-vue';
+import { Badge, Card } from 'antdv-next';
+// TODO: List component not available in antdv-next, needs manual migration
 
 import { getFollowClueCount } from '#/api/crm/clue';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/clue-follow-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/clue-follow-list.vue
index 64776fd3f..709fe04b4 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/clue-follow-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/clue-follow-list.vue
@@ -5,7 +5,7 @@ import type { CrmClueApi } from '#/api/crm/clue';
 
 import { useRouter } from 'vue-router';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getCluePage } from '#/api/crm/clue';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/contract-audit-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/contract-audit-list.vue
index 98f944c66..cf4ce67fc 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/contract-audit-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/contract-audit-list.vue
@@ -5,7 +5,7 @@ import type { CrmContractApi } from '#/api/crm/contract';
 
 import { useRouter } from 'vue-router';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getContractPage } from '#/api/crm/contract';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/contract-remind-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/contract-remind-list.vue
index a394b3b6a..a73cd66b4 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/contract-remind-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/contract-remind-list.vue
@@ -5,7 +5,7 @@ import type { CrmContractApi } from '#/api/crm/contract';
 
 import { useRouter } from 'vue-router';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getContractPage } from '#/api/crm/contract';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/customer-follow-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/customer-follow-list.vue
index 6e344d072..fbe287a1a 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/customer-follow-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/customer-follow-list.vue
@@ -5,7 +5,7 @@ import type { CrmCustomerApi } from '#/api/crm/customer';
 
 import { useRouter } from 'vue-router';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getCustomerPage } from '#/api/crm/customer';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
index fe7824574..bc0c89686 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/customer-put-pool-remind-list.vue
@@ -5,7 +5,7 @@ import type { CrmCustomerApi } from '#/api/crm/customer';
 
 import { useRouter } from 'vue-router';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getCustomerPage } from '#/api/crm/customer';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/customer-today-contact-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/customer-today-contact-list.vue
index 03d0b25c3..04efe2fbf 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/customer-today-contact-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/customer-today-contact-list.vue
@@ -5,7 +5,7 @@ import type { CrmCustomerApi } from '#/api/crm/customer';
 
 import { useRouter } from 'vue-router';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getCustomerPage } from '#/api/crm/customer';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-audit-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-audit-list.vue
index 83aeff594..4f514660a 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-audit-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-audit-list.vue
@@ -5,7 +5,7 @@ import type { CrmReceivableApi } from '#/api/crm/receivable';
 
 import { useRouter } from 'vue-router';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getReceivablePage } from '#/api/crm/receivable';
diff --git a/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-plan-remind-list.vue b/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
index 4bafa4628..3b805812b 100644
--- a/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
+++ b/apps/web-antdv-next/src/views/crm/backlog/modules/receivable-plan-remind-list.vue
@@ -7,7 +7,7 @@ import { useRouter } from 'vue-router';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getReceivablePlanPage } from '#/api/crm/receivable/plan';
diff --git a/apps/web-antdv-next/src/views/crm/business/components/detail-list-modal.vue b/apps/web-antdv-next/src/views/crm/business/components/detail-list-modal.vue
index 5184a938f..9f81a9d18 100644
--- a/apps/web-antdv-next/src/views/crm/business/components/detail-list-modal.vue
+++ b/apps/web-antdv-next/src/views/crm/business/components/detail-list-modal.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getBusinessPageByCustomer } from '#/api/crm/business';
diff --git a/apps/web-antdv-next/src/views/crm/business/components/detail-list.vue b/apps/web-antdv-next/src/views/crm/business/components/detail-list.vue
index 712b55e82..66cefb628 100644
--- a/apps/web-antdv-next/src/views/crm/business/components/detail-list.vue
+++ b/apps/web-antdv-next/src/views/crm/business/components/detail-list.vue
@@ -9,7 +9,7 @@ import { useRouter } from 'vue-router';
 
 import { confirm, useVbenModal } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
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 92e5f44e2..a7ad2043b 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 'ant-design-vue';
+import { Button, Card, Tabs } from 'antdv-next';
 
 import { getBusiness } from '#/api/crm/business';
 import { getOperateLogPage } from '#/api/crm/operateLog';
@@ -135,37 +135,37 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs>
-        <Tabs.TabPane tab="跟进记录" key="1" :force-render="true">
+        <TabPane tab="跟进记录" key="1" :force-render="true">
           <FollowUp :biz-id="businessId" :biz-type="BizTypeEnum.CRM_BUSINESS" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="详细资料" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="详细资料" key="2" :force-render="true">
           <BusinessDetailsInfo :business="business" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="联系人" key="3" :force-render="true">
+        </TabPane>
+        <TabPane tab="联系人" key="3" :force-render="true">
           <ContactDetailsList
             :biz-id="businessId"
             :biz-type="BizTypeEnum.CRM_BUSINESS"
             :business-id="businessId"
             :customer-id="business.customerId"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="产品" key="4" :force-render="true">
+        </TabPane>
+        <TabPane tab="产品" key="4" :force-render="true">
           <ProductDetailsList
             :biz-id="businessId"
             :biz-type="BizTypeEnum.CRM_BUSINESS"
             :business="business"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="合同" key="5" :force-render="true">
+        </TabPane>
+        <TabPane tab="合同" key="5" :force-render="true">
           <ContractDetailsList
             :biz-id="businessId"
             :biz-type="BizTypeEnum.CRM_BUSINESS"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="6" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="6" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="团队成员" key="7" :force-render="true">
+        </TabPane>
+        <TabPane tab="团队成员" key="7" :force-render="true">
           <PermissionList
             ref="permissionListRef"
             :biz-id="businessId"
@@ -173,7 +173,7 @@ onMounted(() => {
             :show-action="true"
             @quit-team="handleBack"
           />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/business/detail/modules/info.vue b/apps/web-antdv-next/src/views/crm/business/detail/modules/info.vue
index b025b0544..7495a924d 100644
--- a/apps/web-antdv-next/src/views/crm/business/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/crm/business/detail/modules/info.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmBusinessApi } from '#/api/crm/business';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
diff --git a/apps/web-antdv-next/src/views/crm/business/detail/modules/status-form.vue b/apps/web-antdv-next/src/views/crm/business/detail/modules/status-form.vue
index fefb07e03..0b1063f23 100644
--- a/apps/web-antdv-next/src/views/crm/business/detail/modules/status-form.vue
+++ b/apps/web-antdv-next/src/views/crm/business/detail/modules/status-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { updateBusinessStatus } from '#/api/crm/business';
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 235e7b41b..6f35b35c1 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -134,9 +134,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
-          <Tabs.TabPane tab="我负责的" key="1" />
-          <Tabs.TabPane tab="我参与的" key="2" />
-          <Tabs.TabPane tab="下属负责的" key="3" />
+          <TabPane tab="我负责的" key="1" />
+          <TabPane tab="我参与的" key="2" />
+          <TabPane tab="下属负责的" key="3" />
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/crm/business/modules/form.vue b/apps/web-antdv-next/src/views/crm/business/modules/form.vue
index 97d7493e0..34047ec25 100644
--- a/apps/web-antdv-next/src/views/crm/business/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/business/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { erpPriceMultiply } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/business/status/index.vue b/apps/web-antdv-next/src/views/crm/business/status/index.vue
index 71dfecea8..97acbacbd 100644
--- a/apps/web-antdv-next/src/views/crm/business/status/index.vue
+++ b/apps/web-antdv-next/src/views/crm/business/status/index.vue
@@ -4,7 +4,7 @@ import type { CrmBusinessStatusApi } from '#/api/crm/business/status';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/business/status/modules/form.vue b/apps/web-antdv-next/src/views/crm/business/status/modules/form.vue
index 54c146eb0..6ee622b06 100644
--- a/apps/web-antdv-next/src/views/crm/business/status/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/business/status/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, nextTick, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Input, InputNumber, message } from 'ant-design-vue';
+import { Input, InputNumber, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/crm/clue/data.ts b/apps/web-antdv-next/src/views/crm/clue/data.ts
index 2cd328dde..0cef1f17a 100644
--- a/apps/web-antdv-next/src/views/crm/clue/data.ts
+++ b/apps/web-antdv-next/src/views/crm/clue/data.ts
@@ -148,7 +148,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
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 02c356400..b1b517d1c 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 'ant-design-vue';
+import { Card, message, Tabs } from 'antdv-next';
 
 import { getClue, transformClue } from '#/api/crm/clue';
 import { getOperateLogPage } from '#/api/crm/operateLog';
@@ -149,13 +149,13 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs :tab-bar-gutter="16">
-        <Tabs.TabPane tab="跟进记录" key="1" :force-render="true">
+        <TabPane tab="跟进记录" key="1" :force-render="true">
           <FollowUp :biz-id="clueId" :biz-type="BizTypeEnum.CRM_CLUE" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="基本信息" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="基本信息" key="2" :force-render="true">
           <Info :clue="clue" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="团队成员" key="3" :force-render="true">
+        </TabPane>
+        <TabPane tab="团队成员" key="3" :force-render="true">
           <PermissionList
             ref="permissionListRef"
             :biz-id="clueId"
@@ -163,10 +163,10 @@ onMounted(() => {
             :show-action="true"
             @quit-team="handleBack"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="4" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="4" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/clue/detail/modules/info.vue b/apps/web-antdv-next/src/views/crm/clue/detail/modules/info.vue
index 08ef91fc8..349bd40d2 100644
--- a/apps/web-antdv-next/src/views/crm/clue/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/crm/clue/detail/modules/info.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmClueApi } from '#/api/crm/clue';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
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 2b96fd237..d6ae4a3a4 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteClue, exportClue, getCluePage } from '#/api/crm/clue';
@@ -124,9 +124,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
-          <Tabs.TabPane tab="我负责的" key="1" />
-          <Tabs.TabPane tab="我参与的" key="2" />
-          <Tabs.TabPane tab="下属负责的" key="3" />
+          <TabPane tab="我负责的" key="1" />
+          <TabPane tab="我参与的" key="2" />
+          <TabPane tab="下属负责的" key="3" />
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/crm/clue/modules/form.vue b/apps/web-antdv-next/src/views/crm/clue/modules/form.vue
index f1a9de6ba..fc3c19c8f 100644
--- a/apps/web-antdv-next/src/views/crm/clue/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/clue/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createClue, getClue, updateClue } from '#/api/crm/clue';
diff --git a/apps/web-antdv-next/src/views/crm/contact/components/detail-list-modal.vue b/apps/web-antdv-next/src/views/crm/contact/components/detail-list-modal.vue
index 4214096a8..b928d78a6 100644
--- a/apps/web-antdv-next/src/views/crm/contact/components/detail-list-modal.vue
+++ b/apps/web-antdv-next/src/views/crm/contact/components/detail-list-modal.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getContactPageByCustomer } from '#/api/crm/contact';
diff --git a/apps/web-antdv-next/src/views/crm/contact/components/detail-list.vue b/apps/web-antdv-next/src/views/crm/contact/components/detail-list.vue
index 832f80473..0b026d358 100644
--- a/apps/web-antdv-next/src/views/crm/contact/components/detail-list.vue
+++ b/apps/web-antdv-next/src/views/crm/contact/components/detail-list.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 
 import { confirm, useVbenModal } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/contact/data.ts b/apps/web-antdv-next/src/views/crm/contact/data.ts
index 61a68c44c..584ad0ead 100644
--- a/apps/web-antdv-next/src/views/crm/contact/data.ts
+++ b/apps/web-antdv-next/src/views/crm/contact/data.ts
@@ -172,7 +172,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
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 1513e6e2c..8e4d1a581 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 'ant-design-vue';
+import { Card, Tabs } from 'antdv-next';
 
 import { getContact } from '#/api/crm/contact';
 import { getOperateLogPage } from '#/api/crm/operateLog';
@@ -125,16 +125,16 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs>
-        <Tabs.TabPane tab="跟进记录" key="1" :force-render="true">
+        <TabPane tab="跟进记录" key="1" :force-render="true">
           <FollowUp :biz-id="contactId" :biz-type="BizTypeEnum.CRM_CONTACT" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="详细资料" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="详细资料" key="2" :force-render="true">
           <Info :contact="contact" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="3" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="3" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="团队成员" key="4" :force-render="true">
+        </TabPane>
+        <TabPane tab="团队成员" key="4" :force-render="true">
           <PermissionList
             ref="permissionListRef"
             :biz-id="contactId"
@@ -142,15 +142,15 @@ onMounted(() => {
             :show-action="true"
             @quit-team="handleBack"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="商机" key="5" :force-render="true">
+        </TabPane>
+        <TabPane tab="商机" key="5" :force-render="true">
           <BusinessDetailsList
             :biz-id="contactId"
             :biz-type="BizTypeEnum.CRM_CONTACT"
             :contact-id="contactId"
             :customer-id="contact.customerId"
           />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/contact/detail/modules/info.vue b/apps/web-antdv-next/src/views/crm/contact/detail/modules/info.vue
index 9050e4cee..89b797359 100644
--- a/apps/web-antdv-next/src/views/crm/contact/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/crm/contact/detail/modules/info.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmContactApi } from '#/api/crm/contact';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
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 1d2e03ad5..51e5a8e71 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -134,9 +134,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
-          <Tabs.TabPane tab="我负责的" key="1" />
-          <Tabs.TabPane tab="我参与的" key="2" />
-          <Tabs.TabPane tab="下属负责的" key="3" />
+          <TabPane tab="我负责的" key="1" />
+          <TabPane tab="我参与的" key="2" />
+          <TabPane tab="下属负责的" key="3" />
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/crm/contact/modules/form.vue b/apps/web-antdv-next/src/views/crm/contact/modules/form.vue
index a70060cf0..376a84093 100644
--- a/apps/web-antdv-next/src/views/crm/contact/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/contact/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenForm, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { createContact, getContact, updateContact } from '#/api/crm/contact';
 import { $t } from '#/locales';
diff --git a/apps/web-antdv-next/src/views/crm/contract/components/detail-list.vue b/apps/web-antdv-next/src/views/crm/contract/components/detail-list.vue
index 69770c802..de2917369 100644
--- a/apps/web-antdv-next/src/views/crm/contract/components/detail-list.vue
+++ b/apps/web-antdv-next/src/views/crm/contract/components/detail-list.vue
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/contract/config/index.vue b/apps/web-antdv-next/src/views/crm/contract/config/index.vue
index e88af4b69..5580274f4 100644
--- a/apps/web-antdv-next/src/views/crm/contract/config/index.vue
+++ b/apps/web-antdv-next/src/views/crm/contract/config/index.vue
@@ -5,7 +5,7 @@ import { onMounted } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Card, message } from 'ant-design-vue';
+import { Card, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/contract/data.ts b/apps/web-antdv-next/src/views/crm/contract/data.ts
index 4289c6d1d..9f47ad0d9 100644
--- a/apps/web-antdv-next/src/views/crm/contract/data.ts
+++ b/apps/web-antdv-next/src/views/crm/contract/data.ts
@@ -181,7 +181,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
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 fca3dd725..529f3efe2 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 'ant-design-vue';
+import { Card, Tabs } from 'antdv-next';
 
 import { getContract } from '#/api/crm/contract';
 import { getOperateLogPage } from '#/api/crm/operateLog';
@@ -129,19 +129,19 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs>
-        <Tabs.TabPane tab="跟进记录" key="1" :force-render="true">
+        <TabPane tab="跟进记录" key="1" :force-render="true">
           <FollowUp :biz-id="contractId" :biz-type="BizTypeEnum.CRM_CONTRACT" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="基本信息" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="基本信息" key="2" :force-render="true">
           <ContractDetailsInfo :contract="contract" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="产品" key="3" :force-render="true">
+        </TabPane>
+        <TabPane tab="产品" key="3" :force-render="true">
           <ProductDetailsList
             :biz-id="contractId"
             :biz-type="BizTypeEnum.CRM_CONTRACT"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane
+        </TabPane>
+        <TabPane
           tab="回款"
           key="4"
           :force-render="true"
@@ -155,8 +155,8 @@ onMounted(() => {
             :contract-id="contractId"
             :customer-id="contract.customerId"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="团队成员" key="5" :force-render="true">
+        </TabPane>
+        <TabPane tab="团队成员" key="5" :force-render="true">
           <PermissionList
             ref="permissionListRef"
             :biz-id="contractId"
@@ -164,10 +164,10 @@ onMounted(() => {
             :show-action="true"
             @quit-team="handleBack"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="6" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="6" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/contract/detail/modules/info.vue b/apps/web-antdv-next/src/views/crm/contract/detail/modules/info.vue
index da23e2323..1055f1c16 100644
--- a/apps/web-antdv-next/src/views/crm/contract/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/crm/contract/detail/modules/info.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmContractApi } from '#/api/crm/contract';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
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 7fecd90b2..431641e96 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -168,9 +168,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
-          <Tabs.TabPane tab="我负责的" key="1" />
-          <Tabs.TabPane tab="我参与的" key="2" />
-          <Tabs.TabPane tab="下属负责的" key="3" />
+          <TabPane tab="我负责的" key="1" />
+          <TabPane tab="我参与的" key="2" />
+          <TabPane tab="下属负责的" key="3" />
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/crm/contract/modules/form.vue b/apps/web-antdv-next/src/views/crm/contract/modules/form.vue
index f244dea23..c4ca3a128 100644
--- a/apps/web-antdv-next/src/views/crm/contract/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/contract/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 import { useVbenForm, useVbenModal } from '@vben/common-ui';
 import { erpPriceMultiply } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   createContract,
diff --git a/apps/web-antdv-next/src/views/crm/customer/data.ts b/apps/web-antdv-next/src/views/crm/customer/data.ts
index baabb5685..3dc41570b 100644
--- a/apps/web-antdv-next/src/views/crm/customer/data.ts
+++ b/apps/web-antdv-next/src/views/crm/customer/data.ts
@@ -160,7 +160,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         allowClear: true,
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 925d1a5ac..b2417c851 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 'ant-design-vue';
+import { Card, message, Tabs } from 'antdv-next';
 
 import {
   getCustomer,
@@ -262,20 +262,20 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs>
-        <Tabs.TabPane tab="跟进记录" key="1" :force-render="true">
+        <TabPane tab="跟进记录" key="1" :force-render="true">
           <FollowUp :biz-id="customerId" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="基本信息" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="基本信息" key="2" :force-render="true">
           <Info :customer="customer" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="联系人" key="3" :force-render="true">
+        </TabPane>
+        <TabPane tab="联系人" key="3" :force-render="true">
           <ContactDetailsList
             :biz-id="customerId"
             :biz-type="BizTypeEnum.CRM_CUSTOMER"
             :customer-id="customerId"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="团队成员" key="4" :force-render="true">
+        </TabPane>
+        <TabPane tab="团队成员" key="4" :force-render="true">
           <PermissionList
             ref="permissionListRef"
             :biz-id="customerId"
@@ -283,27 +283,27 @@ onMounted(() => {
             :show-action="true"
             @quit-team="handleBack"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="商机" key="5" :force-render="true">
+        </TabPane>
+        <TabPane tab="商机" key="5" :force-render="true">
           <BusinessDetailsList
             :biz-id="customerId"
             :biz-type="BizTypeEnum.CRM_CUSTOMER"
             :customer-id="customerId"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="合同" key="6" :force-render="true">
+        </TabPane>
+        <TabPane tab="合同" key="6" :force-render="true">
           <ContractDetailsList
             :biz-id="customerId"
             :biz-type="BizTypeEnum.CRM_CUSTOMER"
           />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="回款" key="7" :force-render="true">
+        </TabPane>
+        <TabPane tab="回款" key="7" :force-render="true">
           <ReceivablePlanDetailsList :customer-id="customerId" />
           <ReceivableDetailsList :customer-id="customerId" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="8" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="8" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/customer/detail/modules/distribute-form.vue b/apps/web-antdv-next/src/views/crm/customer/detail/modules/distribute-form.vue
index 53787ca78..e96a7be2e 100644
--- a/apps/web-antdv-next/src/views/crm/customer/detail/modules/distribute-form.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/detail/modules/distribute-form.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { distributeCustomer } from '#/api/crm/customer';
diff --git a/apps/web-antdv-next/src/views/crm/customer/detail/modules/info.vue b/apps/web-antdv-next/src/views/crm/customer/detail/modules/info.vue
index c98491177..efe4dc227 100644
--- a/apps/web-antdv-next/src/views/crm/customer/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/detail/modules/info.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmCustomerApi } from '#/api/crm/customer';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
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 ece7a224c..158522cc6 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -141,9 +141,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
-          <Tabs.TabPane tab="我负责的" key="1" />
-          <Tabs.TabPane tab="我参与的" key="2" />
-          <Tabs.TabPane tab="下属负责的" key="3" />
+          <TabPane tab="我负责的" key="1" />
+          <TabPane tab="我参与的" key="2" />
+          <TabPane tab="下属负责的" key="3" />
         </Tabs>
       </template>
       <template #toolbar-tools>
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 e2f3ec545..51137a3c1 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -116,11 +116,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeConfigType">
-          <Tabs.TabPane
+          <TabPane
             tab="拥有客户数限制"
             :key="LimitConfType.CUSTOMER_QUANTITY_LIMIT"
           />
-          <Tabs.TabPane
+          <TabPane
             tab="锁定客户数限制"
             :key="LimitConfType.CUSTOMER_LOCK_LIMIT"
           />
diff --git a/apps/web-antdv-next/src/views/crm/customer/limitConfig/modules/form.vue b/apps/web-antdv-next/src/views/crm/customer/limitConfig/modules/form.vue
index 392a85273..7190d0d35 100644
--- a/apps/web-antdv-next/src/views/crm/customer/limitConfig/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/limitConfig/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/customer/modules/form.vue b/apps/web-antdv-next/src/views/crm/customer/modules/form.vue
index fd0799276..723ba241e 100644
--- a/apps/web-antdv-next/src/views/crm/customer/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenForm, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   createCustomer,
diff --git a/apps/web-antdv-next/src/views/crm/customer/modules/import-form.vue b/apps/web-antdv-next/src/views/crm/customer/modules/import-form.vue
index a943b4b51..b05bb8abc 100644
--- a/apps/web-antdv-next/src/views/crm/customer/modules/import-form.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/modules/import-form.vue
@@ -1,17 +1,15 @@
 <script lang="ts" setup>
-import type { FileType } from 'ant-design-vue/es/upload/interface';
-
 import { useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Upload } from 'ant-design-vue';
+import { Button, message, Upload } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { importCustomer, importCustomerTemplate } from '#/api/crm/customer';
 import { $t } from '#/locales';
 
 import { useImportFormSchema } from '../data';
-
+type FileType = any;
 const emit = defineEmits(['success']);
 
 const [Form, formApi] = useVbenForm({
diff --git a/apps/web-antdv-next/src/views/crm/customer/pool/index.vue b/apps/web-antdv-next/src/views/crm/customer/pool/index.vue
index 27ac45840..9b9c8843b 100644
--- a/apps/web-antdv-next/src/views/crm/customer/pool/index.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/pool/index.vue
@@ -7,7 +7,7 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { exportCustomer, getCustomerPage } from '#/api/crm/customer';
diff --git a/apps/web-antdv-next/src/views/crm/customer/poolConfig/index.vue b/apps/web-antdv-next/src/views/crm/customer/poolConfig/index.vue
index 50b33be1a..cf99c7863 100644
--- a/apps/web-antdv-next/src/views/crm/customer/poolConfig/index.vue
+++ b/apps/web-antdv-next/src/views/crm/customer/poolConfig/index.vue
@@ -5,7 +5,7 @@ import { onMounted } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Card, message } from 'ant-design-vue';
+import { Card, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/followup/data.ts b/apps/web-antdv-next/src/views/crm/followup/data.ts
index 1cf26690c..9bd22bbc9 100644
--- a/apps/web-antdv-next/src/views/crm/followup/data.ts
+++ b/apps/web-antdv-next/src/views/crm/followup/data.ts
@@ -57,7 +57,7 @@ export function useFormSchema(
     {
       fieldName: 'content',
       label: '跟进内容',
-      component: 'Textarea',
+      component: 'TextArea',
       rules: 'required',
     },
     {
diff --git a/apps/web-antdv-next/src/views/crm/followup/index.vue b/apps/web-antdv-next/src/views/crm/followup/index.vue
index 1467db44c..b68244dbc 100644
--- a/apps/web-antdv-next/src/views/crm/followup/index.vue
+++ b/apps/web-antdv-next/src/views/crm/followup/index.vue
@@ -7,7 +7,7 @@ import { useRouter } from 'vue-router';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/followup/modules/form.vue b/apps/web-antdv-next/src/views/crm/followup/modules/form.vue
index b373555b6..05580fdfc 100644
--- a/apps/web-antdv-next/src/views/crm/followup/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/followup/modules/form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createFollowUpRecord } from '#/api/crm/followup';
diff --git a/apps/web-antdv-next/src/views/crm/permission/modules/form.vue b/apps/web-antdv-next/src/views/crm/permission/modules/form.vue
index 27f494513..295eadc2c 100644
--- a/apps/web-antdv-next/src/views/crm/permission/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/permission/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createPermission, updatePermission } from '#/api/crm/permission';
diff --git a/apps/web-antdv-next/src/views/crm/permission/modules/list.vue b/apps/web-antdv-next/src/views/crm/permission/modules/list.vue
index 13f0fb723..ddb2674d0 100644
--- a/apps/web-antdv-next/src/views/crm/permission/modules/list.vue
+++ b/apps/web-antdv-next/src/views/crm/permission/modules/list.vue
@@ -7,7 +7,7 @@ import { ref, watch } from 'vue';
 import { confirm, useVbenModal } from '@vben/common-ui';
 import { useUserStore } from '@vben/stores';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/permission/modules/transfer-form.vue b/apps/web-antdv-next/src/views/crm/permission/modules/transfer-form.vue
index 21883543f..16bedd341 100644
--- a/apps/web-antdv-next/src/views/crm/permission/modules/transfer-form.vue
+++ b/apps/web-antdv-next/src/views/crm/permission/modules/transfer-form.vue
@@ -5,7 +5,7 @@ import { computed } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { transferBusiness } from '#/api/crm/business';
diff --git a/apps/web-antdv-next/src/views/crm/product/category/index.vue b/apps/web-antdv-next/src/views/crm/product/category/index.vue
index 1a5c780ea..c90f15018 100644
--- a/apps/web-antdv-next/src/views/crm/product/category/index.vue
+++ b/apps/web-antdv-next/src/views/crm/product/category/index.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/product/category/modules/form.vue b/apps/web-antdv-next/src/views/crm/product/category/modules/form.vue
index af578b51d..f347103a1 100644
--- a/apps/web-antdv-next/src/views/crm/product/category/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/product/category/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/product/components/edit-table.vue b/apps/web-antdv-next/src/views/crm/product/components/edit-table.vue
index 0d15de46a..faf7610e5 100644
--- a/apps/web-antdv-next/src/views/crm/product/components/edit-table.vue
+++ b/apps/web-antdv-next/src/views/crm/product/components/edit-table.vue
@@ -7,7 +7,7 @@ import { nextTick, onMounted, ref, watch } from 'vue';
 
 import { erpPriceMultiply } from '@vben/utils';
 
-import { InputNumber, Select } from 'ant-design-vue';
+import { InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { BizTypeEnum } from '#/api/crm/permission';
diff --git a/apps/web-antdv-next/src/views/crm/product/data.ts b/apps/web-antdv-next/src/views/crm/product/data.ts
index 858b16908..256064032 100644
--- a/apps/web-antdv-next/src/views/crm/product/data.ts
+++ b/apps/web-antdv-next/src/views/crm/product/data.ts
@@ -99,7 +99,7 @@ export function useFormSchema(): VbenFormSchema[] {
       },
     },
     {
-      component: 'Textarea',
+      component: 'TextArea',
       fieldName: 'description',
       label: '产品描述',
       componentProps: {
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 c73f7a7b3..8d3e59a47 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 'ant-design-vue';
+import { Button, Card, Tabs } from 'antdv-next';
 
 import { getOperateLogPage } from '#/api/crm/operateLog';
 import { BizTypeEnum } from '#/api/crm/permission';
@@ -76,12 +76,12 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs>
-        <Tabs.TabPane tab="详细资料" key="1" :force-render="true">
+        <TabPane tab="详细资料" key="1" :force-render="true">
           <Info :product="product" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="2" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/product/index.vue b/apps/web-antdv-next/src/views/crm/product/index.vue
index 41aae7fb7..a804fc9e1 100644
--- a/apps/web-antdv-next/src/views/crm/product/index.vue
+++ b/apps/web-antdv-next/src/views/crm/product/index.vue
@@ -7,7 +7,7 @@ import { useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/product/modules/form.vue b/apps/web-antdv-next/src/views/crm/product/modules/form.vue
index 7887d9e8a..6a83bfc09 100644
--- a/apps/web-antdv-next/src/views/crm/product/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/product/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createProduct, getProduct, updateProduct } from '#/api/crm/product';
diff --git a/apps/web-antdv-next/src/views/crm/receivable/components/detail-list.vue b/apps/web-antdv-next/src/views/crm/receivable/components/detail-list.vue
index 979f5521d..f655adee3 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/components/detail-list.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/components/detail-list.vue
@@ -5,7 +5,7 @@ import type { CrmReceivableApi } from '#/api/crm/receivable';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/crm/receivable/data.ts b/apps/web-antdv-next/src/views/crm/receivable/data.ts
index f7f9c95d2..8efece8db 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/data.ts
+++ b/apps/web-antdv-next/src/views/crm/receivable/data.ts
@@ -161,7 +161,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
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 39c84b9a0..3e1e3fe19 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 'ant-design-vue';
+import { Card, Tabs } from 'antdv-next';
 
 import { getOperateLogPage } from '#/api/crm/operateLog';
 import { BizTypeEnum } from '#/api/crm/permission';
@@ -110,13 +110,13 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs>
-        <Tabs.TabPane tab="详细资料" key="1" :force-render="true">
+        <TabPane tab="详细资料" key="1" :force-render="true">
           <Info :receivable="receivable" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="2" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="团队成员" key="3" :force-render="true">
+        </TabPane>
+        <TabPane tab="团队成员" key="3" :force-render="true">
           <PermissionList
             ref="permissionListRef"
             :biz-id="receivableId"
@@ -124,7 +124,7 @@ onMounted(() => {
             :show-action="true"
             @quit-team="handleBack"
           />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/receivable/detail/modules/info.vue b/apps/web-antdv-next/src/views/crm/receivable/detail/modules/info.vue
index 524b5f141..975f56273 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/detail/modules/info.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmReceivableApi } from '#/api/crm/receivable';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 
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 97392936c..7f67db3a6 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -163,9 +163,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
-          <Tabs.TabPane tab="我负责的" key="1" />
-          <Tabs.TabPane tab="我参与的" key="2" />
-          <Tabs.TabPane tab="下属负责的" key="3" />
+          <TabPane tab="我负责的" key="1" />
+          <TabPane tab="我参与的" key="2" />
+          <TabPane tab="下属负责的" key="3" />
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/crm/receivable/modules/form.vue b/apps/web-antdv-next/src/views/crm/receivable/modules/form.vue
index 07f240dd7..17e32a27d 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenForm, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   createReceivable,
diff --git a/apps/web-antdv-next/src/views/crm/receivable/plan/components/detail-list.vue b/apps/web-antdv-next/src/views/crm/receivable/plan/components/detail-list.vue
index 1faa4f201..776226c6c 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/plan/components/detail-list.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/plan/components/detail-list.vue
@@ -5,7 +5,7 @@ import type { CrmReceivablePlanApi } from '#/api/crm/receivable/plan';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } 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/data.ts b/apps/web-antdv-next/src/views/crm/receivable/plan/data.ts
index b8e848493..ff39d0a8d 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/plan/data.ts
+++ b/apps/web-antdv-next/src/views/crm/receivable/plan/data.ts
@@ -135,7 +135,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
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 1e2e559bf..b273d1f3e 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 'ant-design-vue';
+import { Card, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction } from '#/adapter/vxe-table';
 import { getOperateLogPage } from '#/api/crm/operateLog';
@@ -113,13 +113,13 @@ onMounted(() => {
     </Card>
     <Card class="mt-4 min-h-[60%]">
       <Tabs>
-        <Tabs.TabPane tab="详细资料" key="1" :force-render="true">
+        <TabPane tab="详细资料" key="1" :force-render="true">
           <ReceivablePlanDetailsInfo :receivable-plan="receivablePlan" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="操作日志" key="2" :force-render="true">
+        </TabPane>
+        <TabPane tab="操作日志" key="2" :force-render="true">
           <OperateLog :log-list="logList" />
-        </Tabs.TabPane>
-        <Tabs.TabPane tab="团队成员" key="3" :force-render="true">
+        </TabPane>
+        <TabPane tab="团队成员" key="3" :force-render="true">
           <PermissionList
             ref="permissionListRef"
             :biz-id="receivablePlanId"
@@ -127,7 +127,7 @@ onMounted(() => {
             :show-action="true"
             @quit-team="handleBack"
           />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </Card>
   </Page>
diff --git a/apps/web-antdv-next/src/views/crm/receivable/plan/detail/modules/info.vue b/apps/web-antdv-next/src/views/crm/receivable/plan/detail/modules/info.vue
index 2a77aa2a3..49a33b289 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/plan/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/plan/detail/modules/info.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmReceivablePlanApi } from '#/api/crm/receivable/plan';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 
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 93edff787..e47980d19 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -146,8 +146,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <Grid>
       <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
-          <Tabs.TabPane tab="我负责的" key="1" />
-          <Tabs.TabPane tab="下属负责的" key="3" />
+          <TabPane tab="我负责的" key="1" />
+          <TabPane tab="下属负责的" key="3" />
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/crm/receivable/plan/modules/form.vue b/apps/web-antdv-next/src/views/crm/receivable/plan/modules/form.vue
index 69e420b94..6b2721751 100644
--- a/apps/web-antdv-next/src/views/crm/receivable/plan/modules/form.vue
+++ b/apps/web-antdv-next/src/views/crm/receivable/plan/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenForm, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   createReceivablePlan,
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 a0c39c4d3..d444a2e80 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 'ant-design-vue';
+import { Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -84,7 +84,7 @@ onMounted(() => {
         class="w-full"
         @change="handleTabChange"
       >
-        <Tabs.TabPane
+        <TabPane
           v-for="item in customerSummaryTabs"
           :key="item.key"
           :tab="item.tab"
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 72035f28f..eec64f593 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, ButtonGroup, Tabs } from 'ant-design-vue';
+import { Button, Space, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -114,14 +114,14 @@ async function handleActive(value: boolean) {
         class="w-full"
         @change="handleTabChange"
       >
-        <Tabs.TabPane
+        <TabPane
           v-for="item in customerSummaryTabs"
           :key="item.key"
           :tab="item.tab"
           :force-render="true"
         />
       </Tabs>
-      <ButtonGroup>
+      <Space>
         <Button
           :type="active ? 'primary' : 'default'"
           v-if="activeTabName === 'funnel'"
@@ -136,7 +136,7 @@ async function handleActive(value: boolean) {
         >
           动态视角
         </Button>
-      </ButtonGroup>
+      </Space>
       <EchartsUI class="mb-20 h-2/5 w-full" ref="chartRef" />
       <Grid v-on="gridEvents" />
     </ContentWrap>
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 0e029aec1..692ae4e34 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 'ant-design-vue';
+import { Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -166,7 +166,7 @@ onMounted(() => {
         class="w-full"
         @change="handleTabChange"
       >
-        <Tabs.TabPane
+        <TabPane
           v-for="item in customerSummaryTabs"
           :key="item.key"
           :tab="item.tab"
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 b75518b6b..f8cc023f4 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 'ant-design-vue';
+import { Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -86,7 +86,7 @@ onMounted(() => {
         class="w-full"
         @change="handleTabChange"
       >
-        <Tabs.TabPane
+        <TabPane
           v-for="item in customerSummaryTabs"
           :key="item.key"
           :tab="item.tab"
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 9c4bec2a6..dda62a39b 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 'ant-design-vue';
+import { Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -93,7 +93,7 @@ onMounted(() => {
         class="w-full"
         @change="handleTabChange"
       >
-        <Tabs.TabPane
+        <TabPane
           v-for="item in customerSummaryTabs"
           :key="item.key"
           :tab="item.tab"
diff --git a/apps/web-antdv-next/src/views/erp/finance/account/data.ts b/apps/web-antdv-next/src/views/erp/finance/account/data.ts
index 0b4495b1a..62d009774 100644
--- a/apps/web-antdv-next/src/views/erp/finance/account/data.ts
+++ b/apps/web-antdv-next/src/views/erp/finance/account/data.ts
@@ -81,7 +81,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/erp/finance/account/index.vue b/apps/web-antdv-next/src/views/erp/finance/account/index.vue
index 4ceb7abba..77784b167 100644
--- a/apps/web-antdv-next/src/views/erp/finance/account/index.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/account/index.vue
@@ -5,7 +5,7 @@ import type { ErpAccountApi } from '#/api/erp/finance/account';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/finance/account/modules/form.vue b/apps/web-antdv-next/src/views/erp/finance/account/modules/form.vue
index ef413e9ce..4d90e50fb 100644
--- a/apps/web-antdv-next/src/views/erp/finance/account/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/account/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/finance/payment/data.ts b/apps/web-antdv-next/src/views/erp/finance/payment/data.ts
index f4a9a61a9..9f021945e 100644
--- a/apps/web-antdv-next/src/views/erp/finance/payment/data.ts
+++ b/apps/web-antdv-next/src/views/erp/finance/payment/data.ts
@@ -74,7 +74,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/finance/payment/index.vue b/apps/web-antdv-next/src/views/erp/finance/payment/index.vue
index 03c88b777..57e7c9079 100644
--- a/apps/web-antdv-next/src/views/erp/finance/payment/index.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/payment/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/finance/payment/modules/form.vue b/apps/web-antdv-next/src/views/erp/finance/payment/modules/form.vue
index 767bd13b2..5e01f7492 100644
--- a/apps/web-antdv-next/src/views/erp/finance/payment/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/payment/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/finance/payment/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/finance/payment/modules/item-form.vue
index 3b2289bb7..61cab62a3 100644
--- a/apps/web-antdv-next/src/views/erp/finance/payment/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/payment/modules/item-form.vue
@@ -8,7 +8,7 @@ import { computed, nextTick, ref, watch } from 'vue';
 import { ErpBizType } from '@vben/constants';
 import { erpPriceInputFormatter } from '@vben/utils';
 
-import { Input, InputNumber, message } from 'ant-design-vue';
+import { Input, InputNumber, message } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 
diff --git a/apps/web-antdv-next/src/views/erp/finance/payment/modules/purchase-in-select.vue b/apps/web-antdv-next/src/views/erp/finance/payment/modules/purchase-in-select.vue
index ea4e118e8..df0c8a677 100644
--- a/apps/web-antdv-next/src/views/erp/finance/payment/modules/purchase-in-select.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/payment/modules/purchase-in-select.vue
@@ -4,7 +4,7 @@ import type { ErpPurchaseInApi } from '#/api/erp/purchase/in';
 
 import { ref } from 'vue';
 
-import { message, Modal } from 'ant-design-vue';
+import { message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getPurchaseInPage } from '#/api/erp/purchase/in';
diff --git a/apps/web-antdv-next/src/views/erp/finance/payment/modules/sale-return-select.vue b/apps/web-antdv-next/src/views/erp/finance/payment/modules/sale-return-select.vue
index a68cb945c..7c533292e 100644
--- a/apps/web-antdv-next/src/views/erp/finance/payment/modules/sale-return-select.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/payment/modules/sale-return-select.vue
@@ -4,7 +4,7 @@ import type { ErpPurchaseReturnApi } from '#/api/erp/purchase/return';
 
 import { ref } from 'vue';
 
-import { message, Modal } from 'ant-design-vue';
+import { message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getPurchaseReturnPage } from '#/api/erp/purchase/return';
diff --git a/apps/web-antdv-next/src/views/erp/finance/receipt/data.ts b/apps/web-antdv-next/src/views/erp/finance/receipt/data.ts
index 774ddb0b1..c0b06eee2 100644
--- a/apps/web-antdv-next/src/views/erp/finance/receipt/data.ts
+++ b/apps/web-antdv-next/src/views/erp/finance/receipt/data.ts
@@ -74,7 +74,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/finance/receipt/index.vue b/apps/web-antdv-next/src/views/erp/finance/receipt/index.vue
index 258de73fb..bf94faaac 100644
--- a/apps/web-antdv-next/src/views/erp/finance/receipt/index.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/receipt/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/form.vue b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/form.vue
index f26f53ea5..37ba99d57 100644
--- a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/item-form.vue
index 5563f5252..6f32c4d6c 100644
--- a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/item-form.vue
@@ -8,7 +8,7 @@ import { computed, nextTick, ref, watch } from 'vue';
 import { ErpBizType } from '@vben/constants';
 import { erpPriceInputFormatter } from '@vben/utils';
 
-import { Input, InputNumber, message } from 'ant-design-vue';
+import { Input, InputNumber, message } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 
diff --git a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-out-select.vue b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-out-select.vue
index 21e793c8c..fc0a9993e 100644
--- a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-out-select.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-out-select.vue
@@ -4,7 +4,7 @@ import type { ErpSaleOutApi } from '#/api/erp/sale/out';
 
 import { ref } from 'vue';
 
-import { message, Modal } from 'ant-design-vue';
+import { message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSaleOutPage } from '#/api/erp/sale/out';
diff --git a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-return-select.vue b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-return-select.vue
index 3ebd3f2d3..7f19957ce 100644
--- a/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-return-select.vue
+++ b/apps/web-antdv-next/src/views/erp/finance/receipt/modules/sale-return-select.vue
@@ -4,7 +4,7 @@ import type { ErpSaleReturnApi } from '#/api/erp/sale/return';
 
 import { ref } from 'vue';
 
-import { message, Modal } from 'ant-design-vue';
+import { message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSaleReturnPage } from '#/api/erp/sale/return';
diff --git a/apps/web-antdv-next/src/views/erp/home/index.vue b/apps/web-antdv-next/src/views/erp/home/index.vue
index efb49045b..7d0f061b8 100644
--- a/apps/web-antdv-next/src/views/erp/home/index.vue
+++ b/apps/web-antdv-next/src/views/erp/home/index.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 
 import { DocAlert, Page } from '@vben/common-ui';
 
-import { Col, Row, Spin } from 'ant-design-vue';
+import { Col, Row, Spin } from 'antdv-next';
 
 import SummaryCard from './modules/summary-card.vue';
 import TimeSummaryChart from './modules/time-summary-chart.vue';
diff --git a/apps/web-antdv-next/src/views/erp/home/modules/time-summary-chart.vue b/apps/web-antdv-next/src/views/erp/home/modules/time-summary-chart.vue
index ef15eaaf1..0a72a9251 100644
--- a/apps/web-antdv-next/src/views/erp/home/modules/time-summary-chart.vue
+++ b/apps/web-antdv-next/src/views/erp/home/modules/time-summary-chart.vue
@@ -8,7 +8,7 @@ import { onMounted, ref, watch } from 'vue';
 
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import {
   getPurchaseSummary,
diff --git a/apps/web-antdv-next/src/views/erp/product/category/index.vue b/apps/web-antdv-next/src/views/erp/product/category/index.vue
index cc22cb7a1..0913f4529 100644
--- a/apps/web-antdv-next/src/views/erp/product/category/index.vue
+++ b/apps/web-antdv-next/src/views/erp/product/category/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/product/category/modules/form.vue b/apps/web-antdv-next/src/views/erp/product/category/modules/form.vue
index a8c6be623..eba2dac89 100644
--- a/apps/web-antdv-next/src/views/erp/product/category/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/product/category/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/product/product/data.ts b/apps/web-antdv-next/src/views/erp/product/product/data.ts
index 23664dd5e..90830a10c 100644
--- a/apps/web-antdv-next/src/views/erp/product/product/data.ts
+++ b/apps/web-antdv-next/src/views/erp/product/product/data.ts
@@ -139,7 +139,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/erp/product/product/index.vue b/apps/web-antdv-next/src/views/erp/product/product/index.vue
index 4b96bc300..8d7582551 100644
--- a/apps/web-antdv-next/src/views/erp/product/product/index.vue
+++ b/apps/web-antdv-next/src/views/erp/product/product/index.vue
@@ -5,7 +5,7 @@ import type { ErpProductApi } from '#/api/erp/product/product';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/product/product/modules/form.vue b/apps/web-antdv-next/src/views/erp/product/product/modules/form.vue
index 5f39d9935..e027d528c 100644
--- a/apps/web-antdv-next/src/views/erp/product/product/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/product/product/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/product/unit/index.vue b/apps/web-antdv-next/src/views/erp/product/unit/index.vue
index 3a3feb314..0e779b5b1 100644
--- a/apps/web-antdv-next/src/views/erp/product/unit/index.vue
+++ b/apps/web-antdv-next/src/views/erp/product/unit/index.vue
@@ -5,7 +5,7 @@ import type { ErpProductUnitApi } from '#/api/erp/product/unit';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/product/unit/modules/form.vue b/apps/web-antdv-next/src/views/erp/product/unit/modules/form.vue
index eac42a05a..cafb20f4f 100644
--- a/apps/web-antdv-next/src/views/erp/product/unit/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/product/unit/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/purchase/in/data.ts b/apps/web-antdv-next/src/views/erp/purchase/in/data.ts
index 2334ad260..fd18193d3 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/in/data.ts
+++ b/apps/web-antdv-next/src/views/erp/purchase/in/data.ts
@@ -75,7 +75,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/purchase/in/index.vue b/apps/web-antdv-next/src/views/erp/purchase/in/index.vue
index fb87f1bfa..dc94682bb 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/in/index.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/in/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/purchase/in/modules/form.vue b/apps/web-antdv-next/src/views/erp/purchase/in/modules/form.vue
index 7aa3d5cf9..8dcee8650 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/in/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/in/modules/form.vue
@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/in/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/purchase/in/modules/item-form.vue
index 81f33b230..c720ea3bd 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/in/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/in/modules/item-form.vue
@@ -9,7 +9,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/in/modules/purchase-order-select.vue b/apps/web-antdv-next/src/views/erp/purchase/in/modules/purchase-order-select.vue
index 5e24a9b4a..925301931 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/in/modules/purchase-order-select.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/in/modules/purchase-order-select.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Input, message, Modal } from 'ant-design-vue';
+import { Input, message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getPurchaseOrderPage } from '#/api/erp/purchase/order';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/order/data.ts b/apps/web-antdv-next/src/views/erp/purchase/order/data.ts
index a8cb484e7..0d1b268eb 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/order/data.ts
+++ b/apps/web-antdv-next/src/views/erp/purchase/order/data.ts
@@ -61,7 +61,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/purchase/order/index.vue b/apps/web-antdv-next/src/views/erp/purchase/order/index.vue
index 0f34f55df..69d43c67b 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/order/index.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/order/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/purchase/order/modules/form.vue b/apps/web-antdv-next/src/views/erp/purchase/order/modules/form.vue
index cdd036f62..7ccd16a70 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/order/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/order/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/order/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/purchase/order/modules/item-form.vue
index 106ebd322..f2f5aa143 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/order/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/order/modules/item-form.vue
@@ -10,7 +10,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/return/data.ts b/apps/web-antdv-next/src/views/erp/purchase/return/data.ts
index ca3697d87..6f50ab238 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/return/data.ts
+++ b/apps/web-antdv-next/src/views/erp/purchase/return/data.ts
@@ -75,7 +75,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/purchase/return/index.vue b/apps/web-antdv-next/src/views/erp/purchase/return/index.vue
index aa4c3cc53..a66da1bd0 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/return/index.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/return/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/purchase/return/modules/form.vue b/apps/web-antdv-next/src/views/erp/purchase/return/modules/form.vue
index 65d5834b3..b18d7680b 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/return/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/return/modules/form.vue
@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/return/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/purchase/return/modules/item-form.vue
index afa352131..d56218a49 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/return/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/return/modules/item-form.vue
@@ -9,7 +9,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/return/modules/purchase-order-select.vue b/apps/web-antdv-next/src/views/erp/purchase/return/modules/purchase-order-select.vue
index 188ef9116..f0cdc5701 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/return/modules/purchase-order-select.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/return/modules/purchase-order-select.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Input, message, Modal } from 'ant-design-vue';
+import { Input, message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getPurchaseOrderPage } from '#/api/erp/purchase/order';
diff --git a/apps/web-antdv-next/src/views/erp/purchase/supplier/data.ts b/apps/web-antdv-next/src/views/erp/purchase/supplier/data.ts
index a5edc25ef..f1092b473 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/supplier/data.ts
+++ b/apps/web-antdv-next/src/views/erp/purchase/supplier/data.ts
@@ -131,7 +131,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/erp/purchase/supplier/index.vue b/apps/web-antdv-next/src/views/erp/purchase/supplier/index.vue
index e012568b8..3056046ac 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/supplier/index.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/supplier/index.vue
@@ -5,7 +5,7 @@ import type { ErpSupplierApi } from '#/api/erp/purchase/supplier';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/purchase/supplier/modules/form.vue b/apps/web-antdv-next/src/views/erp/purchase/supplier/modules/form.vue
index 652c938bb..4e5198903 100644
--- a/apps/web-antdv-next/src/views/erp/purchase/supplier/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/purchase/supplier/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/sale/customer/data.ts b/apps/web-antdv-next/src/views/erp/sale/customer/data.ts
index b8327e0fb..01a4cea54 100644
--- a/apps/web-antdv-next/src/views/erp/sale/customer/data.ts
+++ b/apps/web-antdv-next/src/views/erp/sale/customer/data.ts
@@ -132,7 +132,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/erp/sale/customer/index.vue b/apps/web-antdv-next/src/views/erp/sale/customer/index.vue
index 87b96ff9e..249890c61 100644
--- a/apps/web-antdv-next/src/views/erp/sale/customer/index.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/customer/index.vue
@@ -5,7 +5,7 @@ import type { ErpCustomerApi } from '#/api/erp/sale/customer';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/sale/customer/modules/form.vue b/apps/web-antdv-next/src/views/erp/sale/customer/modules/form.vue
index 87c189f13..324f733c0 100644
--- a/apps/web-antdv-next/src/views/erp/sale/customer/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/customer/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/sale/order/data.ts b/apps/web-antdv-next/src/views/erp/sale/order/data.ts
index 8764ce452..682f8a5f3 100644
--- a/apps/web-antdv-next/src/views/erp/sale/order/data.ts
+++ b/apps/web-antdv-next/src/views/erp/sale/order/data.ts
@@ -74,7 +74,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/sale/order/index.vue b/apps/web-antdv-next/src/views/erp/sale/order/index.vue
index f0fa24c08..8fe5f28c5 100644
--- a/apps/web-antdv-next/src/views/erp/sale/order/index.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/order/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/sale/order/modules/form.vue b/apps/web-antdv-next/src/views/erp/sale/order/modules/form.vue
index b5d306aed..0e7f1985e 100644
--- a/apps/web-antdv-next/src/views/erp/sale/order/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/order/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/sale/order/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/sale/order/modules/item-form.vue
index a9f9c8a27..b1dc708e8 100644
--- a/apps/web-antdv-next/src/views/erp/sale/order/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/order/modules/item-form.vue
@@ -10,7 +10,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/sale/out/data.ts b/apps/web-antdv-next/src/views/erp/sale/out/data.ts
index 9ad4cb2bb..ac489fe71 100644
--- a/apps/web-antdv-next/src/views/erp/sale/out/data.ts
+++ b/apps/web-antdv-next/src/views/erp/sale/out/data.ts
@@ -92,7 +92,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/sale/out/index.vue b/apps/web-antdv-next/src/views/erp/sale/out/index.vue
index 06f21645b..28afcaba4 100644
--- a/apps/web-antdv-next/src/views/erp/sale/out/index.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/out/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/sale/out/modules/form.vue b/apps/web-antdv-next/src/views/erp/sale/out/modules/form.vue
index adaf59c83..92024d7df 100644
--- a/apps/web-antdv-next/src/views/erp/sale/out/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/out/modules/form.vue
@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/sale/out/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/sale/out/modules/item-form.vue
index 5b03eeb69..80f4b832c 100644
--- a/apps/web-antdv-next/src/views/erp/sale/out/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/out/modules/item-form.vue
@@ -9,7 +9,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/sale/out/modules/sale-order-select.vue b/apps/web-antdv-next/src/views/erp/sale/out/modules/sale-order-select.vue
index 9d6b40ba7..05ddc9d57 100644
--- a/apps/web-antdv-next/src/views/erp/sale/out/modules/sale-order-select.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/out/modules/sale-order-select.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Input, message, Modal } from 'ant-design-vue';
+import { Input, message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSaleOrderPage } from '#/api/erp/sale/order';
diff --git a/apps/web-antdv-next/src/views/erp/sale/return/data.ts b/apps/web-antdv-next/src/views/erp/sale/return/data.ts
index d0ceeab47..0301b8b14 100644
--- a/apps/web-antdv-next/src/views/erp/sale/return/data.ts
+++ b/apps/web-antdv-next/src/views/erp/sale/return/data.ts
@@ -88,7 +88,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/sale/return/index.vue b/apps/web-antdv-next/src/views/erp/sale/return/index.vue
index 9d63d0dd0..48d42cba7 100644
--- a/apps/web-antdv-next/src/views/erp/sale/return/index.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/return/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/sale/return/modules/form.vue b/apps/web-antdv-next/src/views/erp/sale/return/modules/form.vue
index c8c12ecf0..9dd7f27a6 100644
--- a/apps/web-antdv-next/src/views/erp/sale/return/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/return/modules/form.vue
@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAccountSimpleList } from '#/api/erp/finance/account';
diff --git a/apps/web-antdv-next/src/views/erp/sale/return/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/sale/return/modules/item-form.vue
index dcf559394..d67376843 100644
--- a/apps/web-antdv-next/src/views/erp/sale/return/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/return/modules/item-form.vue
@@ -9,7 +9,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/sale/return/modules/sale-order-select.vue b/apps/web-antdv-next/src/views/erp/sale/return/modules/sale-order-select.vue
index 8a8ade7a4..daf3f3e90 100644
--- a/apps/web-antdv-next/src/views/erp/sale/return/modules/sale-order-select.vue
+++ b/apps/web-antdv-next/src/views/erp/sale/return/modules/sale-order-select.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Input, message, Modal } from 'ant-design-vue';
+import { Input, message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSaleOrderPage } from '#/api/erp/sale/order';
diff --git a/apps/web-antdv-next/src/views/erp/stock/check/data.ts b/apps/web-antdv-next/src/views/erp/stock/check/data.ts
index f78fa4a38..5f4c267ac 100644
--- a/apps/web-antdv-next/src/views/erp/stock/check/data.ts
+++ b/apps/web-antdv-next/src/views/erp/stock/check/data.ts
@@ -44,7 +44,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/stock/check/index.vue b/apps/web-antdv-next/src/views/erp/stock/check/index.vue
index 3edef5eb3..8154e0e90 100644
--- a/apps/web-antdv-next/src/views/erp/stock/check/index.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/check/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/check/modules/form.vue b/apps/web-antdv-next/src/views/erp/stock/check/modules/form.vue
index 2bdcec37b..482f38ef8 100644
--- a/apps/web-antdv-next/src/views/erp/stock/check/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/check/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/check/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/stock/check/modules/item-form.vue
index db56943d9..58e65a027 100644
--- a/apps/web-antdv-next/src/views/erp/stock/check/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/check/modules/item-form.vue
@@ -10,7 +10,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/stock/in/data.ts b/apps/web-antdv-next/src/views/erp/stock/in/data.ts
index 5668018de..b73cd5824 100644
--- a/apps/web-antdv-next/src/views/erp/stock/in/data.ts
+++ b/apps/web-antdv-next/src/views/erp/stock/in/data.ts
@@ -59,7 +59,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/stock/in/index.vue b/apps/web-antdv-next/src/views/erp/stock/in/index.vue
index 4b362c25f..e4e36337f 100644
--- a/apps/web-antdv-next/src/views/erp/stock/in/index.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/in/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/in/modules/form.vue b/apps/web-antdv-next/src/views/erp/stock/in/modules/form.vue
index 06b614032..c59cfe0a7 100644
--- a/apps/web-antdv-next/src/views/erp/stock/in/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/in/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createStockIn, getStockIn, updateStockIn } from '#/api/erp/stock/in';
diff --git a/apps/web-antdv-next/src/views/erp/stock/in/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/stock/in/modules/item-form.vue
index d1e1f7827..826188cc1 100644
--- a/apps/web-antdv-next/src/views/erp/stock/in/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/in/modules/item-form.vue
@@ -10,7 +10,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/stock/move/data.ts b/apps/web-antdv-next/src/views/erp/stock/move/data.ts
index 5cda3ed99..8414eaaac 100644
--- a/apps/web-antdv-next/src/views/erp/stock/move/data.ts
+++ b/apps/web-antdv-next/src/views/erp/stock/move/data.ts
@@ -44,7 +44,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/stock/move/index.vue b/apps/web-antdv-next/src/views/erp/stock/move/index.vue
index f5da612cd..28e8daee8 100644
--- a/apps/web-antdv-next/src/views/erp/stock/move/index.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/move/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/move/modules/form.vue b/apps/web-antdv-next/src/views/erp/stock/move/modules/form.vue
index 772bc82f3..e2bec1660 100644
--- a/apps/web-antdv-next/src/views/erp/stock/move/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/move/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/move/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/stock/move/modules/item-form.vue
index fd85283ae..1821f18ee 100644
--- a/apps/web-antdv-next/src/views/erp/stock/move/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/move/modules/item-form.vue
@@ -10,7 +10,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/stock/out/data.ts b/apps/web-antdv-next/src/views/erp/stock/out/data.ts
index 7906b03f5..cdd893212 100644
--- a/apps/web-antdv-next/src/views/erp/stock/out/data.ts
+++ b/apps/web-antdv-next/src/views/erp/stock/out/data.ts
@@ -61,7 +61,7 @@ export function useFormSchema(formType: string): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         autoSize: { minRows: 1, maxRows: 1 },
diff --git a/apps/web-antdv-next/src/views/erp/stock/out/index.vue b/apps/web-antdv-next/src/views/erp/stock/out/index.vue
index 8cd238561..219de7ee4 100644
--- a/apps/web-antdv-next/src/views/erp/stock/out/index.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/out/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/out/modules/form.vue b/apps/web-antdv-next/src/views/erp/stock/out/modules/form.vue
index 3c900af97..5df5fd4d7 100644
--- a/apps/web-antdv-next/src/views/erp/stock/out/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/out/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/out/modules/item-form.vue b/apps/web-antdv-next/src/views/erp/stock/out/modules/item-form.vue
index 1de84316a..bb879cdf6 100644
--- a/apps/web-antdv-next/src/views/erp/stock/out/modules/item-form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/out/modules/item-form.vue
@@ -10,7 +10,7 @@ import {
   erpPriceMultiply,
 } from '@vben/utils';
 
-import { Input, InputNumber, Select } from 'ant-design-vue';
+import { Input, InputNumber, Select } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
diff --git a/apps/web-antdv-next/src/views/erp/stock/warehouse/data.ts b/apps/web-antdv-next/src/views/erp/stock/warehouse/data.ts
index ff8045b83..eb423ab78 100644
--- a/apps/web-antdv-next/src/views/erp/stock/warehouse/data.ts
+++ b/apps/web-antdv-next/src/views/erp/stock/warehouse/data.ts
@@ -87,7 +87,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/erp/stock/warehouse/index.vue b/apps/web-antdv-next/src/views/erp/stock/warehouse/index.vue
index e567fd2ec..195127981 100644
--- a/apps/web-antdv-next/src/views/erp/stock/warehouse/index.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/warehouse/index.vue
@@ -5,7 +5,7 @@ import type { ErpWarehouseApi } from '#/api/erp/stock/warehouse';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/erp/stock/warehouse/modules/form.vue b/apps/web-antdv-next/src/views/erp/stock/warehouse/modules/form.vue
index f25d28cf7..1dc7c8f21 100644
--- a/apps/web-antdv-next/src/views/erp/stock/warehouse/modules/form.vue
+++ b/apps/web-antdv-next/src/views/erp/stock/warehouse/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/apiErrorLog/index.vue b/apps/web-antdv-next/src/views/infra/apiErrorLog/index.vue
index c84d0d44e..a7236cb97 100644
--- a/apps/web-antdv-next/src/views/infra/apiErrorLog/index.vue
+++ b/apps/web-antdv-next/src/views/infra/apiErrorLog/index.vue
@@ -6,7 +6,7 @@ import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { InfraApiErrorLogProcessStatusEnum } from '@vben/constants';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
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 b98023120..54d418611 100644
--- a/apps/web-antdv-next/src/views/infra/build/index.vue
+++ b/apps/web-antdv-next/src/views/infra/build/index.vue
@@ -8,7 +8,7 @@ import { isString } from '@vben/utils';
 import formCreate from '@form-create/ant-design-vue';
 import FcDesigner from '@form-create/antd-designer';
 import { useClipboard } from '@vueuse/core';
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 import hljs from 'highlight.js';
 import xml from 'highlight.js/lib/languages/java';
 import json from 'highlight.js/lib/languages/json';
diff --git a/apps/web-antdv-next/src/views/infra/codegen/data.ts b/apps/web-antdv-next/src/views/infra/codegen/data.ts
index b07ea2a32..37bb1bff1 100644
--- a/apps/web-antdv-next/src/views/infra/codegen/data.ts
+++ b/apps/web-antdv-next/src/views/infra/codegen/data.ts
@@ -106,7 +106,7 @@ export function useBasicInfoFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         rows: 3,
         placeholder: '请输入备注',
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 4f1098b7e..7478a9be6 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
@@ -7,7 +7,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { Page } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Button, message, Steps } from 'ant-design-vue';
+import { Button, message, Steps } from 'antdv-next';
 
 import { getCodegenTable, updateCodegenTable } from '#/api/infra/codegen';
 import { $t } from '#/locales';
diff --git a/apps/web-antdv-next/src/views/infra/codegen/index.vue b/apps/web-antdv-next/src/views/infra/codegen/index.vue
index e7e3f4f27..887290e40 100644
--- a/apps/web-antdv-next/src/views/infra/codegen/index.vue
+++ b/apps/web-antdv-next/src/views/infra/codegen/index.vue
@@ -9,7 +9,7 @@ import { useRouter } from 'vue-router';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/codegen/modules/column-info.vue b/apps/web-antdv-next/src/views/infra/codegen/modules/column-info.vue
index 78f4e7101..753ed380c 100644
--- a/apps/web-antdv-next/src/views/infra/codegen/modules/column-info.vue
+++ b/apps/web-antdv-next/src/views/infra/codegen/modules/column-info.vue
@@ -4,7 +4,7 @@ import type { SystemDictTypeApi } from '#/api/system/dict/type';
 
 import { nextTick, onMounted, ref, watch } from 'vue';
 
-import { Checkbox, Input, Select } from 'ant-design-vue';
+import { Checkbox, Input, Select } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSimpleDictTypeList } from '#/api/system/dict/type';
@@ -91,13 +91,13 @@ function filterDictTypeOption(input: string, option: any) {
     <!-- Java 类型 -->
     <template #javaType="{ row, column }">
       <Select v-model:value="row.javaType" style="width: 100%">
-        <Select.Option
+        <SelectOption
           v-for="option in column.params.options"
           :key="option.value"
           :value="option.value"
         >
           {{ option.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </template>
     <!-- Java 属性 -->
@@ -125,13 +125,13 @@ function filterDictTypeOption(input: string, option: any) {
     <!-- 查询方式 -->
     <template #listOperationCondition="{ row, column }">
       <Select v-model:value="row.listOperationCondition" class="w-full">
-        <Select.Option
+        <SelectOption
           v-for="option in column.params.options"
           :key="option.value"
           :value="option.value"
         >
           {{ option.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </template>
 
@@ -143,13 +143,13 @@ function filterDictTypeOption(input: string, option: any) {
     <!-- 显示类型 -->
     <template #htmlType="{ row, column }">
       <Select v-model:value="row.htmlType" class="w-full">
-        <Select.Option
+        <SelectOption
           v-for="option in column.params.options"
           :key="option.value"
           :value="option.value"
         >
           {{ option.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </template>
 
@@ -162,13 +162,13 @@ function filterDictTypeOption(input: string, option: any) {
         show-search
         :filter-option="filterDictTypeOption"
       >
-        <Select.Option
+        <SelectOption
           v-for="option in dictTypeOptions"
           :key="option.type"
           :value="option.type"
         >
           {{ option.name }}
-        </Select.Option>
+        </SelectOption>
       </Select>
     </template>
 
diff --git a/apps/web-antdv-next/src/views/infra/codegen/modules/import-table.vue b/apps/web-antdv-next/src/views/infra/codegen/modules/import-table.vue
index d7040011f..b14063c33 100644
--- a/apps/web-antdv-next/src/views/infra/codegen/modules/import-table.vue
+++ b/apps/web-antdv-next/src/views/infra/codegen/modules/import-table.vue
@@ -6,7 +6,7 @@ import { reactive } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { createCodegenList, getSchemaTableList } from '#/api/infra/codegen';
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 e06888cdf..0f2fe7d4c 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 'ant-design-vue';
+import { Button, DirectoryTree, message, Tabs } from 'antdv-next';
 
 import { previewCodegen } from '#/api/infra/codegen';
 
@@ -230,7 +230,7 @@ const [Modal, modalApi] = useVbenModal({
           type="editable-card"
           @edit="removeCodeMapKey"
         >
-          <Tabs.TabPane
+          <TabPane
             v-for="key in codeMap.keys()"
             :key="key"
             :tab="key.split('/').pop()"
@@ -247,7 +247,7 @@ const [Modal, modalApi] = useVbenModal({
                 :auto-format="false"
               />
             </div>
-          </Tabs.TabPane>
+          </TabPane>
           <template #rightExtra>
             <Button type="primary" ghost @click="copyCode">
               <IconifyIcon icon="lucide:copy" />
diff --git a/apps/web-antdv-next/src/views/infra/config/data.ts b/apps/web-antdv-next/src/views/infra/config/data.ts
index a365fbd78..84c7b91b0 100644
--- a/apps/web-antdv-next/src/views/infra/config/data.ts
+++ b/apps/web-antdv-next/src/views/infra/config/data.ts
@@ -68,7 +68,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/infra/config/index.vue b/apps/web-antdv-next/src/views/infra/config/index.vue
index 84047db8e..6f9fd2e50 100644
--- a/apps/web-antdv-next/src/views/infra/config/index.vue
+++ b/apps/web-antdv-next/src/views/infra/config/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 } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/config/modules/form.vue b/apps/web-antdv-next/src/views/infra/config/modules/form.vue
index e31861fe6..0e82ca60d 100644
--- a/apps/web-antdv-next/src/views/infra/config/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/config/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createConfig, getConfig, updateConfig } from '#/api/infra/config';
diff --git a/apps/web-antdv-next/src/views/infra/dataSourceConfig/index.vue b/apps/web-antdv-next/src/views/infra/dataSourceConfig/index.vue
index f6c45e81d..6baaade38 100644
--- a/apps/web-antdv-next/src/views/infra/dataSourceConfig/index.vue
+++ b/apps/web-antdv-next/src/views/infra/dataSourceConfig/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/dataSourceConfig/modules/form.vue b/apps/web-antdv-next/src/views/infra/dataSourceConfig/modules/form.vue
index 5e6ec8509..91c95dcf5 100644
--- a/apps/web-antdv-next/src/views/infra/dataSourceConfig/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/dataSourceConfig/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo01/index.vue b/apps/web-antdv-next/src/views/infra/demo/demo01/index.vue
index eaaa44b8e..22f26c0c7 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo01/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo01/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 } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo01/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/demo01/modules/form.vue
index 22614a609..255001885 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo01/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo01/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo02/index.vue b/apps/web-antdv-next/src/views/infra/demo/demo02/index.vue
index e30625ae5..e4bc6a611 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo02/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo02/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo02/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/demo02/modules/form.vue
index 3f4e9f79c..8e7d635b6 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo02/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo02/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
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 610f11cc2..3ae13fb00 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -197,12 +197,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
       <!-- 子表的表单 -->
       <Tabs v-model:active-key="subTabsName" class="mt-2">
-        <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+        <TabPane key="demo03Course" tab="学生课程" force-render>
           <Demo03CourseList :student-id="selectDemo03Student?.id" />
-        </Tabs.TabPane>
-        <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+        </TabPane>
+        <TabPane key="demo03Grade" tab="学生班级" force-render>
           <Demo03GradeList :student-id="selectDemo03Student?.id" />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </div>
   </Page>
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue
index c9431259a..8ce813d37 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
index 7f42c143f..1ee49b9e9 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
@@ -7,7 +7,7 @@ import { nextTick, ref, watch } from 'vue';
 import { confirm, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } 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/erp/modules/demo03-grade-form.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue
index 18d39ad0d..b6945ee8b 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
index beee74977..e7074e073 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
@@ -7,7 +7,7 @@ import { nextTick, ref, watch } from 'vue';
 import { confirm, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } 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/erp/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/form.vue
index 552d950ee..3f3f28a87 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/erp/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 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 60909d5cd..124cc243d 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -137,12 +137,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
       <template #expand_content="{ row }">
         <!-- 子表的表单 -->
         <Tabs v-model:active-key="subTabsName" class="mx-8">
-          <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+          <TabPane key="demo03Course" tab="学生课程" force-render>
             <Demo03CourseList :student-id="row?.id" />
-          </Tabs.TabPane>
-          <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+          </TabPane>
+          <TabPane key="demo03Grade" tab="学生班级" force-render>
             <Demo03GradeList :student-id="row?.id" />
-          </Tabs.TabPane>
+          </TabPane>
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
index 79ddf7f6e..89e76b1ff 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
@@ -5,7 +5,7 @@ import { nextTick, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/inner';
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 38339201a..7cf323177 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
@@ -105,15 +105,15 @@ const [Modal, modalApi] = useVbenModal({
     <Form class="mx-4" />
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
-      <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+      <TabPane key="demo03Course" tab="学生课程" force-render>
         <Demo03CourseForm
           ref="demo03CourseFormRef"
           :student-id="formData?.id"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+      </TabPane>
+      <TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/demo03/normal/index.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/normal/index.vue
index d8564e236..a08510281 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/normal/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/normal/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 } from 'ant-design-vue';
+import { message } 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/normal/modules/demo03-course-form.vue b/apps/web-antdv-next/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
index 3ca4398e7..5fe3c137f 100644
--- a/apps/web-antdv-next/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
@@ -5,7 +5,7 @@ import { nextTick, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/normal';
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 f6a7b7a4d..13fe93923 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
@@ -105,15 +105,15 @@ const [Modal, modalApi] = useVbenModal({
     <Form class="mx-4" />
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
-      <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+      <TabPane key="demo03Course" tab="学生课程" force-render>
         <Demo03CourseForm
           ref="demo03CourseFormRef"
           :student-id="formData?.id"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+      </TabPane>
+      <TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo01/index.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo01/index.vue
index 464ee1164..cac5797df 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo01/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo01/index.vue
@@ -21,9 +21,9 @@ import {
   Input,
   message,
   Pagination,
-  RangePicker,
+  DateRangePicker as RangePicker,
   Select,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import {
@@ -165,7 +165,7 @@ onMounted(() => {
     <ContentWrap v-if="!hiddenSearchBar">
       <!-- 搜索工作栏 -->
       <Form :model="queryParams" ref="queryFormRef" layout="inline">
-        <Form.Item label="名字" name="name">
+        <FormItem label="名字" name="name">
           <Input
             v-model:value="queryParams.name"
             placeholder="请输入名字"
@@ -173,15 +173,15 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="性别" name="sex">
+        </FormItem>
+        <FormItem label="性别" name="sex">
           <Select
             v-model:value="queryParams.sex"
             placeholder="请选择性别"
             allow-clear
             class="w-full"
           >
-            <Select.Option
+            <SelectOption
               v-for="dict in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
@@ -190,22 +190,22 @@ onMounted(() => {
               :value="dict.value"
             >
               {{ dict.label }}
-            </Select.Option>
+            </SelectOption>
           </Select>
-        </Form.Item>
-        <Form.Item label="创建时间" name="createTime">
+        </FormItem>
+        <FormItem label="创建时间" name="createTime">
           <RangePicker
             v-model:value="queryParams.createTime"
             v-bind="getRangePickerDefaultProps()"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item>
+        </FormItem>
+        <FormItem>
           <Button class="ml-2" @click="resetQuery"> 重置 </Button>
           <Button class="ml-2" @click="handleQuery" type="primary">
             搜索
           </Button>
-        </Form.Item>
+        </FormItem>
       </Form>
     </ContentWrap>
 
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo01/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo01/modules/form.vue
index 88939ca47..80cb442d2 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo01/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo01/modules/form.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 
 import { computed, ref } from 'vue';
@@ -16,7 +14,7 @@ import {
   message,
   Radio,
   RadioGroup,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   createDemo01Contact,
@@ -27,6 +25,7 @@ import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { ImageUpload } from '#/components/upload';
 import { $t } from '#/locales';
 
+type Rule = any;
 const emit = defineEmits(['success']);
 
 const formRef = ref();
@@ -113,10 +112,10 @@ const [Modal, modalApi] = useVbenModal({
       :label-col="{ span: 5 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="名字" name="name">
+      <FormItem label="名字" name="name">
         <Input v-model:value="formData.name" placeholder="请输入名字" />
-      </Form.Item>
-      <Form.Item label="性别" name="sex">
+      </FormItem>
+      <FormItem label="性别" name="sex">
         <RadioGroup v-model:value="formData.sex">
           <Radio
             v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number')"
@@ -126,20 +125,20 @@ const [Modal, modalApi] = useVbenModal({
             {{ dict.label }}
           </Radio>
         </RadioGroup>
-      </Form.Item>
-      <Form.Item label="出生年" name="birthday">
+      </FormItem>
+      <FormItem label="出生年" name="birthday">
         <DatePicker
           v-model:value="formData.birthday"
           value-format="x"
           placeholder="选择出生年"
         />
-      </Form.Item>
-      <Form.Item label="简介" name="description">
+      </FormItem>
+      <FormItem label="简介" name="description">
         <RichTextarea v-model="formData.description" height="500px" />
-      </Form.Item>
-      <Form.Item label="头像" name="avatar">
+      </FormItem>
+      <FormItem label="头像" name="avatar">
         <ImageUpload v-model:value="formData.avatar" />
-      </Form.Item>
+      </FormItem>
     </Form>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo02/index.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo02/index.vue
index d55c15654..261ed9967 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo02/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo02/index.vue
@@ -13,7 +13,7 @@ import {
   isEmpty,
 } from '@vben/utils';
 
-import { Button, Form, Input, message, RangePicker } from 'ant-design-vue';
+import { Button, DateRangePicker, Form, Input, message } from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import {
@@ -131,7 +131,7 @@ onMounted(() => {
     <ContentWrap v-if="!hiddenSearchBar">
       <!-- 搜索工作栏 -->
       <Form :model="queryParams" ref="queryFormRef" layout="inline">
-        <Form.Item label="名字" name="name">
+        <FormItem label="名字" name="name">
           <Input
             v-model:value="queryParams.name"
             placeholder="请输入名字"
@@ -139,8 +139,8 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="父级编号" name="parentId">
+        </FormItem>
+        <FormItem label="父级编号" name="parentId">
           <Input
             v-model:value="queryParams.parentId"
             placeholder="请输入父级编号"
@@ -148,20 +148,20 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="创建时间" name="createTime">
-          <RangePicker
+        </FormItem>
+        <FormItem label="创建时间" name="createTime">
+          <DateRangePicker
             v-model:value="queryParams.createTime"
             v-bind="getRangePickerDefaultProps()"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item>
+        </FormItem>
+        <FormItem>
           <Button class="ml-2" @click="resetQuery"> 重置 </Button>
           <Button class="ml-2" @click="handleQuery" type="primary">
             搜索
           </Button>
-        </Form.Item>
+        </FormItem>
       </Form>
     </ContentWrap>
 
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo02/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo02/modules/form.vue
index 4d36264d7..4b72d73be 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo02/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo02/modules/form.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
 
 import { computed, ref } from 'vue';
@@ -8,7 +6,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { handleTree } from '@vben/utils';
 
-import { Form, Input, message, TreeSelect } from 'ant-design-vue';
+import { Form, Input, message, TreeSelect } from 'antdv-next';
 
 import {
   createDemo02Category,
@@ -18,6 +16,7 @@ import {
 } from '#/api/infra/demo/demo02';
 import { $t } from '#/locales';
 
+type Rule = any;
 const emit = defineEmits(['success']);
 
 const formRef = ref();
@@ -110,10 +109,10 @@ const [Modal, modalApi] = useVbenModal({
       :label-col="{ span: 5 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="名字" name="name">
+      <FormItem label="名字" name="name">
         <Input v-model:value="formData.name" placeholder="请输入名字" />
-      </Form.Item>
-      <Form.Item label="父级编号" name="parentId">
+      </FormItem>
+      <FormItem label="父级编号" name="parentId">
         <TreeSelect
           v-model:value="formData.parentId"
           :tree-data="demo02CategoryTree"
@@ -126,7 +125,7 @@ const [Modal, modalApi] = useVbenModal({
           tree-default-expand-all
           placeholder="请选择父级编号"
         />
-      </Form.Item>
+      </FormItem>
     </Form>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/index.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/index.vue
index 5a00d2d18..a08de3ec4 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/index.vue
@@ -21,10 +21,10 @@ import {
   Input,
   message,
   Pagination,
-  RangePicker,
+  DateRangePicker as RangePicker,
   Select,
   Tabs,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import {
@@ -176,7 +176,7 @@ onMounted(() => {
     <ContentWrap v-if="!hiddenSearchBar">
       <!-- 搜索工作栏 -->
       <Form :model="queryParams" ref="queryFormRef" layout="inline">
-        <Form.Item label="名字" name="name">
+        <FormItem label="名字" name="name">
           <Input
             v-model:value="queryParams.name"
             placeholder="请输入名字"
@@ -184,15 +184,15 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="性别" name="sex">
+        </FormItem>
+        <FormItem label="性别" name="sex">
           <Select
             v-model:value="queryParams.sex"
             placeholder="请选择性别"
             allow-clear
             class="w-full"
           >
-            <Select.Option
+            <SelectOption
               v-for="dict in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
@@ -201,22 +201,22 @@ onMounted(() => {
               :value="dict.value"
             >
               {{ dict.label }}
-            </Select.Option>
+            </SelectOption>
           </Select>
-        </Form.Item>
-        <Form.Item label="创建时间" name="createTime">
+        </FormItem>
+        <FormItem label="创建时间" name="createTime">
           <RangePicker
             v-model:value="queryParams.createTime"
             v-bind="getRangePickerDefaultProps()"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item>
+        </FormItem>
+        <FormItem>
           <Button class="ml-2" @click="resetQuery"> 重置 </Button>
           <Button class="ml-2" @click="handleQuery" type="primary">
             搜索
           </Button>
-        </Form.Item>
+        </FormItem>
       </Form>
     </ContentWrap>
 
@@ -330,12 +330,12 @@ onMounted(() => {
     <ContentWrap>
       <!-- 子表的表单 -->
       <Tabs v-model:active-key="subTabsName">
-        <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+        <TabPane key="demo03Course" tab="学生课程" force-render>
           <Demo03CourseList :student-id="selectDemo03Student?.id" />
-        </Tabs.TabPane>
-        <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+        </TabPane>
+        <TabPane key="demo03Grade" tab="学生班级" force-render>
           <Demo03GradeList :student-id="selectDemo03Student?.id" />
-        </Tabs.TabPane>
+        </TabPane>
       </Tabs>
     </ContentWrap>
   </Page>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-form.vue
index 6c4e43421..af560afae 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-form.vue
@@ -1,13 +1,11 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
 import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Form, Input, message } from 'ant-design-vue';
+import { Form, Input, message } from 'antdv-next';
 
 import {
   createDemo03Course,
@@ -16,6 +14,7 @@ import {
 } from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
 
+type Rule = any;
 const emit = defineEmits(['success']);
 const getTitle = computed(() => {
   return formData.value?.id
@@ -100,18 +99,18 @@ function resetForm() {
       :label-col="{ span: 5 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="学生编号" name="studentId">
+      <FormItem label="学生编号" name="studentId">
         <Input
           v-model:value="formData.studentId"
           placeholder="请输入学生编号"
         />
-      </Form.Item>
-      <Form.Item label="名字" name="name">
+      </FormItem>
+      <FormItem label="名字" name="name">
         <Input v-model:value="formData.name" placeholder="请输入名字" />
-      </Form.Item>
-      <Form.Item label="分数" name="score">
+      </FormItem>
+      <FormItem label="分数" name="score">
         <Input v-model:value="formData.score" placeholder="请输入分数" />
-      </Form.Item>
+      </FormItem>
     </Form>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
index e2f9d06f2..cc8bf597e 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
@@ -14,8 +14,8 @@ import {
   Input,
   message,
   Pagination,
-  RangePicker,
-} from 'ant-design-vue';
+  DateRangePicker as RangePicker,
+} from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import {
@@ -166,7 +166,7 @@ onMounted(() => {
     <ContentWrap v-if="!hiddenSearchBar">
       <!-- 搜索工作栏 -->
       <Form :model="queryParams" ref="queryFormRef" layout="inline">
-        <Form.Item label="学生编号" name="studentId">
+        <FormItem label="学生编号" name="studentId">
           <Input
             v-model:value="queryParams.studentId"
             placeholder="请输入学生编号"
@@ -174,8 +174,8 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="名字" name="name">
+        </FormItem>
+        <FormItem label="名字" name="name">
           <Input
             v-model:value="queryParams.name"
             placeholder="请输入名字"
@@ -183,8 +183,8 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="分数" name="score">
+        </FormItem>
+        <FormItem label="分数" name="score">
           <Input
             v-model:value="queryParams.score"
             placeholder="请输入分数"
@@ -192,20 +192,20 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="创建时间" name="createTime">
+        </FormItem>
+        <FormItem label="创建时间" name="createTime">
           <RangePicker
             v-model:value="queryParams.createTime"
             v-bind="getRangePickerDefaultProps()"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item>
+        </FormItem>
+        <FormItem>
           <Button class="ml-2" @click="resetQuery"> 重置 </Button>
           <Button class="ml-2" @click="handleQuery" type="primary">
             搜索
           </Button>
-        </Form.Item>
+        </FormItem>
       </Form>
     </ContentWrap>
 
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-form.vue
index 0080b6fff..e1b860819 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-form.vue
@@ -1,13 +1,11 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
 import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Form, Input, message } from 'ant-design-vue';
+import { Form, Input, message } from 'antdv-next';
 
 import {
   createDemo03Grade,
@@ -16,6 +14,7 @@ import {
 } from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
 
+type Rule = any;
 const emit = defineEmits(['success']);
 const getTitle = computed(() => {
   return formData.value?.id
@@ -100,18 +99,18 @@ function resetForm() {
       :label-col="{ span: 5 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="学生编号" name="studentId">
+      <FormItem label="学生编号" name="studentId">
         <Input
           v-model:value="formData.studentId"
           placeholder="请输入学生编号"
         />
-      </Form.Item>
-      <Form.Item label="名字" name="name">
+      </FormItem>
+      <FormItem label="名字" name="name">
         <Input v-model:value="formData.name" placeholder="请输入名字" />
-      </Form.Item>
-      <Form.Item label="班主任" name="teacher">
+      </FormItem>
+      <FormItem label="班主任" name="teacher">
         <Input v-model:value="formData.teacher" placeholder="请输入班主任" />
-      </Form.Item>
+      </FormItem>
     </Form>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
index bb049732b..5883f7671 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
@@ -14,8 +14,8 @@ import {
   Input,
   message,
   Pagination,
-  RangePicker,
-} from 'ant-design-vue';
+  DateRangePicker as RangePicker,
+} from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import {
@@ -166,7 +166,7 @@ onMounted(() => {
     <ContentWrap v-if="!hiddenSearchBar">
       <!-- 搜索工作栏 -->
       <Form :model="queryParams" ref="queryFormRef" layout="inline">
-        <Form.Item label="学生编号" name="studentId">
+        <FormItem label="学生编号" name="studentId">
           <Input
             v-model:value="queryParams.studentId"
             placeholder="请输入学生编号"
@@ -174,8 +174,8 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="名字" name="name">
+        </FormItem>
+        <FormItem label="名字" name="name">
           <Input
             v-model:value="queryParams.name"
             placeholder="请输入名字"
@@ -183,8 +183,8 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="班主任" name="teacher">
+        </FormItem>
+        <FormItem label="班主任" name="teacher">
           <Input
             v-model:value="queryParams.teacher"
             placeholder="请输入班主任"
@@ -192,20 +192,20 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="创建时间" name="createTime">
+        </FormItem>
+        <FormItem label="创建时间" name="createTime">
           <RangePicker
             v-model:value="queryParams.createTime"
             v-bind="getRangePickerDefaultProps()"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item>
+        </FormItem>
+        <FormItem>
           <Button class="ml-2" @click="resetQuery"> 重置 </Button>
           <Button class="ml-2" @click="handleQuery" type="primary">
             搜索
           </Button>
-        </Form.Item>
+        </FormItem>
       </Form>
     </ContentWrap>
 
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/form.vue
index ae7e873b2..068ece15f 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/erp/modules/form.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
 import { computed, ref } from 'vue';
@@ -16,7 +14,7 @@ import {
   message,
   Radio,
   RadioGroup,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   createDemo03Student,
@@ -26,6 +24,7 @@ import {
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { $t } from '#/locales';
 
+type Rule = any;
 const emit = defineEmits(['success']);
 
 const formRef = ref();
@@ -110,10 +109,10 @@ const [Modal, modalApi] = useVbenModal({
       :label-col="{ span: 5 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="名字" name="name">
+      <FormItem label="名字" name="name">
         <Input v-model:value="formData.name" placeholder="请输入名字" />
-      </Form.Item>
-      <Form.Item label="性别" name="sex">
+      </FormItem>
+      <FormItem label="性别" name="sex">
         <RadioGroup v-model:value="formData.sex">
           <Radio
             v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number')"
@@ -123,17 +122,17 @@ const [Modal, modalApi] = useVbenModal({
             {{ dict.label }}
           </Radio>
         </RadioGroup>
-      </Form.Item>
-      <Form.Item label="出生日期" name="birthday">
+      </FormItem>
+      <FormItem label="出生日期" name="birthday">
         <DatePicker
           v-model:value="formData.birthday"
           value-format="x"
           placeholder="选择出生日期"
         />
-      </Form.Item>
-      <Form.Item label="简介" name="description">
+      </FormItem>
+      <FormItem label="简介" name="description">
         <RichTextarea v-model="formData.description" height="500px" />
-      </Form.Item>
+      </FormItem>
     </Form>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/index.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/index.vue
index 7dace39ac..d1198c1d0 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/index.vue
@@ -21,10 +21,10 @@ import {
   Input,
   message,
   Pagination,
-  RangePicker,
+  DateRangePicker as RangePicker,
   Select,
   Tabs,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import {
@@ -169,7 +169,7 @@ onMounted(() => {
     <ContentWrap v-if="!hiddenSearchBar">
       <!-- 搜索工作栏 -->
       <Form :model="queryParams" ref="queryFormRef" layout="inline">
-        <Form.Item label="名字" name="name">
+        <FormItem label="名字" name="name">
           <Input
             v-model:value="queryParams.name"
             placeholder="请输入名字"
@@ -177,15 +177,15 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="性别" name="sex">
+        </FormItem>
+        <FormItem label="性别" name="sex">
           <Select
             v-model:value="queryParams.sex"
             placeholder="请选择性别"
             allow-clear
             class="w-full"
           >
-            <Select.Option
+            <SelectOption
               v-for="dict in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
@@ -194,22 +194,22 @@ onMounted(() => {
               :value="dict.value"
             >
               {{ dict.label }}
-            </Select.Option>
+            </SelectOption>
           </Select>
-        </Form.Item>
-        <Form.Item label="创建时间" name="createTime">
+        </FormItem>
+        <FormItem label="创建时间" name="createTime">
           <RangePicker
             v-model:value="queryParams.createTime"
             v-bind="getRangePickerDefaultProps()"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item>
+        </FormItem>
+        <FormItem>
           <Button class="ml-2" @click="resetQuery"> 重置 </Button>
           <Button class="ml-2" @click="handleQuery" type="primary">
             搜索
           </Button>
-        </Form.Item>
+        </FormItem>
       </Form>
     </ContentWrap>
 
@@ -266,12 +266,12 @@ onMounted(() => {
           <template #content="{ row }">
             <!-- 子表的表单 -->
             <Tabs v-model:active-key="subTabsName" class="mx-8">
-              <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+              <TabPane key="demo03Course" tab="学生课程" force-render>
                 <Demo03CourseList :student-id="row?.id" />
-              </Tabs.TabPane>
-              <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+              </TabPane>
+              <TabPane key="demo03Grade" tab="学生班级" force-render>
                 <Demo03GradeList :student-id="row?.id" />
-              </Tabs.TabPane>
+              </TabPane>
             </Tabs>
           </template>
         </VxeColumn>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue
index 16568cb83..c7788eb1c 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue
@@ -6,7 +6,7 @@ import { ref, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/normal';
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-grade-form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-grade-form.vue
index 1c6cf36f3..0d4c9f8b6 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-grade-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/demo03-grade-form.vue
@@ -1,14 +1,13 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
 import { nextTick, ref, watch } from 'vue';
 
-import { Form, Input } from 'ant-design-vue';
+import { Form, Input } from 'antdv-next';
 
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/normal';
 
+type Rule = any;
 const props = defineProps<{
   studentId?: number; // 学生编号（主表的关联字段）
 }>();
@@ -54,14 +53,14 @@ watch(
     :label-col="{ span: 5 }"
     :wrapper-col="{ span: 18 }"
   >
-    <Form.Item label="学生编号" name="studentId">
+    <FormItem label="学生编号" name="studentId">
       <Input v-model:value="formData.studentId" placeholder="请输入学生编号" />
-    </Form.Item>
-    <Form.Item label="名字" name="name">
+    </FormItem>
+    <FormItem label="名字" name="name">
       <Input v-model:value="formData.name" placeholder="请输入名字" />
-    </Form.Item>
-    <Form.Item label="班主任" name="teacher">
+    </FormItem>
+    <FormItem label="班主任" name="teacher">
       <Input v-model:value="formData.teacher" placeholder="请输入班主任" />
-    </Form.Item>
+    </FormItem>
   </Form>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/form.vue
index 2527c0f12..31d093671 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/inner/modules/form.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
 import { computed, ref } from 'vue';
@@ -17,7 +15,7 @@ import {
   Radio,
   RadioGroup,
   Tabs,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   createDemo03Student,
@@ -30,6 +28,7 @@ import { $t } from '#/locales';
 import Demo03CourseForm from './demo03-course-form.vue';
 import Demo03GradeForm from './demo03-grade-form.vue';
 
+type Rule = any;
 const emit = defineEmits(['success']);
 
 const formRef = ref();
@@ -130,10 +129,10 @@ const [Modal, modalApi] = useVbenModal({
       :label-col="{ span: 5 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="名字" name="name">
+      <FormItem label="名字" name="name">
         <Input v-model:value="formData.name" placeholder="请输入名字" />
-      </Form.Item>
-      <Form.Item label="性别" name="sex">
+      </FormItem>
+      <FormItem label="性别" name="sex">
         <RadioGroup v-model:value="formData.sex">
           <Radio
             v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number')"
@@ -143,29 +142,29 @@ const [Modal, modalApi] = useVbenModal({
             {{ dict.label }}
           </Radio>
         </RadioGroup>
-      </Form.Item>
-      <Form.Item label="出生日期" name="birthday">
+      </FormItem>
+      <FormItem label="出生日期" name="birthday">
         <DatePicker
           v-model:value="formData.birthday"
           value-format="x"
           placeholder="选择出生日期"
         />
-      </Form.Item>
-      <Form.Item label="简介" name="description">
+      </FormItem>
+      <FormItem label="简介" name="description">
         <RichTextarea v-model="formData.description" height="500px" />
-      </Form.Item>
+      </FormItem>
     </Form>
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
-      <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+      <TabPane key="demo03Course" tab="学生课程" force-render>
         <Demo03CourseForm
           ref="demo03CourseFormRef"
           :student-id="formData?.id"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+      </TabPane>
+      <TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/index.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/index.vue
index df62b67b6..0c185f72d 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/index.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/index.vue
@@ -21,9 +21,9 @@ import {
   Input,
   message,
   Pagination,
-  RangePicker,
+  DateRangePicker as RangePicker,
   Select,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import {
@@ -166,7 +166,7 @@ onMounted(() => {
     <ContentWrap v-if="!hiddenSearchBar">
       <!-- 搜索工作栏 -->
       <Form :model="queryParams" ref="queryFormRef" layout="inline">
-        <Form.Item label="名字" name="name">
+        <FormItem label="名字" name="name">
           <Input
             v-model:value="queryParams.name"
             placeholder="请输入名字"
@@ -174,15 +174,15 @@ onMounted(() => {
             @press-enter="handleQuery"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item label="性别" name="sex">
+        </FormItem>
+        <FormItem label="性别" name="sex">
           <Select
             v-model:value="queryParams.sex"
             placeholder="请选择性别"
             allow-clear
             class="w-full"
           >
-            <Select.Option
+            <SelectOption
               v-for="dict in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
@@ -191,22 +191,22 @@ onMounted(() => {
               :value="dict.value"
             >
               {{ dict.label }}
-            </Select.Option>
+            </SelectOption>
           </Select>
-        </Form.Item>
-        <Form.Item label="创建时间" name="createTime">
+        </FormItem>
+        <FormItem label="创建时间" name="createTime">
           <RangePicker
             v-model:value="queryParams.createTime"
             v-bind="getRangePickerDefaultProps()"
             class="w-full"
           />
-        </Form.Item>
-        <Form.Item>
+        </FormItem>
+        <FormItem>
           <Button class="ml-2" @click="resetQuery"> 重置 </Button>
           <Button class="ml-2" @click="handleQuery" type="primary">
             搜索
           </Button>
-        </Form.Item>
+        </FormItem>
       </Form>
     </ContentWrap>
 
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue
index 16568cb83..c7788eb1c 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue
@@ -6,7 +6,7 @@ import { ref, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/normal';
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-grade-form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-grade-form.vue
index 1c6cf36f3..0d4c9f8b6 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-grade-form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/demo03-grade-form.vue
@@ -1,14 +1,13 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
 import { nextTick, ref, watch } from 'vue';
 
-import { Form, Input } from 'ant-design-vue';
+import { Form, Input } from 'antdv-next';
 
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/normal';
 
+type Rule = any;
 const props = defineProps<{
   studentId?: number; // 学生编号（主表的关联字段）
 }>();
@@ -54,14 +53,14 @@ watch(
     :label-col="{ span: 5 }"
     :wrapper-col="{ span: 18 }"
   >
-    <Form.Item label="学生编号" name="studentId">
+    <FormItem label="学生编号" name="studentId">
       <Input v-model:value="formData.studentId" placeholder="请输入学生编号" />
-    </Form.Item>
-    <Form.Item label="名字" name="name">
+    </FormItem>
+    <FormItem label="名字" name="name">
       <Input v-model:value="formData.name" placeholder="请输入名字" />
-    </Form.Item>
-    <Form.Item label="班主任" name="teacher">
+    </FormItem>
+    <FormItem label="班主任" name="teacher">
       <Input v-model:value="formData.teacher" placeholder="请输入班主任" />
-    </Form.Item>
+    </FormItem>
   </Form>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/form.vue b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/form.vue
index 89f7cbe9d..c5c3078f3 100644
--- a/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/demo/general/demo03/normal/modules/form.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Rule } from 'ant-design-vue/es/form';
-
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
 import { computed, ref } from 'vue';
@@ -17,7 +15,7 @@ import {
   Radio,
   RadioGroup,
   Tabs,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import {
   createDemo03Student,
@@ -30,6 +28,7 @@ import { $t } from '#/locales';
 import Demo03CourseForm from './demo03-course-form.vue';
 import Demo03GradeForm from './demo03-grade-form.vue';
 
+type Rule = any;
 const emit = defineEmits(['success']);
 
 const formRef = ref();
@@ -129,10 +128,10 @@ const [Modal, modalApi] = useVbenModal({
       :label-col="{ span: 5 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="名字" name="name">
+      <FormItem label="名字" name="name">
         <Input v-model:value="formData.name" placeholder="请输入名字" />
-      </Form.Item>
-      <Form.Item label="性别" name="sex">
+      </FormItem>
+      <FormItem label="性别" name="sex">
         <RadioGroup v-model:value="formData.sex">
           <Radio
             v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number')"
@@ -142,29 +141,29 @@ const [Modal, modalApi] = useVbenModal({
             {{ dict.label }}
           </Radio>
         </RadioGroup>
-      </Form.Item>
-      <Form.Item label="出生日期" name="birthday">
+      </FormItem>
+      <FormItem label="出生日期" name="birthday">
         <DatePicker
           v-model:value="formData.birthday"
           value-format="x"
           placeholder="选择出生日期"
         />
-      </Form.Item>
-      <Form.Item label="简介" name="description">
+      </FormItem>
+      <FormItem label="简介" name="description">
         <RichTextarea v-model="formData.description" height="500px" />
-      </Form.Item>
+      </FormItem>
     </Form>
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
-      <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
+      <TabPane key="demo03Course" tab="学生课程" force-render>
         <Demo03CourseForm
           ref="demo03CourseFormRef"
           :student-id="formData?.id"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
+      </TabPane>
+      <TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/infra/file/index.vue b/apps/web-antdv-next/src/views/infra/file/index.vue
index a12275dce..7117372a3 100644
--- a/apps/web-antdv-next/src/views/infra/file/index.vue
+++ b/apps/web-antdv-next/src/views/infra/file/index.vue
@@ -8,7 +8,7 @@ import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty, openWindow } from '@vben/utils';
 
 import { useClipboard } from '@vueuse/core';
-import { Button, Image, message } from 'ant-design-vue';
+import { Button, Image, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteFile, deleteFileList, getFilePage } from '#/api/infra/file';
diff --git a/apps/web-antdv-next/src/views/infra/file/modules/form.vue b/apps/web-antdv-next/src/views/infra/file/modules/form.vue
index bab6f0b6a..f161ad8d5 100644
--- a/apps/web-antdv-next/src/views/infra/file/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/file/modules/form.vue
@@ -1,16 +1,14 @@
 <script lang="ts" setup>
-import type { FileType } from 'ant-design-vue/es/upload/interface';
-
 import { useVbenModal } from '@vben/common-ui';
 
-import { message, Upload } from 'ant-design-vue';
+import { message, Upload } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { useUpload } from '#/components/upload/use-upload';
 import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
-
+type FileType = any;
 const emit = defineEmits(['success']);
 
 const [Form, formApi] = useVbenForm({
diff --git a/apps/web-antdv-next/src/views/infra/fileConfig/data.ts b/apps/web-antdv-next/src/views/infra/fileConfig/data.ts
index b34729dd4..fc101ab0d 100644
--- a/apps/web-antdv-next/src/views/infra/fileConfig/data.ts
+++ b/apps/web-antdv-next/src/views/infra/fileConfig/data.ts
@@ -43,7 +43,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/infra/fileConfig/index.vue b/apps/web-antdv-next/src/views/infra/fileConfig/index.vue
index 0568f820f..77f9596b6 100644
--- a/apps/web-antdv-next/src/views/infra/fileConfig/index.vue
+++ b/apps/web-antdv-next/src/views/infra/fileConfig/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty, openWindow } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/fileConfig/modules/form.vue b/apps/web-antdv-next/src/views/infra/fileConfig/modules/form.vue
index eaae98c17..4e51b29c4 100644
--- a/apps/web-antdv-next/src/views/infra/fileConfig/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/fileConfig/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } 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 31811a055..9c9c527cd 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 'ant-design-vue';
+import { Timeline } from 'antdv-next';
 
 import { CronTab } from '#/components/cron-tab';
 import { DictTag } from '#/components/dict-tag';
@@ -236,7 +236,7 @@ export function useDetailSchema(): DescriptionItemSchema[] {
         }
         return h(Timeline, {}, () =>
           val?.map((time: Date) =>
-            h(Timeline.Item, {}, () => formatDateTime(time)),
+            h(TimelineItem, {}, () => formatDateTime(time)),
           ),
         );
       },
diff --git a/apps/web-antdv-next/src/views/infra/job/index.vue b/apps/web-antdv-next/src/views/infra/job/index.vue
index f7514202f..f36bebc60 100644
--- a/apps/web-antdv-next/src/views/infra/job/index.vue
+++ b/apps/web-antdv-next/src/views/infra/job/index.vue
@@ -9,7 +9,7 @@ import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { InfraJobStatusEnum } from '@vben/constants';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/infra/job/modules/form.vue b/apps/web-antdv-next/src/views/infra/job/modules/form.vue
index a66c66841..4e208333a 100644
--- a/apps/web-antdv-next/src/views/infra/job/modules/form.vue
+++ b/apps/web-antdv-next/src/views/infra/job/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createJob, getJob, updateJob } from '#/api/infra/job';
diff --git a/apps/web-antdv-next/src/views/infra/redis/index.vue b/apps/web-antdv-next/src/views/infra/redis/index.vue
index fb063a1e6..891251ae3 100644
--- a/apps/web-antdv-next/src/views/infra/redis/index.vue
+++ b/apps/web-antdv-next/src/views/infra/redis/index.vue
@@ -5,7 +5,7 @@ import { onMounted, ref } from 'vue';
 
 import { DocAlert, Page } from '@vben/common-ui';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import { getRedisMonitorInfo } from '#/api/infra/redis';
 
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 bcb7ccc27..c600609b7 100644
--- a/apps/web-antdv-next/src/views/infra/webSocket/index.vue
+++ b/apps/web-antdv-next/src/views/infra/webSocket/index.vue
@@ -20,7 +20,7 @@ import {
   message,
   Select,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getSimpleUserList } from '#/api/system/user';
 
@@ -228,13 +228,13 @@ onMounted(async () => {
           placeholder="请选择接收人"
           :disabled="!getIsOpen"
         >
-          <Select.Option key="" value="" label="所有人">
+          <SelectOption key="" value="" label="所有人">
             <div class="flex items-center">
               <Avatar size="small" class="mr-2">全</Avatar>
               <span>所有人</span>
             </div>
-          </Select.Option>
-          <Select.Option
+          </SelectOption>
+          <SelectOption
             v-for="user in userList"
             :key="user.id"
             :value="user.id"
@@ -246,7 +246,7 @@ onMounted(async () => {
               </Avatar>
               <span>{{ user.nickname }}</span>
             </div>
-          </Select.Option>
+          </SelectOption>
         </Select>
 
         <Input.TextArea
diff --git a/apps/web-antdv-next/src/views/iot/alert/config/data.ts b/apps/web-antdv-next/src/views/iot/alert/config/data.ts
index c45a95a74..37fc38ed1 100644
--- a/apps/web-antdv-next/src/views/iot/alert/config/data.ts
+++ b/apps/web-antdv-next/src/views/iot/alert/config/data.ts
@@ -31,7 +31,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '配置描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入配置描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/alert/config/index.vue b/apps/web-antdv-next/src/views/iot/alert/config/index.vue
index 0f23562bc..bba84f73f 100644
--- a/apps/web-antdv-next/src/views/iot/alert/config/index.vue
+++ b/apps/web-antdv-next/src/views/iot/alert/config/index.vue
@@ -4,7 +4,7 @@ import type { AlertConfigApi } from '#/api/iot/alert/config';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message, Tag } from 'ant-design-vue';
+import { message, Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteAlertConfig, getAlertConfigPage } from '#/api/iot/alert/config';
diff --git a/apps/web-antdv-next/src/views/iot/alert/modules/alert-config-form.vue b/apps/web-antdv-next/src/views/iot/alert/modules/alert-config-form.vue
index 76172f8f5..61758c6be 100644
--- a/apps/web-antdv-next/src/views/iot/alert/modules/alert-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/alert/modules/alert-config-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
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 64ba6cfac..1ddd89518 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
@@ -7,7 +7,7 @@ import { h, onMounted, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, message, Modal, Popover, Tag } from 'ant-design-vue';
+import { Button, message, Modal, Popover, Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAlertRecordPage, processAlertRecord } from '#/api/iot/alert/record';
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 cbe9319e7..aad25f37b 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { getDevice } from '#/api/iot/device/device';
 import { getProduct, ProtocolTypeEnum } from '#/api/iot/product/product';
@@ -97,21 +97,21 @@ onMounted(async () => {
     />
 
     <Tabs v-model:active-key="activeTab" class="mt-4">
-      <Tabs.TabPane key="info" tab="设备信息">
+      <TabPane key="info" tab="设备信息">
         <DeviceDetailsInfo
           v-if="activeTab === 'info'"
           :device="device"
           :product="product"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="model" tab="物模型数据">
+      </TabPane>
+      <TabPane key="model" tab="物模型数据">
         <DeviceDetailsThingModel
           v-if="activeTab === 'model' && device.id"
           :device-id="device.id"
           :thing-model-list="thingModelList"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane
+      </TabPane>
+      <TabPane
         v-if="product.deviceType === DeviceTypeEnum.GATEWAY"
         key="sub-device"
         tab="子设备管理"
@@ -120,29 +120,29 @@ onMounted(async () => {
           v-if="activeTab === 'sub-device' && device.id"
           :device-id="device.id"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="log" tab="设备消息">
+      </TabPane>
+      <TabPane key="log" tab="设备消息">
         <DeviceDetailsMessage
           v-if="activeTab === 'log' && device.id"
           :device-id="device.id"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="simulator" tab="模拟设备">
+      </TabPane>
+      <TabPane key="simulator" tab="模拟设备">
         <DeviceDetailsSimulator
           v-if="activeTab === 'simulator'"
           :device="device"
           :product="product"
           :thing-model-list="thingModelList"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="config" tab="设备配置">
+      </TabPane>
+      <TabPane key="config" tab="设备配置">
         <DeviceDetailConfig
           v-if="activeTab === 'config'"
           :device="device"
           @success="() => getDeviceData(id)"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane
+      </TabPane>
+      <TabPane
         v-if="
           [
             ProtocolTypeEnum.MODBUS_TCP_CLIENT,
@@ -158,7 +158,7 @@ onMounted(async () => {
           :product="product"
           :thing-model-list="thingModelList"
         />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </Page>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/config.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/config.vue
index 8f263d28c..c35d7a5f1 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/config.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/config.vue
@@ -6,7 +6,7 @@ import { computed, ref, watchEffect } from 'vue';
 
 import { IotDeviceMessageMethodEnum } from '@vben/constants';
 
-import { Alert, Button, message, Textarea } from 'ant-design-vue';
+import { Alert, Button, message, TextArea } from 'antdv-next';
 
 import { sendDeviceMessage, updateDevice } from '#/api/iot/device/device';
 
@@ -142,7 +142,7 @@ async function updateDeviceConfig() {
     </div>
 
     <!-- 编辑器视图 - 可编辑 -->
-    <Textarea
+    <TextArea
       v-else
       v-model:value="configString"
       :rows="20"
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/header.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/header.vue
index 8a739a180..fe95df4d3 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/header.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/header.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, Card, Descriptions, message } from 'ant-design-vue';
+import { Button, Card, Descriptions, message } from 'antdv-next';
 
 import DeviceForm from '../../modules/form.vue';
 
@@ -75,15 +75,15 @@ function openEditForm(row: IotDeviceApi.Device) {
 
     <Card class="mt-4">
       <Descriptions :column="2">
-        <Descriptions.Item label="产品">
+        <DescriptionsItem label="产品">
           <a
             class="cursor-pointer text-blue-600"
             @click="goToProductDetail(product.id)"
           >
             {{ product.name }}
           </a>
-        </Descriptions.Item>
-        <Descriptions.Item label="ProductKey">
+        </DescriptionsItem>
+        <DescriptionsItem label="ProductKey">
           {{ product.productKey }}
           <Button
             class="ml-2"
@@ -92,7 +92,7 @@ function openEditForm(row: IotDeviceApi.Device) {
           >
             复制
           </Button>
-        </Descriptions.Item>
+        </DescriptionsItem>
       </Descriptions>
     </Card>
   </div>
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue
index ded227804..74fb0b396 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue
@@ -16,7 +16,7 @@ import {
   Input,
   message,
   Modal,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getDeviceAuthInfo } from '#/api/iot/device/device';
 import { DictTag } from '#/components/dict-tag';
@@ -77,40 +77,40 @@ function handleAuthInfoDialogClose() {
   <div>
     <Card title="设备信息">
       <Descriptions :column="3" bordered size="small">
-        <Descriptions.Item label="产品名称">
+        <DescriptionsItem label="产品名称">
           {{ product.name }}
-        </Descriptions.Item>
-        <Descriptions.Item label="ProductKey">
+        </DescriptionsItem>
+        <DescriptionsItem label="ProductKey">
           {{ product.productKey }}
-        </Descriptions.Item>
-        <Descriptions.Item label="设备类型">
+        </DescriptionsItem>
+        <DescriptionsItem label="设备类型">
           <DictTag
             :type="DICT_TYPE.IOT_PRODUCT_DEVICE_TYPE"
             :value="product.deviceType"
           />
-        </Descriptions.Item>
-        <Descriptions.Item label="DeviceName">
+        </DescriptionsItem>
+        <DescriptionsItem label="DeviceName">
           {{ device.deviceName }}
-        </Descriptions.Item>
-        <Descriptions.Item label="备注名称">
+        </DescriptionsItem>
+        <DescriptionsItem label="备注名称">
           {{ device.nickname || '--' }}
-        </Descriptions.Item>
-        <Descriptions.Item label="当前状态">
+        </DescriptionsItem>
+        <DescriptionsItem label="当前状态">
           <DictTag :type="DICT_TYPE.IOT_DEVICE_STATE" :value="device.state" />
-        </Descriptions.Item>
-        <Descriptions.Item label="创建时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="创建时间">
           {{ formatDateTime(device.createTime) }}
-        </Descriptions.Item>
-        <Descriptions.Item label="激活时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="激活时间">
           {{ formatDateTime(device.activeTime) }}
-        </Descriptions.Item>
-        <Descriptions.Item label="最后上线时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="最后上线时间">
           {{ formatDateTime(device.onlineTime) }}
-        </Descriptions.Item>
-        <Descriptions.Item label="最后离线时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="最后离线时间">
           {{ formatDateTime(device.offlineTime) }}
-        </Descriptions.Item>
-        <Descriptions.Item label="设备位置">
+        </DescriptionsItem>
+        <DescriptionsItem label="设备位置">
           <template v-if="hasLocation">
             <span class="mr-2">
               {{ device.longitude }}, {{ device.latitude }}
@@ -121,12 +121,12 @@ function handleAuthInfoDialogClose() {
             </Button>
           </template>
           <span v-else class="text-gray-400">暂无位置信息</span>
-        </Descriptions.Item>
-        <Descriptions.Item label="MQTT 连接参数">
+        </DescriptionsItem>
+        <DescriptionsItem label="MQTT 连接参数">
           <Button size="small" type="link" @click="handleAuthInfoDialogOpen">
             查看
           </Button>
-        </Descriptions.Item>
+        </DescriptionsItem>
       </Descriptions>
     </Card>
 
@@ -138,7 +138,7 @@ function handleAuthInfoDialogClose() {
       width="640px"
     >
       <Form :label-col="{ span: 6 }">
-        <Form.Item label="clientId">
+        <FormItem label="clientId">
           <Input.Group compact>
             <Input
               v-model:value="authInfo.clientId"
@@ -149,8 +149,8 @@ function handleAuthInfoDialogClose() {
               <IconifyIcon icon="lucide:copy" />
             </Button>
           </Input.Group>
-        </Form.Item>
-        <Form.Item label="username">
+        </FormItem>
+        <FormItem label="username">
           <Input.Group compact>
             <Input
               v-model:value="authInfo.username"
@@ -161,8 +161,8 @@ function handleAuthInfoDialogClose() {
               <IconifyIcon icon="lucide:copy" />
             </Button>
           </Input.Group>
-        </Form.Item>
-        <Form.Item label="password">
+        </FormItem>
+        <FormItem label="password">
           <Input.Group compact>
             <Input
               v-model:value="authInfo.password"
@@ -182,7 +182,7 @@ function handleAuthInfoDialogClose() {
               <IconifyIcon icon="lucide:copy" />
             </Button>
           </Input.Group>
-        </Form.Item>
+        </FormItem>
       </Form>
       <div class="mt-4 text-right">
         <Button @click="handleAuthInfoDialogClose">关闭</Button>
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/message.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/message.vue
index 04d07f3c0..a20e93d09 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/message.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/message.vue
@@ -15,7 +15,7 @@ import { DICT_TYPE, IotDeviceMessageMethodEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime } from '@vben/utils';
 
-import { Button, Select, Space, Switch, Tag } from 'ant-design-vue';
+import { Button, Select, Space, Switch, Tag } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDeviceMessagePage } from '#/api/iot/device/device';
@@ -189,14 +189,14 @@ defineExpose({
         placeholder="所有方法"
         style="width: 160px"
       >
-        <Select.Option
+        <SelectOption
           v-for="item in methodOptions"
           :key="item.value"
           :label="item.label"
           :value="item.value"
         >
           {{ item.label }}
-        </Select.Option>
+        </SelectOption>
       </Select>
       <Select
         v-model:value="queryParams.upstream"
@@ -204,8 +204,8 @@ defineExpose({
         placeholder="上行/下行"
         style="width: 160px"
       >
-        <Select.Option label="上行" value="true">上行</Select.Option>
-        <Select.Option label="下行" value="false">下行</Select.Option>
+        <SelectOption label="上行" value="true">上行</SelectOption>
+        <SelectOption label="下行" value="false">下行</SelectOption>
       </Select>
       <Space>
         <Button type="primary" @click="handleQuery">
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config-form.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config-form.vue
index fb792d4e7..80751d80d 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config-form.vue
@@ -8,7 +8,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm, z } from '#/adapter/form';
 import { saveModbusConfig } from '#/api/iot/device/modbus/config';
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config.vue
index 74f07130f..1df624be0 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-config.vue
@@ -14,7 +14,7 @@ import { computed, h, onMounted, ref } from 'vue';
 import { confirm, useVbenModal } from '@vben/common-ui';
 import { DICT_TYPE } from '@vben/constants';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getModbusConfig } from '#/api/iot/device/modbus/config';
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-point-form.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-point-form.vue
index db5fc0674..608f85642 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-point-form.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/modbus-point-form.vue
@@ -10,7 +10,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm, z } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/simulator.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/simulator.vue
index ceb5b336a..254115824 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/simulator.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/simulator.vue
@@ -1,6 +1,6 @@
 <!-- 模拟设备 -->
 <script lang="ts" setup>
-import type { TableColumnType } from 'ant-design-vue';
+import type { TableColumnType } from 'antdv-next';
 
 import type { IotDeviceApi } from '#/api/iot/device/device';
 import type { IotProductApi } from '#/api/iot/product/product';
@@ -21,8 +21,8 @@ import {
   Row,
   Table,
   Tabs,
-  Textarea,
-} from 'ant-design-vue';
+  TextArea,
+} from 'antdv-next';
 
 import { sendDeviceMessage } from '#/api/iot/device/device';
 import {
@@ -361,14 +361,14 @@ async function handleServiceInvoke(row: ThingModelData) {
           <div v-show="!debugCollapsed">
             <Tabs v-model:active-key="activeTab" size="small">
               <!-- 上行指令调试 -->
-              <Tabs.TabPane key="upstream" tab="上行指令调试">
+              <TabPane key="upstream" tab="上行指令调试">
                 <Tabs
                   v-if="activeTab === 'upstream'"
                   v-model:active-key="upstreamTab"
                   size="small"
                 >
                   <!-- 属性上报 -->
-                  <Tabs.TabPane
+                  <TabPane
                     :key="IotDeviceMessageMethodEnum.PROPERTY_POST.method"
                     tab="属性上报"
                   >
@@ -409,10 +409,10 @@ async function handleServiceInvoke(row: ThingModelData) {
                         </Button>
                       </div>
                     </ContentWrap>
-                  </Tabs.TabPane>
+                  </TabPane>
 
                   <!-- 事件上报 -->
-                  <Tabs.TabPane
+                  <TabPane
                     :key="IotDeviceMessageMethodEnum.EVENT_POST.method"
                     tab="事件上报"
                   >
@@ -433,7 +433,7 @@ async function handleServiceInvoke(row: ThingModelData) {
                             <DataDefinition :data="record" />
                           </template>
                           <template v-else-if="column.key === 'value'">
-                            <Textarea
+                            <TextArea
                               :rows="3"
                               :value="getFormValue(record.identifier)"
                               placeholder="输入事件参数（JSON格式）"
@@ -455,10 +455,10 @@ async function handleServiceInvoke(row: ThingModelData) {
                         </template>
                       </Table>
                     </ContentWrap>
-                  </Tabs.TabPane>
+                  </TabPane>
 
                   <!-- 状态变更 -->
-                  <Tabs.TabPane
+                  <TabPane
                     :key="IotDeviceMessageMethodEnum.STATE_UPDATE.method"
                     tab="状态变更"
                   >
@@ -478,19 +478,19 @@ async function handleServiceInvoke(row: ThingModelData) {
                         </Button>
                       </div>
                     </ContentWrap>
-                  </Tabs.TabPane>
+                  </TabPane>
                 </Tabs>
-              </Tabs.TabPane>
+              </TabPane>
 
               <!-- 下行指令调试 -->
-              <Tabs.TabPane key="downstream" tab="下行指令调试">
+              <TabPane key="downstream" tab="下行指令调试">
                 <Tabs
                   v-if="activeTab === 'downstream'"
                   v-model:active-key="downstreamTab"
                   size="small"
                 >
                   <!-- 属性调试 -->
-                  <Tabs.TabPane
+                  <TabPane
                     :key="IotDeviceMessageMethodEnum.PROPERTY_SET.method"
                     tab="属性设置"
                   >
@@ -531,10 +531,10 @@ async function handleServiceInvoke(row: ThingModelData) {
                         </Button>
                       </div>
                     </ContentWrap>
-                  </Tabs.TabPane>
+                  </TabPane>
 
                   <!-- 服务调用 -->
-                  <Tabs.TabPane
+                  <TabPane
                     :key="IotDeviceMessageMethodEnum.SERVICE_INVOKE.method"
                     tab="设备服务调用"
                   >
@@ -552,7 +552,7 @@ async function handleServiceInvoke(row: ThingModelData) {
                             <DataDefinition :data="record" />
                           </template>
                           <template v-else-if="column.key === 'value'">
-                            <Textarea
+                            <TextArea
                               :rows="3"
                               :value="getFormValue(record.identifier)"
                               placeholder="输入服务参数（JSON格式）"
@@ -574,9 +574,9 @@ async function handleServiceInvoke(row: ThingModelData) {
                         </template>
                       </Table>
                     </ContentWrap>
-                  </Tabs.TabPane>
+                  </TabPane>
                 </Tabs>
-              </Tabs.TabPane>
+              </TabPane>
             </Tabs>
           </div>
         </Card>
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/sub-device.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/sub-device.vue
index 3c1da17c6..bc795ce7e 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/sub-device.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/sub-device.vue
@@ -10,7 +10,7 @@ import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { DeviceTypeEnum, DICT_TYPE } from '@vben/constants';
 import { formatDateTime, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-event.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-event.vue
index 77e533e7e..121ff77c4 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-event.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-event.vue
@@ -10,7 +10,7 @@ import { IotDeviceMessageMethodEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime } from '@vben/utils';
 
-import { Button, RangePicker, Select, Space, Tag } from 'ant-design-vue';
+import { Button, DateRangePicker, Select, Space, Tag } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDeviceMessagePairPage } from '#/api/iot/device/device';
@@ -195,18 +195,18 @@ defineExpose({
           placeholder="请选择事件标识符"
           style="width: 240px"
         >
-          <Select.Option
+          <SelectOption
             v-for="event in eventThingModels"
             :key="event.identifier"
             :value="event.identifier!"
           >
             {{ event.name }}({{ event.identifier }})
-          </Select.Option>
+          </SelectOption>
         </Select>
       </div>
       <div class="flex items-center gap-2">
         <span>时间范围：</span>
-        <RangePicker
+        <DateRangePicker
           v-model:value="queryParams.times"
           format="YYYY-MM-DD HH:mm:ss"
           show-time
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 1cb400c34..ab5a13307 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
@@ -21,7 +21,7 @@ import {
   Spin,
   Table,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { getHistoryDevicePropertyList } from '#/api/iot/device/device';
@@ -447,7 +447,7 @@ defineExpose({ open }); // 提供 open 方法，用于打开弹窗
           </Button>
 
           <!-- 视图切换 -->
-          <Button.Group class="ml-auto">
+          <Space class="ml-auto">
             <Button
               :disabled="!canShowChart"
               :type="viewMode === 'chart' ? 'primary' : 'default'"
@@ -467,7 +467,7 @@ defineExpose({ open }); // 提供 open 方法，用于打开弹窗
               </template>
               列表
             </Button>
-          </Button.Group>
+          </Space>
         </Space>
 
         <!-- 数据统计信息 -->
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 b01765cff..799207808 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
@@ -25,7 +25,7 @@ import {
   Row,
   Switch,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getLatestDeviceProperties } from '#/api/iot/device/device';
@@ -290,7 +290,7 @@ onBeforeUnmount(() => {
           un-checked-children="定时刷新"
         />
       </div>
-      <Button.Group>
+      <Space>
         <Button
           :type="viewMode === 'card' ? 'primary' : 'default'"
           @click="handleViewModeChange('card')"
@@ -303,7 +303,7 @@ onBeforeUnmount(() => {
         >
           <IconifyIcon icon="ep:list" />
         </Button>
-      </Button.Group>
+      </Space>
     </div>
 
     <!-- 分隔线 -->
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-service.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-service.vue
index 3971d00d9..64c5720ae 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-service.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-service.vue
@@ -10,7 +10,7 @@ import { IotDeviceMessageMethodEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime } from '@vben/utils';
 
-import { Button, RangePicker, Select, Space, Tag } from 'ant-design-vue';
+import { Button, DateRangePicker, Select, Space, Tag } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDeviceMessagePairPage } from '#/api/iot/device/device';
@@ -209,18 +209,18 @@ defineExpose({
           placeholder="请选择服务标识符"
           style="width: 240px"
         >
-          <Select.Option
+          <SelectOption
             v-for="service in serviceThingModels"
             :key="service.identifier"
             :value="service.identifier!"
           >
             {{ service.name }}({{ service.identifier }})
-          </Select.Option>
+          </SelectOption>
         </Select>
       </div>
       <div class="flex items-center gap-2">
         <span>时间范围：</span>
-        <RangePicker
+        <DateRangePicker
           v-model:value="queryParams.times"
           format="YYYY-MM-DD HH:mm:ss"
           show-time
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 3862c6620..47ce0714b 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 'ant-design-vue';
+import { Tabs } from 'antdv-next';
 
 import DeviceDetailsThingModelEvent from './thing-model-event.vue';
 import DeviceDetailsThingModelProperty from './thing-model-property.vue';
@@ -22,26 +22,26 @@ const activeTab = ref('property'); // 默认选中设备属性
 <template>
   <ContentWrap>
     <Tabs v-model:active-key="activeTab" class="!h-auto !p-0">
-      <Tabs.TabPane key="property" tab="设备属性（运行状态）">
+      <TabPane key="property" tab="设备属性（运行状态）">
         <DeviceDetailsThingModelProperty
           v-if="activeTab === 'property'"
           :device-id="deviceId"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="event" tab="设备事件上报">
+      </TabPane>
+      <TabPane key="event" tab="设备事件上报">
         <DeviceDetailsThingModelEvent
           v-if="activeTab === 'event'"
           :device-id="props.deviceId"
           :thing-model-list="props.thingModelList"
         />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="service" tab="设备服务调用">
+      </TabPane>
+      <TabPane key="service" tab="设备服务调用">
         <DeviceDetailsThingModelService
           v-if="activeTab === 'service'"
           :device-id="deviceId"
           :thing-model-list="props.thingModelList"
         />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </ContentWrap>
 </template>
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 9b1d53e58..4655d3622 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
@@ -14,15 +14,7 @@ import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import {
-  Button,
-  Card,
-  Input,
-  message,
-  Select,
-  Space,
-  Tag,
-} from 'ant-design-vue';
+import { Button, Card, Input, message, Select, Space, Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -293,13 +285,13 @@ onMounted(async () => {
           allow-clear
           style="width: 200px"
         >
-          <Select.Option
+          <SelectOption
             v-for="product in products"
             :key="product.id"
             :value="product.id"
           >
             {{ product.name }}
-          </Select.Option>
+          </SelectOption>
         </Select>
         <Input
           v-model:value="queryParams.deviceName"
@@ -321,7 +313,7 @@ onMounted(async () => {
           allow-clear
           style="width: 200px"
         >
-          <Select.Option
+          <SelectOption
             v-for="dict in getDictOptions(
               DICT_TYPE.IOT_PRODUCT_DEVICE_TYPE,
               'number',
@@ -330,7 +322,7 @@ onMounted(async () => {
             :value="dict.value"
           >
             {{ dict.label }}
-          </Select.Option>
+          </SelectOption>
         </Select>
         <Select
           v-model:value="queryParams.status"
@@ -338,13 +330,13 @@ onMounted(async () => {
           allow-clear
           style="width: 200px"
         >
-          <Select.Option
+          <SelectOption
             v-for="dict in getDictOptions(DICT_TYPE.IOT_DEVICE_STATE, 'number')"
             :key="dict.value"
             :value="dict.value"
           >
             {{ dict.label }}
-          </Select.Option>
+          </SelectOption>
         </Select>
         <Select
           v-model:value="queryParams.groupId"
@@ -352,13 +344,13 @@ onMounted(async () => {
           allow-clear
           style="width: 200px"
         >
-          <Select.Option
+          <SelectOption
             v-for="group in deviceGroups"
             :key="group.id"
             :value="group.id"
           >
             {{ group.name }}
-          </Select.Option>
+          </SelectOption>
         </Select>
         <Button type="primary" @click="handleSearch">
           <IconifyIcon icon="ant-design:search-outlined" class="mr-1" />
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 dca9b5968..5af722a34 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
@@ -18,7 +18,7 @@ import {
   Popconfirm,
   Row,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getDevicePage } from '#/api/iot/device/device';
 import { DictTag } from '#/components/dict-tag';
diff --git a/apps/web-antdv-next/src/views/iot/device/device/modules/form.vue b/apps/web-antdv-next/src/views/iot/device/device/modules/form.vue
index 7e452f523..a0839970c 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/modules/form.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, Collapse, message, Space } from 'ant-design-vue';
+import { Button, Collapse, message, Space } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createDevice, getDevice, updateDevice } from '#/api/iot/device/device';
@@ -186,12 +186,12 @@ onMounted(async () => {
     <div class="mx-4">
       <Form />
       <Collapse v-model:active-key="activeKey" class="mt-4">
-        <Collapse.Panel key="advanced" header="更多设置">
+        <CollapsePanel key="advanced" header="更多设置">
           <AdvancedForm />
           <Space class="mt-2">
             <Button type="primary" @click="openMapDialog">坐标拾取</Button>
           </Space>
-        </Collapse.Panel>
+        </CollapsePanel>
       </Collapse>
     </div>
   </Modal>
diff --git a/apps/web-antdv-next/src/views/iot/device/device/modules/group-form.vue b/apps/web-antdv-next/src/views/iot/device/device/modules/group-form.vue
index ee1ba20d6..ce5075e3c 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/modules/group-form.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/modules/group-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { updateDeviceGroup } from '#/api/iot/device/device';
diff --git a/apps/web-antdv-next/src/views/iot/device/device/modules/import-form.vue b/apps/web-antdv-next/src/views/iot/device/device/modules/import-form.vue
index ca4c5d9ea..90093432b 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/modules/import-form.vue
+++ b/apps/web-antdv-next/src/views/iot/device/device/modules/import-form.vue
@@ -1,19 +1,17 @@
 <script lang="ts" setup>
-import type { FileType } from 'ant-design-vue/es/upload/interface';
-
 import type { IotDeviceApi } from '#/api/iot/device/device';
 
 import { useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Upload } from 'ant-design-vue';
+import { Button, message, Upload } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { importDevice, importDeviceTemplate } from '#/api/iot/device/device';
 import { $t } from '#/locales';
 
 import { useImportFormSchema } from '../data';
-
+type FileType = any;
 defineOptions({ name: 'IoTDeviceImportForm' });
 
 const emit = defineEmits(['success']);
diff --git a/apps/web-antdv-next/src/views/iot/device/group/data.ts b/apps/web-antdv-next/src/views/iot/device/group/data.ts
index ca6a10a88..6b7cdc0c2 100644
--- a/apps/web-antdv-next/src/views/iot/device/group/data.ts
+++ b/apps/web-antdv-next/src/views/iot/device/group/data.ts
@@ -44,7 +44,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '分组描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入分组描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/device/group/index.vue b/apps/web-antdv-next/src/views/iot/device/group/index.vue
index 2ee40a18b..23c84aaa3 100644
--- a/apps/web-antdv-next/src/views/iot/device/group/index.vue
+++ b/apps/web-antdv-next/src/views/iot/device/group/index.vue
@@ -4,7 +4,7 @@ import type { IotDeviceGroupApi } from '#/api/iot/device/group';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteDeviceGroup, getDeviceGroupPage } from '#/api/iot/device/group';
diff --git a/apps/web-antdv-next/src/views/iot/device/group/modules/form.vue b/apps/web-antdv-next/src/views/iot/device/group/modules/form.vue
index 3e1a2d521..965ad8b3d 100644
--- a/apps/web-antdv-next/src/views/iot/device/group/modules/form.vue
+++ b/apps/web-antdv-next/src/views/iot/device/group/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/home/index.vue b/apps/web-antdv-next/src/views/iot/home/index.vue
index e05863fe9..4a0505668 100644
--- a/apps/web-antdv-next/src/views/iot/home/index.vue
+++ b/apps/web-antdv-next/src/views/iot/home/index.vue
@@ -5,7 +5,7 @@ import { onMounted, ref } from 'vue';
 
 import { ComparisonCard, Page } from '@vben/common-ui';
 
-import { Col, Row } from 'ant-design-vue';
+import { Col, Row } from 'antdv-next';
 
 import { getStatisticsSummary } from '#/api/iot/statistics';
 
diff --git a/apps/web-antdv-next/src/views/iot/home/modules/device-count-card.vue b/apps/web-antdv-next/src/views/iot/home/modules/device-count-card.vue
index 422f6e758..4140af50d 100644
--- a/apps/web-antdv-next/src/views/iot/home/modules/device-count-card.vue
+++ b/apps/web-antdv-next/src/views/iot/home/modules/device-count-card.vue
@@ -5,7 +5,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue';
 
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card, Empty } from 'ant-design-vue';
+import { Card, Empty } from 'antdv-next';
 
 import { getDeviceCountPieChartOptions } from '../chart-options';
 
diff --git a/apps/web-antdv-next/src/views/iot/home/modules/device-map-card.vue b/apps/web-antdv-next/src/views/iot/home/modules/device-map-card.vue
index baa2eec75..813d322e2 100644
--- a/apps/web-antdv-next/src/views/iot/home/modules/device-map-card.vue
+++ b/apps/web-antdv-next/src/views/iot/home/modules/device-map-card.vue
@@ -4,7 +4,7 @@ import type { IotDeviceApi } from '#/api/iot/device/device';
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { Card, Empty, Spin } from 'ant-design-vue';
+import { Card, Empty, Spin } from 'antdv-next';
 
 import { getDeviceLocationList } from '#/api/iot/device/device';
 import { loadBaiduMapSdk } from '#/components/map';
diff --git a/apps/web-antdv-next/src/views/iot/home/modules/device-state-count-card.vue b/apps/web-antdv-next/src/views/iot/home/modules/device-state-count-card.vue
index 3a93f21f0..b6a33b2bf 100644
--- a/apps/web-antdv-next/src/views/iot/home/modules/device-state-count-card.vue
+++ b/apps/web-antdv-next/src/views/iot/home/modules/device-state-count-card.vue
@@ -5,7 +5,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue';
 
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card, Col, Empty, Row } from 'ant-design-vue';
+import { Card, Col, Empty, Row } from 'antdv-next';
 
 import { getDeviceStateGaugeChartOptions } from '../chart-options';
 
diff --git a/apps/web-antdv-next/src/views/iot/home/modules/message-trend-card.vue b/apps/web-antdv-next/src/views/iot/home/modules/message-trend-card.vue
index f4a2a16cd..cd3ea987a 100644
--- a/apps/web-antdv-next/src/views/iot/home/modules/message-trend-card.vue
+++ b/apps/web-antdv-next/src/views/iot/home/modules/message-trend-card.vue
@@ -9,7 +9,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card, Empty, Select } from 'ant-design-vue';
+import { Card, Empty, Select } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { getDeviceMessageSummaryByDate } from '#/api/iot/statistics';
diff --git a/apps/web-antdv-next/src/views/iot/ota/data.ts b/apps/web-antdv-next/src/views/iot/ota/data.ts
index ff9ba6ee1..a873d4d85 100644
--- a/apps/web-antdv-next/src/views/iot/ota/data.ts
+++ b/apps/web-antdv-next/src/views/iot/ota/data.ts
@@ -48,7 +48,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '固件描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入固件描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/ota/firmware/data.ts b/apps/web-antdv-next/src/views/iot/ota/firmware/data.ts
index 7b684dba9..298cd340b 100644
--- a/apps/web-antdv-next/src/views/iot/ota/firmware/data.ts
+++ b/apps/web-antdv-next/src/views/iot/ota/firmware/data.ts
@@ -48,7 +48,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '固件描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入固件描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/ota/firmware/index.vue b/apps/web-antdv-next/src/views/iot/ota/firmware/index.vue
index 8d19ad230..bcb123c05 100644
--- a/apps/web-antdv-next/src/views/iot/ota/firmware/index.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/firmware/index.vue
@@ -7,7 +7,7 @@ import { useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteOtaFirmware, getOtaFirmwarePage } from '#/api/iot/ota/firmware';
diff --git a/apps/web-antdv-next/src/views/iot/ota/index.vue b/apps/web-antdv-next/src/views/iot/ota/index.vue
index 6b0a148a6..83c98ef95 100644
--- a/apps/web-antdv-next/src/views/iot/ota/index.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/index.vue
@@ -4,7 +4,7 @@ import type { IoTOtaFirmwareApi } from '#/api/iot/ota/firmware';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteOtaFirmware, getOtaFirmwarePage } from '#/api/iot/ota/firmware';
diff --git a/apps/web-antdv-next/src/views/iot/ota/modules/detail/index.vue b/apps/web-antdv-next/src/views/iot/ota/modules/detail/index.vue
index c1dabcb1c..18764b09c 100644
--- a/apps/web-antdv-next/src/views/iot/ota/modules/detail/index.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/modules/detail/index.vue
@@ -6,7 +6,7 @@ import { useRoute } from 'vue-router';
 
 import { formatDate } from '@vben/utils';
 
-import { Card, Col, Descriptions, Row } from 'ant-design-vue';
+import { Card, Col, Descriptions, Row } from 'antdv-next';
 
 import { getOtaFirmware } from '#/api/iot/ota/firmware';
 import { getOtaTaskRecordStatusStatistics } from '#/api/iot/ota/task/record';
@@ -60,25 +60,25 @@ onMounted(() => {
     <!-- 固件信息 -->
     <Card title="固件信息" class="mb-3" :loading="firmwareLoading">
       <Descriptions :column="3" bordered size="small">
-        <Descriptions.Item label="固件名称">
+        <DescriptionsItem label="固件名称">
           {{ firmware?.name }}
-        </Descriptions.Item>
-        <Descriptions.Item label="所属产品">
+        </DescriptionsItem>
+        <DescriptionsItem label="所属产品">
           {{ firmware?.productName }}
-        </Descriptions.Item>
-        <Descriptions.Item label="固件版本">
+        </DescriptionsItem>
+        <DescriptionsItem label="固件版本">
           {{ firmware?.version }}
-        </Descriptions.Item>
-        <Descriptions.Item label="创建时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="创建时间">
           {{
             firmware?.createTime
               ? formatDate(firmware.createTime, 'YYYY-MM-DD HH:mm:ss')
               : '-'
           }}
-        </Descriptions.Item>
-        <Descriptions.Item label="固件描述" :span="2">
+        </DescriptionsItem>
+        <DescriptionsItem label="固件描述" :span="2">
           {{ firmware?.description }}
-        </Descriptions.Item>
+        </DescriptionsItem>
       </Descriptions>
     </Card>
 
diff --git a/apps/web-antdv-next/src/views/iot/ota/modules/firmware-detail/index.vue b/apps/web-antdv-next/src/views/iot/ota/modules/firmware-detail/index.vue
index eb947ca89..d8ff864dd 100644
--- a/apps/web-antdv-next/src/views/iot/ota/modules/firmware-detail/index.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/modules/firmware-detail/index.vue
@@ -6,7 +6,7 @@ import { useRoute } from 'vue-router';
 
 import { formatDate } from '@vben/utils';
 
-import { Card, Col, Descriptions, Row } from 'ant-design-vue';
+import { Card, Col, Descriptions, Row } from 'antdv-next';
 
 import { getOtaFirmware } from '#/api/iot/ota/firmware';
 import { getOtaTaskRecordStatusStatistics } from '#/api/iot/ota/task/record';
@@ -60,25 +60,25 @@ onMounted(() => {
     <!-- 固件信息 -->
     <Card title="固件信息" class="mb-5" :loading="firmwareLoading">
       <Descriptions :column="3" bordered>
-        <Descriptions.Item label="固件名称">
+        <DescriptionsItem label="固件名称">
           {{ firmware?.name }}
-        </Descriptions.Item>
-        <Descriptions.Item label="所属产品">
+        </DescriptionsItem>
+        <DescriptionsItem label="所属产品">
           {{ firmware?.productName }}
-        </Descriptions.Item>
-        <Descriptions.Item label="固件版本">
+        </DescriptionsItem>
+        <DescriptionsItem label="固件版本">
           {{ firmware?.version }}
-        </Descriptions.Item>
-        <Descriptions.Item label="创建时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="创建时间">
           {{
             firmware?.createTime
               ? formatDate(firmware.createTime, 'YYYY-MM-DD HH:mm:ss')
               : '-'
           }}
-        </Descriptions.Item>
-        <Descriptions.Item label="固件描述" :span="2">
+        </DescriptionsItem>
+        <DescriptionsItem label="固件描述" :span="2">
           {{ firmware?.description }}
-        </Descriptions.Item>
+        </DescriptionsItem>
       </Descriptions>
     </Card>
 
diff --git a/apps/web-antdv-next/src/views/iot/ota/modules/ota-firmware-form.vue b/apps/web-antdv-next/src/views/iot/ota/modules/ota-firmware-form.vue
index 896544c6f..3dc255da5 100644
--- a/apps/web-antdv-next/src/views/iot/ota/modules/ota-firmware-form.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/modules/ota-firmware-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
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 8768c2bf6..15ee150cd 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
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { TableColumnsType } from 'ant-design-vue';
+import type { TableColumnsType } from 'antdv-next';
 
 import type { OtaTask } from '#/api/iot/ota/task';
 import type { OtaTaskRecord } from '#/api/iot/ota/task/record';
@@ -19,7 +19,7 @@ import {
   Table,
   Tabs,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getOtaTask } from '#/api/iot/ota/task';
 import {
@@ -221,32 +221,32 @@ defineExpose({ open });
       <!-- 任务信息 -->
       <Card title="任务信息" class="mb-5" :loading="taskLoading">
         <Descriptions :column="3" bordered>
-          <Descriptions.Item label="任务编号">{{ task.id }}</Descriptions.Item>
-          <Descriptions.Item label="任务名称">
+          <DescriptionsItem label="任务编号">{{ task.id }}</DescriptionsItem>
+          <DescriptionsItem label="任务名称">
             {{ task.name }}
-          </Descriptions.Item>
-          <Descriptions.Item label="升级范围">
+          </DescriptionsItem>
+          <DescriptionsItem label="升级范围">
             <Tag v-if="task.deviceScope === 1" color="blue">全部设备</Tag>
             <Tag v-else-if="task.deviceScope === 2" color="green">指定设备</Tag>
             <Tag v-else>{{ task.deviceScope }}</Tag>
-          </Descriptions.Item>
-          <Descriptions.Item label="任务状态">
+          </DescriptionsItem>
+          <DescriptionsItem label="任务状态">
             <Tag v-if="task.status === 0" color="orange">待执行</Tag>
             <Tag v-else-if="task.status === 1" color="blue">执行中</Tag>
             <Tag v-else-if="task.status === 2" color="green">已完成</Tag>
             <Tag v-else-if="task.status === 3" color="red">已取消</Tag>
             <Tag v-else>{{ task.status }}</Tag>
-          </Descriptions.Item>
-          <Descriptions.Item label="创建时间">
+          </DescriptionsItem>
+          <DescriptionsItem label="创建时间">
             {{
               task.createTime
                 ? formatDate(task.createTime, 'YYYY-MM-DD HH:mm:ss')
                 : '-'
             }}
-          </Descriptions.Item>
-          <Descriptions.Item label="任务描述" :span="3">
+          </DescriptionsItem>
+          <DescriptionsItem label="任务描述" :span="3">
             {{ task.description }}
-          </Descriptions.Item>
+          </DescriptionsItem>
         </Descriptions>
       </Card>
 
@@ -351,11 +351,7 @@ defineExpose({ open });
           @change="handleTabChange"
           class="mb-4"
         >
-          <Tabs.TabPane
-            v-for="tab in statusTabs"
-            :key="tab.key"
-            :tab="tab.label"
-          />
+          <TabPane v-for="tab in statusTabs" :key="tab.key" :tab="tab.label" />
         </Tabs>
 
         <Table
diff --git a/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-form.vue b/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-form.vue
index bb3818cc5..27f2fb3e9 100644
--- a/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-form.vue
+++ b/apps/web-antdv-next/src/views/iot/ota/modules/task/ota-task-form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Form, Input, message, Select, Spin } from 'ant-design-vue';
+import { Form, Input, message, Select, Spin } from 'antdv-next';
 
 import { getDeviceListByProductId } from '#/api/iot/device/device';
 import { createOtaTask } from '#/api/iot/ota/task';
@@ -136,24 +136,24 @@ defineExpose({ open });
         :wrapper-col="{ span: 20 }"
         class="mx-4"
       >
-        <Form.Item label="任务名称" name="name">
+        <FormItem label="任务名称" name="name">
           <Input v-model:value="formData.name" placeholder="请输入任务名称" />
-        </Form.Item>
-        <Form.Item label="任务描述" name="description">
+        </FormItem>
+        <FormItem label="任务描述" name="description">
           <Input.TextArea
             v-model:value="formData.description"
             :rows="3"
             placeholder="请输入任务描述"
           />
-        </Form.Item>
-        <Form.Item label="升级范围" name="deviceScope">
+        </FormItem>
+        <FormItem label="升级范围" name="deviceScope">
           <Select
             v-model:value="formData.deviceScope"
             placeholder="请选择升级范围"
             :options="deviceScopeOptions"
           />
-        </Form.Item>
-        <Form.Item
+        </FormItem>
+        <FormItem
           v-if="formData.deviceScope === IoTOtaTaskDeviceScopeEnum.SELECT.value"
           label="选择设备"
           name="deviceIds"
@@ -166,7 +166,7 @@ defineExpose({ open });
             :filter-option="true"
             show-search
           />
-        </Form.Item>
+        </FormItem>
       </Form>
     </Spin>
   </Modal>
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 a8a92762b..e1146714c 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
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { TableColumnsType } from 'ant-design-vue';
+import type { TableColumnsType } from 'antdv-next';
 
 import type { OtaTask } from '#/api/iot/ota/task';
 
@@ -17,7 +17,7 @@ import {
   Space,
   Table,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getOtaTaskPage } from '#/api/iot/ota/task';
 import { IoTOtaTaskStatusEnum } from '#/views/iot/utils/constants';
diff --git a/apps/web-antdv-next/src/views/iot/product/category/data.ts b/apps/web-antdv-next/src/views/iot/product/category/data.ts
index 57dcae56f..cac6d9a89 100644
--- a/apps/web-antdv-next/src/views/iot/product/category/data.ts
+++ b/apps/web-antdv-next/src/views/iot/product/category/data.ts
@@ -57,7 +57,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入分类描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/product/category/index.vue b/apps/web-antdv-next/src/views/iot/product/category/index.vue
index 3dc7201b7..f660110db 100644
--- a/apps/web-antdv-next/src/views/iot/product/category/index.vue
+++ b/apps/web-antdv-next/src/views/iot/product/category/index.vue
@@ -4,7 +4,7 @@ import type { IotProductCategoryApi } from '#/api/iot/product/category';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/product/category/modules/form.vue b/apps/web-antdv-next/src/views/iot/product/category/modules/form.vue
index fc92904d0..575892cad 100644
--- a/apps/web-antdv-next/src/views/iot/product/category/modules/form.vue
+++ b/apps/web-antdv-next/src/views/iot/product/category/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/product/product/components/select.vue b/apps/web-antdv-next/src/views/iot/product/product/components/select.vue
index 9e5d00702..e40f8e3a6 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/components/select.vue
+++ b/apps/web-antdv-next/src/views/iot/product/product/components/select.vue
@@ -3,7 +3,7 @@ import type { IotProductApi } from '#/api/iot/product/product';
 
 import { onMounted, ref } from 'vue';
 
-import { Select } from 'ant-design-vue';
+import { Select } from 'antdv-next';
 
 import { getSimpleProductList } from '#/api/iot/product/product';
 
diff --git a/apps/web-antdv-next/src/views/iot/product/product/data.ts b/apps/web-antdv-next/src/views/iot/product/product/data.ts
index f2c8fcb6c..f4ef808fc 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/data.ts
+++ b/apps/web-antdv-next/src/views/iot/product/product/data.ts
@@ -7,7 +7,7 @@ import { h } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import { z } from '#/adapter/form';
 import { getSimpleProductCategoryList } from '#/api/iot/product/category';
@@ -194,7 +194,7 @@ export function useAdvancedFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '产品描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入产品描述',
         rows: 3,
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 5fc1fc7bd..76e2cbb3c 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { getDeviceCount } from '#/api/iot/device/device';
 import { getProduct } from '#/api/iot/product/product';
@@ -78,15 +78,15 @@ onMounted(async () => {
       @refresh="() => getProductData(id)"
     />
     <Tabs v-model:active-key="activeTab" class="mt-4">
-      <Tabs.TabPane key="info" tab="产品信息">
+      <TabPane key="info" tab="产品信息">
         <ProductDetailsInfo v-if="activeTab === 'info'" :product="product" />
-      </Tabs.TabPane>
-      <Tabs.TabPane key="thingModel" tab="物模型（功能定义）">
+      </TabPane>
+      <TabPane key="thingModel" tab="物模型（功能定义）">
         <IoTProductThingModel
           v-if="activeTab === 'thingModel'"
           :product-id="id"
         />
-      </Tabs.TabPane>
+      </TabPane>
     </Tabs>
   </Page>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/product/product/detail/modules/header.vue b/apps/web-antdv-next/src/views/iot/product/product/detail/modules/header.vue
index 864946721..6680199ee 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/detail/modules/header.vue
+++ b/apps/web-antdv-next/src/views/iot/product/product/detail/modules/header.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router';
 import { useVbenModal } from '@vben/common-ui';
 import { ProductStatusEnum } from '@vben/constants';
 
-import { Button, Card, Descriptions, message, Modal } from 'ant-design-vue';
+import { Button, Card, Descriptions, message, Modal } from 'antdv-next';
 
 import { updateProductStatus } from '#/api/iot/product/product';
 
@@ -116,7 +116,7 @@ function handleUnpublish(product: IotProductApi.Product) {
 
     <Card class="mt-4">
       <Descriptions :column="1">
-        <Descriptions.Item label="ProductKey">
+        <DescriptionsItem label="ProductKey">
           {{ product.productKey }}
           <Button
             class="ml-2"
@@ -125,15 +125,15 @@ function handleUnpublish(product: IotProductApi.Product) {
           >
             复制
           </Button>
-        </Descriptions.Item>
-        <Descriptions.Item label="设备总数">
+        </DescriptionsItem>
+        <DescriptionsItem label="设备总数">
           <span class="ml-5 mr-2">
             {{ product.deviceCount ?? '加载中...' }}
           </span>
           <Button size="small" @click="goToDeviceList(product.id!)">
             前往管理
           </Button>
-        </Descriptions.Item>
+        </DescriptionsItem>
       </Descriptions>
     </Card>
   </div>
diff --git a/apps/web-antdv-next/src/views/iot/product/product/detail/modules/info.vue b/apps/web-antdv-next/src/views/iot/product/product/detail/modules/info.vue
index 74f1156ac..e8ed7c102 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/detail/modules/info.vue
+++ b/apps/web-antdv-next/src/views/iot/product/product/detail/modules/info.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { DeviceTypeEnum, DICT_TYPE } from '@vben/constants';
 
-import { Button, Card, Descriptions, message } from 'ant-design-vue';
+import { Button, Card, Descriptions, message } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 
@@ -42,37 +42,37 @@ async function copyToClipboard(text: string) {
 <template>
   <Card title="产品信息">
     <Descriptions :column="3" bordered size="small">
-      <Descriptions.Item label="产品名称">
+      <DescriptionsItem label="产品名称">
         {{ product.name }}
-      </Descriptions.Item>
-      <Descriptions.Item label="所属分类">
+      </DescriptionsItem>
+      <DescriptionsItem label="所属分类">
         {{ product.categoryName || '-' }}
-      </Descriptions.Item>
-      <Descriptions.Item label="设备类型">
+      </DescriptionsItem>
+      <DescriptionsItem label="设备类型">
         <DictTag
           :type="DICT_TYPE.IOT_PRODUCT_DEVICE_TYPE"
           :value="product.deviceType"
         />
-      </Descriptions.Item>
-      <Descriptions.Item label="创建时间">
+      </DescriptionsItem>
+      <DescriptionsItem label="创建时间">
         {{ formatDate(product.createTime) }}
-      </Descriptions.Item>
-      <Descriptions.Item label="协议类型">
+      </DescriptionsItem>
+      <DescriptionsItem label="协议类型">
         <DictTag
           :type="DICT_TYPE.IOT_PROTOCOL_TYPE"
           :value="product.protocolType"
         />
-      </Descriptions.Item>
-      <Descriptions.Item label="序列化类型">
+      </DescriptionsItem>
+      <DescriptionsItem label="序列化类型">
         <DictTag
           :type="DICT_TYPE.IOT_SERIALIZE_TYPE"
           :value="product.serializeType"
         />
-      </Descriptions.Item>
-      <Descriptions.Item label="产品状态">
+      </DescriptionsItem>
+      <DescriptionsItem label="产品状态">
         <DictTag :type="DICT_TYPE.IOT_PRODUCT_STATUS" :value="product.status" />
-      </Descriptions.Item>
-      <Descriptions.Item
+      </DescriptionsItem>
+      <DescriptionsItem
         v-if="
           [DeviceTypeEnum.DEVICE, DeviceTypeEnum.GATEWAY].includes(
             product.deviceType!,
@@ -81,8 +81,8 @@ async function copyToClipboard(text: string) {
         label="联网方式"
       >
         <DictTag :type="DICT_TYPE.IOT_NET_TYPE" :value="product.netType" />
-      </Descriptions.Item>
-      <Descriptions.Item v-if="product.productSecret" label="ProductSecret">
+      </DescriptionsItem>
+      <DescriptionsItem v-if="product.productSecret" label="ProductSecret">
         <span v-if="showProductSecret">{{ product.productSecret }}</span>
         <span v-else>********</span>
         <Button class="ml-2" size="small" @click="toggleProductSecretVisible">
@@ -95,13 +95,13 @@ async function copyToClipboard(text: string) {
         >
           复制
         </Button>
-      </Descriptions.Item>
-      <Descriptions.Item label="动态注册">
+      </DescriptionsItem>
+      <DescriptionsItem label="动态注册">
         {{ product.registerEnabled ? '已开启' : '未开启' }}
-      </Descriptions.Item>
-      <Descriptions.Item :span="3" label="产品描述">
+      </DescriptionsItem>
+      <DescriptionsItem :span="3" label="产品描述">
         {{ product.description || '-' }}
-      </Descriptions.Item>
+      </DescriptionsItem>
     </Descriptions>
   </Card>
 </template>
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 0e94d1adf..88a21043c 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
@@ -11,7 +11,7 @@ import { ProductStatusEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, Card, Input, message, Space } from 'ant-design-vue';
+import { Button, Card, Input, message, Space } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSimpleProductCategoryList } from '#/api/iot/product/category';
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 cde81f578..c3008ca61 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
@@ -14,7 +14,7 @@ import {
   Popconfirm,
   Row,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getProductPage } from '#/api/iot/product/product';
 import { DictTag } from '#/components/dict-tag';
diff --git a/apps/web-antdv-next/src/views/iot/product/product/modules/form.vue b/apps/web-antdv-next/src/views/iot/product/product/modules/form.vue
index b3cdd6365..e7878bd4b 100644
--- a/apps/web-antdv-next/src/views/iot/product/product/modules/form.vue
+++ b/apps/web-antdv-next/src/views/iot/product/product/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, nextTick, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Collapse, message } from 'ant-design-vue';
+import { Collapse, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
@@ -146,9 +146,9 @@ const [Modal, modalApi] = useVbenModal({
     <div class="mx-4">
       <Form />
       <Collapse v-model:active-key="activeKey" class="mt-4">
-        <Collapse.Panel key="advanced" header="更多设置">
+        <CollapsePanel key="advanced" header="更多设置">
           <AdvancedForm />
-        </Collapse.Panel>
+        </CollapsePanel>
       </Collapse>
     </div>
   </Modal>
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/index.vue b/apps/web-antdv-next/src/views/iot/rule/data/index.vue
index f6eb38168..411ab4bed 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/index.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/index.vue
@@ -4,7 +4,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteDataRule, getDataRulePage } from '#/api/iot/rule/data/rule';
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/rule/components/source-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/rule/components/source-config-form.vue
index 62e050486..4c1a47b70 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/rule/components/source-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/rule/components/source-config-form.vue
@@ -4,7 +4,7 @@ import { computed, onMounted, reactive, ref } from 'vue';
 import { IotDeviceMessageMethodEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Form, Select, Table } from 'ant-design-vue';
+import { Button, Form, Select, Table } from 'antdv-next';
 
 import { getSimpleDeviceList } from '#/api/iot/device/device';
 import { getSimpleProductList } from '#/api/iot/product/product';
@@ -210,7 +210,7 @@ defineExpose({ validate, getData, setData });
     >
       <template #bodyCell="{ column, record, index }">
         <template v-if="column.dataIndex === 'productId'">
-          <Form.Item
+          <FormItem
             :name="['data', index, 'productId']"
             :rules="formRules.productId"
             class="mb-0"
@@ -228,10 +228,10 @@ defineExpose({ validate, getData, setData });
               "
               @change="() => handleProductChange(record, index)"
             />
-          </Form.Item>
+          </FormItem>
         </template>
         <template v-else-if="column.dataIndex === 'deviceId'">
-          <Form.Item
+          <FormItem
             :name="['data', index, 'deviceId']"
             :rules="formRules.deviceId"
             class="mb-0"
@@ -252,10 +252,10 @@ defineExpose({ validate, getData, setData });
                 })),
               ]"
             />
-          </Form.Item>
+          </FormItem>
         </template>
         <template v-else-if="column.dataIndex === 'method'">
-          <Form.Item
+          <FormItem
             :name="['data', index, 'method']"
             :rules="formRules.method"
             class="mb-0"
@@ -276,10 +276,10 @@ defineExpose({ validate, getData, setData });
               "
               @change="() => handleMethodChange(record, index)"
             />
-          </Form.Item>
+          </FormItem>
         </template>
         <template v-else-if="column.dataIndex === 'identifier'">
-          <Form.Item :name="['data', index, 'identifier']" class="mb-0">
+          <FormItem :name="['data', index, 'identifier']" class="mb-0">
             <Select
               v-if="shouldShowIdentifierSelect(record)"
               v-model:value="record.identifier"
@@ -292,7 +292,7 @@ defineExpose({ validate, getData, setData });
               "
               :options="getThingModelOptions(record)"
             />
-          </Form.Item>
+          </FormItem>
         </template>
         <template v-else-if="column.title === '操作'">
           <Button type="link" danger @click="handleDelete(index)">删除</Button>
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/rule/data-rule-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/rule/data-rule-form.vue
index c0e939d53..5f7d2f0cb 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/rule/data-rule-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/rule/data-rule-form.vue
@@ -3,7 +3,7 @@ import { computed, nextTick, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/rule/data.ts b/apps/web-antdv-next/src/views/iot/rule/data/rule/data.ts
index d4e453b4b..bb6632c7b 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/rule/data.ts
+++ b/apps/web-antdv-next/src/views/iot/rule/data/rule/data.ts
@@ -63,7 +63,7 @@ export function useRuleFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '规则描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入规则描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/rule/index.vue b/apps/web-antdv-next/src/views/iot/rule/data/rule/index.vue
index 6ec2d00d4..4cd18d5e1 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/rule/index.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/rule/index.vue
@@ -3,7 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteDataRule, getDataRulePage } from '#/api/iot/rule/data/rule';
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/components/key-value-editor.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/components/key-value-editor.vue
index 2d33d8e1b..b94eb7f49 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/components/key-value-editor.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/components/key-value-editor.vue
@@ -4,7 +4,7 @@ import { ref, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { isEmpty } from '@vben/utils';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 defineOptions({ name: 'KeyValueEditor' });
 
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue
index bec6e969d..7e9d7b7f3 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue
@@ -4,7 +4,7 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, Select } from 'ant-design-vue';
+import { FormItem, Input, Select } from 'antdv-next';
 
 import KeyValueEditor from './components/key-value-editor.vue';
 
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue
index 8a3616513..6fe385d54 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, Switch } from 'ant-design-vue';
+import { FormItem, Input, Switch } from 'antdv-next';
 
 defineOptions({ name: 'KafkaMQConfigForm' });
 
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue
index e903bc8f5..3e6c91017 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input } from 'ant-design-vue';
+import { FormItem, Input } from 'antdv-next';
 
 defineOptions({ name: 'MqttConfigForm' });
 
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue
index 7a3a3d50c..4cd8519f6 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, InputNumber } from 'ant-design-vue';
+import { FormItem, Input, InputNumber } from 'antdv-next';
 
 defineOptions({ name: 'RabbitMQConfigForm' });
 
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue
index 75f4e4c5d..5cfe5b653 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, InputNumber } from 'ant-design-vue';
+import { FormItem, Input, InputNumber } from 'antdv-next';
 
 defineOptions({ name: 'RedisStreamConfigForm' });
 
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue
index 384e7e0b4..c9ba16ba4 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input } from 'ant-design-vue';
+import { FormItem, Input } from 'antdv-next';
 
 defineOptions({ name: 'RocketMQConfigForm' });
 
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/data-sink-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/data-sink-form.vue
index 98ce5faf7..4ba1af0ee 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/data-sink-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/data-sink-form.vue
@@ -3,7 +3,7 @@ import { computed, ref, watch } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/data.ts b/apps/web-antdv-next/src/views/iot/rule/data/sink/data.ts
index 9af434569..937a1e6c6 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/data.ts
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/data.ts
@@ -73,7 +73,7 @@ export function useSinkFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '目的描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入目的描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/index.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/index.vue
index 8d81805c5..ed7dc53a9 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/index.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/index.vue
@@ -3,7 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteDataSink, getDataSinkPage } from '#/api/iot/rule/data/sink';
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/data.ts b/apps/web-antdv-next/src/views/iot/rule/scene/data.ts
index fd948f9bf..1713d8fab 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/data.ts
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/data.ts
@@ -41,7 +41,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '规则描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入规则描述',
         rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/alert-config.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/alert-config.vue
index 1edf04e92..6f1aa5027 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/alert-config.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/alert-config.vue
@@ -3,7 +3,7 @@
 import { onMounted, ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Form, Select, Tag } from 'ant-design-vue';
+import { Select, Tag } from 'antdv-next';
 
 import { getAlertConfigPage } from '#/api/iot/alert/config';
 
@@ -56,7 +56,7 @@ onMounted(() => {
 
 <template>
   <div class="w-full">
-    <Form.Item label="告警配置" required>
+    <FormItem label="告警配置" required>
       <Select
         v-model="localValue"
         placeholder="请选择告警配置"
@@ -66,7 +66,7 @@ onMounted(() => {
         class="w-full"
         :loading="loading"
       >
-        <Select.Option
+        <SelectOption
           v-for="config in alertConfigs"
           :key="config.id"
           :label="config.name"
@@ -78,8 +78,8 @@ onMounted(() => {
               {{ config.enabled ? '启用' : '禁用' }}
             </Tag>
           </div>
-        </Select.Option>
+        </SelectOption>
       </Select>
-    </Form.Item>
+    </FormItem>
   </div>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/condition-config.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/condition-config.vue
index 3879d0fa6..440165f8c 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/condition-config.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/condition-config.vue
@@ -5,7 +5,7 @@ import type { TriggerCondition } from '#/api/iot/rule/scene';
 import { computed, ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Col, Form, Row, Select } from 'ant-design-vue';
+import { Col, Row, Select } from 'antdv-next';
 
 import {
   getConditionTypeOptions,
@@ -160,7 +160,7 @@ function handleOperatorChange() {
     <!-- 条件类型选择 -->
     <Row :gutter="16">
       <Col :span="8">
-        <Form.Item label="条件类型" required>
+        <FormItem label="条件类型" required>
           <Select
             :model-value="condition.type"
             @update:model-value="
@@ -170,21 +170,21 @@ function handleOperatorChange() {
             placeholder="请选择条件类型"
             class="w-full"
           >
-            <Select.Option
+            <SelectOption
               v-for="option in getConditionTypeOptions()"
               :key="option.value"
               :label="option.label"
               :value="option.value"
             />
           </Select>
-        </Form.Item>
+        </FormItem>
       </Col>
     </Row>
 
     <!-- 产品设备选择 - 设备相关条件的公共部分 -->
     <Row v-if="isDeviceCondition" :gutter="16">
       <Col :span="12">
-        <Form.Item label="产品" required>
+        <FormItem label="产品" required>
           <ProductSelector
             :model-value="condition.productId"
             @update:model-value="
@@ -192,10 +192,10 @@ function handleOperatorChange() {
             "
             @change="handleProductChange"
           />
-        </Form.Item>
+        </FormItem>
       </Col>
       <Col :span="12">
-        <Form.Item label="设备" required>
+        <FormItem label="设备" required>
           <DeviceSelector
             :model-value="condition.deviceId"
             @update:model-value="
@@ -204,7 +204,7 @@ function handleOperatorChange() {
             :product-id="condition.productId"
             @change="handleDeviceChange"
           />
-        </Form.Item>
+        </FormItem>
       </Col>
     </Row>
 
@@ -220,7 +220,7 @@ function handleOperatorChange() {
       <Row :gutter="16">
         <!-- 操作符选择 -->
         <Col :span="12">
-          <Form.Item label="操作符" required>
+          <FormItem label="操作符" required>
             <Select
               :model-value="condition.operator"
               @update:model-value="
@@ -229,19 +229,19 @@ function handleOperatorChange() {
               placeholder="请选择操作符"
               class="w-full"
             >
-              <Select.Option
+              <SelectOption
                 v-for="option in statusOperatorOptions"
                 :key="option.value"
                 :label="option.label"
                 :value="option.value"
               />
             </Select>
-          </Form.Item>
+          </FormItem>
         </Col>
 
         <!-- 状态选择 -->
         <Col :span="12">
-          <Form.Item label="设备状态" required>
+          <FormItem label="设备状态" required>
             <Select
               :model-value="condition.param"
               @update:model-value="
@@ -250,14 +250,14 @@ function handleOperatorChange() {
               placeholder="请选择设备状态"
               class="w-full"
             >
-              <Select.Option
+              <SelectOption
                 v-for="option in deviceStatusOptions"
                 :key="option.value"
                 :label="option.label"
                 :value="option.value"
               />
             </Select>
-          </Form.Item>
+          </FormItem>
         </Col>
       </Row>
     </div>
@@ -274,7 +274,7 @@ function handleOperatorChange() {
       <Row :gutter="16">
         <!-- 属性/事件/服务选择 -->
         <Col :span="6">
-          <Form.Item label="监控项" required>
+          <FormItem label="监控项" required>
             <PropertySelector
               :model-value="condition.identifier"
               @update:model-value="
@@ -285,12 +285,12 @@ function handleOperatorChange() {
               :device-id="condition.deviceId"
               @change="handlePropertyChange"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
 
         <!-- 操作符选择 -->
         <Col :span="6">
-          <Form.Item label="操作符" required>
+          <FormItem label="操作符" required>
             <OperatorSelector
               :model-value="condition.operator"
               @update:model-value="
@@ -299,12 +299,12 @@ function handleOperatorChange() {
               :property-type="propertyType"
               @change="handleOperatorChange"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
 
         <!-- 值输入 -->
         <Col :span="12">
-          <Form.Item label="比较值" required>
+          <FormItem label="比较值" required>
             <ValueInput
               :model-value="condition.param"
               @update:model-value="
@@ -314,7 +314,7 @@ function handleOperatorChange() {
               :operator="condition.operator"
               :property-config="propertyConfig"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
       </Row>
     </div>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/current-time-condition-config.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/current-time-condition-config.vue
index af63c77a8..14d3e8803 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/current-time-condition-config.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/current-time-condition-config.vue
@@ -7,15 +7,7 @@ import { computed, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import {
-  Col,
-  DatePicker,
-  Form,
-  Row,
-  Select,
-  Tag,
-  TimePicker,
-} from 'ant-design-vue';
+import { Col, DatePicker, Row, Select, Tag, TimePicker } from 'antdv-next';
 
 import { IotRuleSceneTriggerTimeOperatorEnum } from '#/views/iot/utils/constants';
 
@@ -174,7 +166,7 @@ watch(
     <Row :gutter="16">
       <!-- 时间操作符选择 -->
       <Col :span="8">
-        <Form.Item label="时间条件" required>
+        <FormItem label="时间条件" required>
           <Select
             :model-value="condition.operator"
             @update:model-value="
@@ -183,7 +175,7 @@ watch(
             placeholder="请选择时间条件"
             class="w-full"
           >
-            <Select.Option
+            <SelectOption
               v-for="option in timeOperatorOptions"
               :key="option.value"
               :label="option.label"
@@ -198,14 +190,14 @@ watch(
                   {{ option.category }}
                 </Tag>
               </div>
-            </Select.Option>
+            </SelectOption>
           </Select>
-        </Form.Item>
+        </FormItem>
       </Col>
 
       <!-- 时间值输入 -->
       <Col :span="8">
-        <Form.Item label="时间值" required>
+        <FormItem label="时间值" required>
           <TimePicker
             v-if="needsTimeInput"
             :model-value="timeValue"
@@ -226,12 +218,12 @@ watch(
             class="w-full"
           />
           <div v-else class="text-sm text-secondary">无需设置时间值</div>
-        </Form.Item>
+        </FormItem>
       </Col>
 
       <!-- 第二个时间值（范围条件） -->
       <Col :span="8" v-if="needsSecondTimeInput">
-        <Form.Item label="结束时间" required>
+        <FormItem label="结束时间" required>
           <TimePicker
             v-if="needsTimeInput"
             :model-value="timeValue2"
@@ -251,7 +243,7 @@ watch(
             value-format="YYYY-MM-DD HH:mm:ss"
             class="w-full"
           />
-        </Form.Item>
+        </FormItem>
       </Col>
     </Row>
   </div>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-control-config.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-control-config.vue
index 28bef096c..a728a3065 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-control-config.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-control-config.vue
@@ -11,7 +11,7 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { isObject } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Col, Form, Row, Select, Tag } from 'ant-design-vue';
+import { Col, Row, Select, Tag } from 'antdv-next';
 
 import { getThingModelListByProductId } from '#/api/iot/thingmodel';
 import {
@@ -342,27 +342,27 @@ watch(
     <!-- 产品和设备选择 - 与触发器保持一致的分离式选择器 -->
     <Row :gutter="16">
       <Col :span="12">
-        <Form.Item label="产品" required>
+        <FormItem label="产品" required>
           <ProductSelector
             v-model="action.productId"
             @change="handleProductChange"
           />
-        </Form.Item>
+        </FormItem>
       </Col>
       <Col :span="12">
-        <Form.Item label="设备" required>
+        <FormItem label="设备" required>
           <DeviceSelector
             v-model="action.deviceId"
             :product-id="action.productId"
             @change="handleDeviceChange"
           />
-        </Form.Item>
+        </FormItem>
       </Col>
     </Row>
 
     <!-- 服务选择 - 服务调用类型时显示 -->
     <div v-if="action.productId && isServiceInvokeAction" class="space-y-16px">
-      <Form.Item label="服务" required>
+      <FormItem label="服务" required>
         <Select
           v-model="action.identifier"
           placeholder="请选择服务"
@@ -372,7 +372,7 @@ watch(
           :loading="loadingServices"
           @change="handleServiceChange"
         >
-          <Select.Option
+          <SelectOption
             v-for="service in serviceList"
             :key="service.identifier"
             :label="service.name"
@@ -387,34 +387,34 @@ watch(
                 {{ service.callType === 'sync' ? '同步' : '异步' }}
               </Tag>
             </div>
-          </Select.Option>
+          </SelectOption>
         </Select>
-      </Form.Item>
+      </FormItem>
 
       <!-- 服务参数配置 -->
       <div v-if="action.identifier" class="space-y-16px">
-        <Form.Item label="服务参数" required>
+        <FormItem label="服务参数" required>
           <JsonParamsInput
             v-model="paramsValue"
             type="service"
             :config="{ service: selectedService } as any"
             placeholder="请输入 JSON 格式的服务参数"
           />
-        </Form.Item>
+        </FormItem>
       </div>
     </div>
 
     <!-- 控制参数配置 - 属性设置类型时显示 -->
     <div v-if="action.productId && isPropertySetAction" class="space-y-16px">
       <!-- 参数配置 -->
-      <Form.Item label="参数" required>
+      <FormItem label="参数" required>
         <JsonParamsInput
           v-model="paramsValue"
           type="property"
           :config="{ properties: thingModelProperties }"
           placeholder="请输入 JSON 格式的控制参数"
         />
-      </Form.Item>
+      </FormItem>
     </div>
   </div>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-trigger-config.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-trigger-config.vue
index b3f9ad675..36e723930 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-trigger-config.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/device-trigger-config.vue
@@ -7,7 +7,7 @@ import { nextTick } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Tag } from 'ant-design-vue';
+import { Button, Tag } from 'antdv-next';
 
 import MainConditionInnerConfig from './main-condition-inner-config.vue';
 import SubConditionGroupConfig from './sub-condition-group-config.vue';
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/main-condition-inner-config.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/main-condition-inner-config.vue
index 59f72afe5..da0f2fd36 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/main-condition-inner-config.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/main-condition-inner-config.vue
@@ -4,7 +4,7 @@ import type { Trigger } from '#/api/iot/rule/scene';
 import { computed, ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Col, Form, Row, Select } from 'ant-design-vue';
+import { Col, Row, Select } from 'antdv-next';
 
 import {
   getTriggerTypeLabel,
@@ -175,28 +175,28 @@ function handlePropertyChange(propertyInfo: any) {
 <template>
   <div class="space-y-4">
     <!-- 触发事件类型选择 -->
-    <Form.Item label="触发事件类型" required>
+    <FormItem label="触发事件类型" required>
       <Select
         :model-value="triggerType"
         @update:model-value="handleTriggerTypeChange"
         placeholder="请选择触发事件类型"
         class="w-full"
       >
-        <Select.Option
+        <SelectOption
           v-for="option in triggerTypeOptions"
           :key="option.value"
           :label="option.label"
           :value="option.value"
         />
       </Select>
-    </Form.Item>
+    </FormItem>
 
     <!-- 设备属性条件配置 -->
     <div v-if="isDevicePropertyTrigger" class="space-y-4">
       <!-- 产品设备选择 -->
       <Row :gutter="16">
         <Col :span="12">
-          <Form.Item label="产品" required>
+          <FormItem label="产品" required>
             <ProductSelector
               :model-value="condition.productId"
               @update:model-value="
@@ -204,10 +204,10 @@ function handlePropertyChange(propertyInfo: any) {
               "
               @change="handleProductChange"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
         <Col :span="12">
-          <Form.Item label="设备" required>
+          <FormItem label="设备" required>
             <DeviceSelector
               :model-value="condition.deviceId"
               @update:model-value="
@@ -216,7 +216,7 @@ function handlePropertyChange(propertyInfo: any) {
               :product-id="condition.productId"
               @change="handleDeviceChange"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
       </Row>
 
@@ -224,7 +224,7 @@ function handlePropertyChange(propertyInfo: any) {
       <Row :gutter="16">
         <!-- 属性/事件/服务选择 -->
         <Col :span="6">
-          <Form.Item label="监控项" required>
+          <FormItem label="监控项" required>
             <PropertySelector
               :model-value="condition.identifier"
               @update:model-value="
@@ -235,12 +235,12 @@ function handlePropertyChange(propertyInfo: any) {
               :device-id="condition.deviceId"
               @change="handlePropertyChange"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
 
         <!-- 操作符选择 - 服务调用和事件上报不需要操作符 -->
         <Col v-if="needsOperatorSelector" :span="6">
-          <Form.Item label="操作符" required>
+          <FormItem label="操作符" required>
             <OperatorSelector
               :model-value="condition.operator"
               @update:model-value="
@@ -248,12 +248,12 @@ function handlePropertyChange(propertyInfo: any) {
               "
               :property-type="propertyType"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
 
         <!-- 值输入 -->
         <Col :span="isWideValueColumn ? 18 : 12">
-          <Form.Item :label="valueInputLabel" required>
+          <FormItem :label="valueInputLabel" required>
             <!-- 服务调用参数配置 -->
             <JsonParamsInput
               v-if="
@@ -286,7 +286,7 @@ function handlePropertyChange(propertyInfo: any) {
               :operator="condition.operator"
               :property-config="propertyConfig"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
       </Row>
     </div>
@@ -296,7 +296,7 @@ function handlePropertyChange(propertyInfo: any) {
       <!-- 设备状态触发器使用简化的配置 -->
       <Row :gutter="16">
         <Col :span="12">
-          <Form.Item label="产品" required>
+          <FormItem label="产品" required>
             <ProductSelector
               :model-value="condition.productId"
               @update:model-value="
@@ -304,10 +304,10 @@ function handlePropertyChange(propertyInfo: any) {
               "
               @change="handleProductChange"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
         <Col :span="12">
-          <Form.Item label="设备" required>
+          <FormItem label="设备" required>
             <DeviceSelector
               :model-value="condition.deviceId"
               @update:model-value="
@@ -316,12 +316,12 @@ function handlePropertyChange(propertyInfo: any) {
               :product-id="condition.productId"
               @change="handleDeviceChange"
             />
-          </Form.Item>
+          </FormItem>
         </Col>
       </Row>
       <Row :gutter="16">
         <Col :span="6">
-          <Form.Item label="操作符" required>
+          <FormItem label="操作符" required>
             <Select
               :model-value="condition.operator"
               @update:model-value="
@@ -330,7 +330,7 @@ function handlePropertyChange(propertyInfo: any) {
               placeholder="请选择操作符"
               class="w-full"
             >
-              <Select.Option
+              <SelectOption
                 :label="
                   IotRuleSceneTriggerConditionParameterOperatorEnum.EQUALS.name
                 "
@@ -339,10 +339,10 @@ function handlePropertyChange(propertyInfo: any) {
                 "
               />
             </Select>
-          </Form.Item>
+          </FormItem>
         </Col>
         <Col :span="6">
-          <Form.Item label="参数" required>
+          <FormItem label="参数" required>
             <Select
               :model-value="condition.value"
               @update:model-value="
@@ -351,14 +351,14 @@ function handlePropertyChange(propertyInfo: any) {
               placeholder="请选择操作符"
               class="w-full"
             >
-              <Select.Option
+              <SelectOption
                 v-for="option in deviceStatusChangeOptions"
                 :key="option.value"
                 :label="option.label"
                 :value="option.value"
               />
             </Select>
-          </Form.Item>
+          </FormItem>
         </Col>
       </Row>
     </div>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue
index 9fcd86514..c16abc71f 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue
@@ -6,7 +6,7 @@ import { computed, nextTick } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
 import {
   IotRuleSceneTriggerConditionParameterOperatorEnum,
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue
index 6097c911c..4f47f9acd 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue
@@ -7,7 +7,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Input, Popover, Tag } from 'ant-design-vue';
+import { Button, Input, Popover, Tag } from 'antdv-next';
 
 import {
   IoTDataSpecsDataTypeEnum,
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/value-input.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/value-input.vue
index c17a8b3f6..6d137df52 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/value-input.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/value-input.vue
@@ -3,7 +3,7 @@
 import { computed, ref, watch } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { DatePicker, Input, Select, Tag, Tooltip } from 'ant-design-vue';
+import { DatePicker, Input, Select, Tag, Tooltip } from 'antdv-next';
 
 import {
   IoTDataSpecsDataTypeEnum,
@@ -159,8 +159,8 @@ watch(
       placeholder="请选择布尔值"
       class="w-full!"
     >
-      <Select.Option label="真 (true)" :value="true" />
-      <Select.Option label="假 (false)" :value="false" />
+      <SelectOption label="真 (true)" :value="true" />
+      <SelectOption label="假 (false)" :value="false" />
     </Select>
 
     <!-- 枚举值选择 -->
@@ -172,7 +172,7 @@ watch(
       placeholder="请选择枚举值"
       class="w-full!"
     >
-      <Select.Option
+      <SelectOption
         v-for="option in enumOptions"
         :key="option.value"
         :label="option.label"
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/rule-scene-form.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/rule-scene-form.vue
index bd1d85135..72de1cdd1 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/rule-scene-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/rule-scene-form.vue
@@ -7,7 +7,7 @@ import { CommonStatusEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Drawer, Form, message } from 'ant-design-vue';
+import { Button, Drawer, Form, message } from 'antdv-next';
 
 import { createSceneRule, updateSceneRule } from '#/api/iot/rule/scene';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/action-section.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/action-section.vue
index 12e2d5c07..c9b6e2e13 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/action-section.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/action-section.vue
@@ -5,7 +5,7 @@ import type { Action } from '#/api/iot/rule/scene';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Card, Empty, Form, Select, Tag } from 'ant-design-vue';
+import { Button, Card, Empty, Select, Tag } from 'antdv-next';
 
 import {
   getActionTypeLabel,
@@ -230,7 +230,7 @@ function onActionTypeChange(action: Action, type: any) {
           <div class="p-16px space-y-16px">
             <!-- 执行类型选择 -->
             <div class="w-full">
-              <Form.Item label="执行类型" required>
+              <FormItem label="执行类型" required>
                 <Select
                   :model-value="action.type"
                   @update:model-value="
@@ -240,14 +240,14 @@ function onActionTypeChange(action: Action, type: any) {
                   placeholder="请选择执行类型"
                   class="w-full"
                 >
-                  <Select.Option
+                  <SelectOption
                     v-for="option in getActionTypeOptions()"
                     :key="option.value"
                     :label="option.label"
                     :value="option.value"
                   />
                 </Select>
-              </Form.Item>
+              </FormItem>
             </div>
 
             <!-- 设备控制配置 -->
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue
index 034cb6bbe..e0d4a1a1a 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue
@@ -7,7 +7,7 @@ import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Card, Col, Form, Input, Radio, Row } from 'ant-design-vue';
+import { Card, Col, Input, Radio, Row } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 
@@ -43,7 +43,7 @@ const formData = useVModel(props, 'modelValue', emit); // 表单数据
     <div class="p-0">
       <Row :gutter="24" class="mb-24px">
         <Col :span="12">
-          <Form.Item label="场景名称" prop="name" required>
+          <FormItem label="场景名称" prop="name" required>
             <Input
               v-model="formData.name"
               placeholder="请输入场景名称"
@@ -51,11 +51,11 @@ const formData = useVModel(props, 'modelValue', emit); // 表单数据
               show-word-limit
               clearable
             />
-          </Form.Item>
+          </FormItem>
         </Col>
         <Col :span="12">
-          <Form.Item label="场景状态" prop="status" required>
-            <Radio.Group v-model="formData.status">
+          <FormItem label="场景状态" prop="status" required>
+            <RadioGroup v-model="formData.status">
               <Radio
                 v-for="(dict, index) in getDictOptions(
                   DICT_TYPE.COMMON_STATUS,
@@ -66,11 +66,11 @@ const formData = useVModel(props, 'modelValue', emit); // 表单数据
               >
                 {{ dict.label }}
               </Radio>
-            </Radio.Group>
-          </Form.Item>
+            </RadioGroup>
+          </FormItem>
         </Col>
       </Row>
-      <Form.Item label="场景描述" prop="description">
+      <FormItem label="场景描述" prop="description">
         <Input.TextArea
           v-model="formData.description"
           type="text"
@@ -80,7 +80,7 @@ const formData = useVModel(props, 'modelValue', emit); // 表单数据
           show-word-limit
           resize="none"
         />
-      </Form.Item>
+      </FormItem>
     </div>
   </Card>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/trigger-section.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/trigger-section.vue
index 2087030ce..0634b2f37 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/trigger-section.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/trigger-section.vue
@@ -6,7 +6,7 @@ import { onMounted } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Card, Empty, Form, Tag } from 'ant-design-vue';
+import { Button, Card, Empty, Tag } from 'antdv-next';
 
 import { CronTab } from '#/components/cron-tab';
 import {
@@ -216,14 +216,14 @@ onMounted(() => {
               <div
                 class="p-16px rounded-6px border border-primary bg-background"
               >
-                <Form.Item label="CRON表达式" required>
+                <FormItem label="CRON表达式" required>
                   <CronTab
                     :model-value="triggerItem.cronExpression || '0 0 12 * * ?'"
                     @update:model-value="
                       (value) => updateTriggerCronConfig(index, value)
                     "
                   />
-                </Form.Item>
+                </FormItem>
               </div>
             </div>
           </div>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/device-selector.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/device-selector.vue
index 303eade75..750c63621 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/device-selector.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/device-selector.vue
@@ -4,7 +4,7 @@ import { ref, watch } from 'vue';
 
 import { DICT_TYPE } from '@vben/constants';
 
-import { Select } from 'ant-design-vue';
+import { Select } from 'antdv-next';
 
 import { getDeviceListByProductId } from '#/api/iot/device/device';
 import { DictTag } from '#/components/dict-tag';
@@ -87,7 +87,7 @@ watch(
     :loading="deviceLoading"
     :disabled="!productId"
   >
-    <Select.Option
+    <SelectOption
       v-for="device in deviceList"
       :key="device.id"
       :label="device.deviceName"
@@ -106,6 +106,6 @@ watch(
           <DictTag :type="DICT_TYPE.IOT_DEVICE_STATE" :value="device.state" />
         </div>
       </div>
-    </Select.Option>
+    </SelectOption>
   </Select>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/operator-selector.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/operator-selector.vue
index 1cab17955..258fc4b69 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/operator-selector.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/operator-selector.vue
@@ -3,7 +3,7 @@
 import { computed, watch } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Select } from 'ant-design-vue';
+import { Select } from 'antdv-next';
 
 import {
   IoTDataSpecsDataTypeEnum,
@@ -244,7 +244,7 @@ watch(
       @change="handleChange"
       class="w-full"
     >
-      <Select.Option
+      <SelectOption
         v-for="operator in availableOperators"
         :key="operator.value"
         :label="operator.label"
@@ -265,7 +265,7 @@ watch(
             {{ operator.description }}
           </div>
         </div>
-      </Select.Option>
+      </SelectOption>
     </Select>
   </div>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/product-selector.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/product-selector.vue
index 51588298e..418a6ede4 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/product-selector.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/product-selector.vue
@@ -4,7 +4,7 @@ import { onMounted, ref } from 'vue';
 
 import { DICT_TYPE } from '@vben/constants';
 
-import { Select } from 'ant-design-vue';
+import { Select } from 'antdv-next';
 
 import { getSimpleProductList } from '#/api/iot/product/product';
 import { DictTag } from '#/components/dict-tag';
@@ -63,7 +63,7 @@ onMounted(() => {
     class="w-full"
     :loading="productLoading"
   >
-    <Select.Option
+    <SelectOption
       v-for="product in productList"
       :key="product.id"
       :label="product.name"
@@ -80,6 +80,6 @@ onMounted(() => {
         </div>
         <DictTag :type="DICT_TYPE.COMMON_STATUS" :value="product.status" />
       </div>
-    </Select.Option>
+    </SelectOption>
   </Select>
 </template>
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/property-selector.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/property-selector.vue
index 31bf39012..d08b22168 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/property-selector.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/selectors/property-selector.vue
@@ -12,7 +12,7 @@ import { computed, ref, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Popover, Select, Tag } from 'ant-design-vue';
+import { Button, Popover, Select, Tag } from 'antdv-next';
 
 import { getThingModelListByProductId } from '#/api/iot/thingmodel';
 import {
@@ -285,12 +285,12 @@ watch(
       class="!w-150px"
       :loading="loading"
     >
-      <Select.OptionGroup
+      <SelectOptionGroup
         v-for="group in propertyGroups"
         :key="group.label"
         :label="group.label"
       >
-        <Select.Option
+        <SelectOption
           v-for="property in group.options"
           :key="property.identifier"
           :label="property.name"
@@ -308,8 +308,8 @@ watch(
               {{ property.identifier }}
             </Tag>
           </div>
-        </Select.Option>
-      </Select.OptionGroup>
+        </SelectOption>
+      </SelectOptionGroup>
     </Select>
 
     <!-- 属性详情弹出层 -->
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/index.vue b/apps/web-antdv-next/src/views/iot/rule/scene/index.vue
index a81ba6d55..ce5b76bdf 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/index.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/index.vue
@@ -4,7 +4,7 @@ import type { RuleSceneApi } from '#/api/iot/rule/scene';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/modules/form.vue b/apps/web-antdv-next/src/views/iot/rule/scene/modules/form.vue
index 7a2de11bf..bd4e1e559 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/modules/form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/index.vue b/apps/web-antdv-next/src/views/iot/thingmodel/index.vue
index 2486a2590..a531aacdf 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/index.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/index.vue
@@ -5,7 +5,7 @@ import { onMounted, provide, ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProduct } from '#/api/iot/product/product';
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/components/data-definition.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/components/data-definition.vue
index 192819d5a..9000338a4 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/components/data-definition.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/components/data-definition.vue
@@ -4,7 +4,7 @@ import type { ThingModelData } from '#/api/iot/thingmodel';
 
 import { computed } from 'vue';
 
-import { Tooltip } from 'ant-design-vue';
+import { Tooltip } from 'antdv-next';
 
 import {
   getEventTypeLabel,
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-array-data-specs.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-array-data-specs.vue
index 114e1fde2..c2597b9c3 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-array-data-specs.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-array-data-specs.vue
@@ -3,7 +3,7 @@
 import type { Ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Form, Input, Radio } from 'ant-design-vue';
+import { Input, Radio } from 'antdv-next';
 
 import {
   getDataTypeOptions,
@@ -29,11 +29,8 @@ function handleChange(val: any) {
 </script>
 
 <template>
-  <Form.Item
-    :name="['property', 'dataSpecs', 'childDataType']"
-    label="元素类型"
-  >
-    <Radio.Group v-model:value="dataSpecs.childDataType" @change="handleChange">
+  <FormItem :name="['property', 'dataSpecs', 'childDataType']" label="元素类型">
+    <RadioGroup v-model:value="dataSpecs.childDataType" @change="handleChange">
       <template v-for="item in getDataTypeOptions()" :key="item.value">
         <Radio
           v-if="
@@ -51,14 +48,14 @@ function handleChange(val: any) {
           {{ `${item.value}(${item.label})` }}
         </Radio>
       </template>
-    </Radio.Group>
-  </Form.Item>
-  <Form.Item :name="['property', 'dataSpecs', 'size']" label="元素个数">
+    </RadioGroup>
+  </FormItem>
+  <FormItem :name="['property', 'dataSpecs', 'size']" label="元素个数">
     <Input
       v-model:value="dataSpecs.size"
       placeholder="请输入数组中的元素个数"
     />
-  </Form.Item>
+  </FormItem>
   <!-- Struct 型配置-->
   <ThingModelStructDataSpecs
     v-if="dataSpecs.childDataType === IoTDataSpecsDataTypeEnum.STRUCT"
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-enum-data-specs.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-enum-data-specs.vue
index 9d2a6a03c..701a609f9 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-enum-data-specs.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-enum-data-specs.vue
@@ -3,7 +3,7 @@
 import type { Ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Form, Input, message } from 'ant-design-vue';
+import { Button, Input, message } from 'antdv-next';
 
 /** 枚举型的 dataSpecs 配置组件 */
 defineOptions({ name: 'ThingModelEnumDataSpecs' });
@@ -31,7 +31,7 @@ function deleteEnum(index: number) {
 </script>
 
 <template>
-  <Form.Item label="枚举项">
+  <FormItem label="枚举项">
     <div class="flex flex-col">
       <div class="flex items-center">
         <span class="flex-1"> 参数值 </span>
@@ -55,7 +55,7 @@ function deleteEnum(index: number) {
       </div>
       <Button type="link" @click="addEnum">+添加枚举项</Button>
     </div>
-  </Form.Item>
+  </FormItem>
 </template>
 
 <style lang="scss" scoped>
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-number-data-specs.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-number-data-specs.vue
index 024d91c55..73fec4f58 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-number-data-specs.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/dataSpecs/thing-model-number-data-specs.vue
@@ -8,7 +8,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
 import { useVModel } from '@vueuse/core';
-import { Form, Input, Select } from 'ant-design-vue';
+import { Input, Select } from 'antdv-next';
 
 /** 数值型的 dataSpecs 配置组件 */
 defineOptions({ name: 'ThingModelNumberDataSpecs' });
@@ -31,7 +31,7 @@ const unitChange = (UnitSpecs: any) => {
 </script>
 
 <template>
-  <Form.Item label="取值范围">
+  <FormItem label="取值范围">
     <div class="flex items-center justify-between">
       <div class="flex-1">
         <Input v-model:value="dataSpecs.min" placeholder="请输入最小值" />
@@ -41,11 +41,11 @@ const unitChange = (UnitSpecs: any) => {
         <Input v-model:value="dataSpecs.max" placeholder="请输入最大值" />
       </div>
     </div>
-  </Form.Item>
-  <Form.Item label="步长">
+  </FormItem>
+  <FormItem label="步长">
     <Input v-model:value="dataSpecs.step" placeholder="请输入步长" />
-  </Form.Item>
-  <Form.Item label="单位">
+  </FormItem>
+  <FormItem label="单位">
     <Select
       :model-value="
         dataSpecs.unit ? `${dataSpecs.unitName}-${dataSpecs.unit}` : ''
@@ -55,7 +55,7 @@ const unitChange = (UnitSpecs: any) => {
       class="w-1/1"
       @change="unitChange"
     >
-      <Select.Option
+      <SelectOption
         v-for="(item, index) in getDictOptions(
           DICT_TYPE.IOT_THING_MODEL_UNIT,
           'string',
@@ -64,9 +64,9 @@ const unitChange = (UnitSpecs: any) => {
         :value="`${item.label}-${item.value}`"
       >
         {{ `${item.label}-${item.value}` }}
-      </Select.Option>
+      </SelectOption>
     </Select>
-  </Form.Item>
+  </FormItem>
 </template>
 
 <style lang="scss" scoped>
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 ca866d072..8fc02ae13 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
@@ -7,7 +7,7 @@ import { nextTick, onMounted, ref, unref } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Divider, Form, Input, Modal } from 'ant-design-vue';
+import { Button, Divider, Form, Input, Modal } from 'antdv-next';
 
 import { IoTDataSpecsDataTypeEnum } from '#/views/iot/utils/constants';
 
@@ -125,7 +125,7 @@ onMounted(async () => {
 
 <template>
   <!-- struct 数据展示 -->
-  <Form.Item label="属性对象">
+  <FormItem label="属性对象">
     <div
       v-for="(item, index) in dataSpecsList"
       :key="index"
@@ -141,7 +141,7 @@ onMounted(async () => {
       </div>
     </div>
     <Button type="link" @click="openStructForm(null)"> +新增参数 </Button>
-  </Form.Item>
+  </FormItem>
 
   <!-- struct 表单 -->
   <Modal
@@ -156,12 +156,12 @@ onMounted(async () => {
       :label-col="{ span: 6 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="参数名称" name="name">
+      <FormItem label="参数名称" name="name">
         <Input v-model:value="formData.name" placeholder="请输入功能名称" />
-      </Form.Item>
-      <Form.Item label="标识符" name="identifier">
+      </FormItem>
+      <FormItem label="标识符" name="identifier">
         <Input v-model:value="formData.identifier" placeholder="请输入标识符" />
-      </Form.Item>
+      </FormItem>
       <!-- 属性配置 -->
       <ThingModelProperty v-model="formData.property" is-struct-data-specs />
     </Form>
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-event.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-event.vue
index b8b44fce2..c116fd336 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-event.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-event.vue
@@ -7,7 +7,7 @@ import { watch } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Form, Radio } from 'ant-design-vue';
+import { Radio } from 'antdv-next';
 
 import {
   IoTThingModelEventTypeEnum,
@@ -34,12 +34,12 @@ watch(
 </script>
 
 <template>
-  <Form.Item
+  <FormItem
     :name="['event', 'type']"
     :rules="[{ required: true, message: '请选择事件类型', trigger: 'change' }]"
     label="事件类型"
   >
-    <Radio.Group v-model:value="thingModelEvent.type">
+    <RadioGroup v-model:value="thingModelEvent.type">
       <Radio
         v-for="eventType in Object.values(IoTThingModelEventTypeEnum)"
         :key="eventType.value"
@@ -47,14 +47,14 @@ watch(
       >
         {{ eventType.label }}
       </Radio>
-    </Radio.Group>
-  </Form.Item>
-  <Form.Item label="输出参数">
+    </RadioGroup>
+  </FormItem>
+  <FormItem label="输出参数">
     <ThingModelInputOutputParam
       v-model="thingModelEvent.outputParams"
       :direction="IoTThingModelParamDirectionEnum.OUTPUT"
     />
-  </Form.Item>
+  </FormItem>
 </template>
 
 <style lang="scss" scoped>
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-form.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-form.vue
index 5b048bcf9..9167da04f 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-form.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-form.vue
@@ -13,7 +13,7 @@ import { getDictOptions } from '@vben/hooks';
 import { $t } from '@vben/locales';
 import { cloneDeep } from '@vben/utils';
 
-import { Form, Input, message, Modal, Radio } from 'ant-design-vue';
+import { Form, Input, message, Modal } from 'antdv-next';
 
 import {
   createThingModel,
@@ -253,23 +253,23 @@ function resetForm() {
       :label-col="{ span: 6 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="功能类型" name="type">
-        <Radio.Group v-model:value="formData.type">
-          <Radio.Button
+      <FormItem label="功能类型" name="type">
+        <RadioGroup v-model:value="formData.type">
+          <RadioButton
             v-for="dict in getDictOptions(DICT_TYPE.IOT_THING_MODEL_TYPE)"
             :key="String(dict.value)"
             :value="Number(dict.value)"
           >
             {{ dict.label }}
-          </Radio.Button>
-        </Radio.Group>
-      </Form.Item>
-      <Form.Item label="功能名称" name="name">
+          </RadioButton>
+        </RadioGroup>
+      </FormItem>
+      <FormItem label="功能名称" name="name">
         <Input v-model:value="formData.name" placeholder="请输入功能名称" />
-      </Form.Item>
-      <Form.Item label="标识符" name="identifier">
+      </FormItem>
+      <FormItem label="标识符" name="identifier">
         <Input v-model:value="formData.identifier" placeholder="请输入标识符" />
-      </Form.Item>
+      </FormItem>
       <!-- 属性配置 -->
       <ThingModelProperty
         v-if="formData.type === IoTThingModelTypeEnum.PROPERTY"
@@ -285,14 +285,14 @@ function resetForm() {
         v-if="formData.type === IoTThingModelTypeEnum.EVENT"
         v-model="formData.event"
       />
-      <Form.Item label="描述" name="desc">
+      <FormItem label="描述" name="desc">
         <Input.TextArea
           v-model:value="formData.desc"
           :maxlength="200"
           :rows="3"
           placeholder="请输入属性描述"
         />
-      </Form.Item>
+      </FormItem>
     </Form>
   </Modal>
 </template>
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 10ddd7339..56c35a0ab 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
@@ -7,7 +7,7 @@ import { ref, unref } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Divider, Form, Input, Modal } from 'ant-design-vue';
+import { Button, Divider, Form, Input, Modal } from 'antdv-next';
 
 import { IoTDataSpecsDataTypeEnum } from '#/views/iot/utils/constants';
 
@@ -150,12 +150,12 @@ function resetForm() {
       :label-col="{ span: 6 }"
       :wrapper-col="{ span: 18 }"
     >
-      <Form.Item label="参数名称" name="name">
+      <FormItem label="参数名称" name="name">
         <Input v-model:value="formData.name" placeholder="请输入功能名称" />
-      </Form.Item>
-      <Form.Item label="标识符" name="identifier">
+      </FormItem>
+      <FormItem label="标识符" name="identifier">
         <Input v-model:value="formData.identifier" placeholder="请输入标识符" />
-      </Form.Item>
+      </FormItem>
       <!-- 属性配置 -->
       <ThingModelProperty v-model="formData.property" is-params />
     </Form>
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-property.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-property.vue
index 579f62b88..90150679b 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-property.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-property.vue
@@ -9,7 +9,7 @@ import { computed, watch } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Form, Input, Radio, Select } from 'ant-design-vue';
+import { Input, Radio, Select } from 'antdv-next';
 
 import {
   getDataTypeOptions,
@@ -100,22 +100,22 @@ watch(
 </script>
 
 <template>
-  <Form.Item label="数据类型">
+  <FormItem label="数据类型">
     <Select
       v-model:value="property.dataType"
       placeholder="请选择数据类型"
       @change="handleChange"
     >
       <!-- ARRAY 和 STRUCT 类型数据相互嵌套时，最多支持递归嵌套 2 层（父和子） -->
-      <Select.Option
+      <SelectOption
         v-for="option in getDataTypeOptions2"
         :key="option.value"
         :value="option.value"
       >
         {{ `${option.value}(${option.label})` }}
-      </Select.Option>
+      </SelectOption>
     </Select>
-  </Form.Item>
+  </FormItem>
   <!-- 数值型配置 -->
   <ThingModelNumberDataSpecs
     v-if="
@@ -133,7 +133,7 @@ watch(
     v-model="property.dataSpecsList"
   />
   <!-- 布尔型配置 -->
-  <Form.Item
+  <FormItem
     v-if="property.dataType === IoTDataSpecsDataTypeEnum.BOOL"
     label="布尔值"
   >
@@ -150,9 +150,9 @@ watch(
         </div>
       </div>
     </template>
-  </Form.Item>
+  </FormItem>
   <!-- 文本型配置 -->
-  <Form.Item
+  <FormItem
     v-if="property.dataType === IoTDataSpecsDataTypeEnum.TEXT"
     :name="['property', 'dataSpecs', 'length']"
     label="数据长度"
@@ -164,9 +164,9 @@ watch(
     >
       <template #addonAfter>字节</template>
     </Input>
-  </Form.Item>
+  </FormItem>
   <!-- 时间型配置 -->
-  <Form.Item
+  <FormItem
     v-if="property.dataType === IoTDataSpecsDataTypeEnum.DATE"
     label="时间格式"
     name="date"
@@ -176,7 +176,7 @@ watch(
       disabled
       placeholder="String 类型的 UTC 时间戳（毫秒）"
     />
-  </Form.Item>
+  </FormItem>
   <!-- 数组型配置-->
   <ThingModelArrayDataSpecs
     v-if="property.dataType === IoTDataSpecsDataTypeEnum.ARRAY"
@@ -187,12 +187,12 @@ watch(
     v-if="property.dataType === IoTDataSpecsDataTypeEnum.STRUCT"
     v-model="property.dataSpecsList"
   />
-  <Form.Item
+  <FormItem
     v-if="!isStructDataSpecs && !isParams"
     :name="['property', 'accessMode']"
     label="读写类型"
   >
-    <Radio.Group v-model:value="property.accessMode">
+    <RadioGroup v-model:value="property.accessMode">
       <Radio
         v-for="accessMode in Object.values(IoTThingModelAccessModeEnum)"
         :key="accessMode.value"
@@ -200,8 +200,8 @@ watch(
       >
         {{ accessMode.label }}
       </Radio>
-    </Radio.Group>
-  </Form.Item>
+    </RadioGroup>
+  </FormItem>
 </template>
 
 <style lang="scss" scoped>
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-service.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-service.vue
index 2f2cffd92..90f16e5ef 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-service.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-service.vue
@@ -7,7 +7,7 @@ import { watch } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Form, Radio } from 'ant-design-vue';
+import { Radio } from 'antdv-next';
 
 import {
   IoTThingModelParamDirectionEnum,
@@ -34,12 +34,12 @@ watch(
 </script>
 
 <template>
-  <Form.Item
+  <FormItem
     :name="['service', 'callType']"
     :rules="[{ required: true, message: '请选择调用方式', trigger: 'change' }]"
     label="调用方式"
   >
-    <Radio.Group v-model:value="service.callType">
+    <RadioGroup v-model:value="service.callType">
       <Radio
         v-for="callType in Object.values(IoTThingModelServiceCallTypeEnum)"
         :key="callType.value"
@@ -47,20 +47,20 @@ watch(
       >
         {{ callType.label }}
       </Radio>
-    </Radio.Group>
-  </Form.Item>
-  <Form.Item label="输入参数">
+    </RadioGroup>
+  </FormItem>
+  <FormItem label="输入参数">
     <ThingModelInputOutputParam
       v-model="service.inputParams"
       :direction="IoTThingModelParamDirectionEnum.INPUT"
     />
-  </Form.Item>
-  <Form.Item label="输出参数">
+  </FormItem>
+  <FormItem label="输出参数">
     <ThingModelInputOutputParam
       v-model="service.outputParams"
       :direction="IoTThingModelParamDirectionEnum.OUTPUT"
     />
-  </Form.Item>
+  </FormItem>
 </template>
 
 <style lang="scss" scoped>
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-tsl.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-tsl.vue
index b8bb84005..05e8d7ca7 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-tsl.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/thing-model-tsl.vue
@@ -5,7 +5,7 @@ import type { IotProductApi } from '#/api/iot/product/product';
 
 import { computed, inject, ref, watch } from 'vue';
 
-import { Modal, Radio, Textarea } from 'ant-design-vue';
+import { Modal, TextArea } from 'antdv-next';
 
 import { getThingModelTSL } from '#/api/iot/thingmodel';
 import { IOT_PROVIDE_KEY } from '#/views/iot/utils/constants';
@@ -70,17 +70,17 @@ watch(tslString, (newValue) => {
     width="800px"
   >
     <div class="mb-4">
-      <Radio.Group v-model:value="viewMode" size="small">
-        <Radio.Button value="view">代码视图</Radio.Button>
-        <Radio.Button value="editor">编辑器视图</Radio.Button>
-      </Radio.Group>
+      <RadioGroup v-model:value="viewMode" size="small">
+        <RadioButton value="view">代码视图</RadioButton>
+        <RadioButton value="editor">编辑器视图</RadioButton>
+      </RadioGroup>
     </div>
     <!-- 代码视图 - 只读展示 -->
     <div v-if="viewMode === 'view'" class="json-viewer-container">
       <pre class="json-code"><code>{{ formattedTSL }}</code></pre>
     </div>
     <!-- 编辑器视图 - 可编辑 -->
-    <Textarea
+    <TextArea
       v-else
       v-model:value="tslString"
       :rows="20"
diff --git a/apps/web-antdv-next/src/views/mall/home/index.vue b/apps/web-antdv-next/src/views/mall/home/index.vue
index ea1a55338..d20d95c1c 100644
--- a/apps/web-antdv-next/src/views/mall/home/index.vue
+++ b/apps/web-antdv-next/src/views/mall/home/index.vue
@@ -8,7 +8,7 @@ import { onMounted, ref } from 'vue';
 import { DocAlert, Page } from '@vben/common-ui';
 import { fenToYuan } from '@vben/utils';
 
-import { Col, Row } from 'ant-design-vue';
+import { Col, Row } from 'antdv-next';
 
 import { getUserCountComparison } from '#/api/mall/statistics/member';
 import { getOrderComparison } from '#/api/mall/statistics/trade';
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 ebffe3064..ae252e1bd 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
@@ -3,7 +3,7 @@ import { computed } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Card, Tag } from 'ant-design-vue';
+import { Card, Tag } from 'antdv-next';
 
 /** 交易对照卡片 */
 defineOptions({ name: 'ComparisonCard' });
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 770249117..a4ed7144c 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
@@ -7,7 +7,7 @@ import { onMounted, ref } from 'vue';
 
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card, Radio, RadioGroup, Spin } from 'ant-design-vue';
+import { Card, Radio, RadioGroup, Spin } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { getMemberRegisterCountList } from '#/api/mall/statistics/member';
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 a0f46c2aa..e5283743b 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
@@ -4,7 +4,7 @@ import { useRouter } from 'vue-router';
 
 import { CountTo } from '@vben/common-ui';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import { getTabsCount } from '#/api/mall/product/spu';
 import { getWalletRechargePrice } from '#/api/mall/statistics/pay';
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 6780fd759..a202fe0e7 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
@@ -3,7 +3,7 @@ import { useRouter } from 'vue-router';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 /** 快捷入口卡片 */
 defineOptions({ name: 'ShortcutCard' });
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 2c9d72583..2d5bf2fe8 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
@@ -8,7 +8,7 @@ import { onMounted, ref } from 'vue';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 import { fenToYuan } from '@vben/utils';
 
-import { Card, Radio, RadioGroup, Spin } from 'ant-design-vue';
+import { Card, Radio, RadioGroup, Spin } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { getOrderCountTrendComparison } from '#/api/mall/statistics/trade';
diff --git a/apps/web-antdv-next/src/views/mall/product/brand/data.ts b/apps/web-antdv-next/src/views/mall/product/brand/data.ts
index f9cfa10c0..bf4ae30af 100644
--- a/apps/web-antdv-next/src/views/mall/product/brand/data.ts
+++ b/apps/web-antdv-next/src/views/mall/product/brand/data.ts
@@ -60,7 +60,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '品牌描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入品牌描述',
       },
diff --git a/apps/web-antdv-next/src/views/mall/product/brand/index.vue b/apps/web-antdv-next/src/views/mall/product/brand/index.vue
index 453bc44b1..2fedff162 100644
--- a/apps/web-antdv-next/src/views/mall/product/brand/index.vue
+++ b/apps/web-antdv-next/src/views/mall/product/brand/index.vue
@@ -4,7 +4,7 @@ import type { MallBrandApi } from '#/api/mall/product/brand';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteBrand, getBrandPage } from '#/api/mall/product/brand';
diff --git a/apps/web-antdv-next/src/views/mall/product/brand/modules/form.vue b/apps/web-antdv-next/src/views/mall/product/brand/modules/form.vue
index 25fd13c97..a15a769c9 100644
--- a/apps/web-antdv-next/src/views/mall/product/brand/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/product/brand/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createBrand, getBrand, updateBrand } from '#/api/mall/product/brand';
diff --git a/apps/web-antdv-next/src/views/mall/product/category/components/select.vue b/apps/web-antdv-next/src/views/mall/product/category/components/select.vue
index c214276fa..e5ec3b925 100644
--- a/apps/web-antdv-next/src/views/mall/product/category/components/select.vue
+++ b/apps/web-antdv-next/src/views/mall/product/category/components/select.vue
@@ -3,7 +3,7 @@ import { computed, onMounted, ref } from 'vue';
 
 import { handleTree } from '@vben/utils';
 
-import { TreeSelect } from 'ant-design-vue';
+import { TreeSelect } from 'antdv-next';
 
 import { getCategoryList } from '#/api/mall/product/category';
 
diff --git a/apps/web-antdv-next/src/views/mall/product/category/index.vue b/apps/web-antdv-next/src/views/mall/product/category/index.vue
index ec1d4c315..81d6822e8 100644
--- a/apps/web-antdv-next/src/views/mall/product/category/index.vue
+++ b/apps/web-antdv-next/src/views/mall/product/category/index.vue
@@ -7,7 +7,7 @@ import { useRouter } from 'vue-router';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteCategory, getCategoryList } from '#/api/mall/product/category';
diff --git a/apps/web-antdv-next/src/views/mall/product/category/modules/form.vue b/apps/web-antdv-next/src/views/mall/product/category/modules/form.vue
index 1b0a9376d..8dde40bad 100644
--- a/apps/web-antdv-next/src/views/mall/product/category/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/product/category/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/product/comment/data.ts b/apps/web-antdv-next/src/views/mall/product/comment/data.ts
index b7e246d47..bbfb3336a 100644
--- a/apps/web-antdv-next/src/views/mall/product/comment/data.ts
+++ b/apps/web-antdv-next/src/views/mall/product/comment/data.ts
@@ -59,7 +59,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'content',
       label: '评论内容',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入评论内容',
       },
diff --git a/apps/web-antdv-next/src/views/mall/product/comment/index.vue b/apps/web-antdv-next/src/views/mall/product/comment/index.vue
index 8a5071615..72f18e1aa 100644
--- a/apps/web-antdv-next/src/views/mall/product/comment/index.vue
+++ b/apps/web-antdv-next/src/views/mall/product/comment/index.vue
@@ -6,7 +6,7 @@ import { h } from 'vue';
 
 import { confirm, DocAlert, Page, prompt, useVbenModal } from '@vben/common-ui';
 
-import { message, Rate, Textarea } from 'ant-design-vue';
+import { message, Rate, TextArea } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -38,7 +38,7 @@ function handleCreate() {
 function handleReply(row: MallCommentApi.Comment) {
   prompt({
     component: () => {
-      return h(Textarea, {
+      return h(TextArea, {
         placeholder: '请输入回复内容',
       });
     },
diff --git a/apps/web-antdv-next/src/views/mall/product/comment/modules/form.vue b/apps/web-antdv-next/src/views/mall/product/comment/modules/form.vue
index 5922eb42b..5916b2527 100644
--- a/apps/web-antdv-next/src/views/mall/product/comment/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/product/comment/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createComment, getComment } from '#/api/mall/product/comment';
diff --git a/apps/web-antdv-next/src/views/mall/product/property/data.ts b/apps/web-antdv-next/src/views/mall/product/property/data.ts
index e8c3b2080..c91ae05aa 100644
--- a/apps/web-antdv-next/src/views/mall/product/property/data.ts
+++ b/apps/web-antdv-next/src/views/mall/product/property/data.ts
@@ -29,7 +29,7 @@ export function usePropertyFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
@@ -137,7 +137,7 @@ export function useValueFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/mall/product/property/modules/property-form.vue b/apps/web-antdv-next/src/views/mall/product/property/modules/property-form.vue
index 0af8accb9..a24f3ec8b 100644
--- a/apps/web-antdv-next/src/views/mall/product/property/modules/property-form.vue
+++ b/apps/web-antdv-next/src/views/mall/product/property/modules/property-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/product/property/modules/property-grid.vue b/apps/web-antdv-next/src/views/mall/product/property/modules/property-grid.vue
index 73aa359b6..a215f0152 100644
--- a/apps/web-antdv-next/src/views/mall/product/property/modules/property-grid.vue
+++ b/apps/web-antdv-next/src/views/mall/product/property/modules/property-grid.vue
@@ -4,7 +4,7 @@ import type { MallPropertyApi } from '#/api/mall/product/property';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteProperty, getPropertyPage } from '#/api/mall/product/property';
diff --git a/apps/web-antdv-next/src/views/mall/product/property/modules/value-form.vue b/apps/web-antdv-next/src/views/mall/product/property/modules/value-form.vue
index 6c01434b3..dbfa34d24 100644
--- a/apps/web-antdv-next/src/views/mall/product/property/modules/value-form.vue
+++ b/apps/web-antdv-next/src/views/mall/product/property/modules/value-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/product/property/modules/value-grid.vue b/apps/web-antdv-next/src/views/mall/product/property/modules/value-grid.vue
index c95d29cfc..ec4734df9 100644
--- a/apps/web-antdv-next/src/views/mall/product/property/modules/value-grid.vue
+++ b/apps/web-antdv-next/src/views/mall/product/property/modules/value-grid.vue
@@ -6,7 +6,7 @@ import { watch } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/components/sku-list.vue b/apps/web-antdv-next/src/views/mall/product/spu/components/sku-list.vue
index f64a981f1..f812c0fe1 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/components/sku-list.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/components/sku-list.vue
@@ -16,7 +16,7 @@ import {
   isEmpty,
 } from '@vben/utils';
 
-import { Button, Image, Input, InputNumber, message } from 'ant-design-vue';
+import { Button, Image, Input, InputNumber, message } from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 import { ImageUpload } from '#/components/upload';
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 a93eed7a0..3ceae87f5 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
@@ -4,7 +4,7 @@ import type { MallSpuApi } from '#/api/mall/product/spu';
 
 import { ref } from 'vue';
 
-import { Modal } from 'ant-design-vue';
+import { Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSpu } from '#/api/mall/product/spu';
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-and-sku-list.vue b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-and-sku-list.vue
index 319e538e2..d2ac6834f 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-and-sku-list.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-and-sku-list.vue
@@ -6,7 +6,7 @@ import { ref, watch } from 'vue';
 import { confirm } from '@vben/common-ui';
 import { formatToFraction } from '@vben/utils';
 
-import { Button, Image } from 'ant-design-vue';
+import { Button, Image } from 'antdv-next';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
 
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 4d3be741b..ffc756107 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
@@ -9,7 +9,7 @@ import { computed, nextTick, onMounted, ref } from 'vue';
 
 import { handleTree } from '@vben/utils';
 
-import { message, Modal } from 'ant-design-vue';
+import { message, Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getCategoryList } from '#/api/mall/product/category';
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-showcase.vue b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-showcase.vue
index 17e405bfb..045efbbcc 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/components/spu-showcase.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/components/spu-showcase.vue
@@ -6,7 +6,7 @@ import { computed, ref, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image, Tooltip } from 'ant-design-vue';
+import { Image, Tooltip } from 'antdv-next';
 
 import { getSpuDetailList } from '#/api/mall/product/spu';
 
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 c06027b24..3941d36e9 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
@@ -9,7 +9,7 @@ import { computed, nextTick, onMounted, ref } from 'vue';
 
 import { handleTree } from '@vben/utils';
 
-import { Modal } from 'ant-design-vue';
+import { Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getCategoryList } from '#/api/mall/product/category';
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/form/data.ts b/apps/web-antdv-next/src/views/mall/product/spu/form/data.ts
index d2ff7eeb5..4c6f8c650 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/form/data.ts
+++ b/apps/web-antdv-next/src/views/mall/product/spu/form/data.ts
@@ -68,7 +68,7 @@ export function useInfoFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'introduction',
       label: '商品简介',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入商品简介',
         autoSize: { minRows: 2, maxRows: 2 },
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/form/index.vue b/apps/web-antdv-next/src/views/mall/product/spu/form/index.vue
index 8e9e4bd52..b3d9cc178 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/form/index.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/form/index.vue
@@ -12,7 +12,7 @@ import { Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 import { convertToInteger, formatToFraction } from '@vben/utils';
 
-import { Button, Card, message } from 'ant-design-vue';
+import { Button, Card, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createSpu, getSpu, updateSpu } from '#/api/mall/product/spu';
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-attributes.vue b/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-attributes.vue
index 5bbb17baf..abc54adf1 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-attributes.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-attributes.vue
@@ -7,7 +7,7 @@ import { computed, ref, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Col, Divider, message, Select, Tag } from 'ant-design-vue';
+import { Col, Divider, message, Select, Tag } from 'antdv-next';
 
 import {
   createPropertyValue,
@@ -205,13 +205,13 @@ async function getAttributeOptions(propertyId: number) {
         @change="handleInputConfirm(index, attribute.id)"
         @keyup.enter="handleInputConfirm(index, attribute.id)"
       >
-        <Select.Option
+        <SelectOption
           v-for="item2 in attributeOptions"
           :key="item2.id"
           :value="item2.name"
         >
           {{ item2.name }}
-        </Select.Option>
+        </SelectOption>
       </Select>
       <Tag
         v-show="!inputVisible(index)"
diff --git a/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-property-add-form.vue b/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-property-add-form.vue
index f34a8d194..78283da7b 100644
--- a/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-property-add-form.vue
+++ b/apps/web-antdv-next/src/views/mall/product/spu/form/modules/product-property-add-form.vue
@@ -7,7 +7,7 @@ import { ref, watch } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
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 dbeefd6d7..11112e99e 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 'ant-design-vue';
+import { message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -216,7 +216,7 @@ onMounted(async () => {
     <Grid>
       <template #toolbar-actions>
         <Tabs @change="onChangeTab" class="w-full">
-          <Tabs.TabPane
+          <TabPane
             v-for="item in tabsData"
             :key="item.type"
             :tab="`${item.name} (${item.count})`"
diff --git a/apps/web-antdv-next/src/views/mall/promotion/article/category/index.vue b/apps/web-antdv-next/src/views/mall/promotion/article/category/index.vue
index 408158e2e..3a1f7ce0e 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/article/category/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/article/category/index.vue
@@ -4,7 +4,7 @@ import type { MallArticleCategoryApi } from '#/api/mall/promotion/article/catego
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/article/category/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/article/category/modules/form.vue
index 82e51be36..62c470e12 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/article/category/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/article/category/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/article/index.vue b/apps/web-antdv-next/src/views/mall/promotion/article/index.vue
index 82c1a89fe..23310da29 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/article/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/article/index.vue
@@ -4,7 +4,7 @@ import type { MallArticleApi } from '#/api/mall/promotion/article';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteArticle, getArticlePage } from '#/api/mall/promotion/article';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/article/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/article/modules/form.vue
index 0e73e0eca..5731f7d44 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/article/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/article/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/banner/data.ts b/apps/web-antdv-next/src/views/mall/promotion/banner/data.ts
index 0490be5dd..3cc53b43c 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/banner/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/banner/data.ts
@@ -81,7 +81,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'memo',
       label: '描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         rows: 4,
         placeholder: '请输入描述',
diff --git a/apps/web-antdv-next/src/views/mall/promotion/banner/index.vue b/apps/web-antdv-next/src/views/mall/promotion/banner/index.vue
index a3d0bc36a..44509ccde 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/banner/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/banner/index.vue
@@ -4,7 +4,7 @@ import type { MallBannerApi } from '#/api/mall/promotion/banner';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteBanner, getBannerPage } from '#/api/mall/promotion/banner';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/banner/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/banner/modules/form.vue
index 818380589..f220fb831 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/banner/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/banner/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/index.vue b/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/index.vue
index b8e058834..c374289c6 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/index.vue
@@ -4,7 +4,7 @@ import type { MallBargainActivityApi } from '#/api/mall/promotion/bargain/bargai
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/modules/form.vue
index 38d492084..afa725c4b 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/bargain/activity/modules/form.vue
@@ -11,7 +11,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { cloneDeep, convertToInteger, formatToFraction } from '@vben/utils';
 
-import { Button, InputNumber, message } from 'ant-design-vue';
+import { Button, InputNumber, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { VxeColumn } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/combination/activity/index.vue b/apps/web-antdv-next/src/views/mall/promotion/combination/activity/index.vue
index ba430fabb..66240c00d 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/combination/activity/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/combination/activity/index.vue
@@ -4,7 +4,7 @@ import type { MallCombinationActivityApi } from '#/api/mall/promotion/combinatio
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/combination/activity/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/combination/activity/modules/form.vue
index 22c3cbb45..23279cd12 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/combination/activity/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/combination/activity/modules/form.vue
@@ -11,7 +11,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { cloneDeep, convertToInteger, formatToFraction } from '@vben/utils';
 
-import { Button, InputNumber, message } from 'ant-design-vue';
+import { Button, InputNumber, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { VxeColumn } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/combination/components/showcase.vue b/apps/web-antdv-next/src/views/mall/promotion/combination/components/showcase.vue
index 167a979bf..3add5b9e6 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/combination/components/showcase.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/combination/components/showcase.vue
@@ -6,7 +6,7 @@ import { computed, ref, watch } from 'vue';
 
 import { CloseCircleFilled, PlusOutlined } from '@vben/icons';
 
-import { Image, Tooltip } from 'ant-design-vue';
+import { Image, Tooltip } from 'antdv-next';
 
 import { getCombinationActivityListByIds } from '#/api/mall/promotion/combination/combinationActivity';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/index.vue
index b4125104b..fd793c0b5 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref, watch } from 'vue';
 
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import AppLinkSelectDialog from './select-dialog.vue';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/select-dialog.vue b/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/select-dialog.vue
index 77b5a8f92..a7148bca9 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/select-dialog.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/app-link-input/select-dialog.vue
@@ -6,7 +6,7 @@ import { nextTick, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { getUrlNumberValue } from '@vben/utils';
 
-import { Button, Form, FormItem, Tooltip } from 'ant-design-vue';
+import { Button, Form, FormItem, Tooltip } from 'antdv-next';
 
 import { ProductCategorySelect } from '#/views/mall/product/category/components/';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/color-input/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/color-input/index.vue
index d4745a0ed..415ed1877 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/color-input/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/color-input/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 /** 颜色输入框 */
 defineOptions({ name: 'ColorInput' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue
index ea688e0cb..4770a5183 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue
@@ -14,7 +14,7 @@ import {
   TabPane,
   Tabs,
   Tree,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { ColorInput } from '#/views/mall/promotion/components';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container.vue
index a2a16d657..72e165b1d 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-container.vue
@@ -5,9 +5,9 @@ import { computed } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button } from 'ant-design-vue';
+import { Button } from 'antdv-next';
 
-import { VerticalButtonGroup } from '#/views/mall/promotion/components';
+import { VerticalSpace } from '#/views/mall/promotion/components';
 
 import { components } from './mobile';
 
@@ -109,7 +109,7 @@ const handleDeleteComponent = () => {
         class="component-toolbar"
         v-if="showToolbar && component.name && active"
       >
-        <VerticalButtonGroup size="small">
+        <VerticalSpace size="small">
           <Button
             :disabled="!canMoveUp"
             type="primary"
@@ -164,7 +164,7 @@ const handleDeleteComponent = () => {
           >
             <IconifyIcon icon="lucide:trash-2" />
           </Button>
-        </VerticalButtonGroup>
+        </VerticalSpace>
       </div>
     </div>
   </div>
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-library.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-library.vue
index f447919a4..514c8468b 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-library.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/component-library.vue
@@ -6,7 +6,7 @@ import { ref, watch } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep } from '@vben/utils';
 
-import { Collapse } from 'ant-design-vue';
+import { Collapse } from 'antdv-next';
 import draggable from 'vuedraggable';
 
 import { componentConfigs } from './mobile/index';
@@ -68,7 +68,7 @@ function handleCloneComponent(component: DiyComponent<any>) {
       :bordered="false"
       class="bg-card"
     >
-      <Collapse.Panel
+      <CollapsePanel
         v-for="(group, index) in groups"
         :key="group.name"
         :header="group.name"
@@ -97,7 +97,7 @@ function handleCloneComponent(component: DiyComponent<any>) {
             </div>
           </template>
         </draggable>
-      </Collapse.Panel>
+      </CollapsePanel>
     </Collapse>
   </div>
 </template>
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/index.vue
index 6b89b4c41..e58dcfb18 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/index.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Carousel, Image } from 'ant-design-vue';
+import { Carousel, Image } from 'antdv-next';
 
 /** 轮播图 */
 defineOptions({ name: 'Carousel' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/property.vue
index bebf71f72..07ace0ffa 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/carousel/property.vue
@@ -14,7 +14,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadFile from '#/components/upload/file-upload.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/coupon-card/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/coupon-card/property.vue
index 3d0412309..e1d9889dc 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/coupon-card/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/coupon-card/property.vue
@@ -23,7 +23,7 @@ import {
   Slider,
   Tooltip,
   Typography,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getCouponTemplateList } from '#/api/mall/promotion/coupon/couponTemplate';
 import UploadImg from '#/components/upload/image-upload.vue';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/divider/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/divider/property.vue
index 68243de31..313b3771e 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/divider/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/divider/property.vue
@@ -11,7 +11,7 @@ import {
   RadioGroup,
   Slider,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { ColorInput } from '#/views/mall/promotion/components';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/index.vue
index 7451e8d87..f0eac7d5c 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/index.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Image } from 'ant-design-vue';
+import { Button, Image } from 'antdv-next';
 
 /** 悬浮按钮 */
 defineOptions({ name: 'FloatingActionButton' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/property.vue
index 1b633ceeb..e956e207a 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/property.vue
@@ -2,7 +2,7 @@
 import type { FloatingActionButtonProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem, Radio, RadioGroup, Switch } from 'ant-design-vue';
+import { Form, FormItem, Radio, RadioGroup, Switch } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/components/hot-zone-edit-dialog/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/components/hot-zone-edit-dialog/index.vue
index 2f7136ffd..26cb88ce2 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/components/hot-zone-edit-dialog/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/components/hot-zone-edit-dialog/index.vue
@@ -9,7 +9,7 @@ import { ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Image } from 'ant-design-vue';
+import { Button, Image } from 'antdv-next';
 
 import { AppLinkSelectDialog } from '#/views/mall/promotion/components';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/index.vue
index 0d289f17f..af9ddc5ac 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HotZoneProperty } from './config';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 热区 */
 defineOptions({ name: 'HotZone' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/property.vue
index cb669fe17..ffe9e3013 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/property.vue
@@ -4,7 +4,7 @@ import type { HotZoneProperty } from './config';
 import { ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, FormItem } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/index.vue
index cae1a68e3..e0d68a512 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/index.vue
@@ -3,7 +3,7 @@ import type { ImageBarProperty } from './config';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 图片展示 */
 defineOptions({ name: 'ImageBar' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/property.vue
index 179b0134c..841ee5114 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/property.vue
@@ -2,7 +2,7 @@
 import type { ImageBarProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem } from 'ant-design-vue';
+import { Form, FormItem } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { AppLinkInput } from '#/views/mall/promotion/components';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/index.vue
index bd91a7f31..9ead0961d 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/index.vue
@@ -5,7 +5,7 @@ import { computed } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 广告魔方 */
 defineOptions({ name: 'MagicCube' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/property.vue
index a6df2228d..109152775 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/property.vue
@@ -4,7 +4,7 @@ import type { MagicCubeProperty } from './config';
 import { ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem, Slider } from 'ant-design-vue';
+import { Form, FormItem, Slider } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/index.vue
index 38336f5a9..694b35f62 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MenuGridProperty } from './config';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 宫格导航 */
 defineOptions({ name: 'MenuGrid' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/property.vue
index eac0f2ce9..46ec56aa8 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/property.vue
@@ -2,7 +2,7 @@
 import type { MenuGridProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem, Radio, RadioGroup, Switch } from 'ant-design-vue';
+import { Form, FormItem, Radio, RadioGroup, Switch } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/index.vue
index e0e3c8496..7b9c04186 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/index.vue
@@ -3,7 +3,7 @@ import type { MenuListProperty } from './config';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 列表导航 */
 defineOptions({ name: 'MenuList' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/property.vue
index cc771fb2b..cbcd8e0df 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/property.vue
@@ -2,7 +2,7 @@
 import type { MenuListProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem } from 'ant-design-vue';
+import { Form, FormItem } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/index.vue
index b18980ebe..b5685370b 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/index.vue
@@ -3,7 +3,7 @@ import type { MenuSwiperItemProperty, MenuSwiperProperty } from './config';
 
 import { ref, watch } from 'vue';
 
-import { Carousel, Image } from 'ant-design-vue';
+import { Carousel, Image } from 'antdv-next';
 
 /** 菜单导航 */
 defineOptions({ name: 'MenuSwiper' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/property.vue
index 5f1e581de..ca6d6f134 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/property.vue
@@ -4,14 +4,7 @@ import type { MenuSwiperProperty } from './config';
 import { cloneDeep } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import {
-  Card,
-  Form,
-  FormItem,
-  Radio,
-  RadioGroup,
-  Switch,
-} from 'ant-design-vue';
+import { Card, Form, FormItem, Radio, RadioGroup, Switch } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/components/cell-property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/components/cell-property.vue
index 7545cdfe2..0f55ffa55 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/components/cell-property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/components/cell-property.vue
@@ -15,7 +15,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import appNavBarMp from '#/assets/imgs/diy/app-nav-bar-mp.png';
 import UploadImg from '#/components/upload/image-upload.vue';
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 3603c46a0..776cea55a 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
@@ -10,7 +10,7 @@ import {
   Radio,
   RadioGroup,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { ColorInput } from '#/views/mall/promotion/components';
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 bc5605562..a47cc0965 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
@@ -3,7 +3,7 @@ import type { NoticeBarProperty } from './config';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Carousel, Divider, Image } from 'ant-design-vue';
+import { Carousel, Divider, Image } from 'antdv-next';
 
 /** 公告栏 */
 defineOptions({ name: 'NoticeBar' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/property.vue
index f32b63410..1f52c02f1 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/property.vue
@@ -2,7 +2,7 @@
 import type { NoticeBarProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Card, Form, FormItem, Input } from 'ant-design-vue';
+import { Card, Form, FormItem, Input } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/page-config/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/page-config/property.vue
index 5c06402ef..d2cff3cb7 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/page-config/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/page-config/property.vue
@@ -2,7 +2,7 @@
 import type { PageConfigProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem, Textarea } from 'ant-design-vue';
+import { Form, FormItem, TextArea } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { ColorInput } from '#/views/mall/promotion/components';
@@ -20,7 +20,7 @@ const formData = useVModel(props, 'modelValue', emit);
 <template>
   <Form :model="formData" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
     <FormItem label="页面描述" name="description">
-      <Textarea
+      <TextArea
         v-model:value="formData!.description"
         placeholder="用户通过微信分享给朋友时，会自动显示页面描述"
         :rows="3"
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/index.vue
index 4d8cd9e40..e6adb1db3 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/index.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 弹窗广告 */
 defineOptions({ name: 'Popover' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/property.vue
index 1f29e08df..552096d63 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/popover/property.vue
@@ -2,7 +2,7 @@
 import type { PopoverProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem, Radio, RadioGroup, Tooltip } from 'ant-design-vue';
+import { Form, FormItem, Radio, RadioGroup, Tooltip } from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { AppLinkInput, Draggable } from '#/views/mall/promotion/components';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/index.vue
index 0eb3b26bb..256570049 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/index.vue
@@ -7,7 +7,7 @@ import { ref, watch } from 'vue';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { getSpuDetailList } from '#/api/mall/product/spu';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/property.vue
index e15f975fe..c1fd13aaa 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/property.vue
@@ -15,7 +15,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { SpuShowcase } from '#/views/mall/product/spu/components';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/index.vue
index 39a3887f0..e666a5206 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/index.vue
@@ -7,7 +7,7 @@ import { onMounted, ref, watch } from 'vue';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { getSpuDetailList } from '#/api/mall/product/spu';
 
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 ed3985b97..9cb911432 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
@@ -14,7 +14,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import SpuShowcase from '#/views/mall/product/spu/components/spu-showcase.vue';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-article/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-article/property.vue
index 2024181b9..b4e80f1ab 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-article/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-article/property.vue
@@ -6,7 +6,7 @@ import type { MallArticleApi } from '#/api/mall/promotion/article';
 import { onMounted, ref } from 'vue';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem, Select } from 'ant-design-vue';
+import { Form, FormItem, Select } from 'antdv-next';
 
 import { getArticlePage } from '#/api/mall/promotion/article';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/index.vue
index bda1d61fb..932d3a6f0 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/index.vue
@@ -8,7 +8,7 @@ import { ref, watch } from 'vue';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { getSpuDetailList } from '#/api/mall/product/spu';
 import { getCombinationActivityListByIds } from '#/api/mall/promotion/combination/combinationActivity';
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 709d6063d..d2aaeda43 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
@@ -15,7 +15,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { CombinationShowcase } from '#/views/mall/promotion/combination/components';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/index.vue
index c8b01081a..32094c7bd 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/index.vue
@@ -7,7 +7,7 @@ import { ref, watch } from 'vue';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { getSpuDetailList } from '#/api/mall/product/spu';
 import { getPointActivityListByIds } from '#/api/mall/promotion/point';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/property.vue
index 4a729e956..feb27ca74 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/property.vue
@@ -15,7 +15,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { ColorInput } from '#/views/mall/promotion/components';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/index.vue
index dc4e64b30..d11a09e8d 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/index.vue
@@ -8,7 +8,7 @@ import { ref, watch } from 'vue';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { getSpuDetailList } from '#/api/mall/product/spu';
 import { getSeckillActivityListByIds } from '#/api/mall/promotion/seckill/seckillActivity';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/property.vue
index 0ab48b76d..0b6e058ff 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/property.vue
@@ -15,7 +15,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import { ColorInput } from '#/views/mall/promotion/components';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/search-bar/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/search-bar/property.vue
index 82dc8e6a8..cf94b5617 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/search-bar/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/search-bar/property.vue
@@ -17,7 +17,7 @@ import {
   Slider,
   Switch,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { ColorInput, Draggable } from '#/views/mall/promotion/components';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue
index 0d2466917..7cac1f0f6 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/index.vue
@@ -3,7 +3,7 @@ import type { TabBarProperty } from './config';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 页面底部导航栏 */
 defineOptions({ name: 'TabBar' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/property.vue
index 6248ddc51..f6ad85577 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/property.vue
@@ -12,7 +12,7 @@ import {
   RadioGroup,
   Select,
   SelectOption,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/index.vue
index cf0fee121..871ff6c01 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/index.vue
@@ -3,7 +3,7 @@ import type { TitleBarProperty } from './config';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 标题栏 */
 defineOptions({ name: 'TitleBar' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/property.vue
index 4dc06495c..a77d88b25 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/property.vue
@@ -15,7 +15,7 @@ import {
   RadioGroup,
   Slider,
   Tooltip,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-card/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-card/index.vue
index 91b13cc77..92c135ba1 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-card/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-card/index.vue
@@ -3,7 +3,7 @@ import type { UserCardProperty } from './config';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Avatar } from 'ant-design-vue';
+import { Avatar } from 'antdv-next';
 
 /** 用户卡片 */
 defineOptions({ name: 'UserCard' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-coupon/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-coupon/index.vue
index a990140e9..84d0a9a72 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-coupon/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-coupon/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { UserCouponProperty } from './config';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 用户卡券 */
 defineOptions({ name: 'UserCoupon' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-order/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-order/index.vue
index af6f888c7..ed5e90664 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-order/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-order/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { UserOrderProperty } from './config';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 用户订单 */
 defineOptions({ name: 'UserOrder' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-wallet/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-wallet/index.vue
index 8104d8fe6..84d2ff3c2 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-wallet/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/user-wallet/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { UserWalletProperty } from './config';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 用户资产 */
 defineOptions({ name: 'UserWallet' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/index.vue
index 08118a30b..1bb63c33f 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { VideoPlayerProperty } from './config';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 /** 视频播放 */
 defineOptions({ name: 'VideoPlayer' });
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/property.vue b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/property.vue
index ba4896181..96be42977 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/property.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/property.vue
@@ -2,7 +2,7 @@
 import type { VideoPlayerProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
-import { Form, FormItem, Slider, Switch } from 'ant-design-vue';
+import { Form, FormItem, Slider, Switch } from 'antdv-next';
 
 import UploadFile from '#/components/upload/file-upload.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
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 e420c7837..ece121bca 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
@@ -7,7 +7,7 @@ import { Page, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { cloneDeep, isEmpty, isString } from '@vben/utils';
 
-import { Button, Card, Col, QRCode, Row, Tag, Tooltip } from 'ant-design-vue';
+import { Button, Card, Col, QRCode, Row, Tag, Tooltip } from 'antdv-next';
 import draggable from 'vuedraggable';
 
 import statusBarImg from '#/assets/imgs/diy/statusBar.png';
@@ -307,11 +307,7 @@ onMounted(() => {
       </Col>
       <!-- 右侧操作区 -->
       <Col :span="8">
-        <Button.Group
-          direction="vertical"
-          size="large"
-          class="flex justify-end"
-        >
+        <Space direction="vertical" size="large" class="flex justify-end">
           <Tooltip title="重置">
             <Button @click="handleReset">
               <IconifyIcon class="size-5" icon="lucide:refresh-cw" />
@@ -327,7 +323,7 @@ onMounted(() => {
               <IconifyIcon class="size-5" icon="lucide:check" />
             </Button>
           </Tooltip>
-        </Button.Group>
+        </Space>
       </Col>
     </Row>
     <!-- 中心区域 -->
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/draggable/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/draggable/index.vue
index 3bd6a3d58..0441c2db9 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/draggable/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/draggable/index.vue
@@ -3,7 +3,7 @@ import { IconifyIcon } from '@vben/icons';
 import { cloneDeep } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Tooltip } from 'ant-design-vue';
+import { Button, Tooltip } from 'antdv-next';
 import VueDraggable from 'vuedraggable';
 
 /** 拖拽组件封装 */
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/index.ts b/apps/web-antdv-next/src/views/mall/promotion/components/index.ts
index 6dbe001fe..80ace7ce5 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/index.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/index.ts
@@ -7,4 +7,4 @@ export { default as Draggable } from './draggable/index.vue';
 export { default as InputWithColor } from './input-with-color/index.vue';
 
 export { default as MagicCubeEditor } from './magic-cube-editor/index.vue';
-export { default as VerticalButtonGroup } from './vertical-button-group/index.vue';
+export { default as VerticalSpace } from './vertical-button-group/index.vue';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/components/input-with-color/index.vue b/apps/web-antdv-next/src/views/mall/promotion/components/input-with-color/index.vue
index 1671318ec..8870cae16 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/components/input-with-color/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/components/input-with-color/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { useVModels } from '@vueuse/core';
-import { Input } from 'ant-design-vue';
+import { Input } from 'antdv-next';
 
 /** 带颜色选择器输入框 */
 defineOptions({ name: 'InputWithColor' });
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 2f865b3da..7d235dd95 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
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Space } from 'ant-design-vue';
+import { Space } from 'antdv-next';
 
 /**
  * 垂直按钮组
  * Ant Design Vue 的按钮组，通过 Space 实现垂直布局
  */
-defineOptions({ name: 'VerticalButtonGroup' });
+defineOptions({ name: 'VerticalSpace' });
 </script>
 
 <template>
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 94d79a0bb..95ba87f52 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
@@ -4,7 +4,7 @@ import type { MallCouponTemplateApi } from '#/api/mall/promotion/coupon/couponTe
 
 import { nextTick, ref } from 'vue';
 
-import { Modal } from 'ant-design-vue';
+import { Modal } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getCouponTemplatePage } from '#/api/mall/promotion/coupon/couponTemplate';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/coupon/components/send-form.vue b/apps/web-antdv-next/src/views/mall/promotion/coupon/components/send-form.vue
index f858cc75f..800bf4f88 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/coupon/components/send-form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/coupon/components/send-form.vue
@@ -5,7 +5,7 @@ import type { MallCouponTemplateApi } from '#/api/mall/promotion/coupon/couponTe
 import { useVbenModal } from '@vben/common-ui';
 import { CouponTemplateTakeTypeEnum } from '@vben/constants';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { sendCoupon } from '#/api/mall/promotion/coupon/coupon';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/coupon/index.vue b/apps/web-antdv-next/src/views/mall/promotion/coupon/index.vue
index 5a442b1de..70126db0a 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/coupon/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/coupon/index.vue
@@ -8,7 +8,7 @@ import { DocAlert, Page } from '@vben/common-ui';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { message, TabPane, Tabs } from 'ant-design-vue';
+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/coupon/template/data.ts b/apps/web-antdv-next/src/views/mall/promotion/coupon/template/data.ts
index 11f86c422..b9c445dc6 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/coupon/template/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/coupon/template/data.ts
@@ -45,7 +45,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '优惠券描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入优惠券描述',
       },
diff --git a/apps/web-antdv-next/src/views/mall/promotion/coupon/template/index.vue b/apps/web-antdv-next/src/views/mall/promotion/coupon/template/index.vue
index 050a4fb6b..1b08b40f1 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/coupon/template/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/coupon/template/index.vue
@@ -6,7 +6,7 @@ import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { CommonStatusEnum } from '@vben/constants';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/coupon/template/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/coupon/template/modules/form.vue
index 23bc87900..185615d32 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/coupon/template/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/coupon/template/modules/form.vue
@@ -7,7 +7,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { CouponTemplateTakeTypeEnum } from '@vben/constants';
 import { convertToInteger, formatToFraction } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/discountActivity/data.ts b/apps/web-antdv-next/src/views/mall/promotion/discountActivity/data.ts
index db639dcb2..be4221a14 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/discountActivity/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/discountActivity/data.ts
@@ -62,7 +62,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/discountActivity/index.vue b/apps/web-antdv-next/src/views/mall/promotion/discountActivity/index.vue
index 48e45c8e9..12e6de909 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/discountActivity/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/discountActivity/index.vue
@@ -4,7 +4,7 @@ import type { MallDiscountActivityApi } from '#/api/mall/promotion/discount/disc
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/discountActivity/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/discountActivity/modules/form.vue
index a0eff3e1d..1412d2551 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/discountActivity/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/discountActivity/modules/form.vue
@@ -19,7 +19,7 @@ import {
   yuanToFen,
 } from '@vben/utils';
 
-import { Button, InputNumber, message } from 'ant-design-vue';
+import { Button, InputNumber, message } from 'antdv-next';
 
 import { VxeColumn } from '#/adapter/vxe-table';
 import { getSpuDetailList } from '#/api/mall/product/spu';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/page/data.ts b/apps/web-antdv-next/src/views/mall/promotion/diy/page/data.ts
index cec26ffcf..9f641d73e 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/page/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/page/data.ts
@@ -26,7 +26,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/page/decorate/index.vue b/apps/web-antdv-next/src/views/mall/promotion/diy/page/decorate/index.vue
index 322ad56c8..c9305ef4f 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/page/decorate/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/page/decorate/index.vue
@@ -4,7 +4,7 @@ import type { MallDiyPageApi } from '#/api/mall/promotion/diy/page';
 import { onMounted, ref, unref } from 'vue';
 import { useRoute } from 'vue-router';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   getDiyPageProperty,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/page/index.vue b/apps/web-antdv-next/src/views/mall/promotion/diy/page/index.vue
index c1af949b1..8c749a619 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/page/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/page/index.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteDiyPage, getDiyPagePage } from '#/api/mall/promotion/diy/page';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/page/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/diy/page/modules/form.vue
index b3e383e83..1bfa28c01 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/page/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/page/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenForm, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   createDiyPage,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/template/data.ts b/apps/web-antdv-next/src/views/mall/promotion/diy/template/data.ts
index e3c8f1421..94b332409 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/template/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/template/data.ts
@@ -28,7 +28,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/template/decorate/index.vue b/apps/web-antdv-next/src/views/mall/promotion/diy/template/decorate/index.vue
index fc188072a..ed11fefc4 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/template/decorate/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/template/decorate/index.vue
@@ -11,7 +11,7 @@ import { IconifyIcon } from '@vben/icons';
 import { useAccessStore } from '@vben/stores';
 import { isEmpty } from '@vben/utils';
 
-import { message, Radio, RadioGroup } from 'ant-design-vue';
+import { message, RadioGroup } from 'antdv-next';
 
 import { updateDiyPageProperty } from '#/api/mall/promotion/diy/page';
 import {
@@ -197,12 +197,12 @@ onMounted(async () => {
         @change="handleTemplateItemChange"
       >
         <template v-for="item in templateItems" :key="item.key">
-          <Radio.Button :value="item.key">
+          <RadioButton :value="item.key">
             <IconifyIcon
               :icon="item.icon"
               class="mt-2 flex size-5 items-center"
             />
-          </Radio.Button>
+          </RadioButton>
         </template>
       </RadioGroup>
     </template>
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/template/index.vue b/apps/web-antdv-next/src/views/mall/promotion/diy/template/index.vue
index ec43bcea0..90906176c 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/template/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/template/index.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router';
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/diy/template/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/diy/template/modules/form.vue
index 339c949e9..e42b6d102 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/diy/template/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/diy/template/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenForm, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import {
   createDiyTemplate,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/kefu/index.vue b/apps/web-antdv-next/src/views/mall/promotion/kefu/index.vue
index 55e833784..110d56564 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/kefu/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/kefu/index.vue
@@ -7,7 +7,7 @@ import { Page } from '@vben/common-ui';
 import { useAccessStore } from '@vben/stores';
 
 import { useWebSocket } from '@vueuse/core';
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useMallKefuStore } from '#/store/mall/kefu';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/conversation-list.vue b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/conversation-list.vue
index 174d845a3..7777d4931 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/conversation-list.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/conversation-list.vue
@@ -7,7 +7,7 @@ import { confirm } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { formatPast, jsonParse } from '@vben/utils';
 
-import { Avatar, message } from 'ant-design-vue';
+import { Avatar, message } from 'antdv-next';
 
 import {
   deleteConversation,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/member/member-info.vue b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/member/member-info.vue
index 742509d83..4b63e7dd2 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/member/member-info.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/member/member-info.vue
@@ -9,7 +9,7 @@ import { computed, nextTick, ref, toRefs, watch } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useScroll } from '@vueuse/core';
-import { Empty, message } from 'ant-design-vue';
+import { Empty, message } from 'antdv-next';
 
 import { getUser } from '#/api/member/user';
 import { getWallet } from '#/api/pay/wallet/balance';
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 dcb34aaca..e70714f69 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
@@ -11,7 +11,7 @@ import { IconifyIcon } from '@vben/icons';
 import { formatDate, isEmpty, jsonParse } from '@vben/utils';
 
 import { useScroll } from '@vueuse/core';
-import { Avatar, Empty, Image, notification, Textarea } from 'ant-design-vue';
+import { Avatar, Empty, Image, notification, TextArea } from 'antdv-next';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 
@@ -404,7 +404,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
               @send-picture="handleSendPicture"
             />
           </div>
-          <Textarea
+          <TextArea
             v-model:value="message"
             :rows="4"
             class="border-none p-2"
diff --git a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message/product-item.vue b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message/product-item.vue
index e16df5fb8..7aa280183 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message/product-item.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/message/product-item.vue
@@ -3,7 +3,7 @@ import { useRouter } from 'vue-router';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Button, Image } from 'ant-design-vue';
+import { Button, Image } from 'antdv-next';
 
 defineProps({
   spuId: {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/emoji-select-popover.vue b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/emoji-select-popover.vue
index c1dcf8a2c..e32cc7925 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/emoji-select-popover.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/emoji-select-popover.vue
@@ -6,7 +6,8 @@ import { computed } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { List, Popover } from 'ant-design-vue';
+import { Popover } from 'antdv-next';
+// TODO: List component not available in antdv-next, needs manual migration
 
 import { useEmoji } from './emoji';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/picture-select-upload.vue b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/picture-select-upload.vue
index 65f5a7516..2bdeff0bc 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/picture-select-upload.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/kefu/modules/tools/picture-select-upload.vue
@@ -1,6 +1,6 @@
 <!-- 图片选择 -->
 <script lang="ts" setup>
-import { Image, message } from 'ant-design-vue';
+import { Image, message } from 'antdv-next';
 
 import { useUpload } from '#/components/upload/use-upload';
 import { $t } from '#/locales';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/point/activity/data.ts b/apps/web-antdv-next/src/views/mall/promotion/point/activity/data.ts
index 9b2abb065..7d1871a00 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/point/activity/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/point/activity/data.ts
@@ -119,7 +119,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/point/activity/index.vue b/apps/web-antdv-next/src/views/mall/promotion/point/activity/index.vue
index d0ce962db..ca67590fb 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/point/activity/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/point/activity/index.vue
@@ -3,7 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/point/activity/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/point/activity/modules/form.vue
index 9653a2b0e..7ecd60195 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/point/activity/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/point/activity/modules/form.vue
@@ -11,7 +11,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { cloneDeep, convertToInteger, formatToFraction } from '@vben/utils';
 
-import { Button, InputNumber, message } from 'ant-design-vue';
+import { Button, InputNumber, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { VxeColumn } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/point/components/showcase.vue b/apps/web-antdv-next/src/views/mall/promotion/point/components/showcase.vue
index 9f16ac9d0..baf8fbeff 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/point/components/showcase.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/point/components/showcase.vue
@@ -6,7 +6,7 @@ import { computed, ref, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image, Tooltip } from 'ant-design-vue';
+import { Image, Tooltip } from 'antdv-next';
 
 import { getPointActivityListByIds } from '#/api/mall/promotion/point';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/data.ts b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/data.ts
index c1232e43f..e6cb046ab 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/data.ts
@@ -123,7 +123,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/index.vue b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/index.vue
index 20e892a12..3a816d0d5 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/index.vue
@@ -5,7 +5,7 @@ import type { MallRewardActivityApi } from '#/api/mall/promotion/reward/rewardAc
 import { Page, useVbenModal } from '@vben/common-ui';
 import { CommonStatusEnum } from '@vben/constants';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/form.vue
index 4a35c0316..132c983ab 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/form.vue
@@ -10,7 +10,7 @@ import {
 } from '@vben/constants';
 import { cloneDeep, convertToInteger, formatToFraction } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule-coupon-select.vue b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule-coupon-select.vue
index fef6297ed..8b0721b88 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule-coupon-select.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule-coupon-select.vue
@@ -7,7 +7,7 @@ import { nextTick, onMounted, ref, watch } from 'vue';
 import { CouponTemplateTakeTypeEnum, DICT_TYPE } from '@vben/constants';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input } from 'antdv-next';
 
 import { getCouponTemplateList } from '#/api/mall/promotion/coupon/couponTemplate';
 import { DictTag } from '#/components/dict-tag';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule.vue b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule.vue
index a90d9ff97..3102f2f8d 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/rewardActivity/modules/reward-rule.vue
@@ -17,7 +17,7 @@ import {
   Row,
   Switch,
   Tag,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import RewardRuleCouponSelect from './reward-rule-coupon-select.vue';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/data.ts b/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/data.ts
index 2ebb63de5..97dc70443 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/data.ts
+++ b/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/data.ts
@@ -130,7 +130,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
         rows: 4,
diff --git a/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/index.vue b/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/index.vue
index dfed233c2..536ddfe7f 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/index.vue
@@ -6,7 +6,7 @@ import { onMounted } from 'vue';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message, Tag } from 'ant-design-vue';
+import { message, Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/modules/form.vue
index 0a9bc4839..e8a877fd8 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/seckill/activity/modules/form.vue
@@ -11,7 +11,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { cloneDeep, convertToInteger, formatToFraction } from '@vben/utils';
 
-import { Button, InputNumber, message } from 'ant-design-vue';
+import { Button, InputNumber, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { VxeColumn } from '#/adapter/vxe-table';
diff --git a/apps/web-antdv-next/src/views/mall/promotion/seckill/components/showcase.vue b/apps/web-antdv-next/src/views/mall/promotion/seckill/components/showcase.vue
index d5d414bdf..639a148b0 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/seckill/components/showcase.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/seckill/components/showcase.vue
@@ -6,7 +6,7 @@ import { computed, ref, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Image, Tooltip } from 'ant-design-vue';
+import { Image, Tooltip } from 'antdv-next';
 
 import { getSeckillActivityListByIds } from '#/api/mall/promotion/seckill/seckillActivity';
 
diff --git a/apps/web-antdv-next/src/views/mall/promotion/seckill/config/index.vue b/apps/web-antdv-next/src/views/mall/promotion/seckill/config/index.vue
index 932e0235f..2740484e9 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/seckill/config/index.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/seckill/config/index.vue
@@ -4,7 +4,7 @@ import type { MallSeckillConfigApi } from '#/api/mall/promotion/seckill/seckillC
 
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/promotion/seckill/config/modules/form.vue b/apps/web-antdv-next/src/views/mall/promotion/seckill/config/modules/form.vue
index d7e7fb94a..836a3f166 100644
--- a/apps/web-antdv-next/src/views/mall/promotion/seckill/config/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/promotion/seckill/config/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/statistics/member/index.vue b/apps/web-antdv-next/src/views/mall/statistics/member/index.vue
index 9524f9bb1..12a2c6d58 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/member/index.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/member/index.vue
@@ -6,7 +6,7 @@ import { onMounted, ref } from 'vue';
 import { DocAlert, Page, SummaryCard } from '@vben/common-ui';
 import { fenToYuan } from '@vben/utils';
 
-import { Col, Row } from 'ant-design-vue';
+import { Col, Row } from 'antdv-next';
 
 import { getMemberSummary } from '#/api/mall/statistics/member';
 
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 e9284a436..5b7005559 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
@@ -7,7 +7,7 @@ import { onMounted, ref, shallowRef } from 'vue';
 
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card, Spin } from 'ant-design-vue';
+import { Card, Spin } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getMemberAreaStatisticsList } from '#/api/mall/statistics/member';
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 fc1a7a4a0..a7891036c 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
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import { getMemberAnalyse } from '#/api/mall/statistics/member';
 import { ShortcutDateRangePicker } from '#/components/shortcut-date-range-picker';
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 b765475ab..5073f51be 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
@@ -9,7 +9,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card, Spin } from 'ant-design-vue';
+import { Card, Spin } from 'antdv-next';
 
 import { getMemberSexStatisticsList } from '#/api/mall/statistics/member';
 
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 bb3103704..12cec2923 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
@@ -6,7 +6,7 @@ import { onMounted, ref } from 'vue';
 import { getDictOptions } from '@vben/hooks';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-import { Card, Spin } from 'ant-design-vue';
+import { Card, Spin } from 'antdv-next';
 
 import { getMemberTerminalStatisticsList } from '#/api/mall/statistics/member';
 
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 ea58c3986..320ca9525 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
@@ -8,7 +8,7 @@ import { ref } from 'vue';
 import { buildSortingField } from '@vben/request';
 import { formatDateTime } from '@vben/utils';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getProductStatisticsRankPage } from '#/api/mall/statistics/product';
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 b38b4517a..eed1075f6 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
@@ -18,7 +18,7 @@ import {
   isSameDay,
 } from '@vben/utils';
 
-import { Button, Card, Col, Row, Spin } from 'ant-design-vue';
+import { Button, Card, Col, Row, Spin } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import {
diff --git a/apps/web-antdv-next/src/views/mall/statistics/trade/index.vue b/apps/web-antdv-next/src/views/mall/statistics/trade/index.vue
index 09fb18be0..47d071364 100644
--- a/apps/web-antdv-next/src/views/mall/statistics/trade/index.vue
+++ b/apps/web-antdv-next/src/views/mall/statistics/trade/index.vue
@@ -7,7 +7,7 @@ import { onMounted, ref } from 'vue';
 import { DocAlert, Page, StatisticCard } from '@vben/common-ui';
 import { fenToYuan } from '@vben/utils';
 
-import { Col, Row } from 'ant-design-vue';
+import { Col, Row } from 'antdv-next';
 
 import { getTradeStatisticsSummary } from '#/api/mall/statistics/trade';
 
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 3d300dfca..9d8386f1b 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
@@ -18,7 +18,7 @@ import {
   isSameDay,
 } from '@vben/utils';
 
-import { Button, Card, Col, Row, Spin } from 'ant-design-vue';
+import { Button, Card, Col, Row, Spin } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/afterSale/data.ts b/apps/web-antdv-next/src/views/mall/trade/afterSale/data.ts
index 2daee4757..aa246c04b 100644
--- a/apps/web-antdv-next/src/views/mall/trade/afterSale/data.ts
+++ b/apps/web-antdv-next/src/views/mall/trade/afterSale/data.ts
@@ -19,7 +19,7 @@ export function useDisagreeFormSchema(): VbenFormSchema[] {
       },
     },
     {
-      component: 'Textarea',
+      component: 'TextArea',
       fieldName: 'reason',
       label: '拒绝原因',
       componentProps: {
diff --git a/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/data.ts b/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/data.ts
index 66fed1092..813ae70f4 100644
--- a/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/data.ts
+++ b/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/data.ts
@@ -5,7 +5,7 @@ import { h } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { fenToYuan, formatDate } from '@vben/utils';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 
diff --git a/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/index.vue b/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/index.vue
index 21893ea9b..4247661e8 100644
--- a/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/afterSale/detail/index.vue
@@ -11,7 +11,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { useTabs } from '@vben/hooks';
 import { $t } from '@vben/locales';
 
-import { message, Tag } from 'ant-design-vue';
+import { message, Tag } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/afterSale/index.vue b/apps/web-antdv-next/src/views/mall/trade/afterSale/index.vue
index c071fc038..2db934416 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 'ant-design-vue';
+import { Button, Image, Tabs, Tag } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAfterSalePage } from '#/api/mall/trade/afterSale';
@@ -104,7 +104,7 @@ onMounted(() => {
           class="w-full"
           @change="handleChangeStatus"
         >
-          <Tabs.TabPane
+          <TabPane
             v-for="tab in statusTabs"
             :key="tab.value"
             :tab="tab.label"
diff --git a/apps/web-antdv-next/src/views/mall/trade/afterSale/modules/disagree-form.vue b/apps/web-antdv-next/src/views/mall/trade/afterSale/modules/disagree-form.vue
index 6fe9282ad..eb5e66240 100644
--- a/apps/web-antdv-next/src/views/mall/trade/afterSale/modules/disagree-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/afterSale/modules/disagree-form.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { disagreeAfterSale } from '#/api/mall/trade/afterSale';
diff --git a/apps/web-antdv-next/src/views/mall/trade/brokerage/user/index.vue b/apps/web-antdv-next/src/views/mall/trade/brokerage/user/index.vue
index eb263d892..297669bc1 100644
--- a/apps/web-antdv-next/src/views/mall/trade/brokerage/user/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/brokerage/user/index.vue
@@ -5,7 +5,7 @@ import type { MallBrokerageUserApi } from '#/api/mall/trade/brokerage/user';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/create-form.vue b/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/create-form.vue
index 501883f62..ffad86931 100644
--- a/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/create-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/create-form.vue
@@ -15,7 +15,7 @@ import {
   Divider,
   InputSearch,
   message,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/update-form.vue b/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/update-form.vue
index cdb9695f2..11c225439 100644
--- a/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/update-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/brokerage/user/modules/update-form.vue
@@ -15,7 +15,7 @@ import {
   Divider,
   InputSearch,
   message,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/brokerage/withdraw/index.vue b/apps/web-antdv-next/src/views/mall/trade/brokerage/withdraw/index.vue
index 1c635a489..384e24145 100644
--- a/apps/web-antdv-next/src/views/mall/trade/brokerage/withdraw/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/brokerage/withdraw/index.vue
@@ -12,7 +12,7 @@ import {
 } from '@vben/constants';
 import { formatDateTime } from '@vben/utils';
 
-import { Input, message } from 'ant-design-vue';
+import { Input, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
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 d1c5dedef..8c80cd8d5 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 'ant-design-vue';
+import { Card, message, Tabs } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getTradeConfig, saveTradeConfig } from '#/api/mall/trade/config';
@@ -89,9 +89,9 @@ onMounted(() => {
     </template>
     <Card>
       <Tabs :active-key="activeKey" @change="handleTabChange">
-        <Tabs.TabPane tab="售后" key="afterSale" :force-render="true" />
-        <Tabs.TabPane tab="配送" key="delivery" :force-render="true" />
-        <Tabs.TabPane tab="分销" key="brokerage" :force-render="true" />
+        <TabPane tab="售后" key="afterSale" :force-render="true" />
+        <TabPane tab="配送" key="delivery" :force-render="true" />
+        <TabPane tab="分销" key="brokerage" :force-render="true" />
       </Tabs>
       <Form class="w-2/5" />
     </Card>
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/express/index.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/express/index.vue
index ea1df37e6..8ec68ab67 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/express/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/express/index.vue
@@ -5,7 +5,7 @@ import type { MallDeliveryExpressApi } from '#/api/mall/trade/delivery/express';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/express/modules/form.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/express/modules/form.vue
index 16325507f..410f67404 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/express/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/express/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/index.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/index.vue
index 1a9400233..b7ad2b523 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/index.vue
@@ -4,7 +4,7 @@ import type { MallDeliveryExpressTemplateApi } from '#/api/mall/trade/delivery/e
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/charge-item-form.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/charge-item-form.vue
index 77427ca89..e999f20d8 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/charge-item-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/charge-item-form.vue
@@ -4,7 +4,7 @@ import type { SystemAreaApi } from '#/api/system/area';
 
 import { computed, nextTick, ref, watch } from 'vue';
 
-import { InputNumber, TreeSelect } from 'ant-design-vue';
+import { InputNumber, TreeSelect } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/form.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/form.vue
index 13a9d2435..61c471f24 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/form.vue
@@ -7,7 +7,7 @@ import { computed, onMounted, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { cloneDeep, fenToYuan, yuanToFen } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/free-item-form.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/free-item-form.vue
index 1c8531add..ce15b422e 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/free-item-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/expressTemplate/modules/free-item-form.vue
@@ -4,7 +4,7 @@ import type { SystemAreaApi } from '#/api/system/area';
 
 import { computed, nextTick, ref, watch } from 'vue';
 
-import { InputNumber, TreeSelect } from 'ant-design-vue';
+import { InputNumber, TreeSelect } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpOrder/index.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpOrder/index.vue
index 050065c10..5be569fe0 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpOrder/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpOrder/index.vue
@@ -9,7 +9,7 @@ import { DeliveryTypeEnum } from '@vben/constants';
 import { $t } from '@vben/locales';
 import { fenToYuan } from '@vben/utils';
 
-import { Card, Image, Input, message, Tag } from 'ant-design-vue';
+import { Card, Image, Input, message, Tag } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/data.ts b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/data.ts
index 666db4f8f..fadb062ad 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/data.ts
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/data.ts
@@ -50,7 +50,7 @@ export function useFormSchema(): VbenFormSchema[] {
       help: '推荐 180x180 图片分辨率',
     },
     {
-      component: 'Textarea',
+      component: 'TextArea',
       fieldName: 'introduction',
       label: '门店简介',
       formItemClass: 'col-span-2',
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/index.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/index.vue
index b2fa35a5f..2bfab159a 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/index.vue
@@ -4,7 +4,7 @@ import type { MallDeliveryPickUpStoreApi } from '#/api/mall/trade/delivery/pickU
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/bind-form.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/bind-form.vue
index 7886e341d..71d7c8050 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/bind-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/bind-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/form.vue b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/form.vue
index bd73fb5e3..782684367 100644
--- a/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/delivery/pickUpStore/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { useVbenForm } from '#/adapter/form';
diff --git a/apps/web-antdv-next/src/views/mall/trade/order/detail/index.vue b/apps/web-antdv-next/src/views/mall/trade/order/detail/index.vue
index 4fdd3d2bb..b50380c4c 100644
--- a/apps/web-antdv-next/src/views/mall/trade/order/detail/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/order/detail/index.vue
@@ -15,7 +15,7 @@ import {
 } from '@vben/constants';
 import { useTabs } from '@vben/hooks';
 
-import { message, Tag } from 'ant-design-vue';
+import { message, Tag } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSimpleDeliveryExpressList } from '#/api/mall/trade/delivery/express';
diff --git a/apps/web-antdv-next/src/views/mall/trade/order/index.vue b/apps/web-antdv-next/src/views/mall/trade/order/index.vue
index 353bf3809..40c8a41bd 100644
--- a/apps/web-antdv-next/src/views/mall/trade/order/index.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/order/index.vue
@@ -12,7 +12,8 @@ import {
 } from '@vben/constants';
 import { fenToYuan } from '@vben/utils';
 
-import { Image, List, Tag } from 'ant-design-vue';
+import { Image, Tag } from 'antdv-next';
+// TODO: List component not available in antdv-next, needs manual migration
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getOrderPage } from '#/api/mall/trade/order';
diff --git a/apps/web-antdv-next/src/views/mall/trade/order/modules/address-form.vue b/apps/web-antdv-next/src/views/mall/trade/order/modules/address-form.vue
index 478fc42ad..e3b7a57dd 100644
--- a/apps/web-antdv-next/src/views/mall/trade/order/modules/address-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/order/modules/address-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { updateOrderAddress } from '#/api/mall/trade/order';
diff --git a/apps/web-antdv-next/src/views/mall/trade/order/modules/delivery-form.vue b/apps/web-antdv-next/src/views/mall/trade/order/modules/delivery-form.vue
index a3bf33d96..357ea99c5 100644
--- a/apps/web-antdv-next/src/views/mall/trade/order/modules/delivery-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/order/modules/delivery-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { deliveryOrder } from '#/api/mall/trade/order';
diff --git a/apps/web-antdv-next/src/views/mall/trade/order/modules/price-form.vue b/apps/web-antdv-next/src/views/mall/trade/order/modules/price-form.vue
index 9355a0fc7..5a1d58d14 100644
--- a/apps/web-antdv-next/src/views/mall/trade/order/modules/price-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/order/modules/price-form.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { fenToYuan } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { updateOrderPrice } from '#/api/mall/trade/order';
diff --git a/apps/web-antdv-next/src/views/mall/trade/order/modules/remark-form.vue b/apps/web-antdv-next/src/views/mall/trade/order/modules/remark-form.vue
index 61b5e6fb5..c4785f7a7 100644
--- a/apps/web-antdv-next/src/views/mall/trade/order/modules/remark-form.vue
+++ b/apps/web-antdv-next/src/views/mall/trade/order/modules/remark-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { updateOrderRemark } from '#/api/mall/trade/order';
diff --git a/apps/web-antdv-next/src/views/member/config/index.vue b/apps/web-antdv-next/src/views/member/config/index.vue
index 3c5e0407b..8fc9715fe 100644
--- a/apps/web-antdv-next/src/views/member/config/index.vue
+++ b/apps/web-antdv-next/src/views/member/config/index.vue
@@ -6,7 +6,7 @@ import { onMounted, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 import { fenToYuan, yuanToFen } from '@vben/utils';
 
-import { Card, message } from 'ant-design-vue';
+import { Card, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getConfig, saveConfig } from '#/api/member/config';
diff --git a/apps/web-antdv-next/src/views/member/group/data.ts b/apps/web-antdv-next/src/views/member/group/data.ts
index 973dd09c8..83a6f0d75 100644
--- a/apps/web-antdv-next/src/views/member/group/data.ts
+++ b/apps/web-antdv-next/src/views/member/group/data.ts
@@ -40,7 +40,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/member/group/index.vue b/apps/web-antdv-next/src/views/member/group/index.vue
index 095a95d56..53fedaf89 100644
--- a/apps/web-antdv-next/src/views/member/group/index.vue
+++ b/apps/web-antdv-next/src/views/member/group/index.vue
@@ -4,7 +4,7 @@ import type { MemberGroupApi } from '#/api/member/group';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteGroup, getGroupPage } from '#/api/member/group';
diff --git a/apps/web-antdv-next/src/views/member/group/modules/form.vue b/apps/web-antdv-next/src/views/member/group/modules/form.vue
index 3d837f905..a2ce11167 100644
--- a/apps/web-antdv-next/src/views/member/group/modules/form.vue
+++ b/apps/web-antdv-next/src/views/member/group/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createGroup, getGroup, updateGroup } from '#/api/member/group';
diff --git a/apps/web-antdv-next/src/views/member/level/index.vue b/apps/web-antdv-next/src/views/member/level/index.vue
index f3032f835..0a82ef5fa 100644
--- a/apps/web-antdv-next/src/views/member/level/index.vue
+++ b/apps/web-antdv-next/src/views/member/level/index.vue
@@ -4,7 +4,7 @@ import type { MemberLevelApi } from '#/api/member/level';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteLevel, getLevelList } from '#/api/member/level';
diff --git a/apps/web-antdv-next/src/views/member/level/modules/form.vue b/apps/web-antdv-next/src/views/member/level/modules/form.vue
index 6b7c094c1..1592075e1 100644
--- a/apps/web-antdv-next/src/views/member/level/modules/form.vue
+++ b/apps/web-antdv-next/src/views/member/level/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createLevel, getLevel, updateLevel } from '#/api/member/level';
diff --git a/apps/web-antdv-next/src/views/member/point/record/data.ts b/apps/web-antdv-next/src/views/member/point/record/data.ts
index 4e0f54945..ffcf301f7 100644
--- a/apps/web-antdv-next/src/views/member/point/record/data.ts
+++ b/apps/web-antdv-next/src/views/member/point/record/data.ts
@@ -6,7 +6,7 @@ import { h } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { getRangePickerDefaultProps } from '#/utils';
 
diff --git a/apps/web-antdv-next/src/views/member/signin/config/index.vue b/apps/web-antdv-next/src/views/member/signin/config/index.vue
index cc68b8a21..03286f7b9 100644
--- a/apps/web-antdv-next/src/views/member/signin/config/index.vue
+++ b/apps/web-antdv-next/src/views/member/signin/config/index.vue
@@ -4,7 +4,7 @@ import type { MemberSignInConfigApi } from '#/api/member/signin/config';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/member/signin/config/modules/form.vue b/apps/web-antdv-next/src/views/member/signin/config/modules/form.vue
index 0864461f6..0a90b663a 100644
--- a/apps/web-antdv-next/src/views/member/signin/config/modules/form.vue
+++ b/apps/web-antdv-next/src/views/member/signin/config/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/member/signin/record/data.ts b/apps/web-antdv-next/src/views/member/signin/record/data.ts
index 5449b888c..1f4349cef 100644
--- a/apps/web-antdv-next/src/views/member/signin/record/data.ts
+++ b/apps/web-antdv-next/src/views/member/signin/record/data.ts
@@ -3,7 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { h } from 'vue';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { getRangePickerDefaultProps } from '#/utils';
 
diff --git a/apps/web-antdv-next/src/views/member/tag/index.vue b/apps/web-antdv-next/src/views/member/tag/index.vue
index 084d3ca81..286aa27e9 100644
--- a/apps/web-antdv-next/src/views/member/tag/index.vue
+++ b/apps/web-antdv-next/src/views/member/tag/index.vue
@@ -4,7 +4,7 @@ import type { MemberTagApi } from '#/api/member/tag';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteMemberTag, getMemberTagPage } from '#/api/member/tag';
diff --git a/apps/web-antdv-next/src/views/member/tag/modules/form.vue b/apps/web-antdv-next/src/views/member/tag/modules/form.vue
index 6d1df3a22..04342bb7e 100644
--- a/apps/web-antdv-next/src/views/member/tag/modules/form.vue
+++ b/apps/web-antdv-next/src/views/member/tag/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/member/user/data.ts b/apps/web-antdv-next/src/views/member/user/data.ts
index 295b23e89..358614039 100644
--- a/apps/web-antdv-next/src/views/member/user/data.ts
+++ b/apps/web-antdv-next/src/views/member/user/data.ts
@@ -7,7 +7,7 @@ import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { convertToInteger, formatToFraction } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { z } from '#/adapter/form';
 import { getSimpleGroupList } from '#/api/member/group';
@@ -124,7 +124,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'mark',
       label: '会员备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入会员备注',
       },
@@ -340,7 +340,7 @@ export function useLevelFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'reason',
       label: '修改原因',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入修改原因',
       },
diff --git a/apps/web-antdv-next/src/views/member/user/detail/index.vue b/apps/web-antdv-next/src/views/member/user/detail/index.vue
index f0def1afb..66395c4db 100644
--- a/apps/web-antdv-next/src/views/member/user/detail/index.vue
+++ b/apps/web-antdv-next/src/views/member/user/detail/index.vue
@@ -8,7 +8,7 @@ import { useRoute } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
 
-import { Button, Card, message, TabPane, Tabs } from 'ant-design-vue';
+import { Button, Card, message, TabPane, Tabs } from 'antdv-next';
 
 import { getUser } from '#/api/member/user';
 import { getWallet } from '#/api/pay/wallet/balance';
diff --git a/apps/web-antdv-next/src/views/member/user/detail/modules/account-info.vue b/apps/web-antdv-next/src/views/member/user/detail/modules/account-info.vue
index 1bc7a0c9c..8bd230de5 100644
--- a/apps/web-antdv-next/src/views/member/user/detail/modules/account-info.vue
+++ b/apps/web-antdv-next/src/views/member/user/detail/modules/account-info.vue
@@ -4,7 +4,7 @@ import type { PayWalletApi } from '#/api/pay/wallet/balance';
 
 import { fenToYuan } from '@vben/utils';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 
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 db51216ac..a5ab23400 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 'ant-design-vue';
+import { Button, Image, Tabs, Tag } from 'antdv-next';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAfterSalePage } from '#/api/mall/trade/afterSale';
@@ -104,11 +104,7 @@ onMounted(() => {
         class="w-full"
         @change="handleChangeStatus"
       >
-        <Tabs.TabPane
-          v-for="tab in statusTabs"
-          :key="tab.value"
-          :tab="tab.label"
-        />
+        <TabPane v-for="tab in statusTabs" :key="tab.value" :tab="tab.label" />
       </Tabs>
     </template>
     <template #orderNo="{ row }">
diff --git a/apps/web-antdv-next/src/views/member/user/detail/modules/basic-info.vue b/apps/web-antdv-next/src/views/member/user/detail/modules/basic-info.vue
index c3a8b4294..d2356b34e 100644
--- a/apps/web-antdv-next/src/views/member/user/detail/modules/basic-info.vue
+++ b/apps/web-antdv-next/src/views/member/user/detail/modules/basic-info.vue
@@ -6,7 +6,7 @@ import { h } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { formatDate } from '@vben/utils';
 
-import { Avatar, Card, Col, Row } from 'ant-design-vue';
+import { Avatar, Card, Col, Row } from 'antdv-next';
 
 import { useDescription } from '#/components/description';
 import { DictTag } from '#/components/dict-tag';
diff --git a/apps/web-antdv-next/src/views/member/user/detail/modules/coupon-list.vue b/apps/web-antdv-next/src/views/member/user/detail/modules/coupon-list.vue
index 5d64482fa..4b1bd2085 100644
--- a/apps/web-antdv-next/src/views/member/user/detail/modules/coupon-list.vue
+++ b/apps/web-antdv-next/src/views/member/user/detail/modules/coupon-list.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { message, TabPane, Tabs } from 'ant-design-vue';
+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/member/user/detail/modules/experience-record-list.vue b/apps/web-antdv-next/src/views/member/user/detail/modules/experience-record-list.vue
index 770bdef76..831edbd7f 100644
--- a/apps/web-antdv-next/src/views/member/user/detail/modules/experience-record-list.vue
+++ b/apps/web-antdv-next/src/views/member/user/detail/modules/experience-record-list.vue
@@ -8,7 +8,7 @@ import { h } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getExperienceRecordPage } from '#/api/member/experience-record';
diff --git a/apps/web-antdv-next/src/views/member/user/detail/modules/order-list.vue b/apps/web-antdv-next/src/views/member/user/detail/modules/order-list.vue
index 23b5e1b30..3ba1c9f30 100644
--- a/apps/web-antdv-next/src/views/member/user/detail/modules/order-list.vue
+++ b/apps/web-antdv-next/src/views/member/user/detail/modules/order-list.vue
@@ -7,7 +7,8 @@ import { useRouter } from 'vue-router';
 import { DICT_TYPE } from '@vben/constants';
 import { fenToYuan } from '@vben/utils';
 
-import { Image, List, Tag } from 'ant-design-vue';
+import { Image, Tag } from 'antdv-next';
+// TODO: List component not available in antdv-next, needs manual migration
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getOrderPage } from '#/api/mall/trade/order';
diff --git a/apps/web-antdv-next/src/views/member/user/modules/balance-form.vue b/apps/web-antdv-next/src/views/member/user/modules/balance-form.vue
index 6f13bd0ab..bf163b0d6 100644
--- a/apps/web-antdv-next/src/views/member/user/modules/balance-form.vue
+++ b/apps/web-antdv-next/src/views/member/user/modules/balance-form.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { fenToYuan, yuanToFen } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getUser } from '#/api/member/user';
diff --git a/apps/web-antdv-next/src/views/member/user/modules/form.vue b/apps/web-antdv-next/src/views/member/user/modules/form.vue
index 69a48156a..ee0334cf5 100644
--- a/apps/web-antdv-next/src/views/member/user/modules/form.vue
+++ b/apps/web-antdv-next/src/views/member/user/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getUser, updateUser } from '#/api/member/user';
diff --git a/apps/web-antdv-next/src/views/member/user/modules/level-form.vue b/apps/web-antdv-next/src/views/member/user/modules/level-form.vue
index 2a2c8b2ca..42934910d 100644
--- a/apps/web-antdv-next/src/views/member/user/modules/level-form.vue
+++ b/apps/web-antdv-next/src/views/member/user/modules/level-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getUser, updateUserLevel } from '#/api/member/user';
diff --git a/apps/web-antdv-next/src/views/member/user/modules/point-form.vue b/apps/web-antdv-next/src/views/member/user/modules/point-form.vue
index da6c88e8d..c2c19fb9a 100644
--- a/apps/web-antdv-next/src/views/member/user/modules/point-form.vue
+++ b/apps/web-antdv-next/src/views/member/user/modules/point-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getUser, updateUserPoint } from '#/api/member/user';
diff --git a/apps/web-antdv-next/src/views/mp/account/data.ts b/apps/web-antdv-next/src/views/mp/account/data.ts
index eb57a796a..12c47e7b8 100644
--- a/apps/web-antdv-next/src/views/mp/account/data.ts
+++ b/apps/web-antdv-next/src/views/mp/account/data.ts
@@ -71,7 +71,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/mp/account/index.vue b/apps/web-antdv-next/src/views/mp/account/index.vue
index 27bd9b496..d3338d06e 100644
--- a/apps/web-antdv-next/src/views/mp/account/index.vue
+++ b/apps/web-antdv-next/src/views/mp/account/index.vue
@@ -4,7 +4,7 @@ import type { MpAccountApi } from '#/api/mp/account';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mp/account/modules/form.vue b/apps/web-antdv-next/src/views/mp/account/modules/form.vue
index cb2b79ed3..182940710 100644
--- a/apps/web-antdv-next/src/views/mp/account/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mp/account/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createAccount, getAccount, updateAccount } from '#/api/mp/account';
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 e4862a60e..a89017118 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 'ant-design-vue';
+import { message, Row, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -159,29 +159,29 @@ const [Grid, gridApi] = useVbenVxeGrid({
           class="w-full"
           @change="(activeKey) => onTabChange(activeKey as string)"
         >
-          <Tabs.TabPane :key="String(AutoReplyMsgType.Follow)">
+          <TabPane :key="String(AutoReplyMsgType.Follow)">
             <template #tab>
               <Row align="middle">
                 <IconifyIcon icon="lucide:star" class="mr-2px" /> 关注时回复
               </Row>
             </template>
-          </Tabs.TabPane>
-          <Tabs.TabPane :key="String(AutoReplyMsgType.Message)">
+          </TabPane>
+          <TabPane :key="String(AutoReplyMsgType.Message)">
             <template #tab>
               <Row align="middle">
                 <IconifyIcon icon="lucide:message-circle-more" class="mr-2px" />
                 消息回复
               </Row>
             </template>
-          </Tabs.TabPane>
-          <Tabs.TabPane :key="String(AutoReplyMsgType.Keyword)">
+          </TabPane>
+          <TabPane :key="String(AutoReplyMsgType.Keyword)">
             <template #tab>
               <Row align="middle">
                 <IconifyIcon icon="lucide:newspaper" class="mr-2px" />
                 关键词回复
               </Row>
             </template>
-          </Tabs.TabPane>
+          </TabPane>
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/mp/autoReply/modules/form.vue b/apps/web-antdv-next/src/views/mp/autoReply/modules/form.vue
index 09a64c66e..4f41ba384 100644
--- a/apps/web-antdv-next/src/views/mp/autoReply/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mp/autoReply/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, nextTick, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { AutoReplyMsgType, ReplyType } from '@vben/constants';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createAutoReply, updateAutoReply } from '#/api/mp/autoReply';
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-account-select/wx-account-select.vue b/apps/web-antdv-next/src/views/mp/components/wx-account-select/wx-account-select.vue
index 3d2b48f4c..4e55f933f 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-account-select/wx-account-select.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-account-select/wx-account-select.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import type { SelectValue } from 'ant-design-vue/es/select';
+import type { SelectValue } from 'antdv-next';
 
 import type { MpAccountApi } from '#/api/mp/account';
 
 import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { message, Select } from 'ant-design-vue';
+import { message, Select } from 'antdv-next';
 
 import { getSimpleAccountList } from '#/api/mp/account';
 
@@ -62,8 +62,8 @@ onMounted(handleQuery);
     class="!w-full"
     @change="onChanged"
   >
-    <Select.Option v-for="item in accountList" :key="item.id" :value="item.id">
+    <SelectOption v-for="item in accountList" :key="item.id" :value="item.id">
       {{ item.name }}
-    </Select.Option>
+    </SelectOption>
   </Select>
 </template>
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-location/wx-location.vue b/apps/web-antdv-next/src/views/mp/components/wx-location/wx-location.vue
index f675df680..511b7e718 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-location/wx-location.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-location/wx-location.vue
@@ -5,7 +5,7 @@ import { computed, onMounted, ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Col, message, Row } from 'ant-design-vue';
+import { Col, message, Row } from 'antdv-next';
 
 import { getTradeConfig } from '#/api/mall/trade/config';
 
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-material-select/wx-material-select.vue b/apps/web-antdv-next/src/views/mp/components/wx-material-select/wx-material-select.vue
index aea34aa21..592da7e4d 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-material-select/wx-material-select.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-material-select/wx-material-select.vue
@@ -8,7 +8,7 @@ import { Page } from '@vben/common-ui';
 import { NewsType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Pagination, Row, Spin } from 'ant-design-vue';
+import { Button, Pagination, Row, Spin } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDraftPage } from '#/api/mp/draft';
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-msg/msg-event.vue b/apps/web-antdv-next/src/views/mp/components/wx-msg/msg-event.vue
index 24b039ebf..e94736e0c 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-msg/msg-event.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-msg/msg-event.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 defineOptions({ name: 'MsgEvent' });
 
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-msg/wx-msg.vue b/apps/web-antdv-next/src/views/mp/components/wx-msg/wx-msg.vue
index b87140582..d65cb446c 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-msg/wx-msg.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-msg/wx-msg.vue
@@ -5,7 +5,7 @@ import { nextTick, onMounted, reactive, ref, unref } from 'vue';
 
 import { preferences } from '@vben/preferences';
 
-import { Button, message, Spin } from 'ant-design-vue';
+import { Button, message, Spin } from 'antdv-next';
 
 import { getMessagePage, sendMessage } from '#/api/mp/message';
 import { getUser } from '#/api/mp/user';
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-music/wx-music.vue b/apps/web-antdv-next/src/views/mp/components/wx-music/wx-music.vue
index 8bd2a5094..775e20b2d 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-music/wx-music.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-music/wx-music.vue
@@ -3,7 +3,7 @@ import type { WxMusicProps } from './types';
 
 import { computed } from 'vue';
 
-import { Typography } from 'ant-design-vue';
+import { Typography } from 'antdv-next';
 
 /** 微信消息 - 音乐 */
 defineOptions({ name: 'WxMusic' });
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 9754b1fd3..9ee7efe1d 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
@@ -8,7 +8,7 @@ import { computed, reactive, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { useAccessStore } from '@vben/stores';
 
-import { Button, Col, message, Modal, Row, Upload } from 'ant-design-vue';
+import { Button, Col, message, Modal, Row, Upload } from 'antdv-next';
 
 import { WxMaterialSelect } from '#/views/mp/components';
 import { UploadType, useBeforeUpload } from '#/views/mp/hooks/useUpload';
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 baf411862..2c8e63acc 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
@@ -8,15 +8,7 @@ import { computed, reactive, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { useAccessStore } from '@vben/stores';
 
-import {
-  Button,
-  Col,
-  Input,
-  message,
-  Modal,
-  Row,
-  Upload,
-} from 'ant-design-vue';
+import { Button, Col, Input, message, Modal, Row, Upload } from 'antdv-next';
 
 import { WxMaterialSelect } from '#/views/mp/components';
 import { UploadType, useBeforeUpload } from '#/views/mp/hooks/useUpload';
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 cd4bd6cfa..eb9273cf0 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
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 import { NewsType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Col, Modal, Row } from 'ant-design-vue';
+import { Button, Col, Modal, Row } from 'antdv-next';
 
 import { WxMaterialSelect, WxNews } from '#/views/mp/components';
 
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-text.vue b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-text.vue
index 914d943a6..243ff96e3 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-text.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-reply/tab-text.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 
-import { Textarea } from 'ant-design-vue';
+import { TextArea } from 'antdv-next';
 
 const props = defineProps<{
   modelValue?: null | string;
@@ -22,5 +22,5 @@ const content = computed({
 </script>
 
 <template>
-  <Textarea v-model:value="content" :rows="5" placeholder="请输入内容" />
+  <TextArea v-model:value="content" :rows="5" placeholder="请输入内容" />
 </template>
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 0aef852c3..1813cf806 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
@@ -8,15 +8,7 @@ import { computed, reactive, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { useAccessStore } from '@vben/stores';
 
-import {
-  Button,
-  Col,
-  Input,
-  message,
-  Modal,
-  Row,
-  Upload,
-} from 'ant-design-vue';
+import { Button, Col, Input, message, Modal, Row, Upload } from 'antdv-next';
 
 import { WxMaterialSelect, WxVideoPlayer } from '#/views/mp/components';
 import { UploadType, useBeforeUpload } from '#/views/mp/hooks/useUpload';
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 94db76d3d..f11347795 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
@@ -8,7 +8,7 @@ import { computed, reactive, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { useAccessStore } from '@vben/stores';
 
-import { Button, Col, message, Modal, Row, Upload } from 'ant-design-vue';
+import { Button, Col, message, Modal, Row, Upload } from 'antdv-next';
 
 import { WxMaterialSelect, WxVoicePlayer } from '#/views/mp/components';
 import { UploadType, useBeforeUpload } from '#/views/mp/hooks/useUpload';
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 f801f7649..02b84da8d 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 'ant-design-vue';
+import { Row, Tabs } from 'antdv-next';
 
 import TabImage from './tab-image.vue';
 import TabMusic from './tab-music.vue';
@@ -115,7 +115,7 @@ defineExpose({
 <template>
   <Tabs v-model:active-key="currentTab" type="card">
     <!-- 类型 1：文本 -->
-    <Tabs.TabPane :key="ReplyType.Text">
+    <TabPane :key="ReplyType.Text">
       <template #tab>
         <Row align="middle">
           <IconifyIcon icon="lucide:file-text" class="mr-1" />
@@ -123,10 +123,10 @@ defineExpose({
         </Row>
       </template>
       <TabText v-model="reply.content" />
-    </Tabs.TabPane>
+    </TabPane>
 
     <!-- 类型 2：图片 -->
-    <Tabs.TabPane :key="ReplyType.Image">
+    <TabPane :key="ReplyType.Image">
       <template #tab>
         <Row align="middle">
           <IconifyIcon icon="lucide:image" class="mr-1" />
@@ -134,10 +134,10 @@ defineExpose({
         </Row>
       </template>
       <TabImage v-model="reply" />
-    </Tabs.TabPane>
+    </TabPane>
 
     <!-- 类型 3：语音 -->
-    <Tabs.TabPane :key="ReplyType.Voice">
+    <TabPane :key="ReplyType.Voice">
       <template #tab>
         <Row align="middle">
           <IconifyIcon icon="lucide:mic" class="mr-1" />
@@ -145,10 +145,10 @@ defineExpose({
         </Row>
       </template>
       <TabVoice v-model="reply" />
-    </Tabs.TabPane>
+    </TabPane>
 
     <!-- 类型 4：视频 -->
-    <Tabs.TabPane :key="ReplyType.Video">
+    <TabPane :key="ReplyType.Video">
       <template #tab>
         <Row align="middle">
           <IconifyIcon icon="lucide:video" class="mr-1" />
@@ -156,10 +156,10 @@ defineExpose({
         </Row>
       </template>
       <TabVideo v-model="reply" />
-    </Tabs.TabPane>
+    </TabPane>
 
     <!-- 类型 5：图文 -->
-    <Tabs.TabPane :key="ReplyType.News">
+    <TabPane :key="ReplyType.News">
       <template #tab>
         <Row align="middle">
           <IconifyIcon icon="lucide:newspaper" class="mr-1" />
@@ -167,10 +167,10 @@ defineExpose({
         </Row>
       </template>
       <TabNews v-model="reply" :news-type="newsType" />
-    </Tabs.TabPane>
+    </TabPane>
 
     <!-- 类型 6：音乐 -->
-    <Tabs.TabPane :key="ReplyType.Music">
+    <TabPane :key="ReplyType.Music">
       <template #tab>
         <Row align="middle">
           <IconifyIcon icon="lucide:music" class="mr-1" />
@@ -178,6 +178,6 @@ defineExpose({
         </Row>
       </template>
       <TabMusic v-model="reply" />
-    </Tabs.TabPane>
+    </TabPane>
   </Tabs>
 </template>
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 1c2330af3..b87547677 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
@@ -4,7 +4,7 @@ import { ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 
 import { VideoPlayer } from '@videojs-player/vue';
-import { Modal } from 'ant-design-vue';
+import { Modal } from 'antdv-next';
 
 import 'video.js/dist/video-js.css';
 
diff --git a/apps/web-antdv-next/src/views/mp/components/wx-voice-play/wx-voice-play.vue b/apps/web-antdv-next/src/views/mp/components/wx-voice-play/wx-voice-play.vue
index 0ace543fe..1adc704e4 100644
--- a/apps/web-antdv-next/src/views/mp/components/wx-voice-play/wx-voice-play.vue
+++ b/apps/web-antdv-next/src/views/mp/components/wx-voice-play/wx-voice-play.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 import BenzAMRRecorder from 'benz-amr-recorder'; // 因为微信语音是 amr 格式，所以需要用到 amr 解码器：https://www.npmjs.com/package/benz-amr-recorder
 
 /** 微信消息 - 语音 */
diff --git a/apps/web-antdv-next/src/views/mp/draft/index.vue b/apps/web-antdv-next/src/views/mp/draft/index.vue
index ea3a87094..f22390745 100644
--- a/apps/web-antdv-next/src/views/mp/draft/index.vue
+++ b/apps/web-antdv-next/src/views/mp/draft/index.vue
@@ -5,7 +5,7 @@ import type { MpDraftApi } from '#/api/mp/draft';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { Image, message, Typography } from 'ant-design-vue';
+import { Image, message, Typography } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { createEmptyNewsItem, deleteDraft, getDraftPage } from '#/api/mp/draft';
diff --git a/apps/web-antdv-next/src/views/mp/draft/modules/cover-select.vue b/apps/web-antdv-next/src/views/mp/draft/modules/cover-select.vue
index 31f574729..5661ef3bf 100644
--- a/apps/web-antdv-next/src/views/mp/draft/modules/cover-select.vue
+++ b/apps/web-antdv-next/src/views/mp/draft/modules/cover-select.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { UploadFile } from 'ant-design-vue';
+import type { UploadFile } from 'antdv-next';
 
 import type { MpDraftApi } from '#/api/mp/draft';
 
@@ -8,7 +8,7 @@ import { computed, inject, reactive, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { useAccessStore } from '@vben/stores';
 
-import { Button, Image, message, Modal, Upload } from 'ant-design-vue';
+import { Button, Image, message, Modal, Upload } from 'antdv-next';
 
 import { UploadType, useBeforeUpload } from '#/utils/useUpload';
 import { WxMaterialSelect } from '#/views/mp/components/';
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 30481a35e..eb5ff4fd5 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
@@ -5,7 +5,7 @@ import { computed, provide, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { createDraft, updateDraft } from '#/api/mp/draft';
 
diff --git a/apps/web-antdv-next/src/views/mp/draft/modules/news-form.vue b/apps/web-antdv-next/src/views/mp/draft/modules/news-form.vue
index 93ae16a71..9b254d658 100644
--- a/apps/web-antdv-next/src/views/mp/draft/modules/news-form.vue
+++ b/apps/web-antdv-next/src/views/mp/draft/modules/news-form.vue
@@ -6,10 +6,10 @@ import { computed, ref } from 'vue';
 import { confirm } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Col, Input, Layout, Row, Textarea } from 'ant-design-vue';
+import { Button, Col, Input, Layout, Row, TextArea } from 'antdv-next';
 
 import { createEmptyNewsItem } from '#/api/mp/draft';
-import { Tinymce as RichTextarea } from '#/components/tinymce';
+import { Tinymce as RichTextArea } from '#/components/tinymce';
 
 import CoverSelect from './cover-select.vue';
 
@@ -84,7 +84,7 @@ function plusNews() {
 
 <template>
   <Layout>
-    <Layout.Sider width="40%" theme="light">
+    <LayoutSider width="40%" theme="light">
       <div class="mx-auto mb-[10px] w-[60%] border border-[#eaeaea] p-[10px]">
         <div v-for="(news, index) in newsList" :key="index">
           <div
@@ -201,8 +201,8 @@ function plusNews() {
           </Button>
         </Row>
       </div>
-    </Layout.Sider>
-    <Layout.Content class="bg-white">
+    </LayoutSider>
+    <LayoutContent class="bg-white">
       <div v-if="newsList.length > 0 && activeNewsItem">
         <!-- 标题、作者、原文地址 -->
         <Row :gutter="20">
@@ -235,7 +235,7 @@ function plusNews() {
           </Col>
           <Col :span="12">
             <p>摘要:</p>
-            <Textarea
+            <TextArea
               :rows="8"
               v-model:value="activeNewsItem.digest"
               placeholder="请输入摘要"
@@ -248,11 +248,11 @@ function plusNews() {
         <!--富文本编辑器组件-->
         <Row>
           <Col :span="24">
-            <RichTextarea v-model="activeNewsItem.content" />
+            <RichTextArea v-model="activeNewsItem.content" />
           </Col>
         </Row>
       </div>
-    </Layout.Content>
+    </LayoutContent>
   </Layout>
 </template>
 
diff --git a/apps/web-antdv-next/src/views/mp/freePublish/index.vue b/apps/web-antdv-next/src/views/mp/freePublish/index.vue
index 56ca1e898..2b2315cec 100644
--- a/apps/web-antdv-next/src/views/mp/freePublish/index.vue
+++ b/apps/web-antdv-next/src/views/mp/freePublish/index.vue
@@ -4,7 +4,7 @@ import type { MpFreePublishApi } from '#/api/mp/freePublish';
 
 import { DocAlert, Page } from '@vben/common-ui';
 
-import { Image, message, Typography } from 'ant-design-vue';
+import { Image, message, Typography } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteFreePublish, getFreePublishPage } from '#/api/mp/freePublish';
diff --git a/apps/web-antdv-next/src/views/mp/hooks/useUpload.ts b/apps/web-antdv-next/src/views/mp/hooks/useUpload.ts
index 14e2a4fa5..658c149e4 100644
--- a/apps/web-antdv-next/src/views/mp/hooks/useUpload.ts
+++ b/apps/web-antdv-next/src/views/mp/hooks/useUpload.ts
@@ -1,4 +1,4 @@
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 // TODO @xingyu：这种，要想办法全局共享起来么？
 
 import { $t } from '#/locales';
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 ade8c6e9b..e66ce8a36 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 'ant-design-vue';
+import { Button, message, Tabs } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deletePermanentMaterial, getMaterialPage } from '#/api/mp/material';
@@ -151,34 +151,34 @@ async function handleDelete(id: number) {
       <template #toolbar-actions>
         <Tabs v-model:active-key="type" class="w-full" @change="onTabChange">
           <!-- tab 1：图片  -->
-          <Tabs.TabPane :key="UploadType.Image">
+          <TabPane :key="UploadType.Image">
             <template #tab>
               <span class="flex items-center">
                 <IconifyIcon icon="lucide:image" class="mr-1" />
                 图片
               </span>
             </template>
-          </Tabs.TabPane>
+          </TabPane>
 
           <!-- tab 2：语音  -->
-          <Tabs.TabPane :key="UploadType.Voice">
+          <TabPane :key="UploadType.Voice">
             <template #tab>
               <span class="flex items-center">
                 <IconifyIcon icon="lucide:mic" class="mr-1" />
                 语音
               </span>
             </template>
-          </Tabs.TabPane>
+          </TabPane>
 
           <!-- tab 3：视频 -->
-          <Tabs.TabPane :key="UploadType.Video">
+          <TabPane :key="UploadType.Video">
             <template #tab>
               <span class="flex items-center">
                 <IconifyIcon icon="lucide:video" class="mr-1" />
                 视频
               </span>
             </template>
-          </Tabs.TabPane>
+          </TabPane>
         </Tabs>
       </template>
       <template #toolbar-tools>
diff --git a/apps/web-antdv-next/src/views/mp/material/modules/UploadFile.vue b/apps/web-antdv-next/src/views/mp/material/modules/UploadFile.vue
index 51d46894b..80bc430d2 100644
--- a/apps/web-antdv-next/src/views/mp/material/modules/UploadFile.vue
+++ b/apps/web-antdv-next/src/views/mp/material/modules/UploadFile.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { UploadProps } from 'ant-design-vue';
+import type { UploadProps } from 'antdv-next';
 
 import type { UploadData } from './upload';
 
@@ -7,7 +7,7 @@ import { inject, reactive, ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, message, Upload } from 'ant-design-vue';
+import { Button, message, Upload } from 'antdv-next';
 
 import {
   beforeImageUpload,
diff --git a/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue b/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue
index a2f4a09ee..3d62fb308 100644
--- a/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue
+++ b/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { FormInstance, UploadProps } from 'ant-design-vue';
+import type { FormInstance, UploadProps } from 'antdv-next';
 
 import type { UploadData } from './upload';
 
@@ -15,7 +15,7 @@ import {
   message,
   Modal,
   Upload,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { beforeVideoUpload, HEADERS, UPLOAD_URL, UploadType } from './upload';
 
@@ -142,19 +142,19 @@ const customRequest: UploadProps['customRequest'] = async function (options) {
       :rules="uploadRules"
       layout="vertical"
     >
-      <Form.Item label="标题" name="title">
+      <FormItem label="标题" name="title">
         <Input
           v-model:value="uploadData.title"
           placeholder="标题将展示在相关播放页面，建议填写清晰、准确、生动的标题"
         />
-      </Form.Item>
-      <Form.Item label="描述" name="introduction">
+      </FormItem>
+      <FormItem label="描述" name="introduction">
         <Input.TextArea
           v-model:value="uploadData.introduction"
           :rows="3"
           placeholder="介绍语将展示在相关播放页面，建议填写简洁明确、有信息量的内容"
         />
-      </Form.Item>
+      </FormItem>
     </Form>
   </Modal>
 </template>
diff --git a/apps/web-antdv-next/src/views/mp/material/modules/upload.ts b/apps/web-antdv-next/src/views/mp/material/modules/upload.ts
index 5e6efdfca..fe6fe07b4 100644
--- a/apps/web-antdv-next/src/views/mp/material/modules/upload.ts
+++ b/apps/web-antdv-next/src/views/mp/material/modules/upload.ts
@@ -1,4 +1,4 @@
-import type { UploadProps } from 'ant-design-vue';
+import type { UploadProps } from 'antdv-next';
 
 import type { UploadRawFile } from '#/views/mp/hooks/useUpload';
 
diff --git a/apps/web-antdv-next/src/views/mp/menu/index.vue b/apps/web-antdv-next/src/views/mp/menu/index.vue
index 5669ae4b4..21fdca15d 100644
--- a/apps/web-antdv-next/src/views/mp/menu/index.vue
+++ b/apps/web-antdv-next/src/views/mp/menu/index.vue
@@ -6,7 +6,7 @@ import { nextTick, onMounted, ref } from 'vue';
 import { confirm, ContentWrap, DocAlert, Page } from '@vben/common-ui';
 import { handleTree } from '@vben/utils';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getSimpleAccountList } from '#/api/mp/account';
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 634ddc679..bb4268623 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
@@ -3,15 +3,7 @@ import { computed, ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 
-import {
-  Button,
-  Col,
-  Input,
-  message,
-  Modal,
-  Row,
-  Select,
-} from 'ant-design-vue';
+import { Button, Col, Input, message, Modal, Row, Select } from 'antdv-next';
 
 import { WxMaterialSelect, WxNews, WxReply } from '#/views/mp/components';
 
@@ -108,14 +100,14 @@ function deleteMaterial() {
             class="mr-[2%] w-[240px]"
             allow-clear
           >
-            <Select.Option
+            <SelectOption
               v-for="item in menuOptions"
               :label="item.label"
               :value="item.value"
               :key="item.value"
             >
               {{ item.label }}
-            </Select.Option>
+            </SelectOption>
           </Select>
         </div>
         <div
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 382c76287..0a8c42fdb 100644
--- a/apps/web-antdv-next/src/views/mp/message/index.vue
+++ b/apps/web-antdv-next/src/views/mp/message/index.vue
@@ -8,7 +8,7 @@ import { Page } from '@vben/common-ui';
 import { MpMsgType as MsgType } from '@vben/constants';
 import { formatDate2 } from '@vben/utils';
 
-import { Image, Modal, Tag } from 'ant-design-vue';
+import { Image, Modal, Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getMessagePage } from '#/api/mp/message';
diff --git a/apps/web-antdv-next/src/views/mp/messageTemplate/data.ts b/apps/web-antdv-next/src/views/mp/messageTemplate/data.ts
index aa0d59b6e..f6c031c23 100644
--- a/apps/web-antdv-next/src/views/mp/messageTemplate/data.ts
+++ b/apps/web-antdv-next/src/views/mp/messageTemplate/data.ts
@@ -60,7 +60,7 @@ export function useSendFormSchema(accountId?: number): VbenFormSchema[] {
     {
       fieldName: 'data',
       label: '模板数据',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         rows: 4,
         placeholder:
diff --git a/apps/web-antdv-next/src/views/mp/messageTemplate/index.vue b/apps/web-antdv-next/src/views/mp/messageTemplate/index.vue
index fb6f2f2ec..b473f68fb 100644
--- a/apps/web-antdv-next/src/views/mp/messageTemplate/index.vue
+++ b/apps/web-antdv-next/src/views/mp/messageTemplate/index.vue
@@ -4,7 +4,7 @@ import type { MpMessageTemplateApi } from '#/api/mp/messageTemplate';
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/mp/messageTemplate/modules/send-form.vue b/apps/web-antdv-next/src/views/mp/messageTemplate/modules/send-form.vue
index bb25ae519..e8e9d50f1 100644
--- a/apps/web-antdv-next/src/views/mp/messageTemplate/modules/send-form.vue
+++ b/apps/web-antdv-next/src/views/mp/messageTemplate/modules/send-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { sendMessageTemplate } from '#/api/mp/messageTemplate';
diff --git a/apps/web-antdv-next/src/views/mp/statistics/index.vue b/apps/web-antdv-next/src/views/mp/statistics/index.vue
index 9f90a3be1..e4e244d3c 100644
--- a/apps/web-antdv-next/src/views/mp/statistics/index.vue
+++ b/apps/web-antdv-next/src/views/mp/statistics/index.vue
@@ -7,7 +7,7 @@ import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 import { addTime, betweenDay, formatDate } from '@vben/utils';
 
-import { Card, message } from 'ant-design-vue';
+import { Card, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/mp/tag/index.vue b/apps/web-antdv-next/src/views/mp/tag/index.vue
index d39305cda..f7ef84003 100644
--- a/apps/web-antdv-next/src/views/mp/tag/index.vue
+++ b/apps/web-antdv-next/src/views/mp/tag/index.vue
@@ -4,7 +4,7 @@ import type { MpTagApi } from '#/api/mp/tag';
 
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteTag, getTagPage, syncTag } from '#/api/mp/tag';
diff --git a/apps/web-antdv-next/src/views/mp/tag/modules/form.vue b/apps/web-antdv-next/src/views/mp/tag/modules/form.vue
index bd19e7d3d..3906c57ae 100644
--- a/apps/web-antdv-next/src/views/mp/tag/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mp/tag/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createTag, getTag, updateTag } from '#/api/mp/tag';
diff --git a/apps/web-antdv-next/src/views/mp/user/data.ts b/apps/web-antdv-next/src/views/mp/user/data.ts
index fc1888268..4be1e0a09 100644
--- a/apps/web-antdv-next/src/views/mp/user/data.ts
+++ b/apps/web-antdv-next/src/views/mp/user/data.ts
@@ -23,7 +23,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/mp/user/index.vue b/apps/web-antdv-next/src/views/mp/user/index.vue
index 3c6c423f6..6045afa68 100644
--- a/apps/web-antdv-next/src/views/mp/user/index.vue
+++ b/apps/web-antdv-next/src/views/mp/user/index.vue
@@ -4,7 +4,7 @@ import type { MpUserApi } from '#/api/mp/user';
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getUserPage, syncUser } from '#/api/mp/user';
diff --git a/apps/web-antdv-next/src/views/mp/user/modules/form.vue b/apps/web-antdv-next/src/views/mp/user/modules/form.vue
index 5677de9e9..133aeb6ec 100644
--- a/apps/web-antdv-next/src/views/mp/user/modules/form.vue
+++ b/apps/web-antdv-next/src/views/mp/user/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getUser, updateUser } from '#/api/mp/user';
diff --git a/apps/web-antdv-next/src/views/pay/app/data.ts b/apps/web-antdv-next/src/views/pay/app/data.ts
index d46607ca3..d7524002a 100644
--- a/apps/web-antdv-next/src/views/pay/app/data.ts
+++ b/apps/web-antdv-next/src/views/pay/app/data.ts
@@ -247,7 +247,7 @@ export function useAppFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         rows: 3,
         placeholder: '请输入备注',
@@ -381,7 +381,7 @@ export function useChannelFormSchema(formType: string = ''): VbenFormSchema[] {
       {
         label: '应用私钥',
         fieldName: 'config.privateKey',
-        component: 'Textarea',
+        component: 'TextArea',
         rules: 'required',
         componentProps: {
           placeholder: '请输入应用私钥',
@@ -391,7 +391,7 @@ export function useChannelFormSchema(formType: string = ''): VbenFormSchema[] {
       {
         label: '支付宝公钥',
         fieldName: 'config.alipayPublicKey',
-        component: 'Textarea',
+        component: 'TextArea',
         rules: 'required',
         componentProps: {
           placeholder: '请输入支付宝公钥',
diff --git a/apps/web-antdv-next/src/views/pay/app/index.vue b/apps/web-antdv-next/src/views/pay/app/index.vue
index 671aa1aa1..3be8e5b28 100644
--- a/apps/web-antdv-next/src/views/pay/app/index.vue
+++ b/apps/web-antdv-next/src/views/pay/app/index.vue
@@ -5,7 +5,7 @@ import type { PayAppApi } from '#/api/pay/app';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { CommonStatusEnum, PayChannelEnum } from '@vben/constants';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteApp, getAppPage, updateAppStatus } from '#/api/pay/app';
diff --git a/apps/web-antdv-next/src/views/pay/app/modules/app-form.vue b/apps/web-antdv-next/src/views/pay/app/modules/app-form.vue
index dd3a1eeda..08992e27c 100644
--- a/apps/web-antdv-next/src/views/pay/app/modules/app-form.vue
+++ b/apps/web-antdv-next/src/views/pay/app/modules/app-form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createApp, getApp, updateApp } from '#/api/pay/app';
diff --git a/apps/web-antdv-next/src/views/pay/app/modules/channel-form.vue b/apps/web-antdv-next/src/views/pay/app/modules/channel-form.vue
index 53ac4f505..1fd94614e 100644
--- a/apps/web-antdv-next/src/views/pay/app/modules/channel-form.vue
+++ b/apps/web-antdv-next/src/views/pay/app/modules/channel-form.vue
@@ -7,7 +7,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { CommonStatusEnum } from '@vben/constants';
 import { $t } from '@vben/locales';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createChannel, getChannel, updateChannel } from '#/api/pay/channel';
diff --git a/apps/web-antdv-next/src/views/pay/cashier/index.vue b/apps/web-antdv-next/src/views/pay/cashier/index.vue
index 8f2087296..619f42f48 100644
--- a/apps/web-antdv-next/src/views/pay/cashier/index.vue
+++ b/apps/web-antdv-next/src/views/pay/cashier/index.vue
@@ -13,14 +13,7 @@ import {
 import { useTabs } from '@vben/hooks';
 import { fenToYuan, formatDate } from '@vben/utils';
 
-import {
-  Button,
-  Card,
-  Descriptions,
-  Input,
-  message,
-  QRCode,
-} from 'ant-design-vue';
+import { Button, Card, Descriptions, Input, message, QRCode } from 'antdv-next';
 
 import { getOrder, submitOrder } from '#/api/pay/order';
 
@@ -307,24 +300,24 @@ onBeforeUnmount(() => {
   <Page auto-content-height>
     <Card class="mt-4">
       <Descriptions :column="3" :title="payOrder?.subject ?? '商品详情'">
-        <Descriptions.Item label="支付单号">
+        <DescriptionsItem label="支付单号">
           {{ payOrder?.id }}
-        </Descriptions.Item>
-        <Descriptions.Item label="商品标题">
+        </DescriptionsItem>
+        <DescriptionsItem label="商品标题">
           {{ payOrder?.subject }}
-        </Descriptions.Item>
-        <Descriptions.Item label="商品内容">
+        </DescriptionsItem>
+        <DescriptionsItem label="商品内容">
           {{ payOrder?.body }}
-        </Descriptions.Item>
-        <Descriptions.Item label="支付金额">
+        </DescriptionsItem>
+        <DescriptionsItem label="支付金额">
           {{ `￥${fenToYuan(payOrder?.price || 0)}` }}
-        </Descriptions.Item>
-        <Descriptions.Item label="创建时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="创建时间">
           {{ formatDate(payOrder?.createTime) }}
-        </Descriptions.Item>
-        <Descriptions.Item label="过期时间">
+        </DescriptionsItem>
+        <DescriptionsItem label="过期时间">
           {{ formatDate(payOrder?.expireTime) }}
-        </Descriptions.Item>
+        </DescriptionsItem>
       </Descriptions>
     </Card>
     <Card title="选择支付宝支付" class="mt-4">
diff --git a/apps/web-antdv-next/src/views/pay/demo/order/index.vue b/apps/web-antdv-next/src/views/pay/demo/order/index.vue
index 35273adff..407c218c7 100644
--- a/apps/web-antdv-next/src/views/pay/demo/order/index.vue
+++ b/apps/web-antdv-next/src/views/pay/demo/order/index.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemoOrderPage, refundDemoOrder } from '#/api/pay/demo/order';
diff --git a/apps/web-antdv-next/src/views/pay/demo/order/modules/form.vue b/apps/web-antdv-next/src/views/pay/demo/order/modules/form.vue
index bdec3b4ab..2dcef4621 100644
--- a/apps/web-antdv-next/src/views/pay/demo/order/modules/form.vue
+++ b/apps/web-antdv-next/src/views/pay/demo/order/modules/form.vue
@@ -3,7 +3,7 @@ import type { DemoOrderApi } from '#/api/pay/demo/order';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createDemoOrder } from '#/api/pay/demo/order';
diff --git a/apps/web-antdv-next/src/views/pay/demo/withdraw/index.vue b/apps/web-antdv-next/src/views/pay/demo/withdraw/index.vue
index 0a64d3c2d..c6670a62b 100644
--- a/apps/web-antdv-next/src/views/pay/demo/withdraw/index.vue
+++ b/apps/web-antdv-next/src/views/pay/demo/withdraw/index.vue
@@ -5,7 +5,7 @@ import type { DemoWithdrawApi } from '#/api/pay/demo/withdraw';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { erpPriceInputFormatter } from '@vben/utils';
 
-import { message, Tag } from 'ant-design-vue';
+import { message, Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/pay/demo/withdraw/modules/form.vue b/apps/web-antdv-next/src/views/pay/demo/withdraw/modules/form.vue
index 78240de7c..733e188b6 100644
--- a/apps/web-antdv-next/src/views/pay/demo/withdraw/modules/form.vue
+++ b/apps/web-antdv-next/src/views/pay/demo/withdraw/modules/form.vue
@@ -3,7 +3,7 @@ import type { DemoWithdrawApi } from '#/api/pay/demo/withdraw';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createDemoWithdraw } from '#/api/pay/demo/withdraw';
diff --git a/apps/web-antdv-next/src/views/pay/notify/index.vue b/apps/web-antdv-next/src/views/pay/notify/index.vue
index 5140e38a8..8fab30198 100644
--- a/apps/web-antdv-next/src/views/pay/notify/index.vue
+++ b/apps/web-antdv-next/src/views/pay/notify/index.vue
@@ -5,7 +5,7 @@ import type { PayNotifyApi } from '#/api/pay/notify';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getNotifyTaskPage } from '#/api/pay/notify';
diff --git a/apps/web-antdv-next/src/views/pay/notify/modules/detail.vue b/apps/web-antdv-next/src/views/pay/notify/modules/detail.vue
index 90a6a67b0..1acec1e3f 100644
--- a/apps/web-antdv-next/src/views/pay/notify/modules/detail.vue
+++ b/apps/web-antdv-next/src/views/pay/notify/modules/detail.vue
@@ -6,7 +6,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Divider } from 'ant-design-vue';
+import { Divider } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getNotifyTaskDetail } from '#/api/pay/notify';
diff --git a/apps/web-antdv-next/src/views/pay/order/data.ts b/apps/web-antdv-next/src/views/pay/order/data.ts
index c088704a2..19246e768 100644
--- a/apps/web-antdv-next/src/views/pay/order/data.ts
+++ b/apps/web-antdv-next/src/views/pay/order/data.ts
@@ -8,7 +8,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter, formatDateTime } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 import { getRangePickerDefaultProps } from '#/utils';
diff --git a/apps/web-antdv-next/src/views/pay/order/index.vue b/apps/web-antdv-next/src/views/pay/order/index.vue
index c8c88bdc3..193c621f8 100644
--- a/apps/web-antdv-next/src/views/pay/order/index.vue
+++ b/apps/web-antdv-next/src/views/pay/order/index.vue
@@ -5,7 +5,7 @@ import type { PayOrderApi } from '#/api/pay/order';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { exportOrder, getOrderPage } from '#/api/pay/order';
diff --git a/apps/web-antdv-next/src/views/pay/refund/data.ts b/apps/web-antdv-next/src/views/pay/refund/data.ts
index 974acfe25..f08181a4e 100644
--- a/apps/web-antdv-next/src/views/pay/refund/data.ts
+++ b/apps/web-antdv-next/src/views/pay/refund/data.ts
@@ -8,7 +8,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter, formatDateTime } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 import { getRangePickerDefaultProps } from '#/utils';
diff --git a/apps/web-antdv-next/src/views/pay/refund/index.vue b/apps/web-antdv-next/src/views/pay/refund/index.vue
index d2d8cc575..640e263c0 100644
--- a/apps/web-antdv-next/src/views/pay/refund/index.vue
+++ b/apps/web-antdv-next/src/views/pay/refund/index.vue
@@ -5,7 +5,7 @@ import type { PayRefundApi } from '#/api/pay/refund';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { exportRefund, getRefundPage } from '#/api/pay/refund';
diff --git a/apps/web-antdv-next/src/views/pay/transfer/data.ts b/apps/web-antdv-next/src/views/pay/transfer/data.ts
index 9f33dfe82..0e306d3da 100644
--- a/apps/web-antdv-next/src/views/pay/transfer/data.ts
+++ b/apps/web-antdv-next/src/views/pay/transfer/data.ts
@@ -8,7 +8,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter, formatDateTime } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 import { getRangePickerDefaultProps } from '#/utils';
diff --git a/apps/web-antdv-next/src/views/pay/transfer/index.vue b/apps/web-antdv-next/src/views/pay/transfer/index.vue
index d688207ae..df69ee61c 100644
--- a/apps/web-antdv-next/src/views/pay/transfer/index.vue
+++ b/apps/web-antdv-next/src/views/pay/transfer/index.vue
@@ -5,7 +5,7 @@ import type { PayTransferApi } from '#/api/pay/transfer';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Tag } from 'ant-design-vue';
+import { Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { exportTransfer, getTransferPage } from '#/api/pay/transfer';
diff --git a/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/index.vue b/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/index.vue
index 63bac0b41..b0025277a 100644
--- a/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/index.vue
+++ b/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/index.vue
@@ -4,7 +4,7 @@ import type { WalletRechargePackageApi } from '#/api/pay/wallet/rechargePackage'
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/modules/form.vue b/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/modules/form.vue
index 29173c689..787635c13 100644
--- a/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/modules/form.vue
+++ b/apps/web-antdv-next/src/views/pay/wallet/rechargePackage/modules/form.vue
@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { fenToYuan, yuanToFen } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/area/modules/form.vue b/apps/web-antdv-next/src/views/system/area/modules/form.vue
index 920f0c596..9c515bc20 100644
--- a/apps/web-antdv-next/src/views/system/area/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/area/modules/form.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getAreaByIp } from '#/api/system/area';
diff --git a/apps/web-antdv-next/src/views/system/dept/components/select-modal.vue b/apps/web-antdv-next/src/views/system/dept/components/select-modal.vue
index b53e32a49..4afe6802b 100644
--- a/apps/web-antdv-next/src/views/system/dept/components/select-modal.vue
+++ b/apps/web-antdv-next/src/views/system/dept/components/select-modal.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { DataNode } from 'ant-design-vue/es/tree';
+import type { TreeDataNode as DataNode } from 'antdv-next';
 
 import type { SystemDeptApi } from '#/api/system/dept';
 
@@ -8,7 +8,7 @@ import { ref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { handleTree } from '@vben/utils';
 
-import { Card, Col, Row, Tree } from 'ant-design-vue';
+import { Card, Col, Row, Tree } from 'antdv-next';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 
diff --git a/apps/web-antdv-next/src/views/system/dept/index.vue b/apps/web-antdv-next/src/views/system/dept/index.vue
index e85b290c2..9dd1bf415 100644
--- a/apps/web-antdv-next/src/views/system/dept/index.vue
+++ b/apps/web-antdv-next/src/views/system/dept/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteDept, deleteDeptList, getDeptList } from '#/api/system/dept';
diff --git a/apps/web-antdv-next/src/views/system/dept/modules/form.vue b/apps/web-antdv-next/src/views/system/dept/modules/form.vue
index 07430494f..c03971061 100644
--- a/apps/web-antdv-next/src/views/system/dept/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/dept/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createDept, getDept, updateDept } from '#/api/system/dept';
diff --git a/apps/web-antdv-next/src/views/system/dict/data.ts b/apps/web-antdv-next/src/views/system/dict/data.ts
index a2c6ede66..d7efa495f 100644
--- a/apps/web-antdv-next/src/views/system/dict/data.ts
+++ b/apps/web-antdv-next/src/views/system/dict/data.ts
@@ -58,7 +58,7 @@ export function useTypeFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
@@ -259,7 +259,7 @@ export function useDataFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/dict/modules/data-form.vue b/apps/web-antdv-next/src/views/system/dict/modules/data-form.vue
index 0511d90c4..2b10f7e78 100644
--- a/apps/web-antdv-next/src/views/system/dict/modules/data-form.vue
+++ b/apps/web-antdv-next/src/views/system/dict/modules/data-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/dict/modules/data-grid.vue b/apps/web-antdv-next/src/views/system/dict/modules/data-grid.vue
index 2e18c7027..9d28ad1a8 100644
--- a/apps/web-antdv-next/src/views/system/dict/modules/data-grid.vue
+++ b/apps/web-antdv-next/src/views/system/dict/modules/data-grid.vue
@@ -7,7 +7,7 @@ import { ref, watch } from 'vue';
 import { confirm, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message, Tag } from 'ant-design-vue';
+import { message, Tag } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/dict/modules/type-form.vue b/apps/web-antdv-next/src/views/system/dict/modules/type-form.vue
index 8de08d120..afb2c974d 100644
--- a/apps/web-antdv-next/src/views/system/dict/modules/type-form.vue
+++ b/apps/web-antdv-next/src/views/system/dict/modules/type-form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/dict/modules/type-grid.vue b/apps/web-antdv-next/src/views/system/dict/modules/type-grid.vue
index 5c333b306..3cbbe53be 100644
--- a/apps/web-antdv-next/src/views/system/dict/modules/type-grid.vue
+++ b/apps/web-antdv-next/src/views/system/dict/modules/type-grid.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/mail/account/data.ts b/apps/web-antdv-next/src/views/system/mail/account/data.ts
index 2a00f39e4..a013c26b8 100644
--- a/apps/web-antdv-next/src/views/system/mail/account/data.ts
+++ b/apps/web-antdv-next/src/views/system/mail/account/data.ts
@@ -89,7 +89,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/mail/account/index.vue b/apps/web-antdv-next/src/views/system/mail/account/index.vue
index 695683801..8e96a8b79 100644
--- a/apps/web-antdv-next/src/views/system/mail/account/index.vue
+++ b/apps/web-antdv-next/src/views/system/mail/account/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/mail/account/modules/form.vue b/apps/web-antdv-next/src/views/system/mail/account/modules/form.vue
index b230aaa59..29e7b70a4 100644
--- a/apps/web-antdv-next/src/views/system/mail/account/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/mail/account/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/mail/template/index.vue b/apps/web-antdv-next/src/views/system/mail/template/index.vue
index 1ea2e4666..213e19636 100644
--- a/apps/web-antdv-next/src/views/system/mail/template/index.vue
+++ b/apps/web-antdv-next/src/views/system/mail/template/index.vue
@@ -8,7 +8,7 @@ import { onMounted, ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSimpleMailAccountList } from '#/api/system/mail/account';
diff --git a/apps/web-antdv-next/src/views/system/mail/template/modules/form.vue b/apps/web-antdv-next/src/views/system/mail/template/modules/form.vue
index a5eefe79b..1a39fec50 100644
--- a/apps/web-antdv-next/src/views/system/mail/template/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/mail/template/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/mail/template/modules/send-form.vue b/apps/web-antdv-next/src/views/system/mail/template/modules/send-form.vue
index d24acd118..6d41cc891 100644
--- a/apps/web-antdv-next/src/views/system/mail/template/modules/send-form.vue
+++ b/apps/web-antdv-next/src/views/system/mail/template/modules/send-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { sendMail } from '#/api/system/mail/template';
diff --git a/apps/web-antdv-next/src/views/system/menu/index.vue b/apps/web-antdv-next/src/views/system/menu/index.vue
index 6bf0af42d..f2765f952 100644
--- a/apps/web-antdv-next/src/views/system/menu/index.vue
+++ b/apps/web-antdv-next/src/views/system/menu/index.vue
@@ -8,7 +8,7 @@ import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { SystemMenuTypeEnum } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteMenu, getMenuList } from '#/api/system/menu';
diff --git a/apps/web-antdv-next/src/views/system/menu/modules/form.vue b/apps/web-antdv-next/src/views/system/menu/modules/form.vue
index ae9662205..699d6f164 100644
--- a/apps/web-antdv-next/src/views/system/menu/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/menu/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createMenu, getMenu, updateMenu } from '#/api/system/menu';
diff --git a/apps/web-antdv-next/src/views/system/notice/data.ts b/apps/web-antdv-next/src/views/system/notice/data.ts
index 86109dbf5..5bcbe42e8 100644
--- a/apps/web-antdv-next/src/views/system/notice/data.ts
+++ b/apps/web-antdv-next/src/views/system/notice/data.ts
@@ -57,7 +57,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/notice/index.vue b/apps/web-antdv-next/src/views/system/notice/index.vue
index 97fbd767e..45466779e 100644
--- a/apps/web-antdv-next/src/views/system/notice/index.vue
+++ b/apps/web-antdv-next/src/views/system/notice/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/notice/modules/form.vue b/apps/web-antdv-next/src/views/system/notice/modules/form.vue
index eac023885..8fb8880e6 100644
--- a/apps/web-antdv-next/src/views/system/notice/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/notice/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createNotice, getNotice, updateNotice } from '#/api/system/notice';
diff --git a/apps/web-antdv-next/src/views/system/notify/my/index.vue b/apps/web-antdv-next/src/views/system/notify/my/index.vue
index 5df46381e..e66a47c61 100644
--- a/apps/web-antdv-next/src/views/system/notify/my/index.vue
+++ b/apps/web-antdv-next/src/views/system/notify/my/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/notify/template/data.ts b/apps/web-antdv-next/src/views/system/notify/template/data.ts
index d22b16ce9..e3e80fe97 100644
--- a/apps/web-antdv-next/src/views/system/notify/template/data.ts
+++ b/apps/web-antdv-next/src/views/system/notify/template/data.ts
@@ -49,7 +49,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'content',
       label: '模板内容',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入模板内容',
       },
@@ -82,7 +82,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
@@ -152,7 +152,7 @@ export function useSendNotifyFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'content',
       label: '模板内容',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         disabled: true,
       },
diff --git a/apps/web-antdv-next/src/views/system/notify/template/index.vue b/apps/web-antdv-next/src/views/system/notify/template/index.vue
index 6b7cc439f..0c85595f3 100644
--- a/apps/web-antdv-next/src/views/system/notify/template/index.vue
+++ b/apps/web-antdv-next/src/views/system/notify/template/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/notify/template/modules/form.vue b/apps/web-antdv-next/src/views/system/notify/template/modules/form.vue
index 20bb704a8..c8b51c1f9 100644
--- a/apps/web-antdv-next/src/views/system/notify/template/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/notify/template/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/notify/template/modules/send-form.vue b/apps/web-antdv-next/src/views/system/notify/template/modules/send-form.vue
index 94b4ad7b4..77533ca0b 100644
--- a/apps/web-antdv-next/src/views/system/notify/template/modules/send-form.vue
+++ b/apps/web-antdv-next/src/views/system/notify/template/modules/send-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { sendNotify } from '#/api/system/notify/template';
diff --git a/apps/web-antdv-next/src/views/system/oauth2/client/data.ts b/apps/web-antdv-next/src/views/system/oauth2/client/data.ts
index b5bc683c0..026f1585e 100644
--- a/apps/web-antdv-next/src/views/system/oauth2/client/data.ts
+++ b/apps/web-antdv-next/src/views/system/oauth2/client/data.ts
@@ -53,7 +53,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'description',
       label: '应用描述',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入应用描述',
       },
@@ -161,7 +161,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'additionalInformation',
       label: '附加信息',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入附加信息，JSON 格式数据',
       },
diff --git a/apps/web-antdv-next/src/views/system/oauth2/client/index.vue b/apps/web-antdv-next/src/views/system/oauth2/client/index.vue
index 383951b66..5065e42ef 100644
--- a/apps/web-antdv-next/src/views/system/oauth2/client/index.vue
+++ b/apps/web-antdv-next/src/views/system/oauth2/client/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/oauth2/client/modules/form.vue b/apps/web-antdv-next/src/views/system/oauth2/client/modules/form.vue
index ea3f47d4b..c16e2e220 100644
--- a/apps/web-antdv-next/src/views/system/oauth2/client/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/oauth2/client/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/oauth2/token/index.vue b/apps/web-antdv-next/src/views/system/oauth2/token/index.vue
index 84a0886e8..5f8966f10 100644
--- a/apps/web-antdv-next/src/views/system/oauth2/token/index.vue
+++ b/apps/web-antdv-next/src/views/system/oauth2/token/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/post/data.ts b/apps/web-antdv-next/src/views/system/post/data.ts
index 2d1715389..afdb9f2d5 100644
--- a/apps/web-antdv-next/src/views/system/post/data.ts
+++ b/apps/web-antdv-next/src/views/system/post/data.ts
@@ -59,7 +59,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '岗位备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入岗位备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/post/index.vue b/apps/web-antdv-next/src/views/system/post/index.vue
index c59418e6c..ef7a1f2b5 100644
--- a/apps/web-antdv-next/src/views/system/post/index.vue
+++ b/apps/web-antdv-next/src/views/system/post/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 } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/post/modules/form.vue b/apps/web-antdv-next/src/views/system/post/modules/form.vue
index ebd8fdab4..cf1db5f83 100644
--- a/apps/web-antdv-next/src/views/system/post/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/post/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createPost, getPost, updatePost } from '#/api/system/post';
diff --git a/apps/web-antdv-next/src/views/system/role/data.ts b/apps/web-antdv-next/src/views/system/role/data.ts
index 48630c86e..7ec16367a 100644
--- a/apps/web-antdv-next/src/views/system/role/data.ts
+++ b/apps/web-antdv-next/src/views/system/role/data.ts
@@ -64,7 +64,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '角色备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入角色备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/role/index.vue b/apps/web-antdv-next/src/views/system/role/index.vue
index 983ee472f..ae1b3253b 100644
--- a/apps/web-antdv-next/src/views/system/role/index.vue
+++ b/apps/web-antdv-next/src/views/system/role/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/role/modules/assign-data-permission-form.vue b/apps/web-antdv-next/src/views/system/role/modules/assign-data-permission-form.vue
index c453246b2..d8d36856d 100644
--- a/apps/web-antdv-next/src/views/system/role/modules/assign-data-permission-form.vue
+++ b/apps/web-antdv-next/src/views/system/role/modules/assign-data-permission-form.vue
@@ -8,7 +8,7 @@ import { Tree, useVbenModal } from '@vben/common-ui';
 import { SystemDataScopeEnum } from '@vben/constants';
 import { handleTree } from '@vben/utils';
 
-import { Checkbox, message, Spin } from 'ant-design-vue';
+import { Checkbox, message, Spin } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getDeptList } from '#/api/system/dept';
diff --git a/apps/web-antdv-next/src/views/system/role/modules/assign-menu-form.vue b/apps/web-antdv-next/src/views/system/role/modules/assign-menu-form.vue
index de7b51cc7..0e73669c1 100644
--- a/apps/web-antdv-next/src/views/system/role/modules/assign-menu-form.vue
+++ b/apps/web-antdv-next/src/views/system/role/modules/assign-menu-form.vue
@@ -10,7 +10,7 @@ import { Tree, useVbenModal } from '@vben/common-ui';
 import { SystemMenuTypeEnum } from '@vben/constants';
 import { handleTree } from '@vben/utils';
 
-import { Checkbox, message, Spin } from 'ant-design-vue';
+import { Checkbox, message, Spin } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getSimpleMenusList } from '#/api/system/menu';
diff --git a/apps/web-antdv-next/src/views/system/role/modules/form.vue b/apps/web-antdv-next/src/views/system/role/modules/form.vue
index 2d0b27071..7e7d98e7f 100644
--- a/apps/web-antdv-next/src/views/system/role/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/role/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createRole, getRole, updateRole } from '#/api/system/role';
diff --git a/apps/web-antdv-next/src/views/system/sms/channel/data.ts b/apps/web-antdv-next/src/views/system/sms/channel/data.ts
index 3320291c2..394fe912d 100644
--- a/apps/web-antdv-next/src/views/system/sms/channel/data.ts
+++ b/apps/web-antdv-next/src/views/system/sms/channel/data.ts
@@ -51,7 +51,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/sms/channel/index.vue b/apps/web-antdv-next/src/views/system/sms/channel/index.vue
index e62bd3e2a..d3be50950 100644
--- a/apps/web-antdv-next/src/views/system/sms/channel/index.vue
+++ b/apps/web-antdv-next/src/views/system/sms/channel/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/sms/channel/modules/form.vue b/apps/web-antdv-next/src/views/system/sms/channel/modules/form.vue
index a88979a56..b3169f36c 100644
--- a/apps/web-antdv-next/src/views/system/sms/channel/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/sms/channel/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/sms/template/data.ts b/apps/web-antdv-next/src/views/system/sms/template/data.ts
index 13786c56a..fdd0fcce8 100644
--- a/apps/web-antdv-next/src/views/system/sms/template/data.ts
+++ b/apps/web-antdv-next/src/views/system/sms/template/data.ts
@@ -73,7 +73,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'content',
       label: '模板内容',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入模板内容',
         rows: 4,
@@ -92,7 +92,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
@@ -171,7 +171,7 @@ export function useSendSmsFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'content',
       label: '模板内容',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         disabled: true,
       },
diff --git a/apps/web-antdv-next/src/views/system/sms/template/index.vue b/apps/web-antdv-next/src/views/system/sms/template/index.vue
index 3563a0e07..945e0eed0 100644
--- a/apps/web-antdv-next/src/views/system/sms/template/index.vue
+++ b/apps/web-antdv-next/src/views/system/sms/template/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/sms/template/modules/form.vue b/apps/web-antdv-next/src/views/system/sms/template/modules/form.vue
index 8edbc735c..9b051643a 100644
--- a/apps/web-antdv-next/src/views/system/sms/template/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/sms/template/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/sms/template/modules/send-form.vue b/apps/web-antdv-next/src/views/system/sms/template/modules/send-form.vue
index be72a0831..8b34702db 100644
--- a/apps/web-antdv-next/src/views/system/sms/template/modules/send-form.vue
+++ b/apps/web-antdv-next/src/views/system/sms/template/modules/send-form.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { sendSms } from '#/api/system/sms/template';
diff --git a/apps/web-antdv-next/src/views/system/social/client/index.vue b/apps/web-antdv-next/src/views/system/social/client/index.vue
index 3f75d3867..a9e4fb245 100644
--- a/apps/web-antdv-next/src/views/system/social/client/index.vue
+++ b/apps/web-antdv-next/src/views/system/social/client/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/social/client/modules/form.vue b/apps/web-antdv-next/src/views/system/social/client/modules/form.vue
index 34dc46520..d7222bed4 100644
--- a/apps/web-antdv-next/src/views/system/social/client/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/social/client/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import {
diff --git a/apps/web-antdv-next/src/views/system/social/user/data.ts b/apps/web-antdv-next/src/views/system/social/user/data.ts
index 2c1604f95..a1d722aa1 100644
--- a/apps/web-antdv-next/src/views/system/social/user/data.ts
+++ b/apps/web-antdv-next/src/views/system/social/user/data.ts
@@ -7,7 +7,7 @@ import { h } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Image } from 'ant-design-vue';
+import { Image } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 import { getRangePickerDefaultProps } from '#/utils';
diff --git a/apps/web-antdv-next/src/views/system/tenant/index.vue b/apps/web-antdv-next/src/views/system/tenant/index.vue
index ba35ef620..b222e1295 100644
--- a/apps/web-antdv-next/src/views/system/tenant/index.vue
+++ b/apps/web-antdv-next/src/views/system/tenant/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/tenant/modules/form.vue b/apps/web-antdv-next/src/views/system/tenant/modules/form.vue
index f7a60b4fe..0aa78f763 100644
--- a/apps/web-antdv-next/src/views/system/tenant/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/tenant/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createTenant, getTenant, updateTenant } from '#/api/system/tenant';
diff --git a/apps/web-antdv-next/src/views/system/tenantPackage/data.ts b/apps/web-antdv-next/src/views/system/tenantPackage/data.ts
index a89b6a14d..7999e122e 100644
--- a/apps/web-antdv-next/src/views/system/tenantPackage/data.ts
+++ b/apps/web-antdv-next/src/views/system/tenantPackage/data.ts
@@ -47,7 +47,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/tenantPackage/index.vue b/apps/web-antdv-next/src/views/system/tenantPackage/index.vue
index c7069db3c..8c002acaa 100644
--- a/apps/web-antdv-next/src/views/system/tenantPackage/index.vue
+++ b/apps/web-antdv-next/src/views/system/tenantPackage/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { isEmpty } from '@vben/utils';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/tenantPackage/modules/form.vue b/apps/web-antdv-next/src/views/system/tenantPackage/modules/form.vue
index 19702165b..c2af0afa8 100644
--- a/apps/web-antdv-next/src/views/system/tenantPackage/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/tenantPackage/modules/form.vue
@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
 import { Tree, useVbenModal } from '@vben/common-ui';
 import { handleTree } from '@vben/utils';
 
-import { Checkbox, message, Spin } from 'ant-design-vue';
+import { Checkbox, message, Spin } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { getMenuList } from '#/api/system/menu';
diff --git a/apps/web-antdv-next/src/views/system/user/components/select-modal.vue b/apps/web-antdv-next/src/views/system/user/components/select-modal.vue
index 755399269..2b04c1d67 100644
--- a/apps/web-antdv-next/src/views/system/user/components/select-modal.vue
+++ b/apps/web-antdv-next/src/views/system/user/components/select-modal.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Key } from 'ant-design-vue/es/table/interface';
-
 import type { SystemDeptApi } from '#/api/system/dept';
 import type { SystemUserApi } from '#/api/system/user';
 
@@ -18,11 +16,13 @@ import {
   Row,
   Transfer,
   Tree,
-} from 'ant-design-vue';
+} from 'antdv-next';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 import { getUserPage } from '#/api/system/user';
 
+type Key = number | string;
+
 /** 部门树节点接口 */
 interface DeptTreeNode {
   key: string;
diff --git a/apps/web-antdv-next/src/views/system/user/data.ts b/apps/web-antdv-next/src/views/system/user/data.ts
index fb9ea8fe8..e28b1f61c 100644
--- a/apps/web-antdv-next/src/views/system/user/data.ts
+++ b/apps/web-antdv-next/src/views/system/user/data.ts
@@ -122,7 +122,7 @@ export function useFormSchema(): VbenFormSchema[] {
     {
       fieldName: 'remark',
       label: '备注',
-      component: 'Textarea',
+      component: 'TextArea',
       componentProps: {
         placeholder: '请输入备注',
       },
diff --git a/apps/web-antdv-next/src/views/system/user/index.vue b/apps/web-antdv-next/src/views/system/user/index.vue
index 5d1267a8f..3d20f2104 100644
--- a/apps/web-antdv-next/src/views/system/user/index.vue
+++ b/apps/web-antdv-next/src/views/system/user/index.vue
@@ -10,7 +10,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { getDictLabel } from '@vben/hooks';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
-import { Card, message } from 'ant-design-vue';
+import { Card, message } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
diff --git a/apps/web-antdv-next/src/views/system/user/modules/assign-role-form.vue b/apps/web-antdv-next/src/views/system/user/modules/assign-role-form.vue
index 61ed064f6..b26384bc9 100644
--- a/apps/web-antdv-next/src/views/system/user/modules/assign-role-form.vue
+++ b/apps/web-antdv-next/src/views/system/user/modules/assign-role-form.vue
@@ -3,7 +3,7 @@ import type { SystemUserApi } from '#/api/system/user';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { assignUserRole, getUserRoleList } from '#/api/system/permission';
diff --git a/apps/web-antdv-next/src/views/system/user/modules/dept-tree.vue b/apps/web-antdv-next/src/views/system/user/modules/dept-tree.vue
index d1b7fb0ec..beea3f314 100644
--- a/apps/web-antdv-next/src/views/system/user/modules/dept-tree.vue
+++ b/apps/web-antdv-next/src/views/system/user/modules/dept-tree.vue
@@ -6,7 +6,7 @@ import { onMounted, ref } from 'vue';
 import { IconifyIcon } from '@vben/icons';
 import { handleTree } from '@vben/utils';
 
-import { Input, Spin, Tree } from 'ant-design-vue';
+import { Input, Spin, Tree } from 'antdv-next';
 
 import { getSimpleDeptList } from '#/api/system/dept';
 
diff --git a/apps/web-antdv-next/src/views/system/user/modules/form.vue b/apps/web-antdv-next/src/views/system/user/modules/form.vue
index d4f8e7e8f..5d2c6204b 100644
--- a/apps/web-antdv-next/src/views/system/user/modules/form.vue
+++ b/apps/web-antdv-next/src/views/system/user/modules/form.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { createUser, getUser, updateUser } from '#/api/system/user';
diff --git a/apps/web-antdv-next/src/views/system/user/modules/import-form.vue b/apps/web-antdv-next/src/views/system/user/modules/import-form.vue
index f3fad2d02..e11b65c80 100644
--- a/apps/web-antdv-next/src/views/system/user/modules/import-form.vue
+++ b/apps/web-antdv-next/src/views/system/user/modules/import-form.vue
@@ -1,17 +1,15 @@
 <script lang="ts" setup>
-import type { FileType } from 'ant-design-vue/es/upload/interface';
-
 import { useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { Button, message, Upload } from 'ant-design-vue';
+import { Button, message, Upload } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { importUser, importUserTemplate } from '#/api/system/user';
 import { $t } from '#/locales';
 
 import { useImportFormSchema } from '../data';
-
+type FileType = any;
 const emit = defineEmits(['success']);
 
 const [Form, formApi] = useVbenForm({
diff --git a/apps/web-antdv-next/src/views/system/user/modules/reset-password-form.vue b/apps/web-antdv-next/src/views/system/user/modules/reset-password-form.vue
index 0642f493c..49f9656b1 100644
--- a/apps/web-antdv-next/src/views/system/user/modules/reset-password-form.vue
+++ b/apps/web-antdv-next/src/views/system/user/modules/reset-password-form.vue
@@ -3,7 +3,7 @@ import type { SystemUserApi } from '#/api/system/user';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue';
+import { message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { resetUserPassword } from '#/api/system/user';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 72cd5c8a0..a8d9c629b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -204,6 +204,9 @@ catalogs:
     ant-design-vue:
       specifier: ^4.2.6
       version: 4.2.6
+    antdv-next:
+      specifier: ^1.1.9
+      version: 1.2.2
     archiver:
       specifier: ^7.0.1
       version: 7.0.1
@@ -909,9 +912,9 @@ importers:
       '@vueuse/integrations':
         specifier: 'catalog:'
         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))
-      ant-design-vue:
+      antdv-next:
         specifier: 'catalog:'
-        version: 4.2.6(vue@3.5.32(typescript@6.0.2))
+        version: 1.2.2(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
@@ -2415,6 +2418,20 @@ packages:
   '@ant-design/colors@6.0.0':
     resolution: {integrity: sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==}
 
+  '@ant-design/colors@7.2.1':
+    resolution: {integrity: sha512-lCHDcEzieu4GA3n8ELeZ5VQ8pKQAWcGGLRTQ50aQM2iqPpq2evTxER84jfdPvsPAtEcZ7m44NI45edFMo8oOYQ==}
+
+  '@ant-design/colors@8.0.1':
+    resolution: {integrity: sha512-foPVl0+SWIslGUtD/xBr1p9U4AKzPhNYEseXYRRo5QSzGACYZrQbe11AYJbYfAWnWSpGBx6JjBmSeugUsD9vqQ==}
+
+  '@ant-design/fast-color@2.0.6':
+    resolution: {integrity: sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==}
+    engines: {node: '>=8.x'}
+
+  '@ant-design/fast-color@3.0.1':
+    resolution: {integrity: sha512-esKJegpW4nckh0o6kV3Tkb7NPIZYbPnnFxmQDUmL08ukXZAvV85TZBr70eGuke/CIArLaP6aw8lt9KILjnWuOw==}
+    engines: {node: '>=8.x'}
+
   '@ant-design/icons-svg@4.4.2':
     resolution: {integrity: sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==}
 
@@ -2423,6 +2440,16 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
+  '@antdv-next/cssinjs@1.0.6':
+    resolution: {integrity: sha512-8NL+AzjFZVHfG9A2l+r4rNWdRfbS5FFFozGU9jVl7WNgd7y+wEYSzl+qvRjJuqd3IryacrDfsTxIgcSQkVlr5Q==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@antdv-next/icons@1.0.6':
+    resolution: {integrity: sha512-SCPe/otLTmOEVoAdrZ/fn5pr1wlA1Tbzhk908gWPDnjSLEPIcv4n0Feh416RKj1oe8PKbPIC95BH+HaBXybojg==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@antfu/install-pkg@1.1.0':
     resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
 
@@ -3609,6 +3636,9 @@ packages:
   '@emotion/hash@0.9.2':
     resolution: {integrity: sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==}
 
+  '@emotion/unitless@0.7.5':
+    resolution: {integrity: sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==}
+
   '@emotion/unitless@0.8.1':
     resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
 
@@ -6102,6 +6132,220 @@ packages:
   '@ungap/structured-clone@1.3.0':
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
 
+  '@v-c/async-validator@1.0.1':
+    resolution: {integrity: sha512-2WXdbTso13119ZLiwUv1JkmdL0K4ll69id4oE3ft3LQX+YAHOoJtfx080u26lLtypgZS32PguoohgB0BVo39rg==}
+
+  '@v-c/cascader@1.0.3':
+    resolution: {integrity: sha512-TaXkWxP3N6LW1yezeN+91k7BFYDSsWj1Y1ujWv51I0lJY4l0iwtjKDDmLLMYoqtUjnW1Onz1g1h6PtiDFALcXQ==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/checkbox@1.0.1':
+    resolution: {integrity: sha512-+QsE/0VfU6oeglwuHWYxRNTn3+eV08iG0uN/upDmqSGznezInzfUClh+t4acd/OxyJVtuob0WKsg/vPlT6WRWw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/collapse@1.0.0':
+    resolution: {integrity: sha512-y4NAl3j4mka193ZMDLHdISA8to61qoROG6/kTQ0myM2ZuEsonnEK1QWlqoEw3gveMsa6a4RdyoXLxdGdcJyp0Q==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/color-picker@1.0.6':
+    resolution: {integrity: sha512-XiTlEMG5p5jkCdKP7nbeo9EJrpdXnoW4uBOA2us8pVgA6m0GxrwMoCg//X+1XsuOaebG/1Swo65mjRuMBM6rZg==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/dialog@1.0.3':
+    resolution: {integrity: sha512-NfeuaHC1PPaRyekoXN6G9AjRL5L9eQiV9tnkRp62GyCfZsHMFgdwlREW6buHifHe7dk4z/ilvGms5tnbw63R4A==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/drawer@1.0.6':
+    resolution: {integrity: sha512-nW8rCsf7viUsTo+8SAfqcNDO4B0GC4n2VidHV4kJzbERrMvMsHVpDz1LO+UFgLs8Mn9EjpQm40JtF6d/BNkW0g==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/dropdown@1.0.2':
+    resolution: {integrity: sha512-D6TACf3jUiRWx4xW5h2+wVT9SMYxUasFlAHESYJr4ZMjLTLLM1Q8iBjkjhGF+vA0eYR5zqRTwlaacN0DNDZBPw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/image@1.0.11':
+    resolution: {integrity: sha512-BkvIkEcP2M25fvNCEMcWX7hk+gFtk6Vg6V08wtoQZmvt/0shl3uS5q+4/NxJFOOjtMzWAkmGreRcqzfsOE/ptw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/input-number@1.0.5':
+    resolution: {integrity: sha512-YQBpV1KnuYf0o2XrbC+OEyP6lkyqv1XhzDVh3QhHO2bs/Jr3uSD8b3cxdEGU+gjoNJUcoZx7XiIzcYhLlvMctw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/input@1.0.3':
+    resolution: {integrity: sha512-vQic9OWfREBlNfJeRcejMcOPhp4xnbHVbqeqo/TfCOf73Ym+zjWXRGXiqM/pIqV9v95zuhYen3KzMeJYM4pViA==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/mentions@1.0.0':
+    resolution: {integrity: sha512-trkG1lvfiaIY7UnHn0gx6B01o3rFLEMin3KGp1q4oU6zOCRWde4ejZ+EHSvmXzOz2N+FlRMTE4EMJFi4w0oOlQ==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/menu@1.0.14':
+    resolution: {integrity: sha512-AzAbKJ69svJ1F7FLfY6FZ2Qn7fofgvq4DF7gp2fEPOd6CZ70+qM9ZPHDsW0SXukaYcIVH1tcSf+HkiC+7BCwRw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/mini-decimal@1.0.1':
+    resolution: {integrity: sha512-76wZLdlkI017iDlaZMNOWZyDCv29YVabUJn5urQgIKtW4dnI5AkNXWtmLyhl/mu/OS7ZGisRi5ai/558QhLQxQ==}
+
+  '@v-c/mutate-observer@1.0.1':
+    resolution: {integrity: sha512-84+9KGORX8LY9u+K0DEGyRwRCJaky0sjRkXxBC7X/jahHJl8NQGQ0Gxve5IVwaxRTfZ9eftlRmHs90JD6Utfqg==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/notification@1.0.0':
+    resolution: {integrity: sha512-aU5g+ZiYxp0KVdKuho067wJRF38Mv7MrQS95dwSJLsbDmVFBpjO3Lo3ptakfPkwn+7uwRytHKIf39t9QVGk+sg==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/overflow@1.0.5':
+    resolution: {integrity: sha512-Ae5aSZItOQHYzscs5JcmLPBLLEkpCS6c8IcHv9jABH0lZZGlZiUF4WBkAvSSnU8Q9f14BJ6dEb5XLwbwpyTZEQ==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/pagination@1.0.0':
+    resolution: {integrity: sha512-uYIMkvHKMtY+nwHTu5rXxiq6KPf0zGpZbtQTn1nDPng0tOyA1vLQ+R6OfE+1LOwuQqvFTEDnAq4vb90By+eBfw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/picker@1.0.4':
+    resolution: {integrity: sha512-B98FSgE+Kh6lNwa5msySFL8NNiF3fFkmFuuL14WEdb4f6q47XYH7YvcQa2jySXnbYPKHdykZMFo37f/0BzFaPw==}
+    peerDependencies:
+      date-fns: '>= 2.x'
+      dayjs: '>= 1.x'
+      luxon: '>= 3.x'
+      moment: '>= 2.x'
+      vue: ^3.5.32
+    peerDependenciesMeta:
+      date-fns:
+        optional: true
+      dayjs:
+        optional: true
+      luxon:
+        optional: true
+      moment:
+        optional: true
+
+  '@v-c/portal@1.0.8':
+    resolution: {integrity: sha512-93elruWfHKrdtRkpFBNpi47YhQjA75tCuG8C/WvcQ9x/dp+H3i+y7h6t0iyyDjZu1w3d2U5+d43vtslmoQXBYg==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/progress@1.0.0':
+    resolution: {integrity: sha512-kWDTU1uXnPDMmoezwyAECxuSH+WKn92OjSdk/GgDbQgZ0qNy9woOiRe5fOsrcy61agHdJxzf0MvsUy1b6bZVlA==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/qrcode@1.0.0':
+    resolution: {integrity: sha512-OSMrYDhP/NQiUcO6J0X2X8BskHPRqX/E/F9npH3oayZgjCo5Aom+63Ja3J0u6SOmKP1JgLSgjrm5karc0671jw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/rate@1.0.1':
+    resolution: {integrity: sha512-ZWWY01LeKu9S/JncdvSr2gz2Kwwum3bB/AxzzCsuhCyg+9P4BLwX7S2WZDMiJ92uYEpiYladVTCa9XdSCPaCaQ==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/resize-observer@1.0.8':
+    resolution: {integrity: sha512-VH8WBsNfZA5KQ+CXVaQ1PK5B6FIHnuTdqOLrjRWiZTrIYDZi/MyREi9b21YDj55fbFWMRx4yapnO9tiZX1RNxA==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/segmented@1.0.2':
+    resolution: {integrity: sha512-g/aWgURMJkytu05AACN3Pd9QKgka4ZQM8tl/y0AcabANldy2hmPIHek0ZH5dDdn5VmK1PhAfUTqtgDS19sLh5w==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/select@1.0.21':
+    resolution: {integrity: sha512-L30DhvXOyHmiQguMx61q6dNV6KSOATQkGNY/k1wuEdzC00oa0XVGflIBFXXcAa2x3t5jlj58pFueqc8Z1vEdhQ==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/slick@1.0.2':
+    resolution: {integrity: sha512-8BbPxJgYST+tio9jyeFQgJb/3XSFhfWZN8Am7YVYeqsYsvn3g8wu61UZNSjlkp9ArOEe+ujOgX4izfDHeXh4RA==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/slider@1.0.10':
+    resolution: {integrity: sha512-KMIVytBm8K8RQ+aPPraS28GmBptGHESF/gDRbGjOLD7xyivuQDJeEqVaUFY3EcCWsERjh4VP/L96gUbMTF0uag==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/steps@1.0.0':
+    resolution: {integrity: sha512-DPL0OOb8pDLlTPZB93b8+Saxiz6V5zEpGXKaCnsbXUuOhimkc7089AuEKfpMw+8x1SrVe+gapWf5RRHWXUm2pg==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/switch@1.0.0':
+    resolution: {integrity: sha512-VIem244KJkYfqDgofpgHjK00sGL9rJ/9OtmK4Gbs4hnPsrTtzHDBRltYxR4IT7HQleathZfj6NhcZ1bjdWKYUw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/table@1.0.7':
+    resolution: {integrity: sha512-vdJE9/gm3KRfDfgWM5O5jKNBwYB/PbS6yQ2TkiMwTmKjOHnaiSIRPJd++X7jCSchi46nU1shNDmqHf3Pw3Y9mg==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/tabs@1.0.2':
+    resolution: {integrity: sha512-FA/lG5TaYOVFhB3WjJ2x6O8egREm9FWdfEbnY1Tmg3D1avkxYDhISHlW4ot3NvWb8Ds4MxBe0T9xg206o0LHEw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/textarea@1.0.4':
+    resolution: {integrity: sha512-VrQrLjKsiFh3bngXDULK+mUI4RmTT0hqDOUChsGmo5dZGgcmzsDbVLFluYCvpV+InUsnn2jGSQEuqMQy1Vga+g==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/tooltip@1.0.3':
+    resolution: {integrity: sha512-72EkTfhb67RPJvMXIW6HUYiZ+Jdrb7tBQmS3wDtFDNU7uIrS5DQLyXJDCu9qWlrPv7cQ/RHA4JfCINw88vchzw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/tour@1.0.3':
+    resolution: {integrity: sha512-y4DVJPP7jvL+MWUMAKQWxLAMXSWJEfZXaKASPn3DKbSQ8drBhsjMXwcep3glAfrCjCKfj/QD3OrUMxqydi4qFw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/tree-select@1.0.3':
+    resolution: {integrity: sha512-N4mK8JXrCU+GFfhLG/zat3TAUt0Ju+P4S3hN6PlmuHPikQ4OWEA91CA8Br83i4zpW9TCH7xP0EfMUvhLtjqbsA==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/tree@1.0.6':
+    resolution: {integrity: sha512-NrFtKD4DmUM/4GyBWYQuAJkgDfOhlBUV6Z4slleGj4yxmwU3fRBvoDYVNtrqfP8GmNRY/9IHA8c2FfidvKys8g==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/trigger@1.0.14':
+    resolution: {integrity: sha512-3flCLvHvW2fJ8Rg/m4kCk7UGtL9GsrPgeSbdQJ1FU5+sZmfT2bcPwQZM824e7VFLmgaYPLiaQOL3l46uEPFWLw==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/upload@1.0.0':
+    resolution: {integrity: sha512-W92PNCD61aM/B5w8oUzHQSDHur1T8484726Ls0IoNMO5nPiF/15eEE3RuuI/t7xXQVP/fA06hNSwzXwGWdDg1w==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/util@1.0.19':
+    resolution: {integrity: sha512-apJGS4BVzhXbrNR6jxXF18jAiOWIn/UNmGjgSvB5r4ba9Wr/ireKCfJvhuuNsZi+scLaM0W3ghB81PbQ5vwoJg==}
+    peerDependencies:
+      vue: ^3.5.32
+
+  '@v-c/virtual-list@1.0.7':
+    resolution: {integrity: sha512-zoINTbsUh7VNGHEAZnY/TZRWBmL7lhFxr1bwK6KxP+3CJSIG26b2jTQFzfdr/qq4CrmLcmpcW2jlHass7PAMAg==}
+    peerDependencies:
+      vue: ^3.5.32
+
   '@valibot/to-json-schema@1.6.0':
     resolution: {integrity: sha512-d6rYyK5KVa2XdqamWgZ4/Nr+cXhxjy7lmpe6Iajw15J/jmU+gyxl2IEd1Otg1d7Rl3gOQL5reulnSypzBtYy1A==}
     peerDependencies:
@@ -6540,6 +6784,9 @@ packages:
     peerDependencies:
       vue: ^3.5.32
 
+  antdv-next@1.2.2:
+    resolution: {integrity: sha512-sJETcuCpWnE2Nf4oSYZf424d1Y7ngnl2c+mMraHE4R6qZZHxXg2VuSF5MzhSBa16obz5blhqKjXMiyAWCZWIHg==}
+
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -7107,6 +7354,9 @@ packages:
   compute-scroll-into-view@1.0.20:
     resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
 
+  compute-scroll-into-view@3.1.1:
+    resolution: {integrity: sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==}
+
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
@@ -10627,6 +10877,9 @@ packages:
   scroll-into-view-if-needed@2.2.31:
     resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
 
+  scroll-into-view-if-needed@3.1.0:
+    resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
+
   scule@1.3.0:
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
@@ -12326,6 +12579,20 @@ snapshots:
     dependencies:
       '@ctrl/tinycolor': 4.2.0
 
+  '@ant-design/colors@7.2.1':
+    dependencies:
+      '@ant-design/fast-color': 2.0.6
+
+  '@ant-design/colors@8.0.1':
+    dependencies:
+      '@ant-design/fast-color': 3.0.1
+
+  '@ant-design/fast-color@2.0.6':
+    dependencies:
+      '@babel/runtime': 7.29.2
+
+  '@ant-design/fast-color@3.0.1': {}
+
   '@ant-design/icons-svg@4.4.2': {}
 
   '@ant-design/icons-vue@7.0.1(vue@3.5.32(typescript@6.0.2))':
@@ -12334,6 +12601,22 @@ snapshots:
       '@ant-design/icons-svg': 4.4.2
       vue: 3.5.32(typescript@6.0.2)
 
+  '@antdv-next/cssinjs@1.0.6(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@emotion/hash': 0.8.0
+      '@emotion/unitless': 0.7.5
+      '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
+      csstype: 3.2.3
+      stylis: 4.3.6
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@antdv-next/icons@1.0.6(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@ant-design/colors': 7.2.1
+      '@ant-design/icons-svg': 4.4.2
+      '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
+      vue: 3.5.32(typescript@6.0.2)
+
   '@antfu/install-pkg@1.1.0':
     dependencies:
       package-manager-detector: 1.6.0
@@ -13847,6 +14130,8 @@ snapshots:
 
   '@emotion/hash@0.9.2': {}
 
+  '@emotion/unitless@0.7.5': {}
+
   '@emotion/unitless@0.8.1': {}
 
   '@epic-web/invariant@1.0.0': {}
@@ -15991,6 +16276,250 @@ snapshots:
 
   '@ungap/structured-clone@1.3.0': {}
 
+  '@v-c/async-validator@1.0.1': {}
+
+  '@v-c/cascader@1.0.3(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/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/checkbox@1.0.1(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/collapse@1.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/color-picker@1.0.6(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@ant-design/fast-color': 3.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/dialog@1.0.3(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))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/drawer@1.0.6(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))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/dropdown@1.0.2(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@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/image@1.0.11(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))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@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/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))':
+    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))':
+    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/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))':
+    dependencies:
+      '@v-c/overflow': 1.0.5(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/mini-decimal@1.0.1': {}
+
+  '@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/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))':
+    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))':
+    dependencies:
+      '@v-c/resize-observer': 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))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/pagination@1.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/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))':
+    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/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)
+    optionalDependencies:
+      date-fns: 4.1.0
+      dayjs: 1.11.20
+      luxon: 3.7.2
+
+  '@v-c/portal@1.0.8(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/progress@1.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/qrcode@1.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/rate@1.0.1(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/resize-observer@1.0.8(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
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/segmented@1.0.2(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/select@1.0.21(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/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))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/slick@1.0.2(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@v-c/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
+      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))':
+    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/steps@1.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/switch@1.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/table@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/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))':
+    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/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))':
+    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/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/tooltip@1.0.3(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      '@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/tour@1.0.3(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))':
+    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/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))':
+    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))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@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/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@v-c/upload@1.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/util@1.0.19(vue@3.5.32(typescript@6.0.2))':
+    dependencies:
+      vue: 3.5.32(typescript@6.0.2)
+
+  '@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/util': 1.0.19(vue@3.5.32(typescript@6.0.2))
+      vue: 3.5.32(typescript@6.0.2)
+
   '@valibot/to-json-schema@1.6.0(valibot@1.3.1(typescript@6.0.2))':
     dependencies:
       valibot: 1.3.1(typescript@6.0.2)
@@ -16545,6 +17074,61 @@ 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)):
+    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/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/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-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/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/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/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/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/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/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/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/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))
+      '@v-c/virtual-list': 1.0.7(vue@3.5.32(typescript@6.0.2))
+      '@vueuse/core': 14.2.1(vue@3.5.32(typescript@6.0.2))
+      dayjs: 1.11.20
+      es-toolkit: 1.45.1
+      scroll-into-view-if-needed: 3.1.0
+      throttle-debounce: 5.0.2
+    transitivePeerDependencies:
+      - date-fns
+      - luxon
+      - moment
+      - vue
+
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
@@ -17153,6 +17737,8 @@ snapshots:
 
   compute-scroll-into-view@1.0.20: {}
 
+  compute-scroll-into-view@3.1.1: {}
+
   concat-map@0.0.1: {}
 
   confbox@0.1.8: {}
@@ -21058,6 +21644,10 @@ snapshots:
     dependencies:
       compute-scroll-into-view: 1.0.20
 
+  scroll-into-view-if-needed@3.1.0:
+    dependencies:
+      compute-scroll-into-view: 3.1.1
+
   scule@1.3.0: {}
 
   search-insights@2.17.3: {}