From 2ce5f998b693010deeb6596a8c915fe69c2c6184 Mon Sep 17 00:00:00 2001
From: Haixing <65376724+HaixingOoO@users.noreply.github.com>
Date: Wed, 20 Mar 2024 16:41:42 +0800
Subject: [PATCH] fix(Tabs): fix tabs action style and add test unit (#2808)

* fix(tabs): fix tabs action style and add test unit

* test: update test snap and action render usage parseTNode

---------

Co-authored-by: Heising <heising@travelconnect.cn>
---
 src/_common                               |   2 +-
 src/tabs/TabNav.tsx                       |  14 +-
 src/tabs/__tests__/tabs.test.tsx          |  22 ++
 test/snap/__snapshots__/csr.test.jsx.snap | 344 +++++++++++-----------
 test/snap/__snapshots__/ssr.test.jsx.snap |  32 +-
 5 files changed, 224 insertions(+), 190 deletions(-)

diff --git a/src/_common b/src/_common
index 61f726ff0e..de804ca255 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 61f726ff0eb91a1ed0d32da6e9c018ae80484146
+Subproject commit de804ca255c994ed6d58c7d1e661e248bd11a4b5
diff --git a/src/tabs/TabNav.tsx b/src/tabs/TabNav.tsx
index 23cdf8b28d..2b52d1fd07 100644
--- a/src/tabs/TabNav.tsx
+++ b/src/tabs/TabNav.tsx
@@ -14,6 +14,7 @@ import TabBar from './TabBar';
 import tabBase from '../_common/js/tabs/base';
 import useGlobalIcon from '../hooks/useGlobalIcon';
 import type { DragSortInnerProps } from '../_util/useDragSorter';
+import parseTNode from '../_util/parseTNode';
 
 const { moveActiveTabIntoView, calcScrollLeft, scrollToLeft, scrollToRight, calculateCanToLeft, calculateCanToRight } =
   tabBase;
@@ -39,6 +40,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
     onChange = noop,
     activeValue,
     children,
+    action,
     getDragProps,
   } = props;
 
@@ -272,7 +274,17 @@ const TabNav: React.FC<TabNavProps> = (props) => {
             <AddIcon />
           </div>
         ) : null}
-        {props.action}
+        {action ? (
+          <div
+            className={classNames(
+              tdTabsClassGenerator('btn'),
+              tdTabsClassGenerator('nav-action'),
+              tdSizeClassGenerator(size),
+            )}
+          >
+            {parseTNode(action)}
+          </div>
+        ) : null}
       </div>
       <div
         className={classNames(
diff --git a/src/tabs/__tests__/tabs.test.tsx b/src/tabs/__tests__/tabs.test.tsx
index 0804841533..59c7ba35a2 100644
--- a/src/tabs/__tests__/tabs.test.tsx
+++ b/src/tabs/__tests__/tabs.test.tsx
@@ -340,4 +340,26 @@ describe('Tabs 组件测试', () => {
     expect(onDragSort.mock.calls[0][0].target.value).toEqual('vue');
     expect(container.querySelectorAll('.t-tabs__nav-item-text-wrapper').item(0).firstChild.nodeValue).toEqual('react');
   });
+
+  test('Tabs action', () => {
+    const { container } = render(
+      <Tabs
+        action="Action"
+        size={'medium'}
+        list={[
+          {
+            label: 'a',
+            value: 'a',
+          },
+          {
+            label: 'b',
+            value: 'b',
+          },
+        ]}
+      />,
+    );
+
+    expect(container.querySelector('.t-tabs__nav-action')).not.toBeNull();
+    expect(container.querySelector('.t-tabs__nav-action')).toBeInTheDocument();
+  });
 });
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index c87f510687..6d21b14474 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -6109,7 +6109,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/base.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -6200,7 +6200,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/base.jsx 1`] = `
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -6329,7 +6329,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -6405,7 +6405,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -6489,7 +6489,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -6565,7 +6565,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -6706,7 +6706,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-cascading.jsx 1`
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -6782,7 +6782,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-cascading.jsx 1`
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -6866,7 +6866,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-cascading.jsx 1`
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -6942,7 +6942,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-cascading.jsx 1`
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -7083,7 +7083,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-max.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -7152,7 +7152,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-max.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -7232,7 +7232,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-max.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -7309,7 +7309,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-max.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -7378,7 +7378,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-max.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -7458,7 +7458,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/group-max.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -7857,7 +7857,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -7905,7 +7905,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -7953,7 +7953,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -8002,7 +8002,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -8198,7 +8198,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -8246,7 +8246,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -8294,7 +8294,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -8343,7 +8343,7 @@ exports[`csr snapshot test > csr test src/avatar/_example/size.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -41311,7 +41311,7 @@ exports[`csr snapshot test > csr test src/card/_example/footer-actions.jsx 1`] =
                           <div
                             class="t-space-item"
                           >
-                            图片加载中
+                            loading
                           </div>
                         </div>
                       </div>
@@ -41668,7 +41668,7 @@ exports[`csr snapshot test > csr test src/card/_example/footer-actions.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -42797,7 +42797,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-footer-actions.js
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -43002,7 +43002,7 @@ exports[`csr snapshot test > csr test src/card/_example/header-footer-actions.js
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -69283,7 +69283,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/others.jsx 1`
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -69905,7 +69905,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/others.jsx 1`
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -111305,7 +111305,7 @@ exports[`csr snapshot test > csr test src/image/_example/avif.jsx 1`] = `
             <div
               class="t-space-item"
             >
-              图片加载中
+              loading
             </div>
           </div>
         </div>
@@ -111358,7 +111358,7 @@ exports[`csr snapshot test > csr test src/image/_example/avif.jsx 1`] = `
           <div
             class="t-space-item"
           >
-            图片加载中
+            loading
           </div>
         </div>
       </div>
@@ -111489,7 +111489,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-always.jsx 1`] =
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -111580,7 +111580,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-always.jsx 1`] =
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -111675,7 +111675,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-always.jsx 1`] =
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -111766,7 +111766,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-always.jsx 1`] =
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -111903,7 +111903,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-hover.jsx 1`] = `
             <div
               class="t-space-item"
             >
-              图片加载中
+              loading
             </div>
           </div>
         </div>
@@ -111955,7 +111955,7 @@ exports[`csr snapshot test > csr test src/image/_example/extra-hover.jsx 1`] = `
           <div
             class="t-space-item"
           >
-            图片加载中
+            loading
           </div>
         </div>
       </div>
@@ -112086,7 +112086,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -112144,7 +112144,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -112202,7 +112202,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -112260,7 +112260,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -112318,7 +112318,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -112384,7 +112384,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -112442,7 +112442,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -112500,7 +112500,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -112558,7 +112558,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -112616,7 +112616,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-mode.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -112754,7 +112754,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -112812,7 +112812,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -112870,7 +112870,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -112937,7 +112937,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -112995,7 +112995,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -113062,7 +113062,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -113120,7 +113120,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -113178,7 +113178,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -113243,7 +113243,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                             <div
                               class="t-space-item"
                             >
-                              图片加载中
+                              loading
                             </div>
                           </div>
                         </div>
@@ -113301,7 +113301,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                             <div
                               class="t-space-item"
                             >
-                              图片加载中
+                              loading
                             </div>
                           </div>
                         </div>
@@ -113378,7 +113378,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113436,7 +113436,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113494,7 +113494,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113561,7 +113561,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113619,7 +113619,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113686,7 +113686,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113744,7 +113744,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113802,7 +113802,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                       <div
                         class="t-space-item"
                       >
-                        图片加载中
+                        loading
                       </div>
                     </div>
                   </div>
@@ -113867,7 +113867,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                           <div
                             class="t-space-item"
                           >
-                            图片加载中
+                            loading
                           </div>
                         </div>
                       </div>
@@ -113925,7 +113925,7 @@ exports[`csr snapshot test > csr test src/image/_example/fill-position.jsx 1`] =
                           <div
                             class="t-space-item"
                           >
-                            图片加载中
+                            loading
                           </div>
                         </div>
                       </div>
@@ -114049,7 +114049,7 @@ exports[`csr snapshot test > csr test src/image/_example/gallery-cover.jsx 1`] =
             <div
               class="t-space-item"
             >
-              图片加载中
+              loading
             </div>
           </div>
         </div>
@@ -114109,7 +114109,7 @@ exports[`csr snapshot test > csr test src/image/_example/gallery-cover.jsx 1`] =
           <div
             class="t-space-item"
           >
-            图片加载中
+            loading
           </div>
         </div>
       </div>
@@ -114245,7 +114245,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114289,7 +114289,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114333,7 +114333,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114377,7 +114377,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114421,7 +114421,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114465,7 +114465,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114509,7 +114509,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114553,7 +114553,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114597,7 +114597,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114641,7 +114641,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114685,7 +114685,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114729,7 +114729,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114773,7 +114773,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114817,7 +114817,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114861,7 +114861,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114905,7 +114905,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114949,7 +114949,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -114993,7 +114993,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -115037,7 +115037,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -115081,7 +115081,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -115125,7 +115125,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -115169,7 +115169,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -115213,7 +115213,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -115257,7 +115257,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -115344,7 +115344,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115388,7 +115388,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115432,7 +115432,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115476,7 +115476,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115520,7 +115520,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115564,7 +115564,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115608,7 +115608,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115652,7 +115652,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115696,7 +115696,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115740,7 +115740,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115784,7 +115784,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115828,7 +115828,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115872,7 +115872,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115916,7 +115916,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -115960,7 +115960,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116004,7 +116004,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116048,7 +116048,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116092,7 +116092,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116136,7 +116136,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116180,7 +116180,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116224,7 +116224,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116268,7 +116268,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116312,7 +116312,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116356,7 +116356,7 @@ exports[`csr snapshot test > csr test src/image/_example/lazy-list.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -116765,7 +116765,7 @@ exports[`csr snapshot test > csr test src/image/_example/placeholder.jsx 1`] = `
                           <div
                             class="t-space-item"
                           >
-                            图片加载中
+                            loading
                           </div>
                         </div>
                       </div>
@@ -116909,7 +116909,7 @@ exports[`csr snapshot test > csr test src/image/_example/placeholder.jsx 1`] = `
                           <div
                             class="t-space-item"
                           >
-                            图片加载中
+                            loading
                           </div>
                         </div>
                       </div>
@@ -116993,7 +116993,7 @@ exports[`csr snapshot test > csr test src/image/_example/placeholder.jsx 1`] = `
                           <div
                             class="t-space-item"
                           >
-                            图片加载中
+                            loading
                           </div>
                         </div>
                       </div>
@@ -117075,7 +117075,7 @@ exports[`csr snapshot test > csr test src/image/_example/placeholder.jsx 1`] = `
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -117219,7 +117219,7 @@ exports[`csr snapshot test > csr test src/image/_example/placeholder.jsx 1`] = `
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -117303,7 +117303,7 @@ exports[`csr snapshot test > csr test src/image/_example/placeholder.jsx 1`] = `
                         <div
                           class="t-space-item"
                         >
-                          图片加载中
+                          loading
                         </div>
                       </div>
                     </div>
@@ -117432,7 +117432,7 @@ exports[`csr snapshot test > csr test src/image/_example/shape.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -117490,7 +117490,7 @@ exports[`csr snapshot test > csr test src/image/_example/shape.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -117548,7 +117548,7 @@ exports[`csr snapshot test > csr test src/image/_example/shape.jsx 1`] = `
                     <div
                       class="t-space-item"
                     >
-                      图片加载中
+                      loading
                     </div>
                   </div>
                 </div>
@@ -117614,7 +117614,7 @@ exports[`csr snapshot test > csr test src/image/_example/shape.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -117672,7 +117672,7 @@ exports[`csr snapshot test > csr test src/image/_example/shape.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -117730,7 +117730,7 @@ exports[`csr snapshot test > csr test src/image/_example/shape.jsx 1`] = `
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -117858,7 +117858,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/album.jsx 1`] =
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -117951,7 +117951,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/album.jsx 1`] =
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -118109,7 +118109,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/albumIcons.jsx 1
                   <div
                     class="t-space-item"
                   >
-                    图片加载中
+                    loading
                   </div>
                 </div>
               </div>
@@ -118238,7 +118238,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/albumIcons.jsx 1
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -118429,7 +118429,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/base.jsx 1`] = `
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -118511,7 +118511,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/base.jsx 1`] = `
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -118658,7 +118658,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/block.jsx 1`] =
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -118732,7 +118732,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/block.jsx 1`] =
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -118814,7 +118814,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/block.jsx 1`] =
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -118888,7 +118888,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/block.jsx 1`] =
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -119126,7 +119126,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -119200,7 +119200,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -119274,7 +119274,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -119348,7 +119348,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -119430,7 +119430,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -119504,7 +119504,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -119578,7 +119578,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -119652,7 +119652,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/error.jsx 1`] =
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -119799,7 +119799,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/modeless.jsx 1`]
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -119881,7 +119881,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/modeless.jsx 1`]
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -120028,7 +120028,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.jsx 1`]
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -120102,7 +120102,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.jsx 1`]
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -120176,7 +120176,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.jsx 1`]
                 <div
                   class="t-space-item"
                 >
-                  图片加载中
+                  loading
                 </div>
               </div>
             </div>
@@ -120258,7 +120258,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.jsx 1`]
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -120332,7 +120332,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.jsx 1`]
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -120406,7 +120406,7 @@ exports[`csr snapshot test > csr test src/image-viewer/_example/multiple.jsx 1`]
               <div
                 class="t-space-item"
               >
-                图片加载中
+                loading
               </div>
             </div>
           </div>
@@ -303531,7 +303531,7 @@ exports[`ssr snapshot test > ssr test src/config-provider/_example/dialog.jsx 1`
 
 exports[`ssr snapshot test > ssr test src/config-provider/_example/global.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><p>使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class=\\"t-space-item\\"><p>英文语言包引入路径：<code>import enConfig from &#x27;tdesign-react/es/locale/en_US&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>中文语言包引入路径：<code>import zhConfig from &#x27;tdesign-react/es/locale/zh_CN&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>日文语言包引入路径：<code>import jpConfig from &#x27;tdesign-react/es/locale/ja_JP&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>韩文语言包引入路径：<code>import koConfig from &#x27;tdesign-react/es/locale/ko_KR&#x27;;</code></p></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/others.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__username\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in Select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-cascader t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select cascader data\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select time\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--primary t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--success t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--warning t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--danger t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\">Tree Empty Data</div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px\\"><img src=\\"1.jpg\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/config-provider/_example/others.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__username\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in Select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-cascader t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select cascader data\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select time\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--primary t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--success t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--warning t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--danger t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\">Tree Empty Data</div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px\\"><img src=\\"1.jpg\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/config-provider/_example/pagination.jsx 1`] = `"<div class=\\"t-pagination\\"><div class=\\"t-pagination__total\\">Total 36 items</div><div class=\\"t-pagination__select\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"please select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">please select</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">jump to<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-m t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 4 </span></span></div></div></div>"`;
 
@@ -303721,41 +303721,41 @@ exports[`ssr snapshot test > ssr test src/icon/_example/IconSelect.jsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/icon/_example/SvgSpriteExample.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><p>How do you feel today?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-sneer\\"><use xlink:href=\\"#t-icon-sneer\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-unhappy\\"><use xlink:href=\\"#t-icon-unhappy\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-excited\\"><use xlink:href=\\"#t-icon-excited\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-surprised\\"><use xlink:href=\\"#t-icon-surprised\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-giggle\\"><use xlink:href=\\"#t-icon-giggle\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><p>What is your favourite food?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-tangerinr\\" color=\\"orange\\"><use xlink:href=\\"#t-icon-tangerinr\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-bamboo-shoot\\" color=\\"green\\"><use xlink:href=\\"#t-icon-bamboo-shoot\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-apple\\" color=\\"red\\"><use xlink:href=\\"#t-icon-apple\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-milk\\" color=\\"#0052D9\\"><use xlink:href=\\"#t-icon-milk\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-peach\\" color=\\"pink\\"><use xlink:href=\\"#t-icon-peach\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><p>How much icons does TDesign Icon includes?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-1\\" style=\\"color:var(--td-brand-color-5)\\"><use xlink:href=\\"#t-icon-numbers-1\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-2\\" style=\\"color:var(--td-brand-color-6)\\"><use xlink:href=\\"#t-icon-numbers-2\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-0\\" style=\\"color:var(--td-brand-color-7)\\"><use xlink:href=\\"#t-icon-numbers-0\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-3\\" style=\\"color:var(--td-brand-color-8)\\"><use xlink:href=\\"#t-icon-numbers-3\\"></use></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/avif.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"max-width:100%\\"><picture><source type=\\"image/avif\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\"/><source type=\\"image/webp\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.webp\\"/><img src=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/></picture><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/avif.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"max-width:100%\\"><picture><source type=\\"image/avif\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\"/><source type=\\"image/webp\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.webp\\"/><img src=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/></picture><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-always.jsx 1`] = `"<div style=\\"gap:32px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">有遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div style=\\"background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"border-radius:3px;background:transparent;color:#fff\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">无遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/extra-always.jsx 1`] = `"<div style=\\"gap:32px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">有遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content\\"><div style=\\"background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"border-radius:3px;background:transparent;color:#fff\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">无遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-hover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\">预览</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/extra-hover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\">预览</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-mode.jsx 1`] = `"<div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">fill</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-none t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">none</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">scale-down</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/fill-mode.jsx 1`] = `"<div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">fill</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-none t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">none</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">scale-down</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-position.jsx 1`] = `"<div style=\\"width:100%;gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover center</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover right</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover bottom</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain bottom</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain center</div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain right</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/fill-position.jsx 1`] = `"<div style=\\"width:100%;gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover center</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover right</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover bottom</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain bottom</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain center</div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain right</div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/gallery-cover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery\\" style=\\"width:284px;height:160px\\"><div class=\\"t-image__gallery-shadow\\"></div><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span title=\\"标签一\\">标签一</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/gallery-cover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery\\" style=\\"width:284px;height:160px\\"><div class=\\"t-image__gallery-shadow\\"></div><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span title=\\"标签一\\">标签一</span></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/image/_example/lazy-list.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"height:240px;overflow-y:scroll;gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 lazy load</span></button></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/image/_example/lazy-single.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><div class=\\"t-image__placeholder\\"><img width=\\"100%\\" height=\\"100%\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-5.png\\"/></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/placeholder.jsx 1`] = `"<div style=\\"gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载中的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 loading</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image-error\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z\\"></path></svg></div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载失败的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 error</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/placeholder.jsx 1`] = `"<div style=\\"gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载中的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 loading</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image-error\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z\\"></path></svg></div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载失败的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 error</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/shape.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">square</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-round\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">round</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-circle\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">circle</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/shape.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">square</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-round\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">round</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-circle\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">circle</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/album.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1\\"><span>相册封面标题</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/album.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1\\"><span>相册封面标题</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/albumIcons.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1\\"><span style=\\"flex:1\\">相册封面标题</span><span style=\\"cursor:pointer\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/albumIcons.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1\\"><span style=\\"flex:1\\">相册封面标题</span><span style=\\"cursor:pointer\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/block.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/block.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/image-viewer/_example/button.jsx 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">预览单张图片</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/error.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/error.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/modeless.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/modeless.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/multiple.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/multiple.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/input/_example/addon.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入域名\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入域名\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">.com</span></span></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 3172868a1f..5f22005ef4 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -268,7 +268,7 @@ exports[`ssr snapshot test > ssr test src/config-provider/_example/dialog.jsx 1`
 
 exports[`ssr snapshot test > ssr test src/config-provider/_example/global.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><p>使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class=\\"t-space-item\\"><p>英文语言包引入路径：<code>import enConfig from &#x27;tdesign-react/es/locale/en_US&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>中文语言包引入路径：<code>import zhConfig from &#x27;tdesign-react/es/locale/zh_CN&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>日文语言包引入路径：<code>import jpConfig from &#x27;tdesign-react/es/locale/ja_JP&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>韩文语言包引入路径：<code>import koConfig from &#x27;tdesign-react/es/locale/ko_KR&#x27;;</code></p></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/others.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__username\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in Select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-cascader t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select cascader data\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select time\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--primary t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--success t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--warning t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--danger t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\">Tree Empty Data</div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px\\"><img src=\\"1.jpg\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/config-provider/_example/others.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__username\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in Select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-cascader t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select cascader data\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select time\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--primary t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--success t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--warning t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tag t-tag--danger t-tag--dark\\"><span title=\\"Feature Tag\\">Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\">Tree Empty Data</div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item-default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px\\"><img src=\\"1.jpg\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/config-provider/_example/pagination.jsx 1`] = `"<div class=\\"t-pagination\\"><div class=\\"t-pagination__total\\">Total 36 items</div><div class=\\"t-pagination__select\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"please select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">please select</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">jump to<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-m t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 4 </span></span></div></div></div>"`;
 
@@ -458,41 +458,41 @@ exports[`ssr snapshot test > ssr test src/icon/_example/IconSelect.jsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/icon/_example/SvgSpriteExample.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><p>How do you feel today?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-sneer\\"><use xlink:href=\\"#t-icon-sneer\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-unhappy\\"><use xlink:href=\\"#t-icon-unhappy\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-excited\\"><use xlink:href=\\"#t-icon-excited\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-surprised\\"><use xlink:href=\\"#t-icon-surprised\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-giggle\\"><use xlink:href=\\"#t-icon-giggle\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><p>What is your favourite food?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-tangerinr\\" color=\\"orange\\"><use xlink:href=\\"#t-icon-tangerinr\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-bamboo-shoot\\" color=\\"green\\"><use xlink:href=\\"#t-icon-bamboo-shoot\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-apple\\" color=\\"red\\"><use xlink:href=\\"#t-icon-apple\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-milk\\" color=\\"#0052D9\\"><use xlink:href=\\"#t-icon-milk\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-peach\\" color=\\"pink\\"><use xlink:href=\\"#t-icon-peach\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><p>How much icons does TDesign Icon includes?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-1\\" style=\\"color:var(--td-brand-color-5)\\"><use xlink:href=\\"#t-icon-numbers-1\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-2\\" style=\\"color:var(--td-brand-color-6)\\"><use xlink:href=\\"#t-icon-numbers-2\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-0\\" style=\\"color:var(--td-brand-color-7)\\"><use xlink:href=\\"#t-icon-numbers-0\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-3\\" style=\\"color:var(--td-brand-color-8)\\"><use xlink:href=\\"#t-icon-numbers-3\\"></use></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/avif.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"max-width:100%\\"><picture><source type=\\"image/avif\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\"/><source type=\\"image/webp\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.webp\\"/><img src=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/></picture><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/avif.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"max-width:100%\\"><picture><source type=\\"image/avif\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\"/><source type=\\"image/webp\\" srcSet=\\"https://tdesign.gtimg.com/img/tdesign-image.webp\\"/><img src=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/></picture><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-always.jsx 1`] = `"<div style=\\"gap:32px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">有遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div style=\\"background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"border-radius:3px;background:transparent;color:#fff\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">无遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/extra-always.jsx 1`] = `"<div style=\\"gap:32px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">有遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content\\"><div style=\\"background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"border-radius:3px;background:transparent;color:#fff\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px\\">无遮罩</strong></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/extra-hover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\">预览</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/extra-hover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\">预览</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-mode.jsx 1`] = `"<div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">fill</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-none t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">none</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">scale-down</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/fill-mode.jsx 1`] = `"<div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">fill</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-none t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">none</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">scale-down</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/fill-position.jsx 1`] = `"<div style=\\"width:100%;gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover center</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover right</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">cover bottom</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain bottom</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain center</div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">contain right</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/fill-position.jsx 1`] = `"<div style=\\"width:100%;gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover center</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover right</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">cover bottom</div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-top\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain top</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-bottom\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain bottom</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain center</div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;gap:16px\\" 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-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-left\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain left</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-left t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-right\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">contain right</div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/gallery-cover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery\\" style=\\"width:284px;height:160px\\"><div class=\\"t-image__gallery-shadow\\"></div><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span title=\\"标签一\\">标签一</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/gallery-cover.jsx 1`] = `"<div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery\\" style=\\"width:284px;height:160px\\"><div class=\\"t-image__gallery-shadow\\"></div><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content\\"><div class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1)\\"><span title=\\"标签一\\">标签一</span></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/image/_example/lazy-list.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"height:240px;overflow-y:scroll;gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px\\"></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 lazy load</span></button></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/image/_example/lazy-single.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><div class=\\"t-image__placeholder\\"><img width=\\"100%\\" height=\\"100%\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-5.png\\"/></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/placeholder.jsx 1`] = `"<div style=\\"gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载中的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 loading</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image-error\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z\\"></path></svg></div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载失败的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 error</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/placeholder.jsx 1`] = `"<div style=\\"gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载中的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 loading</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义占位</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image-error\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v10h-2V4H4v9.59l5-5L14.41 14 13 15.41l-4-4-5 5V20h8v2H2V2zm13.55 5a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0zm3.62 6.76L19 17.59l2.83-2.83 1.41 1.41L20.41 19l2.83 2.83-1.41 1.41L19 20.41l-2.83 2.83-1.41-1.41L17.59 19l-2.83-2.83 1.41-1.41z\\"></path></svg></div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px\\">加载失败的图片</h3><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">默认错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\">重演 error</span></button></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\">自定义错误</div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px\\"><img src=\\"error url\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image/_example/shape.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">square</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-round\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">round</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-circle\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\">circle</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image/_example/shape.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">square</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-round\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">round</div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-circle\\" style=\\"width:160px;height:160px\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div></div></div><div class=\\"t-space-item\\">circle</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/album.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1\\"><span>相册封面标题</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/album.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);box-sizing:border-box;z-index:1\\"><span>相册封面标题</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/albumIcons.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1\\"><span style=\\"flex:1\\">相册封面标题</span><span style=\\"cursor:pointer\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/albumIcons.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"position:relative;overflow:hidden;box-sizing:content-box;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:240px;height:240px;background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div style=\\"width:100%;height:56px;padding:0 16px;line-height:56px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);display:flex;box-sizing:border-box;z-index:1\\"><span style=\\"flex:1\\">相册封面标题</span><span style=\\"cursor:pointer\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16px\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/block.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/block.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/image-viewer/_example/button.jsx 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">预览单张图片</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/error.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/error.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-error3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/modeless.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/modeless.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/image-viewer/_example/multiple.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/image-viewer/_example/multiple.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-3.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" style=\\"width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);background-color:#fff\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-2.png\\" class=\\"t-image t-image--fit-contain t-image--position-center\\" alt=\\"test\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">loading</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.6);color:#fff;height:100%;display:flex;align-items:center;justify-content:center\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:16px\\" name=\\"browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/input/_example/addon.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入域名\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入域名\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">.com</span></span></div></div></div>"`;