vant 3.2.2 → 3.2.6

package/es/field/index.d.ts

@@ -1,3 +1,4 @@
+import { FieldProps } from './Field';
 export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
@@ -23,15 +24,33 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     };
 } & {
     id: StringConstructor;
-    formatter: import("vue").PropType<(value: string) => string>;
+    name: StringConstructor;
     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;
@@ -44,37 +63,19 @@ 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)[];
-    name: 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)[];
     labelClass: import("vue").PropType<unknown>;
     labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
-    autocomplete: StringConstructor;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
-    type: {
-        type: import("vue").PropType<import("./types").FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -97,49 +98,49 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     arrowDirection?: unknown;
     clickable?: unknown;
     id?: unknown;
-    formatter?: unknown;
+    name?: 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;
-    name?: unknown;
+    type?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
-    autocomplete?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
-    type?: unknown;
     colon?: unknown;
 } & {
     type: import("./types").FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -147,19 +148,20 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    autocomplete?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     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;
@@ -168,7 +170,6 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autosize?: boolean | import("./types").FieldAutosizeConfig | undefined;
     labelWidth?: string | number | undefined;
     labelAlign?: import("./types").FieldTextAlign | undefined;
-    autocomplete?: string | undefined;
     errorMessageAlign?: import("./types").FieldTextAlign | undefined;
 }> & {
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -182,21 +183,22 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 }, {
     type: import("./types").FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 }>>;
 export default Field;
+export type { FieldProps };
 export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';

package/es/field/index.less

@@ -14,7 +14,7 @@
   --van-field-clear-icon-color: @field-clear-icon-color;
   --van-field-right-icon-color: @field-right-icon-color;
   --van-field-error-message-color: @field-error-message-color;
-  --van-field-error-message-text-color: @field-error-message-text-color;
+  --van-field-error-message-font-size: @field-error-message-font-size;
   --van-field-text-area-min-height: @field-text-area-min-height;
   --van-field-word-limit-color: @field-word-limit-color;
   --van-field-word-limit-font-size: @field-word-limit-font-size;
@@ -78,6 +78,8 @@
     background-color: transparent;
     border: 0;
     resize: none;
+    // https://github.com/youzan/vant/pull/9418
+    user-select: auto;
 
     &::placeholder {
       color: var(--van-field-placeholder-text-color);
@@ -175,7 +177,7 @@
 
   &__error-message {
     color: var(--van-field-error-message-color);
-    font-size: var(--van-field-error-message-text-color);
+    font-size: var(--van-field-error-message-font-size);
     text-align: left;
 
     &--center {

package/es/field/var.less

@@ -12,7 +12,7 @@
 @field-clear-icon-color: var(--van-gray-5);
 @field-right-icon-color: var(--van-gray-6);
 @field-error-message-color: var(--van-danger-color);
-@field-error-message-text-color: 12px;
+@field-error-message-font-size: 12px;
 @field-text-area-min-height: 60px;
 @field-word-limit-color: var(--van-gray-7);
 @field-word-limit-font-size: var(--van-font-size-sm);

package/es/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/es/form/Form.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { truthProp, FORM_KEY, createNamespace } from '../utils'; // Composables
+import { FORM_KEY, truthProp, numericProp, makeStringProp, createNamespace } from '../utils'; // Composables
 
 import { useChildren } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Types
@@ -12,18 +12,15 @@ var props = {
   disabled: Boolean,
   readonly: Boolean,
   showError: Boolean,
-  labelWidth: [Number, String],
+  labelWidth: numericProp,
   labelAlign: String,
   inputAlign: String,
   scrollToError: Boolean,
   validateFirst: Boolean,
   submitOnEnter: truthProp,
+  validateTrigger: makeStringProp('onBlur'),
   showErrorMessage: truthProp,
-  errorMessageAlign: String,
-  validateTrigger: {
-    type: String,
-    default: 'onBlur'
-  }
+  errorMessageAlign: String
 };
 export default defineComponent({
   name,

package/es/form/index.d.ts

@@ -1,3 +1,4 @@
+import { FormProps } from './Form';
 export declare const Form: import("../utils").WithInstall<import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -12,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;
@@ -32,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;
@@ -43,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;
@@ -61,8 +62,9 @@ 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 };
 export type { FormInstance } from './types';

package/es/grid/Grid.d.ts

@@ -54,21 +54,21 @@ declare const _default: import("vue").DefineComponent<{
     clickable?: unknown;
     columnNum?: unknown;
 } & {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 } & {
     iconSize?: string | number | undefined;
     direction?: GridDirection | undefined;
     gutter?: string | number | undefined;
-}> & {}, {
+}>, {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 }>;

package/es/grid/Grid.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { createNamespace, addUnit, truthProp } from '../utils';
+import { createNamespace, addUnit, truthProp, numericProp, makeNumericProp } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('grid');
@@ -8,15 +8,12 @@ var props = {
   square: Boolean,
   center: truthProp,
   border: truthProp,
-  gutter: [Number, String],
+  gutter: numericProp,
   reverse: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   direction: String,
   clickable: Boolean,
-  columnNum: {
-    type: [Number, String],
-    default: 4
-  }
+  columnNum: makeNumericProp(4)
 };
 export var GRID_KEY = Symbol(name);
 export default defineComponent({

package/es/grid/index.d.ts

@@ -28,21 +28,21 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
     clickable?: unknown;
     columnNum?: unknown;
 } & {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 } & {
     iconSize?: string | number | undefined;
     direction?: import("./Grid").GridDirection | undefined;
     gutter?: string | number | undefined;
-}> & {}, {
+}>, {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 }>>;

package/es/grid-item/GridItem.d.ts

@@ -7,8 +7,8 @@ declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     icon: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
-    iconPrefix: StringConstructor;
     iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
     text?: unknown;
     icon?: unknown;
     badge?: unknown;
-    iconPrefix?: unknown;
     iconColor?: unknown;
+    iconPrefix?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconColor?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>;

package/es/grid-item/GridItem.js

@@ -1,7 +1,7 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 import { computed, defineComponent } from 'vue'; // Utils
 
-import { createNamespace, BORDER, addUnit, extend } from '../utils';
+import { BORDER, extend, addUnit, numericProp, createNamespace } from '../utils';
 import { GRID_KEY } from '../grid/Grid'; // Composables
 
 import { useParent } from '@vant/use';
@@ -16,9 +16,9 @@ export default defineComponent({
     dot: Boolean,
     text: String,
     icon: String,
-    badge: [Number, String],
-    iconPrefix: String,
-    iconColor: String
+    badge: numericProp,
+    iconColor: String,
+    iconPrefix: String
   }),
 
   setup(props, {
@@ -84,7 +84,7 @@ export default defineComponent({
           "dot": props.dot,
           "content": props.badge
         }, {
-          default: () => [slots.icon()]
+          default: slots.icon
         });
       }
 

package/es/grid-item/index.css

@@ -1 +1 @@
-:root{--van-grid-item-content-padding:var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background-color:var(--van-white);--van-grid-item-content-active-color:var(--van-active-color);--van-grid-item-icon-size:28px;--van-grid-item-text-color:var(--van-gray-7);--van-grid-item-text-font-size:var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background-color:var(--van-grid-item-content-background-color)}.van-grid-item__content::after{z-index:1;border-width:0 var(--van-border-width-base) var(--van-border-width-base) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround::after{border-width:var(--van-border-width-base)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}
+:root{--van-grid-item-content-padding:var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background-color:var(--van-white);--van-grid-item-content-active-color:var(--van-active-color);--van-grid-item-icon-size:28px;--van-grid-item-text-color:var(--van-gray-7);--van-grid-item-text-font-size:var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background:var(--van-grid-item-content-background-color)}.van-grid-item__content::after{z-index:1;border-width:0 var(--van-border-width-base) var(--van-border-width-base) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround::after{border-width:var(--van-border-width-base)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}

package/es/grid-item/index.d.ts

@@ -7,8 +7,8 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     text: StringConstructor;
     icon: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
-    iconPrefix: StringConstructor;
     iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
@@ -17,8 +17,8 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     text?: unknown;
     icon?: unknown;
     badge?: unknown;
-    iconPrefix?: unknown;
     iconColor?: unknown;
+    iconPrefix?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
@@ -30,7 +30,7 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconColor?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>>;

package/es/grid-item/index.less

@@ -39,7 +39,7 @@
     box-sizing: border-box;
     height: 100%;
     padding: var(--van-grid-item-content-padding);
-    background-color: var(--van-grid-item-content-background-color);
+    background: var(--van-grid-item-content-background-color);
 
     &::after {
       z-index: 1;

package/es/icon/Icon.d.ts

@@ -1,23 +1,22 @@
-import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     name: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
     color: StringConstructor;
     classPrefix: StringConstructor;
-    tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     dot?: unknown;
+    tag?: unknown;
     name?: unknown;
     size?: unknown;
     badge?: unknown;
     color?: unknown;
     classPrefix?: unknown;
-    tag?: unknown;
 } & {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
@@ -27,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     color?: string | undefined;
     size?: string | number | undefined;
     classPrefix?: string | undefined;
-}> & {}, {
+}>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
 }>;

package/es/icon/Icon.js

@@ -1,27 +1,22 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent, inject, computed } from 'vue';
-import { addUnit, createNamespace } from '../utils';
+import { addUnit, numericProp, makeStringProp, createNamespace } from '../utils';
 import { Badge } from '../badge';
 import { CONFIG_PROVIDER_KEY } from '../config-provider/ConfigProvider';
 var [name, bem] = createNamespace('icon');
 
-function isImage(name) {
-  return name == null ? void 0 : name.includes('/');
-}
+var isImage = name => name == null ? void 0 : name.includes('/');
 
 export default defineComponent({
   name,
   props: {
     dot: Boolean,
+    tag: makeStringProp('i'),
     name: String,
-    size: [Number, String],
-    badge: [Number, String],
+    size: numericProp,
+    badge: numericProp,
     color: String,
-    classPrefix: String,
-    tag: {
-      type: String,
-      default: 'i'
-    }
+    classPrefix: String
   },
 
   setup(props, {