vant 4.8.8 → 4.8.9

package/lib/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/lib/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/lib/date-picker/DatePicker.js

@@ -25,6 +25,7 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_utils2 = require("./utils");
+var import_use_expose = require("../composables/use-expose");
 var import_picker = require("../picker");
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const [name] = (0, import_utils.createNamespace)("date-picker");
@@ -54,6 +55,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const currentValues = (0, import_vue2.ref)(props.modelValue);
     const updatedByExternalSources = (0, import_vue2.ref)(false);
+    const pickerRef = (0, import_vue2.ref)();
     const genYearOptions = () => {
       const minYear = props.minDate.getFullYear();
       const maxYear = props.maxDate.getFullYear();
@@ -95,6 +97,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const maxDate = isMaxYear(year) && isMaxMonth(month) ? props.maxDate.getDate() : (0, import_utils2.getMonthEndDay)(year, month);
       return (0, import_utils2.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 = (0, import_vue2.computed)(() => props.columnsType.map((type) => {
       switch (type) {
         case "year":
@@ -128,7 +135,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);
     const onConfirm = (...args) => emit("confirm", ...args);
+    (0, import_use_expose.useExpose)({
+      confirm,
+      getSelectedDate
+    });
     return () => (0, import_vue.createVNode)(import_picker.Picker, (0, import_vue.mergeProps)({
+      "ref": pickerRef,
       "modelValue": currentValues.value,
       "onUpdate:modelValue": ($event) => currentValues.value = $event,
       "columns": columns.value,

package/lib/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/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.8";
+export const version: "4.8.9";

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.8";
+const version = "4.8.9";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/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/lib/time-picker/TimePicker.js

@@ -25,6 +25,7 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../date-picker/utils");
 var import_utils2 = require("../utils");
+var import_use_expose = require("../composables/use-expose");
 var import_picker = require("../picker");
 const [name] = (0, import_utils2.createNamespace)("time-picker");
 const validateTime = (val) => /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/.test(val);
@@ -59,10 +60,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const currentValues = (0, import_vue2.ref)(props.modelValue);
+    const pickerRef = (0, import_vue2.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 = (0, import_vue2.computed)(() => {
       let {
         minHour,
@@ -135,7 +142,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);
     const onConfirm = (...args) => emit("confirm", ...args);
+    (0, import_use_expose.useExpose)({
+      confirm,
+      getSelectedTime
+    });
     return () => (0, import_vue.createVNode)(import_picker.Picker, (0, import_vue.mergeProps)({
+      "ref": pickerRef,
       "modelValue": currentValues.value,
       "onUpdate:modelValue": ($event) => currentValues.value = $event,
       "columns": columns.value,

package/lib/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/lib/vant.cjs.js

@@ -8632,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),
@@ -8996,7 +9019,7 @@ const couponListProps = {
   currency: makeStringProp("¥"),
   showCount: truthProp,
   emptyImage: String,
-  chosenCoupon: makeNumberProp(-1),
+  chosenCoupon: [Number, Array],
   enabledTitle: String,
   disabledTitle: String,
   disabledCoupons: makeArrayProp(),
@@ -9080,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
       }, {
@@ -9096,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)])];
         }
       });
@@ -9151,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]])])]);
   }
 });
@@ -9190,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();
@@ -9231,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":
@@ -9264,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,
@@ -15193,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,
@@ -15269,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,
@@ -16819,7 +16873,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.8";
+const version = "4.8.9";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -8630,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),
@@ -8994,7 +9017,7 @@ const couponListProps = {
   currency: makeStringProp("¥"),
   showCount: truthProp,
   emptyImage: String,
-  chosenCoupon: makeNumberProp(-1),
+  chosenCoupon: [Number, Array],
   enabledTitle: String,
   disabledTitle: String,
   disabledCoupons: makeArrayProp(),
@@ -9078,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
       }, {
@@ -9094,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)])];
         }
       });
@@ -9149,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]])])]);
   }
 });
@@ -9188,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();
@@ -9229,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":
@@ -9262,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,
@@ -15191,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,
@@ -15267,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,
@@ -16817,7 +16871,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.8";
+const version = "4.8.9";
 function install(app) {
   const components = [
     ActionBar,