vant 3.2.5 → 3.3.0

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

@@ -1,8 +1,17 @@
-import { PropType, InjectionKey } from 'vue';
+import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type ConfigProviderProvide = {
     iconPrefix?: string;
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
+declare const configProviderProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    themeVars: PropType<Record<string, string | number>>;
+    iconPrefix: StringConstructor;
+};
+export declare type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
 declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
@@ -17,8 +26,8 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     tag: keyof HTMLElementTagNameMap;
 } & {
-    iconPrefix?: string | undefined;
     themeVars?: Record<string, string | number> | undefined;
+    iconPrefix?: string | undefined;
 }>, {
     tag: keyof HTMLElementTagNameMap;
 }>;

package/es/config-provider/ConfigProvider.js

@@ -3,6 +3,11 @@ import { provide, computed, defineComponent } from 'vue';
 import { kebabCase, makeStringProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('config-provider');
 export var CONFIG_PROVIDER_KEY = Symbol(name);
+var configProviderProps = {
+  tag: makeStringProp('div'),
+  themeVars: Object,
+  iconPrefix: String
+};
 
 function mapThemeVarsToCSSVars(themeVars) {
   var cssVars = {};
@@ -14,15 +19,12 @@ function mapThemeVarsToCSSVars(themeVars) {
 
 export default defineComponent({
   name,
-  props: {
-    tag: makeStringProp('div'),
-    themeVars: Object,
-    iconPrefix: String
-  },
+  props: configProviderProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var style = computed(() => {
       if (props.themeVars) {
         return mapThemeVarsToCSSVars(props.themeVars);

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

@@ -12,9 +12,10 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
 } & {
     tag: keyof HTMLElementTagNameMap;
 } & {
-    iconPrefix?: string | undefined;
     themeVars?: Record<string, string | number> | undefined;
+    iconPrefix?: string | undefined;
 }>, {
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default ConfigProvider;
+export type { ConfigProviderProps } from './ConfigProvider';

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

@@ -1,4 +1,19 @@
+import { ExtractPropTypes } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
+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;

package/es/contact-card/ContactCard.js

@@ -3,20 +3,23 @@ import { defineComponent } from 'vue';
 import { truthProp, makeStringProp, createNamespace } from '../utils';
 import { Cell } from '../cell';
 var [name, bem, t] = createNamespace('contact-card');
+var contactCardProps = {
+  tel: String,
+  name: String,
+  type: makeStringProp('add'),
+  addText: String,
+  editable: truthProp
+};
 export default defineComponent({
   name,
-  props: {
-    tel: String,
-    name: String,
-    type: makeStringProp('add'),
-    addText: String,
-    editable: truthProp
-  },
+  props: contactCardProps,
   emits: ['click'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var onClick = event => {
       if (props.editable) {
         emit('click', event);

package/es/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/es/contact-card/index.d.ts

@@ -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/es/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/es/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/es/contact-edit/ContactEdit.js

@@ -7,35 +7,36 @@ import { Cell } from '../cell';
 import { Form } from '../form';
 import { Field } from '../field';
 import { Button } from '../button';
-import { Dialog } from '../dialog';
 import { Switch } from '../switch';
 var [name, bem, t] = createNamespace('contact-edit');
 var DEFAULT_CONTACT = {
   tel: '',
   name: ''
 };
+var contactEditProps = {
+  isEdit: Boolean,
+  isSaving: Boolean,
+  isDeleting: Boolean,
+  showSetDefault: Boolean,
+  setDefaultLabel: String,
+  contactInfo: {
+    type: Object,
+    default: () => extend({}, DEFAULT_CONTACT)
+  },
+  telValidator: {
+    type: Function,
+    default: isMobile
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    isEdit: Boolean,
-    isSaving: Boolean,
-    isDeleting: Boolean,
-    showSetDefault: Boolean,
-    setDefaultLabel: String,
-    contactInfo: {
-      type: Object,
-      default: () => extend({}, DEFAULT_CONTACT)
-    },
-    telValidator: {
-      type: Function,
-      default: isMobile
-    }
-  },
+  props: contactEditProps,
   emits: ['save', 'delete', 'change-default'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var contact = reactive(extend({}, DEFAULT_CONTACT, props.contactInfo));
 
     var onSave = () => {
@@ -44,9 +45,7 @@ export default defineComponent({
       }
     };
 
-    var onDelete = () => Dialog.confirm({
-      title: t('confirmDelete')
-    }).then(() => emit('delete', contact));
+    var onDelete = () => emit('delete', contact);
 
     var renderButtons = () => _createVNode("div", {
       "class": bem('buttons')

package/es/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/es/contact-edit/style/index.js

@@ -1,5 +1,4 @@
 import '../../style/base.css';
-import '../../action-bar/index.css';
 import '../../badge/index.css';
 import '../../icon/index.css';
 import '../../cell/index.css';
@@ -7,8 +6,4 @@ import '../../field/index.css';
 import '../../loading/index.css';
 import '../../switch/index.css';
 import '../../button/index.css';
-import '../../action-bar-button/index.css';
-import '../../overlay/index.css';
-import '../../popup/index.css';
-import '../../dialog/index.css';
 import '../index.css';

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

@@ -1,5 +1,4 @@
 import '../../style/base.less';
-import '../../action-bar/index.less';
 import '../../badge/index.less';
 import '../../icon/index.less';
 import '../../cell/index.less';
@@ -7,8 +6,4 @@ import '../../field/index.less';
 import '../../loading/index.less';
 import '../../switch/index.less';
 import '../../button/index.less';
-import '../../action-bar-button/index.less';
-import '../../overlay/index.less';
-import '../../popup/index.less';
-import '../../dialog/index.less';
 import '../index.less';

package/es/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/es/contact-list/ContactList.js

@@ -10,19 +10,22 @@ import { Radio } from '../radio';
 import { Button } from '../button';
 import { RadioGroup } from '../radio-group';
 var [name, bem, t] = createNamespace('contact-list');
+var contactListProps = {
+  list: Array,
+  addText: String,
+  modelValue: unknownProp,
+  defaultTagText: String
+};
 export default defineComponent({
   name,
-  props: {
-    list: Array,
-    addText: String,
-    modelValue: 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/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-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/es/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/es/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/es/count-down/CountDown.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
+declare const countDownProps: {
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -14,7 +14,7 @@ declare const props: {
     };
     millisecond: BooleanConstructor;
 };
-export declare type CountDownProps = ExtractPropTypes<typeof props>;
+export declare type CountDownProps = ExtractPropTypes<typeof countDownProps>;
 declare const _default: import("vue").DefineComponent<{
     time: {
         type: (NumberConstructor | StringConstructor)[];

package/es/count-down/CountDown.js

@@ -7,7 +7,7 @@ import { parseFormat } from './utils'; // Composables
 import { useCountDown } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
 var [name, bem] = createNamespace('count-down');
-var props = {
+var countDownProps = {
   time: makeNumericProp(0),
   format: makeStringProp('HH:mm:ss'),
   autoStart: truthProp,
@@ -15,13 +15,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: countDownProps,
   emits: ['change', 'finish'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       start,
       pause,
@@ -52,6 +53,7 @@ export default defineComponent({
       reset: resetTime
     });
     return () => _createVNode("div", {
+      "role": "timer",
       "class": bem()
     }, [slots.default ? slots.default(current.value) : timeText.value]);
   }

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

@@ -1,4 +1,3 @@
-import { CountDownProps } from './CountDown';
 export declare const CountDown: import("../utils").WithInstall<import("vue").DefineComponent<{
     time: {
         type: (NumberConstructor | StringConstructor)[];
@@ -33,5 +32,5 @@ export declare const CountDown: import("../utils").WithInstall<import("vue").Def
     millisecond: boolean;
 }>>;
 export default CountDown;
-export type { CountDownProps };
+export type { CountDownProps } from './CountDown';
 export type { CountDownInstance, CountDownCurrentTime } from './types';

package/es/coupon/Coupon.js

@@ -1,18 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { padZero, makeStringProp, createNamespace, makeRequiredProp } from '../utils';
+import { makeStringProp, createNamespace, makeRequiredProp } from '../utils';
+import { getDate, formatAmount, formatDiscount } from './utils';
 import { Checkbox } from '../checkbox';
 var [name, bem, t] = createNamespace('coupon');
-
-function getDate(timeStamp) {
-  var date = new Date(timeStamp * 1000);
-  return date.getFullYear() + "." + padZero(date.getMonth() + 1) + "." + padZero(date.getDate());
-}
-
-var formatDiscount = discount => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
-
-var formatAmount = amount => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-
 export default defineComponent({
   name,
   props: {

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-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/es/coupon/index.less

@@ -5,6 +5,7 @@
   --van-coupon-margin: @coupon-margin;
   --van-coupon-content-height: @coupon-content-height;
   --van-coupon-content-padding: @coupon-content-padding;
+  --van-coupon-content-text-color: @coupon-content-text-color;
   --van-coupon-background-color: @coupon-background-color;
   --van-coupon-active-background-color: @coupon-active-background-color;
   --van-coupon-border-radius: @coupon-border-radius;
@@ -23,7 +24,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);
 
@@ -37,7 +38,7 @@
     box-sizing: border-box;
     min-height: var(--van-coupon-content-height);
     padding: var(--van-coupon-content-padding);
-    color: var(--van-gray-8);
+    color: var(--van-coupon-content-text-color);
   }
 
   &__head {

package/es/coupon/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getDate(timeStamp: number): string;
+export declare const formatDiscount: (discount: number) => string;
+export declare const formatAmount: (amount: number) => string;

package/es/coupon/utils.js

@@ -0,0 +1,7 @@
+import { padZero } from '../utils';
+export function getDate(timeStamp) {
+  var date = new Date(timeStamp * 1000);
+  return date.getFullYear() + "." + padZero(date.getMonth() + 1) + "." + padZero(date.getDate());
+}
+export var formatDiscount = discount => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
+export var formatAmount = amount => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);

package/es/coupon/var.less

@@ -3,7 +3,8 @@
 @coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);
 @coupon-content-height: 84px;
 @coupon-content-padding: 14px 0;
-@coupon-background-color: var(--van-white);
+@coupon-content-text-color: var(--van-text-color);
+@coupon-background-color: var(--van-background-color-light);
 @coupon-active-background-color: var(--van-active-color);
 @coupon-border-radius: var(--van-border-radius-lg);
 @coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
@@ -12,7 +13,7 @@
 @coupon-amount-font-size: 30px;
 @coupon-currency-font-size: 40%;
 @coupon-name-font-size: var(--van-font-size-md);
-@coupon-disabled-text-color: var(--van-gray-6);
+@coupon-disabled-text-color: var(--van-text-color-2);
 @coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);
 @coupon-description-border-color: var(--van-border-color);
 @coupon-corner-checkbox-icon-color: var(--van-danger-color);

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

@@ -1,4 +1,29 @@
+import { ExtractPropTypes } from 'vue';
 import type { CouponInfo } from '../coupon';
+declare const couponCellProps: {
+    title: StringConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    coupons: {
+        type: import("vue").PropType<CouponInfo[]>;
+        default: () => never[];
+    };
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    chosenCoupon: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type CouponCellProps = ExtractPropTypes<typeof couponCellProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     border: {

package/es/coupon-cell/CouponCell.js

@@ -6,8 +6,21 @@ import { isDef, truthProp, makeArrayProp, makeStringProp, makeNumericProp, creat
 import { Cell } from '../cell'; // Types
 
 var [name, bem, t] = createNamespace('coupon-cell');
-
-function formatValue(coupons, chosenCoupon, currency) {
+var couponCellProps = {
+  title: String,
+  border: truthProp,
+  editable: truthProp,
+  coupons: makeArrayProp(),
+  currency: makeStringProp('¥'),
+  chosenCoupon: makeNumericProp(-1)
+};
+
+function formatValue(_ref) {
+  var {
+    coupons,
+    chosenCoupon,
+    currency
+  } = _ref;
   var coupon = coupons[+chosenCoupon];
 
   if (coupon) {
@@ -29,22 +42,14 @@ function formatValue(coupons, chosenCoupon, currency) {
 
 export default defineComponent({
   name,
-  props: {
-    title: String,
-    border: truthProp,
-    editable: truthProp,
-    coupons: makeArrayProp(),
-    currency: makeStringProp('¥'),
-    chosenCoupon: makeNumericProp(-1)
-  },
+  props: couponCellProps,
 
   setup(props) {
     return () => {
       var selected = props.coupons[+props.chosenCoupon];
-      var value = formatValue(props.coupons, props.chosenCoupon, props.currency);
       return _createVNode(Cell, {
         "class": bem(),
-        "value": value,
+        "value": formatValue(props),
         "title": props.title || t('title'),
         "border": props.border,
         "isLink": props.editable,

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

@@ -43,3 +43,4 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
     chosenCoupon: string | number;
 }>>;
 export default CouponCell;
+export type { CouponCellProps } from './CouponCell';