vant 3.2.6 → 3.2.7

package/es/datetime-picker/TimePicker.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
 import { pick, clamp, extend, padZero, createNamespace, makeNumericProp } from '../utils';
-import { times, sharedProps, pickerKeys } from './utils'; // Composables
+import { times, sharedProps, pickerInheritKeys } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -19,10 +19,12 @@ export default defineComponent({
   }),
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var formatValue = value => {
       var {
         minHour,
@@ -50,10 +52,11 @@ export default defineComponent({
       type: 'minute',
       range: [+props.minMinute, +props.maxMinute]
     }]);
-    var originColumns = computed(() => ranges.value.map(({
-      type,
-      range: rangeArr
-    }) => {
+    var originColumns = computed(() => ranges.value.map(_ref2 => {
+      var {
+        type,
+        range: rangeArr
+      } = _ref2;
       var values = times(rangeArr[1] - rangeArr[0] + 1, index => padZero(rangeArr[0] + index));
 
       if (props.filter) {
@@ -126,7 +129,7 @@ export default defineComponent({
       "onChange": onChange,
       "onCancel": onCancel,
       "onConfirm": onConfirm
-    }, pick(props, pickerKeys)), slots);
+    }, pick(props, pickerInheritKeys)), slots);
   }
 
 });

package/es/datetime-picker/utils.d.ts

@@ -31,7 +31,7 @@ export declare const sharedProps: {
         default: (type: string, value: string) => string;
     };
 };
-export declare const pickerKeys: ("title" | "readonly" | "loading" | "allowHtml" | "itemHeight" | "showToolbar" | "swipeDuration" | "visibleItemCount" | "cancelButtonText" | "confirmButtonText")[];
+export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "allowHtml" | "itemHeight" | "showToolbar" | "swipeDuration" | "visibleItemCount" | "cancelButtonText" | "confirmButtonText")[];
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare function getTrueValue(value: string | undefined): number;
 export declare const getMonthEndDay: (year: number, month: number) => number;

package/es/datetime-picker/utils.js

@@ -1,6 +1,6 @@
 import { extend } from '../utils';
-import { pickerProps } from '../picker/Picker';
-export var sharedProps = extend({}, pickerProps, {
+import { pickerSharedProps } from '../picker/Picker';
+export var sharedProps = extend({}, pickerSharedProps, {
   filter: Function,
   columnsOrder: Array,
   formatter: {
@@ -8,7 +8,7 @@ export var sharedProps = extend({}, pickerProps, {
     default: (type, value) => value
   }
 });
-export var pickerKeys = Object.keys(pickerProps);
+export var pickerInheritKeys = Object.keys(pickerSharedProps);
 export function times(n, iteratee) {
   var index = -1;
   var result = Array(n);

package/es/dialog/Dialog.d.ts

@@ -1,5 +1,59 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
+declare const dialogProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction | undefined) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<DialogMessageAlign>;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showCancelButton: BooleanConstructor;
+    cancelButtonText: StringConstructor;
+    cancelButtonColor: StringConstructor;
+    confirmButtonText: StringConstructor;
+    confirmButtonColor: StringConstructor;
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: BooleanConstructor;
+};
+export declare type DialogProps = ExtractPropTypes<typeof dialogProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/dialog/Dialog.js

@@ -10,34 +10,36 @@ import { ActionBar } from '../action-bar';
 import { ActionBarButton } from '../action-bar-button'; // Types
 
 var [name, bem, t] = createNamespace('dialog');
-var popupKeys = [...popupSharedPropKeys, 'transition', 'closeOnPopstate'];
+var dialogProps = extend({}, popupSharedProps, {
+  title: String,
+  theme: String,
+  width: numericProp,
+  message: [String, Function],
+  callback: Function,
+  allowHtml: Boolean,
+  className: unknownProp,
+  transition: makeStringProp('van-dialog-bounce'),
+  messageAlign: String,
+  closeOnPopstate: truthProp,
+  showCancelButton: Boolean,
+  cancelButtonText: String,
+  cancelButtonColor: String,
+  confirmButtonText: String,
+  confirmButtonColor: String,
+  showConfirmButton: truthProp,
+  closeOnClickOverlay: Boolean
+});
+var popupInheritKeys = [...popupSharedPropKeys, 'transition', 'closeOnPopstate'];
 export default defineComponent({
   name,
-  props: extend({}, popupSharedProps, {
-    title: String,
-    theme: String,
-    width: numericProp,
-    message: [String, Function],
-    callback: Function,
-    allowHtml: Boolean,
-    className: unknownProp,
-    transition: makeStringProp('van-dialog-bounce'),
-    messageAlign: String,
-    closeOnPopstate: truthProp,
-    showCancelButton: Boolean,
-    cancelButtonText: String,
-    cancelButtonColor: String,
-    confirmButtonText: String,
-    confirmButtonColor: String,
-    showConfirmButton: truthProp,
-    closeOnClickOverlay: Boolean
-  }),
+  props: dialogProps,
   emits: ['confirm', 'cancel', 'update:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var loading = reactive({
       confirm: false,
       cancel: false
@@ -209,7 +211,7 @@ export default defineComponent({
         },
         "aria-labelledby": title || message,
         "onUpdate:show": updateShow
-      }, pick(props, popupKeys)), {
+      }, pick(props, popupInheritKeys)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
       });
     };

package/es/dialog/index.css

@@ -1 +1 @@
-:root{--van-dialog-width:320px;--van-dialog-small-screen-width:90%;--van-dialog-font-size:var(--van-font-size-lg);--van-dialog-transition:var(--van-animation-duration-base);--van-dialog-border-radius:16px;--van-dialog-background-color:var(--van-white);--van-dialog-header-font-weight:var(--van-font-weight-bold);--van-dialog-header-line-height:24px;--van-dialog-header-padding-top:26px;--van-dialog-header-isolated-padding:var(--van-padding-lg) 0;--van-dialog-message-padding:var(--van-padding-lg);--van-dialog-message-font-size:var(--van-font-size-md);--van-dialog-message-line-height:var(--van-line-height-md);--van-dialog-message-max-height:60vh;--van-dialog-has-title-message-text-color:var(--van-gray-7);--van-dialog-has-title-message-padding-top:var(--van-padding-xs);--van-dialog-button-height:48px;--van-dialog-round-button-height:36px;--van-dialog-confirm-button-text-color:var(--van-danger-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background-color);border-radius:var(--van-dialog-border-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width:321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+:root{--van-dialog-width:320px;--van-dialog-small-screen-width:90%;--van-dialog-font-size:var(--van-font-size-lg);--van-dialog-transition:var(--van-animation-duration-base);--van-dialog-border-radius:16px;--van-dialog-background-color:var(--van-background-color-light);--van-dialog-header-font-weight:var(--van-font-weight-bold);--van-dialog-header-line-height:24px;--van-dialog-header-padding-top:26px;--van-dialog-header-isolated-padding:var(--van-padding-lg) 0;--van-dialog-message-padding:var(--van-padding-lg);--van-dialog-message-font-size:var(--van-font-size-md);--van-dialog-message-line-height:var(--van-line-height-md);--van-dialog-message-max-height:60vh;--van-dialog-has-title-message-text-color:var(--van-gray-7);--van-dialog-has-title-message-padding-top:var(--van-padding-xs);--van-dialog-button-height:48px;--van-dialog-round-button-height:36px;--van-dialog-confirm-button-text-color:var(--van-danger-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background-color);border-radius:var(--van-dialog-border-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width:321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.d.ts

@@ -1,4 +1,5 @@
 import { Dialog } from './function-call';
 export default Dialog;
 export { Dialog };
+export type { DialogProps } from './Dialog';
 export type { DialogTheme, DialogMessage, DialogOptions, DialogMessageAlign, } from './types';

package/es/dialog/var.less

@@ -5,7 +5,7 @@
 @dialog-font-size: var(--van-font-size-lg);
 @dialog-transition: var(--van-animation-duration-base);
 @dialog-border-radius: 16px;
-@dialog-background-color: var(--van-white);
+@dialog-background-color: var(--van-background-color-light);
 @dialog-header-font-weight: var(--van-font-weight-bold);
 @dialog-header-line-height: 24px;
 @dialog-header-padding-top: 26px;

package/es/divider/Divider.d.ts

@@ -1,4 +1,17 @@
+import { ExtractPropTypes } from 'vue';
 export declare type DividerContentPosition = 'left' | 'center' | 'right';
+declare const dividerProps: {
+    dashed: BooleanConstructor;
+    hairline: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    contentPosition: {
+        type: import("vue").PropType<DividerContentPosition>;
+        default: DividerContentPosition;
+    };
+};
+export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;
 declare const _default: import("vue").DefineComponent<{
     dashed: BooleanConstructor;
     hairline: {

package/es/divider/Divider.js

@@ -2,17 +2,19 @@ import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
 import { truthProp, makeStringProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('divider');
+var dividerProps = {
+  dashed: Boolean,
+  hairline: truthProp,
+  contentPosition: makeStringProp('center')
+};
 export default defineComponent({
   name,
-  props: {
-    dashed: Boolean,
-    hairline: truthProp,
-    contentPosition: makeStringProp('center')
-  },
+  props: dividerProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     return () => _createVNode("div", {
       "role": "separator",
       "class": bem({

package/es/divider/index.css

@@ -1 +1 @@
-:root{--van-divider-margin:var(--van-padding-md) 0;--van-divider-text-color:var(--van-gray-6);--van-divider-font-size:var(--van-font-size-md);--van-divider-line-height:24px;--van-divider-border-color:var(--van-border-color);--van-divider-content-padding:var(--van-padding-md);--van-divider-content-left-width:10%;--van-divider-content-right-width:10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width-base) 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:var(--van-divider-content-padding);content:''}.van-divider--content-left::before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right::after{max-width:var(--van-divider-content-right-width)}
+:root{--van-divider-margin:var(--van-padding-md) 0;--van-divider-text-color:var(--van-text-color-2);--van-divider-font-size:var(--van-font-size-md);--van-divider-line-height:24px;--van-divider-border-color:var(--van-border-color);--van-divider-content-padding:var(--van-padding-md);--van-divider-content-left-width:10%;--van-divider-content-right-width:10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width-base) 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:var(--van-divider-content-padding);content:''}.van-divider--content-left::before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right::after{max-width:var(--van-divider-content-right-width)}

package/es/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/es/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/es/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/es/dropdown-item/DropdownItem.js

@@ -12,7 +12,7 @@ import { Icon } from '../icon';
 import { Popup } from '../popup'; // Types
 
 var [name, bem] = createNamespace('dropdown-item');
-var props = {
+var dropdownItemProps = {
   title: String,
   options: makeArrayProp(),
   disabled: Boolean,
@@ -23,13 +23,14 @@ var props = {
 };
 export default 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 = reactive({
       showPopup: false,
       transition: true,
@@ -65,7 +66,15 @@ export default 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/es/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/es/dropdown-menu/DropdownMenu.js

@@ -1,12 +1,12 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from 'vue'; // Utils
 
-import { isDef, truthProp, numericProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Composables
+import { isDef, truthProp, numericProp, makeStringProp, makeNumericProp, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
 
 import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from '@vant/use'; // Types
 
 var [name, bem] = createNamespace('dropdown-menu');
-var props = {
+var dropdownMenuProps = {
   overlay: truthProp,
   zIndex: numericProp,
   duration: makeNumericProp(0.2),
@@ -18,11 +18,12 @@ var props = {
 export var DROPDOWN_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: dropdownMenuProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var root = ref();
     var barRef = ref();
     var offset = ref(0);
@@ -90,9 +91,11 @@ export default defineComponent({
       return _createVNode("div", {
         "role": "button",
         "tabindex": disabled ? -1 : 0,
-        "class": bem('item', {
+        "class": [bem('item', {
           disabled
-        }),
+        }), {
+          [HAPTICS_FEEDBACK]: !disabled
+        }],
         "onClick": () => {
           if (!disabled) {
             toggleItem(index);

package/es/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/es/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/es/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/es/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/es/empty/Empty.js

@@ -4,17 +4,20 @@ import { numericProp, getSizeStyle, makeStringProp, createNamespace } from '../u
 import { Network } from './Network';
 var [name, bem] = createNamespace('empty');
 var PRESET_IMAGES = ['error', 'search', 'default'];
+var emptyProps = {
+  image: makeStringProp('default'),
+  imageSize: numericProp,
+  description: String
+};
 export default defineComponent({
   name,
-  props: {
-    image: makeStringProp('default'),
-    imageSize: numericProp,
-    description: String
-  },
+  props: emptyProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
 
-  setup(props, {
-    slots
-  }) {
     var renderImage = () => {
       if (slots.image) {
         return slots.image();

package/es/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/es/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/es/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/es/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;