From ec71633d6f78ba76a8df1c6ebd6d38d37b3b484b Mon Sep 17 00:00:00 2001
From: HaixingOoO <974758671@qq.com>
Date: Mon, 27 Nov 2023 20:18:17 +0800
Subject: [PATCH] test(statistic): update test snap

---
 test/snap/__snapshots__/csr.test.jsx.snap | 190 ++++++++++++++++------
 test/snap/__snapshots__/ssr.test.jsx.snap |   6 +-
 2 files changed, 141 insertions(+), 55 deletions(-)

diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 39160b7706..7027947e18 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -179853,7 +179853,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/animation.jsx 1`] =
               <span
                 class="t-statistic-content-value"
               >
-                56.32
+                0.00
               </span>
               <span
                 class="t-statistic-content-suffix"
@@ -179939,7 +179939,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/animation.jsx 1`] =
             <span
               class="t-statistic-content-value"
             >
-              56.32
+              0.00
             </span>
             <span
               class="t-statistic-content-suffix"
@@ -181006,26 +181006,64 @@ exports[`csr snapshot test > csr test src/statistic/_example/combination.jsx 1`]
                         <div
                           class="t-space-item"
                         >
-                          <span>
-                            the day before
-                            <i
-                              class="t-icon t-icon-arrow-up"
-                              style="color: rgb(213, 73, 65);"
-                            />
-                            9%
-                          </span>
+                          <div
+                            class="t-space t-space-align-center t-space-horizontal"
+                            style="gap: 7px;"
+                          >
+                            <div
+                              class="t-space-item"
+                            >
+                              <div
+                                style="width: 120px;"
+                              >
+                                the day before
+                              </div>
+                            </div>
+                            <div
+                              class="t-space-item"
+                            >
+                              <i
+                                class="t-icon t-icon-arrow-up"
+                                style="color: rgb(213, 73, 65);"
+                              />
+                            </div>
+                            <div
+                              class="t-space-item"
+                            >
+                              9%
+                            </div>
+                          </div>
                         </div>
                         <div
                           class="t-space-item"
                         >
-                          <span>
-                            last week
-                            <i
-                              class="t-icon t-icon-arrow-down"
-                              style="color: rgb(43, 164, 113);"
-                            />
-                            9%
-                          </span>
+                          <div
+                            class="t-space t-space-align-center t-space-horizontal"
+                            style="gap: 7px;"
+                          >
+                            <div
+                              class="t-space-item"
+                            >
+                              <div
+                                style="width: 120px;"
+                              >
+                                last week
+                              </div>
+                            </div>
+                            <div
+                              class="t-space-item"
+                            >
+                              <i
+                                class="t-icon t-icon-arrow-down"
+                                style="color: rgb(43, 164, 113);"
+                              />
+                            </div>
+                            <div
+                              class="t-space-item"
+                            >
+                              9%
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -181312,26 +181350,64 @@ exports[`csr snapshot test > csr test src/statistic/_example/combination.jsx 1`]
                       <div
                         class="t-space-item"
                       >
-                        <span>
-                          the day before
-                          <i
-                            class="t-icon t-icon-arrow-up"
-                            style="color: rgb(213, 73, 65);"
-                          />
-                          9%
-                        </span>
+                        <div
+                          class="t-space t-space-align-center t-space-horizontal"
+                          style="gap: 7px;"
+                        >
+                          <div
+                            class="t-space-item"
+                          >
+                            <div
+                              style="width: 120px;"
+                            >
+                              the day before
+                            </div>
+                          </div>
+                          <div
+                            class="t-space-item"
+                          >
+                            <i
+                              class="t-icon t-icon-arrow-up"
+                              style="color: rgb(213, 73, 65);"
+                            />
+                          </div>
+                          <div
+                            class="t-space-item"
+                          >
+                            9%
+                          </div>
+                        </div>
                       </div>
                       <div
                         class="t-space-item"
                       >
-                        <span>
-                          last week
-                          <i
-                            class="t-icon t-icon-arrow-down"
-                            style="color: rgb(43, 164, 113);"
-                          />
-                          9%
-                        </span>
+                        <div
+                          class="t-space t-space-align-center t-space-horizontal"
+                          style="gap: 7px;"
+                        >
+                          <div
+                            class="t-space-item"
+                          >
+                            <div
+                              style="width: 120px;"
+                            >
+                              last week
+                            </div>
+                          </div>
+                          <div
+                            class="t-space-item"
+                          >
+                            <i
+                              class="t-icon t-icon-arrow-down"
+                              style="color: rgb(43, 164, 113);"
+                            />
+                          </div>
+                          <div
+                            class="t-space-item"
+                          >
+                            9%
+                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>
@@ -181469,7 +181545,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/loading.jsx 1`] = `
           class="t-space-item"
         >
           <button
-            class="t-switch t-size-l"
+            class="t-switch t-is-checked t-size-l"
             role="switch"
             type="button"
           >
@@ -181492,14 +181568,14 @@ exports[`csr snapshot test > csr test src/statistic/_example/loading.jsx 1`] = `
             >
               Downloads
             </div>
-            <div
-              class="t-statistic-content"
-            >
-              <span
-                class="t-statistic-content-value"
+            <div>
+              <div
+                class="t-skeleton__row"
               >
-                123,456
-              </span>
+                <div
+                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"
+                />
+              </div>
             </div>
           </div>
         </div>
@@ -181515,7 +181591,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/loading.jsx 1`] = `
         class="t-space-item"
       >
         <button
-          class="t-switch t-size-l"
+          class="t-switch t-is-checked t-size-l"
           role="switch"
           type="button"
         >
@@ -181538,14 +181614,14 @@ exports[`csr snapshot test > csr test src/statistic/_example/loading.jsx 1`] = `
           >
             Downloads
           </div>
-          <div
-            class="t-statistic-content"
-          >
-            <span
-              class="t-statistic-content-value"
+          <div>
+            <div
+              class="t-skeleton__row"
             >
-              123,456
-            </span>
+              <div
+                class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient"
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -181620,7 +181696,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/slot.jsx 1`] = `
     <div>
       <div
         class="t-space t-space-horizontal"
-        style="gap: 16px;"
+        style="gap: 32px;"
       >
         <div
           class="t-space-item"
@@ -181716,6 +181792,11 @@ exports[`csr snapshot test > csr test src/statistic/_example/slot.jsx 1`] = `
               >
                 62.58
               </span>
+              <span
+                class="t-statistic-content-unit"
+              >
+                %
+              </span>
               <span
                 class="t-statistic-content-suffix"
               >
@@ -181742,7 +181823,7 @@ exports[`csr snapshot test > csr test src/statistic/_example/slot.jsx 1`] = `
   "container": <div>
     <div
       class="t-space t-space-horizontal"
-      style="gap: 16px;"
+      style="gap: 32px;"
     >
       <div
         class="t-space-item"
@@ -181838,6 +181919,11 @@ exports[`csr snapshot test > csr test src/statistic/_example/slot.jsx 1`] = `
             >
               62.58
             </span>
+            <span
+              class="t-statistic-content-unit"
+            >
+              %
+            </span>
             <span
               class="t-statistic-content-suffix"
             >
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 7cdf430d74..890032c331 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -840,11 +840,11 @@ exports[`ssr snapshot test > ssr test src/statistic/_example/base.jsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/statistic/_example/color.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:black\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-brand-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-error-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-warning-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-success-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/combination.jsx 1`] = `"<div style=\\"gap:100px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px\\" class=\\"t-icon t-icon-chart\\"></i></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span><span class=\\"t-statistic-content-suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px\\" class=\\"t-icon t-icon-internet\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered t-card--shadow-hover\\"><div class=\\"t-card__header t-card__title--bordered\\"><div class=\\"t-card__header-wrapper\\"><div><div class=\\"t-card__title\\">Yesterday traffic</div></div></div></div><div class=\\"t-card__body\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Voice duration</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">789</span><span class=\\"t-statistic-content-unit\\">minute</span></div><div class=\\"t-statistic-extra\\">the day before 9%</div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total number of voice DAUs</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-error-color)\\"><span class=\\"t-statistic-content-value\\">188</span></div><div class=\\"t-statistic-extra\\"><div style=\\"gap:0px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><span>the day before<i style=\\"color:#d54941\\" class=\\"t-icon t-icon-arrow-up\\"></i>9%</span></div><div class=\\"t-space-item\\"><span>last week<i style=\\"color:#2ba471\\" class=\\"t-icon t-icon-arrow-down\\"></i>9%</span></div></div></div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-success-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/statistic/_example/combination.jsx 1`] = `"<div style=\\"gap:100px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px\\" class=\\"t-icon t-icon-chart\\"></i></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span><span class=\\"t-statistic-content-suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px\\" class=\\"t-icon t-icon-internet\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered t-card--shadow-hover\\"><div class=\\"t-card__header t-card__title--bordered\\"><div class=\\"t-card__header-wrapper\\"><div><div class=\\"t-card__title\\">Yesterday traffic</div></div></div></div><div class=\\"t-card__body\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Voice duration</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">789</span><span class=\\"t-statistic-content-unit\\">minute</span></div><div class=\\"t-statistic-extra\\">the day before 9%</div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total number of voice DAUs</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-error-color)\\"><span class=\\"t-statistic-content-value\\">188</span></div><div class=\\"t-statistic-extra\\"><div style=\\"gap:0px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"gap:7px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"width:120px\\">the day before</div></div><div class=\\"t-space-item\\"><i style=\\"color:#d54941;font-size:var(--td-font-size-body-large)\\" class=\\"t-icon t-icon-arrow-up\\"></i></div><div class=\\"t-space-item\\">9%</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:7px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"width:120px\\">last week</div></div><div class=\\"t-space-item\\"><i style=\\"color:#2ba471;font-size:var(--td-font-size-body-large)\\" class=\\"t-icon t-icon-arrow-down\\"></i></div><div class=\\"t-space-item\\">9%</div></div></div></div></div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-success-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/loading.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Downloads</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">123,456</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/statistic/_example/loading.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-is-checked t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Downloads</div><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text t-skeleton--animation-gradient\\"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/slot.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\"><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">56.32</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\">$</span><span class=\\"t-statistic-content-value\\">176,059</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">62.58</span><span class=\\"t-statistic-content-suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\" style=\\"color:#ee4d38\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/statistic/_example/slot.jsx 1`] = `"<div style=\\"gap:32px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\"><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">56.32</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\">$</span><span class=\\"t-statistic-content-value\\">176,059</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">62.58</span><span class=\\"t-statistic-content-unit\\">%</span><span class=\\"t-statistic-content-suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\" style=\\"color:#ee4d38\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/statistic/_example/trend.jsx 1`] = `"<div style=\\"gap:100px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span><span class=\\"t-statistic-content-suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span></div></div></div></div>"`;