From e5ce4fd26c5a4e8f0c0b06cb01dd6b9b0d5a7d28 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 14:33:02 +0800
Subject: [PATCH 01/13] feat(picker): support aria

---
 src/picker-item/picker-item.ts   | 11 +++++++++++
 src/picker-item/picker-item.wxml |  3 +++
 2 files changed, 14 insertions(+)

diff --git a/src/picker-item/picker-item.ts b/src/picker-item/picker-item.ts
index 46ab74c11..c0c9e9212 100644
--- a/src/picker-item/picker-item.ts
+++ b/src/picker-item/picker-item.ts
@@ -61,6 +61,17 @@ export default class PickerItem extends SuperComponent {
         offset: range(StartOffset + deltaY, -(this.getCount() * itemHeight), 0),
         duration: DefaultDuration,
       });
+
+      const { offset } = this.data;
+
+      if (offset === this.StartOffset) {
+        return;
+      }
+      // 调整偏移量
+      const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
+      this.setData({
+        curIndex: index,
+      });
     },
 
     onTouchEnd() {
diff --git a/src/picker-item/picker-item.wxml b/src/picker-item/picker-item.wxml
index 805e6e9f6..786232c7d 100644
--- a/src/picker-item/picker-item.wxml
+++ b/src/picker-item/picker-item.wxml
@@ -7,6 +7,7 @@
   catch:touchmove="onTouchMove"
   bind:touchend="onTouchEnd"
   bind:touchcancel="onTouchEnd"
+  aria-role="listbox"
 >
   <view
     class="{{classPrefix}}__wrapper"
@@ -18,6 +19,8 @@
       wx:key="index"
       wx:for-item="option"
       data-index="{{ index }}"
+      aria-role="option"
+      aria-hidden="{{curIndex !== index}}"
     >
       {{option.label}}
     </view>

From 10d1509dfc8fb73b065850ee035f46a4b1f36618 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 14:33:25 +0800
Subject: [PATCH 02/13] feat(picker): alert

---
 src/picker-item/picker-item.wxml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/picker-item/picker-item.wxml b/src/picker-item/picker-item.wxml
index 786232c7d..f1d10c122 100644
--- a/src/picker-item/picker-item.wxml
+++ b/src/picker-item/picker-item.wxml
@@ -21,8 +21,10 @@
       data-index="{{ index }}"
       aria-role="option"
       aria-hidden="{{curIndex !== index}}"
+      aria-label="{{option.label + '，按住后上下滑动选择'}}"
     >
       {{option.label}}
     </view>
   </view>
+  <view aria-role="alert">{{ options[curIndex].label }}</view>
 </view>

From a0a67f48d8eb9bc09016992ca28fdf78fbd3acd3 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 14:36:53 +0800
Subject: [PATCH 03/13] feat(picker): button

---
 src/picker/picker.wxml | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/picker/picker.wxml b/src/picker/picker.wxml
index 86e71d8c3..a7dd6359d 100644
--- a/src/picker/picker.wxml
+++ b/src/picker/picker.wxml
@@ -3,13 +3,23 @@
 <t-popup class="class" visible="{{visible}}" placement="bottom" bind:visible-change="onPopupChange">
   <view slot="content" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{prefix}}-class">
     <view class="{{classPrefix}}__toolbar" wx:if="{{header}}">
-      <view class="{{classPrefix}}__cancel {{prefix}}-class-cancel" wx:if="{{cancelBtn}}" bindtap="onCancel"
-        >{{cancelBtn}}</view
+      <view
+        class="{{classPrefix}}__cancel {{prefix}}-class-cancel"
+        wx:if="{{cancelBtn}}"
+        bindtap="onCancel"
+        aria-role="button"
       >
+        {{cancelBtn}}
+      </view>
       <view class="{{classPrefix}}__title {{prefix}}-class-title">{{title}}</view>
-      <view class="{{classPrefix}}__confirm {{prefix}}-class-confirm" wx:if="{{confirmBtn}}" bindtap="onConfirm"
-        >{{confirmBtn}}</view
+      <view
+        class="{{classPrefix}}__confirm {{prefix}}-class-confirm"
+        wx:if="{{confirmBtn}}"
+        bindtap="onConfirm"
+        aria-role="button"
       >
+        {{confirmBtn}}
+      </view>
     </view>
     <slot name="header" />
     <view class="{{_.cls(classPrefix + '__main', [])}}">

From 09abaa15542a3e0ee75820ecadef1b7a41662943 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 14:43:52 +0800
Subject: [PATCH 04/13] test(picker): update snap

---
 .../__test__/__snapshots__/index.test.js.snap | 151 +++++++++++++++++-
 .../__test__/__snapshots__/index.test.js.snap |  43 ++++-
 2 files changed, 190 insertions(+), 4 deletions(-)

diff --git a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
index 3ef2dbac1..3dc841d4f 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
@@ -38,10 +38,13 @@ exports[`date-time-picker :base 1`] = `
                 class="t-picker__toolbar"
               >
                 <wx-view
+                  ariaRole="button"
                   class="t-picker__cancel t-class-cancel"
                   bind:tap="onCancel"
                 >
-                  取消
+                  
+        取消
+      
                 </wx-view>
                 <wx-view
                   class="t-picker__title t-class-title"
@@ -49,10 +52,13 @@ exports[`date-time-picker :base 1`] = `
                   选择日期
                 </wx-view>
                 <wx-view
+                  ariaRole="button"
                   class="t-picker__confirm t-class-confirm"
                   bind:tap="onConfirm"
                 >
-                  确定
+                  
+        确定
+      
                 </wx-view>
               </wx-view>
               <wx-view
@@ -63,6 +69,7 @@ exports[`date-time-picker :base 1`] = `
                   index="index"
                 >
                   <wx-view
+                    ariaRole="listbox"
                     class="t-picker-item__group class t-class"
                     style=""
                     bind:touchcancel="onTouchEnd"
@@ -75,6 +82,9 @@ exports[`date-time-picker :base 1`] = `
                       style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -924px, 0)"
                     >
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2000年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{0}}"
                       >
@@ -83,6 +93,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2001年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{1}}"
                       >
@@ -91,6 +104,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2002年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{2}}"
                       >
@@ -99,6 +115,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2003年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{3}}"
                       >
@@ -107,6 +126,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2004年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{4}}"
                       >
@@ -115,6 +137,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2005年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{5}}"
                       >
@@ -123,6 +148,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2006年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{6}}"
                       >
@@ -131,6 +159,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2007年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{7}}"
                       >
@@ -139,6 +170,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2008年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{8}}"
                       >
@@ -147,6 +181,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2009年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{9}}"
                       >
@@ -155,6 +192,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2010年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{10}}"
                       >
@@ -163,6 +203,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2011年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{11}}"
                       >
@@ -171,6 +214,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2012年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{12}}"
                       >
@@ -179,6 +225,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2013年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{13}}"
                       >
@@ -187,6 +236,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2014年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{14}}"
                       >
@@ -195,6 +247,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2015年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{15}}"
                       >
@@ -203,6 +258,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2016年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{16}}"
                       >
@@ -211,6 +269,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2017年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{17}}"
                       >
@@ -219,6 +280,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2018年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{18}}"
                       >
@@ -227,6 +291,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2019年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{19}}"
                       >
@@ -235,6 +302,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2020年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{20}}"
                       >
@@ -243,6 +313,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{false}}"
+                        ariaLabel="2021年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item t-picker-item__item--active"
                         data-index="{{21}}"
                       >
@@ -251,6 +324,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2022年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{22}}"
                       >
@@ -259,6 +335,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2023年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{23}}"
                       >
@@ -267,6 +346,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2024年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{24}}"
                       >
@@ -275,6 +357,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2025年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{25}}"
                       >
@@ -283,6 +368,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2026年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{26}}"
                       >
@@ -291,6 +379,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2027年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{27}}"
                       >
@@ -299,6 +390,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2028年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{28}}"
                       >
@@ -307,6 +401,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2029年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{29}}"
                       >
@@ -315,6 +412,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2030年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{30}}"
                       >
@@ -323,6 +423,11 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                     </wx-view>
+                    <wx-view
+                      ariaRole="alert"
+                    >
+                      2021年
+                    </wx-view>
                   </wx-view>
                 </t-picker-item>
                 <t-picker-item
@@ -330,6 +435,7 @@ exports[`date-time-picker :base 1`] = `
                   index="index"
                 >
                   <wx-view
+                    ariaRole="listbox"
                     class="t-picker-item__group class t-class"
                     style=""
                     bind:touchcancel="onTouchEnd"
@@ -342,6 +448,9 @@ exports[`date-time-picker :base 1`] = `
                       style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -352px, 0)"
                     >
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="1月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{0}}"
                       >
@@ -350,6 +459,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{1}}"
                       >
@@ -358,6 +470,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="3月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{2}}"
                       >
@@ -366,6 +481,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="4月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{3}}"
                       >
@@ -374,6 +492,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="5月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{4}}"
                       >
@@ -382,6 +503,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="6月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{5}}"
                       >
@@ -390,6 +514,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="7月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{6}}"
                       >
@@ -398,6 +525,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="8月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{7}}"
                       >
@@ -406,6 +536,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{false}}"
+                        ariaLabel="9月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item t-picker-item__item--active"
                         data-index="{{8}}"
                       >
@@ -414,6 +547,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="10月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{9}}"
                       >
@@ -422,6 +558,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="11月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{10}}"
                       >
@@ -430,6 +569,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="12月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{11}}"
                       >
@@ -438,6 +580,11 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                     </wx-view>
+                    <wx-view
+                      ariaRole="alert"
+                    >
+                      9月
+                    </wx-view>
                   </wx-view>
                 </t-picker-item>
                 <wx-view
diff --git a/src/picker/__test__/__snapshots__/index.test.js.snap b/src/picker/__test__/__snapshots__/index.test.js.snap
index 7e9ca22d2..eed6f7843 100644
--- a/src/picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/picker/__test__/__snapshots__/index.test.js.snap
@@ -35,10 +35,13 @@ exports[`picker :base 1`] = `
             class="t-picker__toolbar"
           >
             <wx-view
+              ariaRole="button"
               class="t-picker__cancel t-class-cancel"
               bind:tap="onCancel"
             >
-              取消
+              
+        取消
+      
             </wx-view>
             <wx-view
               class="t-picker__title t-class-title"
@@ -46,10 +49,13 @@ exports[`picker :base 1`] = `
               
             </wx-view>
             <wx-view
+              ariaRole="button"
               class="t-picker__confirm t-class-confirm"
               bind:tap="onConfirm"
             >
-              确认
+              
+        确认
+      
             </wx-view>
           </wx-view>
           <wx-view
@@ -57,6 +63,7 @@ exports[`picker :base 1`] = `
           >
             <t-picker-item>
               <wx-view
+                ariaRole="listbox"
                 class="t-picker-item__group class t-class"
                 style=""
                 bind:touchcancel="onTouchEnd"
@@ -69,6 +76,9 @@ exports[`picker :base 1`] = `
                   style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
                 >
                   <wx-view
+                    ariaHidden="{{false}}"
+                    ariaLabel="2021年，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item t-picker-item__item--active"
                     data-index="{{0}}"
                   >
@@ -77,6 +87,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="2020年，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{1}}"
                   >
@@ -85,6 +98,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="2019年，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{2}}"
                   >
@@ -93,10 +109,16 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                 </wx-view>
+                <wx-view
+                  ariaRole="alert"
+                >
+                  2021年
+                </wx-view>
               </wx-view>
             </t-picker-item>
             <t-picker-item>
               <wx-view
+                ariaRole="listbox"
                 class="t-picker-item__group class t-class"
                 style=""
                 bind:touchcancel="onTouchEnd"
@@ -109,6 +131,9 @@ exports[`picker :base 1`] = `
                   style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
                 >
                   <wx-view
+                    ariaHidden="{{false}}"
+                    ariaLabel="春，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item t-picker-item__item--active"
                     data-index="{{0}}"
                   >
@@ -117,6 +142,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="夏，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{1}}"
                   >
@@ -125,6 +153,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="秋，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{2}}"
                   >
@@ -133,6 +164,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="冬，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{3}}"
                   >
@@ -141,6 +175,11 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                 </wx-view>
+                <wx-view
+                  ariaRole="alert"
+                >
+                  春
+                </wx-view>
               </wx-view>
             </t-picker-item>
             <wx-view

From 30870fb4d946b1082da652e3e40595811ecd98e1 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 15:12:10 +0800
Subject: [PATCH 05/13] feat(picker): change logic

---
 src/picker-item/picker-item.ts | 24 ++++++------------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/src/picker-item/picker-item.ts b/src/picker-item/picker-item.ts
index c0c9e9212..e6808e343 100644
--- a/src/picker-item/picker-item.ts
+++ b/src/picker-item/picker-item.ts
@@ -56,37 +56,25 @@ export default class PickerItem extends SuperComponent {
       // touch偏移增量
       const touchDeltaY = event.touches[0].clientY - StartY;
       const deltaY = this.calculateViewDeltaY(touchDeltaY);
+      const offset = range(StartOffset + deltaY, -(this.getCount() * itemHeight), 0);
+      const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
 
       this.setData({
-        offset: range(StartOffset + deltaY, -(this.getCount() * itemHeight), 0),
+        offset,
         duration: DefaultDuration,
-      });
-
-      const { offset } = this.data;
-
-      if (offset === this.StartOffset) {
-        return;
-      }
-      // 调整偏移量
-      const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
-      this.setData({
         curIndex: index,
       });
     },
 
     onTouchEnd() {
-      const { offset } = this.data;
+      const { offset, index } = this.data;
       const { options } = this.properties;
 
       if (offset === this.StartOffset) {
         return;
       }
-      // 调整偏移量
-      const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
-      this.setData({
-        curIndex: index,
-        offset: -index * this.itemHeight,
-      });
+
+      this.setData({ offset: -index * this.itemHeight });
 
       if (index === this._selectedIndex) {
         return;

From 04deb91a052ed7b1ee3fa4c0d4f9cc6992f2b6b4 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 15:19:04 +0800
Subject: [PATCH 06/13] fix(picker): offset logic

---
 src/picker-item/picker-item.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/picker-item/picker-item.ts b/src/picker-item/picker-item.ts
index e6808e343..14459f53c 100644
--- a/src/picker-item/picker-item.ts
+++ b/src/picker-item/picker-item.ts
@@ -67,14 +67,18 @@ export default class PickerItem extends SuperComponent {
     },
 
     onTouchEnd() {
-      const { offset, index } = this.data;
+      const { offset } = this.data;
       const { options } = this.properties;
 
       if (offset === this.StartOffset) {
         return;
       }
-
-      this.setData({ offset: -index * this.itemHeight });
+      // 调整偏移量
+      const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
+      this.setData({
+        curIndex: index,
+        offset: -index * this.itemHeight,
+      });
 
       if (index === this._selectedIndex) {
         return;

From c26553406b65c1368b66b97d4dfd780747243bef Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 19:33:16 +0800
Subject: [PATCH 07/13] feat(picker): aria content hidden

---
 src/picker-item/picker-item.less | 6 ++++++
 src/picker-item/picker-item.wxml | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/picker-item/picker-item.less b/src/picker-item/picker-item.less
index 5ba7b3d87..54bbe063e 100644
--- a/src/picker-item/picker-item.less
+++ b/src/picker-item/picker-item.less
@@ -18,6 +18,7 @@
     overflow: hidden;
     flex: 1;
     z-index: 1;
+    position: relative;
   }
 
   &__wrapper {
@@ -38,4 +39,9 @@
       font-weight: 600;
     }
   }
+
+  &__aria__content {
+    position: absolute;
+    top: 100%;
+  }
 }
diff --git a/src/picker-item/picker-item.wxml b/src/picker-item/picker-item.wxml
index f1d10c122..1e1a00367 100644
--- a/src/picker-item/picker-item.wxml
+++ b/src/picker-item/picker-item.wxml
@@ -26,5 +26,5 @@
       {{option.label}}
     </view>
   </view>
-  <view aria-role="alert">{{ options[curIndex].label }}</view>
+  <view class="{{classPrefix}}__aria__content" aria-role="alert">{{ options[curIndex].label }}</view>
 </view>

From bb5b31ff21014d1da17060c24425d4d97ef16166 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 19:42:22 +0800
Subject: [PATCH 08/13] test: update snap

---
 .../index.test.js.snap                        |   50 +-
 .../index.test.js.snap                        | 1426 ++++++++---------
 .../index.test.js.snap                        |   80 +-
 .../index.test.js.snap                        |  260 ++-
 .../index.test.js.snap                        |   64 +-
 .../__test__/__snapshots__/index.test.js.snap |    2 +
 .../index.test.js.snap                        |  855 +++++-----
 .../index.test.js.snap                        |   74 +-
 .../index.test.js.snap                        |   18 +-
 .../index.test.js.snap                        |   16 +-
 .../index.test.js.snap                        |  255 +--
 .../index.test.js.snap                        |  103 +-
 .../index.test.js.snap                        |  324 ++--
 .../index.test.js.snap                        |  142 +-
 .../index.test.js.snap                        |  210 ++-
 .../index.test.js.snap                        |  116 +-
 .../index.test.js.snap                        |   20 +-
 .../__test__/__snapshots__/index.test.js.snap |    2 +
 .../index.test.js.snap                        |  279 ++--
 .../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 +-
 24 files changed, 2318 insertions(+), 2494 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 56c5f98c3..8651f4a34 100644
--- a/src/calendar/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/calendar/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,809 +2,777 @@
 
 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-popup__close"
+        bind:tap="handleClose"
+      />
+      <wx-view
+        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-view
-            class="t-popup__close"
-            bind:tap="handleClose"
+          <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>
+        <wx-view
+          class="t-calendar__footer"
+        >
+          <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>
         </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>
+  </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__/__snapshots__/index.test.js.snap b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
index 3dc841d4f..fce787c67 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
@@ -425,6 +425,7 @@ exports[`date-time-picker :base 1`] = `
                     </wx-view>
                     <wx-view
                       ariaRole="alert"
+                      class="t-picker-item__aria__content"
                     >
                       2021年
                     </wx-view>
@@ -582,6 +583,7 @@ exports[`date-time-picker :base 1`] = `
                     </wx-view>
                     <wx-view
                       ariaRole="alert"
+                      class="t-picker-item__aria__content"
                     >
                       9月
                     </wx-view>
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 3ef2dbac1..f11884db8 100644
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -2,474 +2,591 @@
 
 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-popup__close"
+        bind:tap="handleClose"
+      />
+      <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"
+            ariaRole="button"
+            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
+            ariaRole="button"
+            class="t-picker__confirm t-class-confirm"
+            bind:tap="onConfirm"
+          >
+            
+        确定
+      
+          </wx-view>
+        </wx-view>
+        <wx-view
+          class="t-picker__main"
+        >
+          <wx-view
+            ariaRole="listbox"
+            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-popup__close"
-              bind:tap="handleClose"
-            />
-            <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}}"
-                      >
-                        
+                ariaHidden="{{true}}"
+                ariaLabel="2000年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2001年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2002年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2003年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2004年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2005年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2006年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2007年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2008年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2009年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2010年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2011年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2012年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2013年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2014年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2015年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2016年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2017年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2018年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2019年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2020年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{false}}"
+                ariaLabel="2021年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2022年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2023年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2024年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2025年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2026年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2027年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2028年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2029年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2030年，按住后上下滑动选择"
+                ariaRole="option"
+                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
+              ariaRole="alert"
+              class="t-picker-item__aria__content"
+            >
+              2021年
+            </wx-view>
+          </wx-view>
+          <wx-view
+            ariaRole="listbox"
+            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
+                ariaHidden="{{true}}"
+                ariaLabel="1月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="2月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="3月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="4月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="5月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="6月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="7月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="8月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{false}}"
+                ariaLabel="9月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="10月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="11月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+                ariaHidden="{{true}}"
+                ariaLabel="12月，按住后上下滑动选择"
+                ariaRole="option"
+                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
+              ariaRole="alert"
+              class="t-picker-item__aria__content"
+            >
+              9月
+            </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>
+  </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 77099656f..4b12e1fb4 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-popup__close"
+        bind:tap="handleClose"
+      />
+      <wx-view
+        class="t-dialog t-class"
+        slot="content"
       >
         <wx-view
-          class="t-popup__content t-class-content"
-        >
-          <wx-view
-            class="t-popup__close"
-            bind:tap="handleClose"
-          />
-          <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>
-      </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>
+  </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 66610fc4f..cf5dd0611 100644
--- a/src/image-viewer/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/image-viewer/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,196 +1,115 @@
 // 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
-    ariaHidden="{{false}}"
-    class="class t-class t-image t-image__mask t-image--loading t-image--shape-square"
-    style=""
+    class="class t-class t-loading t-loading--horizontal"
+    style="width: 44rpx; height: 44rpx;  color: inherit"
   >
-    <t-loading
-      tClass="t-class-load"
-      tClassText="t-image--loading-text"
+    <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="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
-    ariaHidden="{{false}}"
-    class="class t-class t-image t-image__mask t-image--loading t-image--shape-square"
-    style=""
+    class="class t-class t-loading t-loading--horizontal"
+    style="width: 44rpx; height: 44rpx;  color: inherit"
   >
-    <t-loading
-      tClass="t-class-load"
-      tClassText="t-image--loading-text"
+    <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="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
-    ariaHidden="{{false}}"
-    class="class t-class t-image t-image__mask t-image--loading t-image--shape-square"
-    style=""
+    class="class t-class t-loading t-loading--horizontal"
+    style="width: 44rpx; height: 44rpx;  color: inherit"
   >
-    <t-loading
-      tClass="t-class-load"
-      tClassText="t-image--loading-text"
+    <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="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 3f0a13637..49f56aaa9 100644
--- a/src/input/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/input/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,214 +1,194 @@
 // 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}}"
+        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"
+      />
       <wx-view
-        class="t-input__content t-input--default"
+        class="t-input__wrap--clearable-icon"
+        bind:tap="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}}"
-          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"
-        />
-        <wx-view
-          class="t-input__wrap--clearable-icon"
-          bind:tap="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}}"
+        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"
+      />
       <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}}"
-          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"
-        />
-        <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 141416919..42fd5f2c3 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"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__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"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__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"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__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"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__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"
-          />
-        </wx-view>
-        <wx-view
-          class="t-navbar__center t-class-center"
+          class="t-navbar__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__/__snapshots__/index.test.js.snap b/src/picker/__test__/__snapshots__/index.test.js.snap
index eed6f7843..9020ee1a5 100644
--- a/src/picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/picker/__test__/__snapshots__/index.test.js.snap
@@ -111,6 +111,7 @@ exports[`picker :base 1`] = `
                 </wx-view>
                 <wx-view
                   ariaRole="alert"
+                  class="t-picker-item__aria__content"
                 >
                   2021年
                 </wx-view>
@@ -177,6 +178,7 @@ exports[`picker :base 1`] = `
                 </wx-view>
                 <wx-view
                   ariaRole="alert"
+                  class="t-picker-item__aria__content"
                 >
                   春
                 </wx-view>
diff --git a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index 7e9ca22d2..3c9b1048c 100644
--- a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -1,176 +1,185 @@
 // 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-popup__close"
+      bind:tap="handleClose"
+    />
+    <wx-view
+      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-popup__close"
-          bind:tap="handleClose"
-        />
+          ariaRole="button"
+          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
+          ariaRole="button"
+          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 t-class"
-          slot="content"
+          ariaRole="listbox"
+          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"
+              ariaHidden="{{false}}"
+              ariaLabel="2021年，按住后上下滑动选择"
+              ariaRole="option"
+              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"
+              ariaHidden="{{true}}"
+              ariaLabel="2020年，按住后上下滑动选择"
+              ariaRole="option"
+              class="t-picker-item__item"
+              data-index="{{1}}"
             >
               
+      2020年
+    
             </wx-view>
             <wx-view
-              class="t-picker__confirm t-class-confirm"
-              bind:tap="onConfirm"
+              ariaHidden="{{true}}"
+              ariaLabel="2019年，按住后上下滑动选择"
+              ariaRole="option"
+              class="t-picker-item__item"
+              data-index="{{2}}"
             >
-              确认
+              
+      2019年
+    
             </wx-view>
           </wx-view>
           <wx-view
-            class="t-picker__main"
+            ariaRole="alert"
+            class="t-picker-item__aria__content"
           >
-            <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}}"
-                  >
-                    
+            2021年
+          </wx-view>
+        </wx-view>
+        <wx-view
+          ariaRole="listbox"
+          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
+              ariaHidden="{{false}}"
+              ariaLabel="春，按住后上下滑动选择"
+              ariaRole="option"
+              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
+              ariaHidden="{{true}}"
+              ariaLabel="夏，按住后上下滑动选择"
+              ariaRole="option"
+              class="t-picker-item__item"
+              data-index="{{1}}"
+            >
+              
       夏
     
-                  </wx-view>
-                  <wx-view
-                    class="t-picker-item__item"
-                    data-index="{{2}}"
-                  >
-                    
+            </wx-view>
+            <wx-view
+              ariaHidden="{{true}}"
+              ariaLabel="秋，按住后上下滑动选择"
+              ariaRole="option"
+              class="t-picker-item__item"
+              data-index="{{2}}"
+            >
+              
       秋
     
-                  </wx-view>
-                  <wx-view
-                    class="t-picker-item__item"
-                    data-index="{{3}}"
-                  >
-                    
+            </wx-view>
+            <wx-view
+              ariaHidden="{{true}}"
+              ariaLabel="冬，按住后上下滑动选择"
+              ariaRole="option"
+              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
+            ariaRole="alert"
+            class="t-picker-item__aria__content"
+          >
+            春
           </wx-view>
         </wx-view>
+        <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>
-    <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>
+</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 129491bfe..1ba7501a8 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="height:16px"
-          />
-        </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="height:16px"
+        />
       </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="height:16px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="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="height:16px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="height:16px"
+        />
+      </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;height:16px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:440rpx;height:16px"
+        />
       </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="height:16px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="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="height:16px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="height:16px"
+        />
+      </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;height:16px"
-          />
-        </wx-view>
+          class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+          style="width:220px;height:16px"
+        />
       </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 e06b2d5499d46a54eb893518bf6eb1fb2621334b Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Thu, 2 Mar 2023 20:27:46 +0800
Subject: [PATCH 09/13] feat(picker): aira conten hidden

---
 src/picker-item/picker-item.less | 2 +-
 src/picker-item/picker-item.ts   | 3 +++
 src/picker-item/picker-item.wxml | 4 +++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/picker-item/picker-item.less b/src/picker-item/picker-item.less
index 54bbe063e..cca5dd9e7 100644
--- a/src/picker-item/picker-item.less
+++ b/src/picker-item/picker-item.less
@@ -42,6 +42,6 @@
 
   &__aria__content {
     position: absolute;
-    top: 100%;
+    bottom: -100%;
   }
 }
diff --git a/src/picker-item/picker-item.ts b/src/picker-item/picker-item.ts
index 14459f53c..2f0e7190c 100644
--- a/src/picker-item/picker-item.ts
+++ b/src/picker-item/picker-item.ts
@@ -41,6 +41,7 @@ export default class PickerItem extends SuperComponent {
     duration: 0, // 滚动动画延迟
     value: '',
     curIndex: 0,
+    isScrolling: false,
   };
 
   methods = {
@@ -63,6 +64,7 @@ export default class PickerItem extends SuperComponent {
         offset,
         duration: DefaultDuration,
         curIndex: index,
+        isScrolling: true,
       });
     },
 
@@ -78,6 +80,7 @@ export default class PickerItem extends SuperComponent {
       this.setData({
         curIndex: index,
         offset: -index * this.itemHeight,
+        isScrolling: false,
       });
 
       if (index === this._selectedIndex) {
diff --git a/src/picker-item/picker-item.wxml b/src/picker-item/picker-item.wxml
index 1e1a00367..5cad0dc96 100644
--- a/src/picker-item/picker-item.wxml
+++ b/src/picker-item/picker-item.wxml
@@ -26,5 +26,7 @@
       {{option.label}}
     </view>
   </view>
-  <view class="{{classPrefix}}__aria__content" aria-role="alert">{{ options[curIndex].label }}</view>
+  <view class="{{classPrefix}}__aria__content" aria-role="alert" aria-hidden="{{!isScrolling}}"
+    >{{ options[curIndex].label }}</view
+  >
 </view>

From 04d16a1a39b6886b02df044a4b1ef483c76e9fb7 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Fri, 3 Mar 2023 10:16:28 +0800
Subject: [PATCH 10/13] test(picker): update snap

---
 src/date-time-picker/__test__/__snapshots__/index.test.js.snap  | 2 ++
 .../__test__/__virtualHostSnapshot__/index.test.js.snap         | 2 ++
 src/picker/__test__/__snapshots__/index.test.js.snap            | 2 ++
 src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap  | 2 ++
 4 files changed, 8 insertions(+)

diff --git a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
index fce787c67..f13ac7d17 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
@@ -424,6 +424,7 @@ exports[`date-time-picker :base 1`] = `
                       </wx-view>
                     </wx-view>
                     <wx-view
+                      ariaHidden="{{true}}"
                       ariaRole="alert"
                       class="t-picker-item__aria__content"
                     >
@@ -582,6 +583,7 @@ exports[`date-time-picker :base 1`] = `
                       </wx-view>
                     </wx-view>
                     <wx-view
+                      ariaHidden="{{true}}"
                       ariaRole="alert"
                       class="t-picker-item__aria__content"
                     >
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 f11884db8..6d9aab040 100644
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -407,6 +407,7 @@ exports[`date-time-picker :base 1`] = `
               </wx-view>
             </wx-view>
             <wx-view
+              ariaHidden="{{true}}"
               ariaRole="alert"
               class="t-picker-item__aria__content"
             >
@@ -560,6 +561,7 @@ exports[`date-time-picker :base 1`] = `
               </wx-view>
             </wx-view>
             <wx-view
+              ariaHidden="{{true}}"
               ariaRole="alert"
               class="t-picker-item__aria__content"
             >
diff --git a/src/picker/__test__/__snapshots__/index.test.js.snap b/src/picker/__test__/__snapshots__/index.test.js.snap
index 9020ee1a5..aee9c38d8 100644
--- a/src/picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/picker/__test__/__snapshots__/index.test.js.snap
@@ -110,6 +110,7 @@ exports[`picker :base 1`] = `
                   </wx-view>
                 </wx-view>
                 <wx-view
+                  ariaHidden="{{true}}"
                   ariaRole="alert"
                   class="t-picker-item__aria__content"
                 >
@@ -177,6 +178,7 @@ exports[`picker :base 1`] = `
                   </wx-view>
                 </wx-view>
                 <wx-view
+                  ariaHidden="{{true}}"
                   ariaRole="alert"
                   class="t-picker-item__aria__content"
                 >
diff --git a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index 3c9b1048c..54eb1e096 100644
--- a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -98,6 +98,7 @@ exports[`picker :base 1`] = `
             </wx-view>
           </wx-view>
           <wx-view
+            ariaHidden="{{true}}"
             ariaRole="alert"
             class="t-picker-item__aria__content"
           >
@@ -163,6 +164,7 @@ exports[`picker :base 1`] = `
             </wx-view>
           </wx-view>
           <wx-view
+            ariaHidden="{{true}}"
             ariaRole="alert"
             class="t-picker-item__aria__content"
           >

From 37bdcf3bd97afe73941b6d88c02ec36160006dea Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 6 Mar 2023 15:24:23 +0800
Subject: [PATCH 11/13] feat(picker): style

---
 src/picker-item/picker-item.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/picker-item/picker-item.less b/src/picker-item/picker-item.less
index cca5dd9e7..76f79cd2c 100644
--- a/src/picker-item/picker-item.less
+++ b/src/picker-item/picker-item.less
@@ -43,5 +43,9 @@
   &__aria__content {
     position: absolute;
     bottom: -100%;
+    opacity: 0;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
   }
 }

From 592b6843a9893ece16aff5422172175e9351a4dd Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Mon, 20 Mar 2023 19:43:34 +0800
Subject: [PATCH 12/13] chore(picker): style

---
 src/picker-item/picker-item.wxml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/picker-item/picker-item.wxml b/src/picker-item/picker-item.wxml
index 348a9c497..7f11a5823 100644
--- a/src/picker-item/picker-item.wxml
+++ b/src/picker-item/picker-item.wxml
@@ -26,7 +26,7 @@
       {{option[labelAlias]}}
     </view>
   </view>
-  <view class="{{classPrefix}}__aria__content" aria-role="alert" aria-hidden="{{!isScrolling}}"
-    >{{ options[curIndex].label }}</view
-  >
+  <view class="{{classPrefix}}__aria__content" aria-role="alert" aria-hidden="{{!isScrolling}}">
+    {{ options[curIndex].label }}
+  </view>
 </view>

From 0ae0ff7c9d3431f86f02f4824610f85915ec1102 Mon Sep 17 00:00:00 2001
From: zhangpaopao <zhangpaopao0609@gmail.com>
Date: Tue, 21 Mar 2023 10:26:58 +0800
Subject: [PATCH 13/13] chore(picker): update snap

---
 .../__test__/__snapshots__/index.test.js.snap             | 8 ++++++--
 .../__test__/__virtualHostSnapshot__/index.test.js.snap   | 8 ++++++--
 src/picker/__test__/__snapshots__/index.test.js.snap      | 8 ++++++--
 .../__test__/__virtualHostSnapshot__/index.test.js.snap   | 8 ++++++--
 4 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
index e4c4af53c..6dca08382 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
@@ -424,7 +424,9 @@ exports[`date-time-picker :base 1`] = `
                       ariaRole="alert"
                       class="t-picker-item__aria__content"
                     >
-                      2021年
+                      
+    2021年
+  
                     </wx-view>
                   </wx-view>
                 </t-picker-item>
@@ -583,7 +585,9 @@ exports[`date-time-picker :base 1`] = `
                       ariaRole="alert"
                       class="t-picker-item__aria__content"
                     >
-                      9月
+                      
+    9月
+  
                     </wx-view>
                   </wx-view>
                 </t-picker-item>
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 d549d4b71..6029784b4 100644
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -407,7 +407,9 @@ exports[`date-time-picker :base 1`] = `
               ariaRole="alert"
               class="t-picker-item__aria__content"
             >
-              2021年
+              
+    2021年
+  
             </wx-view>
           </wx-view>
           <wx-view
@@ -561,7 +563,9 @@ exports[`date-time-picker :base 1`] = `
               ariaRole="alert"
               class="t-picker-item__aria__content"
             >
-              9月
+              
+    9月
+  
             </wx-view>
           </wx-view>
           <wx-view
diff --git a/src/picker/__test__/__snapshots__/index.test.js.snap b/src/picker/__test__/__snapshots__/index.test.js.snap
index 80874e79e..b76c8d7e4 100644
--- a/src/picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/picker/__test__/__snapshots__/index.test.js.snap
@@ -110,7 +110,9 @@ exports[`picker :base 1`] = `
                   ariaRole="alert"
                   class="t-picker-item__aria__content"
                 >
-                  2021年
+                  
+    2021年
+  
                 </wx-view>
               </wx-view>
             </t-picker-item>
@@ -178,7 +180,9 @@ exports[`picker :base 1`] = `
                   ariaRole="alert"
                   class="t-picker-item__aria__content"
                 >
-                  春
+                  
+    春
+  
                 </wx-view>
               </wx-view>
             </t-picker-item>
diff --git a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index 83de856f4..814634c6e 100644
--- a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -98,7 +98,9 @@ exports[`picker :base 1`] = `
             ariaRole="alert"
             class="t-picker-item__aria__content"
           >
-            2021年
+            
+    2021年
+  
           </wx-view>
         </wx-view>
         <wx-view
@@ -164,7 +166,9 @@ exports[`picker :base 1`] = `
             ariaRole="alert"
             class="t-picker-item__aria__content"
           >
-            春
+            
+    春
+  
           </wx-view>
         </wx-view>
         <wx-view