vant 2.13.2 → 2.13.4

package/es/dropdown-item/DropdownItem.mjs

@@ -0,0 +1,201 @@
+import { reactive, Teleport, defineComponent, ref, createVNode as _createVNode, vShow as _vShow, mergeProps as _mergeProps, withDirectives as _withDirectives } from "vue";
+import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp, getContainingBlock } from "../utils/index.mjs";
+import { DROPDOWN_KEY } from "../dropdown-menu/DropdownMenu.mjs";
+import { useParent, useRect } from "@vant/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Cell } from "../cell/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Popup } from "../popup/index.mjs";
+const [name, bem] = createNamespace("dropdown-item");
+const dropdownItemProps = {
+  title: String,
+  options: makeArrayProp(),
+  disabled: Boolean,
+  teleport: [String, Object],
+  lazyRender: truthProp,
+  modelValue: unknownProp,
+  titleClass: unknownProp
+};
+var stdin_default = defineComponent({
+  name,
+  inheritAttrs: false,
+  props: dropdownItemProps,
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const state = reactive({
+      showPopup: false,
+      transition: true,
+      showWrapper: false
+    });
+    const wrapperRef = ref();
+    const {
+      parent,
+      index
+    } = useParent(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) {
+        parent.updateOffset();
+        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 {
+        disabled
+      } = option;
+      const active = option.value === props.modelValue;
+      const onClick = () => {
+        if (disabled) {
+          return;
+        }
+        state.showPopup = false;
+        if (option.value !== props.modelValue) {
+          emit("update:modelValue", option.value);
+          emit("change", option.value);
+        }
+      };
+      const renderIcon = () => {
+        if (active) {
+          return _createVNode(Icon, {
+            "class": bem("icon"),
+            "color": disabled ? void 0 : activeColor,
+            "name": "success"
+          }, null);
+        }
+      };
+      return _createVNode(Cell, {
+        "role": "menuitem",
+        "key": String(option.value),
+        "icon": option.icon,
+        "title": option.text,
+        "class": bem("option", {
+          active,
+          disabled
+        }),
+        "style": {
+          color: active ? activeColor : ""
+        },
+        "tabindex": active ? 0 : -1,
+        "clickable": !disabled,
+        "onClick": onClick
+      }, {
+        value: renderIcon
+      });
+    };
+    const renderContent = () => {
+      const {
+        offset
+      } = parent;
+      const {
+        autoLocate,
+        zIndex,
+        overlay,
+        duration,
+        direction,
+        closeOnClickOverlay
+      } = parent.props;
+      const style = getZIndexStyle(zIndex);
+      let offsetValue = offset.value;
+      if (autoLocate && wrapperRef.value) {
+        const offsetParent = getContainingBlock(wrapperRef.value);
+        if (offsetParent) {
+          offsetValue -= useRect(offsetParent).top;
+        }
+      }
+      if (direction === "down") {
+        style.top = `${offsetValue}px`;
+      } else {
+        style.bottom = `${offsetValue}px`;
+      }
+      return _withDirectives(_createVNode("div", _mergeProps({
+        "ref": wrapperRef,
+        "style": style,
+        "class": bem([direction]),
+        "onClick": onClickWrapper
+      }, attrs), [_createVNode(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}`,
+        "data-allow-mismatch": "attribute",
+        "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)];
+        }
+      })]), [[_vShow, state.showWrapper]]);
+    };
+    useExpose({
+      state,
+      toggle,
+      renderTitle
+    });
+    return () => {
+      if (props.teleport) {
+        return _createVNode(Teleport, {
+          "to": props.teleport
+        }, {
+          default: () => [renderContent()]
+        });
+      }
+      return renderContent();
+    };
+  }
+});
+export {
+  stdin_default as default,
+  dropdownItemProps
+};

package/es/dropdown-item/index.css

@@ -1 +1 @@
-.van-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active{color:#ee0a24}.van-dropdown-item__option--active .van-dropdown-item__icon{color:#ee0a24}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:80%}
+:root,:host{--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__option--disabled,.van-dropdown-item__option--disabled .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-disabled-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/es/dropdown-item/index.d.ts

@@ -0,0 +1,50 @@
+import { DropdownItemProps } from './DropdownItem';
+export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<T[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:modelValue" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<T[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    lazyRender: boolean;
+    options: import("./types").DropdownItemOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+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/es/dropdown-item/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _DropdownItem from "./DropdownItem.mjs";
+const DropdownItem = withInstall(_DropdownItem);
+var stdin_default = DropdownItem;
+import { dropdownItemProps } from "./DropdownItem.mjs";
+export {
+  DropdownItem,
+  stdin_default as default,
+  dropdownItemProps
+};

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

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

package/es/dropdown-item/style/index.mjs

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

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

@@ -0,0 +1,27 @@
+import type { DropdownItemProps } from './DropdownItem';
+import type { VNode, ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
+export type DropdownItemOptionValue = Numeric | boolean;
+export type DropdownItemOption = {
+    disabled?: boolean;
+    text: string;
+    icon?: string;
+    value: DropdownItemOptionValue;
+};
+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/es/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,89 @@
+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<T>;
+        default: DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    autoLocate: BooleanConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeThreshold: (NumberConstructor | StringConstructor)[];
+};
+export type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
+export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<T>;
+        default: DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    autoLocate: BooleanConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeThreshold: (NumberConstructor | StringConstructor)[];
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<T>;
+        default: DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    autoLocate: BooleanConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeThreshold: (NumberConstructor | StringConstructor)[];
+}>> & Readonly<{}>, {
+    overlay: boolean;
+    duration: string | number;
+    closeOnClickOverlay: boolean;
+    direction: DropdownMenuDirection;
+    autoLocate: boolean;
+    closeOnClickOutside: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/dropdown-menu/DropdownMenu.mjs

@@ -0,0 +1,149 @@
+import { ref, computed, defineComponent, createVNode as _createVNode } from "vue";
+import { isDef, truthProp, numericProp, windowHeight, makeStringProp, makeNumericProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
+import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from "@vant/use";
+const [name, bem] = createNamespace("dropdown-menu");
+const dropdownMenuProps = {
+  overlay: truthProp,
+  zIndex: numericProp,
+  duration: makeNumericProp(0.2),
+  direction: makeStringProp("down"),
+  activeColor: String,
+  autoLocate: Boolean,
+  closeOnClickOutside: truthProp,
+  closeOnClickOverlay: truthProp,
+  swipeThreshold: numericProp
+};
+const DROPDOWN_KEY = Symbol(name);
+var stdin_default = defineComponent({
+  name,
+  props: dropdownMenuProps,
+  setup(props, {
+    slots
+  }) {
+    const id = useId();
+    const root = ref();
+    const barRef = ref();
+    const offset = ref(0);
+    const {
+      children,
+      linkChildren
+    } = useChildren(DROPDOWN_KEY);
+    const scrollParent = useScrollParent(root);
+    const opened = computed(() => children.some((item) => item.state.showWrapper));
+    const scrollable = computed(() => props.swipeThreshold && children.length > +props.swipeThreshold);
+    const barStyle = computed(() => {
+      if (opened.value && isDef(props.zIndex)) {
+        return {
+          zIndex: +props.zIndex + 1
+        };
+      }
+    });
+    const close = () => {
+      children.forEach((item) => {
+        item.toggle(false);
+      });
+    };
+    const onClickAway = () => {
+      if (props.closeOnClickOutside) {
+        close();
+      }
+    };
+    const updateOffset = () => {
+      if (barRef.value) {
+        const rect = useRect(barRef);
+        if (props.direction === "down") {
+          offset.value = rect.bottom;
+        } else {
+          offset.value = windowHeight.value - rect.top;
+        }
+      }
+    };
+    const onScroll = () => {
+      if (opened.value) {
+        updateOffset();
+      }
+    };
+    const toggleItem = (active) => {
+      children.forEach((item, index) => {
+        if (index === active) {
+          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 _createVNode("div", {
+        "id": `${id}-${index}`,
+        "role": "button",
+        "tabindex": disabled ? void 0 : 0,
+        "data-allow-mismatch": "attribute",
+        "class": [bem("item", {
+          disabled,
+          grow: scrollable.value
+        }), {
+          [HAPTICS_FEEDBACK]: !disabled
+        }],
+        "onClick": () => {
+          if (!disabled) {
+            toggleItem(index);
+          }
+        }
+      }, [_createVNode("span", {
+        "class": [bem("title", {
+          down: showPopup === (props.direction === "down"),
+          active: showPopup
+        }), titleClass],
+        "style": {
+          color: showPopup ? props.activeColor : ""
+        }
+      }, [_createVNode("div", {
+        "class": "van-ellipsis"
+      }, [item.renderTitle()])])]);
+    };
+    useExpose({
+      close
+    });
+    linkChildren({
+      id,
+      props,
+      offset,
+      updateOffset
+    });
+    useClickAway(root, onClickAway);
+    useEventListener("scroll", onScroll, {
+      target: scrollParent,
+      passive: true
+    });
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "ref": root,
+        "class": bem()
+      }, [_createVNode("div", {
+        "ref": barRef,
+        "style": barStyle.value,
+        "class": bem("bar", {
+          opened: opened.value,
+          scrollable: scrollable.value
+        })
+      }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  DROPDOWN_KEY,
+  stdin_default as default,
+  dropdownMenuProps
+};

package/es/dropdown-menu/index.css

@@ -1 +1 @@
-.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;height:48px;background-color:#fff;box-shadow:0 2px 12px rgba(100,101,102,.12)}.van-dropdown-menu__bar--opened{z-index:11}.van-dropdown-menu__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 8px;color:#323233;font-size:15px;line-height:22px}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent #dcdee0 #dcdee0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:#ee0a24}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
+:root,:host{--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-option-disabled-color: var(--van-text-color-3);--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__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.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__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.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

@@ -0,0 +1,68 @@
+import { DropdownMenuProps } from './DropdownMenu';
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<T>;
+        default: import("./types").DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    autoLocate: BooleanConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeThreshold: (NumberConstructor | StringConstructor)[];
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<T>;
+        default: import("./types").DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    autoLocate: BooleanConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeThreshold: (NumberConstructor | StringConstructor)[];
+}>> & Readonly<{}>, {
+    overlay: boolean;
+    duration: string | number;
+    closeOnClickOverlay: boolean;
+    direction: import("./types").DropdownMenuDirection;
+    autoLocate: boolean;
+    closeOnClickOutside: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default DropdownMenu;
+export { dropdownMenuProps } from './DropdownMenu';
+export type { DropdownMenuProps };
+export type { DropdownMenuInstance, DropdownMenuDirection, DropdownMenuThemeVars, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanDropdownMenu: typeof DropdownMenu;
+    }
+}

package/es/dropdown-menu/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _DropdownMenu from "./DropdownMenu.mjs";
+const DropdownMenu = withInstall(_DropdownMenu);
+var stdin_default = DropdownMenu;
+import { dropdownMenuProps } from "./DropdownMenu.mjs";
+export {
+  DropdownMenu,
+  stdin_default as default,
+  dropdownMenuProps
+};

package/es/dropdown-menu/style/index.d.ts

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

package/es/dropdown-menu/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

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

@@ -0,0 +1,27 @@
+import type { ComponentPublicInstance, Ref } from 'vue';
+import type { DropdownMenuProps } from './DropdownMenu';
+export type DropdownMenuDirection = 'up' | 'down';
+export type DropdownMenuProvide = {
+    id: string;
+    props: DropdownMenuProps;
+    offset: Ref<number>;
+    updateOffset: () => void;
+};
+export type DropdownMenuExpose = {
+    close: () => void;
+};
+export type DropdownMenuInstance = ComponentPublicInstance<DropdownMenuProps, DropdownMenuExpose>;
+export type DropdownMenuThemeVars = {
+    dropdownMenuHeight?: string;
+    dropdownMenuBackground?: string;
+    dropdownMenuShadow?: string;
+    dropdownMenuTitleFontSize?: string;
+    dropdownMenuTitleTextColor?: string;
+    dropdownMenuTitleActiveTextColor?: string;
+    dropdownMenuTitleDisabledTextColor?: string;
+    dropdownMenuTitlePadding?: string;
+    dropdownMenuTitleLineHeight?: number | string;
+    dropdownMenuOptionActiveColor?: string;
+    dropdownMenuOptionDisabledColor?: string;
+    dropdownMenuContentMaxHeight?: string;
+};