@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.4

package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js

@@ -1,8 +1,3 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { useContext } from 'react';
 import { Popover, Tooltip } from 'antd';
 import classnames from 'classnames';
@@ -12,62 +7,72 @@ import SideMenu from "../SideMenu";
 import { LayoutContext } from "../../../../index";
 import { getUrlParams, getPathNameKey, findMenuItemByKey } from "../../../../utils";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var Link = RouterLink;
-var FoldMenu = props => {
-  var style = props.style,
-    dataSource = props.dataSource,
-    onMenuClick = props.onMenuClick;
-  var menus = dataSource.menus,
-    iconfontUrl = dataSource.iconfontUrl,
-    notice = dataSource.notice,
-    collapsed = dataSource.collapsed,
-    headerHeight = dataSource.headerHeight;
-  var pathNamePrefix = `/${window.location.pathname.split('/')[1]}`;
-  var noticeCls = classnames({
+const Link = RouterLink;
+const FoldMenu = props => {
+  const {
+    style,
+    dataSource,
+    onMenuClick
+  } = props;
+  const {
+    menus,
+    iconfontUrl,
+    notice,
+    collapsed,
+    headerHeight
+  } = dataSource;
+  const pathNamePrefix = `/${window.location.pathname.split('/')[1]}`;
+  const noticeCls = classnames({
     'pro-layout-menu-tooltip': true,
     'pro-layout-menu-tooltip-has-notice': notice,
     'pro-layout-menu-tooltip-nav-open': collapsed
   });
-  var _ref = useContext(LayoutContext) || {
-      selectedPath: '',
-      onSelected: () => {}
-    },
-    selectedPath = _ref.selectedPath,
-    onSelected = _ref.onSelected;
+  const {
+    selectedPath,
+    onSelected
+  } = useContext(LayoutContext) || {
+    selectedPath: '',
+    onSelected: () => {}
+  };
   return /*#__PURE__*/_jsx("div", {
     className: "pro-layout-menu-fold",
-    style: _objectSpread({}, style),
+    style: {
+      ...style
+    },
     children: /*#__PURE__*/_jsx("ul", {
       className: "pro-layout-menu-fold-list",
-      style: _objectSpread({}, style),
+      style: {
+        ...style
+      },
       children: menus.filter(item => !item.hideInMenu).map((item, index) => {
-        var _url$split;
-        var id = item.id,
-          url = item.url,
-          name = item.name,
-          icon = item.icon,
-          imgUrl = item.imgUrl,
-          imgActiveUrl = item.imgActiveUrl,
-          children = item.children;
-        var toPath = item.redirectUrl || item.url;
-        var selectedMenu = getUrlParams('activeMenu');
-        var pathToMatch = selectedPath || selectedMenu || window.location.pathname;
+        const {
+          id,
+          url,
+          name,
+          icon,
+          imgUrl,
+          imgActiveUrl,
+          children
+        } = item;
+        const toPath = item.redirectUrl || item.url;
+        const selectedMenu = getUrlParams('activeMenu');
+        const pathToMatch = selectedPath || selectedMenu || window.location.pathname;
 
         // 取第一级
-        var currentKeyIdPath = getPathNameKey({
+        const currentKeyIdPath = getPathNameKey({
           menus,
           pathName: pathToMatch // 优先匹配上下文路径
         }) || [];
-        var cls = classnames({
+        const cls = classnames({
           active: currentKeyIdPath.includes(id)
         });
 
         // 是否包含子级菜单
-        var hasChildrenMenu = Array.isArray(children) && children.length;
+        const hasChildrenMenu = Array.isArray(children) && children.length;
 
         // 一级li Dom节点
-        var LiNode = /*#__PURE__*/_jsx("li", {
-          id: url === null || url === void 0 || (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
+        const LiNode = /*#__PURE__*/_jsx("li", {
+          id: url?.split('/')?.[1],
           className: `${cls} pro-layout-menu-fold-li`,
           children: /*#__PURE__*/_jsxs("div", {
             children: [imgUrl ? /*#__PURE__*/_jsx("img", {
@@ -85,9 +90,10 @@ var FoldMenu = props => {
         return hasChildrenMenu ? /*#__PURE__*/_jsx(Popover, {
           mouseEnterDelay: 0,
           content: /*#__PURE__*/_jsx(SideMenu, {
-            dataSource: _objectSpread(_objectSpread({}, dataSource), {}, {
+            dataSource: {
+              ...dataSource,
               menus: item
-            }),
+            },
             onMenuClick: onMenuClick
           }),
           color: "#fff",
@@ -105,13 +111,13 @@ var FoldMenu = props => {
           children: /*#__PURE__*/_jsx("span", {
             onClick: () => {
               // 查找完整的菜单项数据
-              var menuItem = findMenuItemByKey(menus, String(id));
-              var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+              const menuItem = findMenuItemByKey(menus, String(id));
+              const menuKeyPath = menuItem?.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
 
               // 调用用户传入的onMenuClick回调，获取返回值（是否应该激活菜单）
-              var shouldActivate = true;
+              let shouldActivate = true;
               if (onMenuClick) {
-                var result = onMenuClick({
+                const result = onMenuClick({
                   item: menuItem,
                   key: String(id),
                   keyPath: menuKeyPath
@@ -137,13 +143,13 @@ var FoldMenu = props => {
           children: /*#__PURE__*/_jsx("span", {
             onClick: () => {
               // 查找完整的菜单项数据
-              var menuItem = findMenuItemByKey(menus, String(id));
-              var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+              const menuItem = findMenuItemByKey(menus, String(id));
+              const menuKeyPath = menuItem?.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
 
               // 调用用户传入的onMenuClick回调，获取返回值（是否应该激活菜单）
-              var shouldActivate = true;
+              let shouldActivate = true;
               if (onMenuClick) {
-                var result = onMenuClick({
+                const result = onMenuClick({
                   item: menuItem,
                   key: String(id),
                   keyPath: menuKeyPath
@@ -169,13 +175,13 @@ var FoldMenu = props => {
         }, `${id}-${name}`) : /*#__PURE__*/_jsx("span", {
           onClick: () => {
             // 查找完整的菜单项数据
-            var menuItem = findMenuItemByKey(menus, String(id));
-            var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+            const menuItem = findMenuItemByKey(menus, String(id));
+            const menuKeyPath = menuItem?.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
 
             // 调用用户传入的onMenuClick回调，获取返回值（是否应该激活菜单）
-            var shouldActivate = true;
+            let shouldActivate = true;
             if (onMenuClick) {
-              var result = onMenuClick({
+              const result = onMenuClick({
                 item: menuItem,
                 key: String(id),
                 keyPath: menuKeyPath

package/es/ProLayout/components/Layout/Menu/FoldMenu/style/index.less

@@ -30,7 +30,10 @@
         flex-grow: 1;
         margin-bottom: 0;
         opacity: 1;
-        transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
+        transition:
+          opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
+          margin 0.3s,
+          color 0.3s;
       }
     }
 

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -1,52 +1,45 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import _cloneDeep from "lodash/cloneDeep";
 import { useMemo, useRef, useContext } from 'react';
 import { Menu } from 'antd';
 import { useDeepCompareEffect, useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import { Link as RouterLink } from 'react-router-dom';
-import { cloneDeep } from 'lodash';
 import { LayoutContext } from "../../../../index";
 import { getIdsByPathName, findMenuItemByKey } from "../../../../utils";
 import { isLeafMenuItem } from "../../../TabsManager/utils";
 import { Icon } from "../../index";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-var Link = RouterLink;
-var OpenMenu = props => {
-  var _getIdsByPathName;
-  var className = props.className,
-    dataSource = props.dataSource,
-    style = props.style,
-    onMenuClick = props.onMenuClick,
-    _props$textVisible = props.textVisible,
-    textVisible = _props$textVisible === void 0 ? true : _props$textVisible;
-  var _ref = dataSource || {},
-    menus = _ref.menus,
-    sideMenu = _ref.sideMenu;
-  var linkRef = useRef(null);
+const Link = RouterLink;
+const OpenMenu = props => {
+  const {
+    className,
+    dataSource,
+    style,
+    onMenuClick,
+    textVisible = true
+  } = props;
+  const {
+    menus,
+    sideMenu
+  } = dataSource || {};
+  const linkRef = useRef(null);
   // 通过URL匹配对应的ID用于回显
-  var _useSetState = useSetState({
-      selectedKeys: [],
-      openKeys: [],
-      router: ''
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    _useSetState2$ = _useSetState2[0],
-    selectedKeys = _useSetState2$.selectedKeys,
-    openKeys = _useSetState2$.openKeys,
-    router = _useSetState2$.router,
-    setState = _useSetState2[1];
-  var query = new URLSearchParams(window.location.search);
-  var layoutContext = useContext(LayoutContext);
-  var layoutSelectedPath = layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.selectedPath;
-  var layoutOnSelected = layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.onSelected;
-  var layoutTarget = layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.target;
-  var cls = classnames({
+  const [{
+    selectedKeys,
+    openKeys,
+    router
+  }, setState] = useSetState({
+    selectedKeys: [],
+    openKeys: [],
+    router: ''
+  });
+  const query = new URLSearchParams(window.location.search);
+  const layoutContext = useContext(LayoutContext);
+  const layoutSelectedPath = layoutContext?.selectedPath;
+  const layoutOnSelected = layoutContext?.onSelected;
+  const layoutTarget = layoutContext?.target;
+  const cls = classnames({
     'pro-layout-open-menu': true,
     'pro-layout-menu-text-hidden': textVisible === false,
     [`${className}`]: className
@@ -54,18 +47,17 @@ var OpenMenu = props => {
 
   // 默认激活菜单优先取selectedPath或activeMenu，默认取pathName进行匹配
   // 特殊处理：如果layoutSelectedPath是'##EMPTY##'，表示有意清空选中状态
-  var preferredPath = query.get('activeMenu') || (layoutSelectedPath === '##EMPTY##' ? null : layoutSelectedPath) || window.location.pathname;
-  var selectKeyIdPath = preferredPath ? ((_getIdsByPathName = getIdsByPathName(menus, preferredPath)) === null || _getIdsByPathName === void 0 ? void 0 : _getIdsByPathName.map(item => String(item))) || [] : [];
-  var itemsTransform = useMemo(() => {
-    var result = cloneDeep(menus);
+  const preferredPath = query.get('activeMenu') || (layoutSelectedPath === '##EMPTY##' ? null : layoutSelectedPath) || window.location.pathname;
+  const selectKeyIdPath = preferredPath ? getIdsByPathName(menus, preferredPath)?.map(item => String(item)) || [] : [];
+  const itemsTransform = useMemo(() => {
+    const result = _cloneDeep(menus);
     if (!Array.isArray(result) || !result.length) {
       return [];
     }
-    var menuDeep = data => {
+    const menuDeep = data => {
       data.forEach(item => {
-        var _item$keyIdPath, _item$keyIdPath2, _item$children;
         // 是否是第一级菜单，展开模式一级菜单有icon, 收起模式二级菜单有icon
-        var isFirstMenu = ((_item$keyIdPath = item.keyIdPath) === null || _item$keyIdPath === void 0 ? void 0 : _item$keyIdPath.length) === 1 || sideMenu && ((_item$keyIdPath2 = item.keyIdPath) === null || _item$keyIdPath2 === void 0 ? void 0 : _item$keyIdPath2.length) === 2;
+        const isFirstMenu = item.keyIdPath?.length === 1 || sideMenu && item.keyIdPath?.length === 2;
         // 第一级菜单显示icon
         item.label = /*#__PURE__*/_jsxs("div", {
           className: classnames({
@@ -78,7 +70,7 @@ var OpenMenu = props => {
               alt: "icon"
             }) : item.icon && isFirstMenu ? /*#__PURE__*/_jsx(Icon, {
               type: item.icon || '',
-              iconfontUrl: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.iconfontUrl) || ''
+              iconfontUrl: dataSource?.iconfontUrl || ''
             }) : /*#__PURE__*/_jsx("span", {
               className: classnames({
                 'pro-layout-icon': true,
@@ -94,10 +86,10 @@ var OpenMenu = props => {
         Object.keys(item).filter(keyItem => !['label', 'key', 'children', 'onTitleClick', 'router'].includes(keyItem)).forEach(_keyItem => {
           delete item[_keyItem];
         });
-        if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && (item === null || item === void 0 || (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
-          var _item = item === null || item === void 0 ? void 0 : item.children[0];
+        if (Array.isArray(item?.children) && item?.children?.length > 0) {
+          const _item = item?.children[0];
           // 移除不需要显示的菜单
-          if (_item !== null && _item !== void 0 && _item.hideInMenu || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
+          if (_item?.hideInMenu || ['TAB', 'QUERY', 'BUTTON'].includes(_item?.type)) {
             delete item.children;
           } else {
             menuDeep(item.children);
@@ -113,7 +105,7 @@ var OpenMenu = props => {
   }, [dataSource]);
   useDeepCompareEffect(() => {
     if (Array.isArray(selectKeyIdPath)) {
-      var newState = {
+      const newState = {
         selectedKeys: selectKeyIdPath
       };
       if (selectKeyIdPath.length) {
@@ -126,7 +118,7 @@ var OpenMenu = props => {
   // 折叠模式默认展开全部菜单
   useDeepCompareEffect(() => {
     if (sideMenu) {
-      var keys = menus.map(item => String(item.id));
+      const keys = menus.map(item => String(item.id));
       setState({
         openKeys: keys
       });
@@ -147,19 +139,20 @@ var OpenMenu = props => {
           openKeys
         });
       },
-      onClick: _ref2 => {
-        var item = _ref2.item,
-          keyPath = _ref2.keyPath,
-          key = _ref2.key,
-          domEvent = _ref2.domEvent;
+      onClick: ({
+        item,
+        keyPath,
+        key,
+        domEvent
+      }) => {
         // 查找完整的菜单项数据
-        var menuItem = findMenuItemByKey(menus, key);
-        var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : keyPath;
+        const menuItem = findMenuItemByKey(menus, key);
+        const menuKeyPath = menuItem?.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : keyPath;
 
         // 调用用户传入的onMenuClick回调，获取返回值（是否应该激活菜单）
-        var shouldActivate = true;
+        let shouldActivate = true;
         if (onMenuClick) {
-          var result = onMenuClick({
+          const result = onMenuClick({
             item: menuItem,
             key,
             keyPath: menuKeyPath
@@ -173,17 +166,15 @@ var OpenMenu = props => {
         // 只有最后一级菜单（叶子节点）才设置选中状态和路径
         // 并且只有在 shouldActivate 为 true 时才设置
         if (menuItem && isLeafMenuItem(menuItem) && shouldActivate) {
-          var _item$props, _item$props2;
           setState({
             selectedKeys: keyPath,
-            router: item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router
+            router: item?.props?.router
           });
-          layoutOnSelected === null || layoutOnSelected === void 0 || layoutOnSelected({
-            selectedPath: item === null || item === void 0 || (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
+          layoutOnSelected?.({
+            selectedPath: item?.props?.router
           });
           if (layoutTarget) {
-            var _item$props3;
-            window.open(item === null || item === void 0 || (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.router, layoutTarget);
+            window.open(item?.props?.router, layoutTarget);
           } else {
             setTimeout(() => {
               // 路由变更，且不再demo文档中
@@ -195,7 +186,7 @@ var OpenMenu = props => {
         }
       },
       style: {
-        height: dataSource.sideMenu ? 'auto' : `calc(100vh - ${(dataSource === null || dataSource === void 0 ? void 0 : dataSource.height) || 0}px)`,
+        height: dataSource.sideMenu ? 'auto' : `calc(100vh - ${dataSource?.height || 0}px)`,
         color: 'red'
       }
     }), /*#__PURE__*/_jsx(Link, {

package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less

@@ -68,7 +68,6 @@
     }
   }
 
-
   .@{ant-prefix}-menu-item-selected {
     background: transparent !important;
 
@@ -110,7 +109,10 @@
         font-size: var(--zaui-font-size-md, 14px);
         opacity: 1;
         // 修改：添加 150ms 的 opacity 淡入动画，消除"突然出现"的卡顿感
-        transition: opacity 0.15s ease-out, margin 0.3s, color 0.3s;
+        transition:
+          opacity 0.15s ease-out,
+          margin 0.3s,
+          color 0.3s;
       }
     }
   }
@@ -149,13 +151,13 @@
     color: var(--zaui-text, #343434);
   }
 
- .@{ant-prefix}-menu-item-selected{
-  .@{ant-prefix}-menu-title-content{
-    h2{
-      font-weight: bold !important;
+  .@{ant-prefix}-menu-item-selected {
+    .@{ant-prefix}-menu-title-content {
+      h2 {
+        font-weight: bold !important;
+      }
     }
   }
- }
 
   // 父级菜单不展示选中态，仅最后一级菜单显示选中高亮
   .@{ant-prefix}-menu-submenu-selected {

package/es/ProLayout/components/Layout/Menu/SideMenu/index.js

@@ -3,35 +3,39 @@ import classnames from 'classnames';
 import { useSize } from 'ahooks';
 import OpenMenu from "../OpenMenu";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var SideMenu = props => {
-  var dataSource = props.dataSource,
-    onMenuClick = props.onMenuClick;
-  var ref = useRef(null);
-  var size = useSize(ref);
-  var menus = dataSource.menus,
-    iconfontUrl = dataSource.iconfontUrl,
-    notice = dataSource.notice,
-    collapsed = dataSource.collapsed,
-    headerHeight = dataSource.headerHeight;
-  var cls = classnames({
+const SideMenu = props => {
+  const {
+    dataSource,
+    onMenuClick
+  } = props;
+  const ref = useRef(null);
+  const size = useSize(ref);
+  const {
+    menus,
+    iconfontUrl,
+    notice,
+    collapsed,
+    headerHeight
+  } = dataSource;
+  const cls = classnames({
     'pro-layout-sider-menu': true
   });
   return /*#__PURE__*/_jsxs("div", {
     className: cls,
     children: [/*#__PURE__*/_jsx("h2", {
       ref: ref,
-      children: (menus === null || menus === void 0 ? void 0 : menus.name) || ''
+      children: menus?.name || ''
     }), /*#__PURE__*/_jsx("div", {
       children: /*#__PURE__*/_jsx(OpenMenu, {
         className: "pro-layout-sider-menu-list",
         onMenuClick: onMenuClick,
         dataSource: {
-          menus: (menus === null || menus === void 0 ? void 0 : menus.children) || [],
+          menus: menus?.children || [],
           iconfontUrl,
           sideMenu: true
         },
         style: {
-          height: `calc(100vh - ${headerHeight + (notice ? 32 : 0) + ((size === null || size === void 0 ? void 0 : size.height) || 0) + 12}px)`
+          height: `calc(100vh - ${headerHeight + (notice ? 32 : 0) + (size?.height || 0) + 12}px)`
         }
       })
     })]

package/es/ProLayout/components/Layout/Menu/SideMenu/style/index.less

@@ -32,8 +32,8 @@
       }
 
       .@{ant-prefix}-menu {
-        .@{ant-prefix}-menu-item-only-child{
-          .@{ant-prefix}-menu-title-content  .pro-layout-open-menu-lv1 h2{
+        .@{ant-prefix}-menu-item-only-child {
+          .@{ant-prefix}-menu-title-content .pro-layout-open-menu-lv1 h2 {
             padding-right: 0;
           }
         }
@@ -67,7 +67,7 @@
 
         .pro-layout-icon {
           color: var(--zaui-text, #343434) !important;
-          fill: currentColor;
+          fill: currentcolor;
         }
 
         &.@{ant-prefix}-menu-sub {
@@ -107,8 +107,6 @@
           color: #909090;
         }
 
- 
-
         .@{ant-prefix}-menu-submenu-title,
         &.@{ant-prefix}-menu-root > .@{ant-prefix}-menu-item-only-child,
         &.@{ant-prefix}-menu-sub.@{ant-prefix}-menu-inline > .@{ant-prefix}-menu-item {