@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/es/ProForm/utils/valueType.js

@@ -9,7 +9,7 @@ var transformDate = transforms.transformDate,
  *  表单信息比例精度转换 1 => 0.01
  *  InputNumber
  */
-var transformRatio = function transformRatio(_ref) {
+var transformRatio = _ref => {
   var type = _ref.type,
     _ref$precision = _ref.precision,
     precision = _ref$precision === void 0 ? 2 : _ref$precision,
@@ -17,18 +17,14 @@ var transformRatio = function transformRatio(_ref) {
   if (type === 'ProNumberRange' && ['permillage', 'percentage'].includes(valueType)) {
     var ref = null;
     return {
-      normalize: function normalize(value) {
-        if (!value || !value.some(function (item) {
-          return item || item === 0;
-        })) {
+      normalize: value => {
+        if (!value || !value.some(item => item || item === 0)) {
           return {};
         }
         return [(value[0] || value[0] === 0) && Number.isFinite(value[0] - 0) ? Big(value[0] - 0).div(Math.pow(10, precision)).toNumber() : null, (value[1] || value[1] === 0) && Number.isFinite(value[1] - 0) ? Big(value[1] - 0).div(Math.pow(10, precision)).toNumber() : null];
       },
-      getValueProps: function getValueProps(value) {
-        if (!value || !value.some(function (item) {
-          return item || item === 0;
-        })) {
+      getValueProps: value => {
+        if (!value || !value.some(item => item || item === 0)) {
           return {
             value: []
           };
@@ -46,10 +42,10 @@ var transformRatio = function transformRatio(_ref) {
     };
   }
   return {
-    normalize: function normalize(value) {
+    normalize: value => {
       return (value || value === 0) && Number.isFinite(value - 0) ? Big(value - 0).div(Math.pow(10, precision)).toNumber() : null;
     },
-    getValueProps: function getValueProps(value) {
+    getValueProps: value => {
       return {
         value: (value || value === 0) && Number.isFinite(value - 0) ? Big(value - 0).times(Math.pow(10, precision)).toNumber() : null
       };
@@ -60,7 +56,7 @@ var transformRatio = function transformRatio(_ref) {
 /**
  *  switch转换
  */
-var switchTransform = function switchTransform(switchValue) {
+var switchTransform = switchValue => {
   if (!switchValue) {
     return transformSwitch(['Y', 'N']);
   }
@@ -90,7 +86,7 @@ var formatMap = {
 /**
  *  日期转换
  */
-var dateTransform = function dateTransform(_ref2) {
+var dateTransform = _ref2 => {
   var type = _ref2.type,
     _ref2$_valueType = _ref2._valueType,
     _valueType = _ref2$_valueType === void 0 ? 'date' : _ref2$_valueType,
@@ -108,7 +104,7 @@ var dateTransform = function dateTransform(_ref2) {
     console.error("Warning: DatePicker valueType can only be set to ['date' | 'dateTime' | 'dateStartTime'| 'dateEndTime']");
     return result;
   }
-  var newValueType = function () {
+  var newValueType = (() => {
     if (toISOString) {
       return 'ISOString';
     }
@@ -116,7 +112,7 @@ var dateTransform = function dateTransform(_ref2) {
       return 'CSTString';
     }
     return 'string';
-  }();
+  })();
   switch (type) {
     case 'DatePicker':
       if (_valueType === 'date') {
@@ -193,7 +189,7 @@ var dateTransform = function dateTransform(_ref2) {
 };
 
 /** 脱敏处理函数 */
-export var maskStringRangeWithRegex = function maskStringRangeWithRegex(input, range) {
+export var maskStringRangeWithRegex = (input, range) => {
   var _input$replace;
   var _ref3 = range || [],
     _ref4 = _slicedToArray(_ref3, 2),
@@ -206,104 +202,104 @@ export var maskStringRangeWithRegex = function maskStringRangeWithRegex(input, r
   if (start >= (input === null || input === void 0 ? void 0 : input.length)) {
     return '';
   }
-  var regexPattern = "^(.{".concat(start, "})(.{").concat(adjustedEnd - start + 1, "})(.*)$");
+  var regexPattern = `^(.{${start}})(.{${adjustedEnd - start + 1}})(.*)$`;
   var regex = new RegExp(regexPattern);
-  var maskedValue = input === null || input === void 0 || (_input$replace = input.replace) === null || _input$replace === void 0 ? void 0 : _input$replace.call(input, regex, "$1".concat('*'.repeat(adjustedEnd - start + 1), "$3"));
+  var maskedValue = input === null || input === void 0 || (_input$replace = input.replace) === null || _input$replace === void 0 ? void 0 : _input$replace.call(input, regex, `$1${'*'.repeat(adjustedEnd - start + 1)}$3`);
   return maskedValue;
 };
 export default {
   /** 年月日 */
-  date: function date(_ref5) {
+  date: _ref5 => {
     var type = _ref5.type,
       toISOString = _ref5.toISOString,
       toCSTString = _ref5.toCSTString,
       mode = _ref5.mode;
     return dateTransform({
-      type: type,
+      type,
       _valueType: 'date',
-      toISOString: toISOString,
-      toCSTString: toCSTString,
-      mode: mode
+      toISOString,
+      toCSTString,
+      mode
     });
   },
   /** 年月日 时分秒 */
-  dateTime: function dateTime(_ref6) {
+  dateTime: _ref6 => {
     var type = _ref6.type,
       toISOString = _ref6.toISOString,
       toCSTString = _ref6.toCSTString,
       mode = _ref6.mode;
     return dateTransform({
-      type: type,
+      type,
       _valueType: 'dateTime',
-      toISOString: toISOString,
-      toCSTString: toCSTString,
-      mode: mode
+      toISOString,
+      toCSTString,
+      mode
     });
   },
   /** 年月日 00:00:00 */
-  dateStartTime: function dateStartTime(_ref7) {
+  dateStartTime: _ref7 => {
     var type = _ref7.type,
       toISOString = _ref7.toISOString,
       toCSTString = _ref7.toCSTString,
       mode = _ref7.mode;
     return dateTransform({
-      type: type,
+      type,
       _valueType: 'dateStartTime',
-      toISOString: toISOString,
-      toCSTString: toCSTString,
-      mode: mode
+      toISOString,
+      toCSTString,
+      mode
     });
   },
   /** 年月日 23:59:59 */
-  dateEndTime: function dateEndTime(_ref8) {
+  dateEndTime: _ref8 => {
     var type = _ref8.type,
       toISOString = _ref8.toISOString,
       toCSTString = _ref8.toCSTString,
       mode = _ref8.mode;
     return dateTransform({
-      type: type,
+      type,
       _valueType: 'dateEndTime',
-      toISOString: toISOString,
-      toCSTString: toCSTString,
-      mode: mode
+      toISOString,
+      toCSTString,
+      mode
     });
   },
   /** 年月日 00:00:00 ~ 年月日 23:59:59 */
-  dateStartEndTime: function dateStartEndTime(_ref9) {
+  dateStartEndTime: _ref9 => {
     var type = _ref9.type,
       toISOString = _ref9.toISOString,
       toCSTString = _ref9.toCSTString,
       mode = _ref9.mode;
     return dateTransform({
-      type: type,
+      type,
       _valueType: 'dateStartEndTime',
-      toISOString: toISOString,
-      toCSTString: toCSTString,
-      mode: mode
+      toISOString,
+      toCSTString,
+      mode
     });
   },
   /** 百分比 */
-  percentage: function percentage(_ref10) {
+  percentage: _ref10 => {
     var type = _ref10.type,
       valueType = _ref10.valueType;
     return transformRatio({
-      type: type,
-      valueType: valueType,
+      type,
+      valueType,
       precision: 2
     });
   },
   /** 千分比 */
-  permillage: function permillage(_ref11) {
+  permillage: _ref11 => {
     var type = _ref11.type,
       valueType = _ref11.valueType;
     return transformRatio({
-      type: type,
-      valueType: valueType,
+      type,
+      valueType,
       precision: 3
     });
   },
   /**  开关 YN转换 */
-  switch: function _switch(_ref12) {
+  switch: _ref12 => {
     var switchValue = _ref12.switchValue;
     return switchTransform(switchValue);
   }

package/es/ProIcon/index.js

@@ -1,9 +1,14 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList", "src", "actionMap", "tooltip", "buttonIcon"];
 import { useLocalStorageState, useSetState, useDeepCompareLayoutEffect } from 'ahooks';
-import { Button, Tooltip, Space } from 'antd';
 import classNames from 'classnames';
 import { uniqBy } from 'lodash';
 import { ReactSVG } from 'react-svg';
@@ -15,7 +20,7 @@ import locale from "../locale";
 import "./symbolIcon.js";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProIcon = function ProIcon(props) {
+var ProIcon = props => {
   var _window, _window2;
   var _useProConfig = useProConfig(),
     state = _useProConfig.state,
@@ -78,8 +83,8 @@ var ProIcon = function ProIcon(props) {
   // 语言
   var language = locale.ProIcon.language;
   var rotateStyle = rotate ? {
-    msTransform: "rotate(".concat(rotate, "deg)"),
-    transform: "rotate(".concat(rotate, "deg)")
+    msTransform: `rotate(${rotate}deg)`,
+    transform: `rotate(${rotate}deg)`
   } : undefined;
   var proIconClassNames = classNames(className, {
     'pro-icon': !disabled,
@@ -96,7 +101,7 @@ var ProIcon = function ProIcon(props) {
   if (type && !props.mode) {
     _mode = 'icon';
   }
-  var targetTextFill = "text-".concat(language); // text-cn text-en
+  var targetTextFill = `text-${language}`; // text-cn text-en
 
   var isIconMode = _mode === 'icon';
   var isExtendButtonMode = !isIconMode || isIconMode && disabled;
@@ -110,9 +115,7 @@ var ProIcon = function ProIcon(props) {
   // 模式为icon下，对传入的text进行指定语言-icon 映射
   if (isIconMode && !type) {
     if (_text) {
-      var target = mergedMapList.find(function (item) {
-        return item['text-cn'] === _text || item['text-en'] === _text;
-      });
+      var target = mergedMapList.find(item => item['text-cn'] === _text || item['text-en'] === _text);
       if (target) {
         _type = target === null || target === void 0 ? void 0 : target.type;
         iconText = target[targetTextFill];
@@ -123,9 +126,7 @@ var ProIcon = function ProIcon(props) {
   // 模式为button下，对传入的type进行icon-指定语言 映射
   if (!isIconMode) {
     if (typeIsExistAndIncludeEnglish) {
-      var _target = mergedMapList.find(function (item) {
-        return item.type === _type;
-      });
+      var _target = mergedMapList.find(item => item.type === _type);
       if (_target) {
         _text = _target[targetTextFill];
       }
@@ -141,22 +142,22 @@ var ProIcon = function ProIcon(props) {
   };
   var icon = !src ? /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
     style: _objectSpread({
-      color: color
+      color
     }, svgProps === null || svgProps === void 0 ? void 0 : svgProps.style),
     onClick: onClick,
     "aria-hidden": "true",
     children: /*#__PURE__*/_jsx("use", {
-      xlinkHref: "#icon-".concat(_type)
+      xlinkHref: `#icon-${_type}`
     })
   })) : /*#__PURE__*/_jsx(ReactSVG, _objectSpread(_objectSpread({}, svgProps), {}, {
     // @ts-ignore
     onClick: onClick,
     "aria-hidden": "true",
     src: src,
-    beforeInjection: function beforeInjection(svg) {
+    beforeInjection: svg => {
       onBeforeInjection({
-        svg: svg,
-        actionMap: actionMap,
+        svg,
+        actionMap,
         primaryColor: isQiankun ? qiankunPrimaryColor : primaryColor
       });
       if (color) {
@@ -167,9 +168,9 @@ var ProIcon = function ProIcon(props) {
   var RenderIcon = /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     className: "anticon"
   }, reset), {}, {
-    children: /*#__PURE__*/_jsx(Tooltip, {
+    children: /*#__PURE__*/_jsx(_Tooltip, {
       title: iconText,
-      children: buttonIcon ? /*#__PURE__*/_jsx(Button, _objectSpread({
+      children: buttonIcon ? /*#__PURE__*/_jsx(_Button, _objectSpread({
         style: {
           width: size,
           height: size,
@@ -180,7 +181,7 @@ var ProIcon = function ProIcon(props) {
         },
         type: "text",
         icon: icon
-      }, buttonProps)) : /*#__PURE__*/_jsx(Space, {
+      }, buttonProps)) : /*#__PURE__*/_jsx(_Space, {
         children: /*#__PURE__*/_jsx("span", {
           style: {
             width: size,
@@ -195,19 +196,17 @@ var ProIcon = function ProIcon(props) {
       })
     })
   }));
-  useEffect(function () {
+  useEffect(() => {
     // 处于主子应用情况下才会执行下方逻辑，主题色的变更以主框架的为准
     if (actionMap && isQiankun) {
       var _themeConfig$data;
-      observer = new MutationObserver(function (mutationsList) {
+      observer = new MutationObserver(mutationsList => {
         var targetEntries = mutationsList[0];
         if (targetEntries) {
           if (targetEntries && targetEntries.target) {
             var _Object$values, _targetEntries$target, _targetEntries$target2;
             var _Object$values$find$v = // @ts-ignore
-              (_Object$values = Object.values((_targetEntries$target = targetEntries === null || targetEntries === void 0 || (_targetEntries$target2 = targetEntries.target) === null || _targetEntries$target2 === void 0 ? void 0 : _targetEntries$target2.attributes) !== null && _targetEntries$target !== void 0 ? _targetEntries$target : {})) === null || _Object$values === void 0 || (_Object$values = _Object$values.find(function (item) {
-                return item.nodeName === 'style';
-              })
+              (_Object$values = Object.values((_targetEntries$target = targetEntries === null || targetEntries === void 0 || (_targetEntries$target2 = targetEntries.target) === null || _targetEntries$target2 === void 0 ? void 0 : _targetEntries$target2.attributes) !== null && _targetEntries$target !== void 0 ? _targetEntries$target : {})) === null || _Object$values === void 0 || (_Object$values = _Object$values.find(item => item.nodeName === 'style')
               // @ts-ignore
               ) === null || _Object$values === void 0 || (_Object$values = _Object$values.value) === null || _Object$values === void 0 ? void 0 : _Object$values.match(/--zaui-brand:(.*?);/),
               _Object$values$find$v2 = _slicedToArray(_Object$values$find$v, 2),
@@ -219,7 +218,7 @@ var ProIcon = function ProIcon(props) {
                   type: 'set',
                   payload: {
                     theme: {
-                      primaryColor: primaryColor,
+                      primaryColor,
                       qiankunPrimaryColor: value === null || value === void 0 ? void 0 : value.trim()
                     },
                     forms: {}
@@ -254,7 +253,7 @@ var ProIcon = function ProIcon(props) {
           type: 'set',
           payload: {
             theme: {
-              primaryColor: primaryColor,
+              primaryColor,
               qiankunPrimaryColor: extendFromMainColor
             },
             forms: {}
@@ -263,21 +262,21 @@ var ProIcon = function ProIcon(props) {
       }
     }
   }, []);
-  useEffect(function () {
-    return function () {
+  useEffect(() => {
+    return () => {
       if (observer) {
         observer.disconnect();
       }
     };
   }, []);
-  useDeepCompareLayoutEffect(function () {
+  useDeepCompareLayoutEffect(() => {
     setState({
       IconInstance: RenderIcon
     });
   }, [_config, primaryColor, qiankunPrimaryColor, language, svgProps]);
-  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/_jsx(Tooltip, {
+  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/_jsx(_Tooltip, {
     title: tooltip,
-    children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread(_objectSpread({
       type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
       className: proIconClassNames,
       disabled: disabled,

package/es/ProIcon/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-icon {
   cursor: pointer;

package/es/ProIcon/utils/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { themeMap, themeFillMap } from "../config";
-export var recurseGetNodes = function recurseGetNodes(type, node, queue) {
+export var recurseGetNodes = (type, node, queue) => {
   switch (type) {
     // 渐变
     case 'gradation':
@@ -23,7 +23,7 @@ export var recurseGetNodes = function recurseGetNodes(type, node, queue) {
     }
   }
 };
-export var onBeforeInjection = function onBeforeInjection(_ref) {
+export var onBeforeInjection = _ref => {
   var svg = _ref.svg,
     actionMap = _ref.actionMap,
     primaryColor = _ref.primaryColor;
@@ -48,11 +48,11 @@ export var onBeforeInjection = function onBeforeInjection(_ref) {
     };
     // 目前只支持处理渐变及fill填充
     var types = Reflect.ownKeys(nodeMap !== null && nodeMap !== void 0 ? nodeMap : {});
-    types.forEach(function (typeKey) {
+    types.forEach(typeKey => {
       recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
     });
     if ((gradList === null || gradList === void 0 ? void 0 : gradList.length) > 0) {
-      nodeMap.gradation.forEach(function (item, index) {
+      nodeMap.gradation.forEach((item, index) => {
         // 下一步准备替换的
         var nextStr = gradList[index];
         // 属性原本的值
@@ -63,7 +63,7 @@ export var onBeforeInjection = function onBeforeInjection(_ref) {
       });
     }
     if ((fillList === null || fillList === void 0 ? void 0 : fillList.length) > 0) {
-      nodeMap.fill.forEach(function (item, index) {
+      nodeMap.fill.forEach((item, index) => {
         // 默认接收的
         var receiveStr = fillList[index];
         // 下一步准备替换的

package/es/ProLayout/components/Layout/Header/index.js

@@ -3,7 +3,7 @@ import logoImg from "../../../images/logoImg.png";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Header = function Header(props) {
+var Header = props => {
   var headerHeight = props.headerHeight,
     pure = props.pure,
     headerTitleRender = props.headerTitleRender,

package/es/ProLayout/components/Layout/Icon/Icon.js

@@ -1,14 +1,14 @@
 import React, { useEffect } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var customCache = new Set();
-var Icon = function Icon(props) {
+var Icon = props => {
   // @ts-ignore
   var type = props.type,
     onClick = props.onClick,
     style = props.style,
     _props$iconfontUrl = props.iconfontUrl,
     iconfontUrl = _props$iconfontUrl === void 0 ? '//at.alicdn.com/t/font_3000529_v88n7r0v7ae.js' : _props$iconfontUrl;
-  var loadSymbol = function loadSymbol(scriptUrl) {
+  var loadSymbol = scriptUrl => {
     if (typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function' && typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl)) {
       var script = document.createElement('script');
       script.setAttribute('src', scriptUrl);
@@ -17,7 +17,7 @@ var Icon = function Icon(props) {
       document.body.appendChild(script);
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     loadSymbol(iconfontUrl);
   }, []);
   return /*#__PURE__*/_jsx("svg", {
@@ -26,7 +26,7 @@ var Icon = function Icon(props) {
     onClick: onClick,
     style: style,
     children: /*#__PURE__*/_jsx("use", {
-      xlinkHref: "#icon-".concat(type)
+      xlinkHref: `#icon-${type}`
     })
   });
 };

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

@@ -1,23 +1,27 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/popover/style";
+import _Popover from "antd/es/popover";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useContext } from 'react';
-import { Popover, Tooltip } from 'antd';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
 import { Icon } from "../../index";
 import SideMenu from "../SideMenu";
 import { LayoutContext } from "../../../../index";
-import { getUrlParams, getPathNameKey } from "../../../../utils";
+import { getUrlParams, getPathNameKey, findMenuItemByKey } from "../../../../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var FoldMenu = function FoldMenu(props) {
+var FoldMenu = props => {
   var style = props.style,
-    dataSource = props.dataSource;
+    dataSource = props.dataSource,
+    onMenuClick = props.onMenuClick;
   var menus = dataSource.menus,
     iconfontUrl = dataSource.iconfontUrl,
     notice = dataSource.notice,
     collapsed = dataSource.collapsed,
     headerHeight = dataSource.headerHeight;
-  var pathNamePrefix = "/".concat(window.location.pathname.split('/')[1]);
+  var pathNamePrefix = `/${window.location.pathname.split('/')[1]}`;
   var noticeCls = classnames({
     'pro-layout-menu-tooltip': true,
     'pro-layout-menu-tooltip-has-notice': notice,
@@ -32,7 +36,7 @@ var FoldMenu = function FoldMenu(props) {
     children: /*#__PURE__*/_jsx("ul", {
       className: "pro-layout-menu-fold-list",
       style: _objectSpread({}, style),
-      children: menus.map(function (item, index) {
+      children: menus.map((item, index) => {
         var _url$split;
         var id = item.id,
           url = item.url,
@@ -52,7 +56,7 @@ var FoldMenu = function FoldMenu(props) {
 
         // 取第一级
         var currentKeyIdPath = getPathNameKey({
-          menus: menus,
+          menus,
           pathName: selectedMenu || selectedPath || window.location.pathname // 优先匹配URL中定位菜单
         }) || [];
         var cls = classnames({
@@ -65,7 +69,7 @@ var FoldMenu = function FoldMenu(props) {
         // 一级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],
-          className: "".concat(cls, " pro-layout-menu-fold-li"),
+          className: `${cls} pro-layout-menu-fold-li`,
           children: /*#__PURE__*/_jsxs("div", {
             children: [imgUrl ? /*#__PURE__*/_jsx("img", {
               className: "pro-layout-icon",
@@ -78,13 +82,14 @@ var FoldMenu = function FoldMenu(props) {
               children: name
             })]
           })
-        }, "".concat(id, "-").concat(name));
-        return hasChildrenMenu ? /*#__PURE__*/_jsx(Popover, {
+        }, `${id}-${name}`);
+        return hasChildrenMenu ? /*#__PURE__*/_jsx(_Popover, {
           mouseEnterDelay: 0,
           content: /*#__PURE__*/_jsx(SideMenu, {
             dataSource: _objectSpread(_objectSpread({}, dataSource), {}, {
               menus: item
-            })
+            }),
+            onMenuClick: onMenuClick
           }),
           color: "#fff",
           classNames: {
@@ -93,16 +98,44 @@ var FoldMenu = function FoldMenu(props) {
           styles: {
             body: {
               marginTop: headerHeight - 48,
-              height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0), "px)")
+              height: `calc(100vh - ${headerHeight + (notice ? 32 : 0)}px)`
             }
           },
           placement: "rightTop",
-          children: LiNode
-        }, "".concat(id, "-").concat(name)) : !collapsed ? /*#__PURE__*/_jsx(Tooltip, {
+          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)];
+
+              // 调用用户传入的onMenuClick回调
+              if (onMenuClick) {
+                onMenuClick({
+                  item: menuItem,
+                  key: String(id),
+                  keyPath: menuKeyPath
+                });
+              }
+            },
+            children: LiNode
+          })
+        }, `${id}-${name}`) : !collapsed ? /*#__PURE__*/_jsx(_Tooltip, {
           placement: "right",
           title: name,
           children: /*#__PURE__*/_jsx("span", {
-            onClick: function onClick() {
+            onClick: () => {
+              // 查找完整的菜单项数据
+              var menuItem = findMenuItemByKey(menus, String(id));
+              var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+
+              // 调用用户传入的onMenuClick回调
+              if (onMenuClick) {
+                onMenuClick({
+                  item: menuItem,
+                  key: String(id),
+                  keyPath: menuKeyPath
+                });
+              }
               onSelected({
                 selectedPath: toPath
               });
@@ -112,10 +145,26 @@ var FoldMenu = function FoldMenu(props) {
               children: LiNode
             }, toPath)
           })
-        }, toPath) : /*#__PURE__*/_jsx(Link, {
-          to: toPath,
-          children: LiNode
-        }, toPath);
+        }, toPath) : /*#__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)];
+
+            // 调用用户传入的onMenuClick回调
+            if (onMenuClick) {
+              onMenuClick({
+                item: menuItem,
+                key: String(id),
+                keyPath: menuKeyPath
+              });
+            }
+          },
+          children: /*#__PURE__*/_jsx(Link, {
+            to: toPath,
+            children: LiNode
+          }, toPath)
+        });
       })
     })
   });

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

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-layout-menu-fold-list {
   padding-top: 4px;