refactor(modal): 重构确认删除弹窗以兼容 antdv-next 更新

- 调整导入路径以匹配 antdv-next 的新模块结构
- 使用 defineComponent 和 h 函数重构弹窗内容为组件
- 通过 ref 暴露表单实例以替代 useForm 方法
- 移除已弃用的 trigger 属性并更新表单验证方式

apps/web-antd/src/utils/modal.tsx

@@ -1,9 +1,11 @@
-import type { ModalFuncProps } from 'antdv-next';
-import type { Rule } from 'antdv-next/es/form';
+/* eslint-disable vue/multi-word-component-names */
+import type { FormInstance } from 'antdv-next';
+import type { Rule } from 'antdv-next/dist/form/types';
+import type { ModalFuncProps } from 'antdv-next/dist/modal/interface';
 
-import { reactive } from 'vue';
+import { defineComponent, h, reactive, ref } from 'vue';
 
-import { Alert, Form, Input } from 'antdv-next';
+import { Alert, Form, FormItem, Input } from 'antdv-next';
 import { isFunction } from 'lodash-es';
 
 export interface ConfirmModalProps extends Omit<ModalFuncProps, 'visible'> {
@@ -24,7 +26,6 @@ export function confirmDeleteModal(props: ConfirmModalProps) {
       {
         message: '校验不通过',
         required: true,
-        trigger: 'change',
         validator(_, value) {
           if (value !== confirmText) {
             return Promise.reject(new Error('校验不通过'));
@@ -34,28 +35,41 @@ export function confirmDeleteModal(props: ConfirmModalProps) {
       },
     ],
   });
-  const useForm = Form.useForm;
-  const { validate, validateInfos } = useForm(formValue, rulesRef);
+
+  const outerInstance = ref<{ formInstance?: FormInstance }>({});
 
   window.modal.confirm({
     ...props,
     centered: true,
-    content: (
-      <div class="flex flex-col gap-[8px]">
-        <Alert message={'确认删除后将无法恢复，请谨慎操作！'} type="error" />
-        <Form layout="vertical" model={formValue}>
-          <Form.Item {...validateInfos.content}>
-            <Input
-              placeholder={placeholder}
-              v-model:value={formValue.content}
-            />
-          </Form.Item>
-        </Form>
-      </div>
-    ),
+    content: () =>
+      h(
+        defineComponent({
+          setup(_, { expose }) {
+            const formInstance = ref<FormInstance>();
+            expose({ formInstance });
+            return () => (
+              <div class="flex flex-col gap-[8px]">
+                <Alert
+                  title={'确认删除后将无法恢复，请谨慎操作！'}
+                  type="error"
+                />
+                <Form layout="vertical" model={formValue} ref={formInstance}>
+                  <FormItem name="content" rules={rulesRef.content}>
+                    <Input
+                      placeholder={placeholder}
+                      v-model:value={formValue.content}
+                    />
+                  </FormItem>
+                </Form>
+              </div>
+            );
+          },
+        }),
+        { ref: outerInstance },
+      ),
     okButtonProps: { danger: true, type: 'primary' },
     onOk: async () => {
-      await validate();
+      await outerInstance.value?.formInstance?.validate();
       isFunction(props.onValidated) && props.onValidated();
     },
     title: '提示',