vant 3.4.0 → 3.4.4

package/lib/dropdown-item/DropdownItem.js

@@ -1,153 +1,135 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _DropdownMenu = require("../dropdown-menu/DropdownMenu");
-
-var _use = require("@vant/use");
-
-var _useExpose = require("../composables/use-expose");
-
-var _cell = require("../cell");
-
-var _icon = require("../icon");
-
-var _popup = require("../popup");
-
-// Utils
-// Composables
-// Components
-var [name, bem] = (0, _utils.createNamespace)('dropdown-item');
-var dropdownItemProps = {
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_DropdownMenu = __toModule(require("../dropdown-menu/DropdownMenu"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_cell = __toModule(require("../cell"));
+var import_icon = __toModule(require("../icon"));
+var import_popup = __toModule(require("../popup"));
+const [name, bem] = (0, import_utils.createNamespace)("dropdown-item");
+const dropdownItemProps = {
   title: String,
-  options: (0, _utils.makeArrayProp)(),
+  options: (0, import_utils.makeArrayProp)(),
   disabled: Boolean,
   teleport: [String, Object],
-  lazyRender: _utils.truthProp,
-  modelValue: _utils.unknownProp,
-  titleClass: _utils.unknownProp
+  lazyRender: import_utils.truthProp,
+  modelValue: import_utils.unknownProp,
+  titleClass: import_utils.unknownProp
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: dropdownItemProps,
-  emits: ['open', 'opened', 'close', 'closed', 'change', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var state = (0, _vue.reactive)({
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const state = (0, import_vue2.reactive)({
       showPopup: false,
       transition: true,
       showWrapper: false
     });
-    var {
+    const {
       parent,
       index
-    } = (0, _use.useParent)(_DropdownMenu.DROPDOWN_KEY);
-
+    } = (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>.');
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <DropdownItem> must be a child component of <DropdownMenu>.");
       }
-
       return;
     }
-
-    var getEmitter = name => () => emit(name);
-
-    var onOpen = getEmitter('open');
-    var onClose = getEmitter('close');
-    var onOpened = getEmitter('opened');
-
-    var onClosed = () => {
+    const getEmitter = (name2) => () => emit(name2);
+    const onOpen = getEmitter("open");
+    const onClose = getEmitter("close");
+    const onOpened = getEmitter("opened");
+    const onClosed = () => {
       state.showWrapper = false;
-      emit('closed');
+      emit("closed");
     };
-
-    var onClickWrapper = event => {
-      // prevent being identified as clicking outside and closed when using teleport
+    const onClickWrapper = (event) => {
       if (props.teleport) {
         event.stopPropagation();
       }
     };
-
-    var toggle = function (show, options) {
-      if (show === void 0) {
-        show = !state.showPopup;
-      }
-
-      if (options === void 0) {
-        options = {};
-      }
-
+    const toggle = (show = !state.showPopup, options = {}) => {
       if (show === state.showPopup) {
         return;
       }
-
       state.showPopup = show;
       state.transition = !options.immediate;
-
       if (show) {
         state.showWrapper = true;
       }
     };
-
-    var renderTitle = () => {
+    const renderTitle = () => {
       if (slots.title) {
         return slots.title();
       }
-
       if (props.title) {
         return props.title;
       }
-
-      var match = props.options.find(option => option.value === props.modelValue);
-      return match ? match.text : '';
+      const match = props.options.find((option) => option.value === props.modelValue);
+      return match ? match.text : "";
     };
-
-    var renderOption = option => {
-      var {
+    const renderOption = (option) => {
+      const {
         activeColor
       } = parent.props;
-      var active = option.value === props.modelValue;
-
-      var onClick = () => {
+      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);
+          emit("update:modelValue", option.value);
+          emit("change", option.value);
         }
       };
-
-      var renderIcon = () => {
+      const renderIcon = () => {
         if (active) {
-          return (0, _vue.createVNode)(_icon.Icon, {
-            "class": bem('icon'),
+          return (0, import_vue.createVNode)(import_icon.Icon, {
+            "class": bem("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
         }
       };
-
-      return (0, _vue.createVNode)(_cell.Cell, {
+      return (0, import_vue.createVNode)(import_cell.Cell, {
         "role": "menuitem",
         "key": option.value,
         "icon": option.icon,
         "title": option.text,
-        "class": bem('option', {
+        "class": bem("option", {
           active
         }),
         "style": {
-          color: active ? activeColor : ''
+          color: active ? activeColor : ""
         },
         "tabindex": active ? 0 : -1,
         "clickable": true,
@@ -156,71 +138,66 @@ var _default = (0, _vue.defineComponent)({
         value: renderIcon
       });
     };
-
-    var renderContent = () => {
-      var {
+    const renderContent = () => {
+      const {
         offset
       } = parent;
-      var {
+      const {
         zIndex,
         overlay,
         duration,
         direction,
         closeOnClickOverlay
       } = parent.props;
-      var style = (0, _utils.getZIndexStyle)(zIndex);
-
-      if (direction === 'down') {
-        style.top = offset.value + "px";
+      const style = (0, import_utils.getZIndexStyle)(zIndex);
+      if (direction === "down") {
+        style.top = `${offset.value}px`;
       } else {
-        style.bottom = offset.value + "px";
+        style.bottom = `${offset.value}px`;
       }
-
-      return (0, _vue.withDirectives)((0, _vue.createVNode)("div", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
         "style": style,
         "class": bem([direction]),
         "onClick": onClickWrapper
-      }, [(0, _vue.createVNode)(_popup.Popup, {
+      }, [(0, import_vue.createVNode)(import_popup.Popup, {
         "show": state.showPopup,
-        "onUpdate:show": $event => state.showPopup = $event,
+        "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",
-        "class": bem('content'),
+        "class": bem("content"),
         "overlay": overlay,
-        "position": direction === 'down' ? 'top' : 'bottom',
+        "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
         "lazyRender": props.lazyRender,
         "overlayStyle": {
-          position: 'absolute'
+          position: "absolute"
         },
-        "aria-labelledby": parent.id + "-" + index.value,
+        "aria-labelledby": `${parent.id}-${index.value}`,
         "closeOnClickOverlay": closeOnClickOverlay,
         "onOpen": onOpen,
         "onClose": onClose,
         "onOpened": onOpened,
         "onClosed": onClosed
       }, {
-        default: () => [props.options.map(renderOption), slots.default == null ? void 0 : slots.default()]
-      })]), [[_vue.vShow, state.showWrapper]]);
+        default: () => {
+          var _a;
+          return [props.options.map(renderOption), (_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
+      })]), [[import_vue.vShow, state.showWrapper]]);
     };
-
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       state,
       toggle,
       renderTitle
     });
     return () => {
       if (props.teleport) {
-        return (0, _vue.createVNode)(_vue.Teleport, {
+        return (0, import_vue.createVNode)(import_vue2.Teleport, {
           "to": props.teleport
         }, {
           default: () => [renderContent()]
         });
       }
-
       return renderContent();
     };
   }
-
 });
-
-exports.default = _default;

package/lib/dropdown-item/index.css

@@ -1 +1 @@
-: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{color:var(--van-dropdown-menu-option-active-color)}.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)}
+: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

@@ -13,24 +13,21 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     };
     modelValue: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    options?: unknown;
-    disabled?: unknown;
-    teleport?: unknown;
-    lazyRender?: unknown;
-    modelValue?: unknown;
-    titleClass?: unknown;
-} & {
-    disabled: boolean;
-    lazyRender: boolean;
-    options: import("./types").DropdownItemOption[];
-} & {
-    title?: string | undefined;
-    titleClass?: unknown;
-    modelValue?: unknown;
-    teleport?: string | import("vue").RendererElement | null | undefined;
-}> & {
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").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;

package/lib/dropdown-item/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.DropdownItem = void 0;
-
-var _utils = require("../utils");
-
-var _DropdownItem2 = _interopRequireDefault(require("./DropdownItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var DropdownItem = (0, _utils.withInstall)(_DropdownItem2.default);
-exports.DropdownItem = DropdownItem;
-var _default = DropdownItem;
-exports.default = _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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  DropdownItem: () => DropdownItem,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_DropdownItem = __toModule(require("./DropdownItem"));
+const DropdownItem = (0, import_utils.withInstall)(import_DropdownItem.default);
+var stdin_default = DropdownItem;

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

@@ -1,17 +1,8 @@
-"use strict";
-
-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');
+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/style/less.js

@@ -1,17 +1,8 @@
-"use strict";
-
-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');
+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.js

@@ -1,3 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+__markAsModule(exports);

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

@@ -49,24 +49,30 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    overlay?: unknown;
-    zIndex?: unknown;
-    duration?: unknown;
-    direction?: unknown;
-    activeColor?: unknown;
-    closeOnClickOutside?: unknown;
-    closeOnClickOverlay?: unknown;
-} & {
-    overlay: boolean;
-    duration: string | number;
-    closeOnClickOverlay: boolean;
-    direction: DropdownMenuDirection;
-    closeOnClickOutside: boolean;
-} & {
-    zIndex?: string | number | undefined;
-    activeColor?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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;