Merge branch 'v4' of https://github.com/jdf2e/nutui into v4

src/packages/__VUE/categorypane/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-categorypane {
+  .nut-category-pane {
     &__childTitle {
       color: $white;
     }
@@ -8,7 +8,7 @@
     }
   }
 }
-.nut-categorypane {
+.nut-category-pane {
   &__cateListRight {
     padding-left: 15px;
     background: $category-bg-color;

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

@@ -1,36 +1,36 @@
 <template>
-  <div class="nut-categorypane">
-    <div v-if="type == 'classify'" class="nut-categorypane__cateListRight">
+  <div class="nut-category-pane">
+    <div v-if="type == 'classify'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <img class="nut-categorypane__childImg" :src="sku.backImg" />
-            <div class="nut-categorypane__skuImg">{{ sku?.catName }}</div>
+            <img class="nut-category-pane__childImg" :src="sku.backImg" />
+            <div class="nut-category-pane__skuImg">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
     </div>
 
     <!-- text -->
-    <div v-if="type == 'text'" class="nut-categorypane__cateListRight">
+    <div v-if="type == 'text'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <div class="nut-categorypane__skuName">{{ sku?.catName }}</div>
+            <div class="nut-category-pane__skuName">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
@@ -38,8 +38,8 @@
 
     <!-- 自定义 -->
 
-    <div v-if="type == 'custom'" class="nut-categorypane__selfItemList">
-      <div v-for="(sku, key) in customCategory" class="nut-categorypane__skuName" :key="key" @click="onChange(sku)">
+    <div v-if="type == 'custom'" class="nut-category-pane__selfItemList">
+      <div v-for="(sku, key) in customCategory" class="nut-category-pane__skuName" :key="key" @click="onChange(sku)">
         {{ sku?.catName }}
       </div>
     </div>

src/packages/__VUE/categorypane/index.vue

@@ -1,36 +1,36 @@
 <template>
-  <div class="nut-categorypane">
-    <div v-if="type == 'classify'" class="nut-categorypane__cateListRight">
+  <div class="nut-category-pane">
+    <div v-if="type == 'classify'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item?.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item?.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <img class="nut-categorypane__childImg" :src="sku.backImg" />
-            <div class="nut-categorypane__skuImg">{{ sku?.catName }}</div>
+            <img class="nut-category-pane__childImg" :src="sku.backImg" />
+            <div class="nut-category-pane__skuImg">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
     </div>
 
     <!-- text -->
-    <div v-if="type == 'text'" class="nut-categorypane__cateListRight">
+    <div v-if="type == 'text'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item?.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item?.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <div class="nut-categorypane__skuName">{{ sku?.catName }}</div>
+            <div class="nut-category-pane__skuName">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
@@ -38,8 +38,8 @@
 
     <!-- 自定义 -->
 
-    <div v-if="type == 'custom'" class="nut-categorypane__selfItemList">
-      <div v-for="(sku, key) in customCategory" class="nut-categorypane__skuName" :key="key" @click="onChange(sku)">
+    <div v-if="type == 'custom'" class="nut-category-pane__selfItemList">
+      <div v-for="(sku, key) in customCategory" class="nut-category-pane__skuName" :key="key" @click="onChange(sku)">
         {{ sku?.catName }}
       </div>
     </div>