vant 3.2.2 → 3.2.6

package/es/dialog/Dialog.js

@@ -1,13 +1,14 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { reactive, defineComponent } from 'vue'; // Utils
 
-import { pick, extend, addUnit, truthProp, isFunction, BORDER_TOP, BORDER_LEFT, unknownProp, callInterceptor, createNamespace } from '../utils';
+import { pick, extend, addUnit, truthProp, isFunction, BORDER_TOP, BORDER_LEFT, unknownProp, numericProp, makeStringProp, callInterceptor, createNamespace } from '../utils';
 import { popupSharedProps, popupSharedPropKeys } from '../popup/shared'; // Components
 
 import { Popup } from '../popup';
 import { Button } from '../button';
 import { ActionBar } from '../action-bar';
-import { ActionBarButton } from '../action-bar-button';
+import { ActionBarButton } from '../action-bar-button'; // Types
+
 var [name, bem, t] = createNamespace('dialog');
 var popupKeys = [...popupSharedPropKeys, 'transition', 'closeOnPopstate'];
 export default defineComponent({
@@ -15,11 +16,12 @@ export default defineComponent({
   props: extend({}, popupSharedProps, {
     title: String,
     theme: String,
-    width: [Number, String],
+    width: numericProp,
     message: [String, Function],
     callback: Function,
     allowHtml: Boolean,
     className: unknownProp,
+    transition: makeStringProp('van-dialog-bounce'),
     messageAlign: String,
     closeOnPopstate: truthProp,
     showCancelButton: Boolean,
@@ -28,11 +30,7 @@ export default defineComponent({
     confirmButtonText: String,
     confirmButtonColor: String,
     showConfirmButton: truthProp,
-    closeOnClickOverlay: Boolean,
-    transition: {
-      type: String,
-      default: 'van-dialog-bounce'
-    }
+    closeOnClickOverlay: Boolean
   }),
   emits: ['confirm', 'cancel', 'update:show'],
 
@@ -49,10 +47,7 @@ export default defineComponent({
 
     var close = action => {
       updateShow(false);
-
-      if (props.callback) {
-        props.callback(action);
-      }
+      props.callback == null ? void 0 : props.callback(action);
     };
 
     var getActionHandler = action => () => {
@@ -65,8 +60,7 @@ export default defineComponent({
 
       if (props.beforeClose) {
         loading[action] = true;
-        callInterceptor({
-          interceptor: props.beforeClose,
+        callInterceptor(props.beforeClose, {
           args: [action],
 
           done() {
@@ -213,10 +207,9 @@ export default defineComponent({
         "style": {
           width: addUnit(width)
         },
-        "aria-labelledby": title || message
-      }, pick(props, popupKeys), {
-        'onUpdate:show': updateShow
-      }), {
+        "aria-labelledby": title || message,
+        "onUpdate:show": updateShow
+      }, pick(props, popupKeys)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
       });
     };

package/es/dialog/function-call.d.ts

@@ -1,30 +1,5 @@
-import { App, CSSProperties, TeleportProps } from 'vue';
-import { Interceptor } from '../utils';
-import { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './Dialog';
-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;
-};
+import { App } from 'vue';
+import type { DialogAction, DialogOptions } from './types';
 declare function Dialog(options: DialogOptions): Promise<unknown>;
 declare namespace Dialog {
     var defaultOptions: {
@@ -38,7 +13,7 @@ declare namespace Dialog {
         className: string;
         allowHtml: boolean;
         lockScroll: boolean;
-        transition: string;
+        transition: undefined;
         beforeClose: null;
         overlayClass: string;
         overlayStyle: undefined;
@@ -63,7 +38,7 @@ declare namespace Dialog {
         className: string;
         allowHtml: boolean;
         lockScroll: boolean;
-        transition: string;
+        transition: undefined;
         beforeClose: null;
         overlayClass: string;
         overlayStyle: undefined;
@@ -99,8 +74,8 @@ declare namespace Dialog {
             type: BooleanConstructor;
             default: true;
         };
-        beforeClose: import("vue").PropType<Interceptor>;
-        overlayStyle: import("vue").PropType<CSSProperties>;
+        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
         overlayClass: import("vue").PropType<unknown>;
         transitionAppear: BooleanConstructor;
         closeOnClickOverlay: {
@@ -109,13 +84,17 @@ declare namespace Dialog {
         };
     } & {
         title: StringConstructor;
-        theme: import("vue").PropType<DialogTheme>;
+        theme: import("vue").PropType<import("./types").DialogTheme>;
         width: (NumberConstructor | StringConstructor)[];
-        message: import("vue").PropType<DialogMessage>;
+        message: import("vue").PropType<import("./types").DialogMessage>;
         callback: import("vue").PropType<(action?: DialogAction | undefined) => void>;
         allowHtml: BooleanConstructor;
         className: import("vue").PropType<unknown>;
-        messageAlign: import("vue").PropType<DialogMessageAlign>;
+        transition: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        messageAlign: import("vue").PropType<import("./types").DialogMessageAlign>;
         closeOnPopstate: {
             type: BooleanConstructor;
             default: true;
@@ -130,11 +109,7 @@ declare namespace Dialog {
             default: true;
         };
         closeOnClickOverlay: BooleanConstructor;
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:show" | "confirm")[], "cancel" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
         show?: unknown;
         zIndex?: unknown;
         overlay?: unknown;
@@ -154,6 +129,7 @@ declare namespace Dialog {
         callback?: unknown;
         allowHtml?: unknown;
         className?: unknown;
+        transition?: unknown;
         messageAlign?: unknown;
         closeOnPopstate?: unknown;
         showCancelButton?: unknown;
@@ -162,7 +138,6 @@ declare namespace Dialog {
         confirmButtonText?: unknown;
         confirmButtonColor?: unknown;
         showConfirmButton?: unknown;
-        transition?: unknown;
     } & {
         overlay: boolean;
         show: boolean;
@@ -176,21 +151,21 @@ declare namespace Dialog {
         showCancelButton: boolean;
         showConfirmButton: boolean;
     } & {
-        message?: DialogMessage | undefined;
+        width?: string | number | undefined;
+        message?: import("./types").DialogMessage | undefined;
         title?: string | undefined;
         zIndex?: string | number | undefined;
         duration?: string | number | undefined;
         teleport?: string | import("vue").RendererElement | null | undefined;
-        beforeClose?: Interceptor | undefined;
-        overlayStyle?: CSSProperties | undefined;
+        beforeClose?: import("../utils").Interceptor | undefined;
+        overlayStyle?: import("vue").CSSProperties | undefined;
         overlayClass?: unknown;
         className?: unknown;
         callback?: ((action?: DialogAction | undefined) => void) | undefined;
         cancelButtonText?: string | undefined;
         confirmButtonText?: string | undefined;
-        theme?: DialogTheme | undefined;
-        width?: string | number | undefined;
-        messageAlign?: DialogMessageAlign | undefined;
+        theme?: import("./types").DialogTheme | undefined;
+        messageAlign?: import("./types").DialogMessageAlign | undefined;
         cancelButtonColor?: string | undefined;
         confirmButtonColor?: string | undefined;
     }> & {

package/es/dialog/function-call.js

@@ -12,7 +12,7 @@ function initInstance() {
         toggle
       } = usePopupState();
       return () => _createVNode(VanDialog, _mergeProps(state, {
-        'onUpdate:show': toggle
+        "onUpdate:show": toggle
       }), null);
     }
 
@@ -52,7 +52,7 @@ Dialog.defaultOptions = {
   className: '',
   allowHtml: false,
   lockScroll: true,
-  transition: 'van-dialog-bounce',
+  transition: undefined,
   beforeClose: null,
   overlayClass: '',
   overlayStyle: undefined,

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-color: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-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}

package/es/dialog/index.d.ts

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

package/es/dialog/index.less

@@ -28,7 +28,7 @@
   width: var(--van-dialog-width);
   overflow: hidden;
   font-size: var(--van-dialog-font-size);
-  background-color: var(--van-dialog-background-color);
+  background: var(--van-dialog-background-color);
   border-radius: var(--van-dialog-border-radius);
   backface-visibility: hidden; // avoid blurry text after scale animation
   transition: var(--van-dialog-transition);

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/divider/Divider.d.ts

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 export declare type DividerContentPosition = 'left' | 'center' | 'right';
 declare const _default: import("vue").DefineComponent<{
     dashed: BooleanConstructor;
@@ -7,8 +6,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;
@@ -18,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     dashed: boolean;
     hairline: boolean;
     contentPosition: DividerContentPosition;
-} & {}> & {}, {
+} & {}>, {
     dashed: boolean;
     hairline: boolean;
     contentPosition: DividerContentPosition;

package/es/divider/Divider.js

@@ -1,16 +1,13 @@
 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');
 export default defineComponent({
   name,
   props: {
     dashed: Boolean,
     hairline: truthProp,
-    contentPosition: {
-      type: String,
-      default: 'center'
-    }
+    contentPosition: makeStringProp('center')
   },
 
   setup(props, {

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;
@@ -16,7 +16,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
     dashed: boolean;
     hairline: boolean;
     contentPosition: import("./Divider").DividerContentPosition;
-} & {}> & {}, {
+} & {}>, {
     dashed: boolean;
     hairline: boolean;
     contentPosition: import("./Divider").DividerContentPosition;

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

@@ -2,6 +2,10 @@ import { PropType, ExtractPropTypes } from 'vue';
 import type { DropdownItemOption } from './types';
 declare const props: {
     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>;
-    options: {
-        type: PropType<DropdownItemOption[]>;
-        default: () => never[];
-    };
 };
 export declare type DropdownItemProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
+    options: {
+        type: PropType<DropdownItemOption[]>;
+        default: () => never[];
+    };
     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")[], "update:modelValue" | "open" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => 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';
@@ -14,15 +14,12 @@ import { Popup } from '../popup'; // Types
 var [name, bem] = createNamespace('dropdown-item');
 var props = {
   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,
@@ -160,7 +157,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")[], "update:modelValue" | "open" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => 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,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { InjectionKey, ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
 declare const props: {
     overlay: {
@@ -6,6 +6,14 @@ declare const props: {
         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,14 +23,6 @@ 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 const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
@@ -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;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     zIndex?: string | number | undefined;
     activeColor?: string | undefined;
-}> & {}, {
+}>, {
     overlay: boolean;
     duration: string | number;
     closeOnClickOverlay: boolean;

package/es/dropdown-menu/DropdownMenu.js

@@ -1,25 +1,19 @@
 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 } from '../utils'; // Composables
 
 import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from '@vant/use'; // Types
 
 var [name, bem] = createNamespace('dropdown-menu');
 var props = {
   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({

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-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)}