vant 3.2.6 → 3.2.7

package/es/field/Field.js

@@ -3,7 +3,7 @@ import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineCom
 
 import { isDef, extend, addUnit, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from '../utils';
 import { runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, runRuleValidator } from './utils';
-import { cellProps } from '../cell/Cell'; // Composables
+import { cellSharedProps } from '../cell/Cell'; // Composables
 
 import { CUSTOM_FIELD_INJECTION_KEY, useParent } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Components
@@ -43,7 +43,7 @@ export var fieldSharedProps = {
     default: null
   }
 };
-var props = extend({}, cellProps, fieldSharedProps, {
+var fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
   rows: numericProp,
   type: makeStringProp('text'),
   rules: Array,
@@ -60,13 +60,14 @@ var props = extend({}, cellProps, fieldSharedProps, {
 });
 export default defineComponent({
   name,
-  props,
+  props: fieldProps,
   emits: ['blur', 'focus', 'clear', 'keypress', 'click-input', 'click-left-icon', 'click-right-icon', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var state = reactive({
       focused: false,
       validateFailed: false,
@@ -152,24 +153,30 @@ export default defineComponent({
       }
     };
 
-    var validate = (rules = props.rules) => new Promise(resolve => {
-      resetValidation();
-
-      if (rules) {
-        runRules(rules).then(() => {
-          if (state.validateFailed) {
-            resolve({
-              name: props.name,
-              message: state.validateMessage
-            });
-          } else {
-            resolve();
-          }
-        });
-      } else {
-        resolve();
-      }
-    });
+    var validate = function (rules) {
+      if (rules === void 0) {
+        rules = props.rules;
+      }
+
+      return new Promise(resolve => {
+        resetValidation();
+
+        if (rules) {
+          runRules(rules).then(() => {
+            if (state.validateFailed) {
+              resolve({
+                name: props.name,
+                message: state.validateMessage
+              });
+            } else {
+              resolve();
+            }
+          });
+        } else {
+          resolve();
+        }
+      });
+    };
 
     var validateWithTrigger = trigger => {
       if (form && props.rules) {
@@ -208,7 +215,11 @@ export default defineComponent({
       return value;
     };
 
-    var updateValue = (value, trigger = 'onChange') => {
+    var updateValue = function (value, trigger) {
+      if (trigger === void 0) {
+        trigger = 'onChange';
+      }
+
       value = limitValueLength(value);
 
       if (props.type === 'number' || props.type === 'digit') {
@@ -248,9 +259,18 @@ export default defineComponent({
       return (_inputRef$value2 = inputRef.value) == null ? void 0 : _inputRef$value2.focus();
     };
 
+    var adjustTextareaSize = () => {
+      var input = inputRef.value;
+
+      if (props.type === 'textarea' && props.autosize && input) {
+        resizeTextarea(input, props.autosize);
+      }
+    };
+
     var onFocus = event => {
       state.focused = true;
-      emit('focus', event); // readonly not work in legacy mobile safari
+      emit('focus', event);
+      nextTick(adjustTextareaSize); // readonly not work in legacy mobile safari
 
       var readonly = getProp('readonly');
 
@@ -264,6 +284,7 @@ export default defineComponent({
       updateValue(getModelValue(), 'onBlur');
       emit('blur', event);
       validateWithTrigger('onBlur');
+      nextTick(adjustTextareaSize);
       resetScroll();
     };
 
@@ -317,14 +338,6 @@ export default defineComponent({
       emit('keypress', event);
     };
 
-    var adjustTextareaSize = () => {
-      var input = inputRef.value;
-
-      if (props.type === 'textarea' && props.autosize && input) {
-        resizeTextarea(input, props.autosize);
-      }
-    };
-
     var renderInput = () => {
       var controlClass = bem('control', [getProp('inputAlign'), {
         error: showError.value,

package/es/field/index.css

@@ -1 +1 @@
-:root{--van-field-label-width:6.2em;--van-field-label-color:var(--van-gray-7);--van-field-label-margin-right:var(--van-padding-sm);--van-field-input-text-color:var(--van-text-color);--van-field-input-error-text-color:var(--van-danger-color);--van-field-input-disabled-text-color:var(--van-gray-5);--van-field-placeholder-text-color:var(--van-gray-5);--van-field-icon-size:16px;--van-field-clear-icon-size:16px;--van-field-clear-icon-color:var(--van-gray-5);--van-field-right-icon-color:var(--van-gray-6);--van-field-error-message-color:var(--van-danger-color);--van-field-error-message-font-size:12px;--van-field-text-area-min-height:60px;--van-field-word-limit-color:var(--van-gray-7);--van-field-word-limit-font-size:var(--van-font-size-sm);--van-field-word-limit-line-height:16px;--van-field-disabled-text-color:var(--van-gray-5);--van-field-required-mark-color:var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required::before{margin-right:2px;color:var(--van-field-required-mark-color);content:'*'}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
+:root{--van-field-label-width:6.2em;--van-field-label-color:var(--van-gray-7);--van-field-label-margin-right:var(--van-padding-sm);--van-field-input-text-color:var(--van-text-color);--van-field-input-error-text-color:var(--van-danger-color);--van-field-input-disabled-text-color:var(--van-text-color-3);--van-field-placeholder-text-color:var(--van-text-color-3);--van-field-icon-size:16px;--van-field-clear-icon-size:16px;--van-field-clear-icon-color:var(--van-gray-5);--van-field-right-icon-color:var(--van-gray-6);--van-field-error-message-color:var(--van-danger-color);--van-field-error-message-font-size:12px;--van-field-text-area-min-height:60px;--van-field-word-limit-color:var(--van-gray-7);--van-field-word-limit-font-size:var(--van-font-size-sm);--van-field-word-limit-line-height:16px;--van-field-disabled-text-color:var(--van-text-color-3);--van-field-required-mark-color:var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required::before{margin-right:2px;color:var(--van-field-required-mark-color);content:'*'}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}

package/es/field/index.d.ts

@@ -1,7 +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)[];
@@ -151,7 +151,7 @@ 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;

package/es/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/es/field/utils.js

@@ -1,4 +1,4 @@
-import { trigger, isObject, isPromise, isFunction, getRootScrollTop, setRootScrollTop } from '../utils';
+import { isObject, isPromise, isFunction, getRootScrollTop, setRootScrollTop } from '../utils';
 
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
@@ -45,17 +45,20 @@ export function getRuleMessage(value, rule) {
 
   return message || '';
 }
-export function startComposing(event) {
-  event.target.composing = true;
+export function startComposing(_ref) {
+  var {
+    target
+  } = _ref;
+  target.composing = true;
 }
-export function endComposing(event) {
+export function endComposing(_ref2) {
   var {
     target
-  } = event;
+  } = _ref2;
 
   if (target.composing) {
     target.composing = false;
-    trigger(target, 'input');
+    target.dispatchEvent(new Event('input'));
   }
 }
 export function resizeTextarea(input, autosize) {

package/es/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/es/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;
@@ -24,7 +24,7 @@ declare const props: {
     };
     errorMessageAlign: PropType<FieldTextAlign>;
 };
-export declare type FormProps = ExtractPropTypes<typeof props>;
+export declare type FormProps = ExtractPropTypes<typeof formProps>;
 declare const _default: import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;

package/es/form/Form.js

@@ -7,7 +7,7 @@ import { useChildren } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Types
 
 var [name, bem] = createNamespace('form');
-var props = {
+var formProps = {
   colon: Boolean,
   disabled: Boolean,
   readonly: Boolean,
@@ -24,13 +24,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: formProps,
   emits: ['submit', 'failed'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       children,
       linkChildren

package/es/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/es/grid/Grid.js

@@ -4,7 +4,7 @@ import { createNamespace, addUnit, truthProp, numericProp, makeNumericProp } fro
 import { BORDER_TOP } from '../utils/constant';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('grid');
-var props = {
+var gridProps = {
   square: Boolean,
   center: truthProp,
   border: truthProp,
@@ -18,11 +18,12 @@ var props = {
 export var GRID_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: gridProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       linkChildren
     } = useChildren(GRID_KEY);

package/es/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/es/grid-item/GridItem.d.ts

@@ -1,3 +1,17 @@
+import { ExtractPropTypes } from 'vue';
+declare const gridItemProps: {
+    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;
+};
+export declare type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
 declare const _default: import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/es/grid-item/GridItem.js

@@ -10,20 +10,22 @@ import { useRoute, routeProps } from '../composables/use-route'; // Components
 import { Icon } from '../icon';
 import { Badge } from '../badge';
 var [name, bem] = createNamespace('grid-item');
+var gridItemProps = extend({}, routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  badge: numericProp,
+  iconColor: String,
+  iconPrefix: String
+});
 export default defineComponent({
   name,
-  props: extend({}, routeProps, {
-    dot: Boolean,
-    text: String,
-    icon: String,
-    badge: numericProp,
-    iconColor: String,
-    iconPrefix: String
-  }),
-
-  setup(props, {
-    slots
-  }) {
+  props: gridItemProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       parent,
       index

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: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/es/grid-item/index.d.ts

@@ -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/es/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);

package/es/icon/Icon.d.ts

@@ -1,3 +1,17 @@
+import { ExtractPropTypes } from 'vue';
+declare const iconProps: {
+    dot: BooleanConstructor;
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    name: StringConstructor;
+    size: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
+    classPrefix: StringConstructor;
+};
+export declare type IconProps = ExtractPropTypes<typeof iconProps>;
 declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
     tag: {

package/es/icon/Icon.js

@@ -7,21 +7,23 @@ var [name, bem] = createNamespace('icon');
 
 var isImage = name => name == null ? void 0 : name.includes('/');
 
+var iconProps = {
+  dot: Boolean,
+  tag: makeStringProp('i'),
+  name: String,
+  size: numericProp,
+  badge: numericProp,
+  color: String,
+  classPrefix: String
+};
 export default defineComponent({
   name,
-  props: {
-    dot: Boolean,
-    tag: makeStringProp('i'),
-    name: String,
-    size: numericProp,
-    badge: numericProp,
-    color: String,
-    classPrefix: String
-  },
+  props: iconProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var config = inject(CONFIG_PROVIDER_KEY, null);
     var classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem());
     return () => {

package/es/icon/index.d.ts

@@ -31,3 +31,4 @@ export declare const Icon: import("../utils").WithInstall<import("vue").DefineCo
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default Icon;
+export type { IconProps } from './Icon';

package/es/image/Image.d.ts

@@ -1,5 +1,34 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+declare const imageProps: {
+    src: StringConstructor;
+    alt: StringConstructor;
+    fit: PropType<ImageFit>;
+    round: BooleanConstructor;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    radius: (NumberConstructor | StringConstructor)[];
+    lazyLoad: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    showError: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    errorIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    showLoading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    loadingIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export declare type ImageProps = ExtractPropTypes<typeof imageProps>;
 declare const _default: import("vue").DefineComponent<{
     src: StringConstructor;
     alt: StringConstructor;
@@ -56,8 +85,8 @@ declare const _default: import("vue").DefineComponent<{
     alt?: string | undefined;
     src?: string | undefined;
     iconSize?: string | number | undefined;
-    radius?: string | number | undefined;
     fit?: ImageFit | undefined;
+    radius?: string | number | undefined;
 }> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;

package/es/image/Image.js

@@ -5,30 +5,32 @@ import { isDef, addUnit, inBrowser, truthProp, numericProp, makeStringProp, crea
 
 import { Icon } from '../icon';
 var [name, bem] = createNamespace('image');
+var imageProps = {
+  src: String,
+  alt: String,
+  fit: String,
+  round: Boolean,
+  width: numericProp,
+  height: numericProp,
+  radius: numericProp,
+  lazyLoad: Boolean,
+  iconSize: numericProp,
+  showError: truthProp,
+  errorIcon: makeStringProp('photo-fail'),
+  iconPrefix: String,
+  showLoading: truthProp,
+  loadingIcon: makeStringProp('photo')
+};
 export default defineComponent({
   name,
-  props: {
-    src: String,
-    alt: String,
-    fit: String,
-    round: Boolean,
-    width: numericProp,
-    height: numericProp,
-    radius: numericProp,
-    lazyLoad: Boolean,
-    iconSize: numericProp,
-    showError: truthProp,
-    errorIcon: makeStringProp('photo-fail'),
-    iconPrefix: String,
-    showLoading: truthProp,
-    loadingIcon: makeStringProp('photo')
-  },
+  props: imageProps,
   emits: ['load', 'error'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var error = ref(false);
     var loading = ref(true);
     var imageRef = ref();
@@ -122,17 +124,21 @@ export default defineComponent({
       }, attrs), null);
     };
 
-    var onLazyLoaded = ({
-      el
-    }) => {
+    var onLazyLoaded = _ref2 => {
+      var {
+        el
+      } = _ref2;
+
       if (el === imageRef.value && loading.value) {
         onLoad();
       }
     };
 
-    var onLazyLoadError = ({
-      el
-    }) => {
+    var onLazyLoadError = _ref3 => {
+      var {
+        el
+      } = _ref3;
+
       if (el === imageRef.value && !error.value) {
         onError();
       }

package/es/image/index.css

@@ -1 +1 @@
-:root{--van-image-placeholder-text-color:var(--van-gray-6);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background-color:var(--van-background-color);--van-image-loading-icon-size:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--van-image-error-icon-color:var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-border-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background-color)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}
+:root{--van-image-placeholder-text-color:var(--van-text-color-2);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background-color:var(--van-background-color);--van-image-loading-icon-size:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--van-image-error-icon-color:var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-border-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background-color)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}

package/es/image/index.d.ts

@@ -54,8 +54,8 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     alt?: string | undefined;
     src?: string | undefined;
     iconSize?: string | number | undefined;
-    radius?: string | number | undefined;
     fit?: import("./Image").ImageFit | undefined;
+    radius?: string | number | undefined;
 }> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -68,4 +68,4 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     loadingIcon: string;
 }>>;
 export default Image;
-export type { ImageFit } from './Image';
+export type { ImageFit, ImageProps } from './Image';

package/es/image/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@image-placeholder-text-color: var(--van-gray-6);
+@image-placeholder-text-color: var(--van-text-color-2);
 @image-placeholder-font-size: var(--van-font-size-md);
 @image-placeholder-background-color: var(--van-background-color);
 @image-loading-icon-size: 32px;