From 9a736facf8753f2f0b7ace191af887f4d011ec65 Mon Sep 17 00:00:00 2001
From: HaixingOoO <974758671@qq.com>
Date: Sat, 30 Mar 2024 22:28:07 +0800
Subject: [PATCH 1/3] fix(layout): fix layout shake

fix #2088
---
 src/layout/Layout.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/layout/Layout.tsx b/src/layout/Layout.tsx
index fc3d39e5b7..bc729b09a9 100644
--- a/src/layout/Layout.tsx
+++ b/src/layout/Layout.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import useConfig from '../hooks/useConfig';
 import { StyledProps } from '../common';
@@ -63,23 +63,25 @@ const Layout: React.FC<LayoutProps> & {
   Aside: typeof Aside;
 } = (props) => {
   const { direction, className, style, children, ...otherLayoutProps } = props;
-  const [asides, setAsides] = useState([]);
-  useEffect(() => {
-    React.Children.forEach(children, (child: React.ReactChild) => {
+
+  const asides = useMemo(() => {
+    const childs: React.ReactElement[] = [];
+    React.Children.forEach(children, (child: React.ReactElement) => {
       if (!child || typeof child !== 'object') {
         return;
       }
       if (child.type === Aside) {
-        setAsides([child]);
+        childs.push(child);
       }
     });
+    return !!childs.length;
   }, [children]);
 
   const { classPrefix } = useConfig();
   const layoutClassNames = classNames(
     `${classPrefix}-layout`,
     {
-      [`${classPrefix}-layout--with-sider`]: !!asides.length,
+      [`${classPrefix}-layout--with-sider`]: asides,
       [`${classPrefix}-layout__direction-${direction}`]: direction,
     },
     className,

From e732e3261c10d64f3d0115289e4de3b772809125 Mon Sep 17 00:00:00 2001
From: HaixingOoO <974758671@qq.com>
Date: Sat, 30 Mar 2024 22:36:17 +0800
Subject: [PATCH 2/3] test(layout): fix test error

---
 src/layout/Layout.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/layout/Layout.tsx b/src/layout/Layout.tsx
index bc729b09a9..a7ed36d8da 100644
--- a/src/layout/Layout.tsx
+++ b/src/layout/Layout.tsx
@@ -64,24 +64,24 @@ const Layout: React.FC<LayoutProps> & {
 } = (props) => {
   const { direction, className, style, children, ...otherLayoutProps } = props;
 
-  const asides = useMemo(() => {
-    const childs: React.ReactElement[] = [];
+  const shouldAsides = useMemo(() => {
+    const asides: React.ReactElement[] = [];
     React.Children.forEach(children, (child: React.ReactElement) => {
       if (!child || typeof child !== 'object') {
         return;
       }
       if (child.type === Aside) {
-        childs.push(child);
+        asides.push(child);
       }
     });
-    return !!childs.length;
+    return !!asides.length;
   }, [children]);
 
   const { classPrefix } = useConfig();
   const layoutClassNames = classNames(
     `${classPrefix}-layout`,
     {
-      [`${classPrefix}-layout--with-sider`]: asides,
+      [`${classPrefix}-layout--with-sider`]: shouldAsides,
       [`${classPrefix}-layout__direction-${direction}`]: direction,
     },
     className,

From 060a3f7efab15f87fabfd0a46ec284b4a8f751e4 Mon Sep 17 00:00:00 2001
From: HaixingOoO <974758671@qq.com>
Date: Sat, 30 Mar 2024 22:41:30 +0800
Subject: [PATCH 3/3] test(layout): update test snap

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

diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 6d21b14474..3f85c1c610 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -303809,11 +303809,11 @@ exports[`ssr snapshot test > ssr test src/input-number/_example/status.jsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/input-number/_example/step.jsx 1`] = `"<div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-center\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/aside.jsx 1`] = `"<h4>侧边导航布局</h4><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\"><div class=\\"t-default-menu\\" style=\\"width:100%;height:100%;box-shadow:none\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容二</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容三</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容四</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容无</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
+exports[`ssr snapshot test > ssr test src/layout/_example/aside.jsx 1`] = `"<h4>侧边导航布局</h4><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\"><div class=\\"t-default-menu\\" style=\\"width:100%;height:100%;box-shadow:none\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容二</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容三</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容四</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容无</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/base.jsx 1`] = `"<h4>顶部导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout\\"><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:80px;max-width:80px;min-width:80px;flex:0 0 80px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/layout/_example/base.jsx 1`] = `"<h4>顶部导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout t-layout--with-sider\\"><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:80px;max-width:80px;min-width:80px;flex:0 0 80px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/combine.jsx 1`] = `"<div class=\\"tdesign-demo-item--layout\\"><div class=\\"t-layout\\"><header class=\\"t-layout__header\\"><div class=\\"t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z\\"></path></svg></div></div></div></div></header><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)\\"><div class=\\"t-default-menu\\" style=\\"width:232px;margin-right:50px;height:550px\\"><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-dashboard\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-server\\"><path fill=\\"currentColor\\" d=\\"M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z\\"></path></svg><span class=\\"t-menu__content\\">资源列表</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-root-list\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z\\"></path></svg>根目录</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\"><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg><span class=\\"t-menu__content\\">调度平台</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-precise-monitor\\"><path fill=\\"currentColor\\" d=\\"M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z\\"></path></svg><span class=\\"t-menu__content\\">精准监控</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\"></path></svg><span class=\\"t-menu__content\\">消息区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z\\"></path></svg><span class=\\"t-menu__content\\">个人中心</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-play-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z\\"></path><path fill=\\"currentColor\\" d=\\"M18.25 12L8.5 17.63V6.37L18.25 12z\\"></path></svg><span class=\\"t-menu__content\\">视频区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg><span class=\\"t-menu__content\\">资源编辑</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/layout/_example/combine.jsx 1`] = `"<div class=\\"tdesign-demo-item--layout\\"><div class=\\"t-layout\\"><header class=\\"t-layout__header\\"><div class=\\"t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z\\"></path></svg></div></div></div></div></header><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)\\"><div class=\\"t-default-menu\\" style=\\"width:232px;margin-right:50px;height:550px\\"><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-dashboard\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-server\\"><path fill=\\"currentColor\\" d=\\"M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z\\"></path></svg><span class=\\"t-menu__content\\">资源列表</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-root-list\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z\\"></path></svg>根目录</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\"><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg><span class=\\"t-menu__content\\">调度平台</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-precise-monitor\\"><path fill=\\"currentColor\\" d=\\"M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z\\"></path></svg><span class=\\"t-menu__content\\">精准监控</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\"></path></svg><span class=\\"t-menu__content\\">消息区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z\\"></path></svg><span class=\\"t-menu__content\\">个人中心</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-play-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z\\"></path><path fill=\\"currentColor\\" d=\\"M18.25 12L8.5 17.63V6.37L18.25 12z\\"></path></svg><span class=\\"t-menu__content\\">视频区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg><span class=\\"t-menu__content\\">资源编辑</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/layout/_example/top.jsx 1`] = `"<div class=\\"t-layout\\"><header class=\\"t-layout__header\\"><div class=\\"t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z\\"></path></svg></div></div></div></div></header><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 5f22005ef4..142f68a344 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -546,11 +546,11 @@ exports[`ssr snapshot test > ssr test src/input-number/_example/status.jsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/input-number/_example/step.jsx 1`] = `"<div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-center\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/aside.jsx 1`] = `"<h4>侧边导航布局</h4><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\"><div class=\\"t-default-menu\\" style=\\"width:100%;height:100%;box-shadow:none\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容二</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容三</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容四</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容无</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
+exports[`ssr snapshot test > ssr test src/layout/_example/aside.jsx 1`] = `"<h4>侧边导航布局</h4><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\"><div class=\\"t-default-menu\\" style=\\"width:100%;height:100%;box-shadow:none\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容二</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容三</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容四</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">侧边内容无</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/base.jsx 1`] = `"<h4>顶部导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout\\"><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:80px;max-width:80px;min-width:80px;flex:0 0 80px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/layout/_example/base.jsx 1`] = `"<h4>顶部导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><br/><h4>侧边导航布局</h4><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div><br/><h4>组合导航布局</h4><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout t-layout--with-sider\\"><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px\\">Aside</aside></div></div><br/><div class=\\"t-layout\\"><header class=\\"t-layout__header\\">Header</header><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:80px;max-width:80px;min-width:80px;flex:0 0 80px\\">Aside</aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\">Content</main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/layout/_example/combine.jsx 1`] = `"<div class=\\"tdesign-demo-item--layout\\"><div class=\\"t-layout\\"><header class=\\"t-layout__header\\"><div class=\\"t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z\\"></path></svg></div></div></div></div></header><div class=\\"t-layout\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)\\"><div class=\\"t-default-menu\\" style=\\"width:232px;margin-right:50px;height:550px\\"><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-dashboard\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-server\\"><path fill=\\"currentColor\\" d=\\"M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z\\"></path></svg><span class=\\"t-menu__content\\">资源列表</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-root-list\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z\\"></path></svg>根目录</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\"><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg><span class=\\"t-menu__content\\">调度平台</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-precise-monitor\\"><path fill=\\"currentColor\\" d=\\"M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z\\"></path></svg><span class=\\"t-menu__content\\">精准监控</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\"></path></svg><span class=\\"t-menu__content\\">消息区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z\\"></path></svg><span class=\\"t-menu__content\\">个人中心</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-play-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z\\"></path><path fill=\\"currentColor\\" d=\\"M18.25 12L8.5 17.63V6.37L18.25 12z\\"></path></svg><span class=\\"t-menu__content\\">视频区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg><span class=\\"t-menu__content\\">资源编辑</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/layout/_example/combine.jsx 1`] = `"<div class=\\"tdesign-demo-item--layout\\"><div class=\\"t-layout\\"><header class=\\"t-layout__header\\"><div class=\\"t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z\\"></path></svg></div></div></div></div></header><div class=\\"t-layout t-layout--with-sider\\"><aside class=\\"t-layout__sider\\" style=\\"width:232px;max-width:232px;min-width:232px;flex:0 0 232px;border-top:1px solid var(--component-border)\\"><div class=\\"t-default-menu\\" style=\\"width:232px;margin-right:50px;height:550px\\"><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-dashboard\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-4.5 16.8l.87.5-1 1.73-.87-.5a11 11 0 018.95-19.98l.95.31-.63 1.9-.95-.3A9 9 0 0012 3zm8.98 1.41l-5.54 5.55a4 4 0 11-1.42-1.4l5.55-5.56 1.41 1.41zm1.16 3.2l.3.94a11 11 0 01-4.94 12.98l-.86.5-1-1.73.86-.5a9 9 0 004.05-10.62l-.31-.95 1.9-.63zM12 10a2 2 0 100 4 2 2 0 000-4z\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-server\\"><path fill=\\"currentColor\\" d=\\"M22 13v9H2v-9h20zm-2 2H4v5h16v-5zm2-13v9H2V2h20zm-2 2H4v5h16V4zM7.5 16.5v2h-2v-2h2zm0-11v2h-2v-2h2z\\"></path></svg><span class=\\"t-menu__content\\">资源列表</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-root-list\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm2 3.5h12v2H6v-2zm0 4h8v2H6v-2z\\"></path></svg>根目录</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\"><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg><span class=\\"t-menu__content\\">调度平台</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-precise-monitor\\"><path fill=\\"currentColor\\" d=\\"M13 2v6h-2V2h2zm-9 .59L9.91 8.5 8.5 9.91 2.59 4 4 2.59zM21.41 4L15.5 9.91 14.09 8.5 20 2.59 21.41 4zm-11.14 7a2 2 0 110 2H2v-2h8.27zM16 11h6v2h-6v-2zm-6.09 4.5L4 21.41 2.59 20l5.91-5.91 1.41 1.41zm5.59-1.41L21.41 20 20 21.41l-5.91-5.91 1.41-1.41zM13 16v6h-2v-6h2z\\"></path></svg><span class=\\"t-menu__content\\">精准监控</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\"></path></svg><span class=\\"t-menu__content\\">消息区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z\\"></path></svg><span class=\\"t-menu__content\\">个人中心</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-play-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0z\\"></path><path fill=\\"currentColor\\" d=\\"M18.25 12L8.5 17.63V6.37L18.25 12z\\"></path></svg><span class=\\"t-menu__content\\">视频区</span></li><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg><span class=\\"t-menu__content\\">资源编辑</span></li></ul></div></div></aside><div class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/layout/_example/top.jsx 1`] = `"<div class=\\"t-layout\\"><header class=\\"t-layout__header\\"><div class=\\"t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M8.64 20.5a3.5 3.5 0 006.72 0H8.64zM3 19.5h18v-3l-2-3v-5a7 7 0 10-14 0v5l-2 3v3z\\"></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z\\"></path></svg></div></div></div></div></header><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2020 Tencent. All Rights Reserved</footer></div>"`;