vant 3.2.4 → 3.2.5

package/lib/field/Field.d.ts

@@ -3,16 +3,32 @@ import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldForm
 export declare const fieldSharedProps: {
     id: StringConstructor;
     name: StringConstructor;
-    formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -25,22 +41,6 @@ export declare const fieldSharedProps: {
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 };
 declare const props: {
     icon: StringConstructor;
@@ -68,16 +68,32 @@ declare const props: {
 } & {
     id: StringConstructor;
     name: StringConstructor;
-    formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -90,24 +106,12 @@ declare const props: {
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
@@ -115,10 +119,6 @@ declare const props: {
     labelAlign: PropType<FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
-    type: {
-        type: PropType<FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -151,16 +151,32 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     id: StringConstructor;
     name: StringConstructor;
-    formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -173,24 +189,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
@@ -198,10 +202,6 @@ declare const _default: import("vue").DefineComponent<{
     labelAlign: PropType<FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
-    type: {
-        type: PropType<FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -225,31 +225,31 @@ declare const _default: import("vue").DefineComponent<{
     clickable?: unknown;
     id?: unknown;
     name?: unknown;
-    formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
     autofocus?: unknown;
     clearable?: unknown;
     maxlength?: unknown;
+    formatter?: unknown;
+    clearIcon?: unknown;
+    modelValue?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
     autocomplete?: unknown;
     errorMessage?: unknown;
+    clearTrigger?: unknown;
+    formatTrigger?: unknown;
     error?: unknown;
     disabled?: unknown;
     readonly?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
     rows?: unknown;
+    type?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
-    type?: unknown;
     colon?: unknown;
 } & {
     type: FieldType;
@@ -261,12 +261,12 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -284,10 +284,10 @@ declare const _default: import("vue").DefineComponent<{
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("../cell").CellArrowDirection | undefined;
     id?: string | undefined;
-    formatter?: ((value: string) => string) | undefined;
     leftIcon?: string | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -316,12 +316,12 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 }>;

package/lib/field/Field.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.fieldSharedProps = void 0;
+exports.fieldSharedProps = exports.default = void 0;
 
 var _vue = require("vue");
 
@@ -27,16 +27,20 @@ var [name, bem] = (0, _utils.createNamespace)('field'); // provide to Search com
 var fieldSharedProps = {
   id: String,
   name: String,
-  formatter: Function,
   leftIcon: String,
   rightIcon: String,
   autofocus: Boolean,
   clearable: Boolean,
-  maxlength: [Number, String],
+  maxlength: _utils.numericProp,
+  formatter: Function,
+  clearIcon: (0, _utils.makeStringProp)('clear'),
+  modelValue: (0, _utils.makeNumericProp)(''),
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
+  clearTrigger: (0, _utils.makeStringProp)('focus'),
+  formatTrigger: (0, _utils.makeStringProp)('onChange'),
   error: {
     type: Boolean,
     default: null
@@ -48,38 +52,19 @@ var fieldSharedProps = {
   readonly: {
     type: Boolean,
     default: null
-  },
-  clearIcon: {
-    type: String,
-    default: 'clear'
-  },
-  modelValue: {
-    type: [Number, String],
-    default: ''
-  },
-  clearTrigger: {
-    type: String,
-    default: 'focus'
-  },
-  formatTrigger: {
-    type: String,
-    default: 'onChange'
   }
 };
 exports.fieldSharedProps = fieldSharedProps;
 var props = (0, _utils.extend)({}, _Cell.cellProps, fieldSharedProps, {
-  rows: [Number, String],
+  rows: _utils.numericProp,
+  type: (0, _utils.makeStringProp)('text'),
   rules: Array,
   autosize: [Boolean, Object],
-  labelWidth: [Number, String],
+  labelWidth: _utils.numericProp,
   labelClass: _utils.unknownProp,
   labelAlign: String,
   showWordLimit: Boolean,
   errorMessageAlign: String,
-  type: {
-    type: String,
-    default: 'text'
-  },
   colon: {
     type: Boolean,
     default: null
@@ -443,10 +428,13 @@ var _default = (0, _vue.defineComponent)({
       var message = props.errorMessage || state.validateMessage;
 
       if (message) {
+        var slot = slots['error-message'];
         var errorMessageAlign = getProp('errorMessageAlign');
         return (0, _vue.createVNode)("div", {
           "class": bem('error-message', errorMessageAlign)
-        }, [message]);
+        }, [slot ? slot({
+          message
+        }) : message]);
       }
     };
 

package/lib/field/index.d.ts

@@ -25,16 +25,32 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 } & {
     id: StringConstructor;
     name: StringConstructor;
-    formatter: import("vue").PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("./types").FieldClearTrigger>;
+        default: import("./types").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
+        default: import("./types").FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -47,24 +63,12 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: import("vue").PropType<import("./types").FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<import("./types").FieldType>;
+        default: import("./types").FieldType;
+    };
     rules: import("vue").PropType<import("./types").FieldRule[]>;
     autosize: import("vue").PropType<boolean | import("./types").FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
@@ -72,10 +76,6 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
-    type: {
-        type: import("vue").PropType<import("./types").FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -99,31 +99,31 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     clickable?: unknown;
     id?: unknown;
     name?: unknown;
-    formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
     autofocus?: unknown;
     clearable?: unknown;
     maxlength?: unknown;
+    formatter?: unknown;
+    clearIcon?: unknown;
+    modelValue?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
     autocomplete?: unknown;
     errorMessage?: unknown;
+    clearTrigger?: unknown;
+    formatTrigger?: unknown;
     error?: unknown;
     disabled?: unknown;
     readonly?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
     rows?: unknown;
+    type?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
-    type?: unknown;
     colon?: unknown;
 } & {
     type: import("./types").FieldType;
@@ -135,12 +135,12 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -158,10 +158,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("..").CellArrowDirection | undefined;
     id?: string | undefined;
-    formatter?: ((value: string) => string) | undefined;
     leftIcon?: string | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: import("./types").FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -190,12 +190,12 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 }>>;

package/lib/field/utils.js

@@ -1,13 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.runSyncRule = runSyncRule;
-exports.runRuleValidator = runRuleValidator;
-exports.getRuleMessage = getRuleMessage;
-exports.startComposing = startComposing;
 exports.endComposing = endComposing;
-exports.resizeTextarea = resizeTextarea;
+exports.getRuleMessage = getRuleMessage;
 exports.mapInputType = mapInputType;
+exports.resizeTextarea = resizeTextarea;
+exports.runRuleValidator = runRuleValidator;
+exports.runSyncRule = runSyncRule;
+exports.startComposing = startComposing;
 
 var _utils = require("../utils");
 

package/lib/form/Form.d.ts

@@ -14,15 +14,15 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
+    validateTrigger: {
+        type: PropType<FieldValidateTrigger>;
+        default: FieldValidateTrigger;
+    };
     showErrorMessage: {
         type: BooleanConstructor;
         default: true;
     };
     errorMessageAlign: PropType<FieldTextAlign>;
-    validateTrigger: {
-        type: PropType<FieldValidateTrigger>;
-        default: string;
-    };
 };
 export declare type FormProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
@@ -39,15 +39,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    validateTrigger: {
+        type: PropType<FieldValidateTrigger>;
+        default: FieldValidateTrigger;
+    };
     showErrorMessage: {
         type: BooleanConstructor;
         default: true;
     };
     errorMessageAlign: PropType<FieldTextAlign>;
-    validateTrigger: {
-        type: PropType<FieldValidateTrigger>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     colon?: unknown;
     disabled?: unknown;
@@ -59,9 +59,9 @@ declare const _default: import("vue").DefineComponent<{
     scrollToError?: unknown;
     validateFirst?: unknown;
     submitOnEnter?: unknown;
+    validateTrigger?: unknown;
     showErrorMessage?: unknown;
     errorMessageAlign?: unknown;
-    validateTrigger?: unknown;
 } & {
     disabled: boolean;
     readonly: boolean;
@@ -70,8 +70,8 @@ declare const _default: import("vue").DefineComponent<{
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: FieldValidateTrigger;
+    showErrorMessage: boolean;
 } & {
     inputAlign?: FieldTextAlign | undefined;
     labelWidth?: string | number | undefined;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: FieldValidateTrigger;
+    showErrorMessage: boolean;
 }>;
 export default _default;

package/lib/form/Form.js

@@ -19,18 +19,15 @@ var props = {
   disabled: Boolean,
   readonly: Boolean,
   showError: Boolean,
-  labelWidth: [Number, String],
+  labelWidth: _utils.numericProp,
   labelAlign: String,
   inputAlign: String,
   scrollToError: Boolean,
   validateFirst: Boolean,
   submitOnEnter: _utils.truthProp,
+  validateTrigger: (0, _utils.makeStringProp)('onBlur'),
   showErrorMessage: _utils.truthProp,
-  errorMessageAlign: String,
-  validateTrigger: {
-    type: String,
-    default: 'onBlur'
-  }
+  errorMessageAlign: String
 };
 
 var _default = (0, _vue.defineComponent)({

package/lib/form/index.d.ts

@@ -13,15 +13,15 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
+    validateTrigger: {
+        type: import("vue").PropType<import("..").FieldValidateTrigger>;
+        default: import("..").FieldValidateTrigger;
+    };
     showErrorMessage: {
         type: BooleanConstructor;
         default: true;
     };
     errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
-    validateTrigger: {
-        type: import("vue").PropType<import("..").FieldValidateTrigger>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     colon?: unknown;
     disabled?: unknown;
@@ -33,9 +33,9 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
     scrollToError?: unknown;
     validateFirst?: unknown;
     submitOnEnter?: unknown;
+    validateTrigger?: unknown;
     showErrorMessage?: unknown;
     errorMessageAlign?: unknown;
-    validateTrigger?: unknown;
 } & {
     disabled: boolean;
     readonly: boolean;
@@ -44,8 +44,8 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: import("..").FieldValidateTrigger;
+    showErrorMessage: boolean;
 } & {
     inputAlign?: import("..").FieldTextAlign | undefined;
     labelWidth?: string | number | undefined;
@@ -62,8 +62,8 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
     scrollToError: boolean;
     validateFirst: boolean;
     submitOnEnter: boolean;
-    showErrorMessage: boolean;
     validateTrigger: import("..").FieldValidateTrigger;
+    showErrorMessage: boolean;
 }>>;
 export default Form;
 export type { FormProps };

package/lib/grid/Grid.js

@@ -16,15 +16,12 @@ var props = {
   square: Boolean,
   center: _utils.truthProp,
   border: _utils.truthProp,
-  gutter: [Number, String],
+  gutter: _utils.numericProp,
   reverse: Boolean,
-  iconSize: [Number, String],
+  iconSize: _utils.numericProp,
   direction: String,
   clickable: Boolean,
-  columnNum: {
-    type: [Number, String],
-    default: 4
-  }
+  columnNum: (0, _utils.makeNumericProp)(4)
 };
 var GRID_KEY = Symbol(name);
 exports.GRID_KEY = GRID_KEY;