From 5f9a4cf4798af6a9963367ed05df1833a2beb4be Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Mon, 7 Jan 2019 21:52:46 +0800
Subject: [PATCH] [improvement] Cell: jsx (#2461)

---
 .../test/__snapshots__/demo.spec.js.snap      | 29 ++-----
 .../test/__snapshots__/index.spec.js.snap     | 50 +++--------
 .../test/__snapshots__/demo.spec.js.snap      | 18 ++--
 packages/cell/index.js                        | 75 ++++++++++++++++
 packages/cell/index.vue                       | 87 -------------------
 .../cell/test/__snapshots__/demo.spec.js.snap | 62 ++++++-------
 .../test/__snapshots__/demo.spec.js.snap      | 12 +--
 .../test/__snapshots__/demo.spec.js.snap      | 38 ++++----
 .../test/__snapshots__/demo.spec.js.snap      | 23 +++--
 .../test/__snapshots__/demo.spec.js.snap      |  5 +-
 .../test/__snapshots__/index.spec.js.snap     | 15 ++--
 .../test/__snapshots__/demo.spec.js.snap      |  8 +-
 .../test/__snapshots__/demo.spec.js.snap      | 32 ++-----
 .../test/__snapshots__/index.spec.js.snap     | 15 ++--
 .../test/__snapshots__/demo.spec.js.snap      |  6 +-
 .../test/__snapshots__/demo.spec.js.snap      |  8 +-
 .../test/__snapshots__/demo.spec.js.snap      | 12 +--
 .../test/__snapshots__/demo.spec.js.snap      |  8 +-
 .../test/__snapshots__/demo.spec.js.snap      | 12 +--
 19 files changed, 200 insertions(+), 315 deletions(-)
 create mode 100644 packages/cell/index.js
 delete mode 100644 packages/cell/index.vue

diff --git a/packages/address-edit/test/__snapshots__/demo.spec.js.snap b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
index e3799c7da..71282f5c3 100644
--- a/packages/address-edit/test/__snapshots__/demo.spec.js.snap
+++ b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
@@ -5,9 +5,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-address-edit">
       <div placeholder="收货人姓名" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>姓名</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" placeholder="收货人姓名" value="" class="van-field__control">
@@ -17,12 +15,10 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <div placeholder="收货人手机号" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>电话</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="tel" placeholder="收货人手机号" value="" class="van-field__control">
@@ -32,12 +28,10 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <div placeholder="选择省 / 市 / 区" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>地区</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="" class="van-field__control">
@@ -47,16 +41,13 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <div class="van-cell van-address-edit-detail">
-        <!---->
-        <!---->
+
         <div class="van-cell__value van-cell__value--alone">
           <div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-field">
-            <!---->
             <div class="van-cell__title"><span>详细地址</span>
-              <!---->
             </div>
             <div class="van-cell__value">
               <div class="van-field__body"><textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control"></textarea>
@@ -66,15 +57,13 @@ exports[`renders demo correctly 1`] = `
               </div>
               <!---->
             </div>
-            <!---->
+
           </div>
         </div>
-        <!---->
+
       </div>
       <div maxlength="6" placeholder="邮政编码" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>邮政编码</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="tel" maxlength="6" placeholder="邮政编码" value="" class="van-field__control">
@@ -84,12 +73,10 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
-        <!---->
         <div class="van-cell__title"><span>设为默认收货地址</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div title="设为默认收货地址" class="van-switch" style="font-size:24px;background-color:undefined;">
@@ -98,7 +85,7 @@ exports[`renders demo correctly 1`] = `
             </div>
           </div>
         </div>
-        <!---->
+
       </div>
       <div class="van-address-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">保存</span></button> <button class="van-button van-button--default van-button--normal van-button--block"><span class="van-button__text">删除</span></button></div>
       <div class="van-popup van-popup--bottom" style="display:none;">
diff --git a/packages/address-edit/test/__snapshots__/index.spec.js.snap b/packages/address-edit/test/__snapshots__/index.spec.js.snap
index 36ba1adab..803be7629 100644
--- a/packages/address-edit/test/__snapshots__/index.spec.js.snap
+++ b/packages/address-edit/test/__snapshots__/index.spec.js.snap
@@ -3,9 +3,7 @@
 exports[`create a AddressEdit 1`] = `
 <div class="van-address-edit">
   <div placeholder="收货人姓名" class="van-cell van-field">
-    <!---->
     <div class="van-cell__title"><span>姓名</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div class="van-field__body"><input type="text" placeholder="收货人姓名" value="" class="van-field__control">
@@ -15,12 +13,10 @@ exports[`create a AddressEdit 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div placeholder="收货人手机号" class="van-cell van-field">
-    <!---->
     <div class="van-cell__title"><span>电话</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div class="van-field__body"><input type="tel" placeholder="收货人手机号" value="" class="van-field__control">
@@ -30,12 +26,10 @@ exports[`create a AddressEdit 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div placeholder="选择省 / 市 / 区" class="van-cell van-field">
-    <!---->
     <div class="van-cell__title"><span>地区</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div class="van-field__body"><input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="" class="van-field__control">
@@ -45,16 +39,13 @@ exports[`create a AddressEdit 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div class="van-cell van-address-edit-detail">
-    <!---->
-    <!---->
+
     <div class="van-cell__value van-cell__value--alone">
       <div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>详细地址</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control"></textarea>
@@ -64,10 +55,10 @@ exports[`create a AddressEdit 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
     </div>
-    <!---->
+
   </div>
   <!---->
   <!---->
@@ -104,9 +95,7 @@ exports[`create a AddressEdit 1`] = `
 exports[`create a AddressEdit with props 1`] = `
 <div class="van-address-edit">
   <div placeholder="收货人姓名" class="van-cell van-field">
-    <!---->
     <div class="van-cell__title"><span>姓名</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div class="van-field__body"><input type="text" placeholder="收货人姓名" value="测试" class="van-field__control">
@@ -116,12 +105,10 @@ exports[`create a AddressEdit with props 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div placeholder="收货人手机号" class="van-cell van-field">
-    <!---->
     <div class="van-cell__title"><span>电话</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div class="van-field__body"><input type="tel" placeholder="收货人手机号" value="13000000000" class="van-field__control">
@@ -131,12 +118,10 @@ exports[`create a AddressEdit with props 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div placeholder="选择省 / 市 / 区" class="van-cell van-field">
-    <!---->
     <div class="van-cell__title"><span>地区</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div class="van-field__body"><input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="北京市/朝阳区" class="van-field__control">
@@ -146,16 +131,13 @@ exports[`create a AddressEdit with props 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div class="van-cell van-address-edit-detail">
-    <!---->
-    <!---->
+
     <div class="van-cell__value van-cell__value--alone">
       <div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>详细地址</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control">详细地址</textarea>
@@ -165,15 +147,13 @@ exports[`create a AddressEdit with props 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
     </div>
-    <!---->
+
   </div>
   <div maxlength="6" placeholder="邮政编码" class="van-cell van-field">
-    <!---->
     <div class="van-cell__title"><span>邮政编码</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div class="van-field__body"><input type="tel" maxlength="6" placeholder="邮政编码" value="10000" class="van-field__control">
@@ -183,12 +163,10 @@ exports[`create a AddressEdit with props 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
-    <!---->
     <div class="van-cell__title"><span>设为默认收货地址</span>
-      <!---->
     </div>
     <div class="van-cell__value">
       <div title="设为默认收货地址" class="van-switch van-switch--on" style="font-size:24px;background-color:undefined;">
@@ -197,7 +175,7 @@ exports[`create a AddressEdit with props 1`] = `
         </div>
       </div>
     </div>
-    <!---->
+
   </div>
   <div class="van-address-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">保存</span></button>
     <!---->
diff --git a/packages/address-list/test/__snapshots__/demo.spec.js.snap b/packages/address-list/test/__snapshots__/demo.spec.js.snap
index e783d4fb9..bbdcbc22f 100644
--- a/packages/address-list/test/__snapshots__/demo.spec.js.snap
+++ b/packages/address-list/test/__snapshots__/demo.spec.js.snap
@@ -7,20 +7,20 @@ exports[`renders demo correctly 1`] = `
       <div class="van-radio-group">
         <div class="van-cell-group van-hairline--top-bottom">
           <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> <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
+            </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> <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
+            </div>
+            <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
               <!---->
               <!----></i>
           </div>
@@ -29,11 +29,11 @@ exports[`renders demo correctly 1`] = `
       <div class="van-address-list__disabled-text">以下地址超出配送范围</div>
       <div class="van-cell-group van-hairline--top-bottom">
         <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> <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
+          </div>
+          <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
diff --git a/packages/cell/index.js b/packages/cell/index.js
new file mode 100644
index 000000000..9bd49e0d8
--- /dev/null
+++ b/packages/cell/index.js
@@ -0,0 +1,75 @@
+import { use, isDef } from '../utils';
+import Icon from '../icon';
+import CellMixin from '../mixins/cell';
+import RouterLink from '../mixins/router-link';
+
+const [sfc, bem] = use('cell');
+
+export default sfc({
+  mixins: [CellMixin, RouterLink],
+
+  props: {
+    size: String,
+    clickable: Boolean,
+    arrowDirection: String
+  },
+
+  computed: {
+    arrowIcon() {
+      return this.arrowDirection ? `arrow-${this.arrowDirection}` : 'arrow';
+    }
+  },
+
+  methods: {
+    onClick() {
+      this.$emit('click');
+      this.routerLink();
+    }
+  },
+
+  render(h) {
+    const slots = this.$slots;
+    const showTitle = slots.title || isDef(this.title);
+    const showValue = slots.default || isDef(this.value);
+
+    const Title = showTitle && (
+      <div class={[bem('title'), this.titleClass]}>
+        {slots.title || <span>{this.title}</span>}
+        {this.label && <div class={[bem('label'), this.labelClass]}>{this.label}</div>}
+      </div>
+    );
+
+    const Value = showValue && (
+      <div class={[bem('value', { alone: !slots.title && !this.title }), this.valueClass]}>
+        {slots.default || <span>{this.value}</span>}
+      </div>
+    );
+
+    const LeftIcon = slots.icon || (
+      this.icon && <Icon class={bem('left-icon')} name={this.icon} />
+    );
+
+    const RightIcon = slots['right-icon'] || (
+      this.isLink && <Icon class={bem('right-icon')} name={this.arrowIcon} />
+    );
+
+    return (
+      <div
+        class={bem({
+          center: this.center,
+          required: this.required,
+          borderless: !this.border,
+          clickable: this.isLink || this.clickable,
+          [this.size]: this.size
+        })}
+        onClick={this.onClick}
+      >
+        {LeftIcon}
+        {Title}
+        {Value}
+        {RightIcon}
+        {slots.extra}
+      </div>
+    );
+  }
+});
diff --git a/packages/cell/index.vue b/packages/cell/index.vue
deleted file mode 100644
index e332e29da..000000000
--- a/packages/cell/index.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div
-    :class="[
-      b({
-        center,
-        required,
-        [size]: size,
-        borderless: !border,
-        clickable: isLink || clickable
-      })
-    ]"
-    @click="onClick"
-  >
-    <slot name="icon">
-      <icon
-        v-if="icon"
-        :class="b('left-icon')"
-        :name="icon"
-      />
-    </slot>
-    <div
-      v-if="isDef(title) || $slots.title"
-      :class="[b('title'), titleClass]"
-    >
-      <slot name="title">
-        <span v-text="title" />
-        <div
-          v-if="label"
-          v-text="label"
-          :class="[b('label'), labelClass]"
-        />
-      </slot>
-    </div>
-    <div
-      v-if="isDef(value) || $slots.default"
-      :class="[b('value', { alone: !$slots.title && !title }), valueClass]"
-    >
-      <slot>
-        <span v-text="value" />
-      </slot>
-    </div>
-    <slot name="right-icon">
-      <icon
-        v-if="isLink"
-        :class="b('right-icon')"
-        :name="arrowIcon"
-      />
-    </slot>
-    <slot name="extra" />
-  </div>
-</template>
-
-<script>
-import Icon from '../icon';
-import CellMixin from '../mixins/cell';
-import RouterLink from '../mixins/router-link';
-import create from '../utils/create-basic';
-
-export default create({
-  name: 'cell',
-
-  components: {
-    Icon
-  },
-
-  mixins: [CellMixin, RouterLink],
-
-  props: {
-    size: String,
-    clickable: Boolean,
-    arrowDirection: String
-  },
-
-  computed: {
-    arrowIcon() {
-      return this.arrowDirection ? `arrow-${this.arrowDirection}` : 'arrow';
-    }
-  },
-
-  methods: {
-    onClick() {
-      this.$emit('click');
-      this.routerLink();
-    }
-  }
-});
-</script>
diff --git a/packages/cell/test/__snapshots__/demo.spec.js.snap b/packages/cell/test/__snapshots__/demo.spec.js.snap
index edf26f995..3add2591c 100644
--- a/packages/cell/test/__snapshots__/demo.spec.js.snap
+++ b/packages/cell/test/__snapshots__/demo.spec.js.snap
@@ -5,39 +5,33 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div class="van-cell">
-        <!---->
         <div class="van-cell__title"><span>单元格</span>
-          <!---->
         </div>
         <div class="van-cell__value"><span>内容</span></div>
-        <!---->
+
       </div>
       <div class="van-cell">
-        <!---->
         <div class="van-cell__title"><span>单元格</span>
           <div class="van-cell__label">描述信息</div>
         </div>
         <div class="van-cell__value"><span>内容</span></div>
-        <!---->
+
       </div>
     </div>
   </div>
   <div>
     <div class="van-cell van-cell--large">
-      <!---->
       <div class="van-cell__title"><span>单元格</span>
-        <!---->
       </div>
       <div class="van-cell__value"><span>内容</span></div>
-      <!---->
+
     </div>
     <div class="van-cell van-cell--large">
-      <!---->
       <div class="van-cell__title"><span>单元格</span>
         <div class="van-cell__label">描述信息</div>
       </div>
       <div class="van-cell__value"><span>内容</span></div>
-      <!---->
+
     </div>
   </div>
   <div>
@@ -45,65 +39,58 @@ exports[`renders demo correctly 1`] = `
         <!---->
         <!----></i>
       <div class="van-cell__title"><span>单元格</span>
-        <!---->
       </div>
       <div class="van-cell__value"><span>内容</span></div>
-      <!---->
+
     </div>
   </div>
   <div>
     <div class="van-cell">
-      <!---->
-      <!---->
+
       <div class="van-cell__value van-cell__value--alone"><span>内容</span></div>
-      <!---->
+
     </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 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;">
+      <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;">
+      <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 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 class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
         <!---->
         <!----></i>
     </div>
@@ -112,8 +99,10 @@ exports[`renders demo correctly 1`] = `
     <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;">
+      <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>
@@ -121,18 +110,17 @@ exports[`renders demo correctly 1`] = `
         <!---->
         <!----></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 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 class="custom-icon van-icon van-icon-search" style="color:undefined;font-size:undefined;">
         <!---->
         <!----></i>
     </div>
diff --git a/packages/checkbox/test/__snapshots__/demo.spec.js.snap b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
index 051f9ba6d..fa8a79e00 100644
--- a/packages/checkbox/test/__snapshots__/demo.spec.js.snap
+++ b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
@@ -95,9 +95,7 @@ exports[`renders demo correctly 1`] = `
     <div class="van-checkbox-group">
       <div class="van-cell-group van-hairline--top-bottom">
         <div class="van-cell van-cell--clickable">
-          <!---->
           <div class="van-cell__title"><span>复选框a</span>
-            <!---->
           </div>
           <div class="van-cell__value">
             <div class="van-checkbox">
@@ -107,12 +105,10 @@ exports[`renders demo correctly 1`] = `
               <!---->
             </div>
           </div>
-          <!---->
+
         </div>
         <div class="van-cell van-cell--clickable">
-          <!---->
           <div class="van-cell__title"><span>复选框b</span>
-            <!---->
           </div>
           <div class="van-cell__value">
             <div class="van-checkbox">
@@ -122,12 +118,10 @@ exports[`renders demo correctly 1`] = `
               <!---->
             </div>
           </div>
-          <!---->
+
         </div>
         <div class="van-cell van-cell--clickable">
-          <!---->
           <div class="van-cell__title"><span>复选框c</span>
-            <!---->
           </div>
           <div class="van-cell__value">
             <div class="van-checkbox">
@@ -137,7 +131,7 @@ exports[`renders demo correctly 1`] = `
               <!---->
             </div>
           </div>
-          <!---->
+
         </div>
       </div>
     </div>
diff --git a/packages/collapse/test/__snapshots__/demo.spec.js.snap b/packages/collapse/test/__snapshots__/demo.spec.js.snap
index 247da24fb..06ae6199f 100644
--- a/packages/collapse/test/__snapshots__/demo.spec.js.snap
+++ b/packages/collapse/test/__snapshots__/demo.spec.js.snap
@@ -6,11 +6,10 @@ exports[`renders demo correctly 1`] = `
     <div class="van-hairline--top-bottom van-collapse">
       <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>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
@@ -20,11 +19,10 @@ exports[`renders demo correctly 1`] = `
       </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>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
@@ -32,11 +30,10 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-collapse-item van-hairline--top">
         <div disabled="disabled" class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled">
-          <!---->
           <div class="van-cell__title"><span>有赞美业</span>
-            <!---->
           </div>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
@@ -48,11 +45,10 @@ exports[`renders demo correctly 1`] = `
     <div class="van-hairline--top-bottom van-collapse">
       <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>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
@@ -62,11 +58,10 @@ exports[`renders demo correctly 1`] = `
       </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>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
@@ -74,11 +69,10 @@ exports[`renders demo correctly 1`] = `
       </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>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
@@ -90,13 +84,13 @@ exports[`renders demo correctly 1`] = `
     <div class="van-hairline--top-bottom van-collapse">
       <div class="van-collapse-item">
         <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>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
@@ -107,9 +101,9 @@ exports[`renders demo correctly 1`] = `
             <!---->
             <!----></i>
           <div class="van-cell__title"><span>有赞零售</span>
-            <!---->
           </div>
-          <div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
+          <div class="van-cell__value"> </div>
+          <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
             <!---->
             <!----></i>
         </div>
diff --git a/packages/contact-card/test/__snapshots__/demo.spec.js.snap b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
index 1bdf49c96..f03e58dee 100644
--- a/packages/contact-card/test/__snapshots__/demo.spec.js.snap
+++ b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
@@ -6,8 +6,9 @@ exports[`renders demo correctly 1`] = `
     <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;">
+
+      <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>
@@ -16,11 +17,11 @@ exports[`renders demo correctly 1`] = `
         <div class="van-radio-group">
           <div class="van-cell-group van-hairline--top-bottom">
             <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> <i class="van-icon van-icon-edit van-contact-list__edit" style="color:undefined;font-size:undefined;">
+              </div>
+              <i class="van-icon van-icon-edit van-contact-list__edit" style="color:undefined;font-size:undefined;">
                 <!---->
                 <!----></i>
             </div>
@@ -32,9 +33,7 @@ exports[`renders demo correctly 1`] = `
       <div class="van-contact-edit">
         <div class="van-cell-group van-hairline--top-bottom">
           <div maxlength="30" placeholder="请填写姓名" class="van-cell van-field">
-            <!---->
             <div class="van-cell__title"><span>张三</span>
-              <!---->
             </div>
             <div class="van-cell__value">
               <div class="van-field__body"><input type="text" maxlength="30" placeholder="请填写姓名" class="van-field__control">
@@ -44,12 +43,10 @@ exports[`renders demo correctly 1`] = `
               </div>
               <!---->
             </div>
-            <!---->
+
           </div>
           <div placeholder="请填写电话" class="van-cell van-field">
-            <!---->
             <div class="van-cell__title"><span>电话</span>
-              <!---->
             </div>
             <div class="van-cell__value">
               <div class="van-field__body"><input type="tel" placeholder="请填写电话" class="van-field__control">
@@ -59,7 +56,7 @@ exports[`renders demo correctly 1`] = `
               </div>
               <!---->
             </div>
-            <!---->
+
           </div>
         </div>
         <div class="van-contact-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">保存</span></button>
@@ -72,12 +69,12 @@ exports[`renders demo correctly 1`] = `
     <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>
         <div>电话：13000000000</div>
       </div>
-      <!---->
+
     </div>
   </div>
 </div>
diff --git a/packages/coupon-list/test/__snapshots__/demo.spec.js.snap b/packages/coupon-list/test/__snapshots__/demo.spec.js.snap
index 243efe450..781cc3d69 100644
--- a/packages/coupon-list/test/__snapshots__/demo.spec.js.snap
+++ b/packages/coupon-list/test/__snapshots__/demo.spec.js.snap
@@ -4,11 +4,10 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <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;">
+      <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>
diff --git a/packages/coupon-list/test/__snapshots__/index.spec.js.snap b/packages/coupon-list/test/__snapshots__/index.spec.js.snap
index 191c818d1..cfe0e0b99 100644
--- a/packages/coupon-list/test/__snapshots__/index.spec.js.snap
+++ b/packages/coupon-list/test/__snapshots__/index.spec.js.snap
@@ -2,11 +2,10 @@
 
 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">
+  <div class="van-cell__value"><span>使用优惠</span></div>
+  <i class="van-icon van-icon-arrow van-cell__right-icon">
     <!---->
     <!----></i>
 </div>
@@ -14,11 +13,10 @@ exports[`coupon cell 1`] = `
 
 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">
+  <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>
@@ -27,8 +25,7 @@ exports[`coupon cell 2`] = `
 exports[`render coupon list 1`] = `
 <div class="van-coupon-list">
   <div class="van-cell van-cell--borderless van-field van-coupon-list__field">
-    <!---->
-    <!---->
+
     <div class="van-cell__value van-cell__value--alone">
       <div class="van-field__body"><input type="text" placeholder="请输入优惠码" maxlength="20" class="van-field__control">
         <!---->
@@ -37,7 +34,7 @@ exports[`render coupon list 1`] = `
       </div>
       <!---->
     </div>
-    <!---->
+
   </div>
   <div class="van-tabs van-tabs--line van-coupon-list__tab">
     <div class="van-tabs__wrap van-hairline--top-bottom">
diff --git a/packages/dialog/test/__snapshots__/demo.spec.js.snap b/packages/dialog/test/__snapshots__/demo.spec.js.snap
index 9e8ac945e..d5358ca6d 100644
--- a/packages/dialog/test/__snapshots__/demo.spec.js.snap
+++ b/packages/dialog/test/__snapshots__/demo.spec.js.snap
@@ -17,9 +17,7 @@ exports[`renders demo correctly 1`] = `
       <!---->
       <div class="van-dialog__content">
         <div placeholder="请输入用户名" class="van-cell van-field">
-          <!---->
           <div class="van-cell__title"><span>用户名</span>
-            <!---->
           </div>
           <div class="van-cell__value">
             <div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
@@ -29,12 +27,10 @@ exports[`renders demo correctly 1`] = `
             </div>
             <!---->
           </div>
-          <!---->
+
         </div>
         <div placeholder="请输入密码" class="van-cell van-field">
-          <!---->
           <div class="van-cell__title"><span>密码</span>
-            <!---->
           </div>
           <div class="van-cell__value">
             <div class="van-field__body"><input type="password" placeholder="请输入密码" value="" class="van-field__control">
@@ -44,7 +40,7 @@ exports[`renders demo correctly 1`] = `
             </div>
             <!---->
           </div>
-          <!---->
+
         </div>
       </div>
       <div class="van-hairline--top van-dialog__footer van-dialog__footer--buttons"><button class="van-button van-button--default van-button--large van-dialog__cancel"><span class="van-button__text">取消</span></button> <button class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"><span class="van-button__text">消息确认</span></button></div>
diff --git a/packages/field/test/__snapshots__/demo.spec.js.snap b/packages/field/test/__snapshots__/demo.spec.js.snap
index 425e82012..b87ce6445 100644
--- a/packages/field/test/__snapshots__/demo.spec.js.snap
+++ b/packages/field/test/__snapshots__/demo.spec.js.snap
@@ -5,8 +5,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div placeholder="请输入用户名" class="van-cell van-field">
-        <!---->
-        <!---->
+
         <div class="van-cell__value van-cell__value--alone">
           <div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
             <!---->
@@ -15,16 +14,14 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div placeholder="请输入用户名" class="van-cell van-cell--required van-field">
-        <!---->
         <div class="van-cell__title"><span>用户名</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
@@ -36,12 +33,10 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <div placeholder="请输入密码" class="van-cell van-cell--required van-field">
-        <!---->
         <div class="van-cell__title"><span>密码</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="password" placeholder="请输入密码" value="" class="van-field__control">
@@ -51,7 +46,7 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
@@ -61,7 +56,6 @@ exports[`renders demo correctly 1`] = `
           <!---->
           <!----></i>
         <div class="van-cell__title"><span>用户名</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" disabled="disabled" value="输入框已禁用" class="van-field__control">
@@ -71,16 +65,14 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div placeholder="请输入用户名" class="van-cell van-field van-field--error">
-        <!---->
         <div class="van-cell__title"><span>用户名</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
@@ -90,12 +82,10 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <div placeholder="请输入手机号" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>手机号</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" placeholder="请输入手机号" value="1365577" class="van-field__control">
@@ -105,16 +95,14 @@ exports[`renders demo correctly 1`] = `
           </div>
           <div class="van-field__error-message">手机号格式错误</div>
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div placeholder="请输入留言" rows="1" class="van-cell van-field">
-        <!---->
         <div class="van-cell__title"><span>留言</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><textarea placeholder="请输入留言" rows="1" class="van-field__control"></textarea>
@@ -124,16 +112,14 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div placeholder="请输入短信验证码" class="van-cell van-cell--center van-field">
-        <!---->
         <div class="van-cell__title"><span>短信验证码</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" placeholder="请输入短信验证码" value="" class="van-field__control">
@@ -145,7 +131,7 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
diff --git a/packages/field/test/__snapshots__/index.spec.js.snap b/packages/field/test/__snapshots__/index.spec.js.snap
index 684d3e488..5c8f0d9ce 100644
--- a/packages/field/test/__snapshots__/index.spec.js.snap
+++ b/packages/field/test/__snapshots__/index.spec.js.snap
@@ -2,8 +2,7 @@
 
 exports[`clearable 1`] = `
 <div class="van-cell van-field">
-  <!---->
-  <!---->
+
   <div class="van-cell__value van-cell__value--alone">
     <div class="van-field__body"><input type="text" class="van-field__control">
       <!---->
@@ -12,14 +11,13 @@ exports[`clearable 1`] = `
     </div>
     <!---->
   </div>
-  <!---->
+
 </div>
 `;
 
 exports[`clearable 2`] = `
 <div class="van-cell van-field">
-  <!---->
-  <!---->
+
   <div class="van-cell__value van-cell__value--alone">
     <div class="van-field__body"><input type="text" class="van-field__control"> <i class="van-icon van-icon-clear van-field__clear">
         <!---->
@@ -29,14 +27,13 @@ exports[`clearable 2`] = `
     </div>
     <!---->
   </div>
-  <!---->
+
 </div>
 `;
 
 exports[`render textarea 1`] = `
 <div class="van-cell van-field">
-  <!---->
-  <!---->
+
   <div class="van-cell__value van-cell__value--alone">
     <div class="van-field__body"><textarea class="van-field__control" style="height: auto;"></textarea>
       <!---->
@@ -45,6 +42,6 @@ exports[`render textarea 1`] = `
     </div>
     <!---->
   </div>
-  <!---->
+
 </div>
 `;
diff --git a/packages/panel/test/__snapshots__/demo.spec.js.snap b/packages/panel/test/__snapshots__/demo.spec.js.snap
index 74ca36662..f209d23e7 100644
--- a/packages/panel/test/__snapshots__/demo.spec.js.snap
+++ b/packages/panel/test/__snapshots__/demo.spec.js.snap
@@ -5,12 +5,11 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom van-panel">
       <div class="van-cell van-panel__header">
-        <!---->
         <div class="van-cell__title"><span>标题</span>
           <div class="van-cell__label">描述信息</div>
         </div>
         <div class="van-cell__value"><span>状态</span></div>
-        <!---->
+
       </div>
       <div class="van-panel__content">
         <div>内容</div>
@@ -21,12 +20,11 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom van-panel">
       <div class="van-cell van-panel__header">
-        <!---->
         <div class="van-cell__title"><span>标题</span>
           <div class="van-cell__label">描述信息</div>
         </div>
         <div class="van-cell__value"><span>状态</span></div>
-        <!---->
+
       </div>
       <div class="van-panel__content">
         <div>内容</div>
diff --git a/packages/radio/test/__snapshots__/demo.spec.js.snap b/packages/radio/test/__snapshots__/demo.spec.js.snap
index 5a8bbe600..d72a6a4f1 100644
--- a/packages/radio/test/__snapshots__/demo.spec.js.snap
+++ b/packages/radio/test/__snapshots__/demo.spec.js.snap
@@ -23,28 +23,24 @@ exports[`renders demo correctly 1`] = `
     <div class="van-radio-group">
       <div class="van-cell-group van-hairline--top-bottom">
         <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>
           </div>
-          <!---->
+
         </div>
         <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>
           </div>
-          <!---->
+
         </div>
       </div>
     </div>
diff --git a/packages/search/test/__snapshots__/demo.spec.js.snap b/packages/search/test/__snapshots__/demo.spec.js.snap
index e8077ad90..855f110da 100644
--- a/packages/search/test/__snapshots__/demo.spec.js.snap
+++ b/packages/search/test/__snapshots__/demo.spec.js.snap
@@ -7,7 +7,7 @@ exports[`renders demo correctly 1`] = `
       <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 type="search" placeholder="请输入搜索关键词" value="" class="van-field__control">
             <!---->
@@ -16,7 +16,7 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <!---->
     </div>
@@ -27,7 +27,7 @@ exports[`renders demo correctly 1`] = `
         <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 type="search" placeholder="请输入搜索关键词" value="" class="van-field__control">
               <!---->
@@ -36,7 +36,7 @@ exports[`renders demo correctly 1`] = `
             </div>
             <!---->
           </div>
-          <!---->
+
         </div>
         <div class="van-search__action">
           <div>取消</div>
@@ -49,7 +49,7 @@ exports[`renders demo correctly 1`] = `
       <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 type="search" placeholder="请输入搜索关键词" value="" class="van-field__control">
             <!---->
@@ -58,7 +58,7 @@ exports[`renders demo correctly 1`] = `
           </div>
           <!---->
         </div>
-        <!---->
+
       </div>
       <div class="van-search__action">
         <div>
diff --git a/packages/swipe-cell/test/__snapshots__/demo.spec.js.snap b/packages/swipe-cell/test/__snapshots__/demo.spec.js.snap
index 0828d17c6..96d0c4595 100644
--- a/packages/swipe-cell/test/__snapshots__/demo.spec.js.snap
+++ b/packages/swipe-cell/test/__snapshots__/demo.spec.js.snap
@@ -16,12 +16,10 @@ exports[`renders demo correctly 1`] = `
           <div class="van-swipe-cell__left"><span>选择</span></div>
           <div class="van-cell-group van-hairline--top-bottom">
             <div class="van-cell">
-              <!---->
               <div class="van-cell__title"><span>单元格</span>
-                <!---->
               </div>
               <div class="van-cell__value"><span>内容</span></div>
-              <!---->
+
             </div>
           </div>
           <div class="van-swipe-cell__right"><span>删除</span></div>
@@ -34,12 +32,10 @@ exports[`renders demo correctly 1`] = `
           <div class="van-swipe-cell__left"><span>选择</span></div>
           <div class="van-cell-group van-hairline--top-bottom">
             <div class="van-cell">
-              <!---->
               <div class="van-cell__title"><span>单元格</span>
-                <!---->
               </div>
               <div class="van-cell__value"><span>内容</span></div>
-              <!---->
+
             </div>
           </div>
           <div class="van-swipe-cell__right"><span>删除</span></div>
diff --git a/packages/switch-cell/test/__snapshots__/demo.spec.js.snap b/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
index 18438c901..2c109b5cc 100644
--- a/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
+++ b/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
@@ -5,9 +5,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
-        <!---->
         <div class="van-cell__title"><span>标题</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div title="标题" class="van-switch van-switch--on" style="font-size:24px;background-color:undefined;">
@@ -16,16 +14,14 @@ exports[`renders demo correctly 1`] = `
             </div>
           </div>
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
-        <!---->
         <div class="van-cell__title"><span>标题</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div title="标题" class="van-switch van-switch--on van-switch--disabled" style="font-size:24px;background-color:undefined;">
@@ -34,16 +30,14 @@ exports[`renders demo correctly 1`] = `
             </div>
           </div>
         </div>
-        <!---->
+
       </div>
     </div>
   </div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
-        <!---->
         <div class="van-cell__title"><span>标题</span>
-          <!---->
         </div>
         <div class="van-cell__value">
           <div title="标题" class="van-switch van-switch--on" style="font-size:24px;background-color:undefined;">
@@ -52,7 +46,7 @@ exports[`renders demo correctly 1`] = `
             </div>
           </div>
         </div>
-        <!---->
+
       </div>
     </div>
   </div>