x-next 1.0.1 → 1.2.0

package/dist/components/form/index.d.ts

@@ -36,7 +36,7 @@ export declare const Form: {
             default: undefined;
         };
         rules: {
-            type: import('vue').PropType<Record<string, import('./interface.ts').FieldRule | import('./interface.ts').FieldRule[]>>;
+            type: import('vue').PropType<Record<string, import('./interface').FieldRule | import('./interface').FieldRule[]>>;
         };
         autoLabelWidth: {
             type: BooleanConstructor;
@@ -52,12 +52,12 @@ export declare const Form: {
     }>> & Readonly<{
         onSubmit?: ((data: {
             values: Record<string, any>;
-            errors: Record<string, import('./interface.ts').ValidatedError> | undefined;
+            errors: Record<string, import('./interface').ValidatedError> | undefined;
         }, ev: Event) => any) | undefined;
         onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
         onSubmitFailed?: ((data: {
             values: Record<string, any>;
-            errors: Record<string, import('./interface.ts').ValidatedError>;
+            errors: Record<string, import('./interface').ValidatedError>;
         }, ev: Event) => any) | undefined;
     }>, {
         cls: import('vue').ComputedRef<(string | {
@@ -65,28 +65,28 @@ export declare const Form: {
         })[]>;
         formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
         handleSubmit: (e: Event) => void;
-        innerValidate: (callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void) => Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
-        innerValidateField: (field: string | string[], callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void) => Promise<Record<string, import('./interface.ts').ValidatedError> | undefined>;
+        innerValidate: (callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void) => Promise<undefined | Record<string, import('./interface').ValidatedError>>;
+        innerValidateField: (field: string | string[], callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void) => Promise<Record<string, import('./interface').ValidatedError> | undefined>;
         innerResetFields: (field?: string | string[]) => void;
         innerClearValidate: (field?: string | string[]) => void;
-        innerSetFields: (data: Record<string, import('./interface.ts').FieldData>) => void;
+        innerSetFields: (data: Record<string, import('./interface').FieldData>) => void;
         innerScrollToField: (field: string, options?: import('scroll-into-view-if-needed').Options) => void;
     }, {}, {}, {
-        validate(callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
-        validateField(field: string | string[], callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
+        validate(callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface').ValidatedError>>;
+        validateField(field: string | string[], callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface').ValidatedError>>;
         resetFields(field?: string | string[]): void;
         clearValidate(field?: string | string[]): void;
-        setFields(data: Record<string, import('./interface.ts').FieldData>): void;
+        setFields(data: Record<string, import('./interface').FieldData>): void;
         scrollToField(field: string, options?: import('scroll-into-view-if-needed').Options): void;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         submit: (data: {
             values: Record<string, any>;
-            errors: Record<string, import('./interface.ts').ValidatedError> | undefined;
+            errors: Record<string, import('./interface').ValidatedError> | undefined;
         }, ev: Event) => true;
         submitSuccess: (values: Record<string, any>, ev: Event) => true;
         submitFailed: (data: {
             values: Record<string, any>;
-            errors: Record<string, import('./interface.ts').ValidatedError>;
+            errors: Record<string, import('./interface').ValidatedError>;
         }, ev: Event) => true;
     }, import('vue').PublicProps, {
         disabled: boolean;
@@ -140,7 +140,7 @@ export declare const Form: {
             default: undefined;
         };
         rules: {
-            type: import('vue').PropType<Record<string, import('./interface.ts').FieldRule | import('./interface.ts').FieldRule[]>>;
+            type: import('vue').PropType<Record<string, import('./interface').FieldRule | import('./interface').FieldRule[]>>;
         };
         autoLabelWidth: {
             type: BooleanConstructor;
@@ -156,12 +156,12 @@ export declare const Form: {
     }>> & Readonly<{
         onSubmit?: ((data: {
             values: Record<string, any>;
-            errors: Record<string, import('./interface.ts').ValidatedError> | undefined;
+            errors: Record<string, import('./interface').ValidatedError> | undefined;
         }, ev: Event) => any) | undefined;
         onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
         onSubmitFailed?: ((data: {
             values: Record<string, any>;
-            errors: Record<string, import('./interface.ts').ValidatedError>;
+            errors: Record<string, import('./interface').ValidatedError>;
         }, ev: Event) => any) | undefined;
     }>, {
         cls: import('vue').ComputedRef<(string | {
@@ -169,18 +169,18 @@ export declare const Form: {
         })[]>;
         formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
         handleSubmit: (e: Event) => void;
-        innerValidate: (callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void) => Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
-        innerValidateField: (field: string | string[], callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void) => Promise<Record<string, import('./interface.ts').ValidatedError> | undefined>;
+        innerValidate: (callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void) => Promise<undefined | Record<string, import('./interface').ValidatedError>>;
+        innerValidateField: (field: string | string[], callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void) => Promise<Record<string, import('./interface').ValidatedError> | undefined>;
         innerResetFields: (field?: string | string[]) => void;
         innerClearValidate: (field?: string | string[]) => void;
-        innerSetFields: (data: Record<string, import('./interface.ts').FieldData>) => void;
+        innerSetFields: (data: Record<string, import('./interface').FieldData>) => void;
         innerScrollToField: (field: string, options?: import('scroll-into-view-if-needed').Options) => void;
     }, {}, {}, {
-        validate(callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
-        validateField(field: string | string[], callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
+        validate(callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface').ValidatedError>>;
+        validateField(field: string | string[], callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface').ValidatedError>>;
         resetFields(field?: string | string[]): void;
         clearValidate(field?: string | string[]): void;
-        setFields(data: Record<string, import('./interface.ts').FieldData>): void;
+        setFields(data: Record<string, import('./interface').FieldData>): void;
         scrollToField(field: string, options?: import('scroll-into-view-if-needed').Options): void;
     }, {
         disabled: boolean;
@@ -231,7 +231,7 @@ export declare const Form: {
         default: undefined;
     };
     rules: {
-        type: import('vue').PropType<Record<string, import('./interface.ts').FieldRule | import('./interface.ts').FieldRule[]>>;
+        type: import('vue').PropType<Record<string, import('./interface').FieldRule | import('./interface').FieldRule[]>>;
     };
     autoLabelWidth: {
         type: BooleanConstructor;
@@ -247,12 +247,12 @@ export declare const Form: {
 }>> & Readonly<{
     onSubmit?: ((data: {
         values: Record<string, any>;
-        errors: Record<string, import('./interface.ts').ValidatedError> | undefined;
+        errors: Record<string, import('./interface').ValidatedError> | undefined;
     }, ev: Event) => any) | undefined;
     onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
     onSubmitFailed?: ((data: {
         values: Record<string, any>;
-        errors: Record<string, import('./interface.ts').ValidatedError>;
+        errors: Record<string, import('./interface').ValidatedError>;
     }, ev: Event) => any) | undefined;
 }>, {
     cls: import('vue').ComputedRef<(string | {
@@ -260,28 +260,28 @@ export declare const Form: {
     })[]>;
     formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
     handleSubmit: (e: Event) => void;
-    innerValidate: (callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void) => Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
-    innerValidateField: (field: string | string[], callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void) => Promise<Record<string, import('./interface.ts').ValidatedError> | undefined>;
+    innerValidate: (callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void) => Promise<undefined | Record<string, import('./interface').ValidatedError>>;
+    innerValidateField: (field: string | string[], callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void) => Promise<Record<string, import('./interface').ValidatedError> | undefined>;
     innerResetFields: (field?: string | string[]) => void;
     innerClearValidate: (field?: string | string[]) => void;
-    innerSetFields: (data: Record<string, import('./interface.ts').FieldData>) => void;
+    innerSetFields: (data: Record<string, import('./interface').FieldData>) => void;
     innerScrollToField: (field: string, options?: import('scroll-into-view-if-needed').Options) => void;
 }, {}, {}, {
-    validate(callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
-    validateField(field: string | string[], callback?: (errors: undefined | Record<string, import('./interface.ts').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface.ts').ValidatedError>>;
+    validate(callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface').ValidatedError>>;
+    validateField(field: string | string[], callback?: (errors: undefined | Record<string, import('./interface').ValidatedError>) => void): Promise<undefined | Record<string, import('./interface').ValidatedError>>;
     resetFields(field?: string | string[]): void;
     clearValidate(field?: string | string[]): void;
-    setFields(data: Record<string, import('./interface.ts').FieldData>): void;
+    setFields(data: Record<string, import('./interface').FieldData>): void;
     scrollToField(field: string, options?: import('scroll-into-view-if-needed').Options): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     submit: (data: {
         values: Record<string, any>;
-        errors: Record<string, import('./interface.ts').ValidatedError> | undefined;
+        errors: Record<string, import('./interface').ValidatedError> | undefined;
     }, ev: Event) => true;
     submitSuccess: (values: Record<string, any>, ev: Event) => true;
     submitFailed: (data: {
         values: Record<string, any>;
-        errors: Record<string, import('./interface.ts').ValidatedError>;
+        errors: Record<string, import('./interface').ValidatedError>;
     }, ev: Event) => true;
 }, string, {
     disabled: boolean;
@@ -327,13 +327,13 @@ export declare const FormItem: {
             default: string;
         };
         rules: {
-            type: import('vue').PropType<import('./interface.ts').FieldRule | import('./interface.ts').FieldRule[]>;
+            type: import('vue').PropType<import('./interface').FieldRule | import('./interface').FieldRule[]>;
         };
         validateStatus: {
-            type: import('vue').PropType<import('./interface.ts').ValidateStatus>;
+            type: import('vue').PropType<import('./interface').ValidateStatus>;
         };
         validateTrigger: {
-            type: import('vue').PropType<import('./interface.ts').ValidateTrigger | import('./interface.ts').ValidateTrigger[]>;
+            type: import('vue').PropType<import('./interface').ValidateTrigger | import('./interface').ValidateTrigger[]>;
             default: string;
         };
         labelColProps: ObjectConstructor;
@@ -355,10 +355,6 @@ export declare const FormItem: {
             type: BooleanConstructor;
             default: boolean;
         };
-        mergeProps: {
-            type: import('vue').PropType<boolean | ((props: Record<string, any>) => Record<string, any>)>;
-            default: boolean;
-        };
         labelColFlex: {
             type: (StringConstructor | NumberConstructor)[];
         };
@@ -394,6 +390,12 @@ export declare const FormItem: {
             [x: string]: boolean;
         })[]>;
         mergedWrapperStyle: import('vue').ComputedRef<any>;
+        mergedLabelAttrs: import('vue').ComputedRef<{
+            id: string | undefined;
+            for: string | undefined;
+        }>;
+        messageId: string;
+        extraId: string;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         required: boolean;
         disabled: boolean;
@@ -406,7 +408,6 @@ export declare const FormItem: {
         hideLabel: boolean;
         hideAsterisk: boolean;
         contentFlex: boolean;
-        mergeProps: boolean | ((props: Record<string, any>) => Record<string, any>);
         labelComponent: string;
     }, true, {}, {}, {
         XRow: {
@@ -950,8 +951,8 @@ export declare const FormItem: {
                 }, import('vue').PublicProps, {
                     mini: boolean;
                     disabled: boolean;
-                    animationName: string;
                     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                    animationName: string;
                     autoFitPosition: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
@@ -1136,8 +1137,8 @@ export declare const FormItem: {
                 }>, () => VNode, {}, {}, {}, {
                     mini: boolean;
                     disabled: boolean;
-                    animationName: string;
                     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                    animationName: string;
                     autoFitPosition: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
@@ -1325,8 +1326,8 @@ export declare const FormItem: {
             }, string, {
                 mini: boolean;
                 disabled: boolean;
-                animationName: string;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -1429,8 +1430,8 @@ export declare const FormItem: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -1440,6 +1441,7 @@ export declare const FormItem: {
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         FormItemMessage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: StringConstructor;
             error: {
                 type: import('vue').PropType<string[]>;
                 default: () => never[];
@@ -1453,6 +1455,7 @@ export declare const FormItem: {
                 is: (className: string) => string;
             };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: StringConstructor;
             error: {
                 type: import('vue').PropType<string[]>;
                 default: () => never[];
@@ -1500,13 +1503,13 @@ export declare const FormItem: {
             default: string;
         };
         rules: {
-            type: import('vue').PropType<import('./interface.ts').FieldRule | import('./interface.ts').FieldRule[]>;
+            type: import('vue').PropType<import('./interface').FieldRule | import('./interface').FieldRule[]>;
         };
         validateStatus: {
-            type: import('vue').PropType<import('./interface.ts').ValidateStatus>;
+            type: import('vue').PropType<import('./interface').ValidateStatus>;
         };
         validateTrigger: {
-            type: import('vue').PropType<import('./interface.ts').ValidateTrigger | import('./interface.ts').ValidateTrigger[]>;
+            type: import('vue').PropType<import('./interface').ValidateTrigger | import('./interface').ValidateTrigger[]>;
             default: string;
         };
         labelColProps: ObjectConstructor;
@@ -1528,10 +1531,6 @@ export declare const FormItem: {
             type: BooleanConstructor;
             default: boolean;
         };
-        mergeProps: {
-            type: import('vue').PropType<boolean | ((props: Record<string, any>) => Record<string, any>)>;
-            default: boolean;
-        };
         labelColFlex: {
             type: (StringConstructor | NumberConstructor)[];
         };
@@ -1567,6 +1566,12 @@ export declare const FormItem: {
             [x: string]: boolean;
         })[]>;
         mergedWrapperStyle: import('vue').ComputedRef<any>;
+        mergedLabelAttrs: import('vue').ComputedRef<{
+            id: string | undefined;
+            for: string | undefined;
+        }>;
+        messageId: string;
+        extraId: string;
     }, {}, {}, {}, {
         required: boolean;
         disabled: boolean;
@@ -1579,7 +1584,6 @@ export declare const FormItem: {
         hideLabel: boolean;
         hideAsterisk: boolean;
         contentFlex: boolean;
-        mergeProps: boolean | ((props: Record<string, any>) => Record<string, any>);
         labelComponent: string;
     }>;
     __isFragment?: never;
@@ -1617,13 +1621,13 @@ export declare const FormItem: {
         default: string;
     };
     rules: {
-        type: import('vue').PropType<import('./interface.ts').FieldRule | import('./interface.ts').FieldRule[]>;
+        type: import('vue').PropType<import('./interface').FieldRule | import('./interface').FieldRule[]>;
     };
     validateStatus: {
-        type: import('vue').PropType<import('./interface.ts').ValidateStatus>;
+        type: import('vue').PropType<import('./interface').ValidateStatus>;
     };
     validateTrigger: {
-        type: import('vue').PropType<import('./interface.ts').ValidateTrigger | import('./interface.ts').ValidateTrigger[]>;
+        type: import('vue').PropType<import('./interface').ValidateTrigger | import('./interface').ValidateTrigger[]>;
         default: string;
     };
     labelColProps: ObjectConstructor;
@@ -1645,10 +1649,6 @@ export declare const FormItem: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mergeProps: {
-        type: import('vue').PropType<boolean | ((props: Record<string, any>) => Record<string, any>)>;
-        default: boolean;
-    };
     labelColFlex: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -1684,6 +1684,12 @@ export declare const FormItem: {
         [x: string]: boolean;
     })[]>;
     mergedWrapperStyle: import('vue').ComputedRef<any>;
+    mergedLabelAttrs: import('vue').ComputedRef<{
+        id: string | undefined;
+        for: string | undefined;
+    }>;
+    messageId: string;
+    extraId: string;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     required: boolean;
     disabled: boolean;
@@ -1696,7 +1702,6 @@ export declare const FormItem: {
     hideLabel: boolean;
     hideAsterisk: boolean;
     contentFlex: boolean;
-    mergeProps: boolean | ((props: Record<string, any>) => Record<string, any>);
     labelComponent: string;
 }, {}, string, {}, {
     XRow: {
@@ -2240,8 +2245,8 @@ export declare const FormItem: {
             }, import('vue').PublicProps, {
                 mini: boolean;
                 disabled: boolean;
-                animationName: string;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -2426,8 +2431,8 @@ export declare const FormItem: {
             }>, () => VNode, {}, {}, {}, {
                 mini: boolean;
                 disabled: boolean;
-                animationName: string;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -2615,8 +2620,8 @@ export declare const FormItem: {
         }, string, {
             mini: boolean;
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -2719,8 +2724,8 @@ export declare const FormItem: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -2730,6 +2735,7 @@ export declare const FormItem: {
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     FormItemMessage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: StringConstructor;
         error: {
             type: import('vue').PropType<string[]>;
             default: () => never[];
@@ -2743,6 +2749,7 @@ export declare const FormItem: {
             is: (className: string) => string;
         };
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: StringConstructor;
         error: {
             type: import('vue').PropType<string[]>;
             default: () => never[];
@@ -2755,3 +2762,6 @@ export declare const FormItem: {
     install(app: import('vue').App): void;
 };
 export { Form as default };
+export { formInjectionKey, formItemInjectionKey } from './context';
+export type { FormContext, FormItemContext, FormItemInfo } from './context';
+export type { ValidateStatus, ValidateTrigger, FieldRule, FieldData, ValidatedError, FormItemEventHandler, FormInstance, } from './interface';

package/dist/components/form/interface.d.ts

@@ -2,6 +2,18 @@ export declare const VALIDATE_STATUSES: readonly ["success", "warning", "error",
 export type ValidateStatus = (typeof VALIDATE_STATUSES)[number];
 export declare const VALIDATE_TRIGGERS: readonly ["change", "input", "focus", "blur"];
 export type ValidateTrigger = (typeof VALIDATE_TRIGGERS)[number];
+/**
+ * @zh Form 组件实例通过 ref 暴露的方法
+ * @en Methods exposed by the Form instance through a template ref
+ */
+export interface FormInstance {
+    validate: (callback?: (errors: undefined | Record<string, ValidatedError>) => void) => Promise<undefined | Record<string, ValidatedError>>;
+    validateField: (field: string | string[], callback?: (errors: undefined | Record<string, ValidatedError>) => void) => Promise<undefined | Record<string, ValidatedError>>;
+    resetFields: (field?: string | string[]) => void;
+    clearValidate: (field?: string | string[]) => void;
+    setFields: (data: Record<string, FieldData>) => void;
+    scrollToField: (field: string, options?: ScrollIntoViewOptions) => void;
+}
 export interface FieldRule<FieldValue = any> {
     /**
      * @zh 校验的值的类型，默认为 `'string'`
@@ -107,9 +119,9 @@ export interface FieldRule<FieldValue = any> {
      * @zh 自定义校验规则
      * @en Custom verification rules
      * @param value
-     * @param callback
+     * @param callback 通过 callback(message) 添加错误；异步校验返回 Promise 并在完成后 resolve
      */
-    validator?: (value: FieldValue | undefined, callback: (error?: string) => void) => void;
+    validator?: (value: FieldValue | undefined, callback: (error?: string) => void) => void | Promise<void>;
 }
 export interface FieldData {
     /**

package/dist/components/form-checkbox/Checkbox.d.ts

@@ -128,6 +128,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {
     IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -148,10 +152,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         handleClick: (ev: MouseEvent) => void;
         handleMousedown: (ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
         mousedown: (ev: MouseEvent) => true;
+        keydown: (ev: KeyboardEvent) => true;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -166,7 +176,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
         onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
+        as: "span" | "button";
         size: "mini" | "small" | "medium" | "large" | "huge";
         disabled: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/form-checkbox/CheckboxGroup.d.ts

@@ -131,8 +131,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((value: CheckboxValueList) => any) | undefined;
 }>, {
     disabled: boolean;
+    defaultValue: CheckboxValueList;
     direction: "horizontal" | "vertical";
     modelValue: CheckboxValueList;
-    defaultValue: CheckboxValueList;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/form-checkbox/index.d.ts

@@ -41,6 +41,10 @@ export declare const Checkbox: {
     }, true, {}, {}, {
         IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -61,10 +65,16 @@ export declare const Checkbox: {
             };
             handleClick: (ev: MouseEvent) => void;
             handleMousedown: (ev: MouseEvent) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
             mousedown: (ev: MouseEvent) => true;
+            keydown: (ev: KeyboardEvent) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -79,7 +89,9 @@ export declare const Checkbox: {
         }>> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
             onMousedown?: ((ev: MouseEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
+            as: "span" | "button";
             size: "mini" | "small" | "medium" | "large" | "huge";
             disabled: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -172,6 +184,10 @@ export declare const Checkbox: {
 }, {}, string, {}, {
     IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -192,10 +208,16 @@ export declare const Checkbox: {
         };
         handleClick: (ev: MouseEvent) => void;
         handleMousedown: (ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
         mousedown: (ev: MouseEvent) => true;
+        keydown: (ev: KeyboardEvent) => true;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -210,7 +232,9 @@ export declare const Checkbox: {
     }>> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
         onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
+        as: "span" | "button";
         size: "mini" | "small" | "medium" | "large" | "huge";
         disabled: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -252,9 +276,9 @@ export declare const CheckboxGroup: {
         change: (value: import('./interface.ts').CheckboxValueList, ev: Event) => true;
     }, import('vue').PublicProps, {
         disabled: boolean;
+        defaultValue: import('./interface.ts').CheckboxValueList;
         direction: "horizontal" | "vertical";
         modelValue: import('./interface.ts').CheckboxValueList;
-        defaultValue: import('./interface.ts').CheckboxValueList;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -293,9 +317,9 @@ export declare const CheckboxGroup: {
         "onUpdate:modelValue"?: ((value: import('./interface.ts').CheckboxValueList) => any) | undefined;
     }>, () => VNode, {}, {}, {}, {
         disabled: boolean;
+        defaultValue: import('./interface.ts').CheckboxValueList;
         direction: "horizontal" | "vertical";
         modelValue: import('./interface.ts').CheckboxValueList;
-        defaultValue: import('./interface.ts').CheckboxValueList;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -334,9 +358,9 @@ export declare const CheckboxGroup: {
     change: (value: import('./interface.ts').CheckboxValueList, ev: Event) => true;
 }, string, {
     disabled: boolean;
+    defaultValue: import('./interface.ts').CheckboxValueList;
     direction: "horizontal" | "vertical";
     modelValue: import('./interface.ts').CheckboxValueList;
-    defaultValue: import('./interface.ts').CheckboxValueList;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;
 };