From 547dc7e11d67073fbf0f4f5cb6db6879832beadd Mon Sep 17 00:00:00 2001
From: liweijie0812 <674416404@qq.com>
Date: Mon, 28 Oct 2024 12:14:13 +0800
Subject: [PATCH] Feat/cell style (#543)

* feat: add style t-cell__title-text

* chore: update snapshot

* chore: update snapshot

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 src/_common                               |    2 +-
 src/cell/Cell.tsx                         |    6 +-
 test/snap/__snapshots__/csr.test.jsx.snap | 1894 ++++++++++++++++-----
 test/snap/__snapshots__/ssr.test.jsx.snap |   54 +-
 4 files changed, 1515 insertions(+), 441 deletions(-)

diff --git a/src/_common b/src/_common
index 4bdf9ced..f9683c1e 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 4bdf9ced2d0b1c3aaf88c035424ef2230d71f396
+Subproject commit f9683c1edee5c09f455ba8cb19cb8ce07d4490be
diff --git a/src/cell/Cell.tsx b/src/cell/Cell.tsx
index 0b7ba660..5340be00 100644
--- a/src/cell/Cell.tsx
+++ b/src/cell/Cell.tsx
@@ -75,8 +75,10 @@ const Cell: React.FC<CellProps> = (originProps) => {
     }
     return (
       <div className={`${name}__title`}>
-        {title}
-        {required && <span className={`${name}--required`}>&nbsp;*</span>}
+        <div className={`${name}__title-text`}>
+          {title}
+          {required && <span className={`${name}--required`}>&nbsp;*</span>}
+        </div>
         {description && <div className={`${name}__description`}>{description}</div>}
       </div>
     );
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 625b72d4..7faf1130 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -838,7 +838,11 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            单行标题
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -1216,7 +1220,11 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      单行标题
+      <div
+        class="t-cell__title-text"
+      >
+        单行标题
+      </div>
     </div>
     <div
       class="t-cell__note"
@@ -2799,7 +2807,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  单行标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    单行标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__right"
@@ -2831,12 +2843,16 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  单行标题
-                  <span
-                    class="t-cell--required"
+                  <div
+                    class="t-cell__title-text"
                   >
-                     *
-                  </span>
+                    单行标题
+                    <span
+                      class="t-cell--required"
+                    >
+                       *
+                    </span>
+                  </div>
                 </div>
                 <div
                   class="t-cell__right"
@@ -2868,7 +2884,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  单行标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    单行标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -2916,7 +2936,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  单行标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    单行标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -2943,7 +2967,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  单行标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    单行标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -2997,7 +3025,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  单行标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    单行标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__right"
@@ -3058,7 +3090,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3095,12 +3131,16 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
-                <span
-                  class="t-cell--required"
+                <div
+                  class="t-cell__title-text"
                 >
-                   *
-                </span>
+                  单行标题
+                  <span
+                    class="t-cell--required"
+                  >
+                     *
+                  </span>
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3137,7 +3177,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3190,7 +3234,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3222,7 +3270,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3281,7 +3333,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3318,7 +3374,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3335,7 +3395,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                多行高度不定，长文本自动换行，该选项的描述是一段很长的内容
+                <div
+                  class="t-cell__title-text"
+                >
+                  多行高度不定，长文本自动换行，该选项的描述是一段很长的内容
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3369,7 +3433,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                多行带头像
+                <div
+                  class="t-cell__title-text"
+                >
+                  多行带头像
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3411,7 +3479,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                多行带图片
+                <div
+                  class="t-cell__title-text"
+                >
+                  多行带图片
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -3473,7 +3545,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
               </div>
               <div
                 class="t-cell__right"
@@ -3522,7 +3598,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
               </div>
               <div
                 class="t-cell__right"
@@ -3571,7 +3651,11 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                单行标题
+                <div
+                  class="t-cell__title-text"
+                >
+                  单行标题
+                </div>
               </div>
               <div
                 class="t-cell__right"
@@ -3634,7 +3718,11 @@ exports[`csr snapshot test > csr test src/cell/_example/group.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
         </div>
         <div
           class="t-cell__right"
@@ -3683,7 +3771,11 @@ exports[`csr snapshot test > csr test src/cell/_example/group.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
         </div>
         <div
           class="t-cell__right"
@@ -3732,7 +3824,11 @@ exports[`csr snapshot test > csr test src/cell/_example/group.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
         </div>
         <div
           class="t-cell__right"
@@ -3775,7 +3871,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
           <div
             class="t-cell__description"
           >
@@ -3812,12 +3912,16 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
-          <span
-            class="t-cell--required"
+          <div
+            class="t-cell__title-text"
           >
-             *
-          </span>
+            单行标题
+            <span
+              class="t-cell--required"
+            >
+               *
+            </span>
+          </div>
           <div
             class="t-cell__description"
           >
@@ -3854,7 +3958,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
           <div
             class="t-cell__description"
           >
@@ -3907,7 +4015,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
           <div
             class="t-cell__description"
           >
@@ -3939,7 +4051,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
           <div
             class="t-cell__description"
           >
@@ -3998,7 +4114,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
           <div
             class="t-cell__description"
           >
@@ -4035,7 +4155,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          单行标题
+          <div
+            class="t-cell__title-text"
+          >
+            单行标题
+          </div>
           <div
             class="t-cell__description"
           >
@@ -4052,7 +4176,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          多行高度不定，长文本自动换行，该选项的描述是一段很长的内容
+          <div
+            class="t-cell__title-text"
+          >
+            多行高度不定，长文本自动换行，该选项的描述是一段很长的内容
+          </div>
           <div
             class="t-cell__description"
           >
@@ -4086,7 +4214,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          多行带头像
+          <div
+            class="t-cell__title-text"
+          >
+            多行带头像
+          </div>
           <div
             class="t-cell__description"
           >
@@ -4128,7 +4260,11 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
         <div
           class="t-cell__title"
         >
-          多行带图片
+          <div
+            class="t-cell__title-text"
+          >
+            多行带图片
+          </div>
           <div
             class="t-cell__description"
           >
@@ -4159,7 +4295,11 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            单行标题
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -4191,12 +4331,16 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            单行标题
-            <span
-              class="t-cell--required"
+            <div
+              class="t-cell__title-text"
             >
-               *
-            </span>
+              单行标题
+              <span
+                class="t-cell--required"
+              >
+                 *
+              </span>
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -4228,7 +4372,11 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            单行标题
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -4276,7 +4424,11 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            单行标题
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -4303,7 +4455,11 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            单行标题
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -4357,7 +4513,11 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            单行标题
+            <div
+              class="t-cell__title-text"
+            >
+              单行标题
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -6536,7 +6696,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/accordion.tsx 1`] =
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -6595,7 +6759,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/accordion.tsx 1`] =
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -6654,7 +6822,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/accordion.tsx 1`] =
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -6713,7 +6885,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/accordion.tsx 1`] =
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -6781,7 +6957,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/action.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -6849,7 +7029,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/base.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -6912,7 +7096,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/card.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -6970,68 +7158,13 @@ exports[`csr snapshot test > csr test src/collapse/_example/card.tsx 1`] = `
           />
           <div
             class="t-cell__title"
-          >
-            折叠面板标题
-          </div>
-          <div
-            class="t-cell__note"
-          >
-            单元测试
-          </div>
-          <div
-            class="t-cell__right"
           >
             <div
-              class="t-cell__right-icon"
+              class="t-cell__title-text"
             >
-              <div
-                class="t-collapse-panel__header-icon"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-up"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </div>
+              折叠面板标题
             </div>
           </div>
-        </div>
-      </div>
-      <div
-        class="t-collapse-panel__content"
-      >
-        <div
-          class="content"
-        >
-          此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-collapse-panel t-collapse-panel--bottom"
-      style="height: 0px;"
-    >
-      <div
-        class="t-collapse-panel__title"
-      >
-        <div
-          class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"
-        >
-          <div
-            class="t-cell__left"
-          />
-          <div
-            class="t-cell__title"
-          >
-            折叠面板标题
-          </div>
           <div
             class="t-cell__note"
           >
@@ -7047,14 +7180,14 @@ exports[`csr snapshot test > csr test src/collapse/_example/card.tsx 1`] = `
                 class="t-collapse-panel__header-icon"
               >
                 <svg
-                  class="t-icon t-icon-chevron-down"
+                  class="t-icon t-icon-chevron-up"
                   fill="none"
                   height="1em"
                   viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
+                    d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
                     fill="currentColor"
                   />
                 </svg>
@@ -7089,7 +7222,74 @@ exports[`csr snapshot test > csr test src/collapse/_example/card.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
+          </div>
+          <div
+            class="t-cell__note"
+          >
+            单元测试
+          </div>
+          <div
+            class="t-cell__right"
+          >
+            <div
+              class="t-cell__right-icon"
+            >
+              <div
+                class="t-collapse-panel__header-icon"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-down"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-collapse-panel__content"
+      >
+        <div
+          class="content"
+        >
+          此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-collapse-panel t-collapse-panel--bottom"
+      style="height: 0px;"
+    >
+      <div
+        class="t-collapse-panel__title"
+      >
+        <div
+          class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"
+        >
+          <div
+            class="t-cell__left"
+          />
+          <div
+            class="t-cell__title"
+          >
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -7194,7 +7394,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__right"
@@ -7269,7 +7473,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__right"
@@ -7344,7 +7552,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7424,7 +7636,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7483,7 +7699,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7542,7 +7762,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7601,7 +7825,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7686,7 +7914,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7745,7 +7977,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7804,7 +8040,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7863,7 +8103,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/index.tsx 1`] = `
                 <div
                   class="t-cell__title"
                 >
-                  折叠面板标题
+                  <div
+                    class="t-cell__title-text"
+                  >
+                    折叠面板标题
+                  </div>
                 </div>
                 <div
                   class="t-cell__note"
@@ -7934,7 +8178,11 @@ exports[`csr snapshot test > csr test src/collapse/_example/placement.tsx 1`] =
           <div
             class="t-cell__title"
           >
-            折叠面板标题
+            <div
+              class="t-cell__title-text"
+            >
+              折叠面板标题
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -20275,7 +20523,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              阿坝
+              <div
+                class="t-cell__title-text"
+              >
+                阿坝
+              </div>
             </div>
           </div>
           <div
@@ -20287,7 +20539,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              阿拉善
+              <div
+                class="t-cell__title-text"
+              >
+                阿拉善
+              </div>
             </div>
           </div>
           <div
@@ -20299,7 +20555,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              阿里
+              <div
+                class="t-cell__title-text"
+              >
+                阿里
+              </div>
             </div>
           </div>
           <div
@@ -20311,7 +20571,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              安康
+              <div
+                class="t-cell__title-text"
+              >
+                安康
+              </div>
             </div>
           </div>
           <div
@@ -20323,7 +20587,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              安庆
+              <div
+                class="t-cell__title-text"
+              >
+                安庆
+              </div>
             </div>
           </div>
           <div
@@ -20335,7 +20603,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              鞍山
+              <div
+                class="t-cell__title-text"
+              >
+                鞍山
+              </div>
             </div>
           </div>
           <div
@@ -20347,7 +20619,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              安顺
+              <div
+                class="t-cell__title-text"
+              >
+                安顺
+              </div>
             </div>
           </div>
           <div
@@ -20359,7 +20635,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              安阳
+              <div
+                class="t-cell__title-text"
+              >
+                安阳
+              </div>
             </div>
           </div>
           <div
@@ -20371,7 +20651,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              澳门
+              <div
+                class="t-cell__title-text"
+              >
+                澳门
+              </div>
             </div>
           </div>
         </div>
@@ -20407,7 +20691,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              北京
+              <div
+                class="t-cell__title-text"
+              >
+                北京
+              </div>
             </div>
           </div>
           <div
@@ -20419,7 +20707,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              白银
+              <div
+                class="t-cell__title-text"
+              >
+                白银
+              </div>
             </div>
           </div>
           <div
@@ -20431,7 +20723,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              保定
+              <div
+                class="t-cell__title-text"
+              >
+                保定
+              </div>
             </div>
           </div>
           <div
@@ -20443,7 +20739,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              宝鸡
+              <div
+                class="t-cell__title-text"
+              >
+                宝鸡
+              </div>
             </div>
           </div>
           <div
@@ -20455,7 +20755,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              保山
+              <div
+                class="t-cell__title-text"
+              >
+                保山
+              </div>
             </div>
           </div>
           <div
@@ -20467,7 +20771,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              包头
+              <div
+                class="t-cell__title-text"
+              >
+                包头
+              </div>
             </div>
           </div>
           <div
@@ -20479,7 +20787,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              巴中
+              <div
+                class="t-cell__title-text"
+              >
+                巴中
+              </div>
             </div>
           </div>
           <div
@@ -20491,7 +20803,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              北海
+              <div
+                class="t-cell__title-text"
+              >
+                北海
+              </div>
             </div>
           </div>
           <div
@@ -20503,7 +20819,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              蚌埠
+              <div
+                class="t-cell__title-text"
+              >
+                蚌埠
+              </div>
             </div>
           </div>
           <div
@@ -20515,7 +20835,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              本溪
+              <div
+                class="t-cell__title-text"
+              >
+                本溪
+              </div>
             </div>
           </div>
           <div
@@ -20527,7 +20851,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              毕节
+              <div
+                class="t-cell__title-text"
+              >
+                毕节
+              </div>
             </div>
           </div>
           <div
@@ -20539,7 +20867,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              滨州
+              <div
+                class="t-cell__title-text"
+              >
+                滨州
+              </div>
             </div>
           </div>
           <div
@@ -20551,7 +20883,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              百色
+              <div
+                class="t-cell__title-text"
+              >
+                百色
+              </div>
             </div>
           </div>
           <div
@@ -20563,7 +20899,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              亳州
+              <div
+                class="t-cell__title-text"
+              >
+                亳州
+              </div>
             </div>
           </div>
         </div>
@@ -20599,7 +20939,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              重庆
+              <div
+                class="t-cell__title-text"
+              >
+                重庆
+              </div>
             </div>
           </div>
           <div
@@ -20611,7 +20955,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              成都
+              <div
+                class="t-cell__title-text"
+              >
+                成都
+              </div>
             </div>
           </div>
           <div
@@ -20623,7 +20971,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              长沙
+              <div
+                class="t-cell__title-text"
+              >
+                长沙
+              </div>
             </div>
           </div>
           <div
@@ -20635,7 +20987,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              长春
+              <div
+                class="t-cell__title-text"
+              >
+                长春
+              </div>
             </div>
           </div>
           <div
@@ -20647,7 +21003,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              沧州
+              <div
+                class="t-cell__title-text"
+              >
+                沧州
+              </div>
             </div>
           </div>
           <div
@@ -20659,7 +21019,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              常德
+              <div
+                class="t-cell__title-text"
+              >
+                常德
+              </div>
             </div>
           </div>
           <div
@@ -20671,7 +21035,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              昌都
+              <div
+                class="t-cell__title-text"
+              >
+                昌都
+              </div>
             </div>
           </div>
           <div
@@ -20683,7 +21051,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              长治
+              <div
+                class="t-cell__title-text"
+              >
+                长治
+              </div>
             </div>
           </div>
           <div
@@ -20695,7 +21067,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              常州
+              <div
+                class="t-cell__title-text"
+              >
+                常州
+              </div>
             </div>
           </div>
           <div
@@ -20707,7 +21083,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              巢湖
+              <div
+                class="t-cell__title-text"
+              >
+                巢湖
+              </div>
             </div>
           </div>
           <div
@@ -20719,7 +21099,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              潮州
+              <div
+                class="t-cell__title-text"
+              >
+                潮州
+              </div>
             </div>
           </div>
           <div
@@ -20731,7 +21115,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              承德
+              <div
+                class="t-cell__title-text"
+              >
+                承德
+              </div>
             </div>
           </div>
           <div
@@ -20743,7 +21131,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              郴州
+              <div
+                class="t-cell__title-text"
+              >
+                郴州
+              </div>
             </div>
           </div>
           <div
@@ -20755,7 +21147,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              赤峰
+              <div
+                class="t-cell__title-text"
+              >
+                赤峰
+              </div>
             </div>
           </div>
           <div
@@ -20767,7 +21163,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              池州
+              <div
+                class="t-cell__title-text"
+              >
+                池州
+              </div>
             </div>
           </div>
           <div
@@ -20779,7 +21179,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              崇左
+              <div
+                class="t-cell__title-text"
+              >
+                崇左
+              </div>
             </div>
           </div>
           <div
@@ -20791,7 +21195,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              楚雄
+              <div
+                class="t-cell__title-text"
+              >
+                楚雄
+              </div>
             </div>
           </div>
           <div
@@ -20803,7 +21211,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              滁州
+              <div
+                class="t-cell__title-text"
+              >
+                滁州
+              </div>
             </div>
           </div>
           <div
@@ -20815,7 +21227,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              朝阳
+              <div
+                class="t-cell__title-text"
+              >
+                朝阳
+              </div>
             </div>
           </div>
         </div>
@@ -20851,7 +21267,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              大连
+              <div
+                class="t-cell__title-text"
+              >
+                大连
+              </div>
             </div>
           </div>
           <div
@@ -20863,7 +21283,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              东莞
+              <div
+                class="t-cell__title-text"
+              >
+                东莞
+              </div>
             </div>
           </div>
           <div
@@ -20875,7 +21299,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              大理
+              <div
+                class="t-cell__title-text"
+              >
+                大理
+              </div>
             </div>
           </div>
           <div
@@ -20887,7 +21315,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              丹东
+              <div
+                class="t-cell__title-text"
+              >
+                丹东
+              </div>
             </div>
           </div>
           <div
@@ -20899,7 +21331,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              大庆
+              <div
+                class="t-cell__title-text"
+              >
+                大庆
+              </div>
             </div>
           </div>
           <div
@@ -20911,7 +21347,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              大同
+              <div
+                class="t-cell__title-text"
+              >
+                大同
+              </div>
             </div>
           </div>
           <div
@@ -20923,7 +21363,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              大兴安岭
+              <div
+                class="t-cell__title-text"
+              >
+                大兴安岭
+              </div>
             </div>
           </div>
           <div
@@ -20935,7 +21379,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              德宏
+              <div
+                class="t-cell__title-text"
+              >
+                德宏
+              </div>
             </div>
           </div>
           <div
@@ -20947,7 +21395,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              德阳
+              <div
+                class="t-cell__title-text"
+              >
+                德阳
+              </div>
             </div>
           </div>
           <div
@@ -20959,7 +21411,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              德州
+              <div
+                class="t-cell__title-text"
+              >
+                德州
+              </div>
             </div>
           </div>
           <div
@@ -20971,7 +21427,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              定西
+              <div
+                class="t-cell__title-text"
+              >
+                定西
+              </div>
             </div>
           </div>
           <div
@@ -20983,7 +21443,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              迪庆
+              <div
+                class="t-cell__title-text"
+              >
+                迪庆
+              </div>
             </div>
           </div>
           <div
@@ -20995,7 +21459,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              东营
+              <div
+                class="t-cell__title-text"
+              >
+                东营
+              </div>
             </div>
           </div>
         </div>
@@ -21031,7 +21499,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              鄂尔多斯
+              <div
+                class="t-cell__title-text"
+              >
+                鄂尔多斯
+              </div>
             </div>
           </div>
           <div
@@ -21043,7 +21515,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              恩施
+              <div
+                class="t-cell__title-text"
+              >
+                恩施
+              </div>
             </div>
           </div>
           <div
@@ -21055,7 +21531,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              鄂州
+              <div
+                class="t-cell__title-text"
+              >
+                鄂州
+              </div>
             </div>
           </div>
         </div>
@@ -21091,7 +21571,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              福州
+              <div
+                class="t-cell__title-text"
+              >
+                福州
+              </div>
             </div>
           </div>
           <div
@@ -21103,7 +21587,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              防城港
+              <div
+                class="t-cell__title-text"
+              >
+                防城港
+              </div>
             </div>
           </div>
           <div
@@ -21115,7 +21603,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              佛山
+              <div
+                class="t-cell__title-text"
+              >
+                佛山
+              </div>
             </div>
           </div>
           <div
@@ -21127,7 +21619,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              抚顺
+              <div
+                class="t-cell__title-text"
+              >
+                抚顺
+              </div>
             </div>
           </div>
           <div
@@ -21139,7 +21635,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              抚州
+              <div
+                class="t-cell__title-text"
+              >
+                抚州
+              </div>
             </div>
           </div>
           <div
@@ -21151,7 +21651,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              阜新
+              <div
+                class="t-cell__title-text"
+              >
+                阜新
+              </div>
             </div>
           </div>
           <div
@@ -21163,7 +21667,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              阜阳
+              <div
+                class="t-cell__title-text"
+              >
+                阜阳
+              </div>
             </div>
           </div>
         </div>
@@ -21199,7 +21707,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              广州
+              <div
+                class="t-cell__title-text"
+              >
+                广州
+              </div>
             </div>
           </div>
           <div
@@ -21211,7 +21723,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              桂林
+              <div
+                class="t-cell__title-text"
+              >
+                桂林
+              </div>
             </div>
           </div>
           <div
@@ -21223,7 +21739,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              贵阳
+              <div
+                class="t-cell__title-text"
+              >
+                贵阳
+              </div>
             </div>
           </div>
           <div
@@ -21235,7 +21755,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              甘南
+              <div
+                class="t-cell__title-text"
+              >
+                甘南
+              </div>
             </div>
           </div>
           <div
@@ -21247,7 +21771,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              赣州
+              <div
+                class="t-cell__title-text"
+              >
+                赣州
+              </div>
             </div>
           </div>
           <div
@@ -21259,7 +21787,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              甘孜
+              <div
+                class="t-cell__title-text"
+              >
+                甘孜
+              </div>
             </div>
           </div>
           <div
@@ -21271,7 +21803,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              广安
+              <div
+                class="t-cell__title-text"
+              >
+                广安
+              </div>
             </div>
           </div>
           <div
@@ -21283,7 +21819,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              广元
+              <div
+                class="t-cell__title-text"
+              >
+                广元
+              </div>
             </div>
           </div>
           <div
@@ -21295,7 +21835,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              贵港
+              <div
+                class="t-cell__title-text"
+              >
+                贵港
+              </div>
             </div>
           </div>
           <div
@@ -21307,7 +21851,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              果洛
+              <div
+                class="t-cell__title-text"
+              >
+                果洛
+              </div>
             </div>
           </div>
         </div>
@@ -21343,7 +21891,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              揭阳
+              <div
+                class="t-cell__title-text"
+              >
+                揭阳
+              </div>
             </div>
           </div>
           <div
@@ -21355,7 +21907,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              吉林
+              <div
+                class="t-cell__title-text"
+              >
+                吉林
+              </div>
             </div>
           </div>
           <div
@@ -21367,7 +21923,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              晋江
+              <div
+                class="t-cell__title-text"
+              >
+                晋江
+              </div>
             </div>
           </div>
           <div
@@ -21379,7 +21939,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              吉安
+              <div
+                class="t-cell__title-text"
+              >
+                吉安
+              </div>
             </div>
           </div>
           <div
@@ -21391,7 +21955,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              胶州
+              <div
+                class="t-cell__title-text"
+              >
+                胶州
+              </div>
             </div>
           </div>
           <div
@@ -21403,7 +21971,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              嘉兴
+              <div
+                class="t-cell__title-text"
+              >
+                嘉兴
+              </div>
             </div>
           </div>
           <div
@@ -21415,7 +21987,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              济南
+              <div
+                class="t-cell__title-text"
+              >
+                济南
+              </div>
             </div>
           </div>
           <div
@@ -21427,7 +22003,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              鸡西
+              <div
+                class="t-cell__title-text"
+              >
+                鸡西
+              </div>
             </div>
           </div>
           <div
@@ -21439,7 +22019,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              荆州
+              <div
+                class="t-cell__title-text"
+              >
+                荆州
+              </div>
             </div>
           </div>
           <div
@@ -21451,7 +22035,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              江门
+              <div
+                class="t-cell__title-text"
+              >
+                江门
+              </div>
             </div>
           </div>
           <div
@@ -21463,7 +22051,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              基隆
+              <div
+                class="t-cell__title-text"
+              >
+                基隆
+              </div>
             </div>
           </div>
         </div>
@@ -21499,7 +22091,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              昆明
+              <div
+                class="t-cell__title-text"
+              >
+                昆明
+              </div>
             </div>
           </div>
           <div
@@ -21511,7 +22107,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              开封
+              <div
+                class="t-cell__title-text"
+              >
+                开封
+              </div>
             </div>
           </div>
           <div
@@ -21523,7 +22123,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              康定
+              <div
+                class="t-cell__title-text"
+              >
+                康定
+              </div>
             </div>
           </div>
           <div
@@ -21535,7 +22139,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/base.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              喀什
+              <div
+                class="t-cell__title-text"
+              >
+                喀什
+              </div>
             </div>
           </div>
         </div>
@@ -21643,7 +22251,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21655,7 +22267,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21667,7 +22283,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21679,7 +22299,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21691,7 +22315,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
         </div>
@@ -21733,7 +22361,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21745,7 +22377,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21757,7 +22393,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21769,7 +22409,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21781,7 +22425,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
         </div>
@@ -21823,7 +22471,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21835,7 +22487,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21847,7 +22503,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21859,7 +22519,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21871,7 +22535,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
         </div>
@@ -21913,7 +22581,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21925,7 +22597,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21937,7 +22613,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21949,7 +22629,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -21961,7 +22645,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
         </div>
@@ -22003,7 +22691,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22015,7 +22707,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22027,7 +22723,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22039,7 +22739,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22051,7 +22755,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
         </div>
@@ -22093,7 +22801,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22105,7 +22817,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22117,7 +22833,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22129,7 +22849,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22141,7 +22865,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
         </div>
@@ -22183,7 +22911,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22195,7 +22927,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22207,7 +22943,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22219,7 +22959,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
           <div
@@ -22231,7 +22975,11 @@ exports[`csr snapshot test > csr test src/indexes/_example/custom.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              列表内容
+              <div
+                class="t-cell__title-text"
+              >
+                列表内容
+              </div>
             </div>
           </div>
         </div>
@@ -37124,7 +37872,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37171,7 +37923,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37218,7 +37974,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37265,7 +38025,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37312,7 +38076,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37359,7 +38127,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37406,7 +38178,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37453,7 +38229,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37500,7 +38280,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37547,7 +38331,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37594,7 +38382,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
         <div
@@ -37641,7 +38433,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字0
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字0
+            </div>
           </div>
         </div>
       </div>
@@ -37697,7 +38493,62 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字1
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-cell t-cell--middle"
+        >
+          <div
+            class="t-cell__left"
+          >
+            <div
+              class="t-image t-image--round image"
+            >
+              <div
+                class="t-image__mask"
+              >
+                <div
+                  class="t-loading t-loading--center"
+                  style="font-size: 20px;"
+                >
+                  <div
+                    class="t-loading__dots"
+                    style="animation-duration: 800ms; width: 20px; height: 20px;"
+                  >
+                    <div
+                      class="t-loading__dot"
+                      style="animation-duration: 0.8s; animation-delay: 0s;"
+                    />
+                    <div
+                      class="t-loading__dot"
+                      style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
+                    />
+                    <div
+                      class="t-loading__dot"
+                      style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
+                    />
+                  </div>
+                </div>
+              </div>
+              <img
+                class="t-image__img t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/mobile/demos/example2.png"
+              />
+            </div>
+          </div>
+          <div
+            class="t-cell__title"
+          >
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
           </div>
         </div>
         <div
@@ -37744,7 +38595,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字1
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
           </div>
         </div>
         <div
@@ -37791,7 +38646,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字1
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
           </div>
         </div>
         <div
@@ -37837,56 +38696,13 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           </div>
           <div
             class="t-cell__title"
-          >
-            标题文字1
-          </div>
-        </div>
-        <div
-          class="t-cell t-cell--middle"
-        >
-          <div
-            class="t-cell__left"
           >
             <div
-              class="t-image t-image--round image"
+              class="t-cell__title-text"
             >
-              <div
-                class="t-image__mask"
-              >
-                <div
-                  class="t-loading t-loading--center"
-                  style="font-size: 20px;"
-                >
-                  <div
-                    class="t-loading__dots"
-                    style="animation-duration: 800ms; width: 20px; height: 20px;"
-                  >
-                    <div
-                      class="t-loading__dot"
-                      style="animation-duration: 0.8s; animation-delay: 0s;"
-                    />
-                    <div
-                      class="t-loading__dot"
-                      style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                    />
-                    <div
-                      class="t-loading__dot"
-                      style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                    />
-                  </div>
-                </div>
-              </div>
-              <img
-                class="t-image__img t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/mobile/demos/example2.png"
-              />
+              标题文字1
             </div>
           </div>
-          <div
-            class="t-cell__title"
-          >
-            标题文字1
-          </div>
         </div>
         <div
           class="t-cell t-cell--middle"
@@ -37932,7 +38748,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字1
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
           </div>
         </div>
         <div
@@ -37979,7 +38799,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字1
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
           </div>
         </div>
         <div
@@ -38026,7 +38850,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字1
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
           </div>
         </div>
         <div
@@ -38073,7 +38901,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字1
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字1
+            </div>
           </div>
         </div>
       </div>
@@ -38129,7 +38961,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38176,7 +39012,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38223,7 +39063,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38270,7 +39114,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38317,7 +39165,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38364,7 +39216,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38411,7 +39267,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38458,7 +39318,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
         <div
@@ -38505,7 +39369,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字2
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字2
+            </div>
           </div>
         </div>
       </div>
@@ -38561,7 +39429,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字3
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字3
+            </div>
           </div>
         </div>
         <div
@@ -38608,7 +39480,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字3
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字3
+            </div>
           </div>
         </div>
         <div
@@ -38655,7 +39531,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字3
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字3
+            </div>
           </div>
         </div>
         <div
@@ -38702,7 +39582,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字3
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字3
+            </div>
           </div>
         </div>
         <div
@@ -38749,7 +39633,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字3
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字3
+            </div>
           </div>
         </div>
         <div
@@ -38796,7 +39684,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字3
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字3
+            </div>
           </div>
         </div>
       </div>
@@ -38852,7 +39744,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字4
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字4
+            </div>
           </div>
         </div>
         <div
@@ -38899,7 +39795,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字4
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字4
+            </div>
           </div>
         </div>
         <div
@@ -38946,7 +39846,11 @@ exports[`csr snapshot test > csr test src/side-bar/_example/switch.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            标题文字4
+            <div
+              class="t-cell__title-text"
+            >
+              标题文字4
+            </div>
           </div>
         </div>
       </div>
@@ -43560,7 +44464,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/double.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              左右滑操作
+              <div
+                class="t-cell__title-text"
+              >
+                左右滑操作
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -43647,7 +44555,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/event.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              带二次确认的操作
+              <div
+                class="t-cell__title-text"
+              >
+                带二次确认的操作
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -43720,7 +44632,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/icon.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              图标加文字横排
+              <div
+                class="t-cell__title-text"
+              >
+                图标加文字横排
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -43801,7 +44717,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/icon.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              纯图标
+              <div
+                class="t-cell__title-text"
+              >
+                纯图标
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -43872,7 +44792,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/icon.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              图标加文字竖排
+              <div
+                class="t-cell__title-text"
+              >
+                图标加文字竖排
+              </div>
               <div
                 class="t-cell__description"
               >
@@ -43988,7 +44912,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                左滑单操作
+                <div
+                  class="t-cell__title-text"
+                >
+                  左滑单操作
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44032,7 +44960,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                左滑单操作
+                <div
+                  class="t-cell__title-text"
+                >
+                  左滑单操作
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -44081,7 +45013,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                左滑双操作
+                <div
+                  class="t-cell__title-text"
+                >
+                  左滑双操作
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44130,7 +45066,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                左滑三操作
+                <div
+                  class="t-cell__title-text"
+                >
+                  左滑三操作
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44201,7 +45141,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                右滑单操作
+                <div
+                  class="t-cell__title-text"
+                >
+                  右滑单操作
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44253,7 +45197,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                左右滑操作
+                <div
+                  class="t-cell__title-text"
+                >
+                  左右滑操作
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44310,7 +45258,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                图标加文字横排
+                <div
+                  class="t-cell__title-text"
+                >
+                  图标加文字横排
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44391,7 +45343,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                纯图标
+                <div
+                  class="t-cell__title-text"
+                >
+                  纯图标
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44462,7 +45418,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                图标加文字竖排
+                <div
+                  class="t-cell__title-text"
+                >
+                  图标加文字竖排
+                </div>
                 <div
                   class="t-cell__description"
                 >
@@ -44581,7 +45541,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/index.tsx 1`] = `
               <div
                 class="t-cell__title"
               >
-                带二次确认的操作
+                <div
+                  class="t-cell__title-text"
+                >
+                  带二次确认的操作
+                </div>
               </div>
               <div
                 class="t-cell__note"
@@ -44655,7 +45619,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/left.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              左滑单操作
+              <div
+                class="t-cell__title-text"
+              >
+                左滑单操作
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -44699,7 +45667,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/left.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              左滑单操作
+              <div
+                class="t-cell__title-text"
+              >
+                左滑单操作
+              </div>
               <div
                 class="t-cell__description"
               >
@@ -44748,7 +45720,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/left.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              左滑双操作
+              <div
+                class="t-cell__title-text"
+              >
+                左滑双操作
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -44797,7 +45773,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/left.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              左滑三操作
+              <div
+                class="t-cell__title-text"
+              >
+                左滑三操作
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -44873,7 +45853,11 @@ exports[`csr snapshot test > csr test src/swipe-cell/_example/right.tsx 1`] = `
             <div
               class="t-cell__title"
             >
-              右滑单操作
+              <div
+                class="t-cell__title-text"
+              >
+                右滑单操作
+              </div>
             </div>
             <div
               class="t-cell__note"
@@ -44899,7 +45883,11 @@ exports[`csr snapshot test > csr test src/switch/_example/base.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      基础开关
+      <div
+        class="t-cell__title-text"
+      >
+        基础开关
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -44935,7 +45923,11 @@ exports[`csr snapshot test > csr test src/switch/_example/color.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      自定义颜色开关
+      <div
+        class="t-cell__title-text"
+      >
+        自定义颜色开关
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -45008,7 +46000,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            基础开关
+            <div
+              class="t-cell__title-text"
+            >
+              基础开关
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45056,7 +46052,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            带文字开关
+            <div
+              class="t-cell__title-text"
+            >
+              带文字开关
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45089,7 +46089,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            带图标开关
+            <div
+              class="t-cell__title-text"
+            >
+              带图标开关
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45145,7 +46149,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            自定义颜色开关
+            <div
+              class="t-cell__title-text"
+            >
+              自定义颜色开关
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45198,7 +46206,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            加载状态
+            <div
+              class="t-cell__title-text"
+            >
+              加载状态
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45255,7 +46267,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            开关开启禁用
+            <div
+              class="t-cell__title-text"
+            >
+              开关开启禁用
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -45313,7 +46329,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            禁用状态
+            <div
+              class="t-cell__title-text"
+            >
+              禁用状态
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -45340,7 +46360,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            禁用状态
+            <div
+              class="t-cell__title-text"
+            >
+              禁用状态
+            </div>
           </div>
           <div
             class="t-cell__note"
@@ -45389,7 +46413,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            大尺寸 32
+            <div
+              class="t-cell__title-text"
+            >
+              大尺寸 32
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45420,7 +46448,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            中尺寸 28
+            <div
+              class="t-cell__title-text"
+            >
+              中尺寸 28
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45451,7 +46483,11 @@ exports[`csr snapshot test > csr test src/switch/_example/index.tsx 1`] = `
           <div
             class="t-cell__title"
           >
-            小尺寸 24
+            <div
+              class="t-cell__title-text"
+            >
+              小尺寸 24
+            </div>
           </div>
           <div
             class="t-cell__right"
@@ -45490,7 +46526,11 @@ exports[`csr snapshot test > csr test src/switch/_example/label.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      带文字开关
+      <div
+        class="t-cell__title-text"
+      >
+        带文字开关
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -45523,7 +46563,11 @@ exports[`csr snapshot test > csr test src/switch/_example/label.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      带图标开关
+      <div
+        class="t-cell__title-text"
+      >
+        带图标开关
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -45567,7 +46611,11 @@ exports[`csr snapshot test > csr test src/switch/_example/size.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      大尺寸 32
+      <div
+        class="t-cell__title-text"
+      >
+        大尺寸 32
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -45598,7 +46646,11 @@ exports[`csr snapshot test > csr test src/switch/_example/size.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      中尺寸 28
+      <div
+        class="t-cell__title-text"
+      >
+        中尺寸 28
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -45629,7 +46681,11 @@ exports[`csr snapshot test > csr test src/switch/_example/size.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      小尺寸 24
+      <div
+        class="t-cell__title-text"
+      >
+        小尺寸 24
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -45665,7 +46721,11 @@ exports[`csr snapshot test > csr test src/switch/_example/status.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      加载状态
+      <div
+        class="t-cell__title-text"
+      >
+        加载状态
+      </div>
     </div>
     <div
       class="t-cell__right"
@@ -45722,7 +46782,11 @@ exports[`csr snapshot test > csr test src/switch/_example/status.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      开关开启禁用
+      <div
+        class="t-cell__title-text"
+      >
+        开关开启禁用
+      </div>
     </div>
     <div
       class="t-cell__note"
@@ -45780,7 +46844,11 @@ exports[`csr snapshot test > csr test src/switch/_example/status.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      禁用状态
+      <div
+        class="t-cell__title-text"
+      >
+        禁用状态
+      </div>
     </div>
     <div
       class="t-cell__note"
@@ -45807,7 +46875,11 @@ exports[`csr snapshot test > csr test src/switch/_example/status.tsx 1`] = `
     <div
       class="t-cell__title"
     >
-      禁用状态
+      <div
+        class="t-cell__title-text"
+      >
+        禁用状态
+      </div>
     </div>
     <div
       class="t-cell__note"
@@ -56109,11 +57181,11 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;
 
@@ -56137,13 +57209,13 @@ exports[`ssr snapshot test > ssr test src/button/_example/test.tsx 1`] = `"<div>
 
 exports[`ssr snapshot test > ssr test src/button/_example/theme.tsx 1`] = `"<div class="section-theme"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></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><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></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><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">多行带头像</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">多行带图片</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">多行带头像</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">多行带图片</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/all.tsx 1`] = `"<div class="t-checkbox-group"><span><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">全选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5">单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息</div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div></span></div>"`;
 
@@ -56163,17 +57235,17 @@ exports[`ssr snapshot test > ssr test src/checkbox/_example/status.tsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/type.tsx 1`] = `"<div class="t-checkbox t-checkbox--left t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-checkbox__icon-wrapper"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div style="height:16px"></div><div class="t-checkbox t-checkbox--left t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-rectangle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M22 2H2v20h20V2zM6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41L6.09 12z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div style="height:16px"></div><div class="t-checkbox t-checkbox--left t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left"><img class="t-checkbox__icon-wrapper" src="https://tdesign.gtimg.com/mobile/demos/checkbox.png"/></div><div class="t-checkbox__content"><div class="t-checkbox__title" style="-webkit-line-clamp:3">图片图标</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/accordion.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/accordion.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/action.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/action.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/base.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/base.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/card.tsx 1`] = `"<div class="t-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/card.tsx 1`] = `"<div class="t-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Collapse 折叠面板</h1><p class="tdesign-mobile-demo-header__summary">可以折叠/展开的内容区域。</p></div><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-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">向上展开</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作说明</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">手风琴模式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></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-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Collapse 折叠面板</h1><p class="tdesign-mobile-demo-header__summary">可以折叠/展开的内容区域。</p></div><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-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">向上展开</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作说明</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">手风琴模式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></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-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/placement.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/placement.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/count-down/_example/base.tsx 1`] = `"<div class="demo-count-down"><text class="demo-count-down-desc"> 时分秒 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带毫秒 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带方形底 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带圆形底 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带单位 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 无底色带单位 </text><div class="demo-count-down-content"></div></div>"`;
 
@@ -56245,9 +57317,9 @@ exports[`ssr snapshot test > ssr test src/image/_example/shape.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/image/_example/status.tsx 1`] = `"<div class="row"><div class="col"><p class="tips">加载默认提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center"/></div></div><div class="col"><p class="tips">加载自定义提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div><img class="t-image__img t-image--fit-fill t-image--position-center"/></div></div></div><div class="row"><div class="col"><p class="tips">失败默认提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="x"/></div></div><div class="col"><p class="tips">失败自定义提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="x"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/indexes/_example/base.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="A">A</div><div class="t-indexes__sidebar-item" data-index="B">B</div><div class="t-indexes__sidebar-item" data-index="C">C</div><div class="t-indexes__sidebar-item" data-index="D">D</div><div class="t-indexes__sidebar-item" data-index="E">E</div><div class="t-indexes__sidebar-item" data-index="F">F</div><div class="t-indexes__sidebar-item" data-index="G">G</div><div class="t-indexes__sidebar-item" data-index="J">J</div><div class="t-indexes__sidebar-item" data-index="K">K</div></div><div class="t-indexes-anchor" data-index="A"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">A</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阿坝</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阿拉善</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阿里</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安康</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鞍山</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安顺</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">澳门</div></div></div></div><div class="t-indexes-anchor" data-index="B"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">B</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">北京</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">白银</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">保定</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">宝鸡</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">保山</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">包头</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">巴中</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">北海</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">蚌埠</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">本溪</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">毕节</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">滨州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">百色</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">亳州</div></div></div></div><div class="t-indexes-anchor" data-index="C"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">C</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">重庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">成都</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">长沙</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">长春</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">沧州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">常德</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">昌都</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">长治</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">常州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">巢湖</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">潮州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">承德</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">郴州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">赤峰</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">池州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">崇左</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">楚雄</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">滁州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">朝阳</div></div></div></div><div class="t-indexes-anchor" data-index="D"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">D</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大连</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">东莞</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大理</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">丹东</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大同</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大兴安岭</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">德宏</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">德阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">德州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">定西</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">迪庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">东营</div></div></div></div><div class="t-indexes-anchor" data-index="E"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">E</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鄂尔多斯</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">恩施</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鄂州</div></div></div></div><div class="t-indexes-anchor" data-index="F"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">F</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">福州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">防城港</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">佛山</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">抚顺</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">抚州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阜新</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阜阳</div></div></div></div><div class="t-indexes-anchor" data-index="G"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">G</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">广州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">桂林</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">贵阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">甘南</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">赣州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">甘孜</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">广安</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">广元</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">贵港</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">果洛</div></div></div></div><div class="t-indexes-anchor" data-index="J"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">J</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">揭阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">吉林</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">晋江</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">吉安</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">胶州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">嘉兴</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">济南</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鸡西</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">荆州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">江门</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">基隆</div></div></div></div><div class="t-indexes-anchor" data-index="K"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">K</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">昆明</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">开封</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">康定</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">喀什</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/indexes/_example/base.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="A">A</div><div class="t-indexes__sidebar-item" data-index="B">B</div><div class="t-indexes__sidebar-item" data-index="C">C</div><div class="t-indexes__sidebar-item" data-index="D">D</div><div class="t-indexes__sidebar-item" data-index="E">E</div><div class="t-indexes__sidebar-item" data-index="F">F</div><div class="t-indexes__sidebar-item" data-index="G">G</div><div class="t-indexes__sidebar-item" data-index="J">J</div><div class="t-indexes__sidebar-item" data-index="K">K</div></div><div class="t-indexes-anchor" data-index="A"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">A</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阿坝</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阿拉善</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阿里</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安康</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鞍山</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安顺</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">澳门</div></div></div></div></div><div class="t-indexes-anchor" data-index="B"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">B</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">北京</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">白银</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">保定</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">宝鸡</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">保山</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">包头</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">巴中</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">北海</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">蚌埠</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">本溪</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">毕节</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">滨州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">百色</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">亳州</div></div></div></div></div><div class="t-indexes-anchor" data-index="C"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">C</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">重庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">成都</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">长沙</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">长春</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">沧州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">常德</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">昌都</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">长治</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">常州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">巢湖</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">潮州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">承德</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">郴州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">赤峰</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">池州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">崇左</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">楚雄</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">滁州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">朝阳</div></div></div></div></div><div class="t-indexes-anchor" data-index="D"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">D</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大连</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">东莞</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大理</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">丹东</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大同</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大兴安岭</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">德宏</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">德阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">德州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">定西</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">迪庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">东营</div></div></div></div></div><div class="t-indexes-anchor" data-index="E"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">E</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鄂尔多斯</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">恩施</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鄂州</div></div></div></div></div><div class="t-indexes-anchor" data-index="F"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">F</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">福州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">防城港</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">佛山</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">抚顺</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">抚州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阜新</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阜阳</div></div></div></div></div><div class="t-indexes-anchor" data-index="G"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">G</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">广州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">桂林</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">贵阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">甘南</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">赣州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">甘孜</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">广安</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">广元</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">贵港</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">果洛</div></div></div></div></div><div class="t-indexes-anchor" data-index="J"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">J</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">揭阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">吉林</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">晋江</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">吉安</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">胶州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">嘉兴</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">济南</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鸡西</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">荆州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">江门</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">基隆</div></div></div></div></div><div class="t-indexes-anchor" data-index="K"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">K</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">昆明</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开封</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">康定</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">喀什</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/indexes/_example/custom.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="0">0</div><div class="t-indexes__sidebar-item" data-index="3">3</div><div class="t-indexes__sidebar-item" data-index="4">4</div><div class="t-indexes__sidebar-item" data-index="7">7</div><div class="t-indexes__sidebar-item" data-index="8">8</div><div class="t-indexes__sidebar-item" data-index="10">10</div><div class="t-indexes__sidebar-item" data-index="#">#</div></div><div class="t-indexes-anchor" data-index="0"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">0</div></div><div class="t-indexes-anchor__header">0</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="3"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">3</div></div><div class="t-indexes-anchor__header">3</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="4"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">4</div></div><div class="t-indexes-anchor__header">4</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="7"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">7</div></div><div class="t-indexes-anchor__header">7</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="8"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">8</div></div><div class="t-indexes-anchor__header">8</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="10"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">10</div></div><div class="t-indexes-anchor__header">10</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="#"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">#</div></div><div class="t-indexes-anchor__header">#</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/indexes/_example/custom.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="0">0</div><div class="t-indexes__sidebar-item" data-index="3">3</div><div class="t-indexes__sidebar-item" data-index="4">4</div><div class="t-indexes__sidebar-item" data-index="7">7</div><div class="t-indexes__sidebar-item" data-index="8">8</div><div class="t-indexes__sidebar-item" data-index="10">10</div><div class="t-indexes__sidebar-item" data-index="#">#</div></div><div class="t-indexes-anchor" data-index="0"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">0</div></div><div class="t-indexes-anchor__header">0</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="3"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">3</div></div><div class="t-indexes-anchor__header">3</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="4"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">4</div></div><div class="t-indexes-anchor__header">4</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="7"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">7</div></div><div class="t-indexes-anchor__header">7</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="8"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">8</div></div><div class="t-indexes-anchor__header">8</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="10"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">10</div></div><div class="t-indexes-anchor__header">10</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="#"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">#</div></div><div class="t-indexes-anchor__header">#</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/indexes/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Indexes 索引</h1><p class="tdesign-mobile-demo-header__summary">用于页面中信息快速检索，可以根据目录中的页码快速找到所需的内容。</p></div><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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->基础用法</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->胶囊索引</span></button></div></div></div>"`;
 
@@ -56427,7 +57499,7 @@ exports[`ssr snapshot test > ssr test src/side-bar/_example/custom.tsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SideBar 侧边栏</h1><p class="tdesign-mobile-demo-header__summary">用于内容分类后的展示切换。</p></div><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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->锚点用法</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->切页用法</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标侧边导航</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标侧边导航</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->自定义样式</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字4</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字4</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字4</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/with-icon.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div>选项三</div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
@@ -56475,29 +57547,29 @@ exports[`ssr snapshot test > ssr test src/sticky/_example/index.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/sticky/_example/offset.tsx 1`] = `"<div class="tdesign-demo-block-2"><div class="t-sticky"><div class="t-sticky__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--danger t-button--rectangle custom-common-button"><span class="t-button__content"> <!-- -->吸顶距离</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/double.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左右滑操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/double.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左右滑操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/event.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带二次确认的操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/event.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带二次确认的操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/icon.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字横排</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">纯图标</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字竖排<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/icon.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字横排</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">纯图标</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字竖排</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"<div class="swipe-cell-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SwipeCell 滑动单元格</h1><p class="tdesign-mobile-demo-header__summary">用来承载列表中的更多操作，通过左右滑动来展示，按钮的宽度固定高度根据列表高度而变化。</p></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑双操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑三操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">右滑单操作</div><div class="t-cell__note">辅助信息</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左右滑操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字横排</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">纯图标</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字竖排<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带二次确认的操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"<div class="swipe-cell-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SwipeCell 滑动单元格</h1><p class="tdesign-mobile-demo-header__summary">用来承载列表中的更多操作，通过左右滑动来展示，按钮的宽度固定高度根据列表高度而变化。</p></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑双操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑三操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">右滑单操作</div></div><div class="t-cell__note">辅助信息</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左右滑操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字横排</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">纯图标</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字竖排</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带二次确认的操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/left.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑双操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑三操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/left.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑双操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑三操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/right.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">右滑单操作</div><div class="t-cell__note">辅助信息</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/right.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">右滑单操作</div></div><div class="t-cell__note">辅助信息</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">基础开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">基础开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/color.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">自定义颜色开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/color.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">自定义颜色开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Switch 开关</h1><p class="tdesign-mobile-demo-header__summary">开关用于切换当个设置项的状态，开启、关闭为两个互斥的操作</p></div><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"></div><div class="t-cell__title">基础开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带描述开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带文字开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带图标开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">自定义颜色开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></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"></div><div class="t-cell__title">加载状态</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">开关开启禁用</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</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"></div><div class="t-cell__title">大尺寸 32</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">中尺寸 28</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">小尺寸 24</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Switch 开关</h1><p class="tdesign-mobile-demo-header__summary">开关用于切换当个设置项的状态，开启、关闭为两个互斥的操作</p></div><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"></div><div class="t-cell__title"><div class="t-cell__title-text">基础开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带描述开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带文字开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带图标开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">自定义颜色开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></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"></div><div class="t-cell__title"><div class="t-cell__title-text">加载状态</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开关开启禁用</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</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"></div><div class="t-cell__title"><div class="t-cell__title-text">大尺寸 32</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">中尺寸 28</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">小尺寸 24</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/label.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带文字开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带图标开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/label.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带文字开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带图标开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大尺寸 32</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">中尺寸 28</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">小尺寸 24</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大尺寸 32</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">中尺寸 28</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">小尺寸 24</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">加载状态</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">开关开启禁用</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">加载状态</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开关开启禁用</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/badge-props.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-home" style="font-size:20px"><use xlink:href="#t-icon-home"></use></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">16</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-app" style="font-size:20px"><use xlink:href="#t-icon-app"></use></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:0px;top:0px"></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-chat" style="font-size:20px"><use xlink:href="#t-icon-chat"></use></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-user" style="font-size:20px"><use xlink:href="#t-icon-user"></use></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">···</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index bec660d5..cf538ac6 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -6,11 +6,11 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar t-size-l t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><div class="t-avatar__icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user"><path fill="currentColor" d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"></path></svg></div></div><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="font-size:24"><path fill="currentColor" d="M4 8a8 8 0 1116 0v4.7l2 3V20h-5.61a4.5 4.5 0 01-8.78 0H2v-4.3l2-3V8zm5.7 12a2.5 2.5 0 004.6 0H9.7zM12 2a6 6 0 00-6 6v5.3l-2 3V18h16v-1.7l-2-3V8a6 6 0 00-6-6z"></path></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop"><path fill="currentColor" d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"></path></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;
 
@@ -34,13 +34,13 @@ exports[`ssr snapshot test > ssr test src/button/_example/test.tsx 1`] = `"<div>
 
 exports[`ssr snapshot test > ssr test src/button/_example/theme.tsx 1`] = `"<div class="section-theme"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></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><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><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="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></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><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">多行带头像</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">多行带图片</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</div><div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title"><div class="t-cell__title-text">多行带头像</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title"><div class="t-cell__title-text">多行带图片</div><div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题<span class="t-cell--required"> *</span></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" 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"></path></svg></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/all.tsx 1`] = `"<div class="t-checkbox-group"><span><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">全选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5">单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息</div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div></span></div>"`;
 
@@ -60,17 +60,17 @@ exports[`ssr snapshot test > ssr test src/checkbox/_example/status.tsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/type.tsx 1`] = `"<div class="t-checkbox t-checkbox--left t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-checkbox__icon-wrapper"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div style="height:16px"></div><div class="t-checkbox t-checkbox--left t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-rectangle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M22 2H2v20h20V2zM6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41L6.09 12z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div style="height:16px"></div><div class="t-checkbox t-checkbox--left t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left"><img class="t-checkbox__icon-wrapper" src="https://tdesign.gtimg.com/mobile/demos/checkbox.png"/></div><div class="t-checkbox__content"><div class="t-checkbox__title" style="-webkit-line-clamp:3">图片图标</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/accordion.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/accordion.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/action.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/action.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/base.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/base.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/card.tsx 1`] = `"<div class="t-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/card.tsx 1`] = `"<div class="t-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Collapse 折叠面板</h1><p class="tdesign-mobile-demo-header__summary">可以折叠/展开的内容区域。</p></div><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-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">向上展开</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作说明</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">手风琴模式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></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-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Collapse 折叠面板</h1><p class="tdesign-mobile-demo-header__summary">可以折叠/展开的内容区域。</p></div><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-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">向上展开</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作说明</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">收起</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">手风琴模式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></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-collapse t-collapse--card undefined"><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom t-collapse-panel--active" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom t-collapse-panel__header--expanded"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div><div class="t-collapse-panel t-collapse-panel--bottom" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--bottom"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__note">单元测试</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down"><path fill="currentColor" d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/placement.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title">折叠面板标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/placement.tsx 1`] = `"<div class="t-collapse t-collapse--default undefined"><div class="t-collapse-panel t-collapse-panel--top" style="height:"><div class="t-collapse-panel__title"><div class="t-cell t-cell--middle t-collapse-panel__header t-collapse-panel__header--top"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">折叠面板标题</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-collapse-panel__header-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-up"><path fill="currentColor" d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"></path></svg></div></div></div></div></div><div class="t-collapse-panel__content"><div class="content">此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容可自定义内容</div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/count-down/_example/base.tsx 1`] = `"<div class="demo-count-down"><text class="demo-count-down-desc"> 时分秒 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带毫秒 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带方形底 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带圆形底 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 带单位 </text><div class="demo-count-down-content"></div></div><div class="demo-count-down"><text class="demo-count-down-desc"> 无底色带单位 </text><div class="demo-count-down-content"></div></div>"`;
 
@@ -142,9 +142,9 @@ exports[`ssr snapshot test > ssr test src/image/_example/shape.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/image/_example/status.tsx 1`] = `"<div class="row"><div class="col"><p class="tips">加载默认提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center"/></div></div><div class="col"><p class="tips">加载自定义提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div><img class="t-image__img t-image--fit-fill t-image--position-center"/></div></div></div><div class="row"><div class="col"><p class="tips">失败默认提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="x"/></div></div><div class="col"><p class="tips">失败自定义提示</p><div class="t-image t-image--round image-container"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="x"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/indexes/_example/base.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="A">A</div><div class="t-indexes__sidebar-item" data-index="B">B</div><div class="t-indexes__sidebar-item" data-index="C">C</div><div class="t-indexes__sidebar-item" data-index="D">D</div><div class="t-indexes__sidebar-item" data-index="E">E</div><div class="t-indexes__sidebar-item" data-index="F">F</div><div class="t-indexes__sidebar-item" data-index="G">G</div><div class="t-indexes__sidebar-item" data-index="J">J</div><div class="t-indexes__sidebar-item" data-index="K">K</div></div><div class="t-indexes-anchor" data-index="A"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">A</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阿坝</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阿拉善</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阿里</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安康</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鞍山</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安顺</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">安阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">澳门</div></div></div></div><div class="t-indexes-anchor" data-index="B"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">B</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">北京</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">白银</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">保定</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">宝鸡</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">保山</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">包头</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">巴中</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">北海</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">蚌埠</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">本溪</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">毕节</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">滨州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">百色</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">亳州</div></div></div></div><div class="t-indexes-anchor" data-index="C"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">C</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">重庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">成都</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">长沙</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">长春</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">沧州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">常德</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">昌都</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">长治</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">常州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">巢湖</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">潮州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">承德</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">郴州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">赤峰</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">池州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">崇左</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">楚雄</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">滁州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">朝阳</div></div></div></div><div class="t-indexes-anchor" data-index="D"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">D</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大连</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">东莞</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大理</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">丹东</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大同</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大兴安岭</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">德宏</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">德阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">德州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">定西</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">迪庆</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">东营</div></div></div></div><div class="t-indexes-anchor" data-index="E"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">E</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鄂尔多斯</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">恩施</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鄂州</div></div></div></div><div class="t-indexes-anchor" data-index="F"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">F</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">福州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">防城港</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">佛山</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">抚顺</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">抚州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阜新</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">阜阳</div></div></div></div><div class="t-indexes-anchor" data-index="G"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">G</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">广州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">桂林</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">贵阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">甘南</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">赣州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">甘孜</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">广安</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">广元</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">贵港</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">果洛</div></div></div></div><div class="t-indexes-anchor" data-index="J"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">J</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">揭阳</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">吉林</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">晋江</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">吉安</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">胶州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">嘉兴</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">济南</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">鸡西</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">荆州</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">江门</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">基隆</div></div></div></div><div class="t-indexes-anchor" data-index="K"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">K</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">昆明</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">开封</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">康定</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">喀什</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/indexes/_example/base.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="A">A</div><div class="t-indexes__sidebar-item" data-index="B">B</div><div class="t-indexes__sidebar-item" data-index="C">C</div><div class="t-indexes__sidebar-item" data-index="D">D</div><div class="t-indexes__sidebar-item" data-index="E">E</div><div class="t-indexes__sidebar-item" data-index="F">F</div><div class="t-indexes__sidebar-item" data-index="G">G</div><div class="t-indexes__sidebar-item" data-index="J">J</div><div class="t-indexes__sidebar-item" data-index="K">K</div></div><div class="t-indexes-anchor" data-index="A"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">A</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阿坝</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阿拉善</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阿里</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安康</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鞍山</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安顺</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">安阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">澳门</div></div></div></div></div><div class="t-indexes-anchor" data-index="B"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">B</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">北京</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">白银</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">保定</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">宝鸡</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">保山</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">包头</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">巴中</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">北海</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">蚌埠</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">本溪</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">毕节</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">滨州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">百色</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">亳州</div></div></div></div></div><div class="t-indexes-anchor" data-index="C"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">C</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">重庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">成都</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">长沙</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">长春</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">沧州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">常德</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">昌都</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">长治</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">常州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">巢湖</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">潮州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">承德</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">郴州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">赤峰</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">池州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">崇左</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">楚雄</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">滁州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">朝阳</div></div></div></div></div><div class="t-indexes-anchor" data-index="D"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">D</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大连</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">东莞</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大理</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">丹东</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大同</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大兴安岭</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">德宏</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">德阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">德州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">定西</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">迪庆</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">东营</div></div></div></div></div><div class="t-indexes-anchor" data-index="E"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">E</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鄂尔多斯</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">恩施</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鄂州</div></div></div></div></div><div class="t-indexes-anchor" data-index="F"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">F</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">福州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">防城港</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">佛山</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">抚顺</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">抚州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阜新</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">阜阳</div></div></div></div></div><div class="t-indexes-anchor" data-index="G"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">G</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">广州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">桂林</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">贵阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">甘南</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">赣州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">甘孜</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">广安</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">广元</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">贵港</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">果洛</div></div></div></div></div><div class="t-indexes-anchor" data-index="J"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">J</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">揭阳</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">吉林</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">晋江</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">吉安</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">胶州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">嘉兴</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">济南</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">鸡西</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">荆州</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">江门</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">基隆</div></div></div></div></div><div class="t-indexes-anchor" data-index="K"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"></div><div class="t-indexes-anchor__header">K</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">昆明</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开封</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">康定</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">喀什</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/indexes/_example/custom.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="0">0</div><div class="t-indexes__sidebar-item" data-index="3">3</div><div class="t-indexes__sidebar-item" data-index="4">4</div><div class="t-indexes__sidebar-item" data-index="7">7</div><div class="t-indexes__sidebar-item" data-index="8">8</div><div class="t-indexes__sidebar-item" data-index="10">10</div><div class="t-indexes__sidebar-item" data-index="#">#</div></div><div class="t-indexes-anchor" data-index="0"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">0</div></div><div class="t-indexes-anchor__header">0</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="3"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">3</div></div><div class="t-indexes-anchor__header">3</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="4"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">4</div></div><div class="t-indexes-anchor__header">4</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="7"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">7</div></div><div class="t-indexes-anchor__header">7</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="8"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">8</div></div><div class="t-indexes-anchor__header">8</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="10"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">10</div></div><div class="t-indexes-anchor__header">10</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div><div class="t-indexes-anchor" data-index="#"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">#</div></div><div class="t-indexes-anchor__header">#</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">列表内容</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/indexes/_example/custom.tsx 1`] = `"<div style="position:relative;height:0"><svg class="t-icon t-icon-arrow-left return-indexes"><use xlink:href="#t-icon-arrow-left"></use></svg><div class="t-indexes"><div class="t-indexes__sidebar"><div class="t-indexes__sidebar-item" data-index="0">0</div><div class="t-indexes__sidebar-item" data-index="3">3</div><div class="t-indexes__sidebar-item" data-index="4">4</div><div class="t-indexes__sidebar-item" data-index="7">7</div><div class="t-indexes__sidebar-item" data-index="8">8</div><div class="t-indexes__sidebar-item" data-index="10">10</div><div class="t-indexes__sidebar-item" data-index="#">#</div></div><div class="t-indexes-anchor" data-index="0"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">0</div></div><div class="t-indexes-anchor__header">0</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="3"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">3</div></div><div class="t-indexes-anchor__header">3</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="4"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">4</div></div><div class="t-indexes-anchor__header">4</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="7"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">7</div></div><div class="t-indexes-anchor__header">7</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="8"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">8</div></div><div class="t-indexes-anchor__header">8</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="10"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">10</div></div><div class="t-indexes-anchor__header">10</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div><div class="t-indexes-anchor" data-index="#"><div class="t-indexes-anchor__wrapper"><div class="t-indexes-anchor__slot"><div class="capsule ">#</div></div><div class="t-indexes-anchor__header">#</div></div></div><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">列表内容</div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/indexes/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Indexes 索引</h1><p class="tdesign-mobile-demo-header__summary">用于页面中信息快速检索，可以根据目录中的页码快速找到所需的内容。</p></div><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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->基础用法</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->胶囊索引</span></button></div></div></div>"`;
 
@@ -324,7 +324,7 @@ exports[`ssr snapshot test > ssr test src/side-bar/_example/custom.tsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SideBar 侧边栏</h1><p class="tdesign-mobile-demo-header__summary">用于内容分类后的展示切换。</p></div><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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->锚点用法</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->切页用法</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标侧边导航</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带图标侧边导航</span></button></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 with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->自定义样式</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字0</div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字1</div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字2</div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字3</div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字4</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字4</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title">标题文字4</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `"<div class="side-bar-wrapper section-switch"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content" style="transform:translateY(-100%)"><div class="section"><div class="title">标题一</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字0</div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字1</div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字2</div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字3</div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-image t-image--round image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example2.png"/></div></div><div class="t-cell__title"><div class="t-cell__title-text">标题文字4</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/with-icon.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div>选项三</div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">6</div></div></div><div class="t-side-bar-item"><div class="t-side-bar-item__icon"><svg class="t-icon t-icon-app"><use xlink:href="#t-icon-app"></use></svg></div><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
@@ -372,29 +372,29 @@ exports[`ssr snapshot test > ssr test src/sticky/_example/index.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/sticky/_example/offset.tsx 1`] = `"<div class="tdesign-demo-block-2"><div class="t-sticky"><div class="t-sticky__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--danger t-button--rectangle custom-common-button"><span class="t-button__content"> <!-- -->吸顶距离</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/double.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左右滑操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/double.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左右滑操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/event.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带二次确认的操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/event.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带二次确认的操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/icon.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字横排</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">纯图标</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字竖排<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/icon.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字横排</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">纯图标</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字竖排</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"<div class="swipe-cell-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SwipeCell 滑动单元格</h1><p class="tdesign-mobile-demo-header__summary">用来承载列表中的更多操作，通过左右滑动来展示，按钮的宽度固定高度根据列表高度而变化。</p></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑双操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑三操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">右滑单操作</div><div class="t-cell__note">辅助信息</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左右滑操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字横排</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">纯图标</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">图标加文字竖排<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带二次确认的操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"<div class="swipe-cell-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">SwipeCell 滑动单元格</h1><p class="tdesign-mobile-demo-header__summary">用来承载列表中的更多操作，通过左右滑动来展示，按钮的宽度固定高度根据列表高度而变化。</p></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑双操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑三操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">右滑单操作</div></div><div class="t-cell__note">辅助信息</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左右滑操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">删除</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左右滑操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标的滑动操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字横排</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">纯图标</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span></div><div class="btn delete-btn" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">图标加文字竖排</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-edit"><use xlink:href="#t-icon-edit"></use></svg></span><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn vertical" style="height:100%"><span class="t-swipe-cell__icon"><svg class="t-icon t-icon-delete"><use xlink:href="#t-icon-delete"></use></svg></span><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带二次确认的操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带二次确认的操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn edit-btn" style="height:100%"><span class="t-swipe-cell__text">编辑</span></div><div class="btn delete-btn" style="height:100%" sure="[object Object]"><span class="t-swipe-cell__text">删除</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/left.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑单操作<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑双操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">左滑三操作</div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/left.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">左滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑单操作</div><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn delete-btn">删除</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑双操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle" style="margin-top:10px"><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">左滑三操作</div></div><div class="t-cell__note">辅助信息</div></div><div class="t-swipe-cell__right"><div class="btn favor-btn">收藏</div><div class="btn edit-btn">编辑</div><div class="btn delete-btn">删除</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/swipe-cell/_example/right.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">右滑单操作</div><div class="t-cell__note">辅助信息</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/swipe-cell/_example/right.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">右滑单操作</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-swipe-cell"><div class="t-swipe-cell__wrapper" style="transform:none"><div class="t-swipe-cell__left"><div class="btn favor-btn">选择</div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">右滑单操作</div></div><div class="t-cell__note">辅助信息</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">基础开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">基础开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/color.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">自定义颜色开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/color.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">自定义颜色开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Switch 开关</h1><p class="tdesign-mobile-demo-header__summary">开关用于切换当个设置项的状态，开启、关闭为两个互斥的操作</p></div><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"></div><div class="t-cell__title">基础开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带描述开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带文字开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带图标开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">自定义颜色开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></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"></div><div class="t-cell__title">加载状态</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">开关开启禁用</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</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"></div><div class="t-cell__title">大尺寸 32</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">中尺寸 28</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">小尺寸 24</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Switch 开关</h1><p class="tdesign-mobile-demo-header__summary">开关用于切换当个设置项的状态，开启、关闭为两个互斥的操作</p></div><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"></div><div class="t-cell__title"><div class="t-cell__title-text">基础开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带描述开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带文字开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带图标开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色开关</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">自定义颜色开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked custom-color"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></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"></div><div class="t-cell__title"><div class="t-cell__title-text">加载状态</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开关开启禁用</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</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"></div><div class="t-cell__title"><div class="t-cell__title-text">大尺寸 32</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">中尺寸 28</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">小尺寸 24</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/label.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带文字开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">带图标开关</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/label.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带文字开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked">开</div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">带图标开关</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><svg class="t-icon t-icon-check"><use xlink:href="#t-icon-check"></use></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">大尺寸 32</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">中尺寸 28</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">小尺寸 24</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/size.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">大尺寸 32</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--large t-switch--checked"><div class="t-switch__dot t-switch__dot--large t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--large t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">中尺寸 28</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--checked"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">小尺寸 24</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--small t-switch--checked"><div class="t-switch__dot t-switch__dot--small t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--small t-switch__label--checked"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">加载状态</div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">开关开启禁用</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">禁用状态</div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/switch/_example/status.tsx 1`] = `"<div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">加载状态</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium"><div class="t-switch__label t-switch__label--medium"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">开关开启禁用</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"><div class="t-loading t-loading--center" style="color:inherit;font-size:small"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></div></div></div></div></div><div class="demo__title">禁用状态</div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用状态</div></div><div class="t-cell__note"><div class="t-switch t-switch--medium t-switch--checked t-switch--disabled"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--checked t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium t-switch__label--checked"></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/tab-bar/_example/badge-props.tsx 1`] = `"<div class="demo-tab-bar"><div class="t-tab-bar t-tab-bar--bordered t-tab-bar--fixed t-tab-bar--safe t-tab-bar--normal" role="tablist"><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="true" class="t-tab-bar-item__content t-tab-bar-item__content--checked t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-home" style="font-size:20px"><use xlink:href="#t-icon-home"></use></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">16</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">首页</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-app" style="font-size:20px"><use xlink:href="#t-icon-app"></use></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:0px;top:0px"></div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">软件</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-chat" style="font-size:20px"><use xlink:href="#t-icon-chat"></use></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">聊天</div></div></div><div class="t-tab-bar-item t-tab-bar-item--crowded t-tab-bar-item--normal"><div role="tab" aria-label="TabBar" aria-selected="false" class="t-tab-bar-item__content t-tab-bar-item__content--normal"><div class="t-tab-bar-item__icon" style="height:20px"><div class="t-badge"><div class="t-badge__content"><svg class="t-icon t-icon-user" style="font-size:20px"><use xlink:href="#t-icon-user"></use></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:0px">···</div></div></div><div class="t-tab-bar-item__text t-tab-bar-item__text--small">我的</div></div></div></div></div>"`;