vant 3.2.2 → 3.2.6

package/lib/collapse-item/CollapseItem.js

@@ -25,7 +25,7 @@ var _cell = require("../cell");
 var [name, bem] = (0, _utils.createNamespace)('collapse-item');
 var CELL_SLOTS = ['icon', 'title', 'value', 'label', 'right-icon'];
 var props = (0, _utils.extend)({}, _Cell.cellProps, {
-  name: [Number, String],
+  name: _utils.numericProp,
   isLink: _utils.truthProp,
   disabled: Boolean,
   readonly: Boolean
@@ -96,7 +96,9 @@ var _default = (0, _vue.defineComponent)({
           wrapperRef.value.style.height = value ? '0' : contentHeight; // use double raf to ensure animation can start
 
           (0, _use.doubleRaf)(() => {
-            wrapperRef.value.style.height = value ? contentHeight : '0';
+            if (wrapperRef.value) {
+              wrapperRef.value.style.height = value ? contentHeight : '0';
+            }
           });
         } else {
           onTransitionEnd();

package/lib/collapse-item/index.css

@@ -1 +1 @@
-:root{--van-collapse-item-transition-duration:var(--van-animation-duration-base);--van-collapse-item-content-padding:var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size:var(--van-font-size-md);--van-collapse-item-content-line-height:1.5;--van-collapse-item-content-text-color:var(--van-gray-6);--van-collapse-item-content-background-color:var(--van-white);--van-collapse-item-title-disabled-color:var(--van-gray-5)}.van-collapse-item{position:relative}.van-collapse-item--border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon::before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-transition-duration)}.van-collapse-item__title::after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon::before{transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{display:block}.van-collapse-item__title--borderless::after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-transition-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background-color:var(--van-collapse-item-content-background-color)}
+:root{--van-collapse-item-transition-duration:var(--van-animation-duration-base);--van-collapse-item-content-padding:var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size:var(--van-font-size-md);--van-collapse-item-content-line-height:1.5;--van-collapse-item-content-text-color:var(--van-gray-6);--van-collapse-item-content-background-color:var(--van-white);--van-collapse-item-title-disabled-color:var(--van-gray-5)}.van-collapse-item{position:relative}.van-collapse-item--border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon::before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-transition-duration)}.van-collapse-item__title::after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon::before{transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{display:block}.van-collapse-item__title--borderless::after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-transition-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background:var(--van-collapse-item-content-background-color)}

package/lib/collapse-item/index.d.ts

@@ -1,3 +1,4 @@
+import { CollapseItemProps } from './CollapseItem';
 export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
@@ -51,33 +52,34 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     readonly?: unknown;
 } & {
     center: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    disabled: boolean;
     readonly: boolean;
 } & {
     name?: string | number | undefined;
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("..").CellArrowDirection | undefined;
-}> & {}, {
+}>, {
     center: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    disabled: boolean;
     readonly: boolean;
 }>>;
 export default CollapseItem;
+export type { CollapseItemProps };
 export type { CollapseItemInstance } from './types';

package/lib/collapse-item/index.less

@@ -70,6 +70,6 @@
     color: var(--van-collapse-item-content-text-color);
     font-size: var(--van-collapse-item-content-font-size);
     line-height: var(--van-collapse-item-content-line-height);
-    background-color: var(--van-collapse-item-content-background-color);
+    background: var(--van-collapse-item-content-background-color);
   }
 }

package/lib/composables/on-popup-reopen.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.onPopupReopen = onPopupReopen;
 exports.POPUP_TOGGLE_KEY = void 0;
+exports.onPopupReopen = onPopupReopen;
 
 var _vue = require("vue");
 

package/lib/composables/use-lock-scroll.js

@@ -41,9 +41,9 @@ function useLockScroll(rootRef, shouldLock) {
 
   var lock = () => {
     document.addEventListener('touchstart', touch.start);
-    document.addEventListener('touchmove', onTouchMove, _use.supportsPassive ? {
+    document.addEventListener('touchmove', onTouchMove, {
       passive: false
-    } : false);
+    });
 
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);

package/lib/composables/use-placeholder.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
-import type { BEM } from '../utils/create/bem';
+import type { BEM } from '../utils/create';
 export declare function usePlaceholder(contentRef: Ref<Element | undefined>, bem: BEM): (renderContent: () => JSX.Element) => JSX.Element;

package/lib/composables/use-route.js

@@ -2,8 +2,8 @@
 
 exports.__esModule = true;
 exports.route = route;
-exports.useRoute = useRoute;
 exports.routeProps = void 0;
+exports.useRoute = useRoute;
 
 var _vue = require("vue");
 

package/lib/config-provider/ConfigProvider.d.ts

@@ -4,22 +4,22 @@ export declare type ConfigProviderProvide = {
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
 declare const _default: import("vue").DefineComponent<{
-    themeVars: PropType<Record<string, string | number>>;
-    iconPrefix: StringConstructor;
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
+    themeVars: PropType<Record<string, string | number>>;
+    iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    tag?: unknown;
     themeVars?: unknown;
     iconPrefix?: unknown;
-    tag?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
 } & {
-    themeVars?: Record<string, string | number> | undefined;
     iconPrefix?: string | undefined;
-}> & {}, {
+    themeVars?: Record<string, string | number> | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
 }>;
 export default _default;

package/lib/config-provider/ConfigProvider.js

@@ -22,12 +22,9 @@ function mapThemeVarsToCSSVars(themeVars) {
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    tag: (0, _utils.makeStringProp)('div'),
     themeVars: Object,
-    iconPrefix: String,
-    tag: {
-      type: String,
-      default: 'div'
-    }
+    iconPrefix: String
   },
 
   setup(props, {

package/lib/config-provider/index.d.ts

@@ -1,20 +1,20 @@
 export declare const ConfigProvider: import("../utils").WithInstall<import("vue").DefineComponent<{
-    themeVars: import("vue").PropType<Record<string, string | number>>;
-    iconPrefix: StringConstructor;
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
+    themeVars: import("vue").PropType<Record<string, string | number>>;
+    iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    tag?: unknown;
     themeVars?: unknown;
     iconPrefix?: unknown;
-    tag?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
 } & {
-    themeVars?: Record<string, string | number> | undefined;
     iconPrefix?: string | undefined;
-}> & {}, {
+    themeVars?: Record<string, string | number> | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default ConfigProvider;

package/lib/contact-card/ContactCard.d.ts

@@ -1,23 +1,22 @@
-import { PropType } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
 declare const _default: import("vue").DefineComponent<{
     tel: StringConstructor;
     name: StringConstructor;
+    type: {
+        type: import("vue").PropType<ContactCardType>;
+        default: ContactCardType;
+    };
     addText: StringConstructor;
     editable: {
         type: BooleanConstructor;
         default: true;
     };
-    type: {
-        type: PropType<ContactCardType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tel?: unknown;
     name?: unknown;
+    type?: unknown;
     addText?: unknown;
     editable?: unknown;
-    type?: unknown;
 } & {
     type: ContactCardType;
     editable: boolean;

package/lib/contact-card/ContactCard.js

@@ -16,12 +16,9 @@ var _default = (0, _vue.defineComponent)({
   props: {
     tel: String,
     name: String,
+    type: (0, _utils.makeStringProp)('add'),
     addText: String,
-    editable: _utils.truthProp,
-    type: {
-      type: String,
-      default: 'add'
-    }
+    editable: _utils.truthProp
   },
   emits: ['click'],
 

package/lib/contact-card/index.d.ts

@@ -1,21 +1,21 @@
 export declare const ContactCard: import("../utils").WithInstall<import("vue").DefineComponent<{
     tel: StringConstructor;
     name: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./ContactCard").ContactCardType>;
+        default: import("./ContactCard").ContactCardType;
+    };
     addText: StringConstructor;
     editable: {
         type: BooleanConstructor;
         default: true;
     };
-    type: {
-        type: import("vue").PropType<import("./ContactCard").ContactCardType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tel?: unknown;
     name?: unknown;
+    type?: unknown;
     addText?: unknown;
     editable?: unknown;
-    type?: unknown;
 } & {
     type: import("./ContactCard").ContactCardType;
     editable: boolean;

package/lib/contact-edit/ContactEdit.js

@@ -15,8 +15,6 @@ var _field = require("../field");
 
 var _button = require("../button");
 
-var _dialog = require("../dialog");
-
 var _switch = require("../switch");
 
 // Utils
@@ -57,9 +55,7 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
-    var onDelete = () => _dialog.Dialog.confirm({
-      title: t('confirmDelete')
-    }).then(() => emit('delete', contact));
+    var onDelete = () => emit('delete', contact);
 
     var renderButtons = () => (0, _vue.createVNode)("div", {
       "class": bem('buttons')

package/lib/contact-edit/style/index.js

@@ -2,8 +2,6 @@
 
 require('../../style/base.css');
 
-require('../../action-bar/index.css');
-
 require('../../badge/index.css');
 
 require('../../icon/index.css');
@@ -18,12 +16,4 @@ require('../../switch/index.css');
 
 require('../../button/index.css');
 
-require('../../action-bar-button/index.css');
-
-require('../../overlay/index.css');
-
-require('../../popup/index.css');
-
-require('../../dialog/index.css');
-
 require('../index.css');

package/lib/contact-edit/style/less.js

@@ -2,8 +2,6 @@
 
 require('../../style/base.less');
 
-require('../../action-bar/index.less');
-
 require('../../badge/index.less');
 
 require('../../icon/index.less');
@@ -18,12 +16,4 @@ require('../../switch/index.less');
 
 require('../../button/index.less');
 
-require('../../action-bar-button/index.less');
-
-require('../../overlay/index.less');
-
-require('../../popup/index.less');
-
-require('../../dialog/index.less');
-
 require('../index.less');

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

@@ -1,59 +1,51 @@
-import { ExtractPropTypes, ComponentPublicInstance } from 'vue';
-import { CurrentTime } from '@vant/use';
+import { ExtractPropTypes } from 'vue';
 declare const props: {
-    autoStart: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    millisecond: BooleanConstructor;
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
-};
-declare type CountDownProps = ExtractPropTypes<typeof props>;
-declare type CountDownExpose = {
-    start: () => void;
-    pause: () => void;
-    reset: () => void;
-};
-export declare type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>;
-export declare type CountDownCurrentTime = CurrentTime;
-declare const _default: import("vue").DefineComponent<{
     autoStart: {
         type: BooleanConstructor;
         default: true;
     };
     millisecond: BooleanConstructor;
+};
+export declare type CountDownProps = ExtractPropTypes<typeof props>;
+declare const _default: import("vue").DefineComponent<{
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    autoStart: {
+        type: BooleanConstructor;
+        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/runtime-core").ComponentCustomProps, Readonly<{
-    autoStart?: unknown;
-    millisecond?: unknown;
     time?: unknown;
     format?: unknown;
+    autoStart?: unknown;
+    millisecond?: unknown;
 } & {
     time: string | number;
+    format: string;
     autoStart: boolean;
     millisecond: boolean;
-    format: string;
 } & {}> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     time: string | number;
+    format: string;
     autoStart: boolean;
     millisecond: boolean;
-    format: string;
 }>;
 export default _default;

package/lib/count-down/CountDown.js

@@ -17,16 +17,10 @@ var _useExpose = require("../composables/use-expose");
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('count-down');
 var props = {
+  time: (0, _utils.makeNumericProp)(0),
+  format: (0, _utils.makeStringProp)('HH:mm:ss'),
   autoStart: _utils.truthProp,
-  millisecond: Boolean,
-  time: {
-    type: [Number, String],
-    default: 0
-  },
-  format: {
-    type: String,
-    default: 'HH:mm:ss'
-  }
+  millisecond: Boolean
 };
 
 var _default = (0, _vue.defineComponent)({

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

@@ -1,35 +1,37 @@
+import { CountDownProps } from './CountDown';
 export declare const CountDown: import("../utils").WithInstall<import("vue").DefineComponent<{
-    autoStart: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    millisecond: BooleanConstructor;
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    autoStart: {
+        type: BooleanConstructor;
+        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/runtime-core").ComponentCustomProps, Readonly<{
-    autoStart?: unknown;
-    millisecond?: unknown;
     time?: unknown;
     format?: unknown;
+    autoStart?: unknown;
+    millisecond?: unknown;
 } & {
     time: string | number;
+    format: string;
     autoStart: boolean;
     millisecond: boolean;
-    format: string;
 } & {}> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     time: string | number;
+    format: string;
     autoStart: boolean;
     millisecond: boolean;
-    format: string;
 }>>;
 export default CountDown;
-export type { CountDownInstance, CountDownCurrentTime } from './CountDown';
+export type { CountDownProps };
+export type { CountDownInstance, CountDownCurrentTime } from './types';

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

@@ -0,0 +1,11 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { CurrentTime } from '@vant/use';
+import type { CountDownProps } from './CountDown';
+declare type CountDownExpose = {
+    start: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>;
+export declare type CountDownCurrentTime = CurrentTime;
+export {};

package/lib/count-down/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/coupon/Coupon.d.ts

@@ -16,26 +16,26 @@ export declare type CouponInfo = {
 };
 declare const _default: import("vue").DefineComponent<{
     chosen: BooleanConstructor;
-    disabled: BooleanConstructor;
     coupon: {
         type: PropType<CouponInfo>;
         required: true;
     };
+    disabled: BooleanConstructor;
     currency: {
-        type: StringConstructor;
+        type: PropType<string>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     chosen?: unknown;
-    disabled?: unknown;
     coupon?: unknown;
+    disabled?: unknown;
     currency?: unknown;
 } & {
     disabled: boolean;
     currency: string;
     coupon: CouponInfo;
     chosen: boolean;
-} & {}> & {}, {
+} & {}>, {
     disabled: boolean;
     currency: string;
     chosen: boolean;

package/lib/coupon/Coupon.js

@@ -16,27 +16,17 @@ function getDate(timeStamp) {
   return date.getFullYear() + "." + (0, _utils.padZero)(date.getMonth() + 1) + "." + (0, _utils.padZero)(date.getDate());
 }
 
-function formatDiscount(discount) {
-  return (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
-}
+var formatDiscount = discount => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 
-function formatAmount(amount) {
-  return (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-}
+var formatAmount = amount => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
 
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
     chosen: Boolean,
+    coupon: (0, _utils.makeRequiredProp)(Object),
     disabled: Boolean,
-    coupon: {
-      type: Object,
-      required: true
-    },
-    currency: {
-      type: String,
-      default: '¥'
-    }
+    currency: (0, _utils.makeStringProp)('¥')
   },
 
   setup(props) {

package/lib/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-background-color:var(--van-white);--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, 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-gray-6);--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-color: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-gray-8)}.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{--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-background-color:var(--van-white);--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, 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-gray-6);--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-gray-8)}.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}

package/lib/coupon/index.d.ts

@@ -1,25 +1,25 @@
 export declare const Coupon: import("../utils").WithInstall<import("vue").DefineComponent<{
     chosen: BooleanConstructor;
-    disabled: BooleanConstructor;
     coupon: {
         type: import("vue").PropType<import("./Coupon").CouponInfo>;
         required: true;
     };
+    disabled: BooleanConstructor;
     currency: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     chosen?: unknown;
-    disabled?: unknown;
     coupon?: unknown;
+    disabled?: unknown;
     currency?: unknown;
 } & {
     disabled: boolean;
     currency: string;
     coupon: import("./Coupon").CouponInfo;
     chosen: boolean;
-} & {}> & {}, {
+} & {}>, {
     disabled: boolean;
     currency: string;
     chosen: boolean;

package/lib/coupon/index.less

@@ -23,7 +23,7 @@
 .van-coupon {
   margin: var(--van-coupon-margin);
   overflow: hidden;
-  background-color: var(--van-coupon-background-color);
+  background: var(--van-coupon-background-color);
   border-radius: var(--van-coupon-border-radius);
   box-shadow: var(--van-coupon-box-shadow);
 

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

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 import type { CouponInfo } from '../coupon';
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
@@ -11,11 +10,11 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     coupons: {
-        type: PropType<CouponInfo[]>;
+        type: import("vue").PropType<CouponInfo[]>;
         default: () => never[];
     };
     currency: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
     chosenCoupon: {
@@ -37,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     chosenCoupon: string | number;
 } & {
     title?: string | undefined;
-}> & {}, {
+}>, {
     border: boolean;
     currency: string;
     editable: boolean;