diff --git a/packages/layout/src/components/SiderMenu/BaseMenu.tsx b/packages/layout/src/components/SiderMenu/BaseMenu.tsx
index 4e86d65705cd..caf9f6804899 100644
--- a/packages/layout/src/components/SiderMenu/BaseMenu.tsx
+++ b/packages/layout/src/components/SiderMenu/BaseMenu.tsx
@@ -185,9 +185,10 @@ class MenuUtil {
   getNavMenuItems = (
     menusData: MenuDataItem[] = [],
     level: number,
+    noGroupLevel: number,
   ): ItemType[] =>
     menusData
-      .map((item) => this.getSubMenuOrItem(item, level))
+      .map((item) => this.getSubMenuOrItem(item, level, noGroupLevel))
       .filter((item) => item)
       .flat(1);
 
@@ -195,6 +196,7 @@ class MenuUtil {
   getSubMenuOrItem = (
     item: MenuDataItem,
     level: number,
+    noGroupLevel: number,
   ): ItemType | ItemType[] => {
     const {
       subMenuItemRender,
@@ -236,7 +238,7 @@ class MenuUtil {
             this.props?.hashId,
             {
               [`${baseClassName}-item-title-collapsed`]: collapsed,
-              [`${baseClassName}-item-title-collapsed-level-${level}`]:
+              [`${baseClassName}-item-title-collapsed-level-${noGroupLevel}`]:
                 collapsed,
               [`${baseClassName}-group-item-title`]: menuType === 'group',
               [`${baseClassName}-item-collapsed-show-title`]:
@@ -284,11 +286,12 @@ class MenuUtil {
         this.props.collapsed &&
         !menu.collapsedShowGroupTitle
       ) {
-        return this.getNavMenuItems(children, level);
+        return this.getNavMenuItems(children, level + 1, level);
       }
 
       const childrenList = this.getNavMenuItems(
         children,
+        level + 1,
         isGroup && level === 0 && this.props.collapsed ? level : level + 1,
       );
 
@@ -329,7 +332,7 @@ class MenuUtil {
       disabled: item.disabled,
       key: item.key! || item.path!,
       onClick: item.onTitleClick,
-      label: this.getMenuItemPath(item, level),
+      label: this.getMenuItemPath(item, level, noGroupLevel),
     };
   };
 
@@ -350,7 +353,11 @@ class MenuUtil {
    *
    * @memberof SiderMenu
    */
-  getMenuItemPath = (item: MenuDataItem, level: number) => {
+  getMenuItemPath = (
+    item: MenuDataItem,
+    level: number,
+    noGroupLevel: number,
+  ) => {
     const itemPath = this.conversionPath(item.path || '/');
     const {
       location = { pathname: '/' },
@@ -386,7 +393,8 @@ class MenuUtil {
           this.props?.hashId,
           {
             [`${baseClassName}-item-title-collapsed`]: collapsed,
-            [`${baseClassName}-item-title-collapsed-level-${level}`]: collapsed,
+            [`${baseClassName}-item-title-collapsed-level-${noGroupLevel}`]:
+              collapsed,
             [`${baseClassName}-item-collapsed-show-title`]:
               menu?.collapsedShowTitle && collapsed,
           },
@@ -429,7 +437,7 @@ class MenuUtil {
             this.props?.hashId,
             {
               [`${baseClassName}-item-title-collapsed`]: collapsed,
-              [`${baseClassName}-item-title-collapsed-level-${level}`]:
+              [`${baseClassName}-item-title-collapsed-level-${noGroupLevel}`]:
                 collapsed,
               [`${baseClassName}-item-link`]: true,
               [`${baseClassName}-item-collapsed-show-title`]:
@@ -703,7 +711,7 @@ const BaseMenu: React.FC<BaseMenuProps & PrivateSiderMenuProps> = (props) => {
         [`${baseClassName}-horizontal`]: mode === 'horizontal',
         [`${baseClassName}-collapsed`]: props.collapsed,
       })}
-      items={menuUtils.getNavMenuItems(finallyData, 0)}
+      items={menuUtils.getNavMenuItems(finallyData, 0, 0)}
       onOpenChange={(_openKeys) => {
         if (!props.collapsed) {
           setOpenKeys(_openKeys);
diff --git a/packages/layout/src/demos/morse_debug.tsx b/packages/layout/src/demos/morse_debug.tsx
new file mode 100644
index 000000000000..147210217c26
--- /dev/null
+++ b/packages/layout/src/demos/morse_debug.tsx
@@ -0,0 +1,234 @@
+import {
+  GithubFilled,
+  InfoCircleFilled,
+  PlusCircleFilled,
+  QuestionCircleFilled,
+  SearchOutlined,
+} from '@ant-design/icons';
+import { PageContainer, ProCard, ProLayout } from '@ant-design/pro-components';
+import { Button, Input } from 'antd';
+import { useState } from 'react';
+
+export default () => {
+  const [pathname, setPathname] = useState('/list/sub-page/sub-sub-page1');
+
+  return (
+    <ProLayout
+      collapsed
+      siderMenuType="group"
+      route={{
+        routes: [
+          {
+            path: '/all',
+            name: '总览',
+            parentId: '14',
+            children: [
+              { path: '/all/workbench/index', name: '首页', parentId: '16' },
+            ],
+          },
+          {
+            path: '/sa',
+            name: '隐私计算',
+            parentId: '14',
+            children: [
+              {
+                path: '/sa/experiment',
+                name: '项目空间',
+                parentId: '19',
+                children: [
+                  {
+                    path: '/sa/experiment/list',
+                    name: '项目列表',
+                    parentId: '20',
+                  },
+                ],
+              },
+              {
+                path: '/sa/offlinetask',
+                name: '任务管理中心',
+                parentId: '19',
+                children: [
+                  {
+                    path: '/sa/offlinetask/tasklist',
+                    name: '研发任务',
+                    parentId: '27',
+                  },
+                  {
+                    path: '/sa/offlinetask/dispatchtask',
+                    name: '调度任务',
+                    parentId: '27',
+                  },
+                ],
+              },
+              {
+                path: '/sa/onlinetask',
+                name: '服务管控中心',
+                parentId: '19',
+                children: [
+                  {
+                    path: '/sa/onlinetask/anonymousquery',
+                    name: '在线匿名查询服务',
+                    parentId: '34',
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            path: '/others',
+            name: '其他',
+            parentId: '14',
+            children: [
+              {
+                path: '/others/data',
+                name: '数据管理',
+                parentId: '39',
+                children: [
+                  {
+                    path: '/others/data/list',
+                    name: '所有数据',
+                    parentId: '40',
+                  },
+                  {
+                    path: '/others/data/datadictionary',
+                    name: '数据字典',
+                    parentId: '40',
+                  },
+                  {
+                    path: '/others/data/outputConfiguration',
+                    name: '输出配置',
+                    parentId: '40',
+                  },
+                ],
+              },
+              {
+                path: '/others/monitormarket',
+                name: '监控大盘',
+                parentId: '39',
+                children: [
+                  {
+                    path: '/others/monitormarket/model',
+                    name: '模型监控',
+                    parentId: '58',
+                  },
+                  {
+                    path: '/others/monitormarket/alliance',
+                    name: '联盟监控',
+                    parentId: '58',
+                  },
+                  {
+                    path: '/others/monitormarket/resource',
+                    name: '资源监控',
+                    parentId: '58',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      }}
+      location={{
+        pathname,
+      }}
+      avatarProps={{
+        src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',
+        size: 'small',
+        title: '七妮妮',
+      }}
+      actionsRender={(props) => {
+        if (props.isMobile) return [];
+        return [
+          props.layout !== 'side' ? (
+            <div
+              key="SearchOutlined"
+              aria-hidden
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                marginInlineEnd: 24,
+              }}
+              onMouseDown={(e) => {
+                e.stopPropagation();
+                e.preventDefault();
+              }}
+            >
+              <Input
+                style={{
+                  borderRadius: 4,
+                  marginInlineEnd: 12,
+                  backgroundColor: 'rgba(0,0,0,0.03)',
+                }}
+                prefix={
+                  <SearchOutlined
+                    style={{
+                      color: 'rgba(0, 0, 0, 0.15)',
+                    }}
+                  />
+                }
+                placeholder="搜索方案"
+                bordered={false}
+              />
+              <PlusCircleFilled
+                style={{
+                  color: 'var(--ant-primary-color)',
+                  fontSize: 24,
+                }}
+              />
+            </div>
+          ) : undefined,
+          <InfoCircleFilled key="InfoCircleFilled" />,
+          <QuestionCircleFilled key="QuestionCircleFilled" />,
+          <GithubFilled key="GithubFilled" />,
+        ];
+      }}
+      menuFooterRender={(props) => {
+        if (props?.collapsed) return undefined;
+        return (
+          <p
+            style={{
+              textAlign: 'center',
+              paddingBlockStart: 12,
+            }}
+          >
+            Power by Ant Design
+          </p>
+        );
+      }}
+      onMenuHeaderClick={(e) => console.log(e)}
+      menuItemRender={(item, dom) => (
+        <a
+          onClick={() => {
+            setPathname(item.path || '/welcome');
+          }}
+        >
+          {dom}
+        </a>
+      )}
+    >
+      <PageContainer
+        extra={[
+          <Button key="3">操作</Button>,
+          <Button key="2">操作</Button>,
+          <Button key="1" type="primary">
+            主操作
+          </Button>,
+        ]}
+        footer={[
+          <Button key="3">重置</Button>,
+          <Button key="2" type="primary">
+            提交
+          </Button>,
+        ]}
+      >
+        <ProCard
+          style={{
+            height: '200vh',
+            minHeight: 800,
+          }}
+        >
+          <div />
+        </ProCard>
+      </PageContainer>
+    </ProLayout>
+  );
+};
diff --git a/tests/layout/__snapshots__/demo.test.ts.snap b/tests/layout/__snapshots__/demo.test.ts.snap
index e9f9885478aa..e52c4a5d5818 100644
--- a/tests/layout/__snapshots__/demo.test.ts.snap
+++ b/tests/layout/__snapshots__/demo.test.ts.snap
@@ -18859,6 +18859,354 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/mixMode.tsx cor
 </DocumentFragment>
 `;
 
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/morse_debug.tsx correctly 1`] = `
+<DocumentFragment>
+  <div
+    class="ant-app"
+  >
+    <div>
+      test
+    </div>
+    <div
+      class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-side"
+    >
+      <div
+        class="ant-pro-layout-bg-list"
+      />
+      <div
+        class="ant-layout"
+        style="min-height: 100%; flex-direction: row;"
+      >
+        <div
+          class="ant-pro-layout-container"
+          style="position: relative;"
+        >
+          <header
+            class="ant-layout-header ant-pro-layout-header ant-pro-layout-header-header"
+          >
+            <div
+              class="ant-pro-global-header"
+            >
+              <span
+                class="ant-pro-global-header-collapsed-button"
+              >
+                <span
+                  aria-label="menu"
+                  class="anticon anticon-menu"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="menu"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
+                    />
+                  </svg>
+                </span>
+              </span>
+              <span
+                class="ant-pro-global-header-logo ant-pro-global-header-logo-mobile"
+              >
+                <a>
+                  <svg
+                    height="1em"
+                    viewBox="0 0 200 200"
+                    width="1em"
+                  >
+                    <defs>
+                      <lineargradient
+                        id="linearGradient-1"
+                        x1="62.1023273%"
+                        x2="108.19718%"
+                        y1="0%"
+                        y2="37.8635764%"
+                      >
+                        <stop
+                          offset="0%"
+                          stop-color="#4285EB"
+                        />
+                        <stop
+                          offset="100%"
+                          stop-color="#2EC7FF"
+                        />
+                      </lineargradient>
+                      <lineargradient
+                        id="linearGradient-2"
+                        x1="69.644116%"
+                        x2="54.0428975%"
+                        y1="0%"
+                        y2="108.456714%"
+                      >
+                        <stop
+                          offset="0%"
+                          stop-color="#29CDFF"
+                        />
+                        <stop
+                          offset="37.8600687%"
+                          stop-color="#148EFF"
+                        />
+                        <stop
+                          offset="100%"
+                          stop-color="#0A60FF"
+                        />
+                      </lineargradient>
+                      <lineargradient
+                        id="linearGradient-3"
+                        x1="69.6908165%"
+                        x2="16.7228981%"
+                        y1="-12.9743587%"
+                        y2="117.391248%"
+                      >
+                        <stop
+                          offset="0%"
+                          stop-color="#FA816E"
+                        />
+                        <stop
+                          offset="41.472606%"
+                          stop-color="#F74A5C"
+                        />
+                        <stop
+                          offset="100%"
+                          stop-color="#F51D2C"
+                        />
+                      </lineargradient>
+                      <lineargradient
+                        id="linearGradient-4"
+                        x1="68.1279872%"
+                        x2="30.4400914%"
+                        y1="-35.6905737%"
+                        y2="114.942679%"
+                      >
+                        <stop
+                          offset="0%"
+                          stop-color="#FA8E7D"
+                        />
+                        <stop
+                          offset="51.2635191%"
+                          stop-color="#F74A5C"
+                        />
+                        <stop
+                          offset="100%"
+                          stop-color="#F51D2C"
+                        />
+                      </lineargradient>
+                    </defs>
+                    <g
+                      fill="none"
+                      fill-rule="evenodd"
+                      stroke="none"
+                      stroke-width="1"
+                    >
+                      <g
+                        transform="translate(-20.000000, -20.000000)"
+                      >
+                        <g
+                          transform="translate(20.000000, 20.000000)"
+                        >
+                          <g>
+                            <g
+                              fill-rule="nonzero"
+                            >
+                              <g>
+                                <path
+                                  d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"
+                                  fill="url(#linearGradient-1)"
+                                />
+                                <path
+                                  d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"
+                                  fill="url(#linearGradient-2)"
+                                />
+                              </g>
+                              <path
+                                d="M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z"
+                                fill="url(#linearGradient-3)"
+                              />
+                            </g>
+                            <ellipse
+                              cx="100.519339"
+                              cy="100.436681"
+                              fill="url(#linearGradient-4)"
+                              rx="23.6001926"
+                              ry="23.580786"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </svg>
+                </a>
+              </span>
+              <div
+                style="flex: 1;"
+              />
+              <div
+                class="ant-pro-global-header-right-content"
+                style="min-width: auto; height: 100%;"
+              >
+                <div
+                  style="height: 100%;"
+                >
+                  <div
+                    style="display: flex; align-items: center; height: 100%; justify-content: flex-end;"
+                  >
+                    <div
+                      class="ant-pro-global-header-header-actions"
+                    >
+                      <span
+                        class="ant-pro-global-header-header-actions-avatar"
+                      >
+                        <div>
+                          <span
+                            class="ant-avatar ant-avatar-circle ant-avatar-image"
+                            style="width: 28px; height: 28px; line-height: 28px; font-size: 18px;"
+                          >
+                            <img
+                              src="https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg"
+                            />
+                          </span>
+                          <span
+                            style="margin-inline-start: 8px;"
+                          >
+                            七妮妮
+                          </span>
+                        </div>
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </header>
+          <main
+            class="ant-layout-content ant-pro-layout-content ant-pro-layout-has-header ant-pro-layout-content-has-page-container"
+          >
+            <div
+              class="ant-pro-page-container ant-pro-page-container-with-footer"
+            >
+              <div
+                class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-ghost"
+              >
+                <div
+                  class="ant-page-header-heading "
+                >
+                  <div
+                    class="ant-page-header-heading-left"
+                  />
+                  <span
+                    class="ant-page-header-heading-extra"
+                  >
+                    <div
+                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+                    >
+                      <div
+                        class="ant-space-item"
+                      >
+                        <button
+                          class="ant-btn ant-btn-default"
+                          type="button"
+                        >
+                          <span>
+                            操 作
+                          </span>
+                        </button>
+                      </div>
+                      <div
+                        class="ant-space-item"
+                      >
+                        <button
+                          class="ant-btn ant-btn-default"
+                          type="button"
+                        >
+                          <span>
+                            操 作
+                          </span>
+                        </button>
+                      </div>
+                      <div
+                        class="ant-space-item"
+                      >
+                        <button
+                          class="ant-btn ant-btn-primary"
+                          type="button"
+                        >
+                          <span>
+                            主操作
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </span>
+                </div>
+              </div>
+              <div
+                class="ant-pro-grid-content"
+              >
+                <div
+                  class="ant-pro-grid-content-children"
+                >
+                  <div
+                    class="ant-pro-page-container-children-container"
+                  >
+                    <div
+                      class="ant-pro-card"
+                      style="height: 200vh; min-height: 800px;"
+                    >
+                      <div
+                        class="ant-pro-card-body"
+                      >
+                        <div />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="ant-pro-footer-bar"
+              style="width: 100%;"
+            >
+              <div
+                class="ant-pro-footer-bar-left"
+              />
+              <div
+                class="ant-pro-footer-bar-right"
+              >
+                <button
+                  class="ant-btn ant-btn-default"
+                  type="button"
+                >
+                  <span>
+                    重 置
+                  </span>
+                </button>
+                <button
+                  class="ant-btn ant-btn-primary"
+                  type="button"
+                >
+                  <span>
+                    提 交
+                  </span>
+                </button>
+              </div>
+            </div>
+          </main>
+          <div
+            class="ant-pro-layout-has-footer"
+            style="height: 64px; margin-block-start: 32px;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`layout demos > 📸 renders ./packages/layout/src/demos/pageSimplify.tsx correctly 1`] = `
 <DocumentFragment>
   <div