vant 3.2.6 → 3.2.7

package/lib/divider/index.d.ts

@@ -22,4 +22,4 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
     contentPosition: import("./Divider").DividerContentPosition;
 }>>;
 export default Divider;
-export type { DividerContentPosition } from './Divider';
+export type { DividerProps, DividerContentPosition } from './Divider';

package/lib/divider/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @divider-margin: var(--van-padding-md) 0;
-@divider-text-color: var(--van-gray-6);
+@divider-text-color: var(--van-text-color-2);
 @divider-font-size: var(--van-font-size-md);
 @divider-line-height: 24px;
 @divider-border-color: var(--van-border-color);

package/lib/dropdown-item/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { DropdownItemOption } from './types';
-declare const props: {
+declare const dropdownItemProps: {
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -15,7 +15,7 @@ declare const props: {
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
 };
-export declare type DropdownItemProps = ExtractPropTypes<typeof props>;
+export declare type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     options: {

package/lib/dropdown-item/DropdownItem.js

@@ -23,7 +23,7 @@ var _popup = require("../popup");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('dropdown-item');
-var props = {
+var dropdownItemProps = {
   title: String,
   options: (0, _utils.makeArrayProp)(),
   disabled: Boolean,
@@ -35,13 +35,14 @@ var props = {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: dropdownItemProps,
   emits: ['open', 'opened', 'close', 'closed', 'change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var state = (0, _vue.reactive)({
       showPopup: false,
       transition: true,
@@ -77,7 +78,15 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
-    var toggle = (show = !state.showPopup, options = {}) => {
+    var toggle = function (show, options) {
+      if (show === void 0) {
+        show = !state.showPopup;
+      }
+
+      if (options === void 0) {
+        options = {};
+      }
+
       if (show === state.showPopup) {
         return;
       }

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import { InjectionKey, ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
-declare const props: {
+declare const dropdownMenuProps: {
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -24,7 +24,7 @@ declare const props: {
         default: true;
     };
 };
-export declare type DropdownMenuProps = ExtractPropTypes<typeof props>;
+export declare type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
 export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
 declare const _default: import("vue").DefineComponent<{
     overlay: {

package/lib/dropdown-menu/DropdownMenu.js

@@ -12,7 +12,7 @@ var _use = require("@vant/use");
 // Utils
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('dropdown-menu');
-var props = {
+var dropdownMenuProps = {
   overlay: _utils.truthProp,
   zIndex: _utils.numericProp,
   duration: (0, _utils.makeNumericProp)(0.2),
@@ -26,11 +26,12 @@ exports.DROPDOWN_KEY = DROPDOWN_KEY;
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: dropdownMenuProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var root = (0, _vue.ref)();
     var barRef = (0, _vue.ref)();
     var offset = (0, _vue.ref)(0);
@@ -98,9 +99,11 @@ var _default = (0, _vue.defineComponent)({
       return (0, _vue.createVNode)("div", {
         "role": "button",
         "tabindex": disabled ? -1 : 0,
-        "class": bem('item', {
+        "class": [bem('item', {
           disabled
-        }),
+        }), {
+          [_utils.HAPTICS_FEEDBACK]: !disabled
+        }],
         "onClick": () => {
           if (!disabled) {
             toggleItem(index);

package/lib/dropdown-menu/index.css

@@ -1 +1 @@
-:root{--van-dropdown-menu-height:48px;--van-dropdown-menu-background-color:var(--van-white);--van-dropdown-menu-box-shadow:0 2px 12px rgba(100, 101, 102, 0.12);--van-dropdown-menu-title-font-size:15px;--van-dropdown-menu-title-text-color:var(--van-text-color);--van-dropdown-menu-title-active-text-color:var(--van-danger-color);--van-dropdown-menu-title-disabled-text-color:var(--van-gray-6);--van-dropdown-menu-title-padding:0 var(--van-padding-xs);--van-dropdown-menu-title-line-height:var(--van-line-height-lg);--van-dropdown-menu-option-active-color:var(--van-danger-color);--van-dropdown-menu-content-max-height:80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background-color);box-shadow:var(--van-dropdown-menu-box-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:var(--van-active-opacity)}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;transform:rotate(135deg)}
+:root{--van-dropdown-menu-height:48px;--van-dropdown-menu-background-color:var(--van-background-color-light);--van-dropdown-menu-box-shadow:0 2px 12px rgba(100, 101, 102, 0.12);--van-dropdown-menu-title-font-size:15px;--van-dropdown-menu-title-text-color:var(--van-text-color);--van-dropdown-menu-title-active-text-color:var(--van-danger-color);--van-dropdown-menu-title-disabled-text-color:var(--van-text-color-2);--van-dropdown-menu-title-padding:0 var(--van-padding-xs);--van-dropdown-menu-title-line-height:var(--van-line-height-lg);--van-dropdown-menu-option-active-color:var(--van-danger-color);--van-dropdown-menu-content-max-height:80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background-color);box-shadow:var(--van-dropdown-menu-box-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;transform:rotate(135deg)}

package/lib/dropdown-menu/index.less

@@ -38,15 +38,7 @@
     min-width: 0; // hack for flex ellipsis
     cursor: pointer;
 
-    &:active {
-      opacity: var(--van-active-opacity);
-    }
-
     &--disabled {
-      &:active {
-        opacity: 1;
-      }
-
       .van-dropdown-menu__title {
         color: var(--van-dropdown-menu-title-disabled-text-color);
       }

package/lib/dropdown-menu/var.less

@@ -1,12 +1,12 @@
 @import '../style/var.less';
 
 @dropdown-menu-height: 48px;
-@dropdown-menu-background-color: var(--van-white);
+@dropdown-menu-background-color: var(--van-background-color-light);
 @dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
 @dropdown-menu-title-font-size: 15px;
 @dropdown-menu-title-text-color: var(--van-text-color);
 @dropdown-menu-title-active-text-color: var(--van-danger-color);
-@dropdown-menu-title-disabled-text-color: var(--van-gray-6);
+@dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
 @dropdown-menu-title-padding: 0 var(--van-padding-xs);
 @dropdown-menu-title-line-height: var(--van-line-height-lg);
 @dropdown-menu-option-active-color: var(--van-danger-color);

package/lib/empty/Empty.d.ts

@@ -1,3 +1,13 @@
+import { ExtractPropTypes } from 'vue';
+declare const emptyProps: {
+    image: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
+};
+export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
 declare const _default: import("vue").DefineComponent<{
     image: {
         type: import("vue").PropType<string>;

package/lib/empty/Empty.js

@@ -11,18 +11,21 @@ var _Network = require("./Network");
 
 var [name, bem] = (0, _utils.createNamespace)('empty');
 var PRESET_IMAGES = ['error', 'search', 'default'];
+var emptyProps = {
+  image: (0, _utils.makeStringProp)('default'),
+  imageSize: _utils.numericProp,
+  description: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    image: (0, _utils.makeStringProp)('default'),
-    imageSize: _utils.numericProp,
-    description: String
-  },
-
-  setup(props, {
-    slots
-  }) {
+  props: emptyProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
+
     var renderImage = () => {
       if (slots.image) {
         return slots.image();

package/lib/empty/index.css

@@ -1 +1 @@
-:root{--van-empty-padding:var(--van-padding-xl) 0;--van-empty-image-size:160px;--van-empty-description-margin-top:var(--van-padding-md);--van-empty-description-padding:0 60px;--van-empty-description-color:var(--van-gray-6);--van-empty-description-font-size:var(--van-font-size-md);--van-empty-description-line-height:var(--van-line-height-md);--van-empty-bottom-margin-top:24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}
+:root{--van-empty-padding:var(--van-padding-xl) 0;--van-empty-image-size:160px;--van-empty-description-margin-top:var(--van-padding-md);--van-empty-description-padding:0 60px;--van-empty-description-color:var(--van-text-color-2);--van-empty-description-font-size:var(--van-font-size-md);--van-empty-description-line-height:var(--van-line-height-md);--van-empty-bottom-margin-top:24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}

package/lib/empty/index.d.ts

@@ -18,3 +18,4 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     image: string;
 }>>;
 export default Empty;
+export type { EmptyProps } from './Empty';

package/lib/empty/var.less

@@ -4,7 +4,7 @@
 @empty-image-size: 160px;
 @empty-description-margin-top: var(--van-padding-md);
 @empty-description-padding: 0 60px;
-@empty-description-color: var(--van-gray-6);
+@empty-description-color: var(--van-text-color-2);
 @empty-description-font-size: var(--van-font-size-md);
 @empty-description-line-height: var(--van-line-height-md);
 @empty-bottom-margin-top: 24px;

package/lib/field/Field.d.ts

@@ -42,9 +42,9 @@ export declare const fieldSharedProps: {
         default: null;
     };
 };
-declare const props: {
+declare const fieldProps: {
     icon: StringConstructor;
-    size: PropType<"large">;
+    size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -124,10 +124,10 @@ declare const props: {
         default: null;
     };
 };
-export declare type FieldProps = ExtractPropTypes<typeof props>;
+export declare type FieldProps = ExtractPropTypes<typeof fieldProps>;
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
-    size: PropType<"large">;
+    size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -277,7 +277,7 @@ declare const _default: import("vue").DefineComponent<{
     autocomplete?: string | undefined;
     value?: string | number | undefined;
     icon?: string | undefined;
-    size?: "large" | undefined;
+    size?: import("../cell").CellSize | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;

package/lib/field/Field.js

@@ -55,7 +55,7 @@ var fieldSharedProps = {
   }
 };
 exports.fieldSharedProps = fieldSharedProps;
-var props = (0, _utils.extend)({}, _Cell.cellProps, fieldSharedProps, {
+var fieldProps = (0, _utils.extend)({}, _Cell.cellSharedProps, fieldSharedProps, {
   rows: _utils.numericProp,
   type: (0, _utils.makeStringProp)('text'),
   rules: Array,
@@ -73,13 +73,14 @@ var props = (0, _utils.extend)({}, _Cell.cellProps, fieldSharedProps, {
 
 var _default = (0, _vue.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 = (0, _vue.reactive)({
       focused: false,
       validateFailed: false,
@@ -165,24 +166,30 @@ var _default = (0, _vue.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) {
@@ -221,7 +228,11 @@ var _default = (0, _vue.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') {
@@ -261,9 +272,18 @@ var _default = (0, _vue.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) {
+        (0, _utils2.resizeTextarea)(input, props.autosize);
+      }
+    };
+
     var onFocus = event => {
       state.focused = true;
-      emit('focus', event); // readonly not work in legacy mobile safari
+      emit('focus', event);
+      (0, _vue.nextTick)(adjustTextareaSize); // readonly not work in legacy mobile safari
 
       var readonly = getProp('readonly');
 
@@ -277,6 +297,7 @@ var _default = (0, _vue.defineComponent)({
       updateValue(getModelValue(), 'onBlur');
       emit('blur', event);
       validateWithTrigger('onBlur');
+      (0, _vue.nextTick)(adjustTextareaSize);
       (0, _utils.resetScroll)();
     };
 
@@ -330,14 +351,6 @@ var _default = (0, _vue.defineComponent)({
       emit('keypress', event);
     };
 
-    var adjustTextareaSize = () => {
-      var input = inputRef.value;
-
-      if (props.type === 'textarea' && props.autosize && input) {
-        (0, _utils2.resizeTextarea)(input, props.autosize);
-      }
-    };
-
     var renderInput = () => {
       var controlClass = bem('control', [getProp('inputAlign'), {
         error: showError.value,

package/lib/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/lib/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/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

@@ -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;
@@ -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/lib/form/Form.js

@@ -14,7 +14,7 @@ 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,
@@ -32,13 +32,14 @@ var props = {
 
 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/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,7 +12,7 @@ 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,
@@ -28,11 +28,12 @@ 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,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;