vant 4.8.7 → 4.8.9

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/coupon-cell/CouponCell.d.ts

@@ -19,7 +19,7 @@ export declare const couponCellProps: {
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | ArrayConstructor)[];
         default: number;
     };
 };
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | ArrayConstructor)[];
         default: number;
     };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | ArrayConstructor)[];
         default: number;
     };
 }>>, {
@@ -73,6 +73,6 @@ declare const _default: import("vue").DefineComponent<{
     currency: string;
     editable: boolean;
     coupons: CouponInfo[];
-    chosenCoupon: string | number;
+    chosenCoupon: number | unknown[];
 }, {}>;
 export default _default;

package/es/coupon-cell/CouponCell.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { isDef, truthProp, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { isDef, truthProp, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { Cell } from "../cell/index.mjs";
 const [name, bem, t] = createNamespace("coupon-cell");
 const couponCellProps = {
@@ -9,33 +9,56 @@ const couponCellProps = {
   editable: truthProp,
   coupons: makeArrayProp(),
   currency: makeStringProp("\xA5"),
-  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 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);
     }
-    return `-${currency} ${(value / 100).toFixed(2)}`;
   }
-  return coupons.length === 0 ? t("noCoupon") : t("count", coupons.length);
+  if (!isExist) {
+    return coupons.length === 0 ? t("noCoupon") : t("count", coupons.length);
+  }
+  return `-${currency} ${(value / 100).toFixed(2)}`;
 }
 var stdin_default = defineComponent({
   name,
   props: couponCellProps,
   setup(props) {
     return () => {
-      const selected = props.coupons[+props.chosenCoupon];
+      const selected = Array.isArray(props.chosenCoupon) ? props.chosenCoupon.length : props.coupons[+props.chosenCoupon];
       return _createVNode(Cell, {
         "class": bem(),
         "value": formatValue(props),

package/es/coupon-cell/index.d.ts

@@ -17,7 +17,7 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | ArrayConstructor)[];
         default: number;
     };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -39,7 +39,7 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | ArrayConstructor)[];
         default: number;
     };
 }>>, {
@@ -47,7 +47,7 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
     currency: string;
     editable: boolean;
     coupons: import("..").CouponInfo[];
-    chosenCoupon: string | number;
+    chosenCoupon: number | unknown[];
 }, {}>>;
 export default CouponCell;
 export { couponCellProps } from './CouponCell';

package/es/coupon-list/CouponList.d.ts

@@ -18,10 +18,7 @@ export declare const couponListProps: {
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: {
-        type: NumberConstructor;
-        default: number;
-    };
+    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
@@ -69,10 +66,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: {
-        type: NumberConstructor;
-        default: number;
-    };
+    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
@@ -118,10 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: {
-        type: NumberConstructor;
-        default: number;
-    };
+    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
@@ -157,7 +148,6 @@ declare const _default: import("vue").DefineComponent<{
     code: string;
     currency: string;
     coupons: CouponInfo[];
-    chosenCoupon: number;
     showCount: boolean;
     disabledCoupons: CouponInfo[];
     showExchangeBar: boolean;

package/es/coupon-list/CouponList.mjs

@@ -1,5 +1,5 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { ref, watch, computed, nextTick, onMounted, defineComponent } from "vue";
+import { ref, watch, computed, nextTick, onMounted, unref, defineComponent } from "vue";
 import { truthProp, windowHeight, makeArrayProp, makeStringProp, makeNumberProp, createNamespace } from "../utils/index.mjs";
 import { useRefs } from "../composables/use-refs.mjs";
 import { Tab } from "../tab/index.mjs";
@@ -16,7 +16,7 @@ const couponListProps = {
   currency: makeStringProp("\xA5"),
   showCount: truthProp,
   emptyImage: String,
-  chosenCoupon: makeNumberProp(-1),
+  chosenCoupon: [Number, Array],
   enabledTitle: String,
   disabledTitle: String,
   disabledCoupons: makeArrayProp(),
@@ -100,6 +100,15 @@ var stdin_default = defineComponent({
       } = props;
       const count = props.showCount ? ` (${coupons.length})` : "";
       const title = (props.enabledTitle || t("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
       }, {
@@ -116,9 +125,9 @@ var stdin_default = defineComponent({
             "key": coupon.id,
             "ref": setCouponRefs(index),
             "coupon": coupon,
-            "chosen": index === props.chosenCoupon,
+            "chosen": Array.isArray(props.chosenCoupon) ? props.chosenCoupon.includes(index) : index === props.chosenCoupon,
             "currency": props.currency,
-            "onClick": () => emit("change", index)
+            "onClick": () => emit("change", Array.isArray(props.chosenCoupon) ? getChosenCoupon(props.chosenCoupon, index) : index)
           }, null)), !coupons.length && renderEmpty(), (_a = slots["list-footer"]) == null ? void 0 : _a.call(slots)])];
         }
       });
@@ -171,13 +180,13 @@ var stdin_default = defineComponent({
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), _createVNode("div", {
       "class": bem("bottom")
-    }, [_withDirectives(_createVNode(Button, {
+    }, [slots["list-button"] ? slots["list-button"]() : _withDirectives(_createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
       "class": bem("close"),
       "text": props.closeButtonText || t("close"),
-      "onClick": () => emit("change", -1)
+      "onClick": () => emit("change", Array.isArray(props.chosenCoupon) ? [] : -1)
     }, null), [[_vShow, props.showCloseButton]])])]);
   }
 });

package/es/coupon-list/index.d.ts

@@ -16,10 +16,7 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: {
-        type: NumberConstructor;
-        default: number;
-    };
+    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
@@ -65,10 +62,7 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: {
-        type: NumberConstructor;
-        default: number;
-    };
+    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
@@ -104,7 +98,6 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     code: string;
     currency: string;
     coupons: import("..").CouponInfo[];
-    chosenCoupon: number;
     showCount: boolean;
     disabledCoupons: import("..").CouponInfo[];
     showExchangeBar: boolean;

package/es/date-picker/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type ComponentPublicInstance, type PropType, type ExtractPropTypes } from 'vue';
 export type DatePickerColumnType = 'year' | 'month' | 'day';
 export declare const datePickerProps: {
     loading: BooleanConstructor;
@@ -50,7 +50,12 @@ export declare const datePickerProps: {
         validator: (val: unknown) => val is Date;
     };
 };
+export type DatePickerExpose = {
+    confirm: () => void;
+    getSelectedDate: () => string[];
+};
 export type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+export type DatePickerInstance = ComponentPublicInstance<DatePickerProps, DatePickerExpose>;
 declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;

package/es/date-picker/DatePicker.mjs

@@ -2,6 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, computed, defineComponent } from "vue";
 import { pick, extend, isDate, isSameValue, createNamespace } from "../utils/index.mjs";
 import { genOptions, sharedProps, getMonthEndDay, pickerInheritKeys, formatValueRange } from "./utils.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 import { Picker } from "../picker/index.mjs";
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const [name] = createNamespace("date-picker");
@@ -31,6 +32,7 @@ var stdin_default = defineComponent({
   }) {
     const currentValues = ref(props.modelValue);
     const updatedByExternalSources = ref(false);
+    const pickerRef = ref();
     const genYearOptions = () => {
       const minYear = props.minDate.getFullYear();
       const maxYear = props.maxDate.getFullYear();
@@ -72,6 +74,11 @@ var stdin_default = defineComponent({
       const maxDate = isMaxYear(year) && isMaxMonth(month) ? props.maxDate.getDate() : getMonthEndDay(year, month);
       return genOptions(minDate, maxDate, "day", props.formatter, props.filter);
     };
+    const confirm = () => {
+      var _a;
+      return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
+    };
+    const getSelectedDate = () => currentValues.value;
     const columns = computed(() => props.columnsType.map((type) => {
       switch (type) {
         case "year":
@@ -105,7 +112,12 @@ var stdin_default = 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,

package/es/date-picker/index.d.ts

@@ -119,7 +119,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
 export default DatePicker;
 export { datePickerProps } from './DatePicker';
 export type { DatePickerProps };
-export type { DatePickerColumnType } from './DatePicker';
+export type { DatePickerColumnType, DatePickerInstance } from './DatePicker';
 declare module 'vue' {
     interface GlobalComponents {
         VanDatePicker: typeof DatePicker;

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.9";

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.9";
 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/time-picker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import { type ExtractPropTypes, type PropType } from 'vue';
+import { type ExtractPropTypes, type PropType, type ComponentPublicInstance } from 'vue';
 export type TimePickerColumnType = 'hour' | 'minute' | 'second';
 export declare const timePickerProps: {
     loading: BooleanConstructor;
@@ -74,6 +74,11 @@ export declare const timePickerProps: {
     filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
 };
 export type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
+export type TimePickerExpose = {
+    confirm: () => void;
+    getSelectedTime: () => string[];
+};
+export type TimePickerInstance = ComponentPublicInstance<TimePickerProps, TimePickerExpose>;
 declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;

package/es/time-picker/TimePicker.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { computed, defineComponent, ref, watch } from "vue";
 import { formatValueRange, genOptions, pickerInheritKeys, sharedProps } from "../date-picker/utils.mjs";
-import { createNamespace, extend, isSameValue, makeNumericProp, pick } from "../utils/index.mjs";
+import { pick, extend, isSameValue, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 import { Picker } from "../picker/index.mjs";
 const [name] = createNamespace("time-picker");
 const validateTime = (val) => /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/.test(val);
@@ -36,10 +37,16 @@ var stdin_default = defineComponent({
     slots
   }) {
     const currentValues = ref(props.modelValue);
+    const pickerRef = ref();
     const getValidTime = (time) => {
       const timeLimitArr = time.split(":");
       return fullColumns.map((col, i) => props.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,
@@ -112,7 +119,12 @@ var stdin_default = 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,

package/es/time-picker/index.d.ts

@@ -169,7 +169,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
 export default TimePicker;
 export { timePickerProps } from './TimePicker';
 export type { TimePickerProps };
-export type { TimePickerColumnType } from './TimePicker';
+export type { TimePickerColumnType, TimePickerInstance } from './TimePicker';
 declare module 'vue' {
     interface GlobalComponents {
         VanTimePicker: typeof TimePicker;

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) {