vant 4.8.7 → 4.8.9

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) {
@@ -8621,33 +8632,56 @@ const couponCellProps = {
   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),
@@ -8985,7 +9019,7 @@ const couponListProps = {
   currency: makeStringProp("¥"),
   showCount: truthProp,
   emptyImage: String,
-  chosenCoupon: makeNumberProp(-1),
+  chosenCoupon: [Number, Array],
   enabledTitle: String,
   disabledTitle: String,
   disabledCoupons: makeArrayProp(),
@@ -9069,6 +9103,15 @@ var stdin_default$Y = vue.defineComponent({
       } = 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
       }, {
@@ -9085,9 +9128,9 @@ var stdin_default$Y = vue.defineComponent({
             "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)])];
         }
       });
@@ -9140,13 +9183,13 @@ var stdin_default$Y = vue.defineComponent({
       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]])])]);
   }
 });
@@ -9179,6 +9222,7 @@ var stdin_default$X = vue.defineComponent({
   }) {
     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();
@@ -9220,6 +9264,11 @@ var stdin_default$X = vue.defineComponent({
       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":
@@ -9253,7 +9302,12 @@ var stdin_default$X = vue.defineComponent({
     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,
@@ -10034,7 +10088,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 +10843,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 +15071,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 +15079,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 +15150,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 +15186,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
@@ -15169,10 +15236,16 @@ var stdin_default$8 = vue.defineComponent({
     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,
@@ -15245,7 +15318,12 @@ var stdin_default$8 = vue.defineComponent({
     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,
@@ -16795,7 +16873,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.7";
+const version = "4.8.9";
 function install(app) {
   const components = [
     ActionBar,

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) {
@@ -8619,33 +8630,56 @@ const couponCellProps = {
   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$_ = 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 createVNode(Cell, {
         "class": bem$Q(),
         "value": formatValue(props2),
@@ -8983,7 +9017,7 @@ const couponListProps = {
   currency: makeStringProp("¥"),
   showCount: truthProp,
   emptyImage: String,
-  chosenCoupon: makeNumberProp(-1),
+  chosenCoupon: [Number, Array],
   enabledTitle: String,
   disabledTitle: String,
   disabledCoupons: makeArrayProp(),
@@ -9067,6 +9101,15 @@ var stdin_default$Y = defineComponent({
       } = props2;
       const count = props2.showCount ? ` (${coupons.length})` : "";
       const title = (props2.enabledTitle || t$9("enable")) + count;
+      const getChosenCoupon = (chosenCoupon = [], value = 0) => {
+        const unrefChosenCoupon = unref(chosenCoupon);
+        const index = unrefChosenCoupon.indexOf(value);
+        if (index === -1) {
+          return [...unrefChosenCoupon, value];
+        }
+        unrefChosenCoupon.splice(index, 1);
+        return [...unrefChosenCoupon];
+      };
       return createVNode(Tab, {
         "title": title
       }, {
@@ -9083,9 +9126,9 @@ var stdin_default$Y = defineComponent({
             "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)])];
         }
       });
@@ -9138,13 +9181,13 @@ var stdin_default$Y = defineComponent({
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), createVNode("div", {
       "class": bem$O("bottom")
-    }, [withDirectives(createVNode(Button, {
+    }, [slots["list-button"] ? slots["list-button"]() : withDirectives(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), [[vShow, props2.showCloseButton]])])]);
   }
 });
@@ -9177,6 +9220,7 @@ var stdin_default$X = defineComponent({
   }) {
     const currentValues = ref(props2.modelValue);
     const updatedByExternalSources = ref(false);
+    const pickerRef = ref();
     const genYearOptions = () => {
       const minYear = props2.minDate.getFullYear();
       const maxYear = props2.maxDate.getFullYear();
@@ -9218,6 +9262,11 @@ var stdin_default$X = defineComponent({
       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 = computed(() => props2.columnsType.map((type) => {
       switch (type) {
         case "year":
@@ -9251,7 +9300,12 @@ var stdin_default$X = defineComponent({
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);
     const onConfirm = (...args) => emit("confirm", ...args);
+    useExpose({
+      confirm,
+      getSelectedDate
+    });
     return () => createVNode(Picker, mergeProps({
+      "ref": pickerRef,
       "modelValue": currentValues.value,
       "onUpdate:modelValue": ($event) => currentValues.value = $event,
       "columns": columns.value,
@@ -10032,7 +10086,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 +10841,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 +15069,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 +15077,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 +15148,10 @@ var stdin_default$9 = defineComponent({
         return container2.innerText;
       };
       const container = cloneContainer();
-      if (!container)
+      if (!container) {
+        needRecalculate = true;
         return;
+      }
       const {
         paddingBottom,
         paddingTop,
@@ -15123,6 +15184,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
@@ -15167,10 +15234,16 @@ var stdin_default$8 = defineComponent({
     slots
   }) {
     const currentValues = ref(props2.modelValue);
+    const pickerRef = 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 = computed(() => {
       let {
         minHour,
@@ -15243,7 +15316,12 @@ var stdin_default$8 = defineComponent({
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);
     const onConfirm = (...args) => emit("confirm", ...args);
+    useExpose({
+      confirm,
+      getSelectedTime
+    });
     return () => createVNode(Picker, mergeProps({
+      "ref": pickerRef,
       "modelValue": currentValues.value,
       "onUpdate:modelValue": ($event) => currentValues.value = $event,
       "columns": columns.value,
@@ -16793,7 +16871,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.7";
+const version = "4.8.9";
 function install(app) {
   const components = [
     ActionBar,