vant 3.6.12 → 3.6.13

package/es/contact-list/ContactList.d.ts

@@ -1,32 +1,32 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
-export declare type ContactListItem = {
+export type ContactListItem = {
     id?: Numeric;
     tel: Numeric;
     name: string;
     isDefault?: boolean;
 };
-declare const contactListProps: {
+export declare const contactListProps: {
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;
     modelValue: PropType<unknown>;
     defaultTagText: StringConstructor;
 };
-export declare type ContactListProps = ExtractPropTypes<typeof contactListProps>;
-declare const _default: import("vue").DefineComponent<{
+export type ContactListProps = ExtractPropTypes<typeof contactListProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;
     modelValue: PropType<unknown>;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit")[], "select" | "update:modelValue" | "add" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "add" | "update:modelValue" | "edit")[], "select" | "add" | "update:modelValue" | "edit", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;
     modelValue: PropType<unknown>;
     defaultTagText: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/contact-list/ContactList.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode } from "vue";
 import { createNamespace, unknownProp } from "../utils/index.mjs";
 import { Tag } from "../tag/index.mjs";
 import { Icon } from "../icon/index.mjs";
@@ -29,7 +28,7 @@ var stdin_default = defineComponent({
       const renderRightIcon = () => _createVNode(Radio, {
         "class": bem("radio"),
         "name": item.id,
-        "iconSize": 16
+        "iconSize": 18
       }, null);
       const renderEditIcon = () => _createVNode(Icon, {
         "name": "edit",
@@ -43,7 +42,7 @@ var stdin_default = defineComponent({
         const nodes = [`${item.name}\uFF0C${item.tel}`];
         if (item.isDefault && props.defaultTagText) {
           nodes.push(_createVNode(Tag, {
-            "type": "danger",
+            "type": "primary",
             "round": true,
             "class": bem("item-tag")
           }, {
@@ -57,11 +56,11 @@ var stdin_default = defineComponent({
         "isLink": true,
         "center": true,
         "class": bem("item"),
-        "valueClass": bem("item-value"),
+        "titleClass": bem("item-title"),
         "onClick": onClick
       }, {
         icon: renderEditIcon,
-        value: renderContent,
+        title: renderContent,
         "right-icon": renderRightIcon
       });
     };
@@ -77,7 +76,7 @@ var stdin_default = defineComponent({
     }, [_createVNode(Button, {
       "round": true,
       "block": true,
-      "type": "danger",
+      "type": "primary",
       "class": bem("add"),
       "text": props.addText || t("addContact"),
       "onClick": () => emit("add")
@@ -85,5 +84,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  contactListProps,
   stdin_default as default
 };

package/es/contact-list/index.css

@@ -1 +1 @@
-:root{--van-contact-list-edit-icon-size: 16px;--van-contact-list-add-button-z-index: 999;--van-contact-list-item-padding: var(--van-padding-md);--van-contact-list-item-radio-icon-color: var(--van-danger-color)}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-value{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-item-radio-icon-color);border-color:var(--van-contact-list-item-radio-icon-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-color-light)}.van-contact-list__add{height:40px;margin:5px 0}
+:root,:host{--van-contact-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;--van-contact-list-edit-icon-size: 16px;--van-contact-list-add-button-z-index: 999;--van-contact-list-radio-color: var(--van-primary-color);--van-contact-list-item-padding: var(--van-padding-md)}.van-contact-list{box-sizing:border-box;height:100%;padding:var(--van-contact-list-padding)}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-title{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;border-radius:var(--van-radius-lg)}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-radio-color);border-color:var(--van-contact-list-radio-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-2)}.van-contact-list__add{height:40px;margin:5px 0}

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

@@ -1,21 +1,23 @@
-export declare const ContactList: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ContactList: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     list: import("vue").PropType<import("./ContactList").ContactListItem[]>;
     addText: StringConstructor;
     modelValue: import("vue").PropType<unknown>;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit")[], "select" | "update:modelValue" | "add" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "add" | "update:modelValue" | "edit")[], "select" | "add" | "update:modelValue" | "edit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     list: import("vue").PropType<import("./ContactList").ContactListItem[]>;
     addText: StringConstructor;
     modelValue: import("vue").PropType<unknown>;
     defaultTagText: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
-}, {}>>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ContactList;
+export { contactListProps } from './ContactList';
 export type { ContactListItem, ContactListProps } from './ContactList';
+export type { ContactListThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanContactList: typeof ContactList;

package/es/contact-list/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _ContactList from "./ContactList.mjs";
 const ContactList = withInstall(_ContactList);
 var stdin_default = ContactList;
+import { contactListProps } from "./ContactList.mjs";
 export {
   ContactList,
+  contactListProps,
   stdin_default as default
 };

package/es/contact-list/types.d.ts

@@ -0,0 +1,6 @@
+export type ContactListThemeVars = {
+    contactListEditIconSize?: string;
+    contactListAddButtonZIndex?: number | string;
+    contactListRadioColor?: string;
+    contactListItemPadding?: string;
+};

package/es/count-down/CountDown.d.ts

@@ -1,11 +1,11 @@
 import { type ExtractPropTypes } from 'vue';
-declare const countDownProps: {
+export declare const countDownProps: {
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     autoStart: {
@@ -14,14 +14,14 @@ declare const countDownProps: {
     };
     millisecond: BooleanConstructor;
 };
-export declare type CountDownProps = ExtractPropTypes<typeof countDownProps>;
-declare const _default: import("vue").DefineComponent<{
+export type CountDownProps = ExtractPropTypes<typeof countDownProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     autoStart: {
@@ -29,13 +29,13 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     millisecond: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "finish")[], "change" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "finish")[], "change" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     autoStart: {
@@ -43,13 +43,13 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     millisecond: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     time: string | number;
     format: string;
     autoStart: boolean;
     millisecond: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/count-down/CountDown.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { watch, computed, defineComponent } from "vue";
+import { watch, computed, defineComponent, createVNode as _createVNode } from "vue";
 import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { parseFormat } from "./utils.mjs";
 import { useCountDown } from "@vant/use";
@@ -52,5 +51,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  countDownProps,
   stdin_default as default
 };

package/es/count-down/index.css

@@ -1 +1 @@
-:root{--van-count-down-text-color: var(--van-text-color);--van-count-down-font-size: var(--van-font-size-md);--van-count-down-line-height: var(--van-line-height-md)}.van-count-down{color:var(--van-count-down-text-color);font-size:var(--van-count-down-font-size);line-height:var(--van-count-down-line-height)}
+:root,:host{--van-count-down-text-color: var(--van-text-color);--van-count-down-font-size: var(--van-font-size-md);--van-count-down-line-height: var(--van-line-height-md)}.van-count-down{color:var(--van-count-down-text-color);font-size:var(--van-count-down-font-size);line-height:var(--van-count-down-line-height)}

package/es/count-down/index.d.ts

@@ -1,10 +1,10 @@
-export declare const CountDown: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CountDown: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     autoStart: {
@@ -12,13 +12,13 @@ export declare const CountDown: import("../utils").WithInstall<import("vue").Def
         default: true;
     };
     millisecond: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "finish")[], "change" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "finish")[], "change" | "finish", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     autoStart: {
@@ -26,18 +26,19 @@ export declare const CountDown: import("../utils").WithInstall<import("vue").Def
         default: true;
     };
     millisecond: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     time: string | number;
     format: string;
     autoStart: boolean;
     millisecond: boolean;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CountDown;
+export { countDownProps } from './CountDown';
 export type { CountDownProps } from './CountDown';
-export type { CountDownInstance, CountDownCurrentTime } from './types';
+export type { CountDownInstance, CountDownThemeVars, CountDownCurrentTime, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCountDown: typeof CountDown;

package/es/count-down/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CountDown from "./CountDown.mjs";
 const CountDown = withInstall(_CountDown);
 var stdin_default = CountDown;
+import { countDownProps } from "./CountDown.mjs";
 export {
   CountDown,
+  countDownProps,
   stdin_default as default
 };

package/es/count-down/types.d.ts

@@ -1,11 +1,16 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { CurrentTime } from '@vant/use';
 import type { CountDownProps } from './CountDown';
-declare type CountDownExpose = {
+type CountDownExpose = {
     start: () => void;
     pause: () => void;
     reset: () => void;
 };
-export declare type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>;
-export declare type CountDownCurrentTime = CurrentTime;
+export type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>;
+export type CountDownCurrentTime = CurrentTime;
+export type CountDownThemeVars = {
+    countDownTextColor?: string;
+    countDownFontSize?: string;
+    countDownLineHeight?: number | string;
+};
 export {};

package/es/coupon/Coupon.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import { type Numeric } from '../utils';
-export declare type CouponInfo = {
+export type CouponInfo = {
     id: Numeric;
     name: string;
     endAt: number;
@@ -15,7 +15,7 @@ export declare type CouponInfo = {
     denominations?: number;
     originCondition?: number;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: PropType<CouponInfo>;
@@ -23,10 +23,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     currency: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: PropType<CouponInfo>;
@@ -34,12 +34,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     currency: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     disabled: boolean;
     currency: string;
     chosen: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/coupon/Coupon.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { makeStringProp, createNamespace, makeRequiredProp } from "../utils/index.mjs";
 import { getDate, formatAmount, formatDiscount } from "./utils.mjs";
 import { Checkbox } from "../checkbox/index.mjs";

package/es/coupon/index.css

@@ -1 +1 @@
-:root{--van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height: 84px;--van-coupon-content-padding: 14px 0;--van-coupon-content-text-color: var(--van-text-color);--van-coupon-background-color: var(--van-background-color-light);--van-coupon-active-background-color: var(--van-active-color);--van-coupon-border-radius: var(--van-border-radius-lg);--van-coupon-box-shadow: 0 0 4px rgba(0, 0, 0, .1);--van-coupon-head-width: 96px;--van-coupon-amount-color: var(--van-danger-color);--van-coupon-amount-font-size: 30px;--van-coupon-currency-font-size: 40%;--van-coupon-name-font-size: var(--van-font-size-md);--van-coupon-disabled-text-color: var(--van-text-color-2);--van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color: var(--van-border-color);--van-coupon-corner-checkbox-icon-color: var(--van-danger-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background-color);border-radius:var(--van-coupon-border-radius);box-shadow:var(--van-coupon-box-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background-color)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-coupon-content-text-color)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-weight-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1;border-radius:0 var(--van-coupon-border-radius) var(--van-coupon-border-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-corner-checkbox-icon-color);border-color:var(--van-coupon-corner-checkbox-icon-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background-color)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}
+:root,:host{--van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height: 84px;--van-coupon-content-padding: 14px 0;--van-coupon-content-text-color: var(--van-text-color);--van-coupon-background: var(--van-background-2);--van-coupon-active-background: var(--van-active-color);--van-coupon-radius: var(--van-radius-lg);--van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1);--van-coupon-head-width: 96px;--van-coupon-amount-color: var(--van-primary-color);--van-coupon-amount-font-size: 30px;--van-coupon-currency-font-size: 40%;--van-coupon-name-font-size: var(--van-font-size-md);--van-coupon-disabled-text-color: var(--van-text-color-2);--van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color: var(--van-border-color);--van-coupon-checkbox-color: var(--van-primary-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background);border-radius:var(--van-coupon-radius);box-shadow:var(--van-coupon-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-coupon-content-text-color)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1}.van-coupon__name{margin-bottom:10px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-checkbox-color);border-color:var(--van-coupon-checkbox-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}

package/es/coupon/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Coupon: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Coupon: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: import("vue").PropType<import("./Coupon").CouponInfo>;
@@ -6,10 +6,10 @@ export declare const Coupon: import("../utils").WithInstall<import("vue").Define
     };
     disabled: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: import("vue").PropType<import("./Coupon").CouponInfo>;
@@ -17,16 +17,17 @@ export declare const Coupon: import("../utils").WithInstall<import("vue").Define
     };
     disabled: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     disabled: boolean;
     currency: string;
     chosen: boolean;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Coupon;
 export type { CouponInfo } from './Coupon';
+export type { CouponThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCoupon: typeof Coupon;

package/es/coupon/types.d.ts

@@ -0,0 +1,19 @@
+export type CouponThemeVars = {
+    couponMargin?: string;
+    couponContentHeight?: string;
+    couponContentPadding?: string;
+    couponContentTextColor?: string;
+    couponBackground?: string;
+    couponActiveBackground?: string;
+    couponRadius?: string;
+    couponShadow?: string;
+    couponHeadWidth?: string;
+    couponAmountColor?: string;
+    couponAmountFontSize?: string;
+    couponCurrencyFontSize?: string;
+    couponNameFontSize?: string;
+    couponDisabledTextColor?: string;
+    couponDescriptionPadding?: string;
+    couponDescriptionBorderColor?: string;
+    couponCheckboxColor?: string;
+};

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

@@ -1,6 +1,6 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { CouponInfo } from '../coupon';
-declare const couponCellProps: {
+export declare const couponCellProps: {
     title: StringConstructor;
     border: {
         type: BooleanConstructor;
@@ -11,20 +11,20 @@ declare const couponCellProps: {
         default: true;
     };
     coupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<T[]>;
         default: () => never[];
     };
     currency: {
-        type: import("vue").PropType<string>;
+        type: PropType<T_1>;
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: PropType<number | number[]>;
         default: number;
     };
 };
-export declare type CouponCellProps = ExtractPropTypes<typeof couponCellProps>;
-declare const _default: import("vue").DefineComponent<{
+export type CouponCellProps = ExtractPropTypes<typeof couponCellProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     border: {
         type: BooleanConstructor;
@@ -35,18 +35,18 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     coupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<T[]>;
         default: () => never[];
     };
     currency: {
-        type: import("vue").PropType<string>;
+        type: PropType<T_1>;
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: PropType<number | number[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     border: {
         type: BooleanConstructor;
@@ -57,22 +57,22 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     coupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<T[]>;
         default: () => never[];
     };
     currency: {
-        type: import("vue").PropType<string>;
+        type: PropType<T_1>;
         default: string;
     };
     chosenCoupon: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: PropType<number | number[]>;
         default: number;
     };
-}>>, {
+}>> & Readonly<{}>, {
     border: boolean;
     currency: string;
     editable: boolean;
     coupons: CouponInfo[];
-    chosenCoupon: string | number;
-}>;
+    chosenCoupon: number | number[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/coupon-cell/CouponCell.mjs

@@ -1,6 +1,5 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { isDef, truthProp, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { defineComponent, createVNode as _createVNode } from "vue";
+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,23 +8,39 @@ const couponCellProps = {
   editable: truthProp,
   coupons: makeArrayProp(),
   currency: makeStringProp("\xA5"),
-  chosenCoupon: makeNumericProp(-1)
+  chosenCoupon: {
+    type: [Number, Array],
+    default: -1
+  }
+};
+const getValue = (coupon) => {
+  const {
+    value,
+    denominations
+  } = coupon;
+  if (isDef(value)) {
+    return value;
+  }
+  if (isDef(denominations)) {
+    return denominations;
+  }
+  return 0;
 };
 function formatValue({
   coupons,
   chosenCoupon,
   currency
 }) {
-  const coupon = coupons[+chosenCoupon];
-  if (coupon) {
-    let value = 0;
-    if (isDef(coupon.value)) {
-      ({
-        value
-      } = coupon);
-    } else if (isDef(coupon.denominations)) {
-      value = coupon.denominations;
+  let value = 0;
+  let isExist = false;
+  (Array.isArray(chosenCoupon) ? chosenCoupon : [chosenCoupon]).forEach((i) => {
+    const coupon = coupons[+i];
+    if (coupon) {
+      isExist = true;
+      value += getValue(coupon);
     }
+  });
+  if (isExist) {
     return `-${currency} ${(value / 100).toFixed(2)}`;
   }
   return coupons.length === 0 ? t("noCoupon") : t("count", coupons.length);
@@ -35,7 +50,7 @@ var stdin_default = defineComponent({
   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),
@@ -50,5 +65,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  couponCellProps,
   stdin_default as default
 };

package/es/coupon-cell/index.css

@@ -1 +1 @@
-:root{--van-coupon-cell-selected-text-color: var(--van-text-color)}.van-coupon-cell__value--selected{color:var(--van-coupon-cell-selected-text-color)}
+:root,:host{--van-coupon-cell-selected-text-color: var(--van-text-color)}.van-coupon-cell__value--selected{color:var(--van-coupon-cell-selected-text-color)}