vant 3.4.5 → 4.0.0-alpha.1

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

@@ -3,6 +3,10 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    theme: {
+        type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
+        default: import("./ConfigProvider").ConfigProviderTheme;
+    };
     themeVars: import("vue").PropType<Record<string, string | number>>;
     iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -10,13 +14,18 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    theme: {
+        type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
+        default: import("./ConfigProvider").ConfigProviderTheme;
+    };
     themeVars: import("vue").PropType<Record<string, string | number>>;
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;
+    theme: import("./ConfigProvider").ConfigProviderTheme;
 }>>;
 export default ConfigProvider;
-export type { ConfigProviderProps } from './ConfigProvider';
+export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';
 declare module 'vue' {
     interface GlobalComponents {
         VanConfigProvider: typeof ConfigProvider;

package/es/contact-card/ContactCard.js

@@ -34,10 +34,10 @@ var stdin_default = defineComponent({
       "class": bem([props.type]),
       "border": false,
       "isLink": props.editable,
-      "valueClass": bem("value"),
+      "titleClass": bem("title"),
       "onClick": onClick
     }, {
-      value: renderContent
+      title: renderContent
     });
   }
 });

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,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:""}
+body{--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-title-line-height: var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__title{margin-left:5px;line-height:var(--van-contact-card-title-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.less

@@ -1,18 +1,16 @@
-@import './var.less';
-
-:root {
-  --van-contact-card-padding: @contact-card-padding;
-  --van-contact-card-add-icon-size: @contact-card-add-icon-size;
-  --van-contact-card-add-icon-color: @contact-card-add-icon-color;
-  --van-contact-card-value-line-height: @contact-card-value-line-height;
+body {
+  --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-title-line-height: var(--van-line-height-md);
 }
 
 .van-contact-card {
   padding: var(--van-contact-card-padding);
 
-  &__value {
+  &__title {
     margin-left: 5px;
-    line-height: var(--van-contact-card-value-line-height);
+    line-height: var(--van-contact-card-title-line-height);
   }
 
   &--add {

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

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "delete" | "change-default")[], "save" | "delete" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "delete" | "changeDefault")[], "save" | "delete" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     isEdit: BooleanConstructor;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onChange-default"?: ((...args: any[]) => any) | undefined;
+    onChangeDefault?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;
     isDeleting: boolean;

package/es/contact-edit/ContactEdit.js

@@ -29,7 +29,7 @@ const contactEditProps = {
 var stdin_default = defineComponent({
   name,
   props: contactEditProps,
-  emits: ["save", "delete", "change-default"],
+  emits: ["save", "delete", "changeDefault"],
   setup(props, {
     emit
   }) {
@@ -45,7 +45,7 @@ var stdin_default = defineComponent({
     }, [_createVNode(Button, {
       "block": true,
       "round": true,
-      "type": "danger",
+      "type": "primary",
       "text": t("save"),
       "class": bem("button"),
       "loading": props.isSaving,
@@ -61,8 +61,7 @@ var stdin_default = defineComponent({
     const renderSwitch = () => _createVNode(Switch, {
       "modelValue": contact.isDefault,
       "onUpdate:modelValue": ($event) => contact.isDefault = $event,
-      "size": 24,
-      "onChange": (checked) => emit("change-default", checked)
+      "onChange": (checked) => emit("changeDefault", checked)
     }, null);
     const renderSetDefault = () => {
       if (props.showSetDefault) {

package/es/contact-edit/index.css

@@ -1 +1 @@
-:root{--van-contact-edit-padding: var(--van-padding-md);--van-contact-edit-fields-radius: var(--van-border-radius-md);--van-contact-edit-buttons-padding: var(--van-padding-xl) 0;--van-contact-edit-button-margin-bottom: var(--van-padding-sm);--van-contact-edit-button-font-size: var(--van-font-size-lg);--van-contact-edit-field-label-width: 4.1em}.van-contact-edit{padding:var(--van-contact-edit-padding)}.van-contact-edit__fields{overflow:hidden;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__fields .van-field__label{width:var(--van-contact-edit-field-label-width)}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__buttons{padding:var(--van-contact-edit-buttons-padding)}.van-contact-edit__button{margin-bottom:var(--van-contact-edit-button-margin-bottom);font-size:var(--van-contact-edit-button-font-size)}
+body{--van-contact-edit-padding: var(--van-padding-md);--van-contact-edit-fields-radius: var(--van-radius-md);--van-contact-edit-buttons-padding: var(--van-padding-xl) 0;--van-contact-edit-button-margin-bottom: var(--van-padding-sm);--van-contact-edit-button-font-size: var(--van-font-size-lg);--van-contact-edit-field-label-width: 4.1em}.van-contact-edit{padding:var(--van-contact-edit-padding)}.van-contact-edit__fields{overflow:hidden;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__fields .van-field__label{width:var(--van-contact-edit-field-label-width)}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;border-radius:var(--van-contact-edit-fields-radius)}.van-contact-edit__buttons{padding:var(--van-contact-edit-buttons-padding)}.van-contact-edit__button{margin-bottom:var(--van-contact-edit-button-margin-bottom);font-size:var(--van-contact-edit-button-font-size)}

package/es/contact-edit/index.d.ts

@@ -12,7 +12,7 @@ export declare const ContactEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: typeof import("../utils").isMobile;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "delete" | "change-default")[], "save" | "delete" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "delete" | "changeDefault")[], "save" | "delete" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isEdit: BooleanConstructor;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -29,7 +29,7 @@ export declare const ContactEdit: import("../utils").WithInstall<import("vue").D
 }>> & {
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onChange-default"?: ((...args: any[]) => any) | undefined;
+    onChangeDefault?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;
     isDeleting: boolean;

package/es/contact-edit/index.less

@@ -1,12 +1,10 @@
-@import './var.less';
-
-:root {
-  --van-contact-edit-padding: @contact-edit-padding;
-  --van-contact-edit-fields-radius: @contact-edit-fields-radius;
-  --van-contact-edit-buttons-padding: @contact-edit-buttons-padding;
-  --van-contact-edit-button-margin-bottom: @contact-edit-button-margin-bottom;
-  --van-contact-edit-button-font-size: @contact-edit-button-font-size;
-  --van-contact-edit-field-label-width: @contact-edit-field-label-width;
+body {
+  --van-contact-edit-padding: var(--van-padding-md);
+  --van-contact-edit-fields-radius: var(--van-radius-md);
+  --van-contact-edit-buttons-padding: var(--van-padding-xl) 0;
+  --van-contact-edit-button-margin-bottom: var(--van-padding-sm);
+  --van-contact-edit-button-font-size: var(--van-font-size-lg);
+  --van-contact-edit-field-label-width: 4.1em;
 }
 
 .van-contact-edit {

package/es/contact-list/ContactList.js

@@ -43,7 +43,7 @@ var stdin_default = defineComponent({
         const nodes = [`${item.name}\uFF0C${item.tel}`];
         if (item.isDefault && props.defaultTagText) {
           nodes.push(_createVNode(Tag, {
-            "type": "danger",
+            "type": "primary",
             "round": true,
             "class": bem("item-tag")
           }, {
@@ -57,11 +57,11 @@ var stdin_default = defineComponent({
         "isLink": true,
         "center": true,
         "class": bem("item"),
-        "valueClass": bem("item-value"),
+        "titleClass": bem("item-title"),
         "onClick": onClick
       }, {
         icon: renderEditIcon,
-        value: renderContent,
+        title: renderContent,
         "right-icon": renderRightIcon
       });
     };
@@ -77,7 +77,7 @@ var stdin_default = defineComponent({
     }, [_createVNode(Button, {
       "round": true,
       "block": true,
-      "type": "danger",
+      "type": "primary",
       "class": bem("add"),
       "text": props.addText || t("addContact"),
       "onClick": () => emit("add")

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-background-color-light)}.van-contact-list__add{height:40px;margin:5px 0}
+body{--van-contact-list-edit-icon-size: 16px;--van-contact-list-add-button-z-index: 999;--van-contact-list-radio-color: var(--van-primary-color);--van-contact-list-item-padding: var(--van-padding-md)}.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-title{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-radio-color);border-color:var(--van-contact-list-radio-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-2)}.van-contact-list__add{height:40px;margin:5px 0}

package/es/contact-list/index.less

@@ -1,10 +1,8 @@
-@import './var.less';
-
-:root {
-  --van-contact-list-edit-icon-size: @contact-list-edit-icon-size;
-  --van-contact-list-add-button-z-index: @contact-list-add-button-z-index;
-  --van-contact-list-item-padding: @contact-list-item-padding;
-  --van-contact-list-item-radio-icon-color: @contact-list-item-radio-icon-color;
+body {
+  --van-contact-list-edit-icon-size: 16px;
+  --van-contact-list-add-button-z-index: 999;
+  --van-contact-list-radio-color: var(--van-primary-color);
+  --van-contact-list-item-padding: var(--van-padding-md);
 }
 
 .van-contact-list {
@@ -16,7 +14,7 @@
     padding: var(--van-contact-list-item-padding);
   }
 
-  &__item-value {
+  &__item-title {
     display: flex;
     align-items: center;
     padding-right: var(--van-padding-xl);
@@ -44,8 +42,8 @@
 
   &__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);
+      background-color: var(--van-contact-list-radio-color);
+      border-color: var(--van-contact-list-radio-color);
     }
   }
 
@@ -57,7 +55,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-background-color-light);
+    background-color: var(--van-background-2);
   }
 
   &__add {

package/es/count-down/index.css

@@ -1 +1 @@
-:root{--van-count-down-text-color: var(--van-text-color);--van-count-down-font-size: var(--van-font-size-md);--van-count-down-line-height: var(--van-line-height-md)}.van-count-down{color:var(--van-count-down-text-color);font-size:var(--van-count-down-font-size);line-height:var(--van-count-down-line-height)}
+body{--van-count-down-text-color: var(--van-text-color);--van-count-down-font-size: var(--van-font-size-md);--van-count-down-line-height: var(--van-line-height-md)}.van-count-down{color:var(--van-count-down-text-color);font-size:var(--van-count-down-font-size);line-height:var(--van-count-down-line-height)}

package/es/count-down/index.less

@@ -1,9 +1,7 @@
-@import './var.less';
-
-:root {
-  --van-count-down-text-color: @count-down-text-color;
-  --van-count-down-font-size: @count-down-font-size;
-  --van-count-down-line-height: @count-down-line-height;
+body {
+  --van-count-down-text-color: var(--van-text-color);
+  --van-count-down-font-size: var(--van-font-size-md);
+  --van-count-down-line-height: var(--van-line-height-md);
 }
 
 .van-count-down {

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-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, .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}
+body{--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: var(--van-background-2);--van-coupon-active-background: var(--van-active-color);--van-coupon-radius: var(--van-radius-lg);--van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1);--van-coupon-head-width: 96px;--van-coupon-amount-color: var(--van-primary-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-checkbox-color: var(--van-primary-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background);border-radius:var(--van-coupon-radius);box-shadow:var(--van-coupon-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background)}.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-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{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-radius) var(--van-coupon-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:var(--van-font-bold);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-checkbox-color);border-color:var(--van-coupon-checkbox-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)}.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

@@ -1,35 +1,34 @@
-@import './var.less';
 @import '../style/mixins/ellipsis';
 
-:root {
-  --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;
-  --van-coupon-box-shadow: @coupon-box-shadow;
-  --van-coupon-head-width: @coupon-head-width;
-  --van-coupon-amount-color: @coupon-amount-color;
-  --van-coupon-amount-font-size: @coupon-amount-font-size;
-  --van-coupon-currency-font-size: @coupon-currency-font-size;
-  --van-coupon-name-font-size: @coupon-name-font-size;
-  --van-coupon-disabled-text-color: @coupon-disabled-text-color;
-  --van-coupon-description-padding: @coupon-description-padding;
-  --van-coupon-description-border-color: @coupon-description-border-color;
-  --van-coupon-corner-checkbox-icon-color: @coupon-corner-checkbox-icon-color;
+body {
+  --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: var(--van-background-2);
+  --van-coupon-active-background: var(--van-active-color);
+  --van-coupon-radius: var(--van-radius-lg);
+  --van-coupon-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  --van-coupon-head-width: 96px;
+  --van-coupon-amount-color: var(--van-primary-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-checkbox-color: var(--van-primary-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);
+  background: var(--van-coupon-background);
+  border-radius: var(--van-coupon-radius);
+  box-shadow: var(--van-coupon-shadow);
 
   &:active {
-    background-color: var(--van-coupon-active-background-color);
+    background-color: var(--van-coupon-active-background);
   }
 
   &__content {
@@ -58,12 +57,11 @@
 
   &__amount {
     margin-bottom: 6px;
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     font-size: var(--van-coupon-amount-font-size);
     .ellipsis();
 
     span {
-      font-weight: normal;
       font-size: var(--van-coupon-currency-font-size);
 
       &:not(:empty) {
@@ -81,13 +79,12 @@
   &__body {
     position: relative;
     flex: 1;
-    border-radius: 0 var(--van-coupon-border-radius)
-      var(--van-coupon-border-radius) 0;
+    border-radius: 0 var(--van-coupon-radius) var(--van-coupon-radius) 0;
   }
 
   &__name {
     margin-bottom: 10px;
-    font-weight: bold;
+    font-weight: var(--van-font-bold);
     font-size: var(--van-coupon-name-font-size);
     line-height: var(--van-line-height-md);
   }
@@ -103,8 +100,8 @@
     bottom: 0;
 
     .van-checkbox__icon--checked .van-icon {
-      background-color: var(--van-coupon-corner-checkbox-icon-color);
-      border-color: var(--van-coupon-corner-checkbox-icon-color);
+      background-color: var(--van-coupon-checkbox-color);
+      border-color: var(--van-coupon-checkbox-color);
     }
   }
 
@@ -116,7 +113,7 @@
 
   &--disabled {
     &:active {
-      background-color: var(--van-coupon-background-color);
+      background-color: var(--van-coupon-background);
     }
 
     .van-coupon-item__content {

package/es/coupon-cell/index.css

@@ -1 +1 @@
-:root{--van-coupon-cell-selected-text-color: var(--van-text-color)}.van-coupon-cell__value--selected{color:var(--van-coupon-cell-selected-text-color)}
+body{--van-coupon-cell-selected-text-color: var(--van-text-color)}.van-coupon-cell__value--selected{color:var(--van-coupon-cell-selected-text-color)}

package/es/coupon-cell/index.less

@@ -1,7 +1,5 @@
-@import './var.less';
-
-:root {
-  --van-coupon-cell-selected-text-color: @coupon-cell-selected-text-color;
+body {
+  --van-coupon-cell-selected-text-color: var(--van-text-color);
 }
 
 .van-coupon-cell {

package/es/coupon-list/CouponList.js

@@ -83,7 +83,7 @@ var stdin_default = defineComponent({
           "maxlength": "20"
         }, null), _createVNode(Button, {
           "plain": true,
-          "type": "danger",
+          "type": "primary",
           "class": bem("exchange"),
           "text": props.exchangeButtonText || t("exchange"),
           "loading": props.exchangeButtonLoading,
@@ -172,7 +172,7 @@ var stdin_default = defineComponent({
     }, [_withDirectives(_createVNode(Button, {
       "round": true,
       "block": true,
-      "type": "danger",
+      "type": "primary",
       "class": bem("close"),
       "text": props.closeButtonText || t("close"),
       "onClick": () => emit("change", -1)

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-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)}
+body{--van-coupon-list-background: var(--van-background);--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)}.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-background);border-radius:var(--van-radius-max)}.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-2)}.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-bold);background-color:var(--van-background-2)}.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.less

@@ -1,20 +1,18 @@
-@import './var.less';
-
-:root {
-  --van-coupon-list-background-color: @coupon-list-background-color;
-  --van-coupon-list-field-padding: @coupon-list-field-padding;
-  --van-coupon-list-exchange-button-height: @coupon-list-exchange-button-height;
-  --van-coupon-list-close-button-height: @coupon-list-close-button-height;
-  --van-coupon-list-empty-image-size: @coupon-list-empty-image-size;
-  --van-coupon-list-empty-tip-color: @coupon-list-empty-tip-color;
-  --van-coupon-list-empty-tip-font-size: @coupon-list-empty-tip-font-size;
-  --van-coupon-list-empty-tip-line-height: @coupon-list-empty-tip-line-height;
+body {
+  --van-coupon-list-background: var(--van-background);
+  --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);
+  background: var(--van-coupon-list-background);
 
   &__field {
     padding: var(--van-coupon-list-field-padding);
@@ -23,8 +21,8 @@
       height: 34px;
       padding-left: var(--van-padding-sm);
       line-height: 34px;
-      background: var(--van-gray-1);
-      border-radius: 17px;
+      background: var(--van-background);
+      border-radius: var(--van-radius-max);
 
       &::placeholder {
         color: var(--van-text-color-3);
@@ -39,7 +37,7 @@
   &__exchange-bar {
     display: flex;
     align-items: center;
-    background-color: var(--van-background-color-light);
+    background-color: var(--van-background-2);
   }
 
   &__exchange {
@@ -73,8 +71,8 @@
     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);
+    font-weight: var(--van-font-bold);
+    background-color: var(--van-background-2);
   }
 
   &__close {