vant 4.8.7 → 4.8.9

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.21
   * (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) {
@@ -9063,33 +9074,56 @@
     editable: truthProp,
     coupons: makeArrayProp(),
     currency: makeStringProp("¥"),
-    chosenCoupon: makeNumericProp(-1)
+    chosenCoupon: {
+      type: [Number, Array],
+      default: -1
+    }
   };
   function formatValue({
     coupons,
     chosenCoupon,
     currency
   }) {
-    const coupon = coupons[+chosenCoupon];
-    if (coupon) {
-      let value = 0;
+    const getValue = (coupon) => {
+      let value2 = 0;
+      const {
+        value: couponValue,
+        denominations
+      } = coupon;
       if (isDef(coupon.value)) {
-        ({
-          value
-        } = coupon);
+        value2 = couponValue;
       } else if (isDef(coupon.denominations)) {
-        value = coupon.denominations;
+        value2 = denominations;
       }
-      return `-${currency} ${(value / 100).toFixed(2)}`;
+      return value2;
+    };
+    let value = 0, isExist = false;
+    if (Array.isArray(chosenCoupon)) {
+      chosenCoupon.forEach((i) => {
+        const coupon = coupons[+i];
+        if (coupon) {
+          isExist = true;
+          value += getValue(coupon);
+        }
+      });
+    } else {
+      const coupon = coupons[+chosenCoupon];
+      if (coupon) {
+        isExist = true;
+        value = getValue(coupon);
+      }
+    }
+    if (!isExist) {
+      return coupons.length === 0 ? t$a("noCoupon") : t$a("count", coupons.length);
     }
-    return coupons.length === 0 ? t$a("noCoupon") : t$a("count", coupons.length);
+    return `-${currency} ${(value / 100).toFixed(2)}`;
   }
   var stdin_default$_ = vue.defineComponent({
     name: name$R,
     props: couponCellProps,
     setup(props2) {
       return () => {
-        const selected = props2.coupons[+props2.chosenCoupon];
+        const selected = Array.isArray(props2.chosenCoupon) ? props2.chosenCoupon.length : props2.coupons[+props2.chosenCoupon];
         return vue.createVNode(Cell, {
           "class": bem$Q(),
           "value": formatValue(props2),
@@ -9427,7 +9461,7 @@
     currency: makeStringProp("¥"),
     showCount: truthProp,
     emptyImage: String,
-    chosenCoupon: makeNumberProp(-1),
+    chosenCoupon: [Number, Array],
     enabledTitle: String,
     disabledTitle: String,
     disabledCoupons: makeArrayProp(),
@@ -9511,6 +9545,15 @@
         } = props2;
         const count = props2.showCount ? ` (${coupons.length})` : "";
         const title = (props2.enabledTitle || t$9("enable")) + count;
+        const getChosenCoupon = (chosenCoupon = [], value = 0) => {
+          const unrefChosenCoupon = vue.unref(chosenCoupon);
+          const index = unrefChosenCoupon.indexOf(value);
+          if (index === -1) {
+            return [...unrefChosenCoupon, value];
+          }
+          unrefChosenCoupon.splice(index, 1);
+          return [...unrefChosenCoupon];
+        };
         return vue.createVNode(Tab, {
           "title": title
         }, {
@@ -9527,9 +9570,9 @@
               "key": coupon.id,
               "ref": setCouponRefs(index),
               "coupon": coupon,
-              "chosen": index === props2.chosenCoupon,
+              "chosen": Array.isArray(props2.chosenCoupon) ? props2.chosenCoupon.includes(index) : index === props2.chosenCoupon,
               "currency": props2.currency,
-              "onClick": () => emit("change", index)
+              "onClick": () => emit("change", Array.isArray(props2.chosenCoupon) ? getChosenCoupon(props2.chosenCoupon, index) : index)
             }, null)), !coupons.length && renderEmpty(), (_a = slots["list-footer"]) == null ? void 0 : _a.call(slots)])];
           }
         });
@@ -9582,13 +9625,13 @@
         default: () => [renderCouponTab(), renderDisabledTab()]
       }), vue.createVNode("div", {
         "class": bem$O("bottom")
-      }, [vue.withDirectives(vue.createVNode(Button, {
+      }, [slots["list-button"] ? slots["list-button"]() : vue.withDirectives(vue.createVNode(Button, {
         "round": true,
         "block": true,
         "type": "primary",
         "class": bem$O("close"),
         "text": props2.closeButtonText || t$9("close"),
-        "onClick": () => emit("change", -1)
+        "onClick": () => emit("change", Array.isArray(props2.chosenCoupon) ? [] : -1)
       }, null), [[vue.vShow, props2.showCloseButton]])])]);
     }
   });
@@ -9621,6 +9664,7 @@
     }) {
       const currentValues = vue.ref(props2.modelValue);
       const updatedByExternalSources = vue.ref(false);
+      const pickerRef = vue.ref();
       const genYearOptions = () => {
         const minYear = props2.minDate.getFullYear();
         const maxYear = props2.maxDate.getFullYear();
@@ -9662,6 +9706,11 @@
         const maxDate = isMaxYear(year) && isMaxMonth(month) ? props2.maxDate.getDate() : getMonthEndDay(year, month);
         return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter);
       };
+      const confirm = () => {
+        var _a;
+        return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
+      };
+      const getSelectedDate = () => currentValues.value;
       const columns = vue.computed(() => props2.columnsType.map((type) => {
         switch (type) {
           case "year":
@@ -9692,7 +9741,12 @@
       const onChange = (...args) => emit("change", ...args);
       const onCancel = (...args) => emit("cancel", ...args);
       const onConfirm = (...args) => emit("confirm", ...args);
+      useExpose({
+        confirm,
+        getSelectedDate
+      });
       return () => vue.createVNode(Picker, vue.mergeProps({
+        "ref": pickerRef,
         "modelValue": currentValues.value,
         "onUpdate:modelValue": ($event) => currentValues.value = $event,
         "columns": columns.value,
@@ -10470,7 +10524,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 +11276,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 +16304,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 +16312,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 +16383,10 @@
           return container2.innerText;
         };
         const container = cloneContainer();
-        if (!container)
+        if (!container) {
+          needRecalculate = true;
           return;
+        }
         const {
           paddingBottom,
           paddingTop,
@@ -16358,6 +16419,12 @@
         }, [action]);
       };
       vue.onMounted(calcEllipsised);
+      vue.onActivated(() => {
+        if (needRecalculate) {
+          needRecalculate = false;
+          calcEllipsised();
+        }
+      });
       vue.watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
       useExpose({
         toggle
@@ -16402,10 +16469,16 @@
       slots
     }) {
       const currentValues = vue.ref(props2.modelValue);
+      const pickerRef = vue.ref();
       const getValidTime = (time) => {
         const timeLimitArr = time.split(":");
         return fullColumns.map((col, i) => props2.columnsType.includes(col) ? timeLimitArr[i] : "00");
       };
+      const confirm = () => {
+        var _a;
+        return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
+      };
+      const getSelectedTime = () => currentValues.value;
       const columns = vue.computed(() => {
         let {
           minHour,
@@ -16475,7 +16548,12 @@
       const onChange = (...args) => emit("change", ...args);
       const onCancel = (...args) => emit("cancel", ...args);
       const onConfirm = (...args) => emit("confirm", ...args);
+      useExpose({
+        confirm,
+        getSelectedTime
+      });
       return () => vue.createVNode(Picker, vue.mergeProps({
+        "ref": pickerRef,
         "modelValue": currentValues.value,
         "onUpdate:modelValue": ($event) => currentValues.value = $event,
         "columns": columns.value,
@@ -18008,7 +18086,7 @@
       });
     }
   };
-  const version = "4.8.7";
+  const version = "4.8.9";
   function install(app) {
     const components = [
       ActionBar,