vant 3.4.0 → 3.4.1

package/es/dropdown-item/DropdownItem.js

@@ -1,18 +1,14 @@
-import { withDirectives as _withDirectives, vShow as _vShow, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-import { reactive, Teleport, defineComponent } from 'vue'; // Utils
-
-import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp } from '../utils';
-import { DROPDOWN_KEY } from '../dropdown-menu/DropdownMenu'; // Composables
-
-import { useParent } from '@vant/use';
-import { useExpose } from '../composables/use-expose'; // Components
-
-import { Cell } from '../cell';
-import { Icon } from '../icon';
-import { Popup } from '../popup'; // Types
-
-var [name, bem] = createNamespace('dropdown-item');
-var dropdownItemProps = {
+import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { reactive, Teleport, defineComponent } from "vue";
+import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp } from "../utils";
+import { DROPDOWN_KEY } from "../dropdown-menu/DropdownMenu";
+import { useParent } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { Cell } from "../cell";
+import { Icon } from "../icon";
+import { Popup } from "../popup";
+const [name, bem] = createNamespace("dropdown-item");
+const dropdownItemProps = {
   title: String,
   options: makeArrayProp(),
   disabled: Boolean,
@@ -21,121 +17,93 @@ var dropdownItemProps = {
   modelValue: unknownProp,
   titleClass: unknownProp
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: dropdownItemProps,
-  emits: ['open', 'opened', 'close', 'closed', 'change', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var state = reactive({
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const state = reactive({
       showPopup: false,
       transition: true,
       showWrapper: false
     });
-    var {
+    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>.');
+      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 _createVNode(Icon, {
-            "class": bem('icon'),
+            "class": bem("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
         }
       };
-
       return _createVNode(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,
@@ -144,53 +112,52 @@ export default defineComponent({
         value: renderIcon
       });
     };
-
-    var renderContent = () => {
-      var {
+    const renderContent = () => {
+      const {
         offset
       } = parent;
-      var {
+      const {
         zIndex,
         overlay,
         duration,
         direction,
         closeOnClickOverlay
       } = parent.props;
-      var style = getZIndexStyle(zIndex);
-
-      if (direction === 'down') {
-        style.top = offset.value + "px";
+      const style = getZIndexStyle(zIndex);
+      if (direction === "down") {
+        style.top = `${offset.value}px`;
       } else {
-        style.bottom = offset.value + "px";
+        style.bottom = `${offset.value}px`;
       }
-
       return _withDirectives(_createVNode("div", {
         "style": style,
         "class": bem([direction]),
         "onClick": onClickWrapper
       }, [_createVNode(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()]
+        default: () => {
+          var _a;
+          return [props.options.map(renderOption), (_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
       })]), [[_vShow, state.showWrapper]]);
     };
-
     useExpose({
       state,
       toggle,
@@ -204,9 +171,10 @@ export default defineComponent({
           default: () => [renderContent()]
         });
       }
-
       return renderContent();
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/dropdown-item/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _DropdownItem from './DropdownItem';
-export var DropdownItem = withInstall(_DropdownItem);
-export default DropdownItem;
+import { withInstall } from "../utils";
+import _DropdownItem from "./DropdownItem";
+const DropdownItem = withInstall(_DropdownItem);
+var stdin_default = DropdownItem;
+export {
+  DropdownItem,
+  stdin_default as default
+};

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

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

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

package/es/dropdown-item/types.js

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

package/es/dropdown-menu/DropdownMenu.js

@@ -1,75 +1,65 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, computed, defineComponent } from 'vue'; // Utils
-
-import { isDef, truthProp, numericProp, windowHeight, makeStringProp, makeNumericProp, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { useId } from '../composables/use-id';
-import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from '@vant/use'; // Types
-
-var [name, bem] = createNamespace('dropdown-menu');
-var dropdownMenuProps = {
+import { ref, computed, defineComponent } from "vue";
+import { isDef, truthProp, numericProp, windowHeight, makeStringProp, makeNumericProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { useId } from "../composables/use-id";
+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'),
+  direction: makeStringProp("down"),
   activeColor: String,
   closeOnClickOutside: truthProp,
   closeOnClickOverlay: truthProp
 };
-export var DROPDOWN_KEY = Symbol(name);
-export default defineComponent({
+const DROPDOWN_KEY = Symbol(name);
+var stdin_default = defineComponent({
   name,
   props: dropdownMenuProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var id = useId();
-    var root = ref();
-    var barRef = ref();
-    var offset = ref(0);
-    var {
+  setup(props, {
+    slots
+  }) {
+    const id = useId();
+    const root = ref();
+    const barRef = ref();
+    const offset = ref(0);
+    const {
       children,
       linkChildren
     } = useChildren(DROPDOWN_KEY);
-    var scrollParent = useScrollParent(root);
-    var opened = computed(() => children.some(item => item.state.showWrapper));
-    var barStyle = computed(() => {
+    const scrollParent = useScrollParent(root);
+    const opened = computed(() => children.some((item) => item.state.showWrapper));
+    const barStyle = computed(() => {
       if (opened.value && isDef(props.zIndex)) {
         return {
           zIndex: +props.zIndex + 1
         };
       }
     });
-
-    var onClickAway = () => {
+    const onClickAway = () => {
       if (props.closeOnClickOutside) {
-        children.forEach(item => {
+        children.forEach((item) => {
           item.toggle(false);
         });
       }
     };
-
-    var updateOffset = () => {
+    const updateOffset = () => {
       if (barRef.value) {
-        var rect = useRect(barRef);
-
-        if (props.direction === 'down') {
+        const rect = useRect(barRef);
+        if (props.direction === "down") {
           offset.value = rect.bottom;
         } else {
           offset.value = windowHeight.value - rect.top;
         }
       }
     };
-
-    var onScroll = () => {
+    const onScroll = () => {
       if (opened.value) {
         updateOffset();
       }
     };
-
-    var toggleItem = active => {
+    const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
           updateOffset();
@@ -81,20 +71,19 @@ export default defineComponent({
         }
       });
     };
-
-    var renderTitle = (item, index) => {
-      var {
+    const renderTitle = (item, index) => {
+      const {
         showPopup
       } = item.state;
-      var {
+      const {
         disabled,
         titleClass
       } = item;
       return _createVNode("div", {
-        "id": id + "-" + index,
+        "id": `${id}-${index}`,
         "role": "button",
-        "tabindex": disabled ? undefined : 0,
-        "class": [bem('item', {
+        "tabindex": disabled ? void 0 : 0,
+        "class": [bem("item", {
           disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
@@ -105,37 +94,42 @@ export default defineComponent({
           }
         }
       }, [_createVNode("span", {
-        "class": [bem('title', {
-          down: showPopup === (props.direction === 'down'),
+        "class": [bem("title", {
+          down: showPopup === (props.direction === "down"),
           active: showPopup
         }), titleClass],
         "style": {
-          color: showPopup ? props.activeColor : ''
+          color: showPopup ? props.activeColor : ""
         }
       }, [_createVNode("div", {
         "class": "van-ellipsis"
       }, [item.renderTitle()])])]);
     };
-
     linkChildren({
       id,
       props,
       offset
     });
     useClickAway(root, onClickAway);
-    useEventListener('scroll', onScroll, {
+    useEventListener("scroll", onScroll, {
       target: scrollParent
     });
-    return () => _createVNode("div", {
-      "ref": root,
-      "class": bem()
-    }, [_createVNode("div", {
-      "ref": barRef,
-      "style": barStyle.value,
-      "class": bem('bar', {
-        opened: opened.value
-      })
-    }, [children.map(renderTitle)]), slots.default == null ? void 0 : slots.default()]);
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "ref": root,
+        "class": bem()
+      }, [_createVNode("div", {
+        "ref": barRef,
+        "style": barStyle.value,
+        "class": bem("bar", {
+          opened: opened.value
+        })
+      }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
   }
-
-});
+});
+export {
+  DROPDOWN_KEY,
+  stdin_default as default
+};

package/es/dropdown-menu/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _DropdownMenu from './DropdownMenu';
-export var DropdownMenu = withInstall(_DropdownMenu);
-export default DropdownMenu;
+import { withInstall } from "../utils";
+import _DropdownMenu from "./DropdownMenu";
+const DropdownMenu = withInstall(_DropdownMenu);
+var stdin_default = DropdownMenu;
+export {
+  DropdownMenu,
+  stdin_default as default
+};

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

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

package/es/dropdown-menu/style/less.js

@@ -1,2 +1,2 @@
-import '../../style/base.less';
-import '../index.less';
+import "../../style/base.less";
+import "../index.less";

package/es/dropdown-menu/types.js

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

package/es/empty/Empty.js

@@ -1,69 +1,60 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
-import { numericProp, getSizeStyle, makeStringProp, createNamespace } from '../utils';
-import { Network } from './Network';
-var [name, bem] = createNamespace('empty');
-var PRESET_IMAGES = ['error', 'search', 'default'];
-var emptyProps = {
-  image: makeStringProp('default'),
+import { defineComponent } from "vue";
+import { numericProp, getSizeStyle, makeStringProp, createNamespace } from "../utils";
+import { Network } from "./Network";
+const [name, bem] = createNamespace("empty");
+const PRESET_IMAGES = ["error", "search", "default"];
+const emptyProps = {
+  image: makeStringProp("default"),
   imageSize: numericProp,
   description: String
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: emptyProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-
-    var renderImage = () => {
+  setup(props, {
+    slots
+  }) {
+    const renderImage = () => {
       if (slots.image) {
         return slots.image();
       }
-
-      var {
+      let {
         image
       } = props;
-
-      if (image === 'network') {
+      if (image === "network") {
         return Network;
       }
-
       if (PRESET_IMAGES.includes(image)) {
-        image = "https://img.yzcdn.cn/vant/empty-image-" + image + ".png";
+        image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
       }
-
       return _createVNode("img", {
         "src": image
       }, null);
     };
-
-    var renderDescription = () => {
-      var description = slots.description ? slots.description() : props.description;
-
+    const renderDescription = () => {
+      const description = slots.description ? slots.description() : props.description;
       if (description) {
         return _createVNode("p", {
-          "class": bem('description')
+          "class": bem("description")
         }, [description]);
       }
     };
-
-    var renderBottom = () => {
+    const renderBottom = () => {
       if (slots.default) {
         return _createVNode("div", {
-          "class": bem('bottom')
+          "class": bem("bottom")
         }, [slots.default()]);
       }
     };
-
     return () => _createVNode("div", {
       "class": bem()
     }, [_createVNode("div", {
-      "class": bem('image'),
+      "class": bem("image"),
       "style": getSizeStyle(props.imageSize)
     }, [renderImage()]), renderDescription(), renderBottom()]);
   }
-
-});
+});
+export {
+  stdin_default as default
+};