@@ -17,7 +17,8 @@ import { EditorContainer, EmptyContent } from "pages/common/styledComponent";
1717import { useCallback , useEffect , useMemo , useState } from "react" ;
1818import styled from "styled-components" ;
1919import { isUserViewMode , useAppPathParam } from "util/hooks" ;
20- import { BoolCodeControl , StringControl , jsonControl } from "comps/controls/codeControl" ;
20+ import { StringControl , jsonControl } from "comps/controls/codeControl" ;
21+ import { BoolControl } from "comps/controls/boolControl" ;
2122import { styleControl } from "comps/controls/styleControl" ;
2223import {
2324NavLayoutStyle ,
@@ -40,7 +41,6 @@ import {
4041menuItemStyleOptions
4142} from "./navLayoutConstants" ;
4243import { clickEvent , eventHandlerControl } from "@lowcoder-ee/comps/controls/eventHandlerControl" ;
43- import { childrenToProps } from "@lowcoder-ee/comps/generators/multi" ;
4444import { NavPosition , NavPositionOptions } from "./navLayoutConstants" ;
4545
4646const { Header, Footer} = Layout ;
@@ -141,6 +141,24 @@ const StyledMenu = styled(AntdMenu)<{
141141 }
142142 }
143143
144+ /* Collapse mode: hide label text and center icons */
145+ &.ant-menu-inline-collapsed {
146+ .ant-menu-title-content {
147+ display: none !important;
148+ }
149+
150+ > .ant-menu-item,
151+ > .ant-menu-submenu > .ant-menu-submenu-title {
152+ display: flex;
153+ justify-content: center;
154+ align-items: center;
155+ }
156+
157+ .anticon {
158+ line-height: 1 !important;
159+ }
160+ }
161+
144162` ;
145163
146164const StyledImage = styled . img `
@@ -192,7 +210,7 @@ let NavTmpLayout = (function () {
192210width :withDefault ( StringControl , DEFAULT_WIDTH ) ,
193211backgroundImage :withDefault ( StringControl , "" ) ,
194212position :dropdownControl ( NavPositionOptions , NavPosition . Left ) ,
195- collapse :BoolCodeControl ,
213+ collapse :BoolControl ,
196214navStyle :styleControl ( NavLayoutStyle , 'navStyle' ) ,
197215navItemStyle :styleControl ( NavLayoutItemStyle , 'navItemStyle' ) ,
198216navItemHoverStyle :styleControl ( NavLayoutItemHoverStyle , 'navItemHoverStyle' ) ,
@@ -672,13 +690,13 @@ NavTmpLayout = withDispatchHook(NavTmpLayout, (dispatch) => (action) => {
672690} ) ;
673691} ) ;
674692
675- export const NavLayout = class extends NavTmpLayout {
693+ export class NavLayout extends NavTmpLayout {
676694getAllCompItems ( ) {
677695return { } ;
678696}
679697
680698nameAndExposingInfo ( ) :NameAndExposingInfo {
681699return { } ;
682700}
683- } ;
701+ }
684702registerLayoutMap ( { compType :navLayoutCompType , comp :NavLayout } ) ;