[improvement] Icon: jsx (#2514)

packages/address-list/test/__snapshots__/demo.spec.js.snap

@@ -7,25 +7,22 @@ exports[`renders demo correctly 1`] = `
       <div class="van-radio-group">
         <div class="van-cell van-cell--clickable van-address-item">
           <div class="van-cell__value van-cell__value--alone">
-            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">张三，13000000000</div><div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div></span></div>
+            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">张三，13000000000</div><div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div></span></div>
           </div><i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
         <div class="van-cell van-cell--clickable van-address-item">
           <div class="van-cell__value van-cell__value--alone">
-            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">李四，1310000000</div><div class="van-address-item__address">浙江省杭州市拱墅区莫干山路 50 号</div></span></div>
+            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">李四，1310000000</div><div class="van-address-item__address">浙江省杭州市拱墅区莫干山路 50 号</div></span></div>
           </div><i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
       </div>
       <div class="van-address-list__disabled-text">以下地址超出配送范围</div>
       <div class="van-cell van-address-item van-address-item--disabled van-address-item--unswitchable">
         <div class="van-cell__value van-cell__value--alone">
-          <div class="van-radio"><span class="van-radio__input"><input type="radio" value="3" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">王五，1320000000</div><div class="van-address-item__address">浙江省杭州市滨江区江南大道 15 号</div></span></div>
+          <div class="van-radio"><span class="van-radio__input"><input type="radio" value="3" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">王五，1320000000</div><div class="van-address-item__address">浙江省杭州市滨江区江南大道 15 号</div></span></div>
         </div><i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>
       </div><button class="van-button van-button--danger van-button--large van-button--square van-address-list__add"><span class="van-button__text">新增地址</span></button>
     </div>

packages/cell/test/__snapshots__/demo.spec.js.snap

@@ -30,7 +30,6 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-cell"><i class="van-icon van-icon-location-o van-cell__left-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
       <div class="van-cell__title"><span>单元格</span></div>
       <div class="van-cell__value"><span>内容</span></div>
@@ -44,53 +43,43 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell van-cell--clickable">
       <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <div class="van-cell van-cell--clickable">
       <div class="van-cell__title"><span>单元格</span></div>
       <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <div class="van-cell van-cell--clickable">
       <div class="van-cell__title"><span>单元格</span></div>
       <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow-down van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
   </div>
   <div>
     <div class="van-cell van-cell--clickable">
       <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <div class="van-cell van-cell--clickable">
       <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
   </div>
   <div>
     <div class="van-cell van-cell--clickable"><i class="van-icon van-icon-shop-o van-cell__left-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
       <div class="van-cell__title"><span class="custom-text">单元格</span> <span class="van-tag" style="background-color:#f44;">标签</span></div>
       <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <div class="van-cell van-cell--clickable"><i class="van-icon van-icon-location-o van-cell__left-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
       <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <div class="van-cell">
       <div class="van-cell__title"><span>单元格</span></div><i class="custom-icon van-icon van-icon-search" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
   </div>

packages/checkbox/test/__snapshots__/demo.spec.js.snap

@@ -5,21 +5,18 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-checkbox">
       <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i></div><span class="van-checkbox__label">复选框</span>
     </div>
   </div>
   <div>
     <div class="van-checkbox">
       <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">
       复选框
     </span>
     </div>
     <div class="van-checkbox">
       <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">
       复选框
     </span>
@@ -28,7 +25,6 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-checkbox">
       <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;border-color:#07c160;background-color:#07c160;">
-          <!---->
           <!----></i></div><span class="van-checkbox__label">
       自定义颜色
     </span>
@@ -45,21 +41,18 @@ exports[`renders demo correctly 1`] = `
     <div class="van-checkbox-group">
       <div class="van-checkbox">
         <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i></div><span class="van-checkbox__label">
         复选框 a
       </span>
       </div>
       <div class="van-checkbox">
         <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i></div><span class="van-checkbox__label">
         复选框 b
       </span>
       </div>
       <div class="van-checkbox">
         <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i></div><span class="van-checkbox__label">
         复选框 c
       </span>
@@ -70,21 +63,18 @@ exports[`renders demo correctly 1`] = `
     <div class="van-checkbox-group">
       <div class="van-checkbox">
         <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i></div><span class="van-checkbox__label">
         复选框 a
       </span>
       </div>
       <div class="van-checkbox">
         <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i></div><span class="van-checkbox__label">
         复选框 b
       </span>
       </div>
       <div class="van-checkbox">
         <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i></div><span class="van-checkbox__label">
         复选框 c
       </span>
@@ -99,7 +89,6 @@ exports[`renders demo correctly 1`] = `
           <div class="van-cell__value">
             <div class="van-checkbox">
               <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-                  <!---->
                   <!----></i></div>
             </div>
           </div>
@@ -109,7 +98,6 @@ exports[`renders demo correctly 1`] = `
           <div class="van-cell__value">
             <div class="van-checkbox">
               <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-                  <!---->
                   <!----></i></div>
             </div>
           </div>
@@ -119,7 +107,6 @@ exports[`renders demo correctly 1`] = `
           <div class="van-cell__value">
             <div class="van-checkbox">
               <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-                  <!---->
                   <!----></i></div>
             </div>
           </div>

packages/collapse/test/__snapshots__/demo.spec.js.snap

@@ -7,7 +7,6 @@ exports[`renders demo correctly 1`] = `
       <div class="van-collapse-item">
         <div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
           <div class="van-cell__title"><span>有赞微商城</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
         <div class="van-collapse-item__wrapper">
@@ -17,14 +16,12 @@ exports[`renders demo correctly 1`] = `
       <div class="van-collapse-item van-hairline--top">
         <div class="van-cell van-cell--clickable van-collapse-item__title">
           <div class="van-cell__title"><span>有赞零售</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
       </div>
       <div class="van-collapse-item van-hairline--top">
         <div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled">
           <div class="van-cell__title"><span>有赞美业</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
       </div>
@@ -35,7 +32,6 @@ exports[`renders demo correctly 1`] = `
       <div class="van-collapse-item">
         <div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
           <div class="van-cell__title"><span>有赞微商城</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
         <div class="van-collapse-item__wrapper">
@@ -45,14 +41,12 @@ exports[`renders demo correctly 1`] = `
       <div class="van-collapse-item van-hairline--top">
         <div class="van-cell van-cell--clickable van-collapse-item__title">
           <div class="van-cell__title"><span>有赞零售</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
       </div>
       <div class="van-collapse-item van-hairline--top">
         <div class="van-cell van-cell--clickable van-collapse-item__title">
           <div class="van-cell__title"><span>有赞美业</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
       </div>
@@ -64,20 +58,16 @@ exports[`renders demo correctly 1`] = `
         <div class="van-cell van-cell--clickable van-collapse-item__title">
           <div class="van-cell__title">
             <div>有赞微商城<i class="van-icon van-icon-question-o" style="color:undefined;font-size:undefined;">
-                <!---->
                 <!----></i></div>
           </div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
       </div>
       <div class="van-collapse-item van-hairline--top">
         <div class="van-cell van-cell--clickable van-collapse-item__title"><i class="van-icon van-icon-shop-o van-cell__left-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <div class="van-cell__title"><span>有赞零售</span></div>
           <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
         </div>
       </div>

packages/contact-card/test/__snapshots__/demo.spec.js.snap

@@ -4,10 +4,8 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-cell van-cell--center van-cell--borderless van-cell--clickable van-contact-card van-contact-card--add"><i class="van-icon van-icon-add-square van-cell__left-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
       <div class="van-cell__value van-cell__value--alone">添加联系人</div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <div name="popup-slide-bottom" class="van-popup van-popup--bottom" style="display:none;">
@@ -15,9 +13,8 @@ exports[`renders demo correctly 1`] = `
         <div class="van-radio-group">
           <div class="van-cell van-cell--clickable">
             <div class="van-cell__value van-cell__value--alone">
-              <div class="van-radio"><span class="van-radio__input"><input type="radio" value="0" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-contact-list__name">张三，13000000000</div></span></div>
+              <div class="van-radio"><span class="van-radio__input"><input type="radio" value="0" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label"><div class="van-contact-list__name">张三，13000000000</div></span></div>
             </div><i class="van-icon van-icon-edit van-contact-list__edit" style="color:undefined;font-size:undefined;">
-              <!---->
               <!----></i>
           </div>
         </div><button class="van-button van-button--danger van-button--large van-button--square van-contact-list__add"><span class="van-button__text">新建联系人</span></button>
@@ -43,7 +40,6 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit"><i class="van-icon van-icon-contact van-cell__left-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
       <div class="van-cell__value van-cell__value--alone">
         <div>张三：张三</div>

packages/coupon-list/test/__snapshots__/demo.spec.js.snap

@@ -6,7 +6,6 @@ exports[`renders demo correctly 1`] = `
     <div class="van-cell van-cell--clickable van-coupon-cell">
       <div class="van-cell__title"><span>优惠券</span></div>
       <div class="van-cell__value"><span>2张可用</span></div><i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <!---->

packages/coupon-list/test/__snapshots__/index.spec.js.snap

@@ -4,7 +4,6 @@ exports[`coupon cell 1`] = `
 <div class="van-cell van-cell--clickable van-coupon-cell">
   <div class="van-cell__title"><span>优惠券</span></div>
   <div class="van-cell__value"><span>使用优惠</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-    <!---->
     <!----></i>
 </div>
 `;
@@ -13,7 +12,6 @@ exports[`coupon cell 2`] = `
 <div class="van-cell van-cell--clickable van-coupon-cell">
   <div class="van-cell__title"><span>优惠券</span></div>
   <div class="van-cell__value van-coupon-cell--selected"><span>-¥1.00</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-    <!---->
     <!----></i>
 </div>
 `;
@@ -61,7 +59,6 @@ exports[`render coupon list 1`] = `
                 <p>有效期：2017.03.10 - 2017.12.30</p>
                 <div class="van-checkbox van-coupon__corner">
                   <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
-                      <!---->
                       <!----></i></div>
                 </div>
               </div>

packages/field/test/__snapshots__/demo.spec.js.snap

@@ -18,7 +18,6 @@ exports[`renders demo correctly 1`] = `
         <div class="van-cell__value">
           <div class="van-field__body"><input placeholder="请输入用户名" value="" class="van-field__control">
             <div class="van-field__icon"><i class="van-icon van-icon-question-o" style="color:undefined;font-size:undefined;">
-                <!---->
                 <!----></i></div>
           </div>
         </div>
@@ -34,7 +33,6 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div disabled="disabled" class="van-cell van-field"><i class="van-icon van-icon-contact van-cell__left-icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>
         <div class="van-cell__title"><span>用户名</span></div>
         <div class="van-cell__value">

packages/field/test/__snapshots__/index.spec.js.snap

@@ -12,7 +12,6 @@ exports[`clearable 2`] = `
 <div class="van-cell van-field">
   <div class="van-cell__value van-cell__value--alone">
     <div class="van-field__body"><input class="van-field__control"><i class="van-icon van-icon-clear van-field__clear">
-        <!---->
         <!----></i></div>
   </div>
 </div>

packages/goods-action/test/__snapshots__/demo.spec.js.snap

@@ -5,24 +5,19 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-goods-action">
       <div class="van-goods-action-mini-btn van-hairline"><i class="van-icon van-icon-chat-o van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>客服</div>
       <div class="van-goods-action-mini-btn van-hairline"><i class="van-icon van-icon-cart-o van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>购物车</div> <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></button> <button class="van-button van-button--danger van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">立即购买</span></button>
     </div>
   </div>
   <div>
     <div class="van-goods-action">
       <div class="van-goods-action-mini-btn van-hairline"><i class="van-icon van-icon-chat-o van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>客服</div>
       <div class="van-goods-action-mini-btn van-hairline"><i class="van-icon van-icon-cart-o van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <div class="van-info">5</div>
         </i>购物车</div>
       <div class="van-goods-action-mini-btn van-hairline"><i class="van-icon van-icon-shop-o van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>店铺</div> <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></button> <button class="van-button van-button--danger van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">立即购买</span></button>
     </div>
   </div>

packages/icon/index.js

@@ -0,0 +1,44 @@
+import { use } from '../utils';
+import Info from '../info';
+import isSrc from '../utils/validate/src';
+
+const [sfc] = use('icon');
+
+export default sfc({
+  props: {
+    name: String,
+    size: String,
+    color: String,
+    info: [String, Number],
+    classPrefix: {
+      type: String,
+      default: 'van-icon'
+    }
+  },
+
+  computed: {
+    isSrc() {
+      return isSrc(this.name);
+    }
+  },
+
+  render(h) {
+    return (
+      <i
+        class={[
+          this.classPrefix,
+          this.isSrc ? 'van-icon--image' : `${this.classPrefix}-${this.name}`
+        ]}
+        style={{
+          color: this.color,
+          fontSize: this.size
+        }}
+        {...{ on: this.$listeners }}
+      >
+        {this.$slots.default}
+        {this.isSrc && <img src={name} />}
+        <Info info={this.info} />
+      </i>
+    );
+  }
+});

packages/icon/index.vue

@@ -1,52 +0,0 @@
-<template>
-  <i
-    v-on="$listeners"
-    :class="[classPrefix, isSrc ? 'van-icon--image' : `${classPrefix}-${name}`]"
-    :style="style"
-  >
-    <slot />
-    <img
-      v-if="isSrc"
-      :src="name"
-    >
-    <van-info :info="info" />
-  </i>
-</template>
-
-<script>
-import Info from '../info';
-import create from '../utils/create-basic';
-import isSrc from '../utils/validate/src';
-
-export default create({
-  name: 'icon',
-
-  components: {
-    [Info.name]: Info
-  },
-
-  props: {
-    name: String,
-    size: String,
-    color: String,
-    info: [String, Number],
-    classPrefix: {
-      type: String,
-      default: 'van-icon'
-    }
-  },
-
-  computed: {
-    style() {
-      return {
-        color: this.color,
-        fontSize: this.size
-      };
-    },
-
-    isSrc() {
-      return isSrc(this.name);
-    }
-  }
-});
-</script>

packages/nav-bar/test/__snapshots__/demo.spec.js.snap

@@ -5,7 +5,6 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-nav-bar van-hairline--bottom" style="z-index:1;">
       <div class="van-nav-bar__left"><i class="van-icon van-icon-arrow-left van-nav-bar__arrow" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i> <span class="van-nav-bar__text">返回</span></div>
       <div class="van-ellipsis van-nav-bar__title">标题</div>
       <div class="van-nav-bar__right"><span class="van-nav-bar__text">按钮</span></div>
@@ -14,11 +13,9 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-nav-bar van-hairline--bottom" style="z-index:1;">
       <div class="van-nav-bar__left"><i class="van-icon van-icon-arrow-left van-nav-bar__arrow" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i> <span class="van-nav-bar__text">返回</span></div>
       <div class="van-ellipsis van-nav-bar__title">标题</div>
       <div class="van-nav-bar__right"><i class="van-icon van-icon-search" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i></div>
     </div>
   </div>

packages/notice-bar/test/__snapshots__/demo.spec.js.snap

@@ -4,7 +4,6 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-notice-bar" style="color:undefined;background:undefined;"><i class="van-icon van-icon-volume-o van-notice-bar__left-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
       <div class="van-notice-bar__wrap">
         <div class="van-notice-bar__content" style="padding-left:0;animation-delay:1s;animation-duration:0s;">足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。</div>
@@ -27,7 +26,6 @@ exports[`renders demo correctly 1`] = `
       <div class="van-notice-bar__wrap">
         <div class="van-notice-bar__content" style="padding-left:0;animation-delay:1s;animation-duration:0s;">足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。</div>
       </div> <i class="van-icon van-icon-cross van-notice-bar__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
     <div class="van-notice-bar van-notice-bar--withicon" style="color:undefined;background:undefined;">
@@ -35,7 +33,6 @@ exports[`renders demo correctly 1`] = `
       <div class="van-notice-bar__wrap">
         <div class="van-notice-bar__content" style="padding-left:0;animation-delay:1s;animation-duration:0s;">足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。</div>
       </div> <i class="van-icon van-icon-arrow van-notice-bar__right-icon" style="color:undefined;font-size:undefined;">
-        <!---->
         <!----></i>
     </div>
   </div>

packages/radio/test/__snapshots__/demo.spec.js.snap

@@ -4,18 +4,18 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="demo-radio-group van-radio-group">
-      <div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label">单选框 1</span></div>
-      <div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label">单选框 2</span></div>
+      <div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label">单选框 1</span></div>
+      <div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label">单选框 2</span></div>
     </div>
   </div>
   <div>
     <div class="demo-radio-group van-radio-group">
-      <div class="van-radio van-radio--disabled"><span class="van-radio__input"><input type="radio" disabled="disabled" value="1" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label">单选框 1</span></div>
-      <div class="van-radio van-radio--disabled"><span class="van-radio__input"><input type="radio" disabled="disabled" value="2" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label">单选框 2</span></div>
+      <div class="van-radio van-radio--disabled"><span class="van-radio__input"><input type="radio" disabled="disabled" value="1" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label">单选框 1</span></div>
+      <div class="van-radio van-radio--disabled"><span class="van-radio__input"><input type="radio" disabled="disabled" value="2" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"><!----></i></span> <span class="van-radio__label">单选框 2</span></div>
     </div>
   </div>
   <div>
-    <div class="demo-radio-group van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:#07c160;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label">
+    <div class="demo-radio-group van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:#07c160;font-size:undefined;"><!----></i></span> <span class="van-radio__label">
       单选框
     </span></div>
   </div>
@@ -25,7 +25,7 @@ exports[`renders demo correctly 1`] = `
         <div class="van-cell van-cell--clickable">
           <div class="van-cell__title"><span>单选框1</span></div>
           <div class="van-cell__value">
-            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span>
+            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"><!----></i></span>
               <!---->
             </div>
           </div>
@@ -33,7 +33,7 @@ exports[`renders demo correctly 1`] = `
         <div class="van-cell van-cell--clickable">
           <div class="van-cell__title"><span>单选框2</span></div>
           <div class="van-cell__value">
-            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span>
+            <div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"><!----></i></span>
               <!---->
             </div>
           </div>

packages/rate/test/__snapshots__/demo.spec.js.snap

@@ -4,56 +4,35 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-rate"><i data-index="0" class="van-icon van-icon-star van-rate__item" style="color:#ffd21e;font-size:20px;">
-        <!---->
         <!----></i><i data-index="1" class="van-icon van-icon-star van-rate__item" style="color:#ffd21e;font-size:20px;">
-        <!---->
         <!----></i><i data-index="2" class="van-icon van-icon-star van-rate__item" style="color:#ffd21e;font-size:20px;">
-        <!---->
         <!----></i><i data-index="3" class="van-icon van-icon-star-o van-rate__item" style="color:#c7c7c7;font-size:20px;">
-        <!---->
         <!----></i><i data-index="4" class="van-icon van-icon-star-o van-rate__item" style="color:#c7c7c7;font-size:20px;">
-        <!---->
         <!----></i></div>
   </div>
   <div>
     <div class="van-rate"><i data-index="0" class="van-icon van-icon-like van-rate__item" style="color:#ffd21e;font-size:20px;">
-        <!---->
         <!----></i><i data-index="1" class="van-icon van-icon-like van-rate__item" style="color:#ffd21e;font-size:20px;">
-        <!---->
         <!----></i><i data-index="2" class="van-icon van-icon-like van-rate__item" style="color:#ffd21e;font-size:20px;">
-        <!---->
         <!----></i><i data-index="3" class="van-icon van-icon-like-o van-rate__item" style="color:#c7c7c7;font-size:20px;">
-        <!---->
         <!----></i><i data-index="4" class="van-icon van-icon-like-o van-rate__item" style="color:#c7c7c7;font-size:20px;">
-        <!---->
         <!----></i></div>
   </div>
   <div>
     <div class="van-rate"><i data-index="0" class="van-icon van-icon-star van-rate__item" style="color:#07c160;font-size:25px;">
-        <!---->
         <!----></i><i data-index="1" class="van-icon van-icon-star van-rate__item" style="color:#07c160;font-size:25px;">
-        <!---->
         <!----></i><i data-index="2" class="van-icon van-icon-star van-rate__item" style="color:#07c160;font-size:25px;">
-        <!---->
         <!----></i><i data-index="3" class="van-icon van-icon-star van-rate__item" style="color:#07c160;font-size:25px;">
-        <!---->
         <!----></i><i data-index="4" class="van-icon van-icon-star-o van-rate__item" style="color:#ceefe8;font-size:25px;">
-        <!---->
         <!----></i><i data-index="5" class="van-icon van-icon-star-o van-rate__item" style="color:#ceefe8;font-size:25px;">
-        <!---->
         <!----></i></div>
   </div>
   <div>
     <div class="van-rate"><i data-index="0" class="van-icon van-icon-star van-rate__item" style="color:#bdbdbd;font-size:20px;">
-        <!---->
         <!----></i><i data-index="1" class="van-icon van-icon-star van-rate__item" style="color:#bdbdbd;font-size:20px;">
-        <!---->
         <!----></i><i data-index="2" class="van-icon van-icon-star-o van-rate__item" style="color:#bdbdbd;font-size:20px;">
-        <!---->
         <!----></i><i data-index="3" class="van-icon van-icon-star-o van-rate__item" style="color:#bdbdbd;font-size:20px;">
-        <!---->
         <!----></i><i data-index="4" class="van-icon van-icon-star-o van-rate__item" style="color:#bdbdbd;font-size:20px;">
-        <!---->
         <!----></i></div>
   </div>
 </div>

packages/search/test/__snapshots__/demo.spec.js.snap

@@ -5,7 +5,6 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-search" style="background:#f2f2f2;">
       <div placeholder="请输入搜索关键词" class="van-cell van-cell--borderless van-field"><i class="van-icon van-icon-search van-cell__left-icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>
         <div class="van-cell__value van-cell__value--alone">
           <div class="van-field__body"><input placeholder="请输入搜索关键词" value="" class="van-field__control"></div>
@@ -18,7 +17,6 @@ exports[`renders demo correctly 1`] = `
     <form action="/">
       <div class="van-search van-search--show-action" style="background:#f2f2f2;">
         <div placeholder="请输入搜索关键词" class="van-cell van-cell--borderless van-field"><i class="van-icon van-icon-search van-cell__left-icon" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <div class="van-cell__value van-cell__value--alone">
             <div class="van-field__body"><input placeholder="请输入搜索关键词" value="" class="van-field__control"></div>
@@ -33,7 +31,6 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-search van-search--show-action" style="background:#f2f2f2;">
       <div placeholder="请输入搜索关键词" class="van-cell van-cell--borderless van-field"><i class="van-icon van-icon-search van-cell__left-icon" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i>
         <div class="van-cell__value van-cell__value--alone">
           <div class="van-field__body"><input placeholder="请输入搜索关键词" value="" class="van-field__control"></div>

packages/steps/test/__snapshots__/demo.spec.js.snap

@@ -14,7 +14,6 @@ exports[`renders demo correctly 1`] = `
         <div class="van-hairline van-step van-step--horizontal van-step--process">
           <div class="van-step__title" style="color:#07c160;">商家接单</div>
           <div class="van-step__circle-container"><i class="van-icon van-icon-checked" style="color:#07c160;font-size:undefined;">
-              <!---->
               <!----></i></div>
           <div class="van-step__line"></div>
         </div>
@@ -41,7 +40,6 @@ exports[`renders demo correctly 1`] = `
             <p>2016-07-12 12:40</p>
           </div>
           <div class="van-step__circle-container"><i class="van-icon van-icon-checked" style="color:#f44;font-size:undefined;">
-              <!---->
               <!----></i></div>
           <div class="van-step__line"></div>
         </div>

packages/submit-bar/test/__snapshots__/demo.spec.js.snap

@@ -40,7 +40,6 @@ exports[`renders demo correctly 1`] = `
       <div class="van-submit-bar__bar">
         <div class="van-checkbox">
           <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
-              <!---->
               <!----></i></div><span class="van-checkbox__label">全选</span>
         </div>
         <div class="van-submit-bar__text"><span>合计：</span> <span class="van-submit-bar__price">¥ 30.50</span></div> <button class="van-button van-button--danger van-button--large van-button--square"><span class="van-button__text">提交订单</span></button>

packages/tab/test/__snapshots__/demo.spec.js.snap

@@ -176,7 +176,6 @@ exports[`renders demo correctly 1`] = `
           <!---->
           <div>
             <div><i class="van-icon van-icon-more-o" style="color:undefined;font-size:undefined;">
-                <!---->
                 <!----></i>标签
             </div>
           </div>
@@ -185,7 +184,6 @@ exports[`renders demo correctly 1`] = `
           <!---->
           <div>
             <div><i class="van-icon van-icon-more-o" style="color:undefined;font-size:undefined;">
-                <!---->
                 <!----></i>标签
             </div>
           </div>

packages/tabbar/test/__snapshots__/demo.spec.js.snap

@@ -6,7 +6,6 @@ exports[`renders demo correctly 1`] = `
     <div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed" style="z-index:1;">
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-home-o" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>
@@ -14,7 +13,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon van-tabbar-item__icon--dot"><i class="van-icon van-icon-search" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>
@@ -24,7 +22,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-friends-o" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <div class="van-info">5</div>
         </div>
@@ -34,7 +31,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-setting-o" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <div class="van-info">20</div>
         </div>
@@ -54,7 +50,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-search" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>
@@ -62,7 +57,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-setting-o" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>
@@ -74,7 +68,6 @@ exports[`renders demo correctly 1`] = `
     <div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed" style="z-index:1;">
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-home-o" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>
@@ -82,7 +75,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-search" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>
@@ -90,7 +82,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-friends-o" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>
@@ -98,7 +89,6 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-setting-o" style="color:undefined;font-size:undefined;">
-            <!---->
             <!----></i>
           <!---->
         </div>

packages/tree-select/test/__snapshots__/demo.spec.js.snap

@@ -14,7 +14,6 @@ exports[`renders demo correctly 1`] = `
         <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
           杭州
           <i class="van-icon van-icon-checked van-tree-select__selected" style="color:undefined;font-size:16px;">
-            <!---->
             <!----></i></div>
         <div class="van-ellipsis van-tree-select__item">
           温州

packages/uploader/test/__snapshots__/demo.spec.js.snap

@@ -5,14 +5,12 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="demo-uploader-container">
       <div class="van-uploader"><i class="van-icon van-icon-photograph" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i> <input type="file" accept="image/*" class="van-uploader__input"></div>
     </div>
   </div>
   <div>
     <div class="demo-uploader-container">
       <div class="van-uploader"><i class="van-icon van-icon-photograph" style="color:undefined;font-size:undefined;">
-          <!---->
           <!----></i> <input type="file" accept="image/gif, image/jpeg" multiple="multiple" class="van-uploader__input"></div>
     </div>
   </div>