vant 3.2.2 → 3.2.6

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/count-down/CountDown.d.ts

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

package/es/count-down/CountDown.js

@@ -1,23 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 import { watch, computed, defineComponent } from 'vue'; // Utils
 
-import { truthProp, createNamespace } from '../utils';
+import { truthProp, makeStringProp, makeNumericProp, createNamespace } from '../utils';
 import { parseFormat } from './utils'; // Composables
 
 import { useCountDown } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
 var [name, bem] = createNamespace('count-down');
 var props = {
+  time: makeNumericProp(0),
+  format: makeStringProp('HH:mm:ss'),
   autoStart: truthProp,
-  millisecond: Boolean,
-  time: {
-    type: [Number, String],
-    default: 0
-  },
-  format: {
-    type: String,
-    default: 'HH:mm:ss'
-  }
+  millisecond: Boolean
 };
 export default defineComponent({
   name,

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

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

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

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

package/es/count-down/types.js

@@ -0,0 +1 @@
+export {};

package/es/coupon/Coupon.d.ts

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

package/es/coupon/Coupon.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { padZero, createNamespace } from '../utils';
+import { padZero, makeStringProp, createNamespace, makeRequiredProp } from '../utils';
 import { Checkbox } from '../checkbox';
 var [name, bem, t] = createNamespace('coupon');
 
@@ -9,27 +9,17 @@ function getDate(timeStamp) {
   return date.getFullYear() + "." + padZero(date.getMonth() + 1) + "." + padZero(date.getDate());
 }
 
-function formatDiscount(discount) {
-  return (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
-}
+var formatDiscount = discount => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 
-function formatAmount(amount) {
-  return (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-}
+var formatAmount = amount => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
 
 export default defineComponent({
   name,
   props: {
     chosen: Boolean,
+    coupon: makeRequiredProp(Object),
     disabled: Boolean,
-    coupon: {
-      type: Object,
-      required: true
-    },
-    currency: {
-      type: String,
-      default: '¥'
-    }
+    currency: makeStringProp('¥')
   },
 
   setup(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-background-color:var(--van-white);--van-coupon-active-background-color:var(--van-active-color);--van-coupon-border-radius:var(--van-border-radius-lg);--van-coupon-box-shadow:0 0 4px rgba(0, 0, 0, 0.1);--van-coupon-head-width:96px;--van-coupon-amount-color:var(--van-danger-color);--van-coupon-amount-font-size:30px;--van-coupon-currency-font-size:40%;--van-coupon-name-font-size:var(--van-font-size-md);--van-coupon-disabled-text-color:var(--van-gray-6);--van-coupon-description-padding:var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color:var(--van-border-color);--van-coupon-corner-checkbox-icon-color:var(--van-danger-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background-color);border-radius:var(--van-coupon-border-radius);box-shadow:var(--van-coupon-box-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background-color)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-gray-8)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-weight-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1;border-radius:0 var(--van-coupon-border-radius) var(--van-coupon-border-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-corner-checkbox-icon-color);border-color:var(--van-coupon-corner-checkbox-icon-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background-color)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}

package/es/coupon/index.d.ts

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

package/es/coupon/index.less

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

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

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

package/es/coupon-cell/CouponCell.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { isDef, truthProp, createNamespace } from '../utils'; // Components
+import { isDef, truthProp, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Components
 
 import { Cell } from '../cell'; // Types
 
@@ -33,18 +33,9 @@ export default defineComponent({
     title: String,
     border: truthProp,
     editable: truthProp,
-    coupons: {
-      type: Array,
-      default: () => []
-    },
-    currency: {
-      type: String,
-      default: '¥'
-    },
-    chosenCoupon: {
-      type: [Number, String],
-      default: -1
-    }
+    coupons: makeArrayProp(),
+    currency: makeStringProp('¥'),
+    chosenCoupon: makeNumericProp(-1)
   },
 
   setup(props) {

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

@@ -13,7 +13,7 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
         default: () => never[];
     };
     currency: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
     chosenCoupon: {
@@ -35,7 +35,7 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
     chosenCoupon: string | number;
 } & {
     title?: string | undefined;
-}> & {}, {
+}>, {
     border: boolean;
     currency: string;
     editable: boolean;

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

@@ -1,12 +1,35 @@
-import { PropType } from 'vue';
 import { CouponInfo } from '../coupon';
 declare const _default: import("vue").DefineComponent<{
+    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;
@@ -17,74 +40,50 @@ declare const _default: import("vue").DefineComponent<{
     };
     closeButtonText: StringConstructor;
     inputPlaceholder: StringConstructor;
-    exchangeButtonText: StringConstructor;
-    exchangeButtonLoading: BooleanConstructor;
-    exchangeButtonDisabled: BooleanConstructor;
-    code: {
-        type: StringConstructor;
-        default: string;
-    };
     exchangeMinLength: {
         type: NumberConstructor;
         default: number;
     };
-    chosenCoupon: {
-        type: NumberConstructor;
-        default: number;
-    };
-    coupons: {
-        type: PropType<CouponInfo[]>;
-        default: () => never[];
-    };
-    disabledCoupons: {
-        type: PropType<CouponInfo[]>;
-        default: () => never[];
-    };
+    exchangeButtonText: StringConstructor;
     displayedCouponIndex: {
         type: NumberConstructor;
         default: number;
     };
-    currency: {
-        type: StringConstructor;
-        default: string;
-    };
-    emptyImage: {
-        type: StringConstructor;
-        default: string;
-    };
+    exchangeButtonLoading: BooleanConstructor;
+    exchangeButtonDisabled: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "exchange" | "update:code")[], "change" | "exchange" | "update:code", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    code?: unknown;
+    coupons?: unknown;
+    currency?: unknown;
     showCount?: unknown;
+    emptyImage?: unknown;
+    chosenCoupon?: unknown;
     enabledTitle?: unknown;
     disabledTitle?: unknown;
+    disabledCoupons?: unknown;
     showExchangeBar?: unknown;
     showCloseButton?: unknown;
     closeButtonText?: unknown;
     inputPlaceholder?: unknown;
+    exchangeMinLength?: unknown;
     exchangeButtonText?: unknown;
+    displayedCouponIndex?: unknown;
     exchangeButtonLoading?: unknown;
     exchangeButtonDisabled?: unknown;
-    code?: unknown;
-    exchangeMinLength?: unknown;
-    chosenCoupon?: unknown;
-    coupons?: unknown;
-    disabledCoupons?: unknown;
-    displayedCouponIndex?: unknown;
-    currency?: unknown;
-    emptyImage?: unknown;
 } & {
     code: string;
     currency: string;
     coupons: CouponInfo[];
     chosenCoupon: number;
     showCount: boolean;
+    emptyImage: string;
+    disabledCoupons: CouponInfo[];
     showExchangeBar: boolean;
     showCloseButton: boolean;
-    exchangeButtonLoading: boolean;
-    exchangeButtonDisabled: boolean;
     exchangeMinLength: number;
-    disabledCoupons: CouponInfo[];
     displayedCouponIndex: number;
-    emptyImage: string;
+    exchangeButtonLoading: boolean;
+    exchangeButtonDisabled: boolean;
 } & {
     enabledTitle?: string | undefined;
     disabledTitle?: string | undefined;
@@ -101,13 +100,13 @@ declare const _default: import("vue").DefineComponent<{
     coupons: CouponInfo[];
     chosenCoupon: number;
     showCount: boolean;
+    emptyImage: string;
+    disabledCoupons: CouponInfo[];
     showExchangeBar: boolean;
     showCloseButton: boolean;
-    exchangeButtonLoading: boolean;
-    exchangeButtonDisabled: boolean;
     exchangeMinLength: number;
-    disabledCoupons: CouponInfo[];
     displayedCouponIndex: number;
-    emptyImage: string;
+    exchangeButtonLoading: boolean;
+    exchangeButtonDisabled: boolean;
 }>;
 export default _default;

package/es/coupon-list/CouponList.js

@@ -1,9 +1,8 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { watch, computed, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
-import { truthProp, createNamespace } from '../utils'; // Composables
+import { truthProp, makeArrayProp, makeStringProp, makeNumberProp, createNamespace } from '../utils'; // Composables
 
-import { useWindowSize } from '@vant/use';
 import { useRefs } from '../composables/use-refs'; // Components
 
 import { Tab } from '../tab';
@@ -16,48 +15,24 @@ var EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
 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,
-    code: {
-      type: String,
-      default: ''
-    },
-    exchangeMinLength: {
-      type: Number,
-      default: 1
-    },
-    chosenCoupon: {
-      type: Number,
-      default: -1
-    },
-    coupons: {
-      type: Array,
-      default: () => []
-    },
-    disabledCoupons: {
-      type: Array,
-      default: () => []
-    },
-    displayedCouponIndex: {
-      type: Number,
-      default: -1
-    },
-    currency: {
-      type: String,
-      default: '¥'
-    },
-    emptyImage: {
-      type: String,
-      default: EMPTY_IMAGE
-    }
+    exchangeButtonDisabled: Boolean
   },
   emits: ['change', 'exchange', 'update:code'],
 
@@ -70,13 +45,7 @@ export default defineComponent({
       tab: 0,
       code: props.code
     });
-    var {
-      height: windowHeight
-    } = useWindowSize();
     var buttonDisabled = computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !state.code || state.code.length < props.exchangeMinLength));
-    var listStyle = computed(() => ({
-      height: windowHeight.value - (props.showExchangeBar ? 140 : 94) + 'px'
-    }));
 
     var onExchange = () => {
       emit('exchange', state.code); // auto clear currentCode when not use v-model
@@ -137,9 +106,9 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [coupons.map((coupon, index) => _createVNode(Coupon, {
           "key": coupon.id,
           "ref": setCouponRefs(index),
@@ -164,9 +133,9 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [disabledCoupons.map(coupon => _createVNode(Coupon, {
           "disabled": true,
           "key": coupon.id,
@@ -187,7 +156,7 @@ export default defineComponent({
     return () => _createVNode("div", {
       "class": bem()
     }, [renderExchangeBar(), _createVNode(Tabs, {
-      'active': state.tab,
+      "active": state.tab,
       "onUpdate:active": $event => state.tab = $event,
       "class": bem('tab'),
       "border": false