[Improvement] simplify inner tag name (#395)

packages/sku/components/SkuActions.vue

@@ -6,13 +6,13 @@
 </template>
 
 <script>
-import Button from '../../button';
+import VanButton from '../../button';
 
 export default {
   name: 'van-sku-actions',
 
   components: {
-    [Button.name]: Button
+    VanButton
   },
 
   props: {

packages/sku/components/SkuMessages.vue

@@ -1,25 +1,25 @@
 <template>
-  <van-cell-group class="van-sku-messages">
+  <cell-group class="van-sku-messages">
     <template v-for="(message, index) in internalMessages">
       <template v-if="message.type === 'image'"></template>
-      <van-field v-else-if="message.multiple == '1'"
+      <field v-else-if="message.multiple == '1'"
         :key="`${goodsId}-${index}`"
         :required="message.required == '1'"
         :label="message.name"
         :placeholder="placeholderMap.textarea"
         type="textarea"
         v-model="messageValues[index]">
-      </van-field>
-      <van-field v-else
+      </field>
+      <field v-else
         :key="`${goodsId}-${index}`"
         :required="message.required == '1'"
         :label="message.name"
         :placeholder="placeholderMap[message.type]"
         :type="getType(message)"
         v-model="messageValues[index]">
-      </van-field>
+      </field>
     </template>
-  </van-cell-group>
+  </cell-group>
 </template>
 
 <script>
@@ -33,8 +33,8 @@ export default {
   name: 'van-sku-messages',
 
   components: {
-    [Field.name]: Field,
-    [CellGroup.name]: CellGroup
+    Field,
+    CellGroup
   },
 
   props: {

packages/sku/components/SkuStepper.vue

@@ -2,14 +2,14 @@
   <div class="van-sku-stepper-stock">
     <div class="van-sku-stepper-container">
       <div class="van-sku__stepper-title">{{ stepperTitle }}：</div>
-      <van-stepper
+      <stepper
         class="van-sku__stepper"
         v-model="currentNum"
         :min="1"
         :max="stepperLimit"
         :disableInput="disableStepperInput"
         @overlimit="handleOverLimit">
-      </van-stepper>
+      </stepper>
     </div>
     <div v-if="!hideStock" class="van-sku__stock">剩余{{ stock }}件</div>
     <div v-if="quota > 0" class="van-sku__quota">每人限购{{ quota }}件</div>
@@ -26,7 +26,7 @@ export default {
   name: 'van-sku-stepper',
 
   components: {
-    [Stepper.name]: Stepper
+    Stepper
   },
 
   props: {

packages/sku/containers/SkuContainer.vue

@@ -1,15 +1,15 @@
 <template>
-  <van-popup v-model="show" v-if="!isSkuEmpty" position="bottom" lockOnScroll preventScroll>
+  <popup v-model="show" v-if="!isSkuEmpty" position="bottom" lockOnScroll preventScroll>
     <div class="van-sku-container">
       <div class="van-sku-layout">
         <slot name="sku-header" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb">
-          <van-sku-header
+          <sku-header
             :skuEventBus="skuEventBus"
             :selectedSku="selectedSku"
             :selectedSkuComb="selectedSkuComb"
             :goods="goods"
             :sku="sku">
-          </van-sku-header>
+          </sku-header>
         </slot>
         <div class="van-sku-body scroller" :style="bodyStyle">
           <slot name="sku-group" :selectedSku="selectedSku" :skuEventBus="skuEventBus">
@@ -17,10 +17,10 @@
               <div v-for="(skuTreeItem, index) in skuTree"
                 class="van-sku-row-group"
                 :key="index">
-                <van-sku-row
+                <sku-row
                   :skuEventBus="skuEventBus"
                   :skuRow="skuTreeItem">
-                  <van-sku-row-item
+                  <sku-row-item
                     v-for="(skuValue, index) in skuTreeItem.v"
                     :key="index"
                     :skuKeyStr="skuTreeItem.k_s"
@@ -28,14 +28,14 @@
                     :skuEventBus="skuEventBus"
                     :selectedSku="selectedSku"
                     :skuList="sku.list">
-                  </van-sku-row-item>
-                </van-sku-row>
+                  </sku-row-item>
+                </sku-row>
               </div>
             </div>
           </slot>
           <slot name="extra-sku-group" :skuEventBus="skuEventBus"></slot>
           <slot name="sku-stepper" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb" :selectedNum="selectedNum">
-            <van-sku-stepper
+            <sku-stepper
               ref="skuStepper"
               :skuEventBus="skuEventBus"
               :selectedSku="selectedSku"
@@ -47,27 +47,27 @@
               :quotaUsed="quotaUsed"
               :disableStepperInput="disableStepperInput"
               :hideStock="hideStock">
-            </van-sku-stepper>
+            </sku-stepper>
           </slot>
          <slot name="sku-messages">
-            <van-sku-messages
+            <sku-messages
               ref="skuMessages"
               :goodsId="goodsId"
               :messagePlaceholderMap="messagePlaceholderMap"
               :messages="sku.messages">
-            </van-sku-messages>
+            </sku-messages>
           </slot>
         </div>
         <slot name="sku-actions" :skuEventBus="skuEventBus">
-          <van-sku-actions
+          <sku-actions
             :skuEventBus="skuEventBus"
             :buyText="buyText"
             :showAddCartBtn="showAddCartBtn">
-          </van-sku-actions>
+          </sku-actions>
         </slot>
       </div>
     </div>
-  </van-popup>
+  </popup>
 </template>
 
 <script>
@@ -89,13 +89,13 @@ export default {
   name: 'van-sku',
 
   components: {
-    [Popup.name]: Popup,
-    [SkuHeader.name]: SkuHeader,
-    [SkuRow.name]: SkuRow,
-    [SkuRowItem.name]: SkuRowItem,
-    [SkuStepper.name]: SkuStepper,
-    [SkuMessages.name]: SkuMessages,
-    [SkuActions.name]: SkuActions
+    Popup,
+    SkuHeader,
+    SkuRow,
+    SkuRowItem,
+    SkuStepper,
+    SkuMessages,
+    SkuActions
   },
 
   props: {