vant 3.3.7 → 3.4.3

package/lib/coupon-cell/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.CouponCell = void 0;
-
-var _utils = require("../utils");
-
-var _CouponCell2 = _interopRequireDefault(require("./CouponCell"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var CouponCell = (0, _utils.withInstall)(_CouponCell2.default);
-exports.CouponCell = CouponCell;
-var _default = CouponCell;
-exports.default = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  CouponCell: () => CouponCell,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_CouponCell = __toModule(require("./CouponCell"));
+const CouponCell = (0, import_utils.withInstall)(import_CouponCell.default);
+var stdin_default = CouponCell;

package/lib/coupon-cell/style/index.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../badge/index.css');
-
-require('../../icon/index.css');
-
-require('../../cell/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../cell/index.css");
+require("../index.css");

package/lib/coupon-cell/style/less.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../badge/index.less');
-
-require('../../icon/index.less');
-
-require('../../cell/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../cell/index.less");
+require("../index.less");

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

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 import { CouponInfo } from '../coupon';
 declare const couponListProps: {
     code: {
@@ -106,46 +106,59 @@ declare const _default: import("vue").DefineComponent<{
     };
     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: string;
-    currency: string;
-    coupons: CouponInfo[];
-    chosenCoupon: number;
-    showCount: boolean;
-    emptyImage: string;
-    disabledCoupons: CouponInfo[];
-    showExchangeBar: boolean;
-    showCloseButton: boolean;
-    exchangeMinLength: number;
-    displayedCouponIndex: number;
-    exchangeButtonLoading: boolean;
-    exchangeButtonDisabled: boolean;
-} & {
-    enabledTitle?: string | undefined;
-    disabledTitle?: string | undefined;
-    closeButtonText?: string | undefined;
-    inputPlaceholder?: string | undefined;
-    exchangeButtonText?: string | undefined;
-}> & {
+}, () => 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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    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;
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onExchange?: ((...args: any[]) => any) | undefined;
     "onUpdate:code"?: ((...args: any[]) => any) | undefined;

package/lib/coupon-list/CouponList.js

@@ -1,211 +1,207 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _useRefs = require("../composables/use-refs");
-
-var _tab = require("../tab");
-
-var _tabs = require("../tabs");
-
-var _field = require("../field");
-
-var _button = require("../button");
-
-var _coupon = require("../coupon");
-
-var _use = require("@vant/use");
-
-// Utils
-// Composables
-// Components
-var [name, bem, t] = (0, _utils.createNamespace)('coupon-list');
-var EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
-var couponListProps = {
-  code: (0, _utils.makeStringProp)(''),
-  coupons: (0, _utils.makeArrayProp)(),
-  currency: (0, _utils.makeStringProp)('¥'),
-  showCount: _utils.truthProp,
-  emptyImage: (0, _utils.makeStringProp)(EMPTY_IMAGE),
-  chosenCoupon: (0, _utils.makeNumberProp)(-1),
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use_refs = __toModule(require("../composables/use-refs"));
+var import_tab = __toModule(require("../tab"));
+var import_tabs = __toModule(require("../tabs"));
+var import_field = __toModule(require("../field"));
+var import_button = __toModule(require("../button"));
+var import_coupon = __toModule(require("../coupon"));
+var import_use = __toModule(require("@vant/use"));
+const [name, bem, t] = (0, import_utils.createNamespace)("coupon-list");
+const EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
+const couponListProps = {
+  code: (0, import_utils.makeStringProp)(""),
+  coupons: (0, import_utils.makeArrayProp)(),
+  currency: (0, import_utils.makeStringProp)("\xA5"),
+  showCount: import_utils.truthProp,
+  emptyImage: (0, import_utils.makeStringProp)(EMPTY_IMAGE),
+  chosenCoupon: (0, import_utils.makeNumberProp)(-1),
   enabledTitle: String,
   disabledTitle: String,
-  disabledCoupons: (0, _utils.makeArrayProp)(),
-  showExchangeBar: _utils.truthProp,
-  showCloseButton: _utils.truthProp,
+  disabledCoupons: (0, import_utils.makeArrayProp)(),
+  showExchangeBar: import_utils.truthProp,
+  showCloseButton: import_utils.truthProp,
   closeButtonText: String,
   inputPlaceholder: String,
-  exchangeMinLength: (0, _utils.makeNumberProp)(1),
+  exchangeMinLength: (0, import_utils.makeNumberProp)(1),
   exchangeButtonText: String,
-  displayedCouponIndex: (0, _utils.makeNumberProp)(-1),
+  displayedCouponIndex: (0, import_utils.makeNumberProp)(-1),
   exchangeButtonLoading: Boolean,
   exchangeButtonDisabled: Boolean
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: couponListProps,
-  emits: ['change', 'exchange', 'update:code'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var [couponRefs, setCouponRefs] = (0, _useRefs.useRefs)();
-    var root = (0, _vue.ref)();
-    var barRef = (0, _vue.ref)();
-    var activeTab = (0, _vue.ref)(0);
-    var listHeight = (0, _vue.ref)(0);
-    var currentCode = (0, _vue.ref)(props.code);
-    var buttonDisabled = (0, _vue.computed)(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !currentCode.value || currentCode.value.length < props.exchangeMinLength));
-
-    var updateListHeight = () => {
-      var TABS_HEIGHT = 44;
-      var rootHeight = (0, _use.useRect)(root).height;
-      var headerHeight = (0, _use.useRect)(barRef).height + TABS_HEIGHT;
-      listHeight.value = (rootHeight > headerHeight ? rootHeight : _utils.windowHeight.value) - headerHeight;
+  emits: ["change", "exchange", "update:code"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const [couponRefs, setCouponRefs] = (0, import_use_refs.useRefs)();
+    const root = (0, import_vue2.ref)();
+    const barRef = (0, import_vue2.ref)();
+    const activeTab = (0, import_vue2.ref)(0);
+    const listHeight = (0, import_vue2.ref)(0);
+    const currentCode = (0, import_vue2.ref)(props.code);
+    const buttonDisabled = (0, import_vue2.computed)(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !currentCode.value || currentCode.value.length < props.exchangeMinLength));
+    const updateListHeight = () => {
+      const TABS_HEIGHT = 44;
+      const rootHeight = (0, import_use.useRect)(root).height;
+      const headerHeight = (0, import_use.useRect)(barRef).height + TABS_HEIGHT;
+      listHeight.value = (rootHeight > headerHeight ? rootHeight : import_utils.windowHeight.value) - headerHeight;
     };
-
-    var onExchange = () => {
-      emit('exchange', currentCode.value); // auto clear currentCode when not use v-model
-
+    const onExchange = () => {
+      emit("exchange", currentCode.value);
       if (!props.code) {
-        currentCode.value = '';
+        currentCode.value = "";
       }
     };
-
-    var scrollToCoupon = index => {
-      (0, _vue.nextTick)(() => {
-        var _couponRefs$value$ind;
-
-        return (_couponRefs$value$ind = couponRefs.value[index]) == null ? void 0 : _couponRefs$value$ind.scrollIntoView();
+    const scrollToCoupon = (index) => {
+      (0, import_vue2.nextTick)(() => {
+        var _a;
+        return (_a = couponRefs.value[index]) == null ? void 0 : _a.scrollIntoView();
       });
     };
-
-    var renderEmpty = () => (0, _vue.createVNode)("div", {
-      "class": bem('empty')
-    }, [(0, _vue.createVNode)("img", {
+    const renderEmpty = () => (0, import_vue.createVNode)("div", {
+      "class": bem("empty")
+    }, [(0, import_vue.createVNode)("img", {
       "src": props.emptyImage
-    }, null), (0, _vue.createVNode)("p", null, [t('noCoupon')])]);
-
-    var renderExchangeBar = () => {
+    }, null), (0, import_vue.createVNode)("p", null, [t("noCoupon")])]);
+    const renderExchangeBar = () => {
       if (props.showExchangeBar) {
-        return (0, _vue.createVNode)("div", {
+        return (0, import_vue.createVNode)("div", {
           "ref": barRef,
-          "class": bem('exchange-bar')
-        }, [(0, _vue.createVNode)(_field.Field, {
+          "class": bem("exchange-bar")
+        }, [(0, import_vue.createVNode)(import_field.Field, {
           "modelValue": currentCode.value,
-          "onUpdate:modelValue": $event => currentCode.value = $event,
+          "onUpdate:modelValue": ($event) => currentCode.value = $event,
           "clearable": true,
           "border": false,
-          "class": bem('field'),
-          "placeholder": props.inputPlaceholder || t('placeholder'),
+          "class": bem("field"),
+          "placeholder": props.inputPlaceholder || t("placeholder"),
           "maxlength": "20"
-        }, null), (0, _vue.createVNode)(_button.Button, {
+        }, null), (0, import_vue.createVNode)(import_button.Button, {
           "plain": true,
           "type": "danger",
-          "class": bem('exchange'),
-          "text": props.exchangeButtonText || t('exchange'),
+          "class": bem("exchange"),
+          "text": props.exchangeButtonText || t("exchange"),
           "loading": props.exchangeButtonLoading,
           "disabled": buttonDisabled.value,
           "onClick": onExchange
         }, null)]);
       }
     };
-
-    var renderCouponTab = () => {
-      var _slots$listFooter;
-
-      var {
+    const renderCouponTab = () => {
+      const {
         coupons
       } = props;
-      var count = props.showCount ? " (" + coupons.length + ")" : '';
-      var title = (props.enabledTitle || t('enable')) + count;
-      return (0, _vue.createVNode)(_tab.Tab, {
+      const count = props.showCount ? ` (${coupons.length})` : "";
+      const title = (props.enabledTitle || t("enable")) + count;
+      return (0, import_vue.createVNode)(import_tab.Tab, {
         "title": title
       }, {
-        default: () => [(0, _vue.createVNode)("div", {
-          "class": bem('list', {
-            'with-bottom': props.showCloseButton
-          }),
-          "style": {
-            height: listHeight.value + "px"
-          }
-        }, [coupons.map((coupon, index) => (0, _vue.createVNode)(_coupon.Coupon, {
-          "key": coupon.id,
-          "ref": setCouponRefs(index),
-          "coupon": coupon,
-          "chosen": index === props.chosenCoupon,
-          "currency": props.currency,
-          "onClick": () => emit('change', index)
-        }, null)), !coupons.length && renderEmpty(), (_slots$listFooter = slots['list-footer']) == null ? void 0 : _slots$listFooter.call(slots)])]
+        default: () => {
+          var _a;
+          return [(0, import_vue.createVNode)("div", {
+            "class": bem("list", {
+              "with-bottom": props.showCloseButton
+            }),
+            "style": {
+              height: `${listHeight.value}px`
+            }
+          }, [coupons.map((coupon, index) => (0, import_vue.createVNode)(import_coupon.Coupon, {
+            "key": coupon.id,
+            "ref": setCouponRefs(index),
+            "coupon": coupon,
+            "chosen": index === props.chosenCoupon,
+            "currency": props.currency,
+            "onClick": () => emit("change", index)
+          }, null)), !coupons.length && renderEmpty(), (_a = slots["list-footer"]) == null ? void 0 : _a.call(slots)])];
+        }
       });
     };
-
-    var renderDisabledTab = () => {
-      var _slots$disabledList;
-
-      var {
+    const renderDisabledTab = () => {
+      const {
         disabledCoupons
       } = props;
-      var count = props.showCount ? " (" + disabledCoupons.length + ")" : '';
-      var title = (props.disabledTitle || t('disabled')) + count;
-      return (0, _vue.createVNode)(_tab.Tab, {
+      const count = props.showCount ? ` (${disabledCoupons.length})` : "";
+      const title = (props.disabledTitle || t("disabled")) + count;
+      return (0, import_vue.createVNode)(import_tab.Tab, {
         "title": title
       }, {
-        default: () => [(0, _vue.createVNode)("div", {
-          "class": bem('list', {
-            'with-bottom': props.showCloseButton
-          }),
-          "style": {
-            height: listHeight.value + "px"
-          }
-        }, [disabledCoupons.map(coupon => (0, _vue.createVNode)(_coupon.Coupon, {
-          "disabled": true,
-          "key": coupon.id,
-          "coupon": coupon,
-          "currency": props.currency
-        }, null)), !disabledCoupons.length && renderEmpty(), (_slots$disabledList = slots['disabled-list-footer']) == null ? void 0 : _slots$disabledList.call(slots)])]
+        default: () => {
+          var _a;
+          return [(0, import_vue.createVNode)("div", {
+            "class": bem("list", {
+              "with-bottom": props.showCloseButton
+            }),
+            "style": {
+              height: `${listHeight.value}px`
+            }
+          }, [disabledCoupons.map((coupon) => (0, import_vue.createVNode)(import_coupon.Coupon, {
+            "disabled": true,
+            "key": coupon.id,
+            "coupon": coupon,
+            "currency": props.currency
+          }, null)), !disabledCoupons.length && renderEmpty(), (_a = slots["disabled-list-footer"]) == null ? void 0 : _a.call(slots)])];
+        }
       });
     };
-
-    (0, _vue.watch)(() => props.code, value => {
+    (0, import_vue2.watch)(() => props.code, (value) => {
       currentCode.value = value;
     });
-    (0, _vue.watch)(_utils.windowHeight, updateListHeight);
-    (0, _vue.watch)(currentCode, value => emit('update:code', value));
-    (0, _vue.watch)(() => props.displayedCouponIndex, scrollToCoupon);
-    (0, _vue.onMounted)(() => {
+    (0, import_vue2.watch)(import_utils.windowHeight, updateListHeight);
+    (0, import_vue2.watch)(currentCode, (value) => emit("update:code", value));
+    (0, import_vue2.watch)(() => props.displayedCouponIndex, scrollToCoupon);
+    (0, import_vue2.onMounted)(() => {
       updateListHeight();
       scrollToCoupon(props.displayedCouponIndex);
     });
-    return () => (0, _vue.createVNode)("div", {
+    return () => (0, import_vue.createVNode)("div", {
       "ref": root,
       "class": bem()
-    }, [renderExchangeBar(), (0, _vue.createVNode)(_tabs.Tabs, {
+    }, [renderExchangeBar(), (0, import_vue.createVNode)(import_tabs.Tabs, {
       "active": activeTab.value,
-      "onUpdate:active": $event => activeTab.value = $event,
-      "class": bem('tab')
+      "onUpdate:active": ($event) => activeTab.value = $event,
+      "class": bem("tab")
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
-    }), (0, _vue.createVNode)("div", {
-      "class": bem('bottom')
-    }, [(0, _vue.withDirectives)((0, _vue.createVNode)(_button.Button, {
+    }), (0, import_vue.createVNode)("div", {
+      "class": bem("bottom")
+    }, [(0, import_vue.withDirectives)((0, import_vue.createVNode)(import_button.Button, {
       "round": true,
       "block": true,
       "type": "danger",
-      "class": bem('close'),
-      "text": props.closeButtonText || t('close'),
-      "onClick": () => emit('change', -1)
-    }, null), [[_vue.vShow, props.showCloseButton]])])]);
+      "class": bem("close"),
+      "text": props.closeButtonText || t("close"),
+      "onClick": () => emit("change", -1)
+    }, null), [[import_vue.vShow, props.showCloseButton]])])]);
   }
-
 });
-
-exports.default = _default;

package/lib/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-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;padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.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)}
+: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;padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.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)}