vant 3.2.3 → 3.2.7

package/lib/field/index.d.ts

@@ -1,6 +1,7 @@
+import { FieldProps } from './Field';
 export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
-    size: import("vue").PropType<"large">;
+    size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -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,32 +98,32 @@ 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;
@@ -134,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;
 } & {
@@ -150,17 +151,17 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autocomplete?: string | undefined;
     value?: string | number | undefined;
     icon?: string | undefined;
-    size?: "large" | undefined;
+    size?: import("..").CellSize | 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;
@@ -189,14 +190,15 @@ 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;
 }>>;
 export default Field;
+export type { FieldProps };
 export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';

package/lib/field/utils.d.ts

@@ -3,8 +3,8 @@ import type { FieldRule, FieldType, FieldAutosizeConfig } from './types';
 export declare function runSyncRule(value: unknown, rule: FieldRule): boolean;
 export declare function runRuleValidator(value: unknown, rule: FieldRule): Promise<unknown>;
 export declare function getRuleMessage(value: unknown, rule: FieldRule): string;
-export declare function startComposing(event: Event): void;
-export declare function endComposing(event: Event): void;
+export declare function startComposing({ target }: Event): void;
+export declare function endComposing({ target }: Event): void;
 export declare function resizeTextarea(input: HTMLInputElement, autosize: true | FieldAutosizeConfig): void;
 export declare function mapInputType(type: FieldType): {
     type: InputHTMLAttributes['type'];

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");
 
@@ -59,18 +59,21 @@ function getRuleMessage(value, rule) {
   return message || '';
 }
 
-function startComposing(event) {
-  event.target.composing = true;
+function startComposing(_ref) {
+  var {
+    target
+  } = _ref;
+  target.composing = true;
 }
 
-function endComposing(event) {
+function endComposing(_ref2) {
   var {
     target
-  } = event;
+  } = _ref2;
 
   if (target.composing) {
     target.composing = false;
-    (0, _utils.trigger)(target, 'input');
+    target.dispatchEvent(new Event('input'));
   }
 }
 

package/lib/field/var.less

@@ -5,8 +5,8 @@
 @field-label-margin-right: var(--van-padding-sm);
 @field-input-text-color: var(--van-text-color);
 @field-input-error-text-color: var(--van-danger-color);
-@field-input-disabled-text-color: var(--van-gray-5);
-@field-placeholder-text-color: var(--van-gray-5);
+@field-input-disabled-text-color: var(--van-text-color-3);
+@field-placeholder-text-color: var(--van-text-color-3);
 @field-icon-size: 16px;
 @field-clear-icon-size: 16px;
 @field-clear-icon-color: var(--van-gray-5);
@@ -17,5 +17,5 @@
 @field-word-limit-color: var(--van-gray-7);
 @field-word-limit-font-size: var(--van-font-size-sm);
 @field-word-limit-line-height: 16px;
-@field-disabled-text-color: var(--van-gray-5);
+@field-disabled-text-color: var(--van-text-color-3);
 @field-required-mark-color: var(--van-red);

package/lib/form/Form.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { FieldTextAlign, FieldValidateTrigger } from '../field/types';
-declare const props: {
+declare const formProps: {
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -14,17 +14,17 @@ 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>;
+export declare type FormProps = ExtractPropTypes<typeof formProps>;
 declare const _default: import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -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

@@ -14,34 +14,32 @@ var _useExpose = require("../composables/use-expose");
 // Utils
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('form');
-var props = {
+var formProps = {
   colon: Boolean,
   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)({
   name,
-  props,
+  props: formProps,
   emits: ['submit', 'failed'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       children,
       linkChildren

package/lib/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/lib/grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
 export declare type GridDirection = 'horizontal' | 'vertical';
-declare const props: {
+declare const gridProps: {
     square: BooleanConstructor;
     center: {
         type: BooleanConstructor;
@@ -20,8 +20,9 @@ declare const props: {
         default: number;
     };
 };
+export declare type GridProps = ExtractPropTypes<typeof gridProps>;
 export declare type GridProvide = {
-    props: ExtractPropTypes<typeof props>;
+    props: GridProps;
 };
 export declare const GRID_KEY: InjectionKey<GridProvide>;
 declare const _default: import("vue").DefineComponent<{

package/lib/grid/Grid.js

@@ -12,30 +12,28 @@ var _constant = require("../utils/constant");
 var _use = require("@vant/use");
 
 var [name, bem] = (0, _utils.createNamespace)('grid');
-var props = {
+var gridProps = {
   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;
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: gridProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       linkChildren
     } = (0, _use.useChildren)(GRID_KEY);

package/lib/grid/index.d.ts

@@ -47,4 +47,4 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
     columnNum: string | number;
 }>>;
 export default Grid;
-export type { GridDirection } from './Grid';
+export type { GridProps, GridDirection } from './Grid';

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

@@ -1,4 +1,5 @@
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const gridItemProps: {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -7,8 +8,21 @@ declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     icon: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
     iconPrefix: StringConstructor;
+};
+export declare type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
+declare const _default: import("vue").DefineComponent<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | 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 +31,8 @@ declare const _default: import("vue").DefineComponent<{
     text?: unknown;
     icon?: unknown;
     badge?: unknown;
-    iconPrefix?: unknown;
     iconColor?: unknown;
+    iconPrefix?: unknown;
 } & {
     replace: boolean;
     dot: boolean;

package/lib/grid-item/GridItem.js

@@ -21,21 +21,23 @@ var _badge = require("../badge");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('grid-item');
+var gridItemProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  badge: _utils.numericProp,
+  iconColor: String,
+  iconPrefix: String
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _useRoute.routeProps, {
-    dot: Boolean,
-    text: String,
-    icon: String,
-    badge: [Number, String],
-    iconPrefix: String,
-    iconColor: String
-  }),
-
-  setup(props, {
-    slots
-  }) {
+  props: gridItemProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       parent,
       index
@@ -96,7 +98,7 @@ var _default = (0, _vue.defineComponent)({
           "dot": props.dot,
           "content": props.badge
         }, {
-          default: () => [slots.icon()]
+          default: slots.icon
         });
       }
 

package/lib/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-background-color-light);--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/lib/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;
@@ -35,3 +35,4 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     dot: boolean;
 }>>;
 export default GridItem;
+export type { GridItemProps } from './GridItem';

package/lib/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/lib/grid-item/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
-@grid-item-content-background-color: var(--van-white);
+@grid-item-content-background-color: var(--van-background-color-light);
 @grid-item-content-active-color: var(--van-active-color);
 @grid-item-icon-size: 28px;
 @grid-item-text-color: var(--van-gray-7);