vant 3.6.14 → 3.6.16

package/lib/dropdown-item/DropdownItem.js

@@ -17,11 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default,
-  dropdownItemProps: () => dropdownItemProps
+  default: () => stdin_default
 });
 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");
@@ -39,22 +39,19 @@ const dropdownItemProps = {
   modelValue: import_utils.unknownProp,
   titleClass: import_utils.unknownProp
 };
-var stdin_default = (0, import_vue.defineComponent)({
+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
+    slots
   }) {
-    const state = (0, import_vue.reactive)({
+    const state = (0, import_vue2.reactive)({
       showPopup: false,
       transition: true,
       showWrapper: false
     });
-    const wrapperRef = (0, import_vue.ref)();
     const {
       parent,
       index
@@ -85,7 +82,6 @@ var stdin_default = (0, import_vue.defineComponent)({
       state.showPopup = show;
       state.transition = !options.immediate;
       if (show) {
-        parent.updateOffset();
         state.showWrapper = true;
       }
     };
@@ -103,14 +99,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       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);
@@ -121,25 +111,24 @@ var stdin_default = (0, import_vue.defineComponent)({
         if (active) {
           return (0, import_vue.createVNode)(import_icon.Icon, {
             "class": bem("icon"),
-            "color": disabled ? void 0 : activeColor,
+            "color": activeColor,
             "name": "success"
           }, null);
         }
       };
       return (0, import_vue.createVNode)(import_cell.Cell, {
         "role": "menuitem",
-        "key": String(option.value),
+        "key": option.value,
         "icon": option.icon,
         "title": option.text,
         "class": bem("option", {
-          active,
-          disabled
+          active
         }),
         "style": {
           color: active ? activeColor : ""
         },
         "tabindex": active ? 0 : -1,
-        "clickable": !disabled,
+        "clickable": true,
         "onClick": onClick
       }, {
         value: renderIcon
@@ -150,7 +139,6 @@ var stdin_default = (0, import_vue.defineComponent)({
         offset
       } = parent;
       const {
-        autoLocate,
         zIndex,
         overlay,
         duration,
@@ -158,24 +146,16 @@ var stdin_default = (0, import_vue.defineComponent)({
         closeOnClickOverlay
       } = parent.props;
       const style = (0, import_utils.getZIndexStyle)(zIndex);
-      let offsetValue = offset.value;
-      if (autoLocate && wrapperRef.value) {
-        const offsetParent = (0, import_utils.getContainingBlock)(wrapperRef.value);
-        if (offsetParent) {
-          offsetValue -= (0, import_use.useRect)(offsetParent).top;
-        }
-      }
       if (direction === "down") {
-        style.top = `${offsetValue}px`;
+        style.top = `${offset.value}px`;
       } else {
-        style.bottom = `${offsetValue}px`;
+        style.bottom = `${offset.value}px`;
       }
-      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
-        "ref": wrapperRef,
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
         "style": style,
         "class": bem([direction]),
         "onClick": onClickWrapper
-      }, attrs), [(0, import_vue.createVNode)(import_popup.Popup, {
+      }, [(0, import_vue.createVNode)(import_popup.Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",
@@ -188,7 +168,6 @@ var stdin_default = (0, import_vue.defineComponent)({
           position: "absolute"
         },
         "aria-labelledby": `${parent.id}-${index.value}`,
-        "data-allow-mismatch": "attribute",
         "closeOnClickOverlay": closeOnClickOverlay,
         "onOpen": onOpen,
         "onClose": onClose,
@@ -208,7 +187,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     });
     return () => {
       if (props.teleport) {
-        return (0, import_vue.createVNode)(import_vue.Teleport, {
+        return (0, import_vue.createVNode)(import_vue2.Teleport, {
           "to": props.teleport
         }, {
           default: () => [renderContent()]

package/lib/dropdown-item/index.css

@@ -1 +1 @@
-: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)}
+: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,48 +1,47 @@
 import { DropdownItemProps } from './DropdownItem';
-export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     options: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
         default: () => never[];
     };
     disabled: BooleanConstructor;
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    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>;
-}>, (() => 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<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "open" | "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<T[]>;
+        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
         default: () => never[];
     };
     disabled: BooleanConstructor;
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    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>;
-}>> & Readonly<{
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...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';
+export type { DropdownItemInstance, DropdownItemOption } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanDropdownItem: typeof DropdownItem;

package/lib/dropdown-item/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   DropdownItem: () => DropdownItem,
-  default: () => stdin_default,
-  dropdownItemProps: () => import_DropdownItem2.dropdownItemProps
+  default: () => stdin_default
 });
 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/index.less

@@ -0,0 +1,44 @@
+@import './var.less';
+@import '../dropdown-menu/var.less';
+
+:root {
+  --van-dropdown-item-z-index: @dropdown-item-z-index;
+}
+
+.van-dropdown-item {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: var(--van-dropdown-item-z-index);
+  overflow: hidden;
+
+  &__icon {
+    display: block;
+    line-height: inherit;
+  }
+
+  &__option {
+    text-align: left;
+
+    &--active {
+      color: var(--van-dropdown-menu-option-active-color);
+
+      .van-dropdown-item__icon {
+        color: var(--van-dropdown-menu-option-active-color);
+      }
+    }
+  }
+
+  &--up {
+    top: 0;
+  }
+
+  &--down {
+    bottom: 0;
+  }
+
+  &__content {
+    position: absolute;
+    max-height: var(--van-dropdown-menu-content-max-height);
+  }
+}

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

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

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

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

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

@@ -1,14 +1,12 @@
 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;
+export declare type DropdownItemOption = {
     text: string;
     icon?: string;
-    value: DropdownItemOptionValue;
+    value: Numeric;
 };
-export type DropdownItemExpose = {
+export declare type DropdownItemExpose = {
     toggle: (show?: boolean, options?: {
         immediate?: boolean;
     }) => void;
@@ -21,7 +19,4 @@ export type DropdownItemExpose = {
     /** @private */
     renderTitle: () => string | VNode[];
 };
-export type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;
-export type DropdownItemThemeVars = {
-    dropdownItemZIndex?: number | string;
-};
+export declare type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;

package/lib/dropdown-item/var.less

@@ -0,0 +1,3 @@
+@import '../style/var.less';
+
+@dropdown-item-z-index: 10;

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

@@ -1,6 +1,6 @@
 import { type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
-export declare const dropdownMenuProps: {
+declare const dropdownMenuProps: {
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -11,11 +11,10 @@ export declare const dropdownMenuProps: {
         default: number;
     };
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<DropdownMenuDirection>;
         default: DropdownMenuDirection;
     };
     activeColor: StringConstructor;
-    autoLocate: BooleanConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
         default: true;
@@ -24,11 +23,10 @@ export declare const dropdownMenuProps: {
         type: BooleanConstructor;
         default: true;
     };
-    swipeThreshold: (NumberConstructor | StringConstructor)[];
 };
-export type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
+export declare type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
 export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -39,11 +37,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<DropdownMenuDirection>;
         default: DropdownMenuDirection;
     };
     activeColor: StringConstructor;
-    autoLocate: BooleanConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
         default: true;
@@ -52,8 +49,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         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<{
+}, () => 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;
@@ -64,11 +60,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<DropdownMenuDirection>;
         default: DropdownMenuDirection;
     };
     activeColor: StringConstructor;
-    autoLocate: BooleanConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
         default: true;
@@ -77,13 +72,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         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/lib/dropdown-menu/DropdownMenu.js

@@ -18,14 +18,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   DROPDOWN_KEY: () => DROPDOWN_KEY,
-  default: () => stdin_default,
-  dropdownMenuProps: () => dropdownMenuProps
+  default: () => stdin_default
 });
 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_expose = require("../composables/use-expose");
 var import_use = require("@vant/use");
 const [name, bem] = (0, import_utils.createNamespace)("dropdown-menu");
 const dropdownMenuProps = {
@@ -34,44 +33,38 @@ const dropdownMenuProps = {
   duration: (0, import_utils.makeNumericProp)(0.2),
   direction: (0, import_utils.makeStringProp)("down"),
   activeColor: String,
-  autoLocate: Boolean,
   closeOnClickOutside: import_utils.truthProp,
-  closeOnClickOverlay: import_utils.truthProp,
-  swipeThreshold: import_utils.numericProp
+  closeOnClickOverlay: import_utils.truthProp
 };
 const DROPDOWN_KEY = Symbol(name);
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: dropdownMenuProps,
   setup(props, {
     slots
   }) {
     const id = (0, import_use_id.useId)();
-    const root = (0, import_vue.ref)();
-    const barRef = (0, import_vue.ref)();
-    const offset = (0, import_vue.ref)(0);
+    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_vue.computed)(() => children.some((item) => item.state.showWrapper));
-    const scrollable = (0, import_vue.computed)(() => props.swipeThreshold && children.length > +props.swipeThreshold);
-    const barStyle = (0, import_vue.computed)(() => {
+    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 close = () => {
-      children.forEach((item) => {
-        item.toggle(false);
-      });
-    };
     const onClickAway = () => {
       if (props.closeOnClickOutside) {
-        close();
+        children.forEach((item) => {
+          item.toggle(false);
+        });
       }
     };
     const updateOffset = () => {
@@ -92,6 +85,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
+          updateOffset();
           item.toggle();
         } else if (item.state.showPopup) {
           item.toggle(false, {
@@ -112,10 +106,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "data-allow-mismatch": "attribute",
         "class": [bem("item", {
-          disabled,
-          grow: scrollable.value
+          disabled
         }), {
           [import_utils.HAPTICS_FEEDBACK]: !disabled
         }],
@@ -136,14 +128,10 @@ var stdin_default = (0, import_vue.defineComponent)({
         "class": "van-ellipsis"
       }, [item.renderTitle()])])]);
     };
-    (0, import_use_expose.useExpose)({
-      close
-    });
     linkChildren({
       id,
       props,
-      offset,
-      updateOffset
+      offset
     });
     (0, import_use.useClickAway)(root, onClickAway);
     (0, import_use.useEventListener)("scroll", onScroll, {
@@ -159,8 +147,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         "ref": barRef,
         "style": barStyle.value,
         "class": bem("bar", {
-          opened: opened.value,
-          scrollable: scrollable.value
+          opened: opened.value
         })
       }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };

package/lib/dropdown-menu/index.css

@@ -1 +1 @@
-: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)}
+: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, .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}.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,5 +1,5 @@
 import { DropdownMenuProps } from './DropdownMenu';
-export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -10,11 +10,10 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: number;
     };
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
         default: import("./types").DropdownMenuDirection;
     };
     activeColor: StringConstructor;
-    autoLocate: BooleanConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
         default: true;
@@ -23,8 +22,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         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<{
+}, () => 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;
@@ -35,11 +33,10 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: number;
     };
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
         default: import("./types").DropdownMenuDirection;
     };
     activeColor: StringConstructor;
-    autoLocate: BooleanConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
         default: true;
@@ -48,19 +45,16 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         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';
+export type { DropdownMenuDirection } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanDropdownMenu: typeof DropdownMenu;

package/lib/dropdown-menu/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   DropdownMenu: () => DropdownMenu,
-  default: () => stdin_default,
-  dropdownMenuProps: () => import_DropdownMenu2.dropdownMenuProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_DropdownMenu = __toESM(require("./DropdownMenu"));
-var import_DropdownMenu2 = require("./DropdownMenu");
 const DropdownMenu = (0, import_utils.withInstall)(import_DropdownMenu.default);
 var stdin_default = DropdownMenu;