feat(System Settings, Settings): After the left menu is collapsed, the title of the first-level menu must be displayed in the floating card

Author: dataeaseShu

frontend/src/components/layout/Menu.vue

@@ -127,7 +127,18 @@ const routerList = computed(() => {
     border-radius: 6px;
     &.is-active {
       background-color: #fff !important;
+      font-weight: 500;
     }
   }
 }
+.ed-sub-menu {
+  .subTitleMenu {
+    display: none;
+  }
+}
+
+.ed-menu--popup-container .subTitleMenu {
+  color: #646a73 !important;
+  pointer-events: none;
+}
 </style>

frontend/src/components/layout/MenuItem.vue

@@ -81,7 +81,10 @@ const MenuItem = defineComponent({
           { index: path, onClick: () => handleMenuClick(props.menu) },
           {
             title: () => titleWithIcon({ title, icon }),
-            default: () => children.map((ele: any) => h(MenuItem, { menu: ele })),
+            default: () => [
+              h(MenuItem, { menu: { meta: { title } }, class: 'subTitleMenu' }),
+              children.map((ele: any) => h(MenuItem, { menu: ele })),
+            ],
           }
         )
       }