From 09c1200b80115e079c0a6be2a11466fff28369ab Mon Sep 17 00:00:00 2001
From: tdesign-bot <tdesign@tencent.com>
Date: Mon, 13 Jul 2026 12:38:23 +0000
Subject: [PATCH 1/2] feat(Icon): upgrade tdesign-icons-react to 0.6.6

---
 packages/tdesign-react-aigc/package.json      | 2 +-
 packages/tdesign-react-aigc/site/package.json | 2 +-
 packages/tdesign-react/package.json           | 2 +-
 packages/tdesign-react/site/package.json      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/tdesign-react-aigc/package.json b/packages/tdesign-react-aigc/package.json
index b8326c651c..12d18a70dd 100644
--- a/packages/tdesign-react-aigc/package.json
+++ b/packages/tdesign-react-aigc/package.json
@@ -65,7 +65,7 @@
     "@tdesign/common-docs": "workspace:^",
     "cors": "^2.8.5",
     "express": "^4.17.3",
-    "tdesign-icons-react": "0.6.4",
+    "tdesign-icons-react": "0.6.6",
     "tdesign-react": "workspace:^",
     "tvision-charts-react": "^3.3.12"
   }
diff --git a/packages/tdesign-react-aigc/site/package.json b/packages/tdesign-react-aigc/site/package.json
index 10321ecc4f..a0c73a1b54 100644
--- a/packages/tdesign-react-aigc/site/package.json
+++ b/packages/tdesign-react-aigc/site/package.json
@@ -18,7 +18,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.2.2",
-    "tdesign-icons-react": "^0.6.4",
+    "tdesign-icons-react": "^0.6.6",
     "tdesign-react": "workspace:^"
   },
   "devDependencies": {
diff --git a/packages/tdesign-react/package.json b/packages/tdesign-react/package.json
index 49810aae81..d5a7a57940 100644
--- a/packages/tdesign-react/package.json
+++ b/packages/tdesign-react/package.json
@@ -92,7 +92,7 @@
     "react-is": "^18.2.0",
     "react-transition-group": "~4.4.1",
     "sortablejs": "^1.15.7",
-    "tdesign-icons-react": "^0.6.4",
+    "tdesign-icons-react": "^0.6.6",
     "tslib": "~2.3.1",
     "validator": "~13.15.0"
   }
diff --git a/packages/tdesign-react/site/package.json b/packages/tdesign-react/site/package.json
index 09c9a35778..02dab0824f 100644
--- a/packages/tdesign-react/site/package.json
+++ b/packages/tdesign-react/site/package.json
@@ -17,7 +17,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.2.2",
-    "tdesign-icons-react": "^0.6.4"
+    "tdesign-icons-react": "^0.6.6"
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",

From f0b56053917802c5203914689dc20311bf150939 Mon Sep 17 00:00:00 2001
From: tdesign-bot <tdesign@tencent.com>
Date: Mon, 13 Jul 2026 12:40:33 +0000
Subject: [PATCH 2/2] chore: update snapshot

---
 test/snap/__snapshots__/csr.test.jsx.snap | 82 +++++++++++------------
 test/snap/__snapshots__/ssr.test.jsx.snap | 22 +++---
 2 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index fbb288e7fa..24421242ac 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -19803,12 +19803,12 @@ exports[`csr snapshot test > csr test packages/components/card/_example/footer.t
                     id="chat"
                   >
                     <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                       fill="transparent"
                       id="fill1"
                     />
                     <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                       id="stroke1"
                       stroke="currentColor"
                       stroke-linecap="square"
@@ -19979,12 +19979,12 @@ exports[`csr snapshot test > csr test packages/components/card/_example/footer-a
                         id="chat"
                       >
                         <path
-                          d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                          d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                           fill="transparent"
                           id="fill1"
                         />
                         <path
-                          d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                          d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                           id="stroke1"
                           stroke="currentColor"
                           stroke-linecap="square"
@@ -20905,12 +20905,12 @@ exports[`csr snapshot test > csr test packages/components/card/_example/header-f
                     id="chat"
                   >
                     <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                       fill="transparent"
                       id="fill1"
                     />
                     <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                       id="stroke1"
                       stroke="currentColor"
                       stroke-linecap="square"
@@ -21154,12 +21154,12 @@ exports[`csr snapshot test > csr test packages/components/card/_example/header-s
                     id="chat"
                   >
                     <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                       fill="transparent"
                       id="fill1"
                     />
                     <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                       id="stroke1"
                       stroke="currentColor"
                       stroke-linecap="square"
@@ -31044,12 +31044,12 @@ exports[`csr snapshot test > csr test packages/components/comment/_example/list.
                           id="chat"
                         >
                           <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                             fill="transparent"
                             id="fill1"
                           />
                           <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                             id="stroke1"
                             stroke="currentColor"
                             stroke-linecap="square"
@@ -31170,12 +31170,12 @@ exports[`csr snapshot test > csr test packages/components/comment/_example/list.
                           id="chat"
                         >
                           <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                             fill="transparent"
                             id="fill1"
                           />
                           <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                             id="stroke1"
                             stroke="currentColor"
                             stroke-linecap="square"
@@ -31296,12 +31296,12 @@ exports[`csr snapshot test > csr test packages/components/comment/_example/list.
                           id="chat"
                         >
                           <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                             fill="transparent"
                             id="fill1"
                           />
                           <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                             id="stroke1"
                             stroke="currentColor"
                             stroke-linecap="square"
@@ -31423,12 +31423,12 @@ exports[`csr snapshot test > csr test packages/components/comment/_example/opera
                   id="chat"
                 >
                   <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                     fill="transparent"
                     id="fill1"
                   />
                   <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                     id="stroke1"
                     stroke="currentColor"
                     stroke-linecap="square"
@@ -31576,12 +31576,12 @@ exports[`csr snapshot test > csr test packages/components/comment/_example/quote
                   id="chat"
                 >
                   <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                     fill="transparent"
                     id="fill1"
                   />
                   <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                     id="stroke1"
                     stroke="currentColor"
                     stroke-linecap="square"
@@ -31699,12 +31699,12 @@ exports[`csr snapshot test > csr test packages/components/comment/_example/reply
                   id="chat"
                 >
                   <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                     fill="transparent"
                     id="fill1"
                   />
                   <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                     id="stroke1"
                     stroke="currentColor"
                     stroke-linecap="square"
@@ -31838,12 +31838,12 @@ exports[`csr snapshot test > csr test packages/components/comment/_example/reply
                       id="chat"
                     >
                       <path
-                        d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                        d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                         fill="transparent"
                         id="fill1"
                       />
                       <path
-                        d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                        d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                         id="stroke1"
                         stroke="currentColor"
                         stroke-linecap="square"
@@ -99436,12 +99436,12 @@ exports[`csr snapshot test > csr test packages/components/sticky-tool/_example/b
               id="chat"
             >
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 fill="transparent"
                 id="fill1"
               />
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 id="stroke1"
                 stroke="currentColor"
                 stroke-linecap="square"
@@ -99624,12 +99624,12 @@ exports[`csr snapshot test > csr test packages/components/sticky-tool/_example/c
               id="chat"
             >
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 fill="transparent"
                 id="fill1"
               />
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 id="stroke1"
                 stroke="currentColor"
                 stroke-linecap="square"
@@ -99797,12 +99797,12 @@ exports[`csr snapshot test > csr test packages/components/sticky-tool/_example/s
               id="chat"
             >
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 fill="transparent"
                 id="fill1"
               />
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 id="stroke1"
                 stroke="currentColor"
                 stroke-linecap="square"
@@ -99975,12 +99975,12 @@ exports[`csr snapshot test > csr test packages/components/sticky-tool/_example/s
               id="chat"
             >
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 fill="transparent"
                 id="fill1"
               />
               <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                d="M2.5 4H21.5V19H6.5L2.5 22V4Z"
                 id="stroke1"
                 stroke="currentColor"
                 stroke-linecap="square"
@@ -153837,9 +153837,9 @@ exports[`ssr snapshot test > ssr test packages/components/card/_example/bordered
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/custom-loading-props.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-loading__parent"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">自定义loadingProps Card</div></div></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div><div class="t-loading t-loading--center t-size-m t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">TDesign努力加载中...</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/footer-content.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div></div></div>"`;
 
@@ -153853,11 +153853,11 @@ exports[`ssr snapshot test > ssr test packages/components/card/_example/header-b
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/header-description.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/header-subtitle.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/cascader/_example/base.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
@@ -153933,13 +153933,13 @@ exports[`ssr snapshot test > ssr test packages/components/color-picker/_example/
 
 exports[`ssr snapshot test > ssr test packages/components/comment/_example/base.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/comment/_example/reply-form.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__detail"><div style="width:100%;gap:16px" class="t-space t-space-align-end t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><button style="float:right" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回复</span></button></div></div></div></div></div></div>"`;
 
@@ -154631,11 +154631,11 @@ exports[`ssr snapshot test > ssr test packages/components/steps/_example/vertica
 
 exports[`ssr snapshot test > ssr test packages/components/steps/_example/vertical-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">1</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/swiper/_example/base.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index f327059e29..72569b2d39 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -158,9 +158,9 @@ exports[`ssr snapshot test > ssr test packages/components/card/_example/bordered
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/custom-loading-props.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-loading__parent"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">自定义loadingProps Card</div></div></div></div><div class="t-card__body">仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。</div><div class="t-loading t-loading--center t-size-m t-loading--full t-loading__overlay"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><div class="t-loading__text">TDesign努力加载中...</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/footer.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:56px;height:56px;font-size:28px"><span style="transform:scale(1)"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div><div></div></div><div class="t-card__actions"><div class="t-tag t-tag--success t-tag--dark"><span title="默认标签">默认标签</span></div></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/footer-actions.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button style="margin-right:8px" type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-heart" style="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div><div class="t-space-item"><div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-avatar-group t-avatar--offset-left"><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:default;height:default"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div><div class="t-avatar t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">Q</span></div><div class="t-avatar t-avatar__collapse t-avatar--circle" style="width:default;height:default;font-size:NaNpx"><span style="transform:scale(1)">+3</span></div></div></div><div class="t-card__actions"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-more" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/footer-content.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">标题</span></div><div class="t-comment__detail">卡片内容</div></div></div></div></div></div></div>"`;
 
@@ -174,11 +174,11 @@ exports[`ssr snapshot test > ssr test packages/components/card/_example/header-b
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/header-description.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><p class="t-card__description">描述</p></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/header-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div class="t-card__avatar"><div class="t-avatar t-avatar--circle" style="width:40px;height:40px;font-size:20px"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:40px;height:40px"><img src="https://tdesign.gtimg.com/site/avatar-boy.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div></div><div><div class="t-card__title">标题</div><p class="t-card__description">卡片内容</p></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/card/_example/header-subtitle.tsx 1`] = `"<div class="t-card t-card--bordered t-card--shadow-hover" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions">操作</div></div><div class="t-card__body">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/card/_example/header-subtitle-footer-actions.tsx 1`] = `"<div class="t-card t-card--bordered" style="width:400px"><div class="t-card__header"><div class="t-card__header-wrapper"><div><div class="t-card__title">标题</div><div class="t-card__subtitle">副标题</div></div></div><div class="t-card__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"><span class="t-button__text"><svg class="t-icon t-icon-more"><use xlink:href="#t-icon-more"></use></svg></span></button></div></div><div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png" alt=""/></div><div class="t-card__footer"><div class="t-card__footer-wrapper"><div class="t-row t-row--center t-row--middle" style="margin-left:0px;margin-right:0px"><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div><div class="t-divider t-divider--vertical"></div><div class="t-col t-col-offset-0 t-col-pull-0 t-col-push-0 t-col-order-0" style="padding-left:0px;padding-right:0px;flex:auto"><button type="button" class="t-button t-button--theme-default t-button--variant-text"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-share" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/cascader/_example/base.tsx 1`] = `"<div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div>"`;
 
@@ -254,13 +254,13 @@ exports[`ssr snapshot test > ssr test packages/components/color-picker/_example/
 
 exports[`ssr snapshot test > ssr test packages/components/comment/_example/base.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/list.tsx 1`] = `"<div class="t-list t-list--split"><ul class="t-list__inner"><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名B</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li><li class="t-list-item"><div class="t-list-item-main"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名C</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">C评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/operation.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/quote.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__quote"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">引用内容标题</span></div><div class="t-comment__detail">引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容引用内容。</div></div></div></div></div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/comment/_example/reply.tsx 1`] = `"<div class="t-comment comment-reply"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name">评论作者名A</span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">A评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div><div class="t-comment__reply"><div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__author"><span class="t-comment__name"><span>评论作者名B</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-right-small t-size-s" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg><span>评论作者名A</span></span><span class="t-comment__time">今天16:38</span></div><div class="t-comment__detail">B评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</div><div class="t-comment__actions"><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-thumb-up" style="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>6</span></span></button><button type="button" class="t-button t-button--theme-default t-button--variant-text t-size-s"><span class="t-button__text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/comment/_example/reply-form.tsx 1`] = `"<div class="t-comment"><div class="t-comment__inner"><div class="t-comment__avatar"><img src="https://tdesign.gtimg.com/site/avatar.jpg" alt="" class="t-comment__avatar-image"/></div><div class="t-comment__content"><div class="t-comment__detail"><div style="width:100%;gap:16px" class="t-space t-space-align-end t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><button style="float:right" type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">回复</span></button></div></div></div></div></div></div>"`;
 
@@ -952,11 +952,11 @@ exports[`ssr snapshot test > ssr test packages/components/steps/_example/vertica
 
 exports[`ssr snapshot test > ssr test packages/components/steps/_example/vertical-sequence.tsx 1`] = `"<div style="display:flex;justify-content:space-between"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">3</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--reverse t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">未进行的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">进行中的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--process"><div class="t-steps-item__inner"><div class="t-steps-item__icon t-steps-item-process"><span class="t-steps-item__icon--number">2</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">1</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">已完成的步骤</div><div class="t-steps-item__description">这里是提示文字</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/compact.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--compact"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/sticky-tool/_example/shape.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-420px;bottom:0px" class="t-sticky-tool t-sticky-tool--square"><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--square t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div><div class="t-space-item"><div style="position:relative;overflow:hidden;right:-220px;bottom:0px" class="t-sticky-tool t-sticky-tool--round"><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chat" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 4H21.5V19H6.5L2.5 22V4Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 4H21.5V19H6.5L2.5 22V4Z" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">chat</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-sticky-item__label">add</div></div><div class="t-sticky-item t-sticky-item--round t-sticky-item--normal"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-qrcode" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/swiper/_example/base.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div class="t-swiper"><div class="t-swiper__wrap t-swiper--inside"><div class="t-swiper__content"><div class="t-swiper__container" style="-ms-transform:translate3d(-100%, 0px, 0px);-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px)"><div class="t-swiper__container__item" data-index="-1"><div class="demo-item">6</div></div><div class="t-swiper__container__item t-is-active" data-index="0"><div class="demo-item">1</div></div><div class="t-swiper__container__item" data-index="1"><div class="demo-item">2</div></div><div class="t-swiper__container__item" data-index="2"><div class="demo-item">3</div></div><div class="t-swiper__container__item" data-index="3"><div class="demo-item">4</div></div><div class="t-swiper__container__item" data-index="4"><div class="demo-item">5</div></div><div class="t-swiper__container__item" data-index="5"><div class="demo-item">6</div></div><div class="t-swiper__container__item" data-index="6"><div class="demo-item">1</div></div></div></div><ul class="t-swiper__navigation t-swiper__navigation-bars"><li class="t-swiper__navigation-item t-is-active"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li><li class="t-swiper__navigation-item"><span></span></li></ul><div class="t-swiper__arrow t-swiper__arrow--default"><div class="t-swiper__arrow-left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;