diff --git a/package.json b/package.json
index d6fb95d81..54b7b4422 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,7 @@
     "@types/lodash": "^4.14.178",
     "@types/validator": "^13.6.3",
     "@use-gesture/vanilla": "^10.3.0",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "~10.6.1",
     "dayjs": "^1.10.7",
     "lodash": "^4.17.21",
     "tdesign-icons-vue-next": "^0.2.0",
diff --git a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
index 59b9f200e..459264e91 100644
--- a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
@@ -230,6 +230,233 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
 </div>
 `;
 
+exports[`Cascader > Cascader checkStrictlyVue demo works fine 1`] = `
+<div
+  data-v-app=""
+>
+  
+  <div
+    class="t-cell t-cell--middle"
+    data-v-e4157e3c=""
+  >
+    <div
+      class="t-cell__left"
+    >
+      <!--v-if-->
+      <!---->
+    </div>
+    <div
+      class="t-cell__title"
+    >
+      地址
+      <!--v-if-->
+      <!--v-if-->
+    </div>
+    <div
+      class="t-cell__note"
+    >
+      请选择地址
+    </div>
+    <div
+      class="t-cell__right"
+    >
+      <div
+        class="t-cell__right-icon"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+    </div>
+  </div>
+  <teleport-stub
+    data-v-e4157e3c=""
+    disabled="false"
+    to="[object HTMLBodyElement]"
+  >
+    <div
+      class="t-overlay"
+      style="z-index: 1000; transition-duration: 300ms; display: none;"
+    >
+      
+      
+    </div>
+    <div
+      class="t-popup t-popup--bottom"
+      style="display: none;"
+    >
+      <!--v-if-->
+      
+      <div
+        class="t-cascader"
+      >
+        <div
+          class="t-cascader__title"
+        >
+          
+          选择地址
+          
+        </div>
+        <div
+          class="t-cascader__close-btn"
+        >
+          
+          <span
+            class="confirm-btn"
+            data-v-e4157e3c=""
+          >
+            确定
+          </span>
+          
+        </div>
+        <div
+          class="t-cascader__content"
+        >
+          <div>
+            <div
+              class="t-cascader__steps"
+            >
+              
+              <div
+                class="t-cascader__step"
+              >
+                <div
+                  class="t-cascader__step-dot t-cascader__step-dot--last"
+                />
+                <div
+                  class="t-cascader__step-label t-cascader__step-label--active"
+                >
+                  
+                  选择选项
+                  
+                </div>
+                <svg
+                  class="t-icon t-icon-chevron-right t-cascader__step-arrow"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+              
+            </div>
+            <!--v-if-->
+          </div>
+          <!--v-if-->
+          <div
+            class="t-cascader__options-container"
+            style="width: 200vw; transform: translateX(-000vw);"
+          >
+            
+            <div
+              class="t-cascader__options"
+            >
+              <div
+                class="cascader-radio-group-0 slide-enter-from slide-enter-active"
+              >
+                <div
+                  class="t-radio-group"
+                  role="radiogroup"
+                >
+                  
+                  <div
+                    class="t-radio t-radio--right t-radio--block"
+                  >
+                    <input
+                      class="t-radio__original"
+                      name=""
+                      type="radio"
+                      value="110000"
+                    />
+                    <div
+                      class="t-radio__icon t-radio__icon--right"
+                    >
+                      <!--v-if-->
+                      <!--v-if-->
+                      <!--v-if-->
+                      <!--v-if-->
+                      <div
+                        class="placeholder"
+                      />
+                      <!---->
+                    </div>
+                    <div
+                      class="t-radio__content"
+                    >
+                      <span
+                        class="t-radio__title"
+                        style=""
+                      >
+                        北京市
+                      </span>
+                      <!--v-if-->
+                    </div>
+                    <!--v-if-->
+                  </div>
+                  <div
+                    class="t-radio t-radio--right t-radio--block"
+                  >
+                    <input
+                      class="t-radio__original"
+                      name=""
+                      type="radio"
+                      value="120000"
+                    />
+                    <div
+                      class="t-radio__icon t-radio__icon--right"
+                    >
+                      <!--v-if-->
+                      <!--v-if-->
+                      <!--v-if-->
+                      <!--v-if-->
+                      <div
+                        class="placeholder"
+                      />
+                      <!---->
+                    </div>
+                    <div
+                      class="t-radio__content"
+                    >
+                      <span
+                        class="t-radio__title"
+                        style=""
+                      >
+                        天津市
+                      </span>
+                      <!--v-if-->
+                    </div>
+                    <!--v-if-->
+                  </div>
+                  
+                  <!--v-if-->
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      
+    </div>
+  </teleport-stub>
+  
+</div>
+`;
+
 exports[`Cascader > Cascader keysVue demo works fine 1`] = `
 <div
   data-v-app=""
diff --git a/src/cascader/__test__/demo.test.jsx b/src/cascader/__test__/demo.test.jsx
index c9f019384..b8b8d46c9 100644
--- a/src/cascader/__test__/demo.test.jsx
+++ b/src/cascader/__test__/demo.test.jsx
@@ -4,6 +4,7 @@
 
 import { mount } from '@vue/test-utils';
 import baseVue from '@/cascader/demos/base.vue';
+import checkStrictlyVue from '@/cascader/demos/check-strictly.vue';
 import keysVue from '@/cascader/demos/keys.vue';
 import lazyVue from '@/cascader/demos/lazy.vue';
 import mobileVue from '@/cascader/demos/mobile.vue';
@@ -13,6 +14,7 @@ import withValueVue from '@/cascader/demos/with-value.vue';
 
 const mapper = {
   baseVue,
+  checkStrictlyVue,
   keysVue,
   lazyVue,
   mobileVue,
diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
index 101d2f862..e69de29bb 100644
--- a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -1,4463 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择日期(年月日)
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div
-      class="t-cell__note"
-    >
-      年 月 日
-    </div>
-    <!--v-if-->
-  </div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker t-date-time-picker"
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          >
-            选择日期
-          </div>
-          <div
-            class="t-picker__confirm"
-          >
-            确定
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -160px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                2015 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2016 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2017 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2018 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2019 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2020 年
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                2021 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2022 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2023 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2024 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2025 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2026 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2027 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2028 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2029 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2030 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2031 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2032 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2033 年
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -360px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                1 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 月
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                12 月
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -800px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                1 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 日
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                23 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                24 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                25 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                26 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                27 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                28 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                29 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                30 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                31 日
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
-
-exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择日期
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div
-      class="t-cell__note"
-    >
-      年 月 日
-    </div>
-    <!--v-if-->
-  </div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker t-date-time-picker"
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          >
-            选择日期
-          </div>
-          <div
-            class="t-picker__confirm"
-          >
-            确定
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 40px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                2020 年
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                2021 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2022 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2023 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2024 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2025 年
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -360px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                1 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 月
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                12 月
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -800px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                1 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 日
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                23 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                24 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                25 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                26 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                27 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                28 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                29 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                30 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                31 日
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
-
-exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择日期(年月日时分)
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div
-      class="t-cell__note"
-    >
-      2020-08-10 12:50:00
-    </div>
-    <!--v-if-->
-  </div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker t-date-time-picker"
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          >
-            选择日期时间
-          </div>
-          <div
-            class="t-picker__confirm"
-          >
-            确定
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -200px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                2013 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2014 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2015 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2016 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2017 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2018 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2019 年
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                2020 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2021 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2022 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2023 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2024 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2025 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2026 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2027 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2028 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2029 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2030 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2031 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2032 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2033 年
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -200px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                1 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 月
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                8 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 月
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -280px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                1 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 日
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                10 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                23 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                24 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                25 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                26 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                27 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                28 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                29 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                30 日
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                31 日
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -400px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                0 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                1 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 时
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                12 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                23 时
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -1920px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                0 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                1 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                23 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                24 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                25 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                26 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                27 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                28 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                29 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                30 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                31 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                32 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                33 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                34 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                35 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                36 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                37 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                38 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                39 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                40 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                41 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                42 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                43 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                44 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                45 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                46 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                47 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                48 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                49 分
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                50 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                51 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                52 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                53 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                54 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                55 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                56 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                57 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                58 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                59 分
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                0 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                1 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                23 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                24 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                25 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                26 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                27 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                28 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                29 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                30 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                31 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                32 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                33 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                34 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                35 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                36 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                37 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                38 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                39 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                40 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                41 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                42 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                43 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                44 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                45 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                46 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                47 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                48 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                49 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                50 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                51 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                52 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                53 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                54 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                55 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                56 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                57 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                58 秒
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                59 秒
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
-
-exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
-<div
-  class="tdesign-mobile-demo"
->
-  <h1
-    class="title"
-  >
-    DateTimePicker 时间选择器
-  </h1>
-  <p
-    class="summary"
-  >
-    用于选择一个时间点或者一个时间段
-  </p>
-  <div
-    class="tdesign-mobile-demo-block"
-  >
-    <div
-      class="tdesign-mobile-demo-block__header"
-    >
-      <h2
-        class="tdesign-mobile-demo-block__title"
-      >
-        01 类型
-      </h2>
-      <p
-        class="tdesign-mobile-demo-block__summary"
-      >
-        基本用法
-      </p>
-    </div>
-    <div
-      class="tdesign-mobile-demo-block__slot"
-    >
-      
-      
-      <div
-        class="t-cell t-cell--middle"
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          选择日期(年月日)
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <div
-          class="t-cell__note"
-        >
-          年 月 日
-        </div>
-        <!--v-if-->
-      </div>
-      <teleport-stub
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker t-date-time-picker"
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              >
-                选择日期
-              </div>
-              <div
-                class="t-picker__confirm"
-              >
-                确定
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -160px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2015 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2016 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2017 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2018 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2019 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2020 年
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    2021 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2022 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2023 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2024 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2025 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2026 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2027 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2028 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2029 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2030 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2031 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2032 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2033 年
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -360px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    1 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    3 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    4 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    5 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    6 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    7 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    8 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    9 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    10 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    11 月
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    12 月
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -800px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    1 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    3 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    4 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    5 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    6 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    7 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    8 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    9 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    10 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    11 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    12 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    13 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    14 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    15 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    16 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    17 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    18 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    19 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    20 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    21 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    22 日
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    23 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    24 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    25 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    26 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    27 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    28 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    29 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    30 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    31 日
-                  </li>
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      
-      
-      <div
-        class="t-cell t-cell--middle"
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          选择日期(年月)
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <div
-          class="t-cell__note"
-        >
-          年 月
-        </div>
-        <!--v-if-->
-      </div>
-      <teleport-stub
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker t-date-time-picker"
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              >
-                选择日期
-              </div>
-              <div
-                class="t-picker__confirm"
-              >
-                确定
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -240px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2013 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2014 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2015 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2016 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2017 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2018 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2019 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2020 年
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    2021 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2022 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2023 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2024 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2025 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2026 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2027 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2028 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2029 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2030 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2031 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2032 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2033 年
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -240px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    1 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    3 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    4 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    5 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    6 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    7 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    8 月
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    9 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    10 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    11 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    12 月
-                  </li>
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      
-      
-      <div
-        class="t-cell t-cell--middle"
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          选择日期(时分)
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <div
-          class="t-cell__note"
-        >
-          时 分
-        </div>
-        <!--v-if-->
-      </div>
-      <teleport-stub
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker t-date-time-picker"
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              >
-                选择日期
-              </div>
-              <div
-                class="t-picker__confirm"
-              >
-                确定
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -320px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    0 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    1 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    3 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    4 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    5 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    6 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    7 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    8 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    9 时
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    10 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    11 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    12 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    13 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    14 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    15 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    16 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    17 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    18 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    19 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    20 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    21 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    22 时
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    23 时
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -320px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    0 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    1 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    3 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    4 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    5 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    6 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    7 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    8 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    9 分
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    10 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    11 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    12 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    13 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    14 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    15 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    16 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    17 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    18 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    19 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    20 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    21 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    22 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    23 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    24 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    25 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    26 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    27 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    28 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    29 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    30 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    31 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    32 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    33 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    34 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    35 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    36 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    37 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    38 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    39 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    40 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    41 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    42 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    43 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    44 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    45 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    46 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    47 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    48 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    49 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    50 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    51 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    52 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    53 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    54 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    55 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    56 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    57 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    58 分
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    59 分
-                  </li>
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      
-      
-    </div>
-  </div>
-  <div
-    class="tdesign-mobile-demo-block"
-  >
-    <div
-      class="tdesign-mobile-demo-block__header"
-    >
-      <h2
-        class="tdesign-mobile-demo-block__title"
-      >
-        02 自定义
-      </h2>
-      <p
-        class="tdesign-mobile-demo-block__summary"
-      >
-        自定义选择范围
-      </p>
-    </div>
-    <div
-      class="tdesign-mobile-demo-block__slot"
-    >
-      
-      
-      <div
-        class="t-cell t-cell--middle"
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          选择日期
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <div
-          class="t-cell__note"
-        >
-          年 月 日
-        </div>
-        <!--v-if-->
-      </div>
-      <teleport-stub
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker t-date-time-picker"
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              >
-                选择日期
-              </div>
-              <div
-                class="t-picker__confirm"
-              >
-                确定
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 40px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2020 年
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    2021 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2022 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2023 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2024 年
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2025 年
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -360px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    1 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    3 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    4 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    5 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    6 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    7 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    8 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    9 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    10 月
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    11 月
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    12 月
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, -800px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    1 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    3 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    4 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    5 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    6 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    7 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    8 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    9 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    10 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    11 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    12 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    13 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    14 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    15 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    16 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    17 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    18 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    19 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    20 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    21 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    22 日
-                  </li>
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    23 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    24 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    25 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    26 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    27 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    28 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    29 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    30 日
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    31 日
-                  </li>
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      
-      
-    </div>
-  </div>
-</div>
-`;
-
-exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择日期(时分)
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div
-      class="t-cell__note"
-    >
-      时 分
-    </div>
-    <!--v-if-->
-  </div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker t-date-time-picker"
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          >
-            选择日期
-          </div>
-          <div
-            class="t-picker__confirm"
-          >
-            确定
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -320px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                0 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                1 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 时
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                10 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 时
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                23 时
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -320px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                0 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                1 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                9 分
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                10 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                13 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                14 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                15 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                16 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                17 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                18 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                19 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                20 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                21 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                22 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                23 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                24 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                25 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                26 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                27 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                28 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                29 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                30 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                31 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                32 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                33 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                34 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                35 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                36 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                37 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                38 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                39 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                40 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                41 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                42 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                43 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                44 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                45 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                46 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                47 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                48 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                49 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                50 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                51 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                52 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                53 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                54 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                55 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                56 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                57 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                58 分
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                59 分
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
-
-exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择日期(年月)
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div
-      class="t-cell__note"
-    >
-      年 月
-    </div>
-    <!--v-if-->
-  </div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker t-date-time-picker"
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          >
-            选择日期
-          </div>
-          <div
-            class="t-picker__confirm"
-          >
-            确定
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -240px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                2013 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2014 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2015 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2016 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2017 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2018 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2019 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2020 年
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                2021 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2022 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2023 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2024 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2025 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2026 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2027 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2028 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2029 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2030 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2031 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2032 年
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2033 年
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -240px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                1 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                3 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                4 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                5 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                6 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                7 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                8 月
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                9 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                10 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                11 月
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                12 月
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
diff --git a/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
index 6592fa82e..0124bb5b3 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
@@ -33,14 +33,9 @@ exports[`DateTimePicker > props > : onPick 1`] = `
     >
       <ul
         class="t-picker-item"
-        style="transform: translate3d(0, -400px, 0); transition: 150ms ease-out;"
+        style="transform: translate3d(0, -360px, 0); transition: 150ms ease-out;"
       >
         
-        <li
-          class="t-picker-item__item"
-        >
-          2013 年
-        </li>
         <li
           class="t-picker-item__item"
         >
@@ -141,6 +136,11 @@ exports[`DateTimePicker > props > : onPick 1`] = `
         >
           2033 年
         </li>
+        <li
+          class="t-picker-item__item"
+        >
+          2034 年
+        </li>
         
       </ul>
     </div>
diff --git a/src/message/__test__/__snapshots__/demo.test.jsx.snap b/src/message/__test__/__snapshots__/demo.test.jsx.snap
index eb8331646..3c69e5d01 100644
--- a/src/message/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/message/__test__/__snapshots__/demo.test.jsx.snap
@@ -109,6 +109,45 @@ exports[`Message > Message baseVue demo works fine 1`] = `
 </div>
 `;
 
+exports[`Message > Message closeAllVue demo works fine 1`] = `
+<div
+  class="button-demo button-demo-closeall"
+>
+  <button
+    aria-disabled="false"
+    class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
+    role="button"
+    type="button"
+  >
+    <!---->
+    <span
+      class="t-button__content"
+    >
+      
+      打开多个通知
+      
+    </span>
+    <!---->
+  </button>
+  <button
+    aria-disabled="false"
+    class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
+    role="button"
+    type="button"
+  >
+    <!---->
+    <span
+      class="t-button__content"
+    >
+      
+      关闭所有通知
+      
+    </span>
+    <!---->
+  </button>
+</div>
+`;
+
 exports[`Message > Message mobileVue demo works fine 1`] = `
 <div
   class="tdesign-mobile-demo"
diff --git a/src/message/__test__/demo.test.jsx b/src/message/__test__/demo.test.jsx
index dd471baa2..3998ec5ff 100644
--- a/src/message/__test__/demo.test.jsx
+++ b/src/message/__test__/demo.test.jsx
@@ -4,11 +4,13 @@
 
 import { mount } from '@vue/test-utils';
 import baseVue from '@/message/demos/base.vue';
+import closeAllVue from '@/message/demos/closeAll.vue';
 import mobileVue from '@/message/demos/mobile.vue';
 import themeVue from '@/message/demos/theme.vue';
 
 const mapper = {
   baseVue,
+  closeAllVue,
   mobileVue,
   themeVue,
 };
diff --git a/src/picker/__test__/__snapshots__/demo.test.jsx.snap b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
index e943a5c49..e69de29bb 100644
--- a/src/picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -1,1548 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`Picker > Picker areaVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择地区
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <!--v-if-->
-    <div
-      class="t-cell__right"
-    >
-      <div
-        class="t-cell__right-icon"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-    </div>
-  </div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker"
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          />
-          <div
-            class="t-picker__confirm"
-          >
-            确认
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                北京市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                广东省
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
-
-exports[`Picker > Picker baseVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-    data-v-049f57a8=""
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择地区
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <!--v-if-->
-    <div
-      class="t-cell__right"
-    >
-      <div
-        class="t-cell__right-icon"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-cell t-cell--middle"
-    data-v-049f57a8=""
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      选择时间
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <!--v-if-->
-    <div
-      class="t-cell__right"
-    >
-      <div
-        class="t-cell__right-icon"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-    </div>
-  </div>
-  <teleport-stub
-    data-v-049f57a8=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker"
-        data-v-049f57a8=""
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          />
-          <div
-            class="t-picker__confirm"
-          >
-            确认
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                北京市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                上海市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                广州市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                深圳市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                杭州市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                成都市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                长沙市
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  <teleport-stub
-    data-v-049f57a8=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker"
-        data-v-049f57a8=""
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          />
-          <div
-            class="t-picker__confirm"
-          >
-            确认
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                2023
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2022
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2021
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2020
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2019
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2018
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2017
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2016
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2015
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2014
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                春
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                夏
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                秋
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                冬
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
-
-exports[`Picker > Picker cascadeVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <!-- 联动选择 -->
-  <div>
-    <!--v-if-->
-    <div
-      class="t-cell-group t-cell-group--default"
-    >
-      
-      <div
-        class="t-cell t-cell--middle"
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          英雄
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <div
-          class="t-cell__note"
-        >
-          战士,狂铁
-        </div>
-        <div
-          class="t-cell__right"
-        >
-          <div
-            class="t-cell__right-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-      
-    </div>
-  </div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker"
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          >
-            王者荣耀
-          </div>
-          <div
-            class="t-picker__confirm"
-          >
-            确认
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                战士
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                法师
-              </li>
-              
-            </ul>
-          </div>
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, -40px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item"
-              >
-                夏侯惇
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                吕布
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                铠
-              </li>
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                狂铁
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;
-
-exports[`Picker > Picker mobileVue demo works fine 1`] = `
-<div
-  class="tdesign-mobile-demo"
->
-  <h1
-    class="title"
-  >
-    Picker 选择器
-  </h1>
-  <p
-    class="summary"
-  >
-    用于一组预设数据中的选择。
-  </p>
-  <div
-    class="tdesign-mobile-demo-block"
-  >
-    <div
-      class="tdesign-mobile-demo-block__header"
-    >
-      <h2
-        class="tdesign-mobile-demo-block__title"
-      >
-        01 组件类型
-      </h2>
-      <p
-        class="tdesign-mobile-demo-block__summary"
-      >
-        基础选择器
-      </p>
-    </div>
-    <div
-      class="tdesign-mobile-demo-block__slot"
-    >
-      
-      
-      <div
-        class="t-cell t-cell--middle"
-        data-v-049f57a8=""
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          选择地区
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <!--v-if-->
-        <div
-          class="t-cell__right"
-        >
-          <div
-            class="t-cell__right-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-cell t-cell--middle"
-        data-v-049f57a8=""
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          选择时间
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <!--v-if-->
-        <div
-          class="t-cell__right"
-        >
-          <div
-            class="t-cell__right-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-      <teleport-stub
-        data-v-049f57a8=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker"
-            data-v-049f57a8=""
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              />
-              <div
-                class="t-picker__confirm"
-              >
-                确认
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 80px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    北京市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    上海市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    广州市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    深圳市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    杭州市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    成都市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    长沙市
-                  </li>
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      <teleport-stub
-        data-v-049f57a8=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker"
-            data-v-049f57a8=""
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              />
-              <div
-                class="t-picker__confirm"
-              >
-                确认
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 80px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    2023
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2022
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2021
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2020
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2019
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2018
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2017
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2016
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2015
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2014
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 80px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    春
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    夏
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    秋
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    冬
-                  </li>
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      
-      
-      <div
-        class="t-cell t-cell--middle"
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          选择地区
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <!--v-if-->
-        <div
-          class="t-cell__right"
-        >
-          <div
-            class="t-cell__right-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-      <teleport-stub
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker"
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              />
-              <div
-                class="t-picker__confirm"
-              >
-                确认
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 80px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    北京市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    广东省
-                  </li>
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 80px, 0);"
-                >
-                  
-                  
-                </ul>
-              </div>
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 80px, 0);"
-                >
-                  
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      
-      
-    </div>
-  </div>
-  <div
-    class="tdesign-mobile-demo-block"
-  >
-    <div
-      class="tdesign-mobile-demo-block__header"
-    >
-      <h2
-        class="tdesign-mobile-demo-block__title"
-      >
-        02 组件样式
-      </h2>
-      <!--v-if-->
-    </div>
-    <div
-      class="tdesign-mobile-demo-block__slot"
-    >
-      
-      <!-- &lt;CasCadeDemo /&gt; -->
-      
-      <div
-        class="t-cell t-cell--middle"
-        data-v-7ee35211=""
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          带标题选择器
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <!--v-if-->
-        <div
-          class="t-cell__right"
-        >
-          <div
-            class="t-cell__right-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-cell t-cell--middle"
-        data-v-7ee35211=""
-      >
-        <div
-          class="t-cell__left"
-        >
-          <!--v-if-->
-          <!---->
-        </div>
-        <div
-          class="t-cell__title"
-        >
-          无标题选择器
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <!--v-if-->
-        <div
-          class="t-cell__right"
-        >
-          <div
-            class="t-cell__right-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-      <teleport-stub
-        data-v-7ee35211=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-picker"
-            data-v-7ee35211=""
-          >
-            <div
-              class="t-picker__toolbar"
-            >
-              <div
-                class="t-picker__cancel"
-              >
-                取消
-              </div>
-              <div
-                class="t-picker__title"
-              />
-              <div
-                class="t-picker__confirm"
-              >
-                确认
-              </div>
-            </div>
-            <!---->
-            <div
-              class="t-picker__main"
-            >
-              
-              <div
-                class="t-picker-item__group"
-              >
-                <ul
-                  class="t-picker-item"
-                  style="transform: translate3d(0, 80px, 0);"
-                >
-                  
-                  <li
-                    class="t-picker-item__item t-picker-item__item--active"
-                  >
-                    北京市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    上海市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    广州市
-                  </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    深圳市
-                  </li>
-                  
-                </ul>
-              </div>
-              
-              <div
-                class="t-picker__mask t-picker__mask--top"
-              />
-              <div
-                class="t-picker__mask t-picker__mask--bottom"
-              />
-              <div
-                class="t-picker__indicator"
-              />
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      
-      
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Picker > Picker titleVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-cell t-cell--middle"
-    data-v-7ee35211=""
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      带标题选择器
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <!--v-if-->
-    <div
-      class="t-cell__right"
-    >
-      <div
-        class="t-cell__right-icon"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-cell t-cell--middle"
-    data-v-7ee35211=""
-  >
-    <div
-      class="t-cell__left"
-    >
-      <!--v-if-->
-      <!---->
-    </div>
-    <div
-      class="t-cell__title"
-    >
-      无标题选择器
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <!--v-if-->
-    <div
-      class="t-cell__right"
-    >
-      <div
-        class="t-cell__right-icon"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-    </div>
-  </div>
-  <teleport-stub
-    data-v-7ee35211=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-picker"
-        data-v-7ee35211=""
-      >
-        <div
-          class="t-picker__toolbar"
-        >
-          <div
-            class="t-picker__cancel"
-          >
-            取消
-          </div>
-          <div
-            class="t-picker__title"
-          />
-          <div
-            class="t-picker__confirm"
-          >
-            确认
-          </div>
-        </div>
-        <!---->
-        <div
-          class="t-picker__main"
-        >
-          
-          <div
-            class="t-picker-item__group"
-          >
-            <ul
-              class="t-picker-item"
-              style="transform: translate3d(0, 80px, 0);"
-            >
-              
-              <li
-                class="t-picker-item__item t-picker-item__item--active"
-              >
-                北京市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                上海市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                广州市
-              </li>
-              <li
-                class="t-picker-item__item"
-              >
-                深圳市
-              </li>
-              
-            </ul>
-          </div>
-          
-          <div
-            class="t-picker__mask t-picker__mask--top"
-          />
-          <div
-            class="t-picker__mask t-picker__mask--bottom"
-          />
-          <div
-            class="t-picker__indicator"
-          />
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  
-</div>
-`;