update：更新

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/menu-detail/menu-item.hbs

@@ -15,7 +15,7 @@
   {{/if}}
   {{#if item.psSysImage}}
     {{#if item.psSysImage.cssClass}}
-  iconCls: "{{item.psSysImage.cssClass}}",
+  iconClass: "{{item.psSysImage.cssClass}}",
     {{/if}}
     {{#if item.psSysImage.imagePath}}
   imgPath: "{{item.psSysImage.imagePath}}",

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/render/IbizIconText.vue

 <script setup lang="ts">
-
-// props声明和默认值处理
 interface Props {
   text?: string
   iconClass?: string,
@@ -15,7 +13,6 @@ const props = withDefaults(defineProps<Props>(), {
 
 const hasIcon = computed(() => props.iconClass || props.imgPath)
 
-
 const extraClass = {
   "ibiz-icon-text--no-icon": !hasIcon.value,
   [`ibiz-icon-text--${props.position}`]: hasIcon.value,

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/render/IbizMenuItem.vue

 <script setup lang="ts">
 import { IParam } from "@ibiz-core";
-import {
-  UserOutlined,
-} from '@ant-design/icons-vue';
 interface Props{
-  items: IParam[];
+  items: IParam[],
+  collapsed: boolean,
 }
-const props = withDefaults(defineProps<Props>(), {});
+const props = withDefaults(defineProps<Props>(), {
+  collapsed: false,
+});
 </script>
 
 <template>
   <template v-for="item in items" :key="item.name">
     <template v-if="!item.items">
-      <a-menu-item v-if="!item.hidden" :key="item.name">
+      <a-menu-item v-if="!item.hidden" :key="item.name" class="ibiz-menu-item">
         <template #icon>
-          <div class="menu-icon">
-            <UserOutlined />
-          </div>
+          <IbizIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/>
         </template>
         \{{item.caption}}
       </a-menu-item>
     </template>
     <template v-else>
-      <a-sub-menu v-if="!item.hidden" :key="item.name">
+      <a-sub-menu v-if="!item.hidden" :key="item.name" class="ibiz-menu-item">
         <template #icon>
-          <div class="menu-icon">
-            <UserOutlined />
-          </div>
+          <IbizIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/>
         </template>
         <template #title>\{{item.caption}}</template>
         <IbizMenuItem :items="item.items" />
@@ -36,5 +32,26 @@ const props = withDefaults(defineProps<Props>(), {});
 </template>
 
 <style lang="scss">
-
+.ibiz-icon-text {
+  display: flex !important;
+  align-items: center;
+}
+.ant-menu-submenu-popup {
+  .ibiz-menu-item {
+    display: flex !important;
+  }
+  .ant-menu-submenu-title {
+    display: flex !important;
+    width: 100%;
+  }
+}
+.ant-menu-inline-collapsed {
+  .ibiz-menu-item {
+    position: relative;
+    .ibiz-icon-text {
+      position: absolute;
+      right: calc(50% - 8px);
+    }
+  }
+}
 </style>
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/page/{{appModules}}/{{pages@APPINDEXVIEW}}/{{pages@APPINDEXVIEW}}.vue.hbs

@@ -32,6 +32,9 @@ const emit = defineEmits<ViewEmit>();
 // 安装功能模块，提供状态和能力方法
 const { state } = new IndexView(ViewConfig).moduleInstall(props, emit);
 const collapsed: Ref<boolean> = ref(false);
+const collapsedChange = () => {
+  collapsed.value = !collapsed.value;
+}
 </script>
 
 <template>
@@ -42,9 +45,9 @@ const collapsed: Ref<boolean> = ref(false);
         <MenuUnfoldOutlined
           v-if="collapsed"
           class="trigger"
-          @click="() => (collapsed = !collapsed)"
+          @click="collapsedChange"
         />
-        <MenuFoldOutlined v-else class="trigger" @click="() => (collapsed = !collapsed)" />
+        <MenuFoldOutlined v-else class="trigger" @click="collapsedChange" />
       </div>
     </template>
     <template #user>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/router/index.ts.hbs

@@ -32,7 +32,7 @@ const routes = [
                   viewType: "{{appView.viewType}}",
                   {{#if appView.psSysImage}}
                   imgPath: "{{appView.psSysImage.imagePath}}",
-                  iconCls: "{{appView.psSysImage.cssClass}}",
+                  iconClass: "{{appView.psSysImage.cssClass}}",
                   {{/if}}
                   parameters: [
                       { pathName: "apps", parameterName: "app" },

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@APPMENU}}-menu/{{ctrls@APPMENU}}-menu.vue.hbs

@@ -25,11 +25,12 @@ const { state, menuSelect } = new MenuControl(CtrlConfig).moduleInstall(props, e
 
 <template>
   <a-menu
+    class="ibiz-menu"
     v-model:openKeys="state.defaultOpens"
     v-model:selectedKeys="state.defaultSelect"
     :mode="Object.is('LEFT', state.menuAlign) ? 'inline' : 'horizontal'"
     @select="menuSelect">
-    <IbizMenuItem :items="state.menus" />
+    <IbizMenuItem :items="state.menus" :collapsed="collapsed"/>
   </a-menu>
 </template>