feat(AddressEdit): add address-edit-button-font-size var (#9113)

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}

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)_ | - |

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)_ | - |

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 {
+  &__button {
-      margin-bottom: var(--van-address-edit-button-margin-bottom);
+    margin-bottom: var(--van-address-edit-button-margin-bottom);
-    }
+    font-size: var(--van-address-edit-button-font-size);
   }
 
   &-detail {

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">

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">

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);

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_ | - |

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_ | - |

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;