From 3940306bd48e5022e36fb6e8a744bba34f7624ea Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 24 Jul 2021 20:23:59 +0800
Subject: [PATCH] feat(AddressEdit): add address-edit-button-font-size var
 (#9113)

---
 src/address-edit/AddressEdit.tsx                       | 2 ++
 src/address-edit/README.md                             | 1 +
 src/address-edit/README.zh-CN.md                       | 1 +
 src/address-edit/index.less                            | 8 +++++---
 src/address-edit/test/__snapshots__/demo.spec.ts.snap  | 4 ++--
 src/address-edit/test/__snapshots__/index.spec.js.snap | 4 ++--
 src/address-edit/var.less                              | 1 +
 src/contact-edit/README.md                             | 2 +-
 src/contact-edit/README.zh-CN.md                       | 2 +-
 src/contact-edit/var.less                              | 2 +-
 10 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/address-edit/AddressEdit.tsx b/src/address-edit/AddressEdit.tsx
index ba3e647d0..f549932aa 100644
--- a/src/address-edit/AddressEdit.tsx
+++ b/src/address-edit/AddressEdit.tsx
@@ -401,6 +401,7 @@ export default defineComponent({
               round
               type="danger"
               text={props.saveButtonText || t('save')}
+              class={bem('button')}
               loading={props.isSaving}
               onClick={onSave}
             />
@@ -408,6 +409,7 @@ export default defineComponent({
               <Button
                 block
                 round
+                class={bem('button')}
                 loading={props.isDeleting}
                 text={props.deleteButtonText || t('delete')}
                 onClick={onDelete}
diff --git a/src/address-edit/README.md b/src/address-edit/README.md
index cb6bf41c4..85177aa13 100644
--- a/src/address-edit/README.md
+++ b/src/address-edit/README.md
@@ -160,5 +160,6 @@ The component provides the following CSS variables, which can be used to customi
 | --van-address-edit-padding | _var(--van-padding-sm)_ | - |
 | --van-address-edit-buttons-padding | _var(--van-padding-xl) var(--van-padding-base)_ | - |
 | --van-address-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
+| --van-address-edit-button-font-size | _var(--van-font-size-lg)_ | - |
 | --van-address-edit-detail-finish-color | _var(--van-primary-color)_ | - |
 | --van-address-edit-detail-finish-font-size | _var(--van-font-size-sm)_ | - |
diff --git a/src/address-edit/README.zh-CN.md b/src/address-edit/README.zh-CN.md
index 457d0e66a..30b0f6256 100644
--- a/src/address-edit/README.zh-CN.md
+++ b/src/address-edit/README.zh-CN.md
@@ -162,5 +162,6 @@ export default {
 | --van-address-edit-padding | _var(--van-padding-sm)_ | - |
 | --van-address-edit-buttons-padding | _var(--van-padding-xl) var(--van-padding-base)_ | - |
 | --van-address-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
+| --van-address-edit-button-font-size | _var(--van-font-size-lg)_ | - |
 | --van-address-edit-detail-finish-color | _var(--van-primary-color)_ | - |
 | --van-address-edit-detail-finish-font-size | _var(--van-font-size-sm)_ | - |
diff --git a/src/address-edit/index.less b/src/address-edit/index.less
index 27372dd3c..ce55a926b 100644
--- a/src/address-edit/index.less
+++ b/src/address-edit/index.less
@@ -4,6 +4,7 @@
   --van-address-edit-padding: @address-edit-padding;
   --van-address-edit-buttons-padding: @address-edit-buttons-padding;
   --van-address-edit-button-margin-bottom: @address-edit-button-margin-bottom;
+  --van-contact-edit-button-font-size: @address-edit-button-font-size;
   --van-address-edit-detail-finish-color: @address-edit-detail-finish-color;
   --van-address-edit-detail-finish-font-size: @address-edit-detail-finish-font-size;
 }
@@ -28,10 +29,11 @@
 
   &__buttons {
     padding: var(--van-address-edit-buttons-padding);
+  }
 
-    .van-button {
-      margin-bottom: var(--van-address-edit-button-margin-bottom);
-    }
+  &__button {
+    margin-bottom: var(--van-address-edit-button-margin-bottom);
+    font-size: var(--van-address-edit-button-font-size);
   }
 
   &-detail {
diff --git a/src/address-edit/test/__snapshots__/demo.spec.ts.snap b/src/address-edit/test/__snapshots__/demo.spec.ts.snap
index 6a4bf00cd..4abc8bf4d 100644
--- a/src/address-edit/test/__snapshots__/demo.spec.ts.snap
+++ b/src/address-edit/test/__snapshots__/demo.spec.ts.snap
@@ -107,7 +107,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div class="van-address-edit__buttons">
       <button type="button"
-              class="van-button van-button--danger van-button--normal van-button--block van-button--round"
+              class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
       >
         <div class="van-button__content">
           <span class="van-button__text">
@@ -116,7 +116,7 @@ exports[`should render demo and match snapshot 1`] = `
         </div>
       </button>
       <button type="button"
-              class="van-button van-button--default van-button--normal van-button--block van-button--round"
+              class="van-button van-button--default van-button--normal van-button--block van-button--round van-address-edit__button"
       >
         <div class="van-button__content">
           <span class="van-button__text">
diff --git a/src/address-edit/test/__snapshots__/index.spec.js.snap b/src/address-edit/test/__snapshots__/index.spec.js.snap
index 2f65d10cc..fa8081191 100644
--- a/src/address-edit/test/__snapshots__/index.spec.js.snap
+++ b/src/address-edit/test/__snapshots__/index.spec.js.snap
@@ -81,7 +81,7 @@ exports[`should render AddressEdit correctly 1`] = `
   </div>
   <div class="van-address-edit__buttons">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round"
+            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
     >
       <div class="van-button__content">
         <span class="van-button__text">
@@ -198,7 +198,7 @@ exports[`should render AddressEdit with props correctly 1`] = `
   </div>
   <div class="van-address-edit__buttons">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round"
+            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
     >
       <div class="van-button__content">
         <span class="van-button__text">
diff --git a/src/address-edit/var.less b/src/address-edit/var.less
index c57fc2a8d..9ee8a0565 100644
--- a/src/address-edit/var.less
+++ b/src/address-edit/var.less
@@ -3,5 +3,6 @@
 @address-edit-padding: var(--van-padding-sm);
 @address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
 @address-edit-button-margin-bottom: var(--van-padding-sm);
+@address-edit-button-font-size: var(--van-font-size-lg);
 @address-edit-detail-finish-color: var(--van-primary-color);
 @address-edit-detail-finish-font-size: var(--van-font-size-sm);
diff --git a/src/contact-edit/README.md b/src/contact-edit/README.md
index f05bb2799..ea5bf87d5 100644
--- a/src/contact-edit/README.md
+++ b/src/contact-edit/README.md
@@ -87,5 +87,5 @@ The component provides the following CSS variables, which can be used to customi
 | --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 | _16px_ | - |
+| --van-contact-edit-button-font-size | _var(--van-font-size-lg)_ | - |
 | --van-contact-edit-field-label-width | _4.1em_ | - |
diff --git a/src/contact-edit/README.zh-CN.md b/src/contact-edit/README.zh-CN.md
index fc872cff7..46c3a0ac0 100644
--- a/src/contact-edit/README.zh-CN.md
+++ b/src/contact-edit/README.zh-CN.md
@@ -87,5 +87,5 @@ export default {
 | --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 | _16px_ | - |
+| --van-contact-edit-button-font-size | _var(--van-font-size-lg)_ | - |
 | --van-contact-edit-field-label-width | _4.1em_ | - |
diff --git a/src/contact-edit/var.less b/src/contact-edit/var.less
index 3cb85fcf4..4fe65fda6 100644
--- a/src/contact-edit/var.less
+++ b/src/contact-edit/var.less
@@ -4,5 +4,5 @@
 @contact-edit-fields-radius: var(--van-border-radius-md);
 @contact-edit-buttons-padding: var(--van-padding-xl) 0;
 @contact-edit-button-margin-bottom: var(--van-padding-sm);
-@contact-edit-button-font-size: 16px;
+@contact-edit-button-font-size: var(--van-font-size-lg);
 @contact-edit-field-label-width: 4.1em;