vant 4.8.7 → 4.8.8

package/README.md

@@ -126,7 +126,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
 | [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
 | [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |
-| [vue3-vant-mobile](https://github.com/CharleeWa/vue3-vant-mobile) | Mobile project template based on Vant |
+| [vue3-vant-mobile](https://github.com/easy-temps/vue3-vant-mobile) | Mobile project template based on Vant |
 | [vscode-common-intellisense](https://github.com/Simon-He95/vscode-common-intellisense) | A VS Code extension that provides better intellisense to Vant developers |
 
 ## Links

package/es/address-list/AddressList.mjs

@@ -26,7 +26,9 @@ var stdin_default = defineComponent({
   }) {
     const renderItem = (item, index, disabled) => {
       const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
-      const onClick = () => emit("clickItem", item, index);
+      const onClick = (event) => emit("clickItem", item, index, {
+        event
+      });
       const onSelect = () => {
         emit(disabled ? "selectDisabled" : "select", item, index);
         if (!disabled) {

package/es/address-list/AddressListItem.mjs

@@ -20,11 +20,11 @@ var stdin_default = defineComponent({
     slots,
     emit
   }) {
-    const onClick = () => {
+    const onClick = (event) => {
       if (props.switchable) {
         emit("select");
       }
-      emit("click");
+      emit("click", event);
     };
     const renderRightIcon = () => _createVNode(Icon, {
       "name": props.rightIcon,
@@ -32,7 +32,7 @@ var stdin_default = defineComponent({
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
-        emit("click");
+        emit("click", event);
       }
     }, null);
     const renderTag = () => {

package/es/floating-bubble/FloatingBubble.mjs

@@ -144,7 +144,9 @@ var stdin_default = defineComponent({
         initialized = true;
       });
     });
-    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState);
+    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState, {
+      deep: true
+    });
     const show = ref(true);
     onActivated(() => {
       show.value = true;

package/es/image-preview/ImagePreviewItem.mjs

@@ -318,7 +318,9 @@ var stdin_default = defineComponent({
         default: () => [slots.image ? _createVNode("div", {
           "class": bem("image-wrap")
         }, [slots.image({
-          src: props.src
+          src: props.src,
+          onLoad,
+          style: imageStyle.value
         })]) : _createVNode(Image, {
           "ref": imageRef,
           "src": props.src,

package/es/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.8.7";
+export const version: "4.8.8";

package/es/index.mjs

@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.8.7";
+const version = "4.8.8";
 function install(app) {
   const components = [
     ActionBar,

package/es/picker-group/PickerGroup.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent, Comment } from "vue";
-import { pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { defineComponent, Comment, Fragment } from "vue";
+import { flat, pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
 import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Tab } from "../tab/index.mjs";
@@ -38,7 +38,15 @@ var stdin_default = defineComponent({
     const onCancel = () => emit("cancel");
     return () => {
       var _a, _b;
-      const childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== Comment);
+      let childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== Comment).map((node) => {
+        if (node.type === Fragment) {
+          return node.children;
+        }
+        return node;
+      });
+      if (childNodes) {
+        childNodes = flat(childNodes);
+      }
       const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return _createVNode("div", {
         "class": bem()

package/es/text-ellipsis/TextEllipsis.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, computed, onMounted, defineComponent } from "vue";
+import { ref, watch, computed, onActivated, onMounted, defineComponent } from "vue";
 import { makeNumericProp, makeStringProp, createNamespace, windowWidth } from "../utils/index.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("text-ellipsis");
@@ -23,6 +23,7 @@ var stdin_default = defineComponent({
     const expanded = ref(false);
     const hasAction = ref(false);
     const root = ref();
+    let needRecalculate = false;
     const actionText = computed(() => expanded.value ? props.collapseText : props.expandText);
     const pxToNum = (value) => {
       if (!value)
@@ -30,26 +31,26 @@ var stdin_default = defineComponent({
       const match = value.match(/^\d*(\.\d*)?/);
       return match ? Number(match[0]) : 0;
     };
+    const cloneContainer = () => {
+      if (!root.value || !root.value.isConnected)
+        return;
+      const originStyle = window.getComputedStyle(root.value);
+      const container = document.createElement("div");
+      const styleNames = Array.prototype.slice.apply(originStyle);
+      styleNames.forEach((name2) => {
+        container.style.setProperty(name2, originStyle.getPropertyValue(name2));
+      });
+      container.style.position = "fixed";
+      container.style.zIndex = "-9999";
+      container.style.top = "-9999px";
+      container.style.height = "auto";
+      container.style.minHeight = "auto";
+      container.style.maxHeight = "auto";
+      container.innerText = props.content;
+      document.body.appendChild(container);
+      return container;
+    };
     const calcEllipsised = () => {
-      const cloneContainer = () => {
-        if (!root.value)
-          return;
-        const originStyle = window.getComputedStyle(root.value);
-        const container2 = document.createElement("div");
-        const styleNames = Array.prototype.slice.apply(originStyle);
-        styleNames.forEach((name2) => {
-          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
-        });
-        container2.style.position = "fixed";
-        container2.style.zIndex = "-9999";
-        container2.style.top = "-9999px";
-        container2.style.height = "auto";
-        container2.style.minHeight = "auto";
-        container2.style.maxHeight = "auto";
-        container2.innerText = props.content;
-        document.body.appendChild(container2);
-        return container2;
-      };
       const calcEllipsisText = (container2, maxHeight2) => {
         const {
           content,
@@ -101,8 +102,10 @@ var stdin_default = defineComponent({
         return container2.innerText;
       };
       const container = cloneContainer();
-      if (!container)
+      if (!container) {
+        needRecalculate = true;
         return;
+      }
       const {
         paddingBottom,
         paddingTop,
@@ -135,6 +138,12 @@ var stdin_default = defineComponent({
       }, [action]);
     };
     onMounted(calcEllipsised);
+    onActivated(() => {
+      if (needRecalculate) {
+        needRecalculate = false;
+        calcEllipsised();
+      }
+    });
     watch([windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised);
     useExpose({
       toggle

package/es/utils/basic.d.ts

@@ -27,3 +27,4 @@ export type RequiredParams<T> = T extends (...args: infer P) => infer R ? (...ar
 export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
 export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;
 export declare const toArray: <T>(item: T | T[]) => T[];
+export declare const flat: <T>(arr: (T | T[])[]) => T[];

package/es/utils/basic.mjs

@@ -35,8 +35,10 @@ function pick(obj, keys, ignoreUndefined) {
 }
 const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
 const toArray = (item) => Array.isArray(item) ? item : [item];
+const flat = (arr) => arr.reduce((acc, val) => acc.concat(val), []);
 export {
   extend,
+  flat,
   get,
   inBrowser,
   isDate,

package/lib/address-list/AddressList.js

@@ -59,7 +59,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const renderItem = (item, index, disabled) => {
       const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
-      const onClick = () => emit("clickItem", item, index);
+      const onClick = (event) => emit("clickItem", item, index, {
+        event
+      });
       const onSelect = () => {
         emit(disabled ? "selectDisabled" : "select", item, index);
         if (!disabled) {

package/lib/address-list/AddressListItem.js

@@ -42,11 +42,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots,
     emit
   }) {
-    const onClick = () => {
+    const onClick = (event) => {
       if (props.switchable) {
         emit("select");
       }
-      emit("click");
+      emit("click", event);
     };
     const renderRightIcon = () => (0, import_vue.createVNode)(import_icon.Icon, {
       "name": props.rightIcon,
@@ -54,7 +54,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
-        emit("click");
+        emit("click", event);
       }
     }, null);
     const renderTag = () => {

package/lib/floating-bubble/FloatingBubble.js

@@ -177,7 +177,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         initialized = true;
       });
     });
-    (0, import_vue2.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.gap, () => props.offset], updateState);
+    (0, import_vue2.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.gap, () => props.offset], updateState, {
+      deep: true
+    });
     const show = (0, import_vue2.ref)(true);
     (0, import_vue2.onActivated)(() => {
       show.value = true;

package/lib/image-preview/ImagePreviewItem.js

@@ -340,7 +340,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         default: () => [slots.image ? (0, import_vue.createVNode)("div", {
           "class": bem("image-wrap")
         }, [slots.image({
-          src: props.src
+          src: props.src,
+          onLoad,
+          style: imageStyle.value
         })]) : (0, import_vue.createVNode)(import_image.Image, {
           "ref": imageRef,
           "src": props.src,

package/lib/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.8.7";
+export const version: "4.8.8";

package/lib/index.js

@@ -226,7 +226,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.8.7";
+const version = "4.8.8";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/picker-group/PickerGroup.js

@@ -72,7 +72,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onCancel = () => emit("cancel");
     return () => {
       var _a, _b;
-      const childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== import_vue2.Comment);
+      let childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== import_vue2.Comment).map((node) => {
+        if (node.type === import_vue2.Fragment) {
+          return node.children;
+        }
+        return node;
+      });
+      if (childNodes) {
+        childNodes = (0, import_utils.flat)(childNodes);
+      }
       const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return (0, import_vue.createVNode)("div", {
         "class": bem()

package/lib/text-ellipsis/TextEllipsis.js

@@ -46,6 +46,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const expanded = (0, import_vue2.ref)(false);
     const hasAction = (0, import_vue2.ref)(false);
     const root = (0, import_vue2.ref)();
+    let needRecalculate = false;
     const actionText = (0, import_vue2.computed)(() => expanded.value ? props.collapseText : props.expandText);
     const pxToNum = (value) => {
       if (!value)
@@ -53,26 +54,26 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const match = value.match(/^\d*(\.\d*)?/);
       return match ? Number(match[0]) : 0;
     };
+    const cloneContainer = () => {
+      if (!root.value || !root.value.isConnected)
+        return;
+      const originStyle = window.getComputedStyle(root.value);
+      const container = document.createElement("div");
+      const styleNames = Array.prototype.slice.apply(originStyle);
+      styleNames.forEach((name2) => {
+        container.style.setProperty(name2, originStyle.getPropertyValue(name2));
+      });
+      container.style.position = "fixed";
+      container.style.zIndex = "-9999";
+      container.style.top = "-9999px";
+      container.style.height = "auto";
+      container.style.minHeight = "auto";
+      container.style.maxHeight = "auto";
+      container.innerText = props.content;
+      document.body.appendChild(container);
+      return container;
+    };
     const calcEllipsised = () => {
-      const cloneContainer = () => {
-        if (!root.value)
-          return;
-        const originStyle = window.getComputedStyle(root.value);
-        const container2 = document.createElement("div");
-        const styleNames = Array.prototype.slice.apply(originStyle);
-        styleNames.forEach((name2) => {
-          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
-        });
-        container2.style.position = "fixed";
-        container2.style.zIndex = "-9999";
-        container2.style.top = "-9999px";
-        container2.style.height = "auto";
-        container2.style.minHeight = "auto";
-        container2.style.maxHeight = "auto";
-        container2.innerText = props.content;
-        document.body.appendChild(container2);
-        return container2;
-      };
       const calcEllipsisText = (container2, maxHeight2) => {
         const {
           content,
@@ -124,8 +125,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return container2.innerText;
       };
       const container = cloneContainer();
-      if (!container)
+      if (!container) {
+        needRecalculate = true;
         return;
+      }
       const {
         paddingBottom,
         paddingTop,
@@ -158,6 +161,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, [action]);
     };
     (0, import_vue2.onMounted)(calcEllipsised);
+    (0, import_vue2.onActivated)(() => {
+      if (needRecalculate) {
+        needRecalculate = false;
+        calcEllipsised();
+      }
+    });
     (0, import_vue2.watch)([import_utils.windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised);
     (0, import_use_expose.useExpose)({
       toggle

package/lib/utils/basic.d.ts

@@ -27,3 +27,4 @@ export type RequiredParams<T> = T extends (...args: infer P) => infer R ? (...ar
 export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
 export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;
 export declare const toArray: <T>(item: T | T[]) => T[];
+export declare const flat: <T>(arr: (T | T[])[]) => T[];

package/lib/utils/basic.js

@@ -18,6 +18,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   extend: () => extend,
+  flat: () => flat,
   get: () => get,
   inBrowser: () => inBrowser,
   isDate: () => isDate,
@@ -71,3 +72,4 @@ function pick(obj, keys, ignoreUndefined) {
 }
 const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
 const toArray = (item) => Array.isArray(item) ? item : [item];
+const flat = (arr) => arr.reduce((acc, val) => acc.concat(val), []);

package/lib/vant.cjs.js

@@ -41,6 +41,7 @@ function pick(obj, keys, ignoreUndefined) {
 }
 const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
 const toArray = (item) => Array.isArray(item) ? item : [item];
+const flat = (arr) => arr.reduce((acc, val) => acc.concat(val), []);
 const unknownProp = null;
 const numericProp = [Number, String];
 const truthProp = {
@@ -3298,7 +3299,15 @@ var stdin_default$1A = vue.defineComponent({
     const onCancel = () => emit("cancel");
     return () => {
       var _a, _b;
-      const childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== vue.Comment);
+      let childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== vue.Comment).map((node) => {
+        if (node.type === vue.Fragment) {
+          return node.children;
+        }
+        return node;
+      });
+      if (childNodes) {
+        childNodes = flat(childNodes);
+      }
       const confirmButtonText = showNextButton() ? props2.nextStepText : props2.confirmButtonText;
       return vue.createVNode("div", {
         "class": bem$1l()
@@ -5577,11 +5586,11 @@ var stdin_default$1m = vue.defineComponent({
     slots,
     emit
   }) {
-    const onClick = () => {
+    const onClick = (event) => {
       if (props2.switchable) {
         emit("select");
       }
-      emit("click");
+      emit("click", event);
     };
     const renderRightIcon = () => vue.createVNode(Icon, {
       "name": props2.rightIcon,
@@ -5589,7 +5598,7 @@ var stdin_default$1m = vue.defineComponent({
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
-        emit("click");
+        emit("click", event);
       }
     }, null);
     const renderTag = () => {
@@ -5671,7 +5680,9 @@ var stdin_default$1l = vue.defineComponent({
   }) {
     const renderItem = (item, index, disabled) => {
       const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
-      const onClick = () => emit("clickItem", item, index);
+      const onClick = (event) => emit("clickItem", item, index, {
+        event
+      });
       const onSelect = () => {
         emit(disabled ? "selectDisabled" : "select", item, index);
         if (!disabled) {
@@ -10034,7 +10045,9 @@ var stdin_default$S = vue.defineComponent({
         initialized = true;
       });
     });
-    vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState);
+    vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState, {
+      deep: true
+    });
     const show = vue.ref(true);
     vue.onActivated(() => {
       show.value = true;
@@ -10787,7 +10800,9 @@ var stdin_default$N = vue.defineComponent({
         default: () => [slots.image ? vue.createVNode("div", {
           "class": bem$E("image-wrap")
         }, [slots.image({
-          src: props2.src
+          src: props2.src,
+          onLoad,
+          style: imageStyle.value
         })]) : vue.createVNode(Image$1, {
           "ref": imageRef,
           "src": props2.src,
@@ -15013,6 +15028,7 @@ var stdin_default$9 = vue.defineComponent({
     const expanded = vue.ref(false);
     const hasAction = vue.ref(false);
     const root = vue.ref();
+    let needRecalculate = false;
     const actionText = vue.computed(() => expanded.value ? props2.collapseText : props2.expandText);
     const pxToNum = (value) => {
       if (!value)
@@ -15020,26 +15036,26 @@ var stdin_default$9 = vue.defineComponent({
       const match = value.match(/^\d*(\.\d*)?/);
       return match ? Number(match[0]) : 0;
     };
+    const cloneContainer = () => {
+      if (!root.value || !root.value.isConnected)
+        return;
+      const originStyle = window.getComputedStyle(root.value);
+      const container = document.createElement("div");
+      const styleNames = Array.prototype.slice.apply(originStyle);
+      styleNames.forEach((name2) => {
+        container.style.setProperty(name2, originStyle.getPropertyValue(name2));
+      });
+      container.style.position = "fixed";
+      container.style.zIndex = "-9999";
+      container.style.top = "-9999px";
+      container.style.height = "auto";
+      container.style.minHeight = "auto";
+      container.style.maxHeight = "auto";
+      container.innerText = props2.content;
+      document.body.appendChild(container);
+      return container;
+    };
     const calcEllipsised = () => {
-      const cloneContainer = () => {
-        if (!root.value)
-          return;
-        const originStyle = window.getComputedStyle(root.value);
-        const container2 = document.createElement("div");
-        const styleNames = Array.prototype.slice.apply(originStyle);
-        styleNames.forEach((name2) => {
-          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
-        });
-        container2.style.position = "fixed";
-        container2.style.zIndex = "-9999";
-        container2.style.top = "-9999px";
-        container2.style.height = "auto";
-        container2.style.minHeight = "auto";
-        container2.style.maxHeight = "auto";
-        container2.innerText = props2.content;
-        document.body.appendChild(container2);
-        return container2;
-      };
       const calcEllipsisText = (container2, maxHeight2) => {
         const {
           content,
@@ -15091,8 +15107,10 @@ var stdin_default$9 = vue.defineComponent({
         return container2.innerText;
       };
       const container = cloneContainer();
-      if (!container)
+      if (!container) {
+        needRecalculate = true;
         return;
+      }
       const {
         paddingBottom,
         paddingTop,
@@ -15125,6 +15143,12 @@ var stdin_default$9 = vue.defineComponent({
       }, [action]);
     };
     vue.onMounted(calcEllipsised);
+    vue.onActivated(() => {
+      if (needRecalculate) {
+        needRecalculate = false;
+        calcEllipsised();
+      }
+    });
     vue.watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
     useExpose({
       toggle
@@ -16795,7 +16819,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.7";
+const version = "4.8.8";
 function install(app) {
   const components = [
     ActionBar,