vant 4.0.3 → 4.0.5

package/lib/dropdown-item/DropdownItem.js

@@ -1,202 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  default: () => stdin_default,
-  dropdownItemProps: () => dropdownItemProps
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_utils = require("../utils");
-var import_DropdownMenu = require("../dropdown-menu/DropdownMenu");
-var import_use = require("@vant/use");
-var import_use_expose = require("../composables/use-expose");
-var import_cell = require("../cell");
-var import_icon = require("../icon");
-var import_popup = require("../popup");
-const [name, bem] = (0, import_utils.createNamespace)("dropdown-item");
-const dropdownItemProps = {
-  title: String,
-  options: (0, import_utils.makeArrayProp)(),
-  disabled: Boolean,
-  teleport: [String, Object],
-  lazyRender: import_utils.truthProp,
-  modelValue: import_utils.unknownProp,
-  titleClass: import_utils.unknownProp
-};
-var stdin_default = (0, import_vue2.defineComponent)({
-  name,
-  inheritAttrs: false,
-  props: dropdownItemProps,
-  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots,
-    attrs
-  }) {
-    const state = (0, import_vue2.reactive)({
-      showPopup: false,
-      transition: true,
-      showWrapper: false
-    });
-    const {
-      parent,
-      index
-    } = (0, import_use.useParent)(import_DropdownMenu.DROPDOWN_KEY);
-    if (!parent) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error("[Vant] <DropdownItem> must be a child component of <DropdownMenu>.");
-      }
-      return;
-    }
-    const getEmitter = (name2) => () => emit(name2);
-    const onOpen = getEmitter("open");
-    const onClose = getEmitter("close");
-    const onOpened = getEmitter("opened");
-    const onClosed = () => {
-      state.showWrapper = false;
-      emit("closed");
-    };
-    const onClickWrapper = (event) => {
-      if (props.teleport) {
-        event.stopPropagation();
-      }
-    };
-    const toggle = (show = !state.showPopup, options = {}) => {
-      if (show === state.showPopup) {
-        return;
-      }
-      state.showPopup = show;
-      state.transition = !options.immediate;
-      if (show) {
-        state.showWrapper = true;
-      }
-    };
-    const renderTitle = () => {
-      if (slots.title) {
-        return slots.title();
-      }
-      if (props.title) {
-        return props.title;
-      }
-      const match = props.options.find((option) => option.value === props.modelValue);
-      return match ? match.text : "";
-    };
-    const renderOption = (option) => {
-      const {
-        activeColor
-      } = parent.props;
-      const active = option.value === props.modelValue;
-      const onClick = () => {
-        state.showPopup = false;
-        if (option.value !== props.modelValue) {
-          emit("update:modelValue", option.value);
-          emit("change", option.value);
-        }
-      };
-      const renderIcon = () => {
-        if (active) {
-          return (0, import_vue.createVNode)(import_icon.Icon, {
-            "class": bem("icon"),
-            "color": activeColor,
-            "name": "success"
-          }, null);
-        }
-      };
-      return (0, import_vue.createVNode)(import_cell.Cell, {
-        "role": "menuitem",
-        "key": option.value,
-        "icon": option.icon,
-        "title": option.text,
-        "class": bem("option", {
-          active
-        }),
-        "style": {
-          color: active ? activeColor : ""
-        },
-        "tabindex": active ? 0 : -1,
-        "clickable": true,
-        "onClick": onClick
-      }, {
-        value: renderIcon
-      });
-    };
-    const renderContent = () => {
-      const {
-        offset
-      } = parent;
-      const {
-        zIndex,
-        overlay,
-        duration,
-        direction,
-        closeOnClickOverlay
-      } = parent.props;
-      const style = (0, import_utils.getZIndexStyle)(zIndex);
-      if (direction === "down") {
-        style.top = `${offset.value}px`;
-      } else {
-        style.bottom = `${offset.value}px`;
-      }
-      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
-        "style": style,
-        "class": bem([direction]),
-        "onClick": onClickWrapper
-      }, attrs), [(0, import_vue.createVNode)(import_popup.Popup, {
-        "show": state.showPopup,
-        "onUpdate:show": ($event) => state.showPopup = $event,
-        "role": "menu",
-        "class": bem("content"),
-        "overlay": overlay,
-        "position": direction === "down" ? "top" : "bottom",
-        "duration": state.transition ? duration : 0,
-        "lazyRender": props.lazyRender,
-        "overlayStyle": {
-          position: "absolute"
-        },
-        "aria-labelledby": `${parent.id}-${index.value}`,
-        "closeOnClickOverlay": closeOnClickOverlay,
-        "onOpen": onOpen,
-        "onClose": onClose,
-        "onOpened": onOpened,
-        "onClosed": onClosed
-      }, {
-        default: () => {
-          var _a;
-          return [props.options.map(renderOption), (_a = slots.default) == null ? void 0 : _a.call(slots)];
-        }
-      })]), [[import_vue.vShow, state.showWrapper]]);
-    };
-    (0, import_use_expose.useExpose)({
-      state,
-      toggle,
-      renderTitle
-    });
-    return () => {
-      if (props.teleport) {
-        return (0, import_vue.createVNode)(import_vue2.Teleport, {
-          "to": props.teleport
-        }, {
-          default: () => [renderContent()]
-        });
-      }
-      return renderContent();
-    };
-  }
-});

package/lib/dropdown-item/index.css

@@ -1 +0,0 @@
-:root{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}

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

@@ -1,50 +0,0 @@
-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: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    modelValue: import("vue").PropType<unknown>;
-    titleClass: import("vue").PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:modelValue" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    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: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    modelValue: import("vue").PropType<unknown>;
-    titleClass: import("vue").PropType<unknown>;
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    lazyRender: boolean;
-    options: import("./types").DropdownItemOption[];
-}>>;
-export default DropdownItem;
-export { dropdownItemProps } from './DropdownItem';
-export type { DropdownItemProps };
-export type { DropdownItemOption, DropdownItemInstance, DropdownItemThemeVars, } from './types';
-declare module 'vue' {
-    interface GlobalComponents {
-        VanDropdownItem: typeof DropdownItem;
-    }
-}

package/lib/dropdown-item/index.js

@@ -1,35 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  DropdownItem: () => DropdownItem,
-  default: () => stdin_default,
-  dropdownItemProps: () => import_DropdownItem2.dropdownItemProps
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_utils = require("../utils");
-var import_DropdownItem = __toESM(require("./DropdownItem"));
-var import_DropdownItem2 = require("./DropdownItem");
-const DropdownItem = (0, import_utils.withInstall)(import_DropdownItem.default);
-var stdin_default = DropdownItem;

package/lib/dropdown-item/style/index.d.ts

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

package/lib/dropdown-item/style/index.js

@@ -1,8 +0,0 @@
-require("../../style/base.css");
-require("../../badge/index.css");
-require("../../icon/index.css");
-require("../../cell/index.css");
-require("../../overlay/index.css");
-require("../../popup/index.css");
-require("../../dropdown-menu/index.css");
-require("../index.css");

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

@@ -1,25 +0,0 @@
-import type { DropdownItemProps } from './DropdownItem';
-import type { VNode, ComponentPublicInstance } from 'vue';
-import type { Numeric } from '../utils';
-export type DropdownItemOption = {
-    text: string;
-    icon?: string;
-    value: Numeric;
-};
-export type DropdownItemExpose = {
-    toggle: (show?: boolean, options?: {
-        immediate?: boolean;
-    }) => void;
-    /** @private */
-    state: {
-        showPopup: boolean;
-        transition: boolean;
-        showWrapper: boolean;
-    };
-    /** @private */
-    renderTitle: () => string | VNode[];
-};
-export type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;
-export type DropdownItemThemeVars = {
-    dropdownItemZIndex?: number | string;
-};

package/lib/dropdown-item/types.js

@@ -1,15 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-module.exports = __toCommonJS(stdin_exports);

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

@@ -1,82 +0,0 @@
-import { type InjectionKey, type ExtractPropTypes } from 'vue';
-import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
-export 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;
-        default: true;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-};
-export type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
-export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
-declare const _default: import("vue").DefineComponent<{
-    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;
-        default: true;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    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;
-        default: true;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-}>>, {
-    overlay: boolean;
-    duration: string | number;
-    closeOnClickOverlay: boolean;
-    direction: DropdownMenuDirection;
-    closeOnClickOutside: boolean;
-}>;
-export default _default;

package/lib/dropdown-menu/DropdownMenu.js

@@ -1,156 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  DROPDOWN_KEY: () => DROPDOWN_KEY,
-  default: () => stdin_default,
-  dropdownMenuProps: () => dropdownMenuProps
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_utils = require("../utils");
-var import_use_id = require("../composables/use-id");
-var import_use = require("@vant/use");
-const [name, bem] = (0, import_utils.createNamespace)("dropdown-menu");
-const dropdownMenuProps = {
-  overlay: import_utils.truthProp,
-  zIndex: import_utils.numericProp,
-  duration: (0, import_utils.makeNumericProp)(0.2),
-  direction: (0, import_utils.makeStringProp)("down"),
-  activeColor: String,
-  closeOnClickOutside: import_utils.truthProp,
-  closeOnClickOverlay: import_utils.truthProp
-};
-const DROPDOWN_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
-  name,
-  props: dropdownMenuProps,
-  setup(props, {
-    slots
-  }) {
-    const id = (0, import_use_id.useId)();
-    const root = (0, import_vue2.ref)();
-    const barRef = (0, import_vue2.ref)();
-    const offset = (0, import_vue2.ref)(0);
-    const {
-      children,
-      linkChildren
-    } = (0, import_use.useChildren)(DROPDOWN_KEY);
-    const scrollParent = (0, import_use.useScrollParent)(root);
-    const opened = (0, import_vue2.computed)(() => children.some((item) => item.state.showWrapper));
-    const barStyle = (0, import_vue2.computed)(() => {
-      if (opened.value && (0, import_utils.isDef)(props.zIndex)) {
-        return {
-          zIndex: +props.zIndex + 1
-        };
-      }
-    });
-    const onClickAway = () => {
-      if (props.closeOnClickOutside) {
-        children.forEach((item) => {
-          item.toggle(false);
-        });
-      }
-    };
-    const updateOffset = () => {
-      if (barRef.value) {
-        const rect = (0, import_use.useRect)(barRef);
-        if (props.direction === "down") {
-          offset.value = rect.bottom;
-        } else {
-          offset.value = import_utils.windowHeight.value - rect.top;
-        }
-      }
-    };
-    const onScroll = () => {
-      if (opened.value) {
-        updateOffset();
-      }
-    };
-    const toggleItem = (active) => {
-      children.forEach((item, index) => {
-        if (index === active) {
-          updateOffset();
-          item.toggle();
-        } else if (item.state.showPopup) {
-          item.toggle(false, {
-            immediate: true
-          });
-        }
-      });
-    };
-    const renderTitle = (item, index) => {
-      const {
-        showPopup
-      } = item.state;
-      const {
-        disabled,
-        titleClass
-      } = item;
-      return (0, import_vue.createVNode)("div", {
-        "id": `${id}-${index}`,
-        "role": "button",
-        "tabindex": disabled ? void 0 : 0,
-        "class": [bem("item", {
-          disabled
-        }), {
-          [import_utils.HAPTICS_FEEDBACK]: !disabled
-        }],
-        "onClick": () => {
-          if (!disabled) {
-            toggleItem(index);
-          }
-        }
-      }, [(0, import_vue.createVNode)("span", {
-        "class": [bem("title", {
-          down: showPopup === (props.direction === "down"),
-          active: showPopup
-        }), titleClass],
-        "style": {
-          color: showPopup ? props.activeColor : ""
-        }
-      }, [(0, import_vue.createVNode)("div", {
-        "class": "van-ellipsis"
-      }, [item.renderTitle()])])]);
-    };
-    linkChildren({
-      id,
-      props,
-      offset
-    });
-    (0, import_use.useClickAway)(root, onClickAway);
-    (0, import_use.useEventListener)("scroll", onScroll, {
-      target: scrollParent,
-      passive: true
-    });
-    return () => {
-      var _a;
-      return (0, import_vue.createVNode)("div", {
-        "ref": root,
-        "class": bem()
-      }, [(0, import_vue.createVNode)("div", {
-        "ref": barRef,
-        "style": barStyle.value,
-        "class": bem("bar", {
-          opened: opened.value
-        })
-      }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});

package/lib/dropdown-menu/index.css

@@ -1 +0,0 @@
-:root{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .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-primary-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-primary-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);box-shadow:var(--van-dropdown-menu-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}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}

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

@@ -1,63 +0,0 @@
-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;
-        default: true;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    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;
-        default: true;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-}>>, {
-    overlay: boolean;
-    duration: string | number;
-    closeOnClickOverlay: boolean;
-    direction: import("./types").DropdownMenuDirection;
-    closeOnClickOutside: boolean;
-}>>;
-export default DropdownMenu;
-export { dropdownMenuProps } from './DropdownMenu';
-export type { DropdownMenuProps };
-export type { DropdownMenuDirection, DropdownMenuThemeVars } from './types';
-declare module 'vue' {
-    interface GlobalComponents {
-        VanDropdownMenu: typeof DropdownMenu;
-    }
-}