diff --git a/src/menu/MenuGroup.tsx b/src/menu/MenuGroup.tsx
index 085b684e0b..a9d09f2a37 100644
--- a/src/menu/MenuGroup.tsx
+++ b/src/menu/MenuGroup.tsx
@@ -3,20 +3,29 @@ import classNames from 'classnames';
 import { StyledProps, TNode } from '../common';
 import { TdMenuGroupProps } from './type';
 import useConfig from '../_util/useConfig';
+import { cacularPaddingLeft } from './_util/cacularPaddingLeft';
 
 export interface MenuGroupProps extends TdMenuGroupProps, StyledProps {
   children?: TNode;
+  level: number;
 }
 
-const MenuGroup = ({ title, children }: MenuGroupProps) => {
+const MenuGroup = ({ title, children, level = 1 }: MenuGroupProps) => {
   const { classPrefix } = useConfig();
 
+  const itemAndGroupPaddingBias = 28;
+  const menuPaddingLeft = cacularPaddingLeft(level - 1) - itemAndGroupPaddingBias;
+
   return (
     <div className={classNames(`${classPrefix}-menu-group`)}>
-      <div className={classNames(`${classPrefix}-menu-group__title`)}>{title}</div>
+      <div className={classNames(`${classPrefix}-menu-group__title`)} style={{ paddingLeft: `${menuPaddingLeft}px` }}>
+        {title}
+      </div>
       {children}
     </div>
   );
 };
 
+MenuGroup.displayName = 'MenuGroup';
+
 export default MenuGroup;
diff --git a/src/menu/SubMenu.tsx b/src/menu/SubMenu.tsx
index fc7bf20edd..c494c3e8b2 100644
--- a/src/menu/SubMenu.tsx
+++ b/src/menu/SubMenu.tsx
@@ -8,7 +8,7 @@ import useRipple from '../_util/useRipple';
 import { getSubMenuMaxHeight } from './_util/getSubMenuChildStyle';
 import checkSubMenuChildrenActive from './_util/checkSubMenuChildrenActive';
 import FakeArrow from '../common/FakeArrow';
-import { checkIsSubMenu } from './_util/checkMenuType';
+import { checkIsSubMenu, checkIsMenuGroup } from './_util/checkMenuType';
 import { cacularPaddingLeft } from './_util/cacularPaddingLeft';
 
 export interface SubMenuProps extends TdSubmenuProps, StyledProps {}
@@ -187,14 +187,27 @@ const SubMenu: FC<SubMenuWithCustomizeProps> = (props) => {
   const { mode } = useContext(MenuContext);
   const { children, level = 1 } = props;
 
-  // 如果是第二层及以及的 subMenu 需要添加 notFirstLevelSubMenu 属性
-  const childElement = React.Children.map(children, (item: React.ReactElement) =>
-    checkIsSubMenu(item)
-      ? React.cloneElement(item, {
+  const changeItemLevel = (item: React.ReactElement) => {
+    if (checkIsSubMenu(item)) {
+      return React.cloneElement(item, {
+        level: level + 1,
+      });
+    }
+    if (checkIsMenuGroup(item)) {
+      const groupChidren = React.Children.map(item.props.children, (item: React.ReactElement) => changeItemLevel(item));
+      return React.cloneElement(
+        item,
+        {
           level: level + 1,
-        })
-      : item,
-  );
+        },
+        groupChidren,
+      );
+    }
+    return item;
+  };
+
+  // 如果是第二层及以及的 subMenu 需要添加 notFirstLevelSubMenu 属性
+  const childElement = React.Children.map(children, (item: React.ReactElement) => changeItemLevel(item));
 
   if (mode === 'accordion') return <SubAccordion {...props}>{childElement}</SubAccordion>;
   if (mode === 'title') return <SubTitleMenu {...props}>{childElement}</SubTitleMenu>;
diff --git a/src/menu/__tests__/__snapshots__/menu.test.tsx.snap b/src/menu/__tests__/__snapshots__/menu.test.tsx.snap
index c59c614321..20d37a908b 100644
--- a/src/menu/__tests__/__snapshots__/menu.test.tsx.snap
+++ b/src/menu/__tests__/__snapshots__/menu.test.tsx.snap
@@ -1047,6 +1047,7 @@ exports[`group-side.jsx 1`] = `
         >
           <div
             class="t-menu-group__title"
+            style="padding-left: 16px;"
           >
             Classification A
           </div>
@@ -1083,6 +1084,7 @@ exports[`group-side.jsx 1`] = `
         >
           <div
             class="t-menu-group__title"
+            style="padding-left: 16px;"
           >
             Classification B
           </div>
@@ -1110,6 +1112,7 @@ exports[`group-side.jsx 1`] = `
         >
           <div
             class="t-menu-group__title"
+            style="padding-left: 16px;"
           >
             Classification C
           </div>
@@ -1122,6 +1125,157 @@ exports[`group-side.jsx 1`] = `
               精准监控
             </span>
           </li>
+          <li
+            class="t-submenu"
+          >
+            <div
+              class="t-menu__item"
+            >
+              <svg
+                class="t-icon t-icon-file"
+                fill="none"
+                height="1em"
+                viewBox="0 0 16 16"
+                width="1em"
+              >
+                <path
+                  d="M3.5 1c-.48 0-1 .34-1 .92v12.16c0 .58.52.92 1 .92h9c.48 0 1-.34 1-.92V5.7a1 1 0 00-.3-.71L9.5 1.3a1 1 0 00-.7-.3H3.5zm5 1v4.01h4V14h-9V2h5zm1 .7l2.3 2.31H9.5v-2.3z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+              </svg>
+               
+              <span
+                class="t-menu__content"
+              >
+                <span>
+                  资源列表
+                </span>
+              </span>
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                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"
+                />
+              </svg>
+            </div>
+            <ul
+              class="t-menu__sub"
+              style="max-height: 0; --padding-left: 44px;"
+            >
+              <div
+                class="t-menu-group"
+              >
+                <div
+                  class="t-menu-group__title"
+                  style="padding-left: 32px;"
+                >
+                  inner Classification D
+                </div>
+                <li
+                  class="t-submenu"
+                >
+                  <div
+                    class="t-menu__item"
+                  >
+                     
+                    <span
+                      class="t-menu__content"
+                    >
+                      二级菜单-1
+                    </span>
+                    <svg
+                      class="t-fake-arrow"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      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"
+                      />
+                    </svg>
+                  </div>
+                  <ul
+                    class="t-menu__sub"
+                    style="max-height: 0; --padding-left: 60px;"
+                  >
+                    <div
+                      class="t-menu-group"
+                    >
+                      <div
+                        class="t-menu-group__title"
+                        style="padding-left: 48px;"
+                      >
+                        inner Classification E
+                      </div>
+                      <li
+                        class="t-menu__item t-menu__item--plain"
+                      >
+                        <span
+                          class="t-menu__content"
+                        >
+                          三级菜单-1
+                        </span>
+                      </li>
+                    </div>
+                    <li
+                      class="t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain"
+                    >
+                      <span
+                        class="t-menu__content"
+                      >
+                        三级菜单-2
+                      </span>
+                    </li>
+                    <li
+                      class="t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain"
+                    >
+                      <span
+                        class="t-menu__content"
+                      >
+                        三级菜单-3
+                      </span>
+                    </li>
+                  </ul>
+                </li>
+              </div>
+              <div
+                class="t-menu-group"
+              >
+                <div
+                  class="t-menu-group__title"
+                  style="padding-left: 32px;"
+                >
+                  inner Classification E
+                </div>
+                <li
+                  class="t-menu__item t-menu__item--plain"
+                >
+                  <span
+                    class="t-menu__content"
+                  >
+                    <span>
+                      二级菜单-2
+                    </span>
+                  </span>
+                </li>
+              </div>
+            </ul>
+          </li>
         </div>
       </ul>
       <div
diff --git a/src/menu/_example/group-side.jsx b/src/menu/_example/group-side.jsx
index 983e54a130..e73ae32848 100644
--- a/src/menu/_example/group-side.jsx
+++ b/src/menu/_example/group-side.jsx
@@ -1,9 +1,9 @@
 // @ts-nocheck
 import React, { useState } from 'react';
 import { Menu } from 'tdesign-react';
-import { ViewListIcon, ChartIcon } from 'tdesign-icons-react';
+import { ViewListIcon, ChartIcon, FileIcon } from 'tdesign-icons-react';
 
-const { MenuGroup, MenuItem } = Menu;
+const { MenuGroup, MenuItem, SubMenu } = Menu;
 
 function GroupSide() {
   const [value, setValue] = useState('1');
@@ -38,6 +38,22 @@ function GroupSide() {
       </MenuGroup>
       <MenuGroup title="Classification C">
         <MenuItem value="4">精准监控</MenuItem>
+        <SubMenu value="5" title={<span>资源列表</span>} icon={<FileIcon />}>
+          <MenuGroup title="inner Classification D">
+            <SubMenu value="2-1" title="二级菜单-1">
+              <MenuGroup title="inner Classification E">
+                <MenuItem value="3-1">三级菜单-1</MenuItem>
+              </MenuGroup>
+              <MenuItem value="3-2">三级菜单-2</MenuItem>
+              <MenuItem value="3-3">三级菜单-3</MenuItem>
+            </SubMenu>
+          </MenuGroup>
+          <MenuGroup title="inner Classification E">
+            <MenuItem value="2-2">
+              <span>二级菜单-2</span>
+            </MenuItem>
+          </MenuGroup>
+        </SubMenu>
       </MenuGroup>
     </Menu>
   );
diff --git a/src/menu/_util/checkMenuType.ts b/src/menu/_util/checkMenuType.ts
index 4826305363..da018227ff 100644
--- a/src/menu/_util/checkMenuType.ts
+++ b/src/menu/_util/checkMenuType.ts
@@ -1,5 +1,6 @@
 import MenuItem from '../MenuItem';
 import SubMenu from '../SubMenu';
+import MenuGroup from '../MenuGroup';
 import { MenuBlockType } from './type';
 
 export const checkIsSubMenu = (child: React.ReactElement) => {
@@ -11,3 +12,8 @@ export const checkIsMenuItem = (child: React.ReactElement) => {
   const { displayName } = child.type as typeof MenuItem | typeof SubMenu;
   return displayName === MenuBlockType.MenuItem;
 };
+
+export const checkIsMenuGroup = (child: React.ReactElement) => {
+  const { displayName } = child.type as typeof MenuGroup;
+  return displayName === MenuBlockType.MenuGroup;
+};
diff --git a/src/menu/_util/getSubMenuChildStyle.ts b/src/menu/_util/getSubMenuChildStyle.ts
index 3ccc8aa233..c42239958e 100644
--- a/src/menu/_util/getSubMenuChildStyle.ts
+++ b/src/menu/_util/getSubMenuChildStyle.ts
@@ -1,11 +1,10 @@
 import React from 'react';
-import SubMenu from '../SubMenu';
-import { MenuBlockType } from './type';
+import { checkIsSubMenu, checkIsMenuGroup } from './checkMenuType';
 
 export const getSubMenuChildCount = (children: React.ReactNode) => {
   let count = 0;
   React.Children.forEach(children, (child: React.ReactElement) => {
-    if ((child.type as typeof SubMenu).displayName === MenuBlockType.SubMenu) {
+    if (checkIsSubMenu(child) || checkIsMenuGroup(child)) {
       count += getSubMenuChildCount(child.props.children) + 1;
     } else {
       count += 1;
diff --git a/src/menu/_util/type.ts b/src/menu/_util/type.ts
index c319e8afa7..62f78cc313 100644
--- a/src/menu/_util/type.ts
+++ b/src/menu/_util/type.ts
@@ -3,4 +3,5 @@ export enum MenuBlockType {
   MenuItem = 'MenuItem',
   SubMenu = 'SubMenu',
   MenuItemGroup = 'MenuItemGroup',
+  MenuGroup = 'MenuGroup',
 }
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index af30f16f74..a50a84d815 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -402,7 +402,7 @@ exports[`ssr snapshot test renders ./src/menu/_example/custom-side.jsx correctly
 
 exports[`ssr snapshot test renders ./src/menu/_example/double.jsx correctly 1`] = `"<div class=\\"t-head-menu t-menu--light\\" style=\\"margin-bottom:20px\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" width=\\"136\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-submenu\\"><div class=\\"t-menu__item t-is-active\\"><span>菜单1</span></div></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><span>菜单2</span></div></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><span>菜单3</span></div></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><span>菜单4</span></div></li></ul></div><ul class=\\"t-head-menu__submenu t-submenu\\"><div class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"></div><div class=\\"t-tabs__nav-container t-is-top\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0)\\"><div class=\\"t-tabs__bar t-is-top\\"></div><div class=\\"t-tabs__bar t-is-top\\"></div><div class=\\"t-tabs__nav-item t-size-m t-is-active t-is-top\\"><div class=\\"t-tabs__nav-item-wrapper\\"><span class=\\"t-tabs__nav-item-text-wrapper\\">子菜单1</span></div></div><div class=\\"t-tabs__nav-item t-size-m t-is-top\\"><div class=\\"t-tabs__nav-item-wrapper\\"><span class=\\"t-tabs__nav-item-text-wrapper\\">子菜单2</span></div></div></div></div></div></div></div><div class=\\"t-tabs__content t-is-top\\"><div class=\\"t-tab-panel\\"></div></div></div></ul></div><div class=\\"t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img src=\\"https://www.tencent.com/img/index/menu_logo.png\\" width=\\"136\\" alt=\\"logo\\"/></div><ul class=\\"t-menu\\"><li class=\\"t-submenu\\"><div class=\\"t-menu__item t-is-active\\"><span>菜单1</span></div></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><span>菜单2</span></div></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><span>菜单3</span></div></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><span>菜单4</span></div></li></ul></div><ul class=\\"t-head-menu__submenu t-submenu\\"><div class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"></div><div class=\\"t-tabs__nav-container t-is-top\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0)\\"><div class=\\"t-tabs__bar t-is-top\\"></div><div class=\\"t-tabs__bar t-is-top\\"></div><div class=\\"t-tabs__nav-item t-size-m t-is-active t-is-top\\"><div class=\\"t-tabs__nav-item-wrapper\\"><span class=\\"t-tabs__nav-item-text-wrapper\\">子菜单1</span></div></div><div class=\\"t-tabs__nav-item t-size-m t-is-top\\"><div class=\\"t-tabs__nav-item-wrapper\\"><span class=\\"t-tabs__nav-item-text-wrapper\\">子菜单2</span></div></div></div></div></div></div></div><div class=\\"t-tabs__content t-is-top\\"><div class=\\"t-tab-panel\\"></div></div></div></ul></div>"`;
 
-exports[`ssr snapshot test renders ./src/menu/_example/group-side.jsx correctly 1`] = `"<div class=\\"t-default-menu\\" style=\\"width:232px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" width=\\"136\\" alt=\\"logo\\"/></div><ul class=\\"t-menu t-menu--scroll\\"><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">Classification A</div><li class=\\"t-menu__item t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chart\\"><path fill=\\"currentColor\\" d=\\"M4.5 12V7.5h1V12h-1zM7.5 4.5V12h1V4.5h-1zM10.5 12V9h1v3h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v10h10V3H3z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">Classification B</div><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></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">Classification C</div><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">精准监控</span></li></div></ul><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\"><path fill=\\"currentColor\\" d=\\"M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/menu/_example/group-side.jsx correctly 1`] = `"<div class=\\"t-default-menu\\" style=\\"width:232px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" width=\\"136\\" alt=\\"logo\\"/></div><ul class=\\"t-menu t-menu--scroll\\"><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\" style=\\"padding-left:16px\\">Classification A</div><li class=\\"t-menu__item t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chart\\"><path fill=\\"currentColor\\" d=\\"M4.5 12V7.5h1V12h-1zM7.5 4.5V12h1V4.5h-1zM10.5 12V9h1v3h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v10h10V3H3z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\" style=\\"padding-left:16px\\">Classification B</div><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></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\" style=\\"padding-left:16px\\">Classification C</div><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">精准监控</span></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file\\"><path fill=\\"currentColor\\" d=\\"M3.5 1c-.48 0-1 .34-1 .92v12.16c0 .58.52.92 1 .92h9c.48 0 1-.34 1-.92V5.7a1 1 0 00-.3-.71L9.5 1.3a1 1 0 00-.7-.3H3.5zm5 1v4.01h4V14h-9V2h5zm1 .7l2.3 2.31H9.5v-2.3z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>资源列表</span></span><svg class=\\"t-fake-arrow\\" 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></div><ul style=\\"max-height:0;--padding-left:44px\\" class=\\"t-menu__sub\\"><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\" style=\\"padding-left:32px\\">inner Classification D</div><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"> <span class=\\"t-menu__content\\">二级菜单-1</span><svg class=\\"t-fake-arrow\\" 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></div><ul style=\\"max-height:0;--padding-left:60px\\" class=\\"t-menu__sub\\"><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\" style=\\"padding-left:48px\\">inner Classification E</div><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">三级菜单-1</span></li></div><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">三级菜单-2</span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">三级菜单-3</span></li></ul></li></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\" style=\\"padding-left:32px\\">inner Classification E</div><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-2</span></span></li></div></ul></li></div></ul><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\"><path fill=\\"currentColor\\" d=\\"M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/menu/_example/multi-side.jsx correctly 1`] = `"<div class=\\"t-default-menu\\" style=\\"width:232px;margin-right:20px\\"><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-app\\"><path fill=\\"currentColor\\" d=\\"M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li><li class=\\"t-submenu t-is-opened\\"><div class=\\"t-menu__item t-is-opened t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-code\\"><path fill=\\"currentColor\\" d=\\"M8.94 2.56L6.09 13.18l.97.26L9.9 2.82l-.97-.26zM2.15 8l3.42 3.43-.7.7-3.71-3.7a.6.6 0 010-.85l3.7-3.71.71.7L2.15 8zM13.85 8l-3.44 3.4.7.71 3.73-3.68a.6.6 0 000-.86L11.1 3.9l-.7.7L13.85 8z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>资源列表</span></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" 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></div><ul style=\\"max-height:50px;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-is-disabled t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>菜单二</span></span></li></ul></li><li class=\\"t-submenu t-is-opened\\"><div class=\\"t-menu__item t-is-opened\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file\\"><path fill=\\"currentColor\\" d=\\"M3.5 1c-.48 0-1 .34-1 .92v12.16c0 .58.52.92 1 .92h9c.48 0 1-.34 1-.92V5.7a1 1 0 00-.3-.71L9.5 1.3a1 1 0 00-.7-.3H3.5zm5 1v4.01h4V14h-9V2h5zm1 .7l2.3 2.31H9.5v-2.3z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>调度平台</span></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" 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></div><ul style=\\"max-height:250px;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-submenu\\"><div class=\\"t-menu__item\\"> <span class=\\"t-menu__content\\">二级菜单-1</span><svg class=\\"t-fake-arrow\\" 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></div><ul style=\\"max-height:0;--padding-left:60px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">三级菜单-1</span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">三级菜单-2</span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">三级菜单-3</span></li></ul></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-2</span></span></li></ul></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>精准监控</span></span><svg class=\\"t-fake-arrow\\" 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></div><ul style=\\"max-height:0;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-1</span></span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-2</span></span></li></ul></li><li class=\\"t-menu__item t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-rollback\\"><path fill=\\"currentColor\\" d=\\"M4.2 5l1.65-1.65-.7-.7-2.5 2.5a.5.5 0 000 .7l2.5 2.5.7-.7L4.21 6H10a3 3 0 010 6H5v1h5a4 4 0 100-8H4.2z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-menu__content\\">根目录</span></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>消息区</span></span><svg class=\\"t-fake-arrow\\" 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></div><ul style=\\"max-height:0;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-1</span></span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-2</span></span></li></ul></li></ul><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div><div class=\\"t-default-menu t-menu--dark\\" style=\\"width:232px\\"><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-app\\"><path fill=\\"currentColor\\" d=\\"M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-menu__content\\">仪表盘</span></li><li class=\\"t-submenu t-is-opened\\"><div class=\\"t-menu__item t-is-opened t-is-active\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-code\\"><path fill=\\"currentColor\\" d=\\"M8.94 2.56L6.09 13.18l.97.26L9.9 2.82l-.97-.26zM2.15 8l3.42 3.43-.7.7-3.71-3.7a.6.6 0 010-.85l3.7-3.71.71.7L2.15 8zM13.85 8l-3.44 3.4.7.71 3.73-3.68a.6.6 0 000-.86L11.1 3.9l-.7.7L13.85 8z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>资源列表</span></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" 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></div><ul style=\\"max-height:50px;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-is-disabled t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>菜单二</span></span></li></ul></li><li class=\\"t-submenu t-is-opened\\"><div class=\\"t-menu__item t-is-opened\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file\\"><path fill=\\"currentColor\\" d=\\"M3.5 1c-.48 0-1 .34-1 .92v12.16c0 .58.52.92 1 .92h9c.48 0 1-.34 1-.92V5.7a1 1 0 00-.3-.71L9.5 1.3a1 1 0 00-.7-.3H3.5zm5 1v4.01h4V14h-9V2h5zm1 .7l2.3 2.31H9.5v-2.3z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>调度平台</span></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" 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></div><ul style=\\"max-height:100px;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-1</span></span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-2</span></span></li></ul></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>精准监控</span></span><svg class=\\"t-fake-arrow\\" 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></div><ul style=\\"max-height:0;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-1</span></span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-2</span></span></li></ul></li><li class=\\"t-menu__item t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-rollback\\"><path fill=\\"currentColor\\" d=\\"M4.2 5l1.65-1.65-.7-.7-2.5 2.5a.5.5 0 000 .7l2.5 2.5.7-.7L4.21 6H10a3 3 0 010 6H5v1h5a4 4 0 100-8H4.2z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-menu__content\\">根目录</span></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\"></path></svg> <span class=\\"t-menu__content\\"><span>消息区</span></span><svg class=\\"t-fake-arrow\\" 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></div><ul style=\\"max-height:0;--padding-left:44px\\" class=\\"t-menu__sub\\"><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-1</span></span></li><li class=\\"t-menu__item--plain t-submenu__item t-submenu__item--icon t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\"><span>二级菜单-2</span></span></li></ul></li></ul><div class=\\"t-menu__operations\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list t-menu__operations-icon\\"><path fill=\\"currentColor\\" d=\\"M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div>"`;