[Improvement] add BEM helper mixin (#904)

packages/address-edit/Detail.vue

@@ -9,31 +9,26 @@
       rows="1"
       :value="value"
       :error="isError"
-      :on-icon-click="onIconClick"
+      @click-icon="onIconClick"
       @input="$emit('input', $event)"
       @focus="onFocus"
       @blur="onBlur"
     >
       <div slot="icon">
-        <span v-if="showIcon && isAndroid" class="van-address-edit-detail__finish-edit">{{ $t('complete') }}</span>
+        <span v-if="showIcon && isAndroid" :class="b('finish')">{{ $t('complete') }}</span>
         <icon v-else-if="showIcon" name="clear" />
       </div>
     </field>
-
-    <cell-group class="van-address-edit-detail__suggest-list" v-if="showSearchList">
+    <cell-group :border="false" v-if="showSearchList">
       <cell
         v-for="express in searchResult"
         :key="express.name + express.address"
-        class="van-address-edit-detail__suggest-item"
+        :title="express.name"
+        :label="express.address"
+        icon="location"
         clickable
-        @click="onSuggestSelect(express)"
-      >
-        <icon name="location" class="van-address-edit-detail__location" />
-        <div class="van-address-edit-detail__item-info">
-          <p class="van-address-edit-detail__title" v-if="isString(express.name)">{{ express.name }}</p>
-          <p class="van-address-edit-detail__subtitle" v-if="isString(express.address)">{{ express.address }}</p>
-        </div>
-      </cell>
+        @click="onSelect(express)"
+      />
     </cell-group>
   </div>
 </template>
@@ -97,7 +92,7 @@ export default create({
       }
     },
 
-    onSuggestSelect(express) {
+    onSelect(express) {
       this.$emit('input', `${express.address || ''} ${express.name || ''}`.trim());
       this.$emit('select-search', express);
     },

packages/address-edit/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="van-address-edit">
+  <div :class="b()">
     <cell-group>
       <field
+        v-model="data.name"
         maxlength="15"
         :placeholder="$t('name')"
         :label="$t('label.name')"
-        v-model="data.name"
         :error="errorInfo.name"
         @focus="onFocus('name')"
       />
@@ -19,7 +19,7 @@
       />
       <cell
         clickable
-        class="van-address-edit__area"
+        :class="b('area')"
         :title="$t('area')"
         @click="showArea = true"
       >
@@ -57,7 +57,7 @@
         :title="$t('defaultAddress')"
       />
     </cell-group>
-    <div v-show="!hideBottomFields" class="van-address-edit__buttons">
+    <div v-show="!hideBottomFields" :class="b('buttons')">
       <van-button block :loading="isSaving" @click="onSave" type="primary">
         {{ $t('save') }}
       </van-button>