vant 2.13.2 → 2.13.3

package/lib/divider/types.js

@@ -0,0 +1,15 @@
+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-item/DropdownItem.d.ts

@@ -0,0 +1,59 @@
+import { type PropType, type TeleportProps, type ExtractPropTypes } from 'vue';
+import type { DropdownItemOption } from './types';
+export declare const dropdownItemProps: {
+    title: StringConstructor;
+    options: {
+        type: PropType<T[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: PropType<TeleportProps["to"]>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: PropType<unknown>;
+    titleClass: PropType<unknown>;
+};
+export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    title: StringConstructor;
+    options: {
+        type: PropType<T[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: PropType<TeleportProps["to"]>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: PropType<unknown>;
+    titleClass: 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<ExtractPropTypes<{
+    title: StringConstructor;
+    options: {
+        type: PropType<T[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: PropType<TeleportProps["to"]>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: PropType<unknown>;
+    titleClass: 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: DropdownItemOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/dropdown-item/DropdownItem.js

@@ -0,0 +1,220 @@
+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_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_vue.defineComponent)({
+  name,
+  inheritAttrs: false,
+  props: dropdownItemProps,
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const state = (0, import_vue.reactive)({
+      showPopup: false,
+      transition: true,
+      showWrapper: false
+    });
+    const wrapperRef = (0, import_vue.ref)();
+    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) {
+        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 (0, import_vue.createVNode)(import_icon.Icon, {
+            "class": bem("icon"),
+            "color": disabled ? void 0 : activeColor,
+            "name": "success"
+          }, null);
+        }
+      };
+      return (0, import_vue.createVNode)(import_cell.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 = (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`;
+      } else {
+        style.bottom = `${offsetValue}px`;
+      }
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
+        "ref": wrapperRef,
+        "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}`,
+        "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)];
+        }
+      })]), [[import_vue.vShow, state.showWrapper]]);
+    };
+    (0, import_use_expose.useExpose)({
+      state,
+      toggle,
+      renderTitle
+    });
+    return () => {
+      if (props.teleport) {
+        return (0, import_vue.createVNode)(import_vue.Teleport, {
+          "to": props.teleport
+        }, {
+          default: () => [renderContent()]
+        });
+      }
+      return renderContent();
+    };
+  }
+});

package/lib/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/lib/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/lib/dropdown-item/index.js

@@ -1,225 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _event = require("../utils/dom/event");
-
-var _portal = require("../mixins/portal");
-
-var _relation = require("../mixins/relation");
-
-var _cell = _interopRequireDefault(require("../cell"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _popup = _interopRequireDefault(require("../popup"));
-
-// Utils
-// Mixins
-// Components
-var _createNamespace = (0, _utils.createNamespace)('dropdown-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default2 = createComponent({
-  mixins: [(0, _portal.PortalMixin)({
-    ref: 'wrapper'
-  }), (0, _relation.ChildrenMixin)('vanDropdownMenu')],
-  props: {
-    value: null,
-    title: String,
-    disabled: Boolean,
-    titleClass: String,
-    options: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    lazyRender: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data: function data() {
-    return {
-      transition: true,
-      showPopup: false,
-      showWrapper: false
-    };
-  },
-  computed: {
-    displayTitle: function displayTitle() {
-      var _this = this;
-
-      if (this.title) {
-        return this.title;
-      }
-
-      var match = this.options.filter(function (option) {
-        return option.value === _this.value;
-      });
-      return match.length ? match[0].text : '';
-    }
-  },
-  watch: {
-    showPopup: function showPopup(val) {
-      this.bindScroll(val);
-    }
-  },
-  beforeCreate: function beforeCreate() {
-    var _this2 = this;
-
-    var createEmitter = function createEmitter(eventName) {
-      return function () {
-        return _this2.$emit(eventName);
-      };
-    };
-
-    this.onOpen = createEmitter('open');
-    this.onClose = createEmitter('close');
-    this.onOpened = createEmitter('opened');
-  },
-  methods: {
-    // @exposed-api
-    toggle: function toggle(show, options) {
-      if (show === void 0) {
-        show = !this.showPopup;
-      }
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (show === this.showPopup) {
-        return;
-      }
-
-      this.transition = !options.immediate;
-      this.showPopup = show;
-
-      if (show) {
-        this.parent.updateOffset();
-        this.showWrapper = true;
-      }
-    },
-    bindScroll: function bindScroll(bind) {
-      var scroller = this.parent.scroller;
-      var action = bind ? _event.on : _event.off;
-      action(scroller, 'scroll', this.onScroll, true);
-    },
-    onScroll: function onScroll() {
-      this.parent.updateOffset();
-    },
-    onClickWrapper: function onClickWrapper(event) {
-      // prevent being identified as clicking outside and closed when use get-contaienr
-      if (this.getContainer) {
-        event.stopPropagation();
-      }
-    }
-  },
-  render: function render() {
-    var _this3 = this;
-
-    var h = arguments[0];
-    var _this$parent = this.parent,
-        zIndex = _this$parent.zIndex,
-        offset = _this$parent.offset,
-        overlay = _this$parent.overlay,
-        duration = _this$parent.duration,
-        direction = _this$parent.direction,
-        activeColor = _this$parent.activeColor,
-        closeOnClickOverlay = _this$parent.closeOnClickOverlay;
-    var Options = this.options.map(function (option) {
-      var active = option.value === _this3.value;
-      return h(_cell.default, {
-        "attrs": {
-          "clickable": true,
-          "icon": option.icon,
-          "title": option.text
-        },
-        "key": option.value,
-        "class": bem('option', {
-          active: active
-        }),
-        "style": {
-          color: active ? activeColor : ''
-        },
-        "on": {
-          "click": function click() {
-            _this3.showPopup = false;
-
-            if (option.value !== _this3.value) {
-              _this3.$emit('input', option.value);
-
-              _this3.$emit('change', option.value);
-            }
-          }
-        }
-      }, [active && h(_icon.default, {
-        "class": bem('icon'),
-        "attrs": {
-          "color": activeColor,
-          "name": "success"
-        }
-      })]);
-    });
-    var style = {
-      zIndex: zIndex
-    };
-
-    if (direction === 'down') {
-      style.top = offset + "px";
-    } else {
-      style.bottom = offset + "px";
-    }
-
-    return h("div", [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.showWrapper
-      }],
-      "ref": "wrapper",
-      "style": style,
-      "class": bem([direction]),
-      "on": {
-        "click": this.onClickWrapper
-      }
-    }, [h(_popup.default, {
-      "attrs": {
-        "overlay": overlay,
-        "position": direction === 'down' ? 'top' : 'bottom',
-        "duration": this.transition ? duration : 0,
-        "lazyRender": this.lazyRender,
-        "overlayStyle": {
-          position: 'absolute'
-        },
-        "closeOnClickOverlay": closeOnClickOverlay
-      },
-      "class": bem('content'),
-      "on": {
-        "open": this.onOpen,
-        "close": this.onClose,
-        "opened": this.onOpened,
-        "closed": function closed() {
-          _this3.showWrapper = false;
-
-          _this3.$emit('closed');
-        }
-      },
-      "model": {
-        value: _this3.showPopup,
-        callback: function callback($$v) {
-          _this3.showPopup = $$v;
-        }
-      }
-    }, [Options, this.slots('default')])])]);
+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(
+  // 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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  DropdownItem: () => DropdownItem,
+  default: () => stdin_default,
+  dropdownItemProps: () => import_DropdownItem2.dropdownItemProps
 });
-
-exports.default = _default2;
+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

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

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

@@ -1,7 +1,8 @@
-require('../../style/base.css');
-require('../../overlay/index.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../../cell/index.css');
-require('../../popup/index.css');
-require('../index.css');
+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

@@ -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/lib/dropdown-item/types.js

@@ -0,0 +1,15 @@
+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);