refactor: playground use antdv-next

playground/src/views/examples/form/api.vue

@@ -1,11 +1,9 @@
 <script lang="ts" setup>
-import type { RefSelectProps } from 'ant-design-vue/es/select';
-
 import { ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Button, Card, message, Space } from 'ant-design-vue';
+import { Button, Card, message, Space } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 
@@ -134,7 +132,9 @@ function handleClick(
     }
     case 'componentRef': {
       // 获取下拉组件的实例，并调用它的focus方法
-      formApi.getFieldComponentRef<RefSelectProps>('fieldOptions')?.focus?.();
+      formApi
+        .getFieldComponentRef<{ focus?: () => void }>('fieldOptions')
+        ?.focus?.();
       break;
     }
     case 'disabled': {

playground/src/views/examples/form/basic.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import type { UploadFile } from 'ant-design-vue';
+import type { UploadFile } from 'antdv-next';
 
 import { h, ref, toRaw } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
 import { useDebounceFn } from '@vueuse/core';
-import { Button, Card, message, Spin, Tag } from 'ant-design-vue';
+import { Button, Card, message, Spin, Tag } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { useVbenForm, z } from '#/adapter/form';

playground/src/views/examples/form/collapsible.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { RadioGroupProps } from 'ant-design-vue';
+import type { RadioGroupProps } from 'antdv-next';
 
 import type { FormLayout } from '@vben/common-ui';
 
@@ -11,7 +11,7 @@ import { Page } from '@vben/common-ui';
 
 import { VbenCollapsibleParams } from '@vben-core/shadcn-ui';
 
-import { Button, Card, message, RadioGroup } from 'ant-design-vue';
+import { Button, Card, message, RadioGroup } from 'antdv-next';
 
 import { useVbenForm, z } from '#/adapter/form';
 

playground/src/views/examples/form/custom-layout.vue

@@ -3,7 +3,7 @@ import { h } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Card } from 'ant-design-vue';
+import { Card } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 

playground/src/views/examples/form/custom.vue

@@ -3,7 +3,7 @@ import { h, markRaw } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Card, Input, message } from 'ant-design-vue';
+import { Card, Input, message } from 'antdv-next';
 
 import { useVbenForm, z } from '#/adapter/form';
 

playground/src/views/examples/form/dynamic.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { Page } from '@vben/common-ui';
 
-import { Button, Card, message } from 'ant-design-vue';
+import { Button, Card, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 

playground/src/views/examples/form/merge.vue

@@ -1,9 +1,11 @@
 <script lang="ts" setup>
+import type { StepItem } from 'antdv-next';
+
 import { ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Button, Card, message, Step, Steps, Switch } from 'ant-design-vue';
+import { Button, Card, message, Steps, Switch } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 
@@ -75,6 +77,7 @@ const [SecondForm, secondFormApi] = useVbenForm({
   ],
   wrapperClass: 'grid-cols-1 md:grid-cols-1 lg:grid-cols-1',
 });
+const stepsItems: StepItem[] = [{ title: '表单1' }, { title: '表单2' }];
 const needMerge = ref(true);
 async function handleMergeSubmit() {
   const values = await firstFormApi
@@ -102,10 +105,7 @@ async function handleMergeSubmit() {
         <Button type="primary" @click="handleMergeSubmit">合并提交</Button>
       </template>
       <div class="mx-auto max-w-lg">
-        <Steps :current="currentTab" class="steps">
-          <Step title="表单1" />
-          <Step title="表单2" />
-        </Steps>
+        <Steps :current="currentTab" :items="stepsItems" class="steps" />
         <div class="p-20">
           <FirstForm v-show="currentTab === 0" />
           <SecondForm v-show="currentTab === 1" />

playground/src/views/examples/form/modules/two-fields.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Input, Select } from 'ant-design-vue';
+import { Input, Select } from 'antdv-next';
 
 const emit = defineEmits(['blur', 'change']);
 

playground/src/views/examples/form/query.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { Page } from '@vben/common-ui';
 
-import { Card, message } from 'ant-design-vue';
+import { Card, message } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 

playground/src/views/examples/form/rules.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { Page } from '@vben/common-ui';
 
-import { Button, Card, message } from 'ant-design-vue';
+import { Button, Card, message } from 'antdv-next';
 
 import { useVbenForm, z } from '#/adapter/form';
 

playground/src/views/examples/form/scroll-to-error-test.vue

@@ -3,7 +3,7 @@ import { ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Button, Card, Switch } from 'ant-design-vue';
+import { Button, Card, Switch } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 

playground/src/views/examples/form/value-format.vue

@@ -3,7 +3,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
-import { Button, Card, message, Space, Tag } from 'ant-design-vue';
+import { Button, Card, message, Space, Tag } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { useVbenForm } from '#/adapter/form';