@vue-ui-kit/ant 1.7.3 → 1.7.4

package/dist/packages/components/RenderAntItem.d.ts

@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineSetupFnComponent<{
     defaultHandler: {
         [key: string]: (...args: any[]) => any;
     };
-}, "trigger"[], {}, {
+}, ("trigger" | "delayTrigger")[], {}, {
     itemRender: ItemRender;
     renderFormParams: RenderFormParams<Recordable<any>>;
     defaultHandler: {
@@ -13,5 +13,6 @@ declare const _default: import('vue').DefineSetupFnComponent<{
     };
 } & {
     onTrigger?: ((...args: any[]) => any) | undefined;
+    onDelayTrigger?: ((...args: any[]) => any) | undefined;
 }, import('vue').PublicProps>;
 export default _default;

package/dist/packages/components/RenderItemSlots.d.ts

@@ -2,9 +2,11 @@ declare const _default: import('vue').DefineSetupFnComponent<{
     formData: any;
     item: any;
     passTrigger: any;
+    passDelayTrigger: any;
 }, {}, {}, {
     formData: any;
     item: any;
     passTrigger: any;
+    passDelayTrigger: any;
 } & {}, import('vue').PublicProps>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "Vue3 UI Kit based on Ant Design",
   "type": "module",
   "types": "./dist/index.d.ts",

package/src/declarations/antProxy.ts

@@ -65,6 +65,7 @@ export interface PFormItemProps<F = Recordable> {
     default?: (
       { data, field }: ItemFuncArg<F>,
       passTrigger?: (cusFields?: string | string[]) => void,
+      passDelayTrigger?: (cusFields?: string | string[], time?: number) => void
     ) => any;
   };
 }
@@ -242,6 +243,12 @@ export interface RenderOptions {
    * @param cusFields field或者field数组
    */
   handleTrigger?: (cusFields?: string | string[]) => void;
+  /**
+   * 延迟校验触发器
+   * @param cusFields field或者field数组
+   * @param time 延迟时间
+   */
+  handleDelayTrigger?: (cusFields?: string | string[], time?: number) => void;
 }
 
 export interface RenderFormParams<F = Recordable> {

package/src/packages/components/PForm.vue

@@ -63,6 +63,12 @@
   const handleTrigger = (cusFields?: string | string[]) => {
     validateField(cusFields);
   };
+  const handleDelayTrigger = (cusFields?: string | string[], time?: number) => {
+    const delayTime = time ?? 222;
+    setTimeout(() => {
+      validateField(cusFields);
+    }, delayTime);
+  };
   defineExpose({
     reset: resetForm,
     $form: computed(() => formEl.value),
@@ -112,6 +118,7 @@
               :item="item"
               :key="'_sl_' + (item.field ?? '_') + '_' + idx"
               :pass-trigger="handleTrigger"
+              :pass-delay-trigger="handleDelayTrigger"
             />
             <render-ant-item
               v-else-if="item.itemRender?.name"
@@ -119,6 +126,7 @@
               :default-handler="{ reset: resetFormData }"
               :item-render="item.itemRender"
               @trigger="handleTrigger"
+              @delay-trigger="handleDelayTrigger"
               :render-form-params="{ data: formData, field: item.field }"
             />
             <span v-else></span>

package/src/packages/components/PGrid.vue

@@ -512,6 +512,7 @@
                     :form-data="queryFormData"
                     :item="item"
                     :pass-trigger="() => {}"
+                    :pass-delay-trigger="() => {}"
                   />
                   <render-ant-item
                     v-else-if="item.itemRender?.name"

package/src/packages/components/RenderAntItem.tsx

@@ -18,12 +18,16 @@ export default defineComponent(
     const passTrigger = (cusFields?: string | string[]) => {
       emit('trigger', cusFields);
     };
+    const passDelayTrigger = (cusFields?: string | string[], time?: number) => {
+      emit('delayTrigger', cusFields, time);
+    };
     return () => {
       return (
         renderStore.renders[itemRender!.name]?.renderItemContent?.(
           {
             ...itemRender!,
             handleTrigger: passTrigger,
+            handleDelayTrigger: passDelayTrigger,
           },
           renderFormParams.value,
           defaultHandler,
@@ -49,6 +53,6 @@ export default defineComponent(
         required: false,
       },
     },
-    emits: ['trigger'],
+    emits: ['trigger', 'delayTrigger'],
   },
 );

package/src/packages/components/RenderItemSlots.tsx

@@ -6,6 +6,7 @@ export default defineComponent(
     formData: F;
     item: PFormItemProps<F>;
     passTrigger: (cusFields?: string | string[]) => void;
+    passDelayTrigger: (cusFields?: string | string[], time?: number) => void;
   }) => {
     const { formData } = toRefs(props);
     return () => {
@@ -13,12 +14,13 @@ export default defineComponent(
         props.item.slots?.default?.(
           { data: formData.value, field: props.item.field },
           props.passTrigger,
+          props.passDelayTrigger,
         ) ?? null
       );
     };
   },
   {
     name: 'RenderItemSlots',
-    props: ['formData', 'item', 'passTrigger'],
+    props: ['formData', 'item', 'passTrigger', 'passDelayTrigger'],
   },
 );