@gx-design-vue/pro-layout 0.1.0-beta.201 → 0.1.0-beta.202

package/dist/components/BaseMenu/index.d.ts

@@ -24,8 +24,8 @@ export type MenuUtilProps = Partial<BaseMenuProps> & {
     isMobile?: boolean;
     layout?: ProLayoutType;
     collapsed?: boolean;
-    extraInlineIndent?: number;
     inlineIndent?: number;
+    extraInlineIndent?: number;
     onCollapse?: (value: boolean) => void;
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/dist/pro-layout.js

@@ -1,6 +1,6 @@
 /*!
   * Gx Design Pro
-  * Version: 0.1.0-beta.200
+  * Version: 0.1.0-beta.201
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
@@ -527,7 +527,7 @@ class ta {
         iconPrefixes: d,
         styles: m,
         classNames: u
-      } = this.props, g = this.getIntlName(t), v = i === "sider" ? a * (this.props.extraInlineIndent || 10) : 0, S = t?.children, s = t?.meta?.hideInMenu, C = t?.meta?.rightContent, I = t?.meta?.divider, w = Array.isArray(S) && S.length > 0 && !s, T = S?.every((N) => N.meta?.hideInMenu);
+      } = this.props, g = this.getIntlName(t), v = i === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, S = t?.children, s = t?.meta?.hideInMenu, C = t?.meta?.rightContent, I = t?.meta?.divider, w = Array.isArray(S) && S.length > 0 && !s, T = S?.every((N) => N.meta?.hideInMenu);
       if (w && !T) {
         const N = t.meta?.icon || a === 1, y = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ue(t.meta?.icon) : !1, M = pt({
           icon: t.meta?.icon,
@@ -610,7 +610,7 @@ class ta {
       } = this.props, v = this.getIntlName(t), {
         baseClassName: S,
         collapsed: s
-      } = this.props, C = t.meta?.icon || a === 1, I = t.meta?.rightContent, w = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ue(t.meta?.icon) : !1, T = h === "sider" ? a * (this.props.extraInlineIndent || 10) : 0, N = C ? pt({
+      } = this.props, C = t.meta?.icon || a === 1, I = t.meta?.rightContent, w = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ue(t.meta?.icon) : !1, T = h === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, N = C ? pt({
         icon: t.meta?.icon,
         iconStyle: t.meta?.iconStyle,
         iconPrefixes: m,

package/dist/pro-layout.umd.cjs

@@ -1,6 +1,6 @@
 /*!
   * Gx Design Pro
-  * Version: 0.1.0-beta.200
+  * Version: 0.1.0-beta.201
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
@@ -35,7 +35,7 @@ html[data-theme="dark"]::view-transition-new(root) {
         ${e.antCls}-menu-submenu > ${e.antCls}-menu-submenu-title`]:{paddingInline:"0 !important",marginBlock:"4px !important"},[`${e.antCls}-menu-item-group > ${e.antCls}-menu-item-group-list > ${e.antCls}-menu-submenu-selected > ${e.antCls}-menu-submenu-title, 
         ${e.antCls}-menu-submenu-selected > ${e.antCls}-menu-submenu-title`]:{borderRadius:e.borderRadiusLG,backgroundColor:o?.colorBgMenuItemSelected},[`${e.componentCls}-group`]:{[`${e.antCls}-menu-item-group-title`]:{paddingInline:0}},[`&${e.componentCls}-menu-inline`]:{[`${e.antCls}-menu-item-group > ${e.antCls}-menu-item-group-list > ${e.antCls}-menu-submenu-selected > ${e.antCls}-menu-submenu-title, 
         ${e.antCls}-menu-submenu-selected > ${e.antCls}-menu-submenu-title`]:{backgroundColor:o?.colorBgMenuItemSelected}},[`&${e.componentCls}-menu-horizontal`]:{[`${e.antCls}-menu-item-group > ${e.antCls}-menu-item-group-list > ${e.antCls}-menu-submenu-selected > ${e.antCls}-menu-submenu-title, 
-        ${e.antCls}-menu-submenu-selected > ${e.antCls}-menu-submenu-title`]:{backgroundColor:l?.colorBgMenuItemSelected}}},[`${e.componentCls}-item-title`]:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",gap:e.marginXS,[`${e.componentCls}-item-right-content`]:{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",lineHeight:"normal"},[`${e.componentCls}-item-icon`]:{[`${e.componentCls}-item-image`]:{width:n},".anticon":{fontSize:a}},[`${e.componentCls}-item-text`]:{maxWidth:"100%",textOverflow:"ellipsis",overflow:"hidden",wordBreak:"break-all",whiteSpace:"nowrap"},"&-collapsed":{minWidth:40,height:40,[`${e.componentCls}-item-text-has-icon`]:{display:"none !important"}},"&-collapsed-level-0":{flexDirection:"column",justifyContent:"center"},[`&${e.componentCls}-group-item-title`]:{gap:e.marginXS,height:18,overflow:"hidden"}},"&-group":{[`${e.antCls}-menu-item-group-title`]:{fontSize:12,color:e.colorTextLabel,".anticon":{marginInlineEnd:8}}},"&-group-divider":{color:e.colorTextSecondary,fontSize:12,lineHeight:20}}},[`${e.componentCls}-submenu-popup${e.antCls}-menu-submenu-popup`]:{backgroundColor:"rgba(255, 255, 255, 0.42)","-webkit-backdrop-filter":"blur(8px)",backdropFilter:"blur(8px)",[`${e.componentCls}-item-title`]:{display:"flex",flexDirection:"row",alignItems:"center",gap:e.marginXS,[`${e.componentCls}-item-icon`]:{[`${e.componentCls}-item-image`]:{width:n},".anticon":{fontSize:a}},[`${e.componentCls}-item-text`]:{maxWidth:"100%",textOverflow:"ellipsis",overflow:"hidden",wordBreak:"break-all",whiteSpace:"nowrap"}},[`&${e.componentCls}-submenu-popup-sider`]:{[`${e.antCls}-menu-submenu-selected ${e.antCls}-menu-submenu-title`]:{background:o?.colorBgMenuItemSelected,"&:hover":{color:o?.colorTextMenuSelected}}},[`&${e.componentCls}-submenu-popup-header`]:{[`${e.antCls}-menu-submenu-selected ${e.antCls}-menu-submenu-title`]:{background:o?.colorBgMenuItemSelected,"&:hover":{color:o?.colorTextMenuSelected}}},[`&>${e.antCls}-menu`]:{background:e.colorBgElevated}}}},Bt=e=>{const{icon:a,iconPrefix:n="",iconfontUrl:o,hashId:l,style:r}=e,s=c.classNames(e.className,n,l),y=t.createVNode("span",{class:c.classNames(s),style:{display:"none"}},[t.createVNode("span",{class:"anticon"},null)]);if(!a)return y;const m=p=>t.createVNode("img",{src:p,alt:"icon",class:c.classNames(e.className?`${e.className}-image`:"",s),style:r},null),f=p=>{const C=H.createFromIconfontCN({scriptUrl:o||j.iconfontUrl});return o?t.createVNode(C,{type:p,class:s,style:r},null):t.createVNode("span",{class:s,style:r},null)},g=()=>t.cloneVNode(a,{class:s,style:r}),u=p=>{if(c.isUrl(p)||c.isImg(p))return m(p);if(n==="iconfont")return f(p);const C=t.resolveComponent(p);return typeof C=="function"&&t.createVNode(C,null,null)||y};return typeof a=="string"?a!==""?u(a):y:t.isVNode(a)?g():y};let Ze=H.createFromIconfontCN({scriptUrl:j.iconfontUrl});const Qe=({icon:e,iconStyle:a,iconPrefixes:n="icon-",className:o,hashId:l})=>{if(typeof e=="string"&&e!==""){if(c.isUrl(e)||c.isImg(e))return t.createVNode("img",{key:e,src:e,alt:"icon",style:a,class:c.classNames(`${o}-image`,l)},null);if(e.startsWith(n))return t.createVNode(Ze,{type:e,style:a},null)}return e},Je=e=>e&&typeof e=="string"?e.substring(0,1).toUpperCase():null;class Tt{constructor(a){this.getNavMenuItems=(n=[],o,l)=>n.filter(r=>!r.meta?.hideInMenu).map(r=>this.getSubMenuOrItem(r,o,l)).filter(r=>r).flat(1),this.getSubMenuOrItem=(n,o,l)=>{const{menuRenderType:r,subMenuItemRender:s,baseClassName:y,collapsed:m,iconPrefixes:f,styles:g,classNames:u}=this.props,p=this.getIntlName(n),C=r==="sider"?o*(this.props.extraInlineIndent||10):0,I=n?.children,d=n?.meta?.hideInMenu,x=n?.meta?.rightContent,v=n?.meta?.divider,w=Array.isArray(I)&&I.length>0&&!d,T=I?.every(P=>P.meta?.hideInMenu);if(w&&!T){const P=n.meta?.icon||o===1,b=typeof n.meta?.icon=="string"?c.isUrl(n.meta?.icon)||c.isImg(n.meta?.icon):!1,M=Qe({icon:n.meta?.icon,iconStyle:n.meta?.iconStyle,iconPrefixes:f,className:`${y}-item`,hashId:this.props?.hashId}),E=m&&P?Je(p):null,X=t.createVNode("div",{class:c.classNames(u?.menuItemTitle,`${y}-item-title`,this.props?.hashId,{[`${y}-item-title-collapsed`]:m,[`${y}-item-title-collapsed-level-${l}`]:m}),style:{paddingInlineStart:this.props.collapsed?0:i.unit(C),...g?.menuItemTitle}},[m?null:P&&M?t.createVNode("span",{class:c.classNames(`${y}-item-icon`,this.props?.hashId,u?.menuItemIcon),style:{...g?.menuItemIcon,...b?{}:n.meta?.iconStyle||{}}},[M]):E,t.createVNode("span",{class:c.classNames(u?.menuItemTitleText,`${y}-item-text`,this.props?.hashId,{[`${y}-item-text-has-icon`]:P&&(M||E)}),style:g?.menuItemTitleText},[p]),x&&typeof x=="function"?t.createVNode("div",{class:c.classNames(`${y}-item-right-content`,this.props.hashId)},[x(n.meta)]):null]),A=s?s({item:n,children:X,menuProps:this.props}):X;if(o===0&&this.props.collapsed)return this.getNavMenuItems(I,o+1,o);const G=this.getNavMenuItems(I,o+1,o===0&&this.props.collapsed?o:o+1);return[v?{type:"divider"}:void 0,{key:n.name,label:A,children:G,style:g?.subMenu,disabled:n.meta?.disabled,class:c.classNames(u?.subMenu,{[`${y}-submenu`]:!0,[`${y}-submenu-has-icon`]:P&&M}),popupClassName:c.classNames(u?.subMenuPopup,`${y}-submenu-popup`,`${y}-submenu-popup-${this.props?.menuRenderType}`,this.props?.hashId)}].filter(Boolean)}return[v?{type:"divider"}:void 0,{class:c.classNames(`${y}-item`,u?.menuItem),style:g?.menuItem,key:n.name,disabled:n.meta?.disabled,label:this.getMenuItemPath(n,o,l)}].filter(Boolean)},this.getIntlName=n=>{const o={...n.meta},l=o.title;return this.props.menuTextRender?this.props.menuTextRender({item:n,defaultText:o.title,menuProps:this.props}):l},this.getMenuItemPath=(n,o,l)=>{const r=this.conversionPath(n.path||"/"),{isMobile:s,menuRenderType:y,onCollapse:m,menuItemRender:f,iconPrefixes:g,classNames:u,styles:p}=this.props,C=this.getIntlName(n),{baseClassName:I,collapsed:d}=this.props,x=n.meta?.icon||o===1,v=n.meta?.rightContent,w=typeof n.meta?.icon=="string"?c.isUrl(n.meta?.icon)||c.isImg(n.meta?.icon):!1,T=y==="sider"?o*(this.props.extraInlineIndent||10):0,P=x?Qe({icon:n.meta?.icon,iconStyle:n.meta?.iconStyle,iconPrefixes:g,className:`${I}-item`,hashId:this.props?.hashId}):null,b=d&&x?Je(C):null,M=n.meta?.linkStatus===1&&c.isUrl(n.meta?.link),E=t.createVNode("div",{key:r,class:c.classNames(u?.menuItemTitle,`${I}-item-title`,this.props?.hashId,{[`${I}-item-link`]:M,[`${I}-item-title-collapsed`]:d,[`${I}-item-title-collapsed-level-${l}`]:d}),style:{paddingInlineStart:this.props.collapsed?0:i.unit(T),...p?.menuItemTitle}},[t.createVNode("span",{class:c.classNames(`${I}-item-icon ${this.props?.hashId}`,u?.menuItemIcon),style:{display:b===null&&!P?"none":"",...p?.menuItemIcon,...w?{}:n.meta?.iconStyle||{}}},[P||t.createVNode("span",{class:"anticon"},[b])]),t.createVNode("span",{class:c.classNames(u?.menuItemTitleText,`${I}-item-text`,this.props?.hashId,{[`${I}-item-text-has-icon`]:x&&(P||b)}),style:p?.menuItemTitleText},[C]),v&&typeof v=="function"?t.createVNode("div",{class:c.classNames(`${I}-item-right-content`,this.props.hashId)},[v(n.meta)]):null]);if(f){const X={...n,isUrl:M,itemPath:r,isMobile:s,replace:r===location.pathname,onClick:()=>m&&m(!0),children:void 0};return f({item:X,defaultDom:E,menuProps:this.props})}return E},this.conversionPath=n=>n&&n.indexOf("http")===0?n:`/${n||""}`.replace(/\/+/g,"/"),this.props=a}}const Te=t.defineComponent({name:"BaseMenu",props:qe,setup(e){const a=le.useRouter(),{dark:n,token:o}=i.useProConfigContext(),l=_(),s=(l?.getPrefixCls||c.getPrefixCls)({isPor:!0,suffixCls:"base-menu"}),{wrapSSR:y,hashId:m}=i.useProStyle("ProBaseMenu",[Ot],s),[f,g]=Q.useState(e.openKeys||[]),[u,p]=Q.useState(e.selectedKeys||[]),C=Q.useMemo(()=>new Tt({...e,layout:l?.settings?.value?.layout,isMobile:l?.isMobile?.value,collapsed:l?.collapsedEffect?.value,token:o.value,menuRenderType:e.menuRenderType,baseClassName:s,inlineIndent:e.menuProps?.inlineIndent,extraInlineIndent:e.menuProps?.extraInlineIndent,iconfontUrl:e.iconfontUrl,hashId:m.value,onCollapse:d=>{l&&(l.collapsed.value=d)}}),[()=>m.value,()=>o.value,()=>e.menuData,()=>e.iconfontUrl,()=>e.styles,()=>e.classNames,()=>e.menuProps?.inlineIndent,()=>e.menuProps?.extraInlineIndent,()=>l?.isMobile?.value,()=>l?.collapsedEffect?.value,()=>l?.settings?.value?.layout]),I=t.computed(()=>{const d=`.${s}`,x=`.${s}-item`,v=`.${s}-submenu`,w=`${o.value.antCls}-menu-item-selected`,T=`${o.value.antCls}-menu-submenu-title`;return`
+        ${e.antCls}-menu-submenu-selected > ${e.antCls}-menu-submenu-title`]:{backgroundColor:l?.colorBgMenuItemSelected}}},[`${e.componentCls}-item-title`]:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",gap:e.marginXS,[`${e.componentCls}-item-right-content`]:{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",lineHeight:"normal"},[`${e.componentCls}-item-icon`]:{[`${e.componentCls}-item-image`]:{width:n},".anticon":{fontSize:a}},[`${e.componentCls}-item-text`]:{maxWidth:"100%",textOverflow:"ellipsis",overflow:"hidden",wordBreak:"break-all",whiteSpace:"nowrap"},"&-collapsed":{minWidth:40,height:40,[`${e.componentCls}-item-text-has-icon`]:{display:"none !important"}},"&-collapsed-level-0":{flexDirection:"column",justifyContent:"center"},[`&${e.componentCls}-group-item-title`]:{gap:e.marginXS,height:18,overflow:"hidden"}},"&-group":{[`${e.antCls}-menu-item-group-title`]:{fontSize:12,color:e.colorTextLabel,".anticon":{marginInlineEnd:8}}},"&-group-divider":{color:e.colorTextSecondary,fontSize:12,lineHeight:20}}},[`${e.componentCls}-submenu-popup${e.antCls}-menu-submenu-popup`]:{backgroundColor:"rgba(255, 255, 255, 0.42)","-webkit-backdrop-filter":"blur(8px)",backdropFilter:"blur(8px)",[`${e.componentCls}-item-title`]:{display:"flex",flexDirection:"row",alignItems:"center",gap:e.marginXS,[`${e.componentCls}-item-icon`]:{[`${e.componentCls}-item-image`]:{width:n},".anticon":{fontSize:a}},[`${e.componentCls}-item-text`]:{maxWidth:"100%",textOverflow:"ellipsis",overflow:"hidden",wordBreak:"break-all",whiteSpace:"nowrap"}},[`&${e.componentCls}-submenu-popup-sider`]:{[`${e.antCls}-menu-submenu-selected ${e.antCls}-menu-submenu-title`]:{background:o?.colorBgMenuItemSelected,"&:hover":{color:o?.colorTextMenuSelected}}},[`&${e.componentCls}-submenu-popup-header`]:{[`${e.antCls}-menu-submenu-selected ${e.antCls}-menu-submenu-title`]:{background:o?.colorBgMenuItemSelected,"&:hover":{color:o?.colorTextMenuSelected}}},[`&>${e.antCls}-menu`]:{background:e.colorBgElevated}}}},Bt=e=>{const{icon:a,iconPrefix:n="",iconfontUrl:o,hashId:l,style:r}=e,s=c.classNames(e.className,n,l),y=t.createVNode("span",{class:c.classNames(s),style:{display:"none"}},[t.createVNode("span",{class:"anticon"},null)]);if(!a)return y;const m=p=>t.createVNode("img",{src:p,alt:"icon",class:c.classNames(e.className?`${e.className}-image`:"",s),style:r},null),f=p=>{const C=H.createFromIconfontCN({scriptUrl:o||j.iconfontUrl});return o?t.createVNode(C,{type:p,class:s,style:r},null):t.createVNode("span",{class:s,style:r},null)},g=()=>t.cloneVNode(a,{class:s,style:r}),u=p=>{if(c.isUrl(p)||c.isImg(p))return m(p);if(n==="iconfont")return f(p);const C=t.resolveComponent(p);return typeof C=="function"&&t.createVNode(C,null,null)||y};return typeof a=="string"?a!==""?u(a):y:t.isVNode(a)?g():y};let Ze=H.createFromIconfontCN({scriptUrl:j.iconfontUrl});const Qe=({icon:e,iconStyle:a,iconPrefixes:n="icon-",className:o,hashId:l})=>{if(typeof e=="string"&&e!==""){if(c.isUrl(e)||c.isImg(e))return t.createVNode("img",{key:e,src:e,alt:"icon",style:a,class:c.classNames(`${o}-image`,l)},null);if(e.startsWith(n))return t.createVNode(Ze,{type:e,style:a},null)}return e},Je=e=>e&&typeof e=="string"?e.substring(0,1).toUpperCase():null;class Tt{constructor(a){this.getNavMenuItems=(n=[],o,l)=>n.filter(r=>!r.meta?.hideInMenu).map(r=>this.getSubMenuOrItem(r,o,l)).filter(r=>r).flat(1),this.getSubMenuOrItem=(n,o,l)=>{const{menuRenderType:r,subMenuItemRender:s,baseClassName:y,collapsed:m,iconPrefixes:f,styles:g,classNames:u}=this.props,p=this.getIntlName(n),C=r==="sider"?n.meta?.inlineIndent??o*(this.props.extraInlineIndent??10):0,I=n?.children,d=n?.meta?.hideInMenu,x=n?.meta?.rightContent,v=n?.meta?.divider,w=Array.isArray(I)&&I.length>0&&!d,T=I?.every(P=>P.meta?.hideInMenu);if(w&&!T){const P=n.meta?.icon||o===1,b=typeof n.meta?.icon=="string"?c.isUrl(n.meta?.icon)||c.isImg(n.meta?.icon):!1,M=Qe({icon:n.meta?.icon,iconStyle:n.meta?.iconStyle,iconPrefixes:f,className:`${y}-item`,hashId:this.props?.hashId}),E=m&&P?Je(p):null,X=t.createVNode("div",{class:c.classNames(u?.menuItemTitle,`${y}-item-title`,this.props?.hashId,{[`${y}-item-title-collapsed`]:m,[`${y}-item-title-collapsed-level-${l}`]:m}),style:{paddingInlineStart:this.props.collapsed?0:i.unit(C),...g?.menuItemTitle}},[m?null:P&&M?t.createVNode("span",{class:c.classNames(`${y}-item-icon`,this.props?.hashId,u?.menuItemIcon),style:{...g?.menuItemIcon,...b?{}:n.meta?.iconStyle||{}}},[M]):E,t.createVNode("span",{class:c.classNames(u?.menuItemTitleText,`${y}-item-text`,this.props?.hashId,{[`${y}-item-text-has-icon`]:P&&(M||E)}),style:g?.menuItemTitleText},[p]),x&&typeof x=="function"?t.createVNode("div",{class:c.classNames(`${y}-item-right-content`,this.props.hashId)},[x(n.meta)]):null]),A=s?s({item:n,children:X,menuProps:this.props}):X;if(o===0&&this.props.collapsed)return this.getNavMenuItems(I,o+1,o);const G=this.getNavMenuItems(I,o+1,o===0&&this.props.collapsed?o:o+1);return[v?{type:"divider"}:void 0,{key:n.name,label:A,children:G,style:g?.subMenu,disabled:n.meta?.disabled,class:c.classNames(u?.subMenu,{[`${y}-submenu`]:!0,[`${y}-submenu-has-icon`]:P&&M}),popupClassName:c.classNames(u?.subMenuPopup,`${y}-submenu-popup`,`${y}-submenu-popup-${this.props?.menuRenderType}`,this.props?.hashId)}].filter(Boolean)}return[v?{type:"divider"}:void 0,{class:c.classNames(`${y}-item`,u?.menuItem),style:g?.menuItem,key:n.name,disabled:n.meta?.disabled,label:this.getMenuItemPath(n,o,l)}].filter(Boolean)},this.getIntlName=n=>{const o={...n.meta},l=o.title;return this.props.menuTextRender?this.props.menuTextRender({item:n,defaultText:o.title,menuProps:this.props}):l},this.getMenuItemPath=(n,o,l)=>{const r=this.conversionPath(n.path||"/"),{isMobile:s,menuRenderType:y,onCollapse:m,menuItemRender:f,iconPrefixes:g,classNames:u,styles:p}=this.props,C=this.getIntlName(n),{baseClassName:I,collapsed:d}=this.props,x=n.meta?.icon||o===1,v=n.meta?.rightContent,w=typeof n.meta?.icon=="string"?c.isUrl(n.meta?.icon)||c.isImg(n.meta?.icon):!1,T=y==="sider"?n.meta?.inlineIndent??o*(this.props.extraInlineIndent??10):0,P=x?Qe({icon:n.meta?.icon,iconStyle:n.meta?.iconStyle,iconPrefixes:g,className:`${I}-item`,hashId:this.props?.hashId}):null,b=d&&x?Je(C):null,M=n.meta?.linkStatus===1&&c.isUrl(n.meta?.link),E=t.createVNode("div",{key:r,class:c.classNames(u?.menuItemTitle,`${I}-item-title`,this.props?.hashId,{[`${I}-item-link`]:M,[`${I}-item-title-collapsed`]:d,[`${I}-item-title-collapsed-level-${l}`]:d}),style:{paddingInlineStart:this.props.collapsed?0:i.unit(T),...p?.menuItemTitle}},[t.createVNode("span",{class:c.classNames(`${I}-item-icon ${this.props?.hashId}`,u?.menuItemIcon),style:{display:b===null&&!P?"none":"",...p?.menuItemIcon,...w?{}:n.meta?.iconStyle||{}}},[P||t.createVNode("span",{class:"anticon"},[b])]),t.createVNode("span",{class:c.classNames(u?.menuItemTitleText,`${I}-item-text`,this.props?.hashId,{[`${I}-item-text-has-icon`]:x&&(P||b)}),style:p?.menuItemTitleText},[C]),v&&typeof v=="function"?t.createVNode("div",{class:c.classNames(`${I}-item-right-content`,this.props.hashId)},[v(n.meta)]):null]);if(f){const X={...n,isUrl:M,itemPath:r,isMobile:s,replace:r===location.pathname,onClick:()=>m&&m(!0),children:void 0};return f({item:X,defaultDom:E,menuProps:this.props})}return E},this.conversionPath=n=>n&&n.indexOf("http")===0?n:`/${n||""}`.replace(/\/+/g,"/"),this.props=a}}const Te=t.defineComponent({name:"BaseMenu",props:qe,setup(e){const a=le.useRouter(),{dark:n,token:o}=i.useProConfigContext(),l=_(),s=(l?.getPrefixCls||c.getPrefixCls)({isPor:!0,suffixCls:"base-menu"}),{wrapSSR:y,hashId:m}=i.useProStyle("ProBaseMenu",[Ot],s),[f,g]=Q.useState(e.openKeys||[]),[u,p]=Q.useState(e.selectedKeys||[]),C=Q.useMemo(()=>new Tt({...e,layout:l?.settings?.value?.layout,isMobile:l?.isMobile?.value,collapsed:l?.collapsedEffect?.value,token:o.value,menuRenderType:e.menuRenderType,baseClassName:s,inlineIndent:e.menuProps?.inlineIndent,extraInlineIndent:e.menuProps?.extraInlineIndent,iconfontUrl:e.iconfontUrl,hashId:m.value,onCollapse:d=>{l&&(l.collapsed.value=d)}}),[()=>m.value,()=>o.value,()=>e.menuData,()=>e.iconfontUrl,()=>e.styles,()=>e.classNames,()=>e.menuProps?.inlineIndent,()=>e.menuProps?.extraInlineIndent,()=>l?.isMobile?.value,()=>l?.collapsedEffect?.value,()=>l?.settings?.value?.layout]),I=t.computed(()=>{const d=`.${s}`,x=`.${s}-item`,v=`.${s}-submenu`,w=`${o.value.antCls}-menu-item-selected`,T=`${o.value.antCls}-menu-submenu-title`;return`
         ${d} ${v}>${T} {
           ${Oe(e.styles.subMenuTitle)}
         }

package/dist/types/RouteTypings.d.ts

@@ -56,6 +56,7 @@ export interface TabsMeta {
  * @param {Meta-boolean} keepAlive 是否缓存
  * @param {Meta-boolean} animateDisabled 是否禁用动画
  * @param {Meta-group} menuItemType 菜单ItemType
+ * @param {Meta-number} inlineIndent 左侧间距
  * @param {Meta-TabsMeta} tabState tab页签属性
  * @param {Meta-string} menuSelectKey 所属菜单selectedKey
  * @param {Meta-MenuItemBadgeRender} rightContent 右侧展示内容
@@ -77,6 +78,7 @@ export interface Meta {
     disabled?: boolean;
     keepAlive?: boolean;
     animateDisabled?: boolean;
+    inlineIndent?: number;
     rightContent?: MenuItemBadgeRender;
     menuItemType?: 'group';
     tabState?: TabsMeta;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gx-design-vue/pro-layout",
   "type": "module",
-  "version": "0.1.0-beta.201",
+  "version": "0.1.0-beta.202",
   "description": "Gx Design Pro Layout",
   "exports": {
     ".": {