diff --git a/src/badge/_example/base.tsx b/src/badge/_example/base.tsx
index 00276947a..c15ee298f 100644
--- a/src/badge/_example/base.tsx
+++ b/src/badge/_example/base.tsx
@@ -9,7 +9,7 @@ export default function BaseBadge() {
       <div className="badge-demo">
         <Badge dot className="badge-item" content="消息" />
         <Badge dot offset={[1, -1]} className="badge-item">
-          <NotificationIcon size="24" />
+          <NotificationIcon size={24} />
         </Badge>
         <Badge dot offset={[1, 1]} className="badge-item">
           <Button>按钮</Button>
@@ -20,7 +20,7 @@ export default function BaseBadge() {
       <div className="badge-demo">
         <Badge count="8" content="消息" offset={[-8, 0]} className="badge-item" />
         <Badge count="2" offset={[-2, -2]} className="badge-item">
-          <NotificationIcon size="24" />
+          <NotificationIcon size={24} />
         </Badge>
         <Badge count="8" offset={[2, 2]} className="badge-item">
           <Button>按钮</Button>
@@ -30,7 +30,7 @@ export default function BaseBadge() {
       <div className="summary">自定义徽标</div>
       <div className="badge-demo">
         <Badge count="NEW" offset={[0, 2]}>
-          <Button icon={<NotificationIcon />} shape="square" size="large" />
+          <Button icon={<NotificationIcon size={24} />} shape="square" size="large" />
         </Badge>
       </div>
     </>
diff --git a/src/badge/_example/theme.tsx b/src/badge/_example/theme.tsx
index ad3a90bd5..3b2161e59 100644
--- a/src/badge/_example/theme.tsx
+++ b/src/badge/_example/theme.tsx
@@ -8,21 +8,21 @@ export default function ThemeBadge() {
       <div className="summary">圆形徽标</div>
       <div className="badge-demo">
         <Badge count="2" offset={[-2, -2]}>
-          <NotificationIcon size="24" />
+          <NotificationIcon size={24} />
         </Badge>
       </div>
 
       <div className="summary">方形徽标</div>
       <div className="badge-demo">
         <Badge count="2" shape="square" offset={[-2, -2]}>
-          <NotificationIcon size="24" />
+          <NotificationIcon size={24} />
         </Badge>
       </div>
 
       <div className="summary">气泡徽标</div>
       <div className="badge-demo">
         <Badge count="领积分" shape="bubble">
-          <Button icon={<ShopIcon />} shape="square" size="large" />
+          <Button icon={<ShopIcon size={24} />} shape="square" size="large" />
         </Badge>
       </div>
 
diff --git a/src/button/_example/shape.tsx b/src/button/_example/shape.tsx
index 0c5223efe..1ef75f8c2 100644
--- a/src/button/_example/shape.tsx
+++ b/src/button/_example/shape.tsx
@@ -9,11 +9,11 @@ export default function () {
         <Button theme="primary" size="large">
           填充按钮
         </Button>
-        <Button theme="primary" size="large" shape="square" aria-label="应用" icon={<AppIcon />}></Button>
+        <Button theme="primary" size="large" shape="square" aria-label="应用" icon={<AppIcon size={24} />}></Button>
         <Button theme="primary" size="large" shape="round">
           填充按钮
         </Button>
-        <Button theme="primary" size="large" shape="circle" aria-label="应用" icon={<AppIcon />}></Button>
+        <Button theme="primary" size="large" shape="circle" aria-label="应用" icon={<AppIcon size={24} />}></Button>
       </div>
       <Button theme="primary" size="large" block className="rectangle-button">
         填充按钮
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 45be3c2f5..9b218dace 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -10698,7 +10698,7 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
           class="t-icon t-icon-notification"
           fill="none"
           height="1em"
-          style="fill: none;"
+          style="fill: none; font-size: 24px;"
           viewBox="0 0 24 24"
           width="1em"
         >
@@ -10800,7 +10800,7 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
           class="t-icon t-icon-notification"
           fill="none"
           height="1em"
-          style="fill: none;"
+          style="fill: none; font-size: 24px;"
           viewBox="0 0 24 24"
           width="1em"
         >
@@ -10891,7 +10891,7 @@ exports[`csr snapshot test > csr test src/badge/_example/base.tsx 1`] = `
             class="t-icon t-icon-notification"
             fill="none"
             height="1em"
-            style="fill: none;"
+            style="fill: none; font-size: 24px;"
             viewBox="0 0 24 24"
             width="1em"
           >
@@ -11007,7 +11007,7 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                 class="t-icon t-icon-notification"
                 fill="none"
                 height="1em"
-                style="fill: none;"
+                style="fill: none; font-size: 24px;"
                 viewBox="0 0 24 24"
                 width="1em"
               >
@@ -11109,7 +11109,7 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                 class="t-icon t-icon-notification"
                 fill="none"
                 height="1em"
-                style="fill: none;"
+                style="fill: none; font-size: 24px;"
                 viewBox="0 0 24 24"
                 width="1em"
               >
@@ -11200,7 +11200,7 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                   class="t-icon t-icon-notification"
                   fill="none"
                   height="1em"
-                  style="fill: none;"
+                  style="fill: none; font-size: 24px;"
                   viewBox="0 0 24 24"
                   width="1em"
                 >
@@ -11280,7 +11280,7 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                 class="t-icon t-icon-notification"
                 fill="none"
                 height="1em"
-                style="fill: none;"
+                style="fill: none; font-size: 24px;"
                 viewBox="0 0 24 24"
                 width="1em"
               >
@@ -11342,7 +11342,7 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                 class="t-icon t-icon-notification"
                 fill="none"
                 height="1em"
-                style="fill: none;"
+                style="fill: none; font-size: 24px;"
                 viewBox="0 0 24 24"
                 width="1em"
               >
@@ -11408,7 +11408,7 @@ exports[`csr snapshot test > csr test src/badge/_example/index.tsx 1`] = `
                   class="t-icon t-icon-shop"
                   fill="none"
                   height="1em"
-                  style="fill: none;"
+                  style="fill: none; font-size: 24px;"
                   viewBox="0 0 24 24"
                   width="1em"
                 >
@@ -11845,7 +11845,7 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
           class="t-icon t-icon-notification"
           fill="none"
           height="1em"
-          style="fill: none;"
+          style="fill: none; font-size: 24px;"
           viewBox="0 0 24 24"
           width="1em"
         >
@@ -11907,7 +11907,7 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
           class="t-icon t-icon-notification"
           fill="none"
           height="1em"
-          style="fill: none;"
+          style="fill: none; font-size: 24px;"
           viewBox="0 0 24 24"
           width="1em"
         >
@@ -11973,7 +11973,7 @@ exports[`csr snapshot test > csr test src/badge/_example/theme.tsx 1`] = `
             class="t-icon t-icon-shop"
             fill="none"
             height="1em"
-            style="fill: none;"
+            style="fill: none; font-size: 24px;"
             viewBox="0 0 24 24"
             width="1em"
           >
@@ -13008,7 +13008,7 @@ exports[`csr snapshot test > csr test src/button/_example/index.tsx 1`] = `
               class="t-icon t-icon-app"
               fill="none"
               height="1em"
-              style="fill: none;"
+              style="fill: none; font-size: 24px;"
               viewBox="0 0 24 24"
               width="1em"
             >
@@ -13083,7 +13083,7 @@ exports[`csr snapshot test > csr test src/button/_example/index.tsx 1`] = `
               class="t-icon t-icon-app"
               fill="none"
               height="1em"
-              style="fill: none;"
+              style="fill: none; font-size: 24px;"
               viewBox="0 0 24 24"
               width="1em"
             >
@@ -13350,7 +13350,7 @@ exports[`csr snapshot test > csr test src/button/_example/shape.tsx 1`] = `
         class="t-icon t-icon-app"
         fill="none"
         height="1em"
-        style="fill: none;"
+        style="fill: none; font-size: 24px;"
         viewBox="0 0 24 24"
         width="1em"
       >
@@ -13425,7 +13425,7 @@ exports[`csr snapshot test > csr test src/button/_example/shape.tsx 1`] = `
         class="t-icon t-icon-app"
         fill="none"
         height="1em"
-        style="fill: none;"
+        style="fill: none; font-size: 24px;"
         viewBox="0 0 24 24"
         width="1em"
       >
@@ -132312,13 +132312,13 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/base.tsx 1`] = `"<di
 
 exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<div class="tdesign-mobile-react-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">BackTop 返回顶部</h1><p class="tdesign-mobile-demo-header__summary">用于当页面过长往下滑动时，帮助用户快速回到页面顶部。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">组件类型</h2></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="button-group"><div class="tdesign-mobile-demo-block__summary">圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->圆形返回顶部</span></button><div class="tdesign-mobile-demo-block__summary">半圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->半圆形返回顶部</span></button></div></div></div><div class="group"><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;
 
@@ -132330,9 +132330,9 @@ exports[`ssr snapshot test > ssr test src/button/_example/group.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/button/_example/icon.tsx 1`] = `"<div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--loading" disabled=""><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__content"> <!-- -->加载中</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Button 按钮</h1><p class="tdesign-mobile-demo-header__summary">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">图标按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--loading" disabled=""><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__content"> <!-- -->加载中</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">幽灵按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-ghost"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">组合按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-group"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">通栏按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">按钮禁用态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">按钮尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-size"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮48</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮40</span></button><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮32</span></button><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮28</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮主题</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-content"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/button/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Button 按钮</h1><p class="tdesign-mobile-demo-header__summary">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">图标按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--loading" disabled=""><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__content"> <!-- -->加载中</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">幽灵按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-ghost"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">组合按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-group"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">通栏按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">按钮禁用态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">按钮尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-size"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮48</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮40</span></button><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮32</span></button><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮28</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮主题</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-content"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/shape.tsx 1`] = `"<div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button>"`;
+exports[`ssr snapshot test > ssr test src/button/_example/shape.tsx 1`] = `"<div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/size.tsx 1`] = `"<div class="row section-size"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮48</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮40</span></button><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮32</span></button><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮28</span></button></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 59d01f782..5f7a3ee82 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -32,13 +32,13 @@ exports[`ssr snapshot test > ssr test src/back-top/_example/base.tsx 1`] = `"<di
 
 exports[`ssr snapshot test > ssr test src/back-top/_example/index.tsx 1`] = `"<div class="tdesign-mobile-react-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">BackTop 返回顶部</h1><p class="tdesign-mobile-demo-header__summary">用于当页面过长往下滑动时，帮助用户快速回到页面顶部。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">组件类型</h2></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="button-group"><div class="tdesign-mobile-demo-block__summary">圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->圆形返回顶部</span></button><div class="tdesign-mobile-demo-block__summary">半圆形返回顶部</div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle button t-button--block"><span class="t-button__content"> <!-- -->半圆形返回顶部</span></button></div></div></div><div class="group"><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div><div class="item"><div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:165.5px;height:165.5px;border-radius:12px"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"></div></div><div class="t-skeleton__row"><div class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none" style="width:100px"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/base.tsx 1`] = `"<div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Badge 徽标</h1><p class="tdesign-mobile-demo-header__summary">用于告知用户，该区域的状态变化或者待处理任务的数量。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">红点徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:-1px"></div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count" style="right:1px;top:1px"></div></div></div><div class="summary">数字徽标</div><div class="badge-demo"><div class="badge-item t-badge"><div class="t-badge__content"><span class="t-badge__content-text">消息</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-8px;top:0px">8</div></div><div class="badge-item t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div><div class="badge-item t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->按钮</span></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:2px;top:2px">8</div></div></div><div class="summary">自定义徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:0px;top:2px">NEW</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件尺寸</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/badge/_example/size.tsx 1`] = `"<div class="summary">Large</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--large t-avatar--circle"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--large t-badge--circle t-badge--count t-has-count" style="right:7px;top:7px">8</div></div></div></div></div><div class="summary">Middle</div><div class="block"><div class="t-avatar__wrapper"><div class="t-avatar__badge"><div class="t-badge"><div class="t-badge__content"><div class="t-avatar t-avatar--medium t-avatar--circle" style="font-size:NaNpx"><div class="t-avatar__icon"><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></div></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:5px;top:5px">8</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/badge/_example/theme.tsx 1`] = `"<div class="summary">圆形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">方形徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification" style="fill:none;font-size:24px"><g id="notification"><path id="fill1" fill="transparent" d="M3 19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8V13L3 16V19Z"></path><path id="fill2" fill="transparent" d="M12 22.5C13.933 22.5 15.5 20.933 15.5 19H8.5C8.5 20.933 10.067 22.5 12 22.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M5 8V13L3 16V19H21V16L19 13V8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M8.5 19H15.5C15.5 20.933 13.933 22.5 12 22.5C10.067 22.5 8.5 20.933 8.5 19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><div class="t-badge--basic t-badge--medium t-badge--square t-badge--count t-has-count" style="right:-2px;top:-2px">2</div></div></div><div class="summary">气泡徽标</div><div class="badge-demo"><div class="t-badge"><div class="t-badge__content"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-shop" style="fill:none;font-size:24px"><g id="shop"><path id="fill1" fill="transparent" d="M4 8H20V22H4V8Z"></path><path id="stroke1" stroke="currentColor" d="M15.5 11V5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5V11M4 8H20V22H4V8Z" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div><div class="t-badge--basic t-badge--medium t-badge--bubble t-badge--count t-has-count">领积分</div></div></div><div class="summary" style="margin-bottom:16px">角标</div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">单行标题</div></div><div class="t-cell__note"><div class="t-badge t-badge__ribbon-outer"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--ribbon t-badge--count t-has-count" style="right:0px;top:0px">New</div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/base.tsx 1`] = `"<div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div>"`;
 
@@ -50,9 +50,9 @@ exports[`ssr snapshot test > ssr test src/button/_example/group.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/button/_example/icon.tsx 1`] = `"<div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--loading" disabled=""><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__content"> <!-- -->加载中</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Button 按钮</h1><p class="tdesign-mobile-demo-header__summary">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">图标按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--loading" disabled=""><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__content"> <!-- -->加载中</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">幽灵按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-ghost"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">组合按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-group"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">通栏按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">按钮禁用态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">按钮尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-size"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮48</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮40</span></button><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮32</span></button><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮28</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮主题</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-content"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/button/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Button 按钮</h1><p class="tdesign-mobile-demo-header__summary">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">图标按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--loading" disabled=""><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><svg style="animation:t-spin 0.8s linear infinite;animation-direction:normal" class="t-loading__gradient t-icon-loading" viewBox="0 0 14 14" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="1" y="1" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><span class="t-button__content"> <!-- -->加载中</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">幽灵按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-ghost"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--ghost"><span class="t-button__content"> <!-- -->幽灵按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">组合按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-group"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">通栏按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">按钮禁用态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->填充按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle t-button--disabled" disabled=""><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">按钮尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-size"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮48</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮40</span></button><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮32</span></button><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮28</span></button></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">按钮主题</p></div><div class="tdesign-mobile-demo-block__slot"><div class="demo-content"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/button/_example/shape.tsx 1`] = `"<div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button>"`;
+exports[`ssr snapshot test > ssr test src/button/_example/shape.tsx 1`] = `"<div class="row section-shape"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--round"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--circle"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-app" style="fill:none;font-size:24px"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></svg></button></div><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle rectangle-button t-button--block"><span class="t-button__content"> <!-- -->填充按钮</span></button>"`;
 
 exports[`ssr snapshot test > ssr test src/button/_example/size.tsx 1`] = `"<div class="row section-size"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮48</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮40</span></button><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮32</span></button><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->按钮28</span></button></div>"`;