From 85c5ad671868b7156968b681a00b147a57504c84 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 20 Feb 2022 20:17:05 +0800
Subject: [PATCH] style(CouponList): change default color

---
 .../vant/docs/markdown/changelog-v4.zh-CN.md     |  3 +++
 packages/vant/src/coupon-list/CouponList.tsx     |  4 ++--
 packages/vant/src/coupon-list/README.md          |  2 +-
 packages/vant/src/coupon-list/README.zh-CN.md    |  2 +-
 packages/vant/src/coupon-list/index.less         |  2 +-
 .../test/__snapshots__/index.spec.ts.snap        | 16 ++++++++--------
 packages/vant/src/coupon/index.less              | 11 +++++------
 7 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/packages/vant/docs/markdown/changelog-v4.zh-CN.md b/packages/vant/docs/markdown/changelog-v4.zh-CN.md
index c0ac34b48..f972732c3 100644
--- a/packages/vant/docs/markdown/changelog-v4.zh-CN.md
+++ b/packages/vant/docs/markdown/changelog-v4.zh-CN.md
@@ -41,6 +41,9 @@
 - ContactEdit: 提交按钮调整为 `primary` 类型
 - ContactList: 提交按钮调整为 `primary` 类型
 - ContactList: 重命名 `--van-contact-list-item-radio-icon-color` 为 `--van-contact-list-radio-color`
+- CouponList: 重命名 `--van-coupon-corner-checkbox-icon-color` 为 `--van-coupon-checkbox-color`
+- CouponList: 调整 `--van-coupon-amount-color` 变量的默认值为 `--van-primary-color`
+- CouponList: 提交按钮调整为 `primary` 类型
 - Field: 调整 `--van-field-label-color` 变量的默认值为 `--van-text-color`
 - Switch: 移除 `--van-switch-border` 变量
 - Switch: 调整 `--van-switch-size` 变量的默认值为 `26px`
diff --git a/packages/vant/src/coupon-list/CouponList.tsx b/packages/vant/src/coupon-list/CouponList.tsx
index ef1201891..5cdc1a9a0 100644
--- a/packages/vant/src/coupon-list/CouponList.tsx
+++ b/packages/vant/src/coupon-list/CouponList.tsx
@@ -121,7 +121,7 @@ export default defineComponent({
             />
             <Button
               plain
-              type="danger"
+              type="primary"
               class={bem('exchange')}
               text={props.exchangeButtonText || t('exchange')}
               loading={props.exchangeButtonLoading}
@@ -215,7 +215,7 @@ export default defineComponent({
             v-show={props.showCloseButton}
             round
             block
-            type="danger"
+            type="primary"
             class={bem('close')}
             text={props.closeButtonText || t('close')}
             onClick={() => emit('change', -1)}
diff --git a/packages/vant/src/coupon-list/README.md b/packages/vant/src/coupon-list/README.md
index b37e9fba1..8da7e6f3c 100644
--- a/packages/vant/src/coupon-list/README.md
+++ b/packages/vant/src/coupon-list/README.md
@@ -181,7 +181,7 @@ The component provides the following CSS variables, which can be used to customi
 | --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-checkbox-color | _var(--van-danger-color)_ | - |
 | --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_ | - |
diff --git a/packages/vant/src/coupon-list/README.zh-CN.md b/packages/vant/src/coupon-list/README.zh-CN.md
index 4d1aa21f4..a19d45f3f 100644
--- a/packages/vant/src/coupon-list/README.zh-CN.md
+++ b/packages/vant/src/coupon-list/README.zh-CN.md
@@ -183,7 +183,7 @@ import type { CouponCellProps, CouponListProps } from 'vant';
 | --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-checkbox-color | _var(--van-danger-color)_ | - |
 | --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_ | - |
diff --git a/packages/vant/src/coupon-list/index.less b/packages/vant/src/coupon-list/index.less
index 31d74fd62..1b6805ba7 100644
--- a/packages/vant/src/coupon-list/index.less
+++ b/packages/vant/src/coupon-list/index.less
@@ -22,7 +22,7 @@ body {
       padding-left: var(--van-padding-sm);
       line-height: 34px;
       background: var(--van-background);
-      border-radius: 17px;
+      border-radius: var(--van-radius-max);
 
       &::placeholder {
         color: var(--van-text-color-3);
diff --git a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index a460ec48e..fbda40a8c 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -15,7 +15,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
       </div>
     </div>
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
+            class="van-button van-button--primary van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
             disabled
     >
       <div class="van-button__content">
@@ -280,7 +280,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
   </div>
   <div class="van-coupon-list__bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-coupon-list__close"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-coupon-list__close"
     >
       <div class="van-button__content">
         <span class="van-button__text">
@@ -307,7 +307,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
       </div>
     </div>
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
+            class="van-button van-button--primary van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
             disabled
     >
       <div class="van-button__content">
@@ -392,7 +392,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
   </div>
   <div class="van-coupon-list__bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-coupon-list__close"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-coupon-list__close"
     >
       <div class="van-button__content">
         <span class="van-button__text">
@@ -419,7 +419,7 @@ exports[`should render list-footer slot correctly 1`] = `
       </div>
     </div>
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
+            class="van-button van-button--primary van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
             disabled
     >
       <div class="van-button__content">
@@ -506,7 +506,7 @@ exports[`should render list-footer slot correctly 1`] = `
   </div>
   <div class="van-coupon-list__bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-coupon-list__close"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-coupon-list__close"
     >
       <div class="van-button__content">
         <span class="van-button__text">
@@ -533,7 +533,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
       </div>
     </div>
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
+            class="van-button van-button--primary van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange"
             disabled
     >
       <div class="van-button__content">
@@ -608,7 +608,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
   </div>
   <div class="van-coupon-list__bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-coupon-list__close"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-coupon-list__close"
     >
       <div class="van-button__content">
         <span class="van-button__text">
diff --git a/packages/vant/src/coupon/index.less b/packages/vant/src/coupon/index.less
index 164998e1e..3e3577b9f 100644
--- a/packages/vant/src/coupon/index.less
+++ b/packages/vant/src/coupon/index.less
@@ -10,14 +10,14 @@ body {
   --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-danger-color);
+  --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-corner-checkbox-icon-color: var(--van-danger-color);
+  --van-coupon-checkbox-color: var(--van-primary-color);
 }
 
 .van-coupon {
@@ -62,7 +62,6 @@ body {
     .ellipsis();
 
     span {
-      font-weight: normal;
       font-size: var(--van-coupon-currency-font-size);
 
       &:not(:empty) {
@@ -85,7 +84,7 @@ body {
 
   &__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);
   }
@@ -101,8 +100,8 @@ body {
     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);
     }
   }