chore(addresslist): modify class name

src/packages/__VUE/addresslist/components/GeneralShell.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="nut-addresslist-general">
+  <div class="nut-address-list-general">
     <item-contents
       :item="item"
       @delIcon="delShellClick"
@@ -19,20 +19,20 @@
         <slot name="contentAddrs"></slot>
       </template>
     </item-contents>
-    <div class="nut-addresslist-general__mask" v-if="longPress && showMaskRef" @click="maskClick">
+    <div class="nut-address-list-general__mask" v-if="longPress && showMaskRef" @click="maskClick">
       <slot name="longpressAll">
-        <div class="nut-addresslist-general__mask-copy" @click="copyCLick">
-          <div class="nut-addresslist-mask-contain"> 复制<br />地址 </div>
+        <div class="nut-address-list-general__mask-copy" @click="copyCLick">
+          <div class="nut-address-list-mask-contain"> 复制<br />地址 </div>
         </div>
-        <div class="nut-addresslist-general__mask-set" @click="setDefault">
-          <div class="nut-addresslist-mask-contain"> 设置<br />默认 </div>
+        <div class="nut-address-list-general__mask-set" @click="setDefault">
+          <div class="nut-address-list-mask-contain"> 设置<br />默认 </div>
         </div>
-        <div class="nut-addresslist-general__mask-del" @click="delClick">
-          <div class="nut-addresslist-mask-contain"> 删除<br />地址 </div>
+        <div class="nut-address-list-general__mask-del" @click="delClick">
+          <div class="nut-address-list-mask-contain"> 删除<br />地址 </div>
         </div>
       </slot>
     </div>
-    <div class="nut-addresslist__mask-bottom" v-if="showMaskRef" @click="hideMaskClick"></div>
+    <div class="nut-address-list__mask-bottom" v-if="showMaskRef" @click="hideMaskClick"></div>
   </div>
 </template>
 <script lang="ts">

src/packages/__VUE/addresslist/components/ItemContents.vue

@@ -1,23 +1,23 @@
 <template>
-  <div class="nut-addresslist-item" @click="contentsClick">
-    <div class="nut-addresslist-item__info">
-      <div class="nut-addresslist-item__info-contact">
+  <div class="nut-address-list-item" @click="contentsClick">
+    <div class="nut-address-list-item__info">
+      <div class="nut-address-list-item__info-contact">
         <slot name="contentTop">
-          <div class="nut-addresslist-item__info-contact-name">{{ item.addressName }}</div>
-          <div class="nut-addresslist-item__info-contact-tel">{{ item.phone }}</div>
-          <div class="nut-addresslist-item__info-contact-default" v-if="item.defaultAddress">{{
+          <div class="nut-address-list-item__info-contact-name">{{ item.addressName }}</div>
+          <div class="nut-address-list-item__info-contact-tel">{{ item.phone }}</div>
+          <div class="nut-address-list-item__info-contact-default" v-if="item.defaultAddress">{{
             translate('default')
           }}</div>
         </slot>
       </div>
-      <div class="nut-addresslist-item__info-handle">
+      <div class="nut-address-list-item__info-handle">
         <slot name="contentIcon">
-          <nut-icon name="del" class="nut-addresslist-item__info-handle-del" @click="delClick"></nut-icon>
-          <nut-icon name="edit" class="nut-addresslist-item__info-handle-edit" @click="editClick"></nut-icon>
+          <nut-icon name="del" class="nut-address-list-item__info-handle-del" @click="delClick"></nut-icon>
+          <nut-icon name="edit" class="nut-address-list-item__info-handle-edit" @click="editClick"></nut-icon>
         </slot>
       </div>
     </div>
-    <div class="nut-addresslist-item__addr">
+    <div class="nut-address-list-item__addr">
       <slot name="contentAddr">
         {{ item.fullAddress }}
       </slot>

src/packages/__VUE/addresslist/components/SwipeShell.vue

@@ -1,6 +1,6 @@
 <template>
   <nut-swipe>
-    <div class="nut-addresslist-swipe">
+    <div class="nut-address-list-swipe">
       <item-contents
         :item="item"
         @delIcon="delClick"

src/packages/__VUE/addresslist/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-addresslist {
+  .nut-address-list {
     &-swipe,
     &-general {
       background-color: $dark-background2;
@@ -23,7 +23,7 @@
     }
   }
 }
-.nut-addresslist {
+.nut-address-list {
   overflow: hidden;
   &:last-child {
     padding-bottom: 84px;
@@ -132,7 +132,7 @@
     background-color: $addresslist-bg;
     box-sizing: border-box;
   }
-  .nut-addresslist__mask-bottom {
+  .nut-address-list__mask-bottom {
     position: fixed;
     top: 0;
     bottom: 0;

src/packages/__VUE/addresslist/index.taro.vue

@@ -52,7 +52,7 @@
         </template>
       </swipe-shell>
     </template>
-    <div class="nut-addresslist__bottom" v-if="showBottomButton" @click="addAddress">
+    <div class="nut-address-list__bottom" v-if="showBottomButton" @click="addAddress">
       <nut-button block type="danger">{{ translate('addAddress') }}</nut-button>
     </div>
   </div>
@@ -105,7 +105,7 @@ export default create({
       fullAddress: '北京市通州区测试测试测试测试测试测试测试测试测试'
     });
     const classes = computed(() => {
-      const prefixCls = 'nut-addresslist';
+      const prefixCls = componentName;
       return {
         [prefixCls]: true
       };

src/packages/__VUE/addresslist/index.vue

@@ -52,7 +52,7 @@
         </template>
       </swipe-shell>
     </template>
-    <div class="nut-addresslist__bottom" v-if="showBottomButton" @click="addAddress">
+    <div class="nut-address-list__bottom" v-if="showBottomButton" @click="addAddress">
       <nut-button block type="danger">{{ translate('addAddress') }}</nut-button>
     </div>
   </div>
@@ -105,7 +105,7 @@ export default create({
       fullAddress: '北京市通州区测试测试测试测试测试测试测试测试测试'
     });
     const classes = computed(() => {
-      const prefixCls = 'nut-addresslist';
+      const prefixCls = componentName;
       return {
         [prefixCls]: true
       };