From 3a05f3e9925df09ba08f84ef9fe63d880b8848b7 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Fri, 24 Feb 2023 20:00:30 +0800
Subject: [PATCH 01/15] feat(cascader): support aria

---
 src/cascader/cascader.wxml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 735484ee0..ceb087fe4 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -8,7 +8,7 @@
     </view>
     <view class="{{name}}__close-btn" bind:tap="hide">
       <slot name="close-btn" />
-      <t-icon wx:if="{{closeBtn}}" size="24" name="close" />
+      <t-icon wx:if="{{closeBtn}}" aria-role="button" aria-label="关闭" size="24" name="close" />
     </view>
     <view class="{{name}}__content">
       <block wx:if="{{steps && steps.length}}">

From e0218f4f5fb652289b0afb9dd5c5d5a74312775b Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Fri, 24 Feb 2023 20:25:18 +0800
Subject: [PATCH 02/15] feat(cascader): label and hidden

---
 src/cascader/cascader.wxml | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index ceb087fe4..3cc8ac146 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -13,7 +13,15 @@
     <view class="{{name}}__content">
       <block wx:if="{{steps && steps.length}}">
         <view wx:if="{{theme == 'step'}}" class="{{name}}__steps">
-          <view wx:for="{{steps}}" wx:key="index" class="{{name}}__step" bind:tap="onStepClick" data-index="{{index}}">
+          <view
+            wx:for="{{steps}}"
+            wx:key="index"
+            class="{{name}}__step"
+            bind:tap="onStepClick"
+            data-index="{{index}}"
+            aria-role="button"
+            aria-label="{{ item === defaultOptionLabel ? item : '已选中,' + item  }}"
+          >
             <view
               class="{{name}}__step-dot {{name}}__step-dot--{{item !== defaultOptionLabel ? 'active' : ''}} {{name}}__step-dot--{{index === steps.length - 1 ? 'last' : ''}}"
             ></view>
@@ -43,6 +51,7 @@
           class="{{name}}__options"
           scroll-y
           scroll-top="{{scrollTopList[index]}}"
+          aria-hidden="{{ stepIndex !== index}}"
         >
           <view class="cascader-radio-group-{{index}}">
             <t-radio-group

From c11335e9e1b27370c9263f5ddfa6022d2f2543bb Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 6 Mar 2023 14:36:50 +0800
Subject: [PATCH 03/15] feat(cascader): hidden

---
 src/cascader/cascader.wxml | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 3cc8ac146..f29b9dc56 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -19,7 +19,7 @@
             class="{{name}}__step"
             bind:tap="onStepClick"
             data-index="{{index}}"
-            aria-role="button"
+            aria-role="{{ item === defaultOptionLabel ? 'text' : 'button' }}"
             aria-label="{{ item === defaultOptionLabel ? item : '已选中,' + item  }}"
           >
             <view
@@ -37,9 +37,9 @@
           </t-tabs>
         </block>
       </block>
-      <view wx:if="{{ subTitles && subTitles[stepIndex] }}" class="{{name}}__options-title"
-        >{{subTitles[stepIndex]}}</view
-      >
+      <view wx:if="{{ subTitles && subTitles[stepIndex] }}" class="{{name}}__options-title">
+        {{subTitles[stepIndex]}}
+      </view>
       <view
         class="{{name}}__options-container"
         style="width: {{items.length + 1}}00vw; transform: translateX(-{{stepIndex}}00vw)"
@@ -51,9 +51,8 @@
           class="{{name}}__options"
           scroll-y
           scroll-top="{{scrollTopList[index]}}"
-          aria-hidden="{{ stepIndex !== index}}"
         >
-          <view class="cascader-radio-group-{{index}}">
+          <view class="cascader-radio-group-{{index}}" aria-hidden="{{ stepIndex !== index}}">
             <t-radio-group
               value="{{selectedValue[index]}}"
               keys="{{keys}}"

From 9b89cffef023bcfe48256cfc612fbbacfac464bf Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Fri, 24 Mar 2023 11:40:34 +0800
Subject: [PATCH 04/15] feat(cascader): text change to option

---
 src/cascader/cascader.wxml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index f29b9dc56..5b7f38cf0 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -19,7 +19,7 @@
             class="{{name}}__step"
             bind:tap="onStepClick"
             data-index="{{index}}"
-            aria-role="{{ item === defaultOptionLabel ? 'text' : 'button' }}"
+            aria-role="{{ item === defaultOptionLabel ? 'option' : 'button' }}"
             aria-label="{{ item === defaultOptionLabel ? item : '已选中,' + item  }}"
           >
             <view

From 964b3a05c9cfdda92588ad9be2a449d5cf8a9887 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Fri, 24 Mar 2023 11:44:26 +0800
Subject: [PATCH 05/15] feat(cascader): add index label

---
 src/cascader/cascader.wxml | 3 ++-
 src/cascader/cascader.wxs  | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 src/cascader/cascader.wxs

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 5b7f38cf0..8fa5cb301 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -1,4 +1,5 @@
 <wxs src="../common/utils.wxs" module="_" />
+<wxs src="./cascader.wxs" module="aria" />
 
 <t-popup class="class" visible="{{visible}}" placement="bottom" bind:visible-change="hide">
   <view style="{{_._style([style, customStyle])}}" class="{{name}}">
@@ -20,7 +21,7 @@
             bind:tap="onStepClick"
             data-index="{{index}}"
             aria-role="{{ item === defaultOptionLabel ? 'option' : 'button' }}"
-            aria-label="{{ item === defaultOptionLabel ? item : '已选中,' + item  }}"
+            aria-label="{{ item === defaultOptionLabel ? item : aria.getAriaLabel(index, item)  }}"
           >
             <view
               class="{{name}}__step-dot {{name}}__step-dot--{{item !== defaultOptionLabel ? 'active' : ''}} {{name}}__step-dot--{{index === steps.length - 1 ? 'last' : ''}}"
diff --git a/src/cascader/cascader.wxs b/src/cascader/cascader.wxs
new file mode 100644
index 000000000..34436f932
--- /dev/null
+++ b/src/cascader/cascader.wxs
@@ -0,0 +1,7 @@
+function getAriaLabel(index,  content) {
+  return '第' + (index + 1) + '级：'+ content;
+}
+
+module.exports = {
+  getAriaLabel: getAriaLabel,
+};
\ No newline at end of file

From 281dce91cd302d11cfeee5a26c5f0543090ee41f Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 10 Apr 2023 17:09:43 +0800
Subject: [PATCH 06/15] feat(cascader): change dom to no-dom

---
 src/cascader/cascader.wxml | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 15feec2cc..66f84702a 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -41,26 +41,16 @@
       <view wx:if="{{ subTitles && subTitles[stepIndex] }}" class="{{name}}__options-title">
         {{subTitles[stepIndex]}}
       </view>
-      <view
-        class="{{name}}__options-container"
-        style="width: {{items.length + 1}}00vw; transform: translateX(-{{stepIndex}}00vw)"
-      >
-        <scroll-view
-          wx:for="{{items}}"
-          wx:for-item="options"
-          wx:key="index"
-          class="{{name}}__options"
-          scroll-y
-          scroll-top="{{scrollTopList[index]}}"
-        >
-          <view class="cascader-radio-group-{{index}}" aria-hidden="{{ stepIndex !== index}}">
+      <view class="{{name}}__options-container">
+        <scroll-view class="{{name}}__options" scroll-y scroll-top="{{scrollTopList[stepIndex]}}">
+          <view class="cascader-radio-group-{{stepIndex}}">
             <t-radio-group
-              value="{{selectedValue[index]}}"
+              value="{{selectedValue[stepIndex]}}"
               keys="{{keys}}"
-              options="{{options}}"
+              options="{{items[stepIndex]}}"
               bind:change="handleSelect"
-              data-level="{{index}}"
-              placement="right"
+              data-level="{{stepIndex}}"
+              align="right"
               icon="line"
               borderless
             >

From 7a016fd1c8ac1236503add3b2104dd3fb2dbda15 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 10 Apr 2023 17:11:52 +0800
Subject: [PATCH 07/15] chore(cascader): update sanp

---
 .../__test__/__virtualHostSnapshot__/index.test.js.snap       | 4 ----
 src/switch/__test__/__virtualHostSnapshot__/demo.test.js.snap | 4 ++--
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index be5b2624b..b980c3e87 100644
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -412,10 +412,6 @@ exports[`date-time-picker :base 1`] = `
     
               </wx-view>
             </wx-view>
-            <wx-view
-              class="t-popup__close"
-              bind:tap="handleClose"
-            />
           </wx-view>
           <wx-view
             class="t-picker__mask t-picker__mask--top"
diff --git a/src/switch/__test__/__virtualHostSnapshot__/demo.test.js.snap b/src/switch/__test__/__virtualHostSnapshot__/demo.test.js.snap
index c0d1f83ce..fc066d891 100644
--- a/src/switch/__test__/__virtualHostSnapshot__/demo.test.js.snap
+++ b/src/switch/__test__/__virtualHostSnapshot__/demo.test.js.snap
@@ -40,8 +40,8 @@ exports[`Switch Switch label demo works fine 1`] = `
     <t-switch
       label="{{
         Array [
-          "关",
           "开",
+          "关",
         ]
       }}"
       slot="note"
@@ -57,8 +57,8 @@ exports[`Switch Switch label demo works fine 1`] = `
       defaultValue="{{true}}"
       icon="{{
         Array [
-          "close",
           "check",
+          "close",
         ]
       }}"
       slot="note"

From 202d86d4eecf55ffd8e3a9cc9d98019ff708cb68 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 10 Apr 2023 17:35:21 +0800
Subject: [PATCH 08/15] feat(cascader): placement

---
 src/cascader/cascader.wxml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 66f84702a..163bf5fc2 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -50,7 +50,7 @@
               options="{{items[stepIndex]}}"
               bind:change="handleSelect"
               data-level="{{stepIndex}}"
-              align="right"
+              placement="right"
               icon="line"
               borderless
             >

From 53ad712273108fceb6f22b758ebd537225a6f10e Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 10 Apr 2023 17:37:52 +0800
Subject: [PATCH 09/15] chore(cascader): update sanp

---
 .../index.test.js.snap                        |   50 +-
 .../index.test.js.snap                        | 1386 ++++++++---------
 .../index.test.js.snap                        |   80 +-
 .../index.test.js.snap                        |  260 ++--
 .../index.test.js.snap                        |   64 +-
 .../index.test.js.snap                        |  702 ++++-----
 .../index.test.js.snap                        |   74 +-
 .../index.test.js.snap                        |   18 +-
 .../index.test.js.snap                        |   16 +-
 .../index.test.js.snap                        |  216 +--
 .../index.test.js.snap                        |  103 +-
 .../index.test.js.snap                        |  332 ++--
 .../index.test.js.snap                        |  142 +-
 .../index.test.js.snap                        |  210 ++-
 .../index.test.js.snap                        |  116 +-
 .../index.test.js.snap                        |   20 +-
 .../index.test.js.snap                        |  236 ++-
 .../index.test.js.snap                        |   78 +-
 .../index.test.js.snap                        |  216 ++-
 .../index.test.js.snap                        |  104 +-
 .../index.test.js.snap                        |   30 +-
 .../index.test.js.snap                        |   88 +-
 22 files changed, 2069 insertions(+), 2472 deletions(-)

diff --git a/src/avatar/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/avatar/__test__/__virtualHostSnapshot__/index.test.js.snap
index c292c83f6..5cd6176dc 100644
--- a/src/avatar/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/avatar/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,45 +2,35 @@
 
 exports[`Avatar & Avatar Groups Avatar Props : style && customStyle 1`] = `
 <main>
-  <main
-    class="avatar"
+  <wx-view
+    class="t-avatar__wrapper class t-class"
+    style="color: red; font-size: 9px;"
   >
     <wx-view
-      class="t-avatar__wrapper class t-class"
-      style="color: red; font-size: 9px;"
+      ariaDescribedby="t_badge_0_description"
+      ariaLabelledby="t_badge_0_label"
+      ariaRole="option"
+      class="t-badge  class t-class"
+      style=""
     >
-      <t-badge
-        tClass=""
-        tClassContent=""
-        tClassCount=""
+      <wx-view
+        ariaHidden="true"
+        class="t-badge__content t-class-content"
+        id="t_badge_0_label"
       >
         <wx-view
-          ariaDescribedby="t_badge_0_description"
-          ariaLabelledby="t_badge_0_label"
-          ariaRole="option"
-          class="t-badge  class t-class"
+          ariaHidden="{{false}}"
+          ariaLabel="头像"
+          ariaRole="img"
+          class="t-avatar t-avatar--circle  t-avatar--medium t-class-image"
           style=""
         >
           <wx-view
-            ariaHidden="true"
-            class="t-badge__content t-class-content"
-            id="t_badge_0_label"
-          >
-            <wx-view
-              ariaHidden="{{false}}"
-              ariaLabel="头像"
-              ariaRole="img"
-              class="t-avatar t-avatar--circle  t-avatar--medium t-class-image"
-              style=""
-            >
-              <wx-view
-                class="t-avatar__text t-class-content"
-              />
-            </wx-view>
-          </wx-view>
+            class="t-avatar__text t-class-content"
+          />
         </wx-view>
-      </t-badge>
+      </wx-view>
     </wx-view>
-  </main>
+  </wx-view>
 </main>
 `;
diff --git a/src/calendar/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/calendar/__test__/__virtualHostSnapshot__/index.test.js.snap
index 750455c3f..5e9f6aaf6 100644
--- a/src/calendar/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/calendar/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,785 +2,721 @@
 
 exports[`calendar :base 1`] = `
 <main>
-  <t-calendar>
-    <t-popup
-      class="class"
-      bind:visible-change="onVisibleChange"
+  <wx-view
+    ariaModal="{{true}}"
+    ariaRole="dialog"
+    class="t-popup t-popup--bottom t-fade-enter t-fade-enter-active class t-class"
+    style="z-index:11500;"
+    bind:transitionend="onTransitionEnd"
+  >
+    <wx-view
+      class="t-popup__content t-class-content"
     >
       <wx-view
-        ariaModal="{{true}}"
-        ariaRole="dialog"
-        class="t-popup t-popup--bottom t-fade-enter t-fade-enter-active class t-class"
-        style="z-index:11500;"
-        bind:transitionend="onTransitionEnd"
+        class="t-calendar t-calendar--popup class t-class"
+        style=""
       >
         <wx-view
-          class="t-popup__content t-class-content"
+          class="t-calendar__title"
+          tabindex="0"
+        >
+          <wx-text>
+            请选择日期
+          </wx-text>
+        </wx-view>
+        <wx-view
+          ariaHidden="{{false}}"
+          ariaLabel="关闭"
+          ariaRole="button"
+          class="t-icon class t-class"
+          style="font-size: 24px;"
+          bind:tap="onTap"
+        >
+          <wx-label
+            class="t-icon-close t-icon-base"
+          />
+        </wx-view>
+        <wx-view
+          ariaHidden="{{true}}"
+          class="t-calendar__days"
         >
           <wx-view
-            class="t-calendar t-calendar--popup class t-class"
-            style=""
+            class="t-calendar__days-item"
+          >
+            日
+          </wx-view>
+          <wx-view
+            class="t-calendar__days-item"
+          >
+            一
+          </wx-view>
+          <wx-view
+            class="t-calendar__days-item"
+          >
+            二
+          </wx-view>
+          <wx-view
+            class="t-calendar__days-item"
+          >
+            三
+          </wx-view>
+          <wx-view
+            class="t-calendar__days-item"
           >
+            四
+          </wx-view>
+          <wx-view
+            class="t-calendar__days-item"
+          >
+            五
+          </wx-view>
+          <wx-view
+            class="t-calendar__days-item"
+          >
+            六
+          </wx-view>
+        </wx-view>
+        <wx-scroll-view
+          class="t-calendar__months"
+          enhanced="{{true}}"
+          scrollIntoView="year_2022_month_9"
+          scrollY="{{true}}"
+          showScrollbar="{{false}}"
+        >
+          <wx-view
+            class="t-calendar__month"
+            id="year_2022_month_9"
+          >
+            2022 年 10 月
+          </wx-view>
+          <wx-view
+            class="t-calendar__dates"
+          >
+            <wx-view />
+            <wx-view />
+            <wx-view />
+            <wx-view />
+            <wx-view />
+            <wx-view />
             <wx-view
-              class="t-calendar__title"
-              tabindex="0"
-            >
-              <wx-text>
-                请选择日期
-              </wx-text>
-            </wx-view>
-            <t-icon
-              class="t-calendar__close-btn"
-              bind:tap="handleClose"
-            >
-              <wx-view
-                ariaHidden="{{false}}"
-                ariaLabel="关闭"
-                ariaRole="button"
-                class="t-icon class t-class"
-                style="font-size: 24px;"
-                bind:tap="onTap"
-              >
-                <wx-label
-                  class="t-icon-close t-icon-base"
-                />
-              </wx-view>
-            </t-icon>
-            <wx-view
-              ariaHidden="{{true}}"
-              class="t-calendar__days"
-            >
-              <wx-view
-                class="t-calendar__days-item"
-              >
-                日
-              </wx-view>
-              <wx-view
-                class="t-calendar__days-item"
-              >
-                一
-              </wx-view>
-              <wx-view
-                class="t-calendar__days-item"
-              >
-                二
-              </wx-view>
-              <wx-view
-                class="t-calendar__days-item"
-              >
-                三
-              </wx-view>
-              <wx-view
-                class="t-calendar__days-item"
-              >
-                四
-              </wx-view>
-              <wx-view
-                class="t-calendar__days-item"
-              >
-                五
-              </wx-view>
-              <wx-view
-                class="t-calendar__days-item"
-              >
-                六
-              </wx-view>
-            </wx-view>
-            <wx-scroll-view
-              class="t-calendar__months"
-              enhanced="{{true}}"
-              scrollIntoView="year_2022_month_9"
-              scrollY="{{true}}"
-              showScrollbar="{{false}}"
-            >
-              <wx-view
-                class="t-calendar__month"
-                id="year_2022_month_9"
-              >
-                2022 年 10 月
-              </wx-view>
-              <wx-view
-                class="t-calendar__dates"
-              >
-                <wx-view />
-                <wx-view />
-                <wx-view />
-                <wx-view />
-                <wx-view />
-                <wx-view />
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月1日, 星期六"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 1,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+              ariaDisabled="{{false}}"
+              ariaLabel="10月1日, 星期六"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 1,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             1
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月2日, 星期日"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 2,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月2日, 星期日"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 2,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             2
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月3日, 星期一"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 3,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月3日, 星期一"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 3,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             3
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月4日, 星期二"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 4,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月4日, 星期二"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 4,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             4
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月5日, 星期三"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 5,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月5日, 星期三"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 5,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             5
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月6日, 星期四"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 6,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月6日, 星期四"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 6,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             6
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月7日, 星期五"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 7,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月7日, 星期五"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 7,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             7
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月8日, 星期六"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 8,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月8日, 星期六"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 8,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             8
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月9日, 星期日"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 9,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月9日, 星期日"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 9,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             9
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月10日, 星期一"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 10,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月10日, 星期一"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 10,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             10
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月11日, 星期二"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 11,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月11日, 星期二"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 11,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             11
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月12日, 星期三"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 12,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月12日, 星期三"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 12,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             12
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月13日, 星期四"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 13,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月13日, 星期四"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 13,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             13
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月14日, 星期五"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 14,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月14日, 星期五"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 14,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             14
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月15日, 星期六"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 15,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月15日, 星期六"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 15,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             15
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="已选中, 10月16日, 星期日"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--selected"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 16,
-                      "type": "selected",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="已选中, 10月16日, 星期日"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--selected"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 16,
+                  "type": "selected",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             16
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月17日, 星期一"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 17,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月17日, 星期一"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 17,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             17
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月18日, 星期二"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 18,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月18日, 星期二"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 18,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             18
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月19日, 星期三"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 19,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月19日, 星期三"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 19,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             19
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月20日, 星期四"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 20,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月20日, 星期四"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 20,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             20
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月21日, 星期五"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 21,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月21日, 星期五"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 21,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             21
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月22日, 星期六"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 22,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月22日, 星期六"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 22,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             22
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月23日, 星期日"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 23,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月23日, 星期日"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 23,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             23
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月24日, 星期一"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 24,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月24日, 星期一"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 24,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             24
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月25日, 星期二"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 25,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月25日, 星期二"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 25,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             25
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月26日, 星期三"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 26,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月26日, 星期三"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 26,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             26
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月27日, 星期四"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 27,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月27日, 星期四"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 27,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             27
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月28日, 星期五"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 28,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月28日, 星期五"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 28,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             28
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月29日, 星期六"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 29,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月29日, 星期六"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 29,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             29
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月30日, 星期日"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 30,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月30日, 星期日"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 30,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             30
             
-                </wx-view>
-                <wx-view
-                  ariaDisabled="{{false}}"
-                  ariaLabel="10月31日, 星期一"
-                  ariaRole="button"
-                  class="t-calendar__dates-item  t-calendar__dates-item--"
-                  data-date="{{
-                    Object {
-                      "date": Object {},
-                      "day": 31,
-                      "type": "",
-                    }
-                  }}"
-                  data-month="{{9}}"
-                  data-year="{{2022}}"
-                  bind:tap="handleSelect"
-                >
-                  
+            </wx-view>
+            <wx-view
+              ariaDisabled="{{false}}"
+              ariaLabel="10月31日, 星期一"
+              ariaRole="button"
+              class="t-calendar__dates-item  t-calendar__dates-item--"
+              data-date="{{
+                Object {
+                  "date": Object {},
+                  "day": 31,
+                  "type": "",
+                }
+              }}"
+              data-month="{{9}}"
+              data-year="{{2022}}"
+              bind:tap="handleSelect"
+            >
+              
             31
             
-                </wx-view>
-              </wx-view>
-            </wx-scroll-view>
-            <wx-view
-              class="t-calendar__footer"
-            >
-              <t-button
-                class="t-calendar__confirm-btn"
-                data-extra=""
-                data-type=""
-                tClass=""
-                bind:contact="onTplButtonTap"
-                bind:error="onTplButtonTap"
-                bind:getphonenumber="onTplButtonTap"
-                bind:getuserinfo="onTplButtonTap"
-                bind:launchapp="onTplButtonTap"
-                bind:opensetting="onTplButtonTap"
-                bind:tap="onTplButtonTap"
-              >
-                <wx-button
-                  appParameter=""
-                  ariaLabel=""
-                  class="class t-button t-class t-button--base t-button--primary t-button--rectangle t-button--size-medium t-button--block"
-                  data-custom="{{null}}"
-                  formType=""
-                  hoverClass="t-button--hover"
-                  hoverStartTime="{{20}}"
-                  hoverStayTime="{{70}}"
-                  hoverStopPropagation="{{false}}"
-                  lang="en"
-                  openType=""
-                  sendMessageImg=""
-                  sendMessagePath=""
-                  sendMessageTitle=""
-                  sessionFrom=""
-                  showMessageCard="{{false}}"
-                  style=""
-                  bind:chooseavatar="chooseavatar"
-                  bind:contact="contact"
-                  bind:error="error"
-                  bind:getphonenumber="getphonenumber"
-                  bind:getuserinfo="getuserinfo"
-                  bind:launchapp="launchapp"
-                  bind:opensetting="opensetting"
-                  catch:tap="handleTap"
-                >
-                  <wx-view
-                    class="t-button__content"
-                  >
-                    
-                    确定
-                  </wx-view>
-                </wx-button>
-              </t-button>
             </wx-view>
           </wx-view>
         </wx-scroll-view>
@@ -823,22 +759,20 @@ exports[`calendar :base 1`] = `
           </wx-button>
         </wx-view>
       </wx-view>
-      <t-overlay
-        class="test"
-        id="popup-overlay"
-        bind:tap="handleOverlayClick"
-      >
-        <wx-view
-          ariaLabel="关闭"
-          ariaRole="button"
-          class="t-overlay t-fade-enter t-fade-enter-active class"
-          style="z-index:11000;"
-          bind:tap="handleClick"
-          catch:touchmove="noop"
-          bind:transitionend="onTransitionEnd"
-        />
-      </t-overlay>
-    </t-popup>
-  </t-calendar>
+      <wx-view
+        class="t-popup__close"
+        bind:tap="handleClose"
+      />
+    </wx-view>
+  </wx-view>
+  <wx-view
+    ariaLabel="关闭"
+    ariaRole="button"
+    class="t-overlay t-fade-enter t-fade-enter-active class"
+    style="z-index:11000;"
+    bind:tap="handleClick"
+    catch:touchmove="noop"
+    bind:transitionend="onTransitionEnd"
+  />
 </main>
 `;
diff --git a/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap
index 049933a34..9bfb5aec0 100644
--- a/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,66 +2,56 @@
 
 exports[`cell :base 1`] = `
 <main>
-  <main
-    id="cell"
+  <wx-view
+    ariaLabel=""
+    ariaRole=""
+    class="class t-class t-cell  t-cell--middle"
+    hoverClass=""
+    hoverStayTime="70"
+    style=""
+    bind:tap="onClick"
   >
     <wx-view
-      ariaLabel=""
-      ariaRole=""
-      class="class t-class t-cell  t-cell--middle"
-      hoverClass=""
-      hoverStayTime="70"
-      style=""
-      bind:tap="onClick"
+      class="t-cell__left t-class-left"
+    />
+    <wx-view
+      class="t-cell__title"
     >
       <wx-view
-        class="t-cell__left t-class-left"
+        class="t-cell__title-text  t-class-title"
       />
       <wx-view
-        class="t-cell__title"
-      >
-        <wx-view
-          class="t-cell__title-text  t-class-title"
-        />
-        <wx-view
-          class="t-cell__description t-class-description"
-        />
-      </wx-view>
-      <wx-view
-        class="t-cell__note t-class-note"
+        class="t-cell__description t-class-description"
       />
+    </wx-view>
+    <wx-view
+      class="t-cell__note t-class-note"
+    />
+    <wx-view
+      class="t-cell__right t-class-right"
+    >
       <wx-view
-        class="t-cell__right t-class-right"
+        ariaHidden="{{false}}"
+        ariaLabel=""
+        ariaRole=""
+        class="t-icon class t-class"
+        style=""
+        bind:tap="onTap"
       >
-        <t-icon
-          tClass="t-cell__right-icon t-class-right-icon"
-        >
-          <wx-view
-            ariaHidden="{{false}}"
-            ariaLabel=""
-            ariaRole=""
-            class="t-icon class t-class"
-            style=""
-            bind:tap="onTap"
-          >
-            <wx-label
-              class="t-icon- t-icon-base"
-            />
-          </wx-view>
-        </t-icon>
+        <wx-label
+          class="t-icon- t-icon-base"
+        />
       </wx-view>
     </wx-view>
-  </main>
+  </wx-view>
 </main>
 `;
 
 exports[`cell :with group 1`] = `
 <main>
-  <main>
-    <wx-view
-      class="t-cell-group t-cell-group--false t-cell-group--default class t-class"
-      style=""
-    />
-  </main>
+  <wx-view
+    class="t-cell-group t-cell-group--false t-cell-group--default class t-class"
+    style=""
+  />
 </main>
 `;
diff --git a/src/collapse/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/collapse/__test__/__virtualHostSnapshot__/index.test.js.snap
index 3c2af13a0..bbad0465c 100644
--- a/src/collapse/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/collapse/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,183 +1,151 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`collapse :defaultExpandAll 1`] = `
-<t-collapse
-  id="expandAll"
+<wx-view
+  class="class t-class t-collapse t-collapse--default"
+  style=""
 >
   <wx-view
-    class="class t-class t-collapse t-collapse--default"
+    class="class t-collapse-panel t-collapse-panel--bottom t-class"
     style=""
   >
-    <t-collapse-panel>
+    <wx-view
+      ariaDisabled="{{false}}"
+      ariaExpanded="{{false}}"
+      ariaRole="button"
+      class="t-collapse-panel__title"
+      bind:tap="onClick"
+    >
       <wx-view
-        class="class t-collapse-panel t-collapse-panel--bottom t-class"
+        ariaLabel=""
+        ariaRole=""
+        class="class t-class t-cell  t-cell--middle"
+        hoverClass=""
+        hoverStayTime="70"
         style=""
+        bind:tap="onClick"
       >
         <wx-view
-          ariaDisabled="{{false}}"
-          ariaExpanded="{{false}}"
-          ariaRole="button"
-          class="t-collapse-panel__title"
-          bind:tap="onClick"
+          class="t-cell__left t-class-left"
+        />
+        <wx-view
+          class="t-cell__title"
         >
-          <t-cell
-            tClass="t-collapse-panel__header t-collapse-panel__header--bottom t-class-header"
-            tClassHover="class-header-hover"
-            tClassNote="class-note "
-            tClassRightIcon="class-right-icon t-collapse-panel__arrow--bottom "
-            tClassTitle="class-title "
+          <wx-view
+            class="t-cell__title-text  t-class-title"
           >
-            <wx-view
-              ariaLabel=""
-              ariaRole=""
-              class="class t-class t-cell  t-cell--middle"
-              hoverClass=""
-              hoverStayTime="70"
-              style=""
-              bind:tap="onClick"
-            >
-              <wx-view
-                class="t-cell__left t-class-left"
-              />
-              <wx-view
-                class="t-cell__title"
-              >
-                <wx-view
-                  class="t-cell__title-text  t-class-title"
-                >
-                   first 
-                </wx-view>
-                <wx-view
-                  class="t-cell__description t-class-description"
-                />
-              </wx-view>
-              <wx-view
-                class="t-cell__note t-class-note"
-              />
-              <wx-view
-                class="t-cell__right t-class-right"
-              >
-                <t-icon
-                  tClass="t-cell__right-icon t-class-right-icon"
-                >
-                  <wx-view
-                    ariaHidden="{{false}}"
-                    ariaLabel=""
-                    ariaRole=""
-                    class="t-icon class t-class"
-                    style=""
-                    bind:tap="onTap"
-                  >
-                    <wx-label
-                      class="t-icon-chevron-down t-icon-base"
-                    />
-                  </wx-view>
-                </t-icon>
-              </wx-view>
-            </wx-view>
-          </t-cell>
+             first 
+          </wx-view>
+          <wx-view
+            class="t-cell__description t-class-description"
+          />
         </wx-view>
         <wx-view
-          animation=""
-          ariaHidden="{{true}}"
-          class="t-collapse-panel__wrapper"
+          class="t-cell__note t-class-note"
+        />
+        <wx-view
+          class="t-cell__right t-class-right"
         >
           <wx-view
-            class="t-collapse-panel__content t-class-content"
+            ariaHidden="{{false}}"
+            ariaLabel=""
+            ariaRole=""
+            class="t-icon class t-class"
+            style=""
+            bind:tap="onTap"
           >
-            
-      
-      
-            内容1
+            <wx-label
+              class="t-icon-chevron-down t-icon-base"
+            />
           </wx-view>
         </wx-view>
       </wx-view>
-    </t-collapse-panel>
-    <t-collapse-panel>
+    </wx-view>
+    <wx-view
+      animation=""
+      ariaHidden="{{true}}"
+      class="t-collapse-panel__wrapper"
+    >
+      <wx-view
+        class="t-collapse-panel__content t-class-content"
+      >
+        
+      
+      
+        内容1
+      </wx-view>
+    </wx-view>
+  </wx-view>
+  <wx-view
+    class="class t-collapse-panel t-collapse-panel--bottom t-class"
+    style=""
+  >
+    <wx-view
+      ariaDisabled="{{false}}"
+      ariaExpanded="{{true}}"
+      ariaRole="button"
+      class="t-collapse-panel__title"
+      bind:tap="onClick"
+    >
       <wx-view
-        class="class t-collapse-panel t-collapse-panel--bottom t-class"
+        ariaLabel=""
+        ariaRole=""
+        class="class t-class t-cell  t-cell--middle"
+        hoverClass=""
+        hoverStayTime="70"
         style=""
+        bind:tap="onClick"
       >
         <wx-view
-          ariaDisabled="{{false}}"
-          ariaExpanded="{{true}}"
-          ariaRole="button"
-          class="t-collapse-panel__title"
-          bind:tap="onClick"
+          class="t-cell__left t-class-left"
+        />
+        <wx-view
+          class="t-cell__title"
         >
-          <t-cell
-            tClass="t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded t-class-header"
-            tClassHover="class-header-hover"
-            tClassNote="class-note "
-            tClassRightIcon="class-right-icon t-collapse-panel__arrow--bottom "
-            tClassTitle="class-title "
+          <wx-view
+            class="t-cell__title-text  t-class-title"
           >
-            <wx-view
-              ariaLabel=""
-              ariaRole=""
-              class="class t-class t-cell  t-cell--middle"
-              hoverClass=""
-              hoverStayTime="70"
-              style=""
-              bind:tap="onClick"
-            >
-              <wx-view
-                class="t-cell__left t-class-left"
-              />
-              <wx-view
-                class="t-cell__title"
-              >
-                <wx-view
-                  class="t-cell__title-text  t-class-title"
-                >
-                   second 
-                </wx-view>
-                <wx-view
-                  class="t-cell__description t-class-description"
-                />
-              </wx-view>
-              <wx-view
-                class="t-cell__note t-class-note"
-              />
-              <wx-view
-                class="t-cell__right t-class-right"
-              >
-                <t-icon
-                  tClass="t-cell__right-icon t-class-right-icon"
-                >
-                  <wx-view
-                    ariaHidden="{{false}}"
-                    ariaLabel=""
-                    ariaRole=""
-                    class="t-icon class t-class"
-                    style=""
-                    bind:tap="onTap"
-                  >
-                    <wx-label
-                      class="t-icon-chevron-up t-icon-base"
-                    />
-                  </wx-view>
-                </t-icon>
-              </wx-view>
-            </wx-view>
-          </t-cell>
+             second 
+          </wx-view>
+          <wx-view
+            class="t-cell__description t-class-description"
+          />
         </wx-view>
         <wx-view
-          animation=""
-          ariaHidden=""
-          class="t-collapse-panel__wrapper"
+          class="t-cell__note t-class-note"
+        />
+        <wx-view
+          class="t-cell__right t-class-right"
         >
           <wx-view
-            class="t-collapse-panel__content t-class-content"
+            ariaHidden="{{false}}"
+            ariaLabel=""
+            ariaRole=""
+            class="t-icon class t-class"
+            style=""
+            bind:tap="onTap"
           >
-            
-      
-      
-            内容2
+            <wx-label
+              class="t-icon-chevron-up t-icon-base"
+            />
           </wx-view>
         </wx-view>
       </wx-view>
-    </t-collapse-panel>
+    </wx-view>
+    <wx-view
+      animation=""
+      ariaHidden=""
+      class="t-collapse-panel__wrapper"
+    >
+      <wx-view
+        class="t-collapse-panel__content t-class-content"
+      >
+        
+      
+      
+        内容2
+      </wx-view>
+    </wx-view>
   </wx-view>
-</t-collapse>
+</wx-view>
 `;
diff --git a/src/count-down/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/count-down/__test__/__virtualHostSnapshot__/index.test.js.snap
index 311f3161a..c4b88938b 100644
--- a/src/count-down/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/count-down/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,58 +2,48 @@
 
 exports[`countdown :autoStart 1`] = `
 <main>
-  <t-count-down>
-    <wx-view
-      ariaRole="option"
-      class="t-count-down t-count-down--default t-count-down--medium class t-class "
-      style=""
-    >
-      00 : 00 : 01
-    </wx-view>
-  </t-count-down>
+  <wx-view
+    ariaRole="option"
+    class="t-count-down t-count-down--default t-count-down--medium class t-class "
+    style=""
+  >
+    00 : 00 : 01
+  </wx-view>
 </main>
 `;
 
 exports[`countdown :base 1`] = `
 <main>
-  <t-count-down>
-    <wx-view
-      ariaRole="option"
-      class="t-count-down t-count-down--default t-count-down--medium class t-class "
-      style=""
-    >
-      00 : 00 : 01
-    </wx-view>
-  </t-count-down>
+  <wx-view
+    ariaRole="option"
+    class="t-count-down t-count-down--default t-count-down--medium class t-class "
+    style=""
+  >
+    00 : 00 : 01
+  </wx-view>
 </main>
 `;
 
 exports[`countdown :base 2`] = `
 <main>
-  <t-count-down>
-    <wx-view
-      ariaRole="option"
-      class="t-count-down t-count-down--default t-count-down--medium class t-class "
-      style=""
-    >
-      00 : 00 : 00
-    </wx-view>
-  </t-count-down>
+  <wx-view
+    ariaRole="option"
+    class="t-count-down t-count-down--default t-count-down--medium class t-class "
+    style=""
+  >
+    00 : 00 : 00
+  </wx-view>
 </main>
 `;
 
 exports[`countdown :millisecond 1`] = `
 <main>
-  <t-count-down
-    id="cd"
+  <wx-view
+    ariaRole="option"
+    class="t-count-down t-count-down--default t-count-down--medium class t-class "
+    style=""
   >
-    <wx-view
-      ariaRole="option"
-      class="t-count-down t-count-down--default t-count-down--medium class t-class "
-      style=""
-    >
-      00 : 00 : 00
-    </wx-view>
-  </t-count-down>
+    00 : 00 : 00
+  </wx-view>
 </main>
 `;
diff --git a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index ed00fef4e..b980c3e87 100644
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,470 +2,442 @@
 
 exports[`date-time-picker :base 1`] = `
 <main>
-  <t-date-time-picker>
-    <t-picker
-      class="class t-class t-date-time-picker"
-      bind:cancel="onCancel"
-      bind:change="onConfirm"
-      bind:close="onClose"
-      bind:pick="onColumnChange"
-      bind:visible-change="onVisibleChange"
+  <wx-view
+    ariaModal="{{true}}"
+    ariaRole="dialog"
+    class="t-popup t-popup--bottom t-fade-enter t-fade-enter-active class t-class"
+    style="z-index:11500;"
+    bind:transitionend="onTransitionEnd"
+  >
+    <wx-view
+      class="t-popup__content t-class-content"
     >
-      <t-popup
-        class="class"
-        bind:visible-change="onPopupChange"
+      <wx-view
+        class="t-picker t-class"
+        slot="content"
+        style=""
       >
         <wx-view
-          ariaModal="{{true}}"
-          ariaRole="dialog"
-          class="t-popup t-popup--bottom t-fade-enter t-fade-enter-active class t-class"
-          style="z-index:11500;"
-          bind:transitionend="onTransitionEnd"
+          class="t-picker__toolbar"
         >
           <wx-view
-            class="t-popup__content t-class-content"
+            class="t-picker__cancel t-class-cancel"
+            bind:tap="onCancel"
+          >
+            取消
+          </wx-view>
+          <wx-view
+            class="t-picker__title t-class-title"
+          >
+            选择日期
+          </wx-view>
+          <wx-view
+            class="t-picker__confirm t-class-confirm"
+            bind:tap="onConfirm"
+          >
+            确定
+          </wx-view>
+        </wx-view>
+        <wx-view
+          class="t-picker__main"
+        >
+          <wx-view
+            class="t-picker-item__group class t-class"
+            style=""
+            bind:touchcancel="onTouchEnd"
+            bind:touchend="onTouchEnd"
+            catch:touchmove="onTouchMove"
+            bind:touchstart="onTouchStart"
           >
             <wx-view
-              class="t-picker t-class"
-              slot="content"
-              style=""
+              class="t-picker-item__wrapper"
+              style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -924px, 0)"
             >
               <wx-view
-                class="t-picker__toolbar"
-              >
-                <wx-view
-                  class="t-picker__cancel t-class-cancel"
-                  bind:tap="onCancel"
-                >
-                  取消
-                </wx-view>
-                <wx-view
-                  class="t-picker__title t-class-title"
-                >
-                  选择日期
-                </wx-view>
-                <wx-view
-                  class="t-picker__confirm t-class-confirm"
-                  bind:tap="onConfirm"
-                >
-                  确定
-                </wx-view>
-              </wx-view>
-              <wx-view
-                class="t-picker__main"
-              >
-                <t-picker-item
-                  class="t-date-time-picker__item"
-                  index="index"
-                >
-                  <wx-view
-                    class="t-picker-item__group class t-class"
-                    style=""
-                    bind:touchcancel="onTouchEnd"
-                    bind:touchend="onTouchEnd"
-                    catch:touchmove="onTouchMove"
-                    bind:touchstart="onTouchStart"
-                  >
-                    <wx-view
-                      class="t-picker-item__wrapper"
-                      style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -924px, 0)"
-                    >
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{0}}"
-                      >
-                        
+                class="t-picker-item__item"
+                data-index="{{0}}"
+              >
+                
       2000年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{1}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{1}}"
+              >
+                
       2001年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{2}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{2}}"
+              >
+                
       2002年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{3}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{3}}"
+              >
+                
       2003年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{4}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{4}}"
+              >
+                
       2004年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{5}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{5}}"
+              >
+                
       2005年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{6}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{6}}"
+              >
+                
       2006年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{7}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{7}}"
+              >
+                
       2007年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{8}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{8}}"
+              >
+                
       2008年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{9}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{9}}"
+              >
+                
       2009年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{10}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{10}}"
+              >
+                
       2010年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{11}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{11}}"
+              >
+                
       2011年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{12}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{12}}"
+              >
+                
       2012年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{13}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{13}}"
+              >
+                
       2013年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{14}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{14}}"
+              >
+                
       2014年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{15}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{15}}"
+              >
+                
       2015年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{16}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{16}}"
+              >
+                
       2016年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{17}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{17}}"
+              >
+                
       2017年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{18}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{18}}"
+              >
+                
       2018年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{19}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{19}}"
+              >
+                
       2019年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{20}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{20}}"
+              >
+                
       2020年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item t-picker-item__item--active"
-                        data-index="{{21}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item t-picker-item__item--active"
+                data-index="{{21}}"
+              >
+                
       2021年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{22}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{22}}"
+              >
+                
       2022年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{23}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{23}}"
+              >
+                
       2023年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{24}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{24}}"
+              >
+                
       2024年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{25}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{25}}"
+              >
+                
       2025年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{26}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{26}}"
+              >
+                
       2026年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{27}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{27}}"
+              >
+                
       2027年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{28}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{28}}"
+              >
+                
       2028年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{29}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{29}}"
+              >
+                
       2029年
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{30}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{30}}"
+              >
+                
       2030年
     
-                      </wx-view>
-                    </wx-view>
-                  </wx-view>
-                </t-picker-item>
-                <t-picker-item
-                  class="t-date-time-picker__item"
-                  index="index"
-                >
-                  <wx-view
-                    class="t-picker-item__group class t-class"
-                    style=""
-                    bind:touchcancel="onTouchEnd"
-                    bind:touchend="onTouchEnd"
-                    catch:touchmove="onTouchMove"
-                    bind:touchstart="onTouchStart"
-                  >
-                    <wx-view
-                      class="t-picker-item__wrapper"
-                      style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -352px, 0)"
-                    >
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{0}}"
-                      >
-                        
+              </wx-view>
+            </wx-view>
+          </wx-view>
+          <wx-view
+            class="t-picker-item__group class t-class"
+            style=""
+            bind:touchcancel="onTouchEnd"
+            bind:touchend="onTouchEnd"
+            catch:touchmove="onTouchMove"
+            bind:touchstart="onTouchStart"
+          >
+            <wx-view
+              class="t-picker-item__wrapper"
+              style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -352px, 0)"
+            >
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{0}}"
+              >
+                
       1月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{1}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{1}}"
+              >
+                
       2月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{2}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{2}}"
+              >
+                
       3月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{3}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{3}}"
+              >
+                
       4月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{4}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{4}}"
+              >
+                
       5月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{5}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{5}}"
+              >
+                
       6月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{6}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{6}}"
+              >
+                
       7月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{7}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{7}}"
+              >
+                
       8月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item t-picker-item__item--active"
-                        data-index="{{8}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item t-picker-item__item--active"
+                data-index="{{8}}"
+              >
+                
       9月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{9}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{9}}"
+              >
+                
       10月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{10}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{10}}"
+              >
+                
       11月
     
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{11}}"
-                      >
-                        
+              </wx-view>
+              <wx-view
+                class="t-picker-item__item"
+                data-index="{{11}}"
+              >
+                
       12月
     
-                      </wx-view>
-                    </wx-view>
-                  </wx-view>
-                </t-picker-item>
-                <wx-view
-                  class="t-picker__mask t-picker__mask--top"
-                />
-                <wx-view
-                  class="t-picker__mask t-picker__mask--bottom"
-                />
-                <wx-view
-                  class="t-picker__indicator"
-                />
               </wx-view>
             </wx-view>
           </wx-view>
-        </wx-view>
-        <t-overlay
-          class="test"
-          id="popup-overlay"
-          bind:tap="handleOverlayClick"
-        >
           <wx-view
-            ariaLabel="关闭"
-            ariaRole="button"
-            class="t-overlay t-fade-enter t-fade-enter-active class"
-            style="z-index:11000;"
-            bind:tap="handleClick"
-            catch:touchmove="noop"
-            bind:transitionend="onTransitionEnd"
+            class="t-picker__mask t-picker__mask--top"
           />
-        </t-overlay>
-      </t-popup>
-    </t-picker>
-  </t-date-time-picker>
+          <wx-view
+            class="t-picker__mask t-picker__mask--bottom"
+          />
+          <wx-view
+            class="t-picker__indicator"
+          />
+        </wx-view>
+      </wx-view>
+      <wx-view
+        class="t-popup__close"
+        bind:tap="handleClose"
+      />
+    </wx-view>
+  </wx-view>
+  <wx-view
+    ariaLabel="关闭"
+    ariaRole="button"
+    class="t-overlay t-fade-enter t-fade-enter-active class"
+    style="z-index:11000;"
+    bind:tap="handleClick"
+    catch:touchmove="noop"
+    bind:transitionend="onTransitionEnd"
+  />
 </main>
 `;
diff --git a/src/dialog/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/dialog/__test__/__virtualHostSnapshot__/index.test.js.snap
index 45a54cb24..0ffdddadb 100644
--- a/src/dialog/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/dialog/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,57 +2,41 @@
 
 exports[`dialog :base 1`] = `
 <main>
-  <t-dialog
-    id="dialog"
+  <wx-view
+    ariaModal="{{true}}"
+    ariaRole="dialog"
+    class="t-popup t-popup--center t-dialog-enter t-dialog-enter-active class t-class"
+    style="z-index:11500;"
+    bind:transitionend="onTransitionEnd"
   >
-    <t-popup
-      class="class"
-      tClass="t-dialog__wrapper"
-      bind:visible-change="overlayClick"
+    <wx-view
+      class="t-popup__content t-class-content"
     >
       <wx-view
-        ariaModal="{{true}}"
-        ariaRole="dialog"
-        class="t-popup t-popup--center t-dialog-enter t-dialog-enter-active class t-class"
-        style="z-index:11500;"
-        bind:transitionend="onTransitionEnd"
+        class="t-dialog t-class"
+        slot="content"
       >
         <wx-view
-          class="t-popup__content t-class-content"
-        >
-          <wx-view
-            class="t-dialog t-class"
-            slot="content"
-          >
-            <wx-view
-              class="t-dialog__content t-class-content"
-            />
-            <wx-view
-              class="t-dialog__footer t-dialog__footer--full"
-            />
-          </wx-view>
-          <wx-view
-            class="t-popup__close"
-            bind:tap="handleClose"
-          />
-        </wx-view>
-      </wx-view>
-      <t-overlay
-        class="test"
-        id="popup-overlay"
-        bind:tap="handleOverlayClick"
-      >
+          class="t-dialog__content t-class-content"
+        />
         <wx-view
-          ariaLabel="关闭"
-          ariaRole="button"
-          class="t-overlay t-fade-enter t-fade-enter-active class"
-          style="z-index:11000;"
-          bind:tap="handleClick"
-          catch:touchmove="noop"
-          bind:transitionend="onTransitionEnd"
+          class="t-dialog__footer t-dialog__footer--full"
         />
-      </t-overlay>
-    </t-popup>
-  </t-dialog>
+      </wx-view>
+      <wx-view
+        class="t-popup__close"
+        bind:tap="handleClose"
+      />
+    </wx-view>
+  </wx-view>
+  <wx-view
+    ariaLabel="关闭"
+    ariaRole="button"
+    class="t-overlay t-fade-enter t-fade-enter-active class"
+    style="z-index:11000;"
+    bind:tap="handleClick"
+    catch:touchmove="noop"
+    bind:transitionend="onTransitionEnd"
+  />
 </main>
 `;
diff --git a/src/divider/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/divider/__test__/__virtualHostSnapshot__/index.test.js.snap
index 473ce46af..4fd1b24d2 100644
--- a/src/divider/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/divider/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,21 +2,17 @@
 
 exports[`Divider :base 1`] = `
 <main>
-  <t-divider
-    class="divider"
+  <wx-view
+    class="class t-class "
   >
     <wx-view
-      class="class t-class "
+      class="t-divider t-divider--horizontal t-divider--center  "
+      style=""
     >
       <wx-view
-        class="t-divider t-divider--horizontal t-divider--center  "
-        style=""
-      >
-        <wx-view
-          class="t-class-content t-divider__content"
-        />
-      </wx-view>
+        class="t-class-content t-divider__content"
+      />
     </wx-view>
-  </t-divider>
+  </wx-view>
 </main>
 `;
diff --git a/src/footer/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/footer/__test__/__virtualHostSnapshot__/index.test.js.snap
index a75d29e0d..663b4673d 100644
--- a/src/footer/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/footer/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,17 +2,15 @@
 
 exports[`Footer :base 1`] = `
 <main>
-  <main>
+  <wx-view
+    class="t-footer class t-class"
+    style=""
+  >
     <wx-view
-      class="t-footer class t-class"
-      style=""
+      class="t-footer__text"
     >
-      <wx-view
-        class="t-footer__text"
-      >
-        
-      </wx-view>
+      
     </wx-view>
-  </main>
+  </wx-view>
 </main>
 `;
diff --git a/src/image-viewer/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/image-viewer/__test__/__virtualHostSnapshot__/index.test.js.snap
index 7b844a6a8..c361b1971 100644
--- a/src/image-viewer/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/image-viewer/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,11 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`image-viewer :base 1`] = `
-<t-image
-  class="t-image-viewer__image"
-  data-index="{{0}}"
-  tClass="t-image--external"
-  bind:load="onImageLoadSuccess"
+<wx-view
+  ariaHidden="{{false}}"
+  class="class t-class t-image t-image__mask t-image--loading t-image--shape-square"
+  style=""
 >
   <wx-view
     class="class t-class t-loading t-loading--horizontal"
@@ -18,60 +17,32 @@ exports[`image-viewer :base 1`] = `
       style="width: 44rpx; height: 44rpx; color: inherit;  animation-duration: 0.8s; animation-play-state: running;"
     >
       <wx-view
-        class="class t-class t-loading t-loading--horizontal"
-        style="width: 44rpx; height: 44rpx;  color: inherit"
-      >
-        <wx-view
-          ariaLabel="加载中"
-          ariaRole="img"
-          class="t-class-indicator t-loading__spinner t-loading__spinner--dots "
-          style="width: 44rpx; height: 44rpx; color: inherit ; animation-duration: 0.8s; animation-play-state: running;"
-        >
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0s; animation-play-state: running;"
-          />
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0.26666666666666666s; animation-play-state: running;"
-          />
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0.5333333333333333s; animation-play-state: running;"
-          />
-        </wx-view>
-        <wx-view
-          ariaHidden="{{true}}"
-          ariaLabel=""
-          class="t-loading__text t-loading__text--horizontal t-class-text"
-        />
-      </wx-view>
-    </t-loading>
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0s; animation-play-state: running;"
+      />
+      <wx-view
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0.26666666666666666s; animation-play-state: running;"
+      />
+      <wx-view
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0.5333333333333333s; animation-play-state: running;"
+      />
+    </wx-view>
+    <wx-view
+      ariaHidden="{{true}}"
+      ariaLabel=""
+      class="t-loading__text t-loading__text--horizontal t-class-text"
+    />
   </wx-view>
-  <wx-image
-    ariaHidden="{{true}}"
-    ariaLabel=""
-    class="class t-class t-image t-image--shape-square"
-    hidden="{{true}}"
-    id="image"
-    lazyLoad="{{true}}"
-    mode="aspectFit"
-    showMenuByLongpress="{{false}}"
-    src="a.png"
-    style=""
-    webp="{{false}}"
-    bind:error="onLoadError"
-    bind:load="onLoaded"
-  />
-</t-image>
+</wx-view>
 `;
 
 exports[`image-viewer :base 2`] = `
-<t-image
-  class="t-image-viewer__image"
-  data-index="{{0}}"
-  tClass="t-image--external"
-  bind:load="onImageLoadSuccess"
+<wx-view
+  ariaHidden="{{false}}"
+  class="class t-class t-image t-image__mask t-image--loading t-image--shape-square"
+  style=""
 >
   <wx-view
     class="class t-class t-loading t-loading--horizontal"
@@ -84,60 +55,32 @@ exports[`image-viewer :base 2`] = `
       style="width: 44rpx; height: 44rpx; color: inherit;  animation-duration: 0.8s; animation-play-state: running;"
     >
       <wx-view
-        class="class t-class t-loading t-loading--horizontal"
-        style="width: 44rpx; height: 44rpx;  color: inherit"
-      >
-        <wx-view
-          ariaLabel="加载中"
-          ariaRole="img"
-          class="t-class-indicator t-loading__spinner t-loading__spinner--dots "
-          style="width: 44rpx; height: 44rpx; color: inherit ; animation-duration: 0.8s; animation-play-state: running;"
-        >
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0s; animation-play-state: running;"
-          />
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0.26666666666666666s; animation-play-state: running;"
-          />
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0.5333333333333333s; animation-play-state: running;"
-          />
-        </wx-view>
-        <wx-view
-          ariaHidden="{{true}}"
-          ariaLabel=""
-          class="t-loading__text t-loading__text--horizontal t-class-text"
-        />
-      </wx-view>
-    </t-loading>
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0s; animation-play-state: running;"
+      />
+      <wx-view
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0.26666666666666666s; animation-play-state: running;"
+      />
+      <wx-view
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0.5333333333333333s; animation-play-state: running;"
+      />
+    </wx-view>
+    <wx-view
+      ariaHidden="{{true}}"
+      ariaLabel=""
+      class="t-loading__text t-loading__text--horizontal t-class-text"
+    />
   </wx-view>
-  <wx-image
-    ariaHidden="{{true}}"
-    ariaLabel=""
-    class="class t-class t-image t-image--shape-square"
-    hidden="{{true}}"
-    id="image"
-    lazyLoad="{{true}}"
-    mode="aspectFit"
-    showMenuByLongpress="{{false}}"
-    src="a.png"
-    style=""
-    webp="{{false}}"
-    bind:error="onLoadError"
-    bind:load="onLoaded"
-  />
-</t-image>
+</wx-view>
 `;
 
 exports[`image-viewer :base 3`] = `
-<t-image
-  class="t-image-viewer__image"
-  data-index="{{0}}"
-  tClass="t-image--external"
-  bind:load="onImageLoadSuccess"
+<wx-view
+  ariaHidden="{{false}}"
+  class="class t-class t-image t-image__mask t-image--loading t-image--shape-square"
+  style=""
 >
   <wx-view
     class="class t-class t-loading t-loading--horizontal"
@@ -150,50 +93,23 @@ exports[`image-viewer :base 3`] = `
       style="width: 44rpx; height: 44rpx; color: inherit;  animation-duration: 0.8s; animation-play-state: running;"
     >
       <wx-view
-        class="class t-class t-loading t-loading--horizontal"
-        style="width: 44rpx; height: 44rpx;  color: inherit"
-      >
-        <wx-view
-          ariaLabel="加载中"
-          ariaRole="img"
-          class="t-class-indicator t-loading__spinner t-loading__spinner--dots "
-          style="width: 44rpx; height: 44rpx; color: inherit ; animation-duration: 0.8s; animation-play-state: running;"
-        >
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0s; animation-play-state: running;"
-          />
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0.26666666666666666s; animation-play-state: running;"
-          />
-          <wx-view
-            class="t-loading__dot"
-            style="animation-duration: 0.8s; animation-delay:0.5333333333333333s; animation-play-state: running;"
-          />
-        </wx-view>
-        <wx-view
-          ariaHidden="{{true}}"
-          ariaLabel=""
-          class="t-loading__text t-loading__text--horizontal t-class-text"
-        />
-      </wx-view>
-    </t-loading>
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0s; animation-play-state: running;"
+      />
+      <wx-view
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0.26666666666666666s; animation-play-state: running;"
+      />
+      <wx-view
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay:0.5333333333333333s; animation-play-state: running;"
+      />
+    </wx-view>
+    <wx-view
+      ariaHidden="{{true}}"
+      ariaLabel=""
+      class="t-loading__text t-loading__text--horizontal t-class-text"
+    />
   </wx-view>
-  <wx-image
-    ariaHidden="{{true}}"
-    ariaLabel=""
-    class="class t-class t-image t-image--shape-square"
-    hidden="{{true}}"
-    id="image"
-    lazyLoad="{{true}}"
-    mode="aspectFit"
-    showMenuByLongpress="{{false}}"
-    src="a.png"
-    style=""
-    webp="{{false}}"
-    bind:error="onLoadError"
-    bind:load="onLoaded"
-  />
-</t-image>
+</wx-view>
 `;
diff --git a/src/image/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/image/__test__/__virtualHostSnapshot__/index.test.js.snap
index 445831548..73c7d73ee 100644
--- a/src/image/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/image/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,72 +2,63 @@
 
 exports[`image :base 1`] = `
 <main>
-  <t-image>
+  <wx-view
+    ariaHidden="{{false}}"
+    class="class t-class t-image t-image__mask t-image--failed t-image--shape-square"
+    style=""
+  >
     <wx-view
-      ariaHidden="{{false}}"
-      class="class t-class t-image t-image__mask t-image--failed t-image--shape-square"
-      style=""
+      class="t-class-load"
+      style="font-size: 44rpx"
     >
       <wx-view
-        class="t-class-load"
-        style="font-size: 44rpx"
+        ariaHidden="{{false}}"
+        ariaLabel="加载失败"
+        ariaRole="img"
+        class="t-icon class t-class"
+        style=""
+        bind:tap="onTap"
       >
-        <t-icon>
-          <wx-view
-            ariaHidden="{{false}}"
-            ariaLabel="加载失败"
-            ariaRole="img"
-            class="t-icon class t-class"
-            style=""
-            bind:tap="onTap"
-          >
-            <wx-label
-              class="t-icon-close t-icon-base"
-            />
-          </wx-view>
-        </t-icon>
+        <wx-label
+          class="t-icon-close t-icon-base"
+        />
       </wx-view>
     </wx-view>
-    <wx-image
-      ariaHidden="{{true}}"
-      ariaLabel=""
-      class="class t-class t-image t-image--shape-square"
-      hidden="{{true}}"
-      id="image"
-      lazyLoad="{{false}}"
-      mode="scaleToFill"
-      showMenuByLongpress="{{false}}"
-      src=""
-      style=""
-      webp="{{false}}"
-      bind:error="onLoadError"
-      bind:load="onLoaded"
-    />
-  </t-image>
+  </wx-view>
+  <wx-image
+    ariaHidden="{{true}}"
+    ariaLabel=""
+    class="class t-class t-image t-image--shape-square"
+    hidden="{{true}}"
+    id="image"
+    lazyLoad="{{false}}"
+    mode="scaleToFill"
+    showMenuByLongpress="{{false}}"
+    src=""
+    style=""
+    webp="{{false}}"
+    bind:error="onLoadError"
+    bind:load="onLoaded"
+  />
 </main>
 `;
 
 exports[`image :success 1`] = `
 <main>
-  <t-image
-    id="root"
-    bind:load="handleLoad"
-  >
-    <wx-image
-      ariaHidden="{{false}}"
-      ariaLabel=""
-      class="class t-class t-image t-image--shape-square"
-      hidden="{{false}}"
-      id="image"
-      lazyLoad="{{false}}"
-      mode="heightFix"
-      showMenuByLongpress="{{false}}"
-      src="https://www.tencent.com/img/index/menu_logo.png"
-      style="height: 0px; width: 0.00px;"
-      webp="{{false}}"
-      bind:error="onLoadError"
-      bind:load="onLoaded"
-    />
-  </t-image>
+  <wx-image
+    ariaHidden="{{false}}"
+    ariaLabel=""
+    class="class t-class t-image t-image--shape-square"
+    hidden="{{false}}"
+    id="image"
+    lazyLoad="{{false}}"
+    mode="heightFix"
+    showMenuByLongpress="{{false}}"
+    src="https://www.tencent.com/img/index/menu_logo.png"
+    style="height: 0px; width: 0.00px;"
+    webp="{{false}}"
+    bind:error="onLoadError"
+    bind:load="onLoaded"
+  />
 </main>
 `;
diff --git a/src/input/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/input/__test__/__virtualHostSnapshot__/index.test.js.snap
index 2b1c4656a..595e9792e 100644
--- a/src/input/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/input/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,218 +1,198 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`input props : clearable && label && suffix 1`] = `
-<t-input
-  class="base"
+<wx-view
+  ariaDescribedby="{{true}}"
+  class="t-input t-input--border t-input--layout-horizontal class t-class"
+  style=""
 >
   <wx-view
-    ariaDescribedby="{{true}}"
-    class="t-input t-input--border t-input--layout-horizontal class t-class"
-    style=""
+    class="t-input__wrap--prefix"
   >
     <wx-view
-      class="t-input__wrap--prefix"
+      class="t-input__icon--prefix"
+    />
+    <wx-view
+      ariaHidden="{{true}}"
+      class="t-input__label"
     >
-      <wx-view
-        class="t-input__icon--prefix"
-      />
-      <wx-view
-        ariaHidden="{{true}}"
-        class="t-input__label"
+      <wx-text
+        class="t-class-label"
       >
-        <wx-text
-          class="t-class-label"
-        >
-          tdesign
-        </wx-text>
-      </wx-view>
+        tdesign
+      </wx-text>
     </wx-view>
+  </wx-view>
+  <wx-view
+    class="t-input__wrap"
+  >
     <wx-view
-      class="t-input__wrap"
+      class="t-input__content t-input--default"
     >
+      <wx-input
+        adjustPosition="{{true}}"
+        alwaysEmbed="{{false}}"
+        ariaLabel="tdesign"
+        ariaRole="textbox"
+        ariaRoledescription="tdesign"
+        autoFocus="{{false}}"
+        class="t-input__control t-input--left t-class-input"
+        confirmHold="{{false}}"
+        confirmType="done"
+        cursor="{{0}}"
+        cursorSpacing="{{0}}"
+        disabled="{{false}}"
+        focus="{{false}}"
+        holdKeyboard="{{false}}"
+        maxlength="{{-1}}"
+        password="{{false}}"
+        placeholder=""
+        placeholderClass="t-input__placeholder input-placeholder"
+        placeholderStyle=""
+        safePasswordCertPath=""
+        safePasswordCustomHash=""
+        safePasswordLength="{{0}}"
+        safePasswordNonce=""
+        safePasswordSalt=""
+        safePasswordTimeStamp="{{0}}"
+        selectionEnd="{{-1}}"
+        selectionStart="{{-1}}"
+        type="text"
+        value="input输入框"
+        bind:blur="onBlur"
+        bind:confirm="onConfirm"
+        bind:focus="onFocus"
+        bind:input="onInput"
+        bind:keyboardheightchange="onKeyboardHeightChange"
+        bind:nicknamereview="onNickNameReview"
+      />
       <wx-view
-        class="t-input__content t-input--default"
+        class="t-input__wrap--clearable-icon"
+        bind:touchstart="clearInput"
       >
-        <wx-input
-          adjustPosition="{{true}}"
-          alwaysEmbed="{{false}}"
-          ariaLabel="tdesign"
-          ariaRole="textbox"
-          ariaRoledescription="tdesign"
-          autoFocus="{{false}}"
-          class="t-input__control t-input--left t-class-input"
-          confirmHold="{{false}}"
-          confirmType="done"
-          cursor="{{0}}"
-          cursorSpacing="{{0}}"
-          disabled="{{false}}"
-          focus="{{false}}"
-          holdKeyboard="{{false}}"
-          maxlength="{{-1}}"
-          password="{{false}}"
-          placeholder=""
-          placeholderClass="t-input__placeholder input-placeholder"
-          placeholderStyle=""
-          safePasswordCertPath=""
-          safePasswordCustomHash=""
-          safePasswordLength="{{0}}"
-          safePasswordNonce=""
-          safePasswordSalt=""
-          safePasswordTimeStamp="{{0}}"
-          selectionEnd="{{-1}}"
-          selectionStart="{{-1}}"
-          type="text"
-          value="input输入框"
-          bind:blur="onBlur"
-          bind:confirm="onConfirm"
-          bind:focus="onFocus"
-          bind:input="onInput"
-          bind:keyboardheightchange="onKeyboardHeightChange"
-          bind:nicknamereview="onNickNameReview"
-        />
-        <wx-view
-          class="t-input__wrap--clearable-icon"
-          bind:touchstart="clearInput"
-        >
-          <t-icon
-            class=""
-            tClass="t-class-clearable"
-            bind:click=""
-          >
-            <wx-view
-              ariaHidden="{{false}}"
-              ariaLabel="清除"
-              ariaRole="button"
-              class="t-icon class t-class"
-              style=""
-              bind:tap="onTap"
-            >
-              <wx-label
-                class="t-icon-close-circle-filled t-icon-base"
-              />
-            </wx-view>
-          </t-icon>
-        </wx-view>
         <wx-view
-          class="t-input__wrap--suffix t-class-suffix"
-          bind:tap="onSuffixClick"
+          ariaHidden="{{false}}"
+          ariaLabel="清除"
+          ariaRole="button"
+          class="t-icon class t-class"
+          style=""
+          bind:tap="onTap"
         >
-          <wx-text>
-            后置内容
-          </wx-text>
+          <wx-label
+            class="t-icon-close-circle-filled t-icon-base"
+          />
         </wx-view>
+      </wx-view>
+      <wx-view
+        class="t-input__wrap--suffix t-class-suffix"
+        bind:tap="onSuffixClick"
+      >
+        <wx-text>
+          后置内容
+        </wx-text>
+      </wx-view>
+      <wx-view
+        class="t-input__wrap--suffix-icon"
+        bind:tap="onSuffixIconClick"
+      >
         <wx-view
-          class="t-input__wrap--suffix-icon"
-          bind:tap="onSuffixIconClick"
+          ariaHidden="{{false}}"
+          ariaLabel=""
+          ariaRole="button"
+          class="t-icon class t-class"
+          style=""
+          bind:tap="onTap"
         >
-          <t-icon
-            class=""
-            tClass="t-class-suffix-icon"
-            bind:click=""
-          >
-            <wx-view
-              ariaHidden="{{false}}"
-              ariaLabel=""
-              ariaRole="button"
-              class="t-icon class t-class"
-              style=""
-              bind:tap="onTap"
-            >
-              <wx-label
-                class="t-icon-app t-icon-base"
-              />
-            </wx-view>
-          </t-icon>
+          <wx-label
+            class="t-icon-app t-icon-base"
+          />
         </wx-view>
       </wx-view>
     </wx-view>
   </wx-view>
-</t-input>
+</wx-view>
 `;
 
 exports[`input slots : label 1`] = `
-<t-input
-  class="base"
+<wx-view
+  ariaDescribedby="{{true}}"
+  class="t-input t-input--border t-input--layout-horizontal class t-class"
+  style=""
 >
   <wx-view
-    ariaDescribedby="{{true}}"
-    class="t-input t-input--border t-input--layout-horizontal class t-class"
-    style=""
+    class="t-input__wrap--prefix"
   >
     <wx-view
-      class="t-input__wrap--prefix"
+      class="t-input__icon--prefix"
+    />
+    <wx-view
+      ariaHidden="{{true}}"
+      class="t-input__label"
     >
-      <wx-view
-        class="t-input__icon--prefix"
-      />
-      <wx-view
-        ariaHidden="{{true}}"
-        class="t-input__label"
+      <wx-text
+        slot="label"
       >
+        标签文字
         <wx-text
-          slot="label"
+          style="color: #e34d59"
         >
-          标签文字
-          <wx-text
-            style="color: #e34d59"
-          >
-            *
-          </wx-text>
+          *
         </wx-text>
-      </wx-view>
+      </wx-text>
     </wx-view>
+  </wx-view>
+  <wx-view
+    class="t-input__wrap"
+  >
     <wx-view
-      class="t-input__wrap"
+      class="t-input__content t-input--default"
     >
+      <wx-input
+        adjustPosition="{{true}}"
+        alwaysEmbed="{{false}}"
+        ariaLabel=""
+        ariaRole="textbox"
+        ariaRoledescription=""
+        autoFocus="{{false}}"
+        class="t-input__control t-input--left t-class-input"
+        confirmHold="{{false}}"
+        confirmType="done"
+        cursor="{{0}}"
+        cursorSpacing="{{0}}"
+        disabled="{{false}}"
+        focus="{{false}}"
+        holdKeyboard="{{false}}"
+        maxlength="{{-1}}"
+        password="{{false}}"
+        placeholder=""
+        placeholderClass="t-input__placeholder input-placeholder"
+        placeholderStyle=""
+        safePasswordCertPath=""
+        safePasswordCustomHash=""
+        safePasswordLength="{{0}}"
+        safePasswordNonce=""
+        safePasswordSalt=""
+        safePasswordTimeStamp="{{0}}"
+        selectionEnd="{{-1}}"
+        selectionStart="{{-1}}"
+        type="text"
+        value=""
+        bind:blur="onBlur"
+        bind:confirm="onConfirm"
+        bind:focus="onFocus"
+        bind:input="onInput"
+        bind:keyboardheightchange="onKeyboardHeightChange"
+        bind:nicknamereview="onNickNameReview"
+      />
       <wx-view
-        class="t-input__content t-input--default"
-      >
-        <wx-input
-          adjustPosition="{{true}}"
-          alwaysEmbed="{{false}}"
-          ariaLabel=""
-          ariaRole="textbox"
-          ariaRoledescription=""
-          autoFocus="{{false}}"
-          class="t-input__control t-input--left t-class-input"
-          confirmHold="{{false}}"
-          confirmType="done"
-          cursor="{{0}}"
-          cursorSpacing="{{0}}"
-          disabled="{{false}}"
-          focus="{{false}}"
-          holdKeyboard="{{false}}"
-          maxlength="{{-1}}"
-          password="{{false}}"
-          placeholder=""
-          placeholderClass="t-input__placeholder input-placeholder"
-          placeholderStyle=""
-          safePasswordCertPath=""
-          safePasswordCustomHash=""
-          safePasswordLength="{{0}}"
-          safePasswordNonce=""
-          safePasswordSalt=""
-          safePasswordTimeStamp="{{0}}"
-          selectionEnd="{{-1}}"
-          selectionStart="{{-1}}"
-          type="text"
-          value=""
-          bind:blur="onBlur"
-          bind:confirm="onConfirm"
-          bind:focus="onFocus"
-          bind:input="onInput"
-          bind:keyboardheightchange="onKeyboardHeightChange"
-          bind:nicknamereview="onNickNameReview"
-        />
-        <wx-view
-          class="t-input__wrap--suffix t-class-suffix"
-          bind:tap="onSuffixClick"
-        />
-        <wx-view
-          class="t-input__wrap--suffix-icon"
-          bind:tap="onSuffixIconClick"
-        />
-      </wx-view>
+        class="t-input__wrap--suffix t-class-suffix"
+        bind:tap="onSuffixClick"
+      />
+      <wx-view
+        class="t-input__wrap--suffix-icon"
+        bind:tap="onSuffixIconClick"
+      />
     </wx-view>
   </wx-view>
-</t-input>
+</wx-view>
 `;
diff --git a/src/message/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/message/__test__/__virtualHostSnapshot__/index.test.js.snap
index 67aa8f6c8..8d7f31dc6 100644
--- a/src/message/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/message/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,98 +2,82 @@
 
 exports[`message props : style && customStyle 1`] = `
 <main>
-  <t-message
+  <wx-view
+    animation="{{
+      Object {
+        "actions": Array [
+          Object {
+            "animates": Array [
+              Object {
+                "args": Array [
+                  66,
+                ],
+                "type": "translateY",
+              },
+            ],
+            "option": Object {
+              "transformOrigin": "50% 50% 0",
+              "transition": Object {
+                "delay": 0,
+                "duration": 500,
+                "timingFunction": "ease",
+              },
+            },
+          },
+        ],
+      }
+    }}"
+    ariaRole="alert"
+    class="t-message class t-class t-message--warning"
     id="t-message"
+    style="z-index:15000;top:-92rpx;right:32rpx;left:32rpx; color: red; font-size: 9px;"
   >
     <wx-view
-      animation="{{
-        Object {
-          "actions": Array [
-            Object {
-              "animates": Array [
-                Object {
-                  "args": Array [
-                    66,
-                  ],
-                  "type": "translateY",
-                },
-              ],
-              "option": Object {
-                "transformOrigin": "50% 50% 0",
-                "transition": Object {
-                  "delay": 0,
-                  "duration": 500,
-                  "timingFunction": "ease",
-                },
-              },
-            },
-          ],
-        }
-      }}"
-      ariaRole="alert"
-      class="t-message class t-class t-message--warning"
-      id="t-message"
-      style="z-index:15000;top:-92rpx;right:32rpx;left:32rpx; color: red; font-size: 9px;"
+      class="t-message__icon--left"
     >
       <wx-view
-        class="t-message__icon--left"
+        ariaHidden="{{true}}"
+        ariaLabel=""
+        ariaRole=""
+        class="t-icon class t-class"
+        style=""
+        bind:tap="onTap"
       >
-        <t-icon
-          class=""
-          tClass="t-class-icon"
-          bind:click=""
-        >
-          <wx-view
-            ariaHidden="{{true}}"
-            ariaLabel=""
-            ariaRole=""
-            class="t-icon class t-class"
-            style=""
-            bind:tap="onTap"
-          >
-            <wx-label
-              class="t-icon-info-circle-filled t-icon-base"
-            />
-          </wx-view>
-        </t-icon>
+        <wx-label
+          class="t-icon-info-circle-filled t-icon-base"
+        />
       </wx-view>
+    </wx-view>
+    <wx-view
+      class="t-message__text-wrap "
+      id="t-message__text-wrap"
+      style="text-align: left"
+    >
       <wx-view
-        class="t-message__text-wrap "
-        id="t-message__text-wrap"
-        style="text-align: left"
+        animation="{{Array []}}"
+        class="t-message__text t-class-content"
+        id="t-message__text"
       >
-        <wx-view
-          animation="{{Array []}}"
-          class="t-message__text t-class-content"
-          id="t-message__text"
-        >
-          这是一条带关闭的消息通知
-        </wx-view>
+        这是一条带关闭的消息通知
       </wx-view>
+    </wx-view>
+    <wx-view
+      class="t-message__icon--right"
+      bind:tap="handleClose"
+    >
       <wx-view
-        class="t-message__icon--right"
-        bind:tap="handleClose"
+        ariaHidden="{{false}}"
+        ariaLabel="关闭"
+        ariaRole="button"
+        class="t-icon class t-class"
+        style=""
+        bind:tap="onTap"
       >
-        <t-icon
-          class=""
-          tClass="t-class-close-btn"
-          bind:click=""
-        >
-          <wx-view
-            ariaHidden="{{false}}"
-            ariaLabel="关闭"
-            ariaRole="button"
-            class="t-icon class t-class"
-            style=""
-            bind:tap="onTap"
-          >
-            <wx-label
-              class="t-icon-close t-icon-base"
-            />
-          </wx-view>
-        </t-icon>
+        <wx-label
+          class="t-icon-close t-icon-base"
+        />
       </wx-view>
     </wx-view>
-  </t-message>
+  </wx-view>
 </main>
 `;
diff --git a/src/navbar/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/navbar/__test__/__virtualHostSnapshot__/index.test.js.snap
index 18d9bf08e..c8109c4a7 100644
--- a/src/navbar/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/navbar/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,175 +2,165 @@
 
 exports[`navbar :base 1`] = `
 <main>
-  <t-navbar>
+  <wx-view
+    class="t-navbar t-navbar--fixed t-navbar--visible-animation class t-class"
+    style=""
+  >
     <wx-view
-      class="t-navbar t-navbar--fixed t-navbar--visible-animation class t-class"
-      style=""
+      class="t-navbar__placeholder"
+    />
+    <wx-view
+      class="t-navbar__content"
     >
       <wx-view
-        class="t-navbar__placeholder"
-      />
-      <wx-view
-        class="t-navbar__content"
+        class="t-navbar__left t-class-left"
       >
         <wx-view
-          class="t-navbar__left t-class-left"
-        >
-          <wx-view
-            class="t-navbar__capsule t-class-capsule"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__capsule t-class-capsule"
+        />
+      </wx-view>
+      <wx-view
+        class="t-navbar__center t-class-center"
+      >
+        <wx-text
+          class="t-navbar__center-title t-class-title"
         >
-          <wx-text
-            class="t-navbar__center-title t-class-title"
-          >
-            test
-          </wx-text>
-        </wx-view>
+          test
+        </wx-text>
       </wx-view>
     </wx-view>
-  </t-navbar>
+  </wx-view>
 </main>
 `;
 
 exports[`navbar :base 2`] = `
 <main>
-  <t-navbar>
+  <wx-view
+    class="t-navbar t-navbar--fixed t-navbar--hide-animation class t-class"
+    style=""
+  >
     <wx-view
-      class="t-navbar t-navbar--fixed t-navbar--hide-animation class t-class"
-      style=""
+      class="t-navbar__placeholder"
+    />
+    <wx-view
+      class="t-navbar__content"
     >
       <wx-view
-        class="t-navbar__placeholder"
-      />
-      <wx-view
-        class="t-navbar__content"
+        class="t-navbar__left t-class-left"
       >
         <wx-view
-          class="t-navbar__left t-class-left"
-        >
-          <wx-view
-            class="t-navbar__capsule t-class-capsule"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__capsule t-class-capsule"
+        />
+      </wx-view>
+      <wx-view
+        class="t-navbar__center t-class-center"
+      >
+        <wx-text
+          class="t-navbar__center-title t-class-title"
         >
-          <wx-text
-            class="t-navbar__center-title t-class-title"
-          >
-            test
-          </wx-text>
-        </wx-view>
+          test
+        </wx-text>
       </wx-view>
     </wx-view>
-  </t-navbar>
+  </wx-view>
 </main>
 `;
 
 exports[`navbar :base 3`] = `
 <main>
-  <t-navbar>
+  <wx-view
+    class="t-navbar t-navbar--fixed t-navbar--hide class t-class"
+    style=""
+  >
     <wx-view
-      class="t-navbar t-navbar--fixed t-navbar--hide class t-class"
-      style=""
+      class="t-navbar__placeholder"
+    />
+    <wx-view
+      class="t-navbar__content"
     >
       <wx-view
-        class="t-navbar__placeholder"
-      />
-      <wx-view
-        class="t-navbar__content"
+        class="t-navbar__left t-class-left"
       >
         <wx-view
-          class="t-navbar__left t-class-left"
-        >
-          <wx-view
-            class="t-navbar__capsule t-class-capsule"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__capsule t-class-capsule"
+        />
+      </wx-view>
+      <wx-view
+        class="t-navbar__center t-class-center"
+      >
+        <wx-text
+          class="t-navbar__center-title t-class-title"
         >
-          <wx-text
-            class="t-navbar__center-title t-class-title"
-          >
-            test
-          </wx-text>
-        </wx-view>
+          test
+        </wx-text>
       </wx-view>
     </wx-view>
-  </t-navbar>
+  </wx-view>
 </main>
 `;
 
 exports[`navbar :fixed 1`] = `
 <main>
-  <t-navbar>
+  <wx-view
+    class="t-navbar t-navbar--fixed t-navbar--visible-animation class t-class"
+    style=""
+  >
     <wx-view
-      class="t-navbar t-navbar--fixed t-navbar--visible-animation class t-class"
-      style=""
+      class="t-navbar__placeholder"
+    />
+    <wx-view
+      class="t-navbar__content"
     >
       <wx-view
-        class="t-navbar__placeholder"
-      />
-      <wx-view
-        class="t-navbar__content"
+        class="t-navbar__left t-class-left"
       >
         <wx-view
-          class="t-navbar__left t-class-left"
-        >
-          <wx-view
-            class="t-navbar__capsule t-class-capsule"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__capsule t-class-capsule"
+        />
+      </wx-view>
+      <wx-view
+        class="t-navbar__center t-class-center"
+      >
+        <wx-text
+          class="t-navbar__center-title t-class-title"
         >
-          <wx-text
-            class="t-navbar__center-title t-class-title"
-          >
-            test
-          </wx-text>
-        </wx-view>
+          test
+        </wx-text>
       </wx-view>
     </wx-view>
-  </t-navbar>
+  </wx-view>
 </main>
 `;
 
 exports[`navbar :menu button 1`] = `
 <main>
-  <t-navbar>
+  <wx-view
+    class="t-navbar t-navbar--fixed  class t-class"
+    style="--td-navbar-padding-top:20px; --td-navbar-right:414px; --td-navbar-capsule-height: 10px; --td-navbar-capsule-width:40px;"
+  >
+    <wx-view
+      class="t-navbar__placeholder"
+    />
     <wx-view
-      class="t-navbar t-navbar--fixed  class t-class"
-      style="--td-navbar-padding-top:20px; --td-navbar-right:414px; --td-navbar-capsule-height: 10px; --td-navbar-capsule-width:40px;"
+      class="t-navbar__content"
     >
       <wx-view
-        class="t-navbar__placeholder"
-      />
-      <wx-view
-        class="t-navbar__content"
+        class="t-navbar__left t-class-left"
       >
         <wx-view
-          class="t-navbar__left t-class-left"
-        >
-          <wx-view
-            class="t-navbar__capsule t-class-capsule"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__capsule t-class-capsule"
+        />
+      </wx-view>
+      <wx-view
+        class="t-navbar__center t-class-center"
+      >
+        <wx-text
+          class="t-navbar__center-title t-class-title"
         >
-          <wx-text
-            class="t-navbar__center-title t-class-title"
-          >
-            test
-          </wx-text>
-        </wx-view>
+          test
+        </wx-text>
       </wx-view>
     </wx-view>
-  </t-navbar>
+  </wx-view>
 </main>
 `;
diff --git a/src/notice-bar/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/notice-bar/__test__/__virtualHostSnapshot__/index.test.js.snap
index 7dd7671db..e190e8a3e 100644
--- a/src/notice-bar/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/notice-bar/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,79 +2,69 @@
 
 exports[`notice-bar props : marquee 1`] = `
 <main>
-  <t-notice-bar
-    class="base"
+  <wx-view
+    class="t-notice-bar t-notice-bar--info class t-class"
+    style=""
   >
     <wx-view
-      class="t-notice-bar t-notice-bar--info class t-class"
-      style=""
+      class="t-notice-bar__prefix-icon"
+      bind:tap="clickPrefixIcon"
     >
       <wx-view
-        class="t-notice-bar__prefix-icon"
-        bind:tap="clickPrefixIcon"
+        ariaHidden="{{false}}"
+        ariaLabel=""
+        ariaRole=""
+        class="t-icon class t-class"
+        style=""
+        bind:tap="onTap"
       >
-        <t-icon
-          class=""
-          tClass="t-class-prefix-icon"
-          bind:click=""
-        >
-          <wx-view
-            ariaHidden="{{false}}"
-            ariaLabel=""
-            ariaRole=""
-            class="t-icon class t-class"
-            style=""
-            bind:tap="onTap"
-          >
-            <wx-label
-              class="t-icon-info-circle-filled t-icon-base"
-            />
-          </wx-view>
-        </t-icon>
+        <wx-label
+          class="t-icon-info-circle-filled t-icon-base"
+        />
       </wx-view>
+    </wx-view>
+    <wx-view
+      class="t-notice-bar__content-wrap"
+      bind:tap="clickContent"
+    >
       <wx-view
-        class="t-notice-bar__content-wrap"
-        bind:tap="clickContent"
-      >
-        <wx-view
-          animation="{{
-            Object {
-              "actions": Array [
-                Object {
-                  "animates": Array [
-                    Object {
-                      "args": Array [
-                        -350,
-                      ],
-                      "type": "translateX",
-                    },
-                  ],
-                  "option": Object {
-                    "transformOrigin": "50% 50% 0",
-                    "transition": Object {
-                      "delay": 0,
-                      "duration": 8287.5,
-                      "timingFunction": "linear",
-                    },
+        animation="{{
+          Object {
+            "actions": Array [
+              Object {
+                "animates": Array [
+                  Object {
+                    "args": Array [
+                      -350,
+                    ],
+                    "type": "translateX",
+                  },
+                ],
+                "option": Object {
+                  "transformOrigin": "50% 50% 0",
+                  "transition": Object {
+                    "delay": 0,
+                    "duration": 8287.5,
+                    "timingFunction": "linear",
                   },
                 },
-              ],
-            }
-          }}"
-          class="t-notice-bar__content t-class-content "
-        >
-          提示文字描述提示文字描述提示文字描述提示文字描述文
-          <wx-view
-            class="t-notice-bar__operation t-class-operation"
-            catch:tap="clickOperation"
-          />
-        </wx-view>
+              },
+            ],
+          }
+        }}"
+        class="t-notice-bar__content t-class-content "
+      >
+        提示文字描述提示文字描述提示文字描述提示文字描述文
+        <wx-view
+          class="t-notice-bar__operation t-class-operation"
+          catch:tap="clickOperation"
+        />
       </wx-view>
-      <wx-view
-        class="t-notice-bar__suffix-icon"
-        bind:tap="clickSuffixIcon"
-      />
     </wx-view>
-  </t-notice-bar>
+    <wx-view
+      class="t-notice-bar__suffix-icon"
+      bind:tap="clickSuffixIcon"
+    />
+  </wx-view>
 </main>
 `;
diff --git a/src/overlay/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/overlay/__test__/__virtualHostSnapshot__/index.test.js.snap
index 7a06bb8be..3288499cb 100644
--- a/src/overlay/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/overlay/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,16 +2,14 @@
 
 exports[`overlay :base 1`] = `
 <main>
-  <t-overlay>
-    <wx-view
-      ariaLabel="关闭"
-      ariaRole="button"
-      class="t-overlay t-fade-enter t-fade-enter-active class"
-      style="z-index:11000;"
-      bind:tap="handleClick"
-      catch:touchmove="noop"
-      bind:transitionend="onTransitionEnd"
-    />
-  </t-overlay>
+  <wx-view
+    ariaLabel="关闭"
+    ariaRole="button"
+    class="t-overlay t-fade-enter t-fade-enter-active class"
+    style="z-index:11000;"
+    bind:tap="handleClick"
+    catch:touchmove="noop"
+    bind:transitionend="onTransitionEnd"
+  />
 </main>
 `;
diff --git a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index 9801b437f..4fa9f7066 100644
--- a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,176 +1,144 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`picker :base 1`] = `
-<t-picker
-  data-key="yearSeasons"
-  id="yearSeasons"
-  bind:cancel="onPickerCancel"
-  bind:change="onPickerChange"
-  bind:pick="onColumnChange"
+<wx-view
+  ariaModal="{{true}}"
+  ariaRole="dialog"
+  class="t-popup t-popup--bottom t-fade-enter t-fade-enter-active class t-class"
+  style="z-index:11500;"
+  bind:transitionend="onTransitionEnd"
 >
-  <t-popup
-    class="class"
-    bind:visible-change="onPopupChange"
+  <wx-view
+    class="t-popup__content t-class-content"
   >
     <wx-view
-      ariaModal="{{true}}"
-      ariaRole="dialog"
-      class="t-popup t-popup--bottom t-fade-enter t-fade-enter-active class t-class"
-      style="z-index:11500;"
-      bind:transitionend="onTransitionEnd"
+      class="t-picker t-class"
+      slot="content"
+      style=""
     >
       <wx-view
-        class="t-popup__content t-class-content"
+        class="t-picker__toolbar"
       >
         <wx-view
-          class="t-picker t-class"
-          slot="content"
+          class="t-picker__cancel t-class-cancel"
+          bind:tap="onCancel"
+        >
+          取消
+        </wx-view>
+        <wx-view
+          class="t-picker__title t-class-title"
+        >
+          
+        </wx-view>
+        <wx-view
+          class="t-picker__confirm t-class-confirm"
+          bind:tap="onConfirm"
+        >
+          确认
+        </wx-view>
+      </wx-view>
+      <wx-view
+        class="t-picker__main"
+      >
+        <wx-view
+          class="t-picker-item__group class t-class"
           style=""
+          bind:touchcancel="onTouchEnd"
+          bind:touchend="onTouchEnd"
+          catch:touchmove="onTouchMove"
+          bind:touchstart="onTouchStart"
         >
           <wx-view
-            class="t-picker__toolbar"
+            class="t-picker-item__wrapper"
+            style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
           >
             <wx-view
-              class="t-picker__cancel t-class-cancel"
-              bind:tap="onCancel"
+              class="t-picker-item__item t-picker-item__item--active"
+              data-index="{{0}}"
             >
-              取消
+              
+      2021年
+    
             </wx-view>
             <wx-view
-              class="t-picker__title t-class-title"
+              class="t-picker-item__item"
+              data-index="{{1}}"
             >
               
+      2020年
+    
             </wx-view>
             <wx-view
-              class="t-picker__confirm t-class-confirm"
-              bind:tap="onConfirm"
+              class="t-picker-item__item"
+              data-index="{{2}}"
             >
-              确认
+              
+      2019年
+    
             </wx-view>
           </wx-view>
+        </wx-view>
+        <wx-view
+          class="t-picker-item__group class t-class"
+          style=""
+          bind:touchcancel="onTouchEnd"
+          bind:touchend="onTouchEnd"
+          catch:touchmove="onTouchMove"
+          bind:touchstart="onTouchStart"
+        >
           <wx-view
-            class="t-picker__main"
+            class="t-picker-item__wrapper"
+            style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
           >
-            <t-picker-item>
-              <wx-view
-                class="t-picker-item__group class t-class"
-                style=""
-                bind:touchcancel="onTouchEnd"
-                bind:touchend="onTouchEnd"
-                catch:touchmove="onTouchMove"
-                bind:touchstart="onTouchStart"
-              >
-                <wx-view
-                  class="t-picker-item__wrapper"
-                  style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
-                >
-                  <wx-view
-                    class="t-picker-item__item t-picker-item__item--active"
-                    data-index="{{0}}"
-                  >
-                    
-      2021年
-    
-                  </wx-view>
-                  <wx-view
-                    class="t-picker-item__item"
-                    data-index="{{1}}"
-                  >
-                    
-      2020年
-    
-                  </wx-view>
-                  <wx-view
-                    class="t-picker-item__item"
-                    data-index="{{2}}"
-                  >
-                    
-      2019年
-    
-                  </wx-view>
-                </wx-view>
-              </wx-view>
-            </t-picker-item>
-            <t-picker-item>
-              <wx-view
-                class="t-picker-item__group class t-class"
-                style=""
-                bind:touchcancel="onTouchEnd"
-                bind:touchend="onTouchEnd"
-                catch:touchmove="onTouchMove"
-                bind:touchstart="onTouchStart"
-              >
-                <wx-view
-                  class="t-picker-item__wrapper"
-                  style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
-                >
-                  <wx-view
-                    class="t-picker-item__item t-picker-item__item--active"
-                    data-index="{{0}}"
-                  >
-                    
+            <wx-view
+              class="t-picker-item__item t-picker-item__item--active"
+              data-index="{{0}}"
+            >
+              
       春
     
-                  </wx-view>
-                  <wx-view
-                    class="t-picker-item__item"
-                    data-index="{{1}}"
-                  >
-                    
+            </wx-view>
+            <wx-view
+              class="t-picker-item__item"
+              data-index="{{1}}"
+            >
+              
       夏
     
-                  </wx-view>
-                  <wx-view
-                    class="t-picker-item__item"
-                    data-index="{{2}}"
-                  >
-                    
+            </wx-view>
+            <wx-view
+              class="t-picker-item__item"
+              data-index="{{2}}"
+            >
+              
       秋
     
-                  </wx-view>
-                  <wx-view
-                    class="t-picker-item__item"
-                    data-index="{{3}}"
-                  >
-                    
+            </wx-view>
+            <wx-view
+              class="t-picker-item__item"
+              data-index="{{3}}"
+            >
+              
       冬
     
-                  </wx-view>
-                </wx-view>
-              </wx-view>
-            </t-picker-item>
-            <wx-view
-              class="t-picker__mask t-picker__mask--top"
-            />
-            <wx-view
-              class="t-picker__mask t-picker__mask--bottom"
-            />
-            <wx-view
-              class="t-picker__indicator"
-            />
+            </wx-view>
           </wx-view>
         </wx-view>
         <wx-view
-          class="t-popup__close"
-          bind:tap="handleClose"
+          class="t-picker__mask t-picker__mask--top"
+        />
+        <wx-view
+          class="t-picker__mask t-picker__mask--bottom"
+        />
+        <wx-view
+          class="t-picker__indicator"
         />
       </wx-view>
     </wx-view>
-    <t-overlay
-      class="test"
-      id="popup-overlay"
-      bind:tap="handleOverlayClick"
-    >
-      <wx-view
-        ariaLabel="关闭"
-        ariaRole="button"
-        class="t-overlay t-fade-enter t-fade-enter-active class"
-        style="z-index:11000;"
-        bind:tap="handleClick"
-        catch:touchmove="noop"
-        bind:transitionend="onTransitionEnd"
-      />
-    </t-overlay>
-  </t-popup>
-</t-picker>
+    <wx-view
+      class="t-popup__close"
+      bind:tap="handleClose"
+    />
+  </wx-view>
+</wx-view>
 `;
diff --git a/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap
index f3abf4ef5..e48ef901d 100644
--- a/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,58 +2,50 @@
 
 exports[`search Props :base 1`] = `
 <main>
-  <t-search
-    class="search"
+  <wx-view
+    class="class t-search t-class"
+    style=""
   >
     <wx-view
-      class="class t-search t-class"
-      style=""
+      class="t-search__input-box t-not-focused t-search__input-box-- t-search__input-box--square t-class-input-container"
     >
       <wx-view
-        class="t-search__input-box t-not-focused t-search__input-box-- t-search__input-box--square t-class-input-container"
+        ariaHidden="{{true}}"
+        ariaLabel=""
+        ariaRole=""
+        class="t-icon class t-class"
+        style="font-size: 24px;"
+        bind:tap="onTap"
       >
-        <t-icon
-          class="t-icon t-class-left"
-        >
-          <wx-view
-            ariaHidden="{{true}}"
-            ariaLabel=""
-            ariaRole=""
-            class="t-icon class t-class"
-            style="font-size: 24px;"
-            bind:tap="onTap"
-          >
-            <wx-label
-              class="t-icon-search t-icon-base"
-            />
-          </wx-view>
-        </t-icon>
-        <wx-input
-          class="t-input__keyword t-class-input"
-          confirmType="search"
-          disabled="{{false}}"
-          focus="{{false}}"
-          name="input"
-          placeholder=""
-          placeholderClass="t-search__placeholder t-search__placeholder--normal"
-          type="text"
-          value=""
-          bind:blur="onBlur"
-          bind:confirm="onConfirm"
-          bind:focus="onFocus"
-          bind:input="onInput"
+        <wx-label
+          class="t-icon-search t-icon-base"
         />
       </wx-view>
-      <wx-view
-        ariaRole="button"
-        class="t-search__search-action t-class-action"
-        bind:tap="onActionClick"
-      >
-        
+      <wx-input
+        class="t-input__keyword t-class-input"
+        confirmType="search"
+        disabled="{{false}}"
+        focus="{{false}}"
+        name="input"
+        placeholder=""
+        placeholderClass="t-search__placeholder t-search__placeholder--normal"
+        type="text"
+        value=""
+        bind:blur="onBlur"
+        bind:confirm="onConfirm"
+        bind:focus="onFocus"
+        bind:input="onInput"
+      />
+    </wx-view>
+    <wx-view
+      ariaRole="button"
+      class="t-search__search-action t-class-action"
+      bind:tap="onActionClick"
+    >
+      
     提交
   
-      </wx-view>
     </wx-view>
-  </t-search>
+  </wx-view>
 </main>
 `;
diff --git a/src/skeleton/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/skeleton/__test__/__virtualHostSnapshot__/index.test.js.snap
index 9271cabc9..90d44529c 100644
--- a/src/skeleton/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/skeleton/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,162 +2,150 @@
 
 exports[`skeleton Props :inner rowCol 1`] = `
 <main>
-  <t-skeleton
-    class="skeleton"
+  <wx-view
+    class="t-skeleton class t-class "
+    style=""
   >
     <wx-view
-      class="t-skeleton class t-class "
-      style=""
+      class="t-skeleton__content"
     >
       <wx-view
-        class="t-skeleton__content"
+        class="t-skeleton__row t-class-row"
       >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:24%;height:32rpx;margin-right:32rpx"
-          />
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:76%;height:32rpx"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:24%;height:32rpx;margin-right:32rpx"
+        />
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style=""
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:76%;height:32rpx"
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
+        <wx-view
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style=""
+        />
       </wx-view>
     </wx-view>
-  </t-skeleton>
+  </wx-view>
 </main>
 `;
 
 exports[`skeleton Props :text rowCol 1`] = `
 <main>
-  <t-skeleton
-    class="skeleton"
+  <wx-view
+    class="t-skeleton class t-class "
+    style=""
   >
     <wx-view
-      class="t-skeleton class t-class "
-      style=""
+      class="t-skeleton__content"
     >
       <wx-view
-        class="t-skeleton__content"
+        class="t-skeleton__row t-class-row"
       >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:686rpx;height:32rpx"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:686rpx;height:32rpx"
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style=""
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style=""
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style=""
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style=""
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
+        <wx-view
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:38rpx;height:32rpx;margin-right:20rpx;margin-left:20rpx"
+        />
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:38rpx;height:32rpx;margin-right:20rpx;margin-left:20rpx"
-          />
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:38rpx;height:32rpx"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:38rpx;height:32rpx"
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:440rpx"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:440rpx"
+        />
       </wx-view>
     </wx-view>
-  </t-skeleton>
+  </wx-view>
 </main>
 `;
 
 exports[`skeleton Props :text rowCol2 1`] = `
 <main>
-  <t-skeleton
-    class="skeleton"
+  <wx-view
+    class="t-skeleton class t-class "
+    style=""
   >
     <wx-view
-      class="t-skeleton class t-class "
-      style=""
+      class="t-skeleton__content"
     >
       <wx-view
-        class="t-skeleton__content"
+        class="t-skeleton__row t-class-row"
       >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:343px;height:16px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:343px;height:16px"
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style=""
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style=""
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style=""
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style=""
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
+        <wx-view
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:14px;height:16px;margin-right:10px;margin-left:10px"
+        />
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:14px;height:16px;margin-right:10px;margin-left:10px"
-          />
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:small;height:small"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:small;height:small"
+        />
+      </wx-view>
+      <wx-view
+        class="t-skeleton__row t-class-row"
+      >
         <wx-view
-          class="t-skeleton__row t-class-row"
-        >
-          <wx-view
-            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
-            style="width:220px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:220px"
+        />
       </wx-view>
     </wx-view>
-  </t-skeleton>
+  </wx-view>
 </main>
 `;
diff --git a/src/stepper/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/stepper/__test__/__virtualHostSnapshot__/index.test.js.snap
index 24d454a7f..cd20881f7 100644
--- a/src/stepper/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/stepper/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -12,22 +12,18 @@ exports[`stepper event : input 1`] = `
     class="t-stepper__minus t-stepper__minus--normal t-stepper__icon--medium  t-class-minus"
     catch:tap="minusValue"
   >
-    <t-icon
-      class="t-stepper__minus-icon"
+    <wx-view
+      ariaHidden="{{false}}"
+      ariaLabel=""
+      ariaRole=""
+      class="t-icon class t-class"
+      style=""
+      bind:tap="onTap"
     >
-      <wx-view
-        ariaHidden="{{false}}"
-        ariaLabel=""
-        ariaRole=""
-        class="t-icon class t-class"
-        style=""
-        bind:tap="onTap"
-      >
-        <wx-label
-          class="t-icon-remove t-icon-base"
-        />
-      </wx-view>
-    </t-icon>
+      <wx-label
+        class="t-icon-remove t-icon-base"
+      />
+    </wx-view>
   </wx-view>
   <wx-view
     class="t-stepper__input--normal "
@@ -50,22 +46,18 @@ exports[`stepper event : input 1`] = `
     class="t-stepper__plus t-stepper__plus--normal t-stepper__icon--medium   t-class-plus"
     catch:tap="plusValue"
   >
-    <t-icon
-      class="t-stepper__plus-icon"
+    <wx-view
+      ariaHidden="{{false}}"
+      ariaLabel=""
+      ariaRole=""
+      class="t-icon class t-class"
+      style=""
+      bind:tap="onTap"
     >
-      <wx-view
-        ariaHidden="{{false}}"
-        ariaLabel=""
-        ariaRole=""
-        class="t-icon class t-class"
-        style=""
-        bind:tap="onTap"
-      >
-        <wx-label
-          class="t-icon-add t-icon-base"
-        />
-      </wx-view>
-    </t-icon>
+      <wx-label
+        class="t-icon-add t-icon-base"
+      />
+    </wx-view>
   </wx-view>
 </wx-view>
 `;
@@ -82,22 +74,18 @@ exports[`stepper event : input 2`] = `
     class="t-stepper__minus t-stepper__minus--normal t-stepper__icon--medium  t-class-minus"
     catch:tap="minusValue"
   >
-    <t-icon
-      class="t-stepper__minus-icon"
+    <wx-view
+      ariaHidden="{{false}}"
+      ariaLabel=""
+      ariaRole=""
+      class="t-icon class t-class"
+      style=""
+      bind:tap="onTap"
     >
-      <wx-view
-        ariaHidden="{{false}}"
-        ariaLabel=""
-        ariaRole=""
-        class="t-icon class t-class"
-        style=""
-        bind:tap="onTap"
-      >
-        <wx-label
-          class="t-icon-remove t-icon-base"
-        />
-      </wx-view>
-    </t-icon>
+      <wx-label
+        class="t-icon-remove t-icon-base"
+      />
+    </wx-view>
   </wx-view>
   <wx-view
     class="t-stepper__input--normal "
@@ -120,22 +108,18 @@ exports[`stepper event : input 2`] = `
     class="t-stepper__plus t-stepper__plus--normal t-stepper__icon--medium   t-class-plus"
     catch:tap="plusValue"
   >
-    <t-icon
-      class="t-stepper__plus-icon"
+    <wx-view
+      ariaHidden="{{false}}"
+      ariaLabel=""
+      ariaRole=""
+      class="t-icon class t-class"
+      style=""
+      bind:tap="onTap"
     >
-      <wx-view
-        ariaHidden="{{false}}"
-        ariaLabel=""
-        ariaRole=""
-        class="t-icon class t-class"
-        style=""
-        bind:tap="onTap"
-      >
-        <wx-label
-          class="t-icon-add t-icon-base"
-        />
-      </wx-view>
-    </t-icon>
+      <wx-label
+        class="t-icon-add t-icon-base"
+      />
+    </wx-view>
   </wx-view>
 </wx-view>
 `;
diff --git a/src/switch/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/switch/__test__/__virtualHostSnapshot__/index.test.js.snap
index 4f9ce97ac..938cc604e 100644
--- a/src/switch/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/switch/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,28 +2,26 @@
 
 exports[`switch Props :base 1`] = `
 <main>
-  <t-switch>
+  <wx-view
+    ariaChecked="{{false}}"
+    ariaDisabled="{{false}}"
+    ariaRole="switch"
+    class="class t-class t-switch"
+    style=""
+    bind:tap="handleSwitch"
+  >
     <wx-view
-      ariaChecked="{{false}}"
-      ariaDisabled="{{false}}"
-      ariaRole="switch"
-      class="class t-class t-switch"
-      style=""
-      bind:tap="handleSwitch"
+      class="t-switch__body t-switch__body--medium t-class-body"
     >
       <wx-view
-        class="t-switch__body t-switch__body--medium t-class-body"
+        ariaHidden="{{true}}"
+        class="t-switch__dot t-switch__dot--plain t-switch__dot--medium t-class-dot"
       >
         <wx-view
-          ariaHidden="{{true}}"
-          class="t-switch__dot t-switch__dot--plain t-switch__dot--medium t-class-dot"
-        >
-          <wx-view
-            class="t-switch__label t-switch__label--medium t-class-label"
-          />
-        </wx-view>
+          class="t-switch__label t-switch__label--medium t-class-label"
+        />
       </wx-view>
     </wx-view>
-  </t-switch>
+  </wx-view>
 </main>
 `;
diff --git a/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap
index 3e3ba44f9..5da505a7c 100644
--- a/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,55 +1,51 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`textarea slots : label 1`] = `
-<t-textarea
-  class="base"
+<wx-view
+  class="t-textarea  class t-class"
+  style=""
 >
   <wx-view
-    class="t-textarea  class t-class"
-    style=""
+    class="t-textarea__label t-class-label"
   >
-    <wx-view
-      class="t-textarea__label t-class-label"
+    <wx-text
+      slot="label"
     >
-      <wx-text
-        slot="label"
-      >
-        标签文字
-      </wx-text>
-    </wx-view>
-    <wx-view
-      class="t-textarea__wrapper"
-    >
-      <wx-textarea
-        adjustPosition="{{true}}"
-        autoFocus="{{false}}"
-        autoHeight="{{false}}"
-        class="t-textarea__wrapper-inner  t-class-textarea"
-        confirmHold="{{false}}"
-        confirmType="return"
-        cursor="{{-1}}"
-        cursorSpacing="{{0}}"
-        disabled="{{false}}"
-        disableDefaultPadding="{{false}}"
-        fixed="{{false}}"
-        focus="{{false}}"
-        holdKeyboard="{{false}}"
-        maxlength="{{-1}}"
-        placeholder=""
-        placeholderClass="t-textarea__placeholder"
-        placeholderStyle=""
-        selectionEnd="{{-1}}"
-        selectionStart="{{-1}}"
-        showConfirmBar="{{true}}"
-        value=""
-        bind:blur="onBlur"
-        bind:confirm="onConfirm"
-        bind:focus="onFocus"
-        bind:input="onInput"
-        bind:keyboardheightchange="onKeyboardHeightChange"
-        bind:linechange="onLineChange"
-      />
-    </wx-view>
+      标签文字
+    </wx-text>
+  </wx-view>
+  <wx-view
+    class="t-textarea__wrapper"
+  >
+    <wx-textarea
+      adjustPosition="{{true}}"
+      autoFocus="{{false}}"
+      autoHeight="{{false}}"
+      class="t-textarea__wrapper-inner  t-class-textarea"
+      confirmHold="{{false}}"
+      confirmType="return"
+      cursor="{{-1}}"
+      cursorSpacing="{{0}}"
+      disabled="{{false}}"
+      disableDefaultPadding="{{false}}"
+      fixed="{{false}}"
+      focus="{{false}}"
+      holdKeyboard="{{false}}"
+      maxlength="{{-1}}"
+      placeholder=""
+      placeholderClass="t-textarea__placeholder"
+      placeholderStyle=""
+      selectionEnd="{{-1}}"
+      selectionStart="{{-1}}"
+      showConfirmBar="{{true}}"
+      value=""
+      bind:blur="onBlur"
+      bind:confirm="onConfirm"
+      bind:focus="onFocus"
+      bind:input="onInput"
+      bind:keyboardheightchange="onKeyboardHeightChange"
+      bind:linechange="onLineChange"
+    />
   </wx-view>
-</t-textarea>
+</wx-view>
 `;

From 36e57681f56225bf2e683a9b7ac4a3b550e6a195 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Tue, 30 May 2023 11:14:06 +0800
Subject: [PATCH 10/15] refactor(cascader): optimization

---
 src/cascader/cascader.wxml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 163bf5fc2..645443114 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -25,7 +25,7 @@
           >
             <view
               class="{{name}}__step-dot {{name}}__step-dot--{{item !== defaultOptionLabel ? 'active' : ''}} {{name}}__step-dot--{{index === steps.length - 1 ? 'last' : ''}}"
-            ></view>
+            />
             <view class="{{name}}__step-label {{name}}__step-label--{{index === stepIndex ? 'active' : ''}}">
               {{ item }}
             </view>

From f857cd0880d8c8e44c02683483d5fada25c73e3f Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Tue, 30 May 2023 15:46:06 +0800
Subject: [PATCH 11/15] fix: babel transform-class-properties

---
 babel.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/babel.config.js b/babel.config.js
index dd4e3d695..b30cffacc 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -3,6 +3,6 @@ module.exports = {
   presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-typescript'],
   plugins: [
     ['@babel/plugin-proposal-decorators', { legacy: true }],
-    ['@babel/plugin-proposal-class-properties', { loose: true }],
+    ['@babel/plugin-transform-class-properties', { loose: true }],
   ],
 };

From 225481e34189f982f8d8b099bcf28c5da8e95909 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Tue, 30 May 2023 17:58:29 +0800
Subject: [PATCH 12/15] chore: update snap

---
 src/dropdown-menu/__test__/__snapshots__/index.test.js.snap | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap b/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap
index 05b2393fb..d15c7cbb1 100644
--- a/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap
+++ b/src/dropdown-menu/__test__/__snapshots__/index.test.js.snap
@@ -89,7 +89,7 @@ exports[`dropdown-menu :base 1`] = `
             <wx-view
               ariaModal="{{true}}"
               ariaRole="dialog"
-              class="t-popup t-popup--top t-fade-enter t-fade-enter-active class t-class"
+              class="t-popup t-popup--top t-fade-enter-active t-fade-enter-to class t-class"
               style="z-index:11601; position: absolute;"
               bind:transitionend="onTransitionEnd"
             >
@@ -621,7 +621,7 @@ exports[`dropdown-menu :base 1`] = `
               <wx-view
                 ariaLabel="关闭"
                 ariaRole="button"
-                class="t-overlay t-fade-enter t-fade-enter-active class"
+                class="t-overlay t-fade-enter-active t-fade-enter-to class"
                 style="z-index:11000; position: absolute;"
                 bind:tap="handleClick"
                 catch:touchmove="noop"

From c0f904fbbd3d41d364b0bdb206567ebdc2d356d4 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Tue, 30 May 2023 18:03:15 +0800
Subject: [PATCH 13/15] chore: update snap

---
 .../__test__/__virtualHostSnapshot__/index.test.js.snap       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/dropdown-menu/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/dropdown-menu/__test__/__virtualHostSnapshot__/index.test.js.snap
index c2a04a589..6cbb256a4 100644
--- a/src/dropdown-menu/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/dropdown-menu/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -68,7 +68,7 @@ exports[`dropdown-menu :base 1`] = `
       <wx-view
         ariaModal="{{true}}"
         ariaRole="dialog"
-        class="t-popup t-popup--top t-fade-enter t-fade-enter-active class t-class"
+        class="t-popup t-popup--top t-fade-enter-active t-fade-enter-to class t-class"
         style="z-index:11601; position: absolute;"
         bind:transitionend="onTransitionEnd"
       >
@@ -523,7 +523,7 @@ exports[`dropdown-menu :base 1`] = `
       <wx-view
         ariaLabel="关闭"
         ariaRole="button"
-        class="t-overlay t-fade-enter t-fade-enter-active class"
+        class="t-overlay t-fade-enter-active t-fade-enter-to class"
         style="z-index:11000; position: absolute;"
         bind:tap="handleClick"
         catch:touchmove="noop"

From 3f2b8f0d0f18f93a87d954b0e158f6882d45502d Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Fri, 14 Jul 2023 18:29:36 +0800
Subject: [PATCH 14/15] chore: update snap

---
 .../__test__/__virtualHostSnapshot__/index.test.js.snap    | 7 -------
 .../__test__/__virtualHostSnapshot__/index.test.js.snap    | 5 -----
 .../__test__/__virtualHostSnapshot__/index.test.js.snap    | 5 -----
 3 files changed, 17 deletions(-)

diff --git a/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap
index d52e4ec77..2173e21cf 100644
--- a/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -49,18 +49,11 @@ exports[`cell :base 1`] = `
 
 exports[`cell :with group 1`] = `
 <main>
-<<<<<<< HEAD
-  <wx-view
-    class="t-cell-group t-cell-group--false t-cell-group--default class t-class"
-    style=""
-  />
-=======
   <main>
     <wx-view
       class="t-cell-group t-cell-group--default class t-class"
       style=""
     />
   </main>
->>>>>>> develop
 </main>
 `;
diff --git a/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap
index 10d729be5..7224092aa 100644
--- a/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/search/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -17,10 +17,6 @@ exports[`search Props :base 1`] = `
         style="font-size: 24px;"
         bind:tap="onTap"
       >
-<<<<<<< HEAD
-        <wx-label
-          class="t-icon-search t-icon-base"
-=======
         <t-icon
           class="t-icon t-class-left"
         >
@@ -52,7 +48,6 @@ exports[`search Props :base 1`] = `
           bind:confirm="onConfirm"
           bind:focus="onFocus"
           bind:input="onInput"
->>>>>>> develop
         />
       </wx-view>
       <wx-input
diff --git a/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap
index dd4f7d51a..f41005565 100644
--- a/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/textarea/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -11,10 +11,6 @@ exports[`textarea slots : label 1`] = `
     <wx-text
       slot="label"
     >
-<<<<<<< HEAD
-      标签文字
-    </wx-text>
-=======
       <wx-text
         slot="label"
       >
@@ -54,7 +50,6 @@ exports[`textarea slots : label 1`] = `
         bind:linechange="onLineChange"
       />
     </wx-view>
->>>>>>> develop
   </wx-view>
   <wx-view
     class="t-textarea__wrapper"

From ccb3db71a3e51216e03dd7435a4bd28255211077 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 17 Jul 2023 10:55:25 +0800
Subject: [PATCH 15/15] feat(cascader): icon hidden

---
 src/cascader/cascader.wxml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 645443114..efcc0fb78 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -29,7 +29,7 @@
             <view class="{{name}}__step-label {{name}}__step-label--{{index === stepIndex ? 'active' : ''}}">
               {{ item }}
             </view>
-            <t-icon name="chevron-right" size="22" t-class="{{name}}__step-arrow" />
+            <t-icon aria-hidden="{{true}}" name="chevron-right" size="22" t-class="{{name}}__step-arrow" />
           </view>
         </view>
         <block wx:if="{{theme == 'tab'}}">