vant 3.2.6 → 3.2.7

package/es/contact-edit/ContactEdit.js

@@ -13,28 +13,30 @@ 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 = () => {

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

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: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;
@@ -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';

package/es/coupon-list/CouponList.d.ts

@@ -1,4 +1,59 @@
+import { ExtractPropTypes } from 'vue';
 import { CouponInfo } from '../coupon';
+declare const couponListProps: {
+    code: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    coupons: {
+        type: import("vue").PropType<CouponInfo[]>;
+        default: () => never[];
+    };
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    emptyImage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    chosenCoupon: {
+        type: NumberConstructor;
+        default: number;
+    };
+    enabledTitle: StringConstructor;
+    disabledTitle: StringConstructor;
+    disabledCoupons: {
+        type: import("vue").PropType<CouponInfo[]>;
+        default: () => never[];
+    };
+    showExchangeBar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeButtonText: StringConstructor;
+    inputPlaceholder: StringConstructor;
+    exchangeMinLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    exchangeButtonText: StringConstructor;
+    displayedCouponIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    exchangeButtonLoading: BooleanConstructor;
+    exchangeButtonDisabled: BooleanConstructor;
+};
+export declare type CouponListProps = ExtractPropTypes<typeof couponListProps>;
 declare const _default: import("vue").DefineComponent<{
     code: {
         type: import("vue").PropType<string>;

package/es/coupon-list/CouponList.js

@@ -12,34 +12,36 @@ import { Button } from '../button';
 import { Coupon } from '../coupon';
 var [name, bem, t] = createNamespace('coupon-list');
 var EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
+var couponListProps = {
+  code: makeStringProp(''),
+  coupons: makeArrayProp(),
+  currency: makeStringProp('¥'),
+  showCount: truthProp,
+  emptyImage: makeStringProp(EMPTY_IMAGE),
+  chosenCoupon: makeNumberProp(-1),
+  enabledTitle: String,
+  disabledTitle: String,
+  disabledCoupons: makeArrayProp(),
+  showExchangeBar: truthProp,
+  showCloseButton: truthProp,
+  closeButtonText: String,
+  inputPlaceholder: String,
+  exchangeMinLength: makeNumberProp(1),
+  exchangeButtonText: String,
+  displayedCouponIndex: makeNumberProp(-1),
+  exchangeButtonLoading: Boolean,
+  exchangeButtonDisabled: Boolean
+};
 export default defineComponent({
   name,
-  props: {
-    code: makeStringProp(''),
-    coupons: makeArrayProp(),
-    currency: makeStringProp('¥'),
-    showCount: truthProp,
-    emptyImage: makeStringProp(EMPTY_IMAGE),
-    chosenCoupon: makeNumberProp(-1),
-    enabledTitle: String,
-    disabledTitle: String,
-    disabledCoupons: makeArrayProp(),
-    showExchangeBar: truthProp,
-    showCloseButton: truthProp,
-    closeButtonText: String,
-    inputPlaceholder: String,
-    exchangeMinLength: makeNumberProp(1),
-    exchangeButtonText: String,
-    displayedCouponIndex: makeNumberProp(-1),
-    exchangeButtonLoading: Boolean,
-    exchangeButtonDisabled: Boolean
-  },
+  props: couponListProps,
   emits: ['change', 'exchange', 'update:code'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var [couponRefs, setCouponRefs] = useRefs();
     var state = reactive({
       tab: 0,

package/es/coupon-list/index.css

@@ -1 +1 @@
-:root{--van-coupon-list-background-color:var(--van-background-color);--van-coupon-list-field-padding:5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height:32px;--van-coupon-list-close-button-height:40px;--van-coupon-list-empty-image-size:200px;--van-coupon-list-empty-tip-color:var(--van-gray-6);--van-coupon-list-empty-tip-font-size:var(--van-font-size-md);--van-coupon-list-empty-tip-line-height:var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background:var(--van-coupon-list-background-color)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__body{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-gray-1);border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-white)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;height:calc(100vh - 108px);padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bar{height:calc(100vh - 152px)}.van-coupon-list__list--with-bottom{padding-bottom:50px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-weight-bold);background-color:var(--van-white)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:var(--van-padding-md) 0;color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}.van-coupon-list__empty img{width:var(--van-coupon-list-empty-image-size);height:var(--van-coupon-list-empty-image-size)}
+:root{--van-coupon-list-background-color:var(--van-background-color);--van-coupon-list-field-padding:5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height:32px;--van-coupon-list-close-button-height:40px;--van-coupon-list-empty-image-size:200px;--van-coupon-list-empty-tip-color:var(--van-text-color-2);--van-coupon-list-empty-tip-font-size:var(--van-font-size-md);--van-coupon-list-empty-tip-line-height:var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background:var(--van-coupon-list-background-color)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__body{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-gray-1);border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:var(--van-text-color-3)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-text-color-3)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-background-color-light)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;height:calc(100vh - 108px);padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bar{height:calc(100vh - 152px)}.van-coupon-list__list--with-bottom{padding-bottom:50px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-weight-bold);background-color:var(--van-background-color-light)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:var(--van-padding-md) 0;color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}.van-coupon-list__empty img{width:var(--van-coupon-list-empty-image-size);height:var(--van-coupon-list-empty-image-size)}

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

@@ -109,3 +109,4 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     exchangeButtonDisabled: boolean;
 }>>;
 export default CouponList;
+export type { CouponListProps } from './CouponList';

package/es/coupon-list/index.less

@@ -27,7 +27,7 @@
       border-radius: 17px;
 
       &::placeholder {
-        color: var(--van-gray-5);
+        color: var(--van-text-color-3);
       }
     }
 
@@ -39,7 +39,7 @@
   &__exchange-bar {
     display: flex;
     align-items: center;
-    background-color: var(--van-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__exchange {
@@ -79,7 +79,7 @@
     width: 100%;
     padding: 5px var(--van-padding-md);
     font-weight: var(--van-font-weight-bold);
-    background-color: var(--van-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__close {

package/es/coupon-list/var.less

@@ -5,6 +5,6 @@
 @coupon-list-exchange-button-height: 32px;
 @coupon-list-close-button-height: 40px;
 @coupon-list-empty-image-size: 200px;
-@coupon-list-empty-tip-color: var(--van-gray-6);
+@coupon-list-empty-tip-color: var(--van-text-color-2);
 @coupon-list-empty-tip-font-size: var(--van-font-size-md);
 @coupon-list-empty-tip-line-height: var(--van-line-height-md);

package/es/datetime-picker/DatePicker.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
 import { pick, clamp, extend, isDate, padZero, makeStringProp, createNamespace } from '../utils';
-import { times, pickerKeys, sharedProps, getTrueValue, getMonthEndDay } from './utils'; // Composables
+import { times, sharedProps, getTrueValue, getMonthEndDay, pickerInheritKeys } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -28,10 +28,12 @@ export default defineComponent({
   }),
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var formatValue = value => {
       if (isDate(value)) {
         var timestamp = clamp(value.getTime(), props.minDate.getTime(), props.maxDate.getTime());
@@ -141,10 +143,11 @@ export default defineComponent({
 
       return result;
     });
-    var originColumns = computed(() => ranges.value.map(({
-      type,
-      range: rangeArr
-    }) => {
+    var originColumns = computed(() => ranges.value.map(_ref2 => {
+      var {
+        type,
+        range: rangeArr
+      } = _ref2;
       var values = times(rangeArr[1] - rangeArr[0] + 1, index => padZero(rangeArr[0] + index));
 
       if (props.filter) {
@@ -286,7 +289,7 @@ export default defineComponent({
       "onChange": onChange,
       "onCancel": onCancel,
       "onConfirm": onConfirm
-    }, pick(props, pickerKeys)), slots);
+    }, pick(props, pickerInheritKeys)), slots);
   }
 
 });

package/es/datetime-picker/DatetimePicker.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: any;
-export declare type DatetimePickerProps = ExtractPropTypes<typeof props>;
+declare const datetimePickerProps: any;
+export declare type DatetimePickerProps = ExtractPropTypes<typeof datetimePickerProps>;
 declare const _default: import("vue").DefineComponent<any, () => 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<any>, {} | {
     [x: string]: any;
 }>;

package/es/datetime-picker/DatetimePicker.js

@@ -5,19 +5,20 @@ import { useExpose } from '../composables/use-expose';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
 var [name, bem] = createNamespace('datetime-picker');
-var timePickerProps = Object.keys(TimePicker.props);
-var datePickerProps = Object.keys(DatePicker.props);
-var props = extend({}, TimePicker.props, DatePicker.props, {
+var timePickerPropKeys = Object.keys(TimePicker.props);
+var datePickerPropKeys = Object.keys(DatePicker.props);
+var datetimePickerProps = extend({}, TimePicker.props, DatePicker.props, {
   modelValue: [String, Date]
 });
 export default defineComponent({
   name,
-  props,
+  props: datetimePickerProps,
 
-  setup(props, {
-    attrs,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      attrs,
+      slots
+    } = _ref;
     var root = ref();
     useExpose({
       getPicker: () => {
@@ -29,7 +30,7 @@ export default defineComponent({
     return () => {
       var isTimePicker = props.type === 'time';
       var Component = isTimePicker ? TimePicker : DatePicker;
-      var inheritProps = pick(props, isTimePicker ? timePickerProps : datePickerProps);
+      var inheritProps = pick(props, isTimePicker ? timePickerPropKeys : datePickerPropKeys);
       return _createVNode(Component, _mergeProps({
         "ref": root,
         "class": bem()