feat(AddressEdit): add area-placeholder prop (#6023)

src/address-edit/index.js

@@ -44,6 +44,7 @@ export default createComponent({
     showSearchResult: Boolean,
     saveButtonText: String,
     deleteButtonText: String,
+    areaPlaceholder: String,
     showArea: {
       type: Boolean,
       default: true,
@@ -106,7 +107,7 @@ export default createComponent({
         if (province && province === city) {
           arr.splice(1, 1);
         }
-        return arr.filter((text) => text).join('/');
+        return arr.filter(text => text).join('/');
       }
       return '';
     },
@@ -144,9 +145,9 @@ export default createComponent({
     },
 
     onAreaConfirm(values) {
-      values = values.filter((value) => !!value);
+      values = values.filter(value => !!value);
 
-      if (values.some((value) => !value.code)) {
+      if (values.some(value => !value.code)) {
         Toast(t('areaEmpty'));
         return;
       }
@@ -182,7 +183,7 @@ export default createComponent({
         items.push('postalCode');
       }
 
-      const isValid = items.every((item) => {
+      const isValid = items.every(item => {
         const msg = this.getErrorMessage(item);
         if (msg) {
           this.errorInfo[item] = msg;
@@ -260,7 +261,7 @@ export default createComponent({
 
   render() {
     const { data, errorInfo, searchResult, disableArea } = this;
-    const onFocus = (name) => () => this.onFocus(name);
+    const onFocus = name => () => this.onFocus(name);
 
     // hide bottom field when use search && detail get focused
     const hideBottomFields =
@@ -291,7 +292,7 @@ export default createComponent({
             readonly
             clickable={!disableArea}
             label={t('area')}
-            placeholder={t('areaPlaceholder')}
+            placeholder={this.areaPlaceholder || t('areaPlaceholder')}
             errorMessage={errorInfo.areaCode}
             rightIcon={!disableArea ? 'arrow' : null}
             value={this.areaText}
@@ -313,7 +314,7 @@ export default createComponent({
             onFocus={onFocus('addressDetail')}
             onBlur={this.onDetailBlur}
             onInput={this.onChangeDetail}
-            onSelect-search={(event) => {
+            onSelect-search={event => {
               this.$emit('select-search', event);
             }}
           />
@@ -337,7 +338,7 @@ export default createComponent({
             vModel={data.isDefault}
             vShow={!hideBottomFields}
             title={t('defaultAddress')}
-            onChange={(event) => {
+            onChange={event => {
               this.$emit('change-default', event);
             }}
           />