vant 3.2.4 → 3.2.8

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

@@ -1,23 +1,37 @@
-import { PropType } from 'vue';
+import { ExtractPropTypes } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
-declare const _default: import("vue").DefineComponent<{
+declare const contactCardProps: {
     tel: StringConstructor;
     name: StringConstructor;
+    type: {
+        type: import("vue").PropType<ContactCardType>;
+        default: ContactCardType;
+    };
     addText: StringConstructor;
     editable: {
         type: BooleanConstructor;
         default: true;
     };
+};
+export declare type ContactCardProps = ExtractPropTypes<typeof contactCardProps>;
+declare const _default: import("vue").DefineComponent<{
+    tel: StringConstructor;
+    name: StringConstructor;
     type: {
-        type: PropType<ContactCardType>;
-        default: string;
+        type: import("vue").PropType<ContactCardType>;
+        default: ContactCardType;
+    };
+    addText: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: true;
     };
 }, () => 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

@@ -10,24 +10,24 @@ var _utils = require("../utils");
 var _cell = require("../cell");
 
 var [name, bem, t] = (0, _utils.createNamespace)('contact-card');
+var contactCardProps = {
+  tel: String,
+  name: String,
+  type: (0, _utils.makeStringProp)('add'),
+  addText: String,
+  editable: _utils.truthProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    tel: String,
-    name: String,
-    addText: String,
-    editable: _utils.truthProp,
-    type: {
-      type: String,
-      default: 'add'
-    }
-  },
+  props: contactCardProps,
   emits: ['click'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var onClick = event => {
       if (props.editable) {
         emit('click', event);

package/lib/contact-card/index.css

@@ -1 +1 @@
-:root{--van-contact-card-padding:var(--van-padding-md);--van-contact-card-add-icon-size:40px;--van-contact-card-add-icon-color:var(--van-primary-color);--van-contact-card-value-line-height:var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__value{margin-left:5px;line-height:var(--van-contact-card-value-line-height)}.van-contact-card--add .van-contact-card__value{line-height:var(--van-contact-card-add-icon-size)}.van-contact-card--add .van-cell__left-icon{color:var(--van-contact-card-add-icon-color);font-size:var(--van-contact-card-add-icon-size)}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);background-size:80px;content:''}
+:root{--van-contact-card-padding:var(--van-padding-md);--van-contact-card-add-icon-size:40px;--van-contact-card-add-icon-color:var(--van-primary-color);--van-contact-card-value-line-height:var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__value{margin-left:5px;line-height:var(--van-contact-card-value-line-height)}.van-contact-card--add .van-contact-card__value{line-height:var(--van-contact-card-add-icon-size)}.van-contact-card--add .van-cell__left-icon{color:var(--van-contact-card-add-icon-color);font-size:var(--van-contact-card-add-icon-size)}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:repeating-linear-gradient(-45deg,var(--van-warning-color) 0,var(--van-warning-color) 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);background-size:80px;content:''}

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;
@@ -30,4 +30,4 @@ export declare const ContactCard: import("../utils").WithInstall<import("vue").D
     editable: boolean;
 }>>;
 export default ContactCard;
-export type { ContactCardType } from './ContactCard';
+export type { ContactCardType, ContactCardProps } from './ContactCard';

package/lib/contact-card/index.less

@@ -34,8 +34,8 @@
     height: 2px;
     background: repeating-linear-gradient(
       -45deg,
-      #ff6c6c 0,
-      #ff6c6c 20%,
+      var(--van-warning-color) 0,
+      var(--van-warning-color) 20%,
       transparent 0,
       transparent 25%,
       var(--van-primary-color) 0,

package/lib/contact-edit/ContactEdit.d.ts

@@ -1,10 +1,26 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { isMobile } from '../utils';
 export declare type ContactEditInfo = {
     tel: string;
     name: string;
     isDefault?: boolean;
 };
+declare const contactEditProps: {
+    isEdit: BooleanConstructor;
+    isSaving: BooleanConstructor;
+    isDeleting: BooleanConstructor;
+    showSetDefault: BooleanConstructor;
+    setDefaultLabel: StringConstructor;
+    contactInfo: {
+        type: PropType<ContactEditInfo>;
+        default: () => ContactEditInfo;
+    };
+    telValidator: {
+        type: PropType<(val: string) => boolean>;
+        default: typeof isMobile;
+    };
+};
+export declare type ContactEditProps = ExtractPropTypes<typeof contactEditProps>;
 declare const _default: import("vue").DefineComponent<{
     isEdit: BooleanConstructor;
     isSaving: BooleanConstructor;

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
@@ -26,29 +24,31 @@ var DEFAULT_CONTACT = {
   tel: '',
   name: ''
 };
+var contactEditProps = {
+  isEdit: Boolean,
+  isSaving: Boolean,
+  isDeleting: Boolean,
+  showSetDefault: Boolean,
+  setDefaultLabel: String,
+  contactInfo: {
+    type: Object,
+    default: () => (0, _utils.extend)({}, DEFAULT_CONTACT)
+  },
+  telValidator: {
+    type: Function,
+    default: _utils.isMobile
+  }
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    isEdit: Boolean,
-    isSaving: Boolean,
-    isDeleting: Boolean,
-    showSetDefault: Boolean,
-    setDefaultLabel: String,
-    contactInfo: {
-      type: Object,
-      default: () => (0, _utils.extend)({}, DEFAULT_CONTACT)
-    },
-    telValidator: {
-      type: Function,
-      default: _utils.isMobile
-    }
-  },
+  props: contactEditProps,
   emits: ['save', 'delete', 'change-default'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var contact = (0, _vue.reactive)((0, _utils.extend)({}, DEFAULT_CONTACT, props.contactInfo));
 
     var onSave = () => {
@@ -57,9 +57,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/index.d.ts

@@ -42,4 +42,4 @@ export declare const ContactEdit: import("../utils").WithInstall<import("vue").D
     contactInfo: import("./ContactEdit").ContactEditInfo;
 }>>;
 export default ContactEdit;
-export type { ContactEditInfo } from './ContactEdit';
+export type { ContactEditInfo, ContactEditProps } from './ContactEdit';

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/contact-list/ContactList.d.ts

@@ -1,10 +1,17 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type ContactListItem = {
     id?: number | string;
     tel: number | string;
     name: string;
     isDefault?: boolean;
 };
+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<{
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;

package/lib/contact-list/ContactList.js

@@ -22,20 +22,23 @@ var _radioGroup = require("../radio-group");
 // Utils
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('contact-list');
+var contactListProps = {
+  list: Array,
+  addText: String,
+  modelValue: _utils.unknownProp,
+  defaultTagText: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    list: Array,
-    addText: String,
-    modelValue: _utils.unknownProp,
-    defaultTagText: String
-  },
+  props: contactListProps,
   emits: ['add', 'edit', 'select', 'update:modelValue'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var renderItem = (item, index) => {
       var onClick = () => {
         emit('update:modelValue', item.id);

package/lib/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-white)}.van-contact-list__add{height:40px;margin:5px 0}
+: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}

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

@@ -20,4 +20,4 @@ export declare const ContactList: import("../utils").WithInstall<import("vue").D
     onAdd?: ((...args: any[]) => any) | undefined;
 }, {}>>;
 export default ContactList;
-export type { ContactListItem } from './ContactList';
+export type { ContactListItem, ContactListProps } from './ContactList';

package/lib/contact-list/index.less

@@ -57,7 +57,7 @@
     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-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__add {

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

@@ -1,51 +1,51 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
-    autoStart: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    millisecond: BooleanConstructor;
+declare const countDownProps: {
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     format: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
-};
-export declare type CountDownProps = ExtractPropTypes<typeof props>;
-declare const _default: import("vue").DefineComponent<{
     autoStart: {
         type: BooleanConstructor;
         default: true;
     };
     millisecond: BooleanConstructor;
+};
+export declare type CountDownProps = ExtractPropTypes<typeof countDownProps>;
+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

@@ -16,28 +16,23 @@ var _useExpose = require("../composables/use-expose");
 // Utils
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('count-down');
-var props = {
+var countDownProps = {
+  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)({
   name,
-  props,
+  props: countDownProps,
   emits: ['change', 'finish'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       start,
       pause,

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

@@ -1,37 +1,36 @@
-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 { CountDownProps };
+export type { CountDownProps } from './CountDown';
 export type { CountDownInstance, CountDownCurrentTime } from './types';

package/lib/coupon/Coupon.d.ts

@@ -16,19 +16,19 @@ 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;

package/lib/coupon/Coupon.js

@@ -7,36 +7,19 @@ var _vue = require("vue");
 
 var _utils = require("../utils");
 
+var _utils2 = require("./utils");
+
 var _checkbox = require("../checkbox");
 
 var [name, bem, t] = (0, _utils.createNamespace)('coupon');
 
-function getDate(timeStamp) {
-  var date = new Date(timeStamp * 1000);
-  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);
-}
-
-function formatAmount(amount) {
-  return (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) {
@@ -45,7 +28,7 @@ var _default = (0, _vue.defineComponent)({
         startAt,
         endAt
       } = props.coupon;
-      return getDate(startAt) + " - " + getDate(endAt);
+      return (0, _utils2.getDate)(startAt) + " - " + (0, _utils2.getDate)(endAt);
     });
     var faceAmount = (0, _vue.computed)(() => {
       var {
@@ -58,18 +41,18 @@ var _default = (0, _vue.defineComponent)({
       }
 
       if (coupon.denominations) {
-        var denominations = formatAmount(coupon.denominations);
+        var denominations = (0, _utils2.formatAmount)(coupon.denominations);
         return [(0, _vue.createVNode)("span", null, [currency]), " " + denominations];
       }
 
       if (coupon.discount) {
-        return t('discount', formatDiscount(coupon.discount));
+        return t('discount', (0, _utils2.formatDiscount)(coupon.discount));
       }
 
       return '';
     });
     var conditionMessage = (0, _vue.computed)(() => {
-      var condition = formatAmount(props.coupon.originCondition || 0);
+      var condition = (0, _utils2.formatAmount)(props.coupon.originCondition || 0);
       return condition === '0' ? t('unlimited') : t('condition', condition);
     });
     return () => {

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-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, 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}

package/lib/coupon/index.d.ts

@@ -1,18 +1,18 @@
 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;