vant 4.8.7 → 4.8.8

package/lib/vant.es.js

@@ -39,6 +39,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 = {
@@ -3296,7 +3297,15 @@ var stdin_default$1A = 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() ? props2.nextStepText : props2.confirmButtonText;
       return createVNode("div", {
         "class": bem$1l()
@@ -5575,11 +5584,11 @@ var stdin_default$1m = defineComponent({
     slots,
     emit
   }) {
-    const onClick = () => {
+    const onClick = (event) => {
       if (props2.switchable) {
         emit("select");
       }
-      emit("click");
+      emit("click", event);
     };
     const renderRightIcon = () => createVNode(Icon, {
       "name": props2.rightIcon,
@@ -5587,7 +5596,7 @@ var stdin_default$1m = defineComponent({
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
-        emit("click");
+        emit("click", event);
       }
     }, null);
     const renderTag = () => {
@@ -5669,7 +5678,9 @@ var stdin_default$1l = 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) {
@@ -10032,7 +10043,9 @@ var stdin_default$S = defineComponent({
         initialized = true;
       });
     });
-    watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState);
+    watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState, {
+      deep: true
+    });
     const show = ref(true);
     onActivated(() => {
       show.value = true;
@@ -10785,7 +10798,9 @@ var stdin_default$N = defineComponent({
         default: () => [slots.image ? createVNode("div", {
           "class": bem$E("image-wrap")
         }, [slots.image({
-          src: props2.src
+          src: props2.src,
+          onLoad,
+          style: imageStyle.value
         })]) : createVNode(Image$1, {
           "ref": imageRef,
           "src": props2.src,
@@ -15011,6 +15026,7 @@ var stdin_default$9 = defineComponent({
     const expanded = ref(false);
     const hasAction = ref(false);
     const root = ref();
+    let needRecalculate = false;
     const actionText = computed(() => expanded.value ? props2.collapseText : props2.expandText);
     const pxToNum = (value) => {
       if (!value)
@@ -15018,26 +15034,26 @@ var stdin_default$9 = 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,
@@ -15089,8 +15105,10 @@ var stdin_default$9 = defineComponent({
         return container2.innerText;
       };
       const container = cloneContainer();
-      if (!container)
+      if (!container) {
+        needRecalculate = true;
         return;
+      }
       const {
         paddingBottom,
         paddingTop,
@@ -15123,6 +15141,12 @@ var stdin_default$9 = defineComponent({
       }, [action]);
     };
     onMounted(calcEllipsised);
+    onActivated(() => {
+      if (needRecalculate) {
+        needRecalculate = false;
+        calcEllipsised();
+      }
+    });
     watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
     useExpose({
       toggle
@@ -16793,7 +16817,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.7";
+const version = "4.8.8";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -39,6 +39,7 @@
   }
   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 = {
@@ -2368,7 +2369,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.4.12
+  * @vue/shared v3.4.15
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3760,7 +3761,15 @@
       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()
@@ -6039,11 +6048,11 @@
       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,
@@ -6051,7 +6060,7 @@
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
-          emit("click");
+          emit("click", event);
         }
       }, null);
       const renderTag = () => {
@@ -6133,7 +6142,9 @@
     }) {
       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) {
@@ -10470,7 +10481,9 @@
           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;
@@ -11220,7 +11233,9 @@
           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,
@@ -16246,6 +16261,7 @@
       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)
@@ -16253,26 +16269,26 @@
         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,
@@ -16324,8 +16340,10 @@
           return container2.innerText;
         };
         const container = cloneContainer();
-        if (!container)
+        if (!container) {
+          needRecalculate = true;
           return;
+        }
         const {
           paddingBottom,
           paddingTop,
@@ -16358,6 +16376,12 @@
         }, [action]);
       };
       vue.onMounted(calcEllipsised);
+      vue.onActivated(() => {
+        if (needRecalculate) {
+          needRecalculate = false;
+          calcEllipsised();
+        }
+      });
       vue.watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
       useExpose({
         toggle
@@ -18008,7 +18032,7 @@
       });
     }
   };
-  const version = "4.8.7";
+  const version = "4.8.8";
   function install(app) {
     const components = [
       ActionBar,