@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.10

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

@@ -1,20 +1,21 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
 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);
@@ -23,16 +24,16 @@ var Icon = function Icon(props) {
       document.body.appendChild(script);
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     loadSymbol(iconfontUrl);
   }, []);
-  return (0, _jsxRuntime.jsx)("svg", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     className: "pro-layout-icon",
     "aria-hidden": "true",
     onClick: onClick,
     style: style,
-    children: (0, _jsxRuntime.jsx)("use", {
-      xlinkHref: "#icon-".concat(type)
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
+      xlinkHref: `#icon-${type}`
     })
   });
 };

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

@@ -10,7 +10,6 @@ var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 require("antd/es/popover/style");
 var _popover = _interopRequireDefault(require("antd/es/popover"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactRouterDom = require("react-router-dom");
@@ -18,7 +17,8 @@ var _index = require("../../index");
 var _SideMenu = _interopRequireDefault(require("../SideMenu"));
 var _index2 = require("../../../../index");
 var _utils = require("../../../../utils");
-var FoldMenu = function FoldMenu(props) {
+var _jsxRuntime = require("react/jsx-runtime");
+var FoldMenu = props => {
   var style = props.style,
     dataSource = props.dataSource,
     onMenuClick = props.onMenuClick;
@@ -27,7 +27,7 @@ var FoldMenu = function FoldMenu(props) {
     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 = (0, _classnames.default)({
     'pro-layout-menu-tooltip': true,
     'pro-layout-menu-tooltip-has-notice': notice,
@@ -36,13 +36,13 @@ var FoldMenu = function FoldMenu(props) {
   var _useContext = (0, _react.useContext)(_index2.LayoutContext),
     selectedPath = _useContext.selectedPath,
     onSelected = _useContext.onSelected;
-  return (0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "pro-layout-menu-fold",
     style: (0, _objectSpread2.default)({}, style),
-    children: (0, _jsxRuntime.jsx)("ul", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: "pro-layout-menu-fold-list",
       style: (0, _objectSpread2.default)({}, style),
-      children: menus.map(function (item, index) {
+      children: menus.map((item, index) => {
         var _url$split;
         var id = item.id,
           url = item.url,
@@ -53,41 +53,45 @@ var FoldMenu = function FoldMenu(props) {
           hideInMenu = item.hideInMenu,
           children = item.children;
         var toPath = item.redirectUrl || item.url;
+
         // 隐藏菜单
         if (hideInMenu) {
           return null;
         }
         var selectedMenu = (0, _utils.getUrlParams)('activeMenu');
+
         // 取第一级
         var currentKeyIdPath = (0, _utils.getPathNameKey)({
-          menus: menus,
+          menus,
           pathName: selectedMenu || selectedPath || window.location.pathname // 优先匹配URL中定位菜单
         }) || [];
         var cls = (0, _classnames.default)({
           active: currentKeyIdPath.includes(id)
         });
+
         // 是否包含子级菜单
         var hasChildrenMenu = Array.isArray(children) && children.length;
+
         // 一级li Dom节点
-        var LiNode = (0, _jsxRuntime.jsx)("li", {
-          id: url === null || url === void 0 ? void 0 : (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
-          className: "".concat(cls, " pro-layout-menu-fold-li"),
-          children: (0, _jsxRuntime.jsxs)("div", {
-            children: [imgUrl ? (0, _jsxRuntime.jsx)("img", {
+        var LiNode = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          id: url === null || url === void 0 || (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
+          className: `${cls} pro-layout-menu-fold-li`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [imgUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               className: "pro-layout-icon",
               src: pathNamePrefix === url ? imgActiveUrl || imgUrl : imgUrl,
               alt: "icon"
-            }) : (0, _jsxRuntime.jsx)(_index.Icon, {
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Icon, {
               type: icon || '',
               iconfontUrl: iconfontUrl || ''
-            }), (0, _jsxRuntime.jsx)("h2", {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
               children: name
             })]
           })
-        }, "".concat(id, "-").concat(name));
-        return hasChildrenMenu ? (0, _jsxRuntime.jsx)(_popover.default, {
+        }, `${id}-${name}`);
+        return hasChildrenMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
           mouseEnterDelay: 0,
-          content: (0, _jsxRuntime.jsx)(_SideMenu.default, {
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideMenu.default, {
             dataSource: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataSource), {}, {
               menus: item
             }),
@@ -97,16 +101,15 @@ var FoldMenu = function FoldMenu(props) {
           overlayClassName: noticeCls,
           overlayInnerStyle: {
             marginTop: headerHeight - 48,
-            height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0), "px)")
+            height: `calc(100vh - ${headerHeight + (notice ? 32 : 0)}px)`
           },
           placement: "rightTop",
-          children: (0, _jsxRuntime.jsx)("span", {
-            onClick: function onClick() {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            onClick: () => {
               // 查找完整的菜单项数据
               var menuItem = (0, _utils.findMenuItemByKey)(menus, String(id));
-              var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-                return String(id);
-              }) : [String(id)];
+              var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+
               // 调用用户传入的onMenuClick回调
               if (onMenuClick) {
                 onMenuClick({
@@ -118,16 +121,15 @@ var FoldMenu = function FoldMenu(props) {
             },
             children: LiNode
           })
-        }, "".concat(id, "-").concat(name)) : !collapsed ? (0, _jsxRuntime.jsx)(_tooltip.default, {
+        }, `${id}-${name}`) : !collapsed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
           placement: "right",
           title: name,
-          children: (0, _jsxRuntime.jsx)("span", {
-            onClick: function onClick() {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            onClick: () => {
               // 查找完整的菜单项数据
               var menuItem = (0, _utils.findMenuItemByKey)(menus, String(id));
-              var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-                return String(id);
-              }) : [String(id)];
+              var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+
               // 调用用户传入的onMenuClick回调
               if (onMenuClick) {
                 onMenuClick({
@@ -140,18 +142,17 @@ var FoldMenu = function FoldMenu(props) {
                 selectedPath: toPath
               });
             },
-            children: (0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
               to: toPath,
               children: LiNode
             }, toPath)
           })
-        }, toPath) : (0, _jsxRuntime.jsx)("span", {
-          onClick: function onClick() {
+        }, toPath) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          onClick: () => {
             // 查找完整的菜单项数据
             var menuItem = (0, _utils.findMenuItemByKey)(menus, String(id));
-            var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-              return String(id);
-            }) : [String(id)];
+            var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+
             // 调用用户传入的onMenuClick回调
             if (onMenuClick) {
               onMenuClick({
@@ -161,7 +162,7 @@ var FoldMenu = function FoldMenu(props) {
               });
             }
           },
-          children: (0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
             to: toPath,
             children: LiNode
           }, toPath)

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

@@ -7,19 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("antd/es/menu/style");
 var _menu = _interopRequireDefault(require("antd/es/menu"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _ahooks = require("ahooks");
 var _icons = require("@ant-design/icons");
-var _classnames2 = _interopRequireDefault(require("classnames"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _reactRouterDom = require("react-router-dom");
+var _lodash = require("lodash");
 var _index = require("../../../../index");
 var _utils = require("../../../../utils");
 var _index2 = require("../../index");
-var OpenMenu = function OpenMenu(props) {
+var _jsxRuntime = require("react/jsx-runtime");
+var OpenMenu = props => {
   var _getIdsByPathName;
   var className = props.className,
     dataSource = props.dataSource,
@@ -47,60 +46,58 @@ var OpenMenu = function OpenMenu(props) {
   var _useContext = (0, _react.useContext)(_index.LayoutContext),
     onSelected = _useContext.onSelected,
     target = _useContext.target;
-  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
-    'pro-layout-open-menu': true
-  }, "".concat(className), className));
+  var cls = (0, _classnames.default)({
+    'pro-layout-open-menu': true,
+    [`${className}`]: className
+  });
+
   // 默认激活菜单优先取activeMenu中，默认取pathName进行匹配
-  var selectKeyIdPath = ((_getIdsByPathName = (0, _utils.getIdsByPathName)(menus, query.get('activeMenu'))) === null || _getIdsByPathName === void 0 ? void 0 : _getIdsByPathName.map(function (item) {
-    return String(item);
-  })) || [];
-  var itemsTransform = (0, _react.useMemo)(function () {
-    var result = (0, _cloneDeep2.default)(menus);
+  var selectKeyIdPath = ((_getIdsByPathName = (0, _utils.getIdsByPathName)(menus, query.get('activeMenu'))) === null || _getIdsByPathName === void 0 ? void 0 : _getIdsByPathName.map(item => String(item))) || [];
+  var itemsTransform = (0, _react.useMemo)(() => {
+    var result = (0, _lodash.cloneDeep)(menus);
     if (!Array.isArray(result) || !result.length) {
       return [];
     }
-    var _menuDeep = function menuDeep(data) {
-      data.forEach(function (item) {
+    var 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;
         // 第一级菜单显示icon
-        item.label = (0, _jsxRuntime.jsxs)("div", {
-          className: (0, _classnames2.default)({
+        item.label = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames.default)({
             'pro-layout-open-menu-lv1': isFirstMenu
           }),
-          children: [(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-            children: item.imgUrl && isFirstMenu ? (0, _jsxRuntime.jsx)("img", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: item.imgUrl && isFirstMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               className: "pro-layout-icon",
               src: selectKeyIdPath[0] === String(item.id) ? item.imgActiveUrl || item.imgUrl : item.imgUrl,
               alt: "icon"
-            }) : item.icon && isFirstMenu ? (0, _jsxRuntime.jsx)(_index2.Icon, {
+            }) : item.icon && isFirstMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
               type: item.icon || '',
               iconfontUrl: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.iconfontUrl) || ''
-            }) : (0, _jsxRuntime.jsx)("span", {
-              className: (0, _classnames2.default)({
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: (0, _classnames.default)({
                 'pro-layout-icon': true,
                 'pro-layout-icon-empty': isFirstMenu
               })
             })
-          }), (0, _jsxRuntime.jsx)("h2", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
             children: item.name
           })]
         });
         item.key = String(item.id);
         item.router = item.redirectUrl || item.router || item.url;
-        Object.keys(item).filter(function (keyItem) {
-          return !['label', 'key', 'children', 'onTitleClick', 'router'].includes(keyItem);
-        }).forEach(function (_keyItem) {
+        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 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
+        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 ((_item === null || _item === void 0 ? void 0 : _item.hideInMenu) || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
+          if (_item !== null && _item !== void 0 && _item.hideInMenu || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
             delete item.children;
           } else {
-            _menuDeep(item.children);
+            menuDeep(item.children);
           }
         } else {
           delete item.children;
@@ -108,10 +105,10 @@ var OpenMenu = function OpenMenu(props) {
       });
       return data;
     };
-    _menuDeep(result);
+    menuDeep(result);
     return result;
   }, [dataSource]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (Array.isArray(selectKeyIdPath) && selectKeyIdPath.length) {
       setState({
         selectedKeys: selectKeyIdPath,
@@ -119,35 +116,35 @@ var OpenMenu = function OpenMenu(props) {
       });
     }
   }, [menus, selectKeyIdPath]);
+
   // 折叠模式默认展开全部菜单
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (sideMenu) {
-      var keys = menus.map(function (item) {
-        return String(item.id);
-      });
+      var keys = menus.map(item => String(item.id));
       setState({
         openKeys: keys
       });
     }
   }, [sideMenu]);
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: cls,
     style: style,
-    children: [(0, _jsxRuntime.jsx)(_menu.default, {
-      mode: "inline",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_menu.default, {
+      mode: "inline"
       // @ts-ignore
+      ,
       theme: theme,
       selectedKeys: selectedKeys,
       openKeys: openKeys,
       items: itemsTransform,
       inlineIndent: 14,
-      expandIcon: (0, _jsxRuntime.jsx)(_icons.CaretDownOutlined, {}),
-      onOpenChange: function onOpenChange(openKeys) {
+      expandIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretDownOutlined, {}),
+      onOpenChange: openKeys => {
         setState({
-          openKeys: openKeys
+          openKeys
         });
       },
-      onClick: function onClick(_ref2) {
+      onClick: _ref2 => {
         var _item$props, _item$props2;
         var item = _ref2.item,
           keyPath = _ref2.keyPath,
@@ -157,31 +154,31 @@ var OpenMenu = function OpenMenu(props) {
         // console.log('keyPath', keyPath);
         // console.log('key', key);
         // console.log('domEvent', domEvent);
+
         // 查找完整的菜单项数据
         var menuItem = (0, _utils.findMenuItemByKey)(menus, key);
-        var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-          return String(id);
-        }) : keyPath;
+        var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : keyPath;
+
         // 调用用户传入的onMenuClick回调
         if (onMenuClick) {
           onMenuClick({
             item: menuItem,
-            key: key,
+            key,
             keyPath: menuKeyPath
           });
         }
         setState({
           selectedKeys: keyPath,
-          router: item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router
+          router: item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router
         });
         onSelected({
-          selectedPath: item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
+          selectedPath: item === null || item === void 0 || (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
         });
         if (target) {
           var _item$props3;
-          window.open(item === null || item === void 0 ? void 0 : (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.router, target);
+          window.open(item === null || item === void 0 || (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.router, target);
         } else {
-          setTimeout(function () {
+          setTimeout(() => {
             // 路由变更，且不再demo文档中
             if (!window.location.href.includes('~demos/prolayout')) {
               linkRef.current.click();
@@ -190,10 +187,10 @@ var OpenMenu = function OpenMenu(props) {
         }
       },
       style: {
-        height: dataSource.sideMenu ? 'auto' : "calc(100vh - ".concat((dataSource === null || dataSource === void 0 ? void 0 : dataSource.height) || 0, "px)"),
+        height: dataSource.sideMenu ? 'auto' : `calc(100vh - ${(dataSource === null || dataSource === void 0 ? void 0 : dataSource.height) || 0}px)`,
         color: 'red'
       }
-    }), (0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
       to: router,
       ref: linkRef
     })]

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ahooks = require("ahooks");
 var _OpenMenu = _interopRequireDefault(require("../OpenMenu"));
-var SideMenu = function SideMenu(props) {
+var _jsxRuntime = require("react/jsx-runtime");
+var SideMenu = props => {
   var dataSource = props.dataSource,
     onMenuClick = props.onMenuClick;
   var ref = (0, _react.useRef)(null);
@@ -23,23 +23,23 @@ var SideMenu = function SideMenu(props) {
   var cls = (0, _classnames.default)({
     'pro-layout-sider-menu': true
   });
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: cls,
-    children: [(0, _jsxRuntime.jsx)("h2", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
       ref: ref,
       children: (menus === null || menus === void 0 ? void 0 : menus.name) || ''
-    }), (0, _jsxRuntime.jsx)("div", {
-      children: (0, _jsxRuntime.jsx)(_OpenMenu.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OpenMenu.default, {
         className: "pro-layout-sider-menu-list",
         theme: "light",
         onMenuClick: onMenuClick,
         dataSource: {
           menus: (menus === null || menus === void 0 ? void 0 : menus.children) || [],
-          iconfontUrl: iconfontUrl,
+          iconfontUrl,
           sideMenu: true
         },
         style: {
-          height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0) + ((size === null || size === void 0 ? void 0 : size.height) || 0), "px)")
+          height: `calc(100vh - ${headerHeight + (notice ? 32 : 0) + ((size === null || size === void 0 ? void 0 : size.height) || 0)}px)`
         }
       })
     })]

package/lib/ProLayout/components/Layout/Menu/index.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _OpenMenu = _interopRequireDefault(require("./OpenMenu"));
 var _FoldMenu = _interopRequireDefault(require("./FoldMenu"));
+var _jsxRuntime = require("react/jsx-runtime");
 // 折叠后菜单
-var Menu = function Menu(props) {
+
+var Menu = props => {
   var _ref = props || {},
     headerHeight = _ref.headerHeight,
     dataSource = _ref.dataSource,
@@ -34,17 +35,17 @@ var Menu = function Menu(props) {
     menus = dataSource === null || dataSource === void 0 ? void 0 : dataSource.menus;
   }
   if (pure.leftMenu || pure === true) {
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   }
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: menuCls,
     style: {
       top: notice ? 80 + headerHeight - 48 : headerHeight
     },
-    children: [sideMenuHeaderRender, (0, _jsxRuntime.jsx)(_OpenMenu.default, {
+    children: [sideMenuHeaderRender, /*#__PURE__*/(0, _jsxRuntime.jsx)(_OpenMenu.default, {
       dataSource: {
-        menus: menus,
-        iconfontUrl: iconfontUrl,
+        menus,
+        iconfontUrl,
         height: headerHeight + (notice ? 32 : 0) + 48
       },
       theme: theme,
@@ -52,24 +53,24 @@ var Menu = function Menu(props) {
       style: {
         display: collapsed ? 'block' : 'none'
       }
-    }), (0, _jsxRuntime.jsx)(_FoldMenu.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FoldMenu.default, {
       dataSource: {
-        menus: menus,
-        iconfontUrl: iconfontUrl,
+        menus,
+        iconfontUrl,
         height: headerHeight + (notice ? 32 : 0) + 48,
-        notice: notice,
-        collapsed: collapsed,
-        headerHeight: headerHeight
+        notice,
+        collapsed,
+        headerHeight
       },
       onMenuClick: onMenuClick,
       style: {
         display: collapsed ? 'none' : 'block',
-        height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0) + 48 || 0, "px)")
+        height: `calc(100vh - ${headerHeight + (notice ? 32 : 0) + 48 || 0}px)`
       }
-    }), sideMenuFooterRender || (0, _jsxRuntime.jsx)("div", {
+    }), sideMenuFooterRender || /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "pro-layout-menu-collapsed",
       onClick: onToggle,
-      children: (0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-layout-arrow "
       })
     })]

package/lib/ProLayout/components/Layout/Notice/index.js

@@ -5,31 +5,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
 var _tipMsg = _interopRequireDefault(require("../../../images/tipMsg.png"));
 var _close = _interopRequireDefault(require("../../../images/close.png"));
 var _locale = _interopRequireDefault(require("../../../../locale"));
-var Notice = function Notice(props) {
+var _jsxRuntime = require("react/jsx-runtime");
+var Notice = props => {
   var headerHeight = props.headerHeight,
     notice = props.notice,
     onCancel = props.onCancel;
   if (!notice) {
     return null;
   }
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "pro-layout-header-notice",
     style: {
       top: headerHeight
     },
-    children: [(0, _jsxRuntime.jsx)("img", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _tipMsg.default,
-      alt: "".concat(_locale.default.ProLayout.tipAlt)
-    }), " ", notice, (0, _jsxRuntime.jsx)("span", {
+      alt: `${_locale.default.ProLayout.tipAlt}`
+    }), " ", notice, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "pro-layout-header-notice-close",
       onClick: onCancel,
-      children: (0, _jsxRuntime.jsx)("img", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: _close.default,
-        alt: "".concat(_locale.default.ProLayout.closeAlt)
+        alt: `${_locale.default.ProLayout.closeAlt}`
       })
     })]
   });