vant 3.2.3 → 3.2.7

package/es/dialog/types.d.ts

@@ -0,0 +1,36 @@
+import { Dialog } from './function-call';
+import type { CSSProperties, TeleportProps } from 'vue';
+import type { Interceptor } from '../utils';
+export declare type DialogTheme = 'default' | 'round-button';
+export declare type DialogAction = 'confirm' | 'cancel';
+export declare type DialogMessage = string | (() => JSX.Element);
+export declare type DialogMessageAlign = 'left' | 'center' | 'right';
+export declare type DialogOptions = {
+    title?: string;
+    width?: string | number;
+    theme?: DialogTheme;
+    message?: DialogMessage;
+    overlay?: boolean;
+    teleport?: TeleportProps['to'];
+    className?: unknown;
+    allowHtml?: boolean;
+    lockScroll?: boolean;
+    transition?: string;
+    beforeClose?: Interceptor;
+    messageAlign?: DialogMessageAlign;
+    overlayClass?: string;
+    overlayStyle?: CSSProperties;
+    closeOnPopstate?: boolean;
+    cancelButtonText?: string;
+    showCancelButton?: boolean;
+    showConfirmButton?: boolean;
+    cancelButtonColor?: string;
+    confirmButtonText?: string;
+    confirmButtonColor?: string;
+    closeOnClickOverlay?: boolean;
+};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $dialog: typeof Dialog;
+    }
+}

package/es/dialog/types.js

@@ -0,0 +1 @@
+export {};

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,5 +1,17 @@
-import { PropType } from 'vue';
+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: {
@@ -7,8 +19,8 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     contentPosition: {
-        type: PropType<DividerContentPosition>;
-        default: string;
+        type: import("vue").PropType<DividerContentPosition>;
+        default: DividerContentPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     dashed?: unknown;

package/es/divider/Divider.js

@@ -1,21 +1,20 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { truthProp, createNamespace } from '../utils';
+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: {
-      type: String,
-      default: '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

@@ -6,7 +6,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
     };
     contentPosition: {
         type: import("vue").PropType<import("./Divider").DividerContentPosition>;
-        default: string;
+        default: import("./Divider").DividerContentPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     dashed?: unknown;
@@ -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,7 +1,11 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { DropdownItemOption } from './types';
-declare const props: {
+declare const dropdownItemProps: {
     title: StringConstructor;
+    options: {
+        type: PropType<DropdownItemOption[]>;
+        default: () => never[];
+    };
     disabled: BooleanConstructor;
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
     lazyRender: {
@@ -10,14 +14,14 @@ declare const props: {
     };
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
+};
+export declare type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
         default: () => never[];
     };
-};
-export declare type DropdownItemProps = ExtractPropTypes<typeof props>;
-declare const _default: import("vue").DefineComponent<{
-    title: StringConstructor;
     disabled: BooleanConstructor;
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
     lazyRender: {
@@ -26,18 +30,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
-    options: {
-        type: PropType<DropdownItemOption[]>;
-        default: () => never[];
-    };
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
+    options?: unknown;
     disabled?: unknown;
     teleport?: unknown;
     lazyRender?: unknown;
     modelValue?: unknown;
     titleClass?: unknown;
-    options?: unknown;
 } & {
     disabled: boolean;
     lazyRender: boolean;

package/es/dropdown-item/DropdownItem.js

@@ -1,7 +1,7 @@
 import { withDirectives as _withDirectives, vShow as _vShow, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { reactive, Teleport, defineComponent } from 'vue'; // Utils
 
-import { truthProp, unknownProp, getZIndexStyle, createNamespace } from '../utils';
+import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp } from '../utils';
 import { DROPDOWN_KEY } from '../dropdown-menu/DropdownMenu'; // Composables
 
 import { useParent } from '@vant/use';
@@ -12,27 +12,25 @@ 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,
   teleport: [String, Object],
   lazyRender: truthProp,
   modelValue: unknownProp,
-  titleClass: unknownProp,
-  options: {
-    type: Array,
-    default: () => []
-  }
+  titleClass: unknownProp
 };
 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,
@@ -68,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;
       }
@@ -160,7 +166,7 @@ export default defineComponent({
         "class": bem([direction]),
         "onClick": onClickWrapper
       }, [_createVNode(Popup, {
-        'show': state.showPopup,
+        "show": state.showPopup,
         "onUpdate:show": $event => state.showPopup = $event,
         "class": bem('content'),
         "overlay": overlay,

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

@@ -1,5 +1,10 @@
+import { DropdownItemProps } from './DropdownItem';
 export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
+        default: () => never[];
+    };
     disabled: BooleanConstructor;
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lazyRender: {
@@ -8,18 +13,14 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     };
     modelValue: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
-    options: {
-        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
-        default: () => never[];
-    };
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
+    options?: unknown;
     disabled?: unknown;
     teleport?: unknown;
     lazyRender?: unknown;
     modelValue?: unknown;
     titleClass?: unknown;
-    options?: unknown;
 } & {
     disabled: boolean;
     lazyRender: boolean;
@@ -42,4 +43,5 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     options: import("./types").DropdownItemOption[];
 }>>;
 export default DropdownItem;
+export type { DropdownItemProps };
 export type { DropdownItemInstance, DropdownItemOption } from './types';

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

@@ -1,11 +1,19 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { InjectionKey, ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
-declare const props: {
+declare const dropdownMenuProps: {
     overlay: {
         type: BooleanConstructor;
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -15,16 +23,8 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<DropdownMenuDirection>;
-        default: string;
-    };
 };
-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: {
@@ -32,6 +32,14 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -41,22 +49,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<DropdownMenuDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     overlay?: unknown;
     zIndex?: unknown;
+    duration?: unknown;
+    direction?: unknown;
     activeColor?: unknown;
     closeOnClickOutside?: unknown;
     closeOnClickOverlay?: unknown;
-    duration?: unknown;
-    direction?: unknown;
 } & {
     overlay: boolean;
     duration: string | number;

package/es/dropdown-menu/DropdownMenu.js

@@ -1,34 +1,29 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from 'vue'; // Utils
 
-import { isDef, truthProp, 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: [Number, String],
+  zIndex: numericProp,
+  duration: makeNumericProp(0.2),
+  direction: makeStringProp('down'),
   activeColor: String,
   closeOnClickOutside: truthProp,
-  closeOnClickOverlay: truthProp,
-  duration: {
-    type: [Number, String],
-    default: 0.2
-  },
-  direction: {
-    type: String,
-    default: 'down'
-  }
+  closeOnClickOverlay: truthProp
 };
 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);
@@ -96,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-color: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.d.ts

@@ -1,9 +1,18 @@
+import { DropdownMenuProps } from './DropdownMenu';
 export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
+        default: import("./types").DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -13,22 +22,14 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     overlay?: unknown;
     zIndex?: unknown;
+    duration?: unknown;
+    direction?: unknown;
     activeColor?: unknown;
     closeOnClickOutside?: unknown;
     closeOnClickOverlay?: unknown;
-    duration?: unknown;
-    direction?: unknown;
 } & {
     overlay: boolean;
     duration: string | number;
@@ -46,4 +47,5 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
     closeOnClickOutside: boolean;
 }>>;
 export default DropdownMenu;
+export type { DropdownMenuProps };
 export type { DropdownMenuDirection } from './types';

package/es/dropdown-menu/index.less

@@ -22,7 +22,7 @@
     position: relative;
     display: flex;
     height: var(--van-dropdown-menu-height);
-    background-color: var(--van-dropdown-menu-background-color);
+    background: var(--van-dropdown-menu-background-color);
     box-shadow: var(--van-dropdown-menu-box-shadow);
 
     &--opened {
@@ -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,14 +1,24 @@
-declare const _default: import("vue").DefineComponent<{
+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: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    image?: unknown;
     imageSize?: unknown;
     description?: unknown;
-    image?: unknown;
 } & {
     image: string;
 } & {

package/es/empty/Empty.js

@@ -1,23 +1,23 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { createNamespace, getSizeStyle } from '../utils';
+import { numericProp, getSizeStyle, makeStringProp, createNamespace } from '../utils';
 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: {
-    imageSize: [Number, String],
-    description: String,
-    image: {
-      type: String,
-      default: 'default'
-    }
-  },
+  props: emptyProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
 
-  setup(props, {
-    slots
-  }) {
     var renderImage = () => {
       if (slots.image) {
         return slots.image();