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

package/lib/ProIcon/utils/index.js

@@ -1,23 +1,38 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProIcon/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  onBeforeInjection: () => onBeforeInjection,
+  recurseGetNodes: () => recurseGetNodes
 });
-exports.recurseGetNodes = exports.onBeforeInjection = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _config = require("../config");
-var _recurseGetNodes = exports.recurseGetNodes = function recurseGetNodes(type, node, queue) {
+module.exports = __toCommonJS(utils_exports);
+var import_config = require("../config");
+var recurseGetNodes = (type, node, queue) => {
   switch (type) {
-    // 渐变
-    case 'gradation':
-      if (node.nodeName === 'stop' && node.getAttribute('stop-color')) {
+    case "gradation":
+      if (node.nodeName === "stop" && node.getAttribute("stop-color")) {
         queue.push(node);
       }
       break;
-    // 填充
-    case 'fill':
-      if (node.getAttribute && node.getAttribute('fill')) {
+    case "fill":
+      if (node.getAttribute && node.getAttribute("fill")) {
         queue.push(node);
       }
       break;
@@ -25,66 +40,60 @@ var _recurseGetNodes = exports.recurseGetNodes = function recurseGetNodes(type,
       break;
   }
   if (node.childNodes) {
-    for (var i = 0; i < node.childNodes.length; i++) {
-      _recurseGetNodes(type, node.childNodes[i], queue);
+    for (let i = 0; i < node.childNodes.length; i++) {
+      recurseGetNodes(type, node.childNodes[i], queue);
     }
   }
 };
-var onBeforeInjection = exports.onBeforeInjection = function onBeforeInjection(_ref) {
-  var svg = _ref.svg,
-    actionMap = _ref.actionMap,
-    primaryColor = _ref.primaryColor;
+var onBeforeInjection = ({ svg, actionMap, primaryColor }) => {
   if (actionMap && svg) {
-    var _actionMap$themeMap, _actionMap$themeFillM, _actionMap$gradation, _actionMap$fill;
-    // 项目内置的四种主题匹配渐变色
-    var mergeThemeMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _config.themeMap), (_actionMap$themeMap = actionMap.themeMap) !== null && _actionMap$themeMap !== void 0 ? _actionMap$themeMap : {});
-    // 项目内置的四种双色匹配fill
-    var mergeFillThemeMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _config.themeFillMap), (_actionMap$themeFillM = actionMap.themeFillMap) !== null && _actionMap$themeFillM !== void 0 ? _actionMap$themeFillM : {});
-    var _gradList = mergeThemeMap[primaryColor];
-    var _fillList = mergeFillThemeMap[primaryColor];
-    // 渐变操作序列
-    var gradList = (_actionMap$gradation = actionMap === null || actionMap === void 0 ? void 0 : actionMap.gradation) !== null && _actionMap$gradation !== void 0 ? _actionMap$gradation : _gradList;
-    // 填充操作序列
-    var fillList = (_actionMap$fill = actionMap === null || actionMap === void 0 ? void 0 : actionMap.fill) !== null && _actionMap$fill !== void 0 ? _actionMap$fill : _fillList;
-    // 节点收集
-    var nodeMap = {
+    const mergeThemeMap = {
+      ...import_config.themeMap,
+      ...actionMap.themeMap ?? {}
+    };
+    const mergeFillThemeMap = {
+      ...import_config.themeFillMap,
+      ...actionMap.themeFillMap ?? {}
+    };
+    const _gradList = mergeThemeMap[primaryColor];
+    const _fillList = mergeFillThemeMap[primaryColor];
+    const gradList = (actionMap == null ? void 0 : actionMap.gradation) ?? _gradList;
+    const fillList = (actionMap == null ? void 0 : actionMap.fill) ?? _fillList;
+    const nodeMap = {
       // 渐变色节点收集
       gradation: [],
       // 具有fill属性的节点收集
       fill: []
     };
-    // 目前只支持处理渐变及fill填充
-    var types = Reflect.ownKeys(nodeMap !== null && nodeMap !== void 0 ? nodeMap : {});
-    types.forEach(function (typeKey) {
-      _recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
+    const types = Reflect.ownKeys(nodeMap ?? {});
+    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) {
-        // 下一步准备替换的
-        var nextStr = gradList[index];
-        // 属性原本的值
-        var originStr = item.getAttribute('stop-color');
+    if ((gradList == null ? void 0 : gradList.length) > 0) {
+      nodeMap.gradation.forEach((item, index) => {
+        const nextStr = gradList[index];
+        const originStr = item.getAttribute("stop-color");
         if (nextStr && originStr !== nextStr) {
-          item.setAttribute('stop-color', nextStr);
+          item.setAttribute("stop-color", nextStr);
         }
       });
     }
-    if ((fillList === null || fillList === void 0 ? void 0 : fillList.length) > 0) {
-      nodeMap.fill.forEach(function (item, index) {
-        // 默认接收的
-        var receiveStr = fillList[index];
-        // 下一步准备替换的
-        var nextFillStr = receiveStr === 'theme' ? primaryColor : receiveStr;
-        // 属性原本的值
-        var originFill = item.getAttribute('fill');
-        // 如果包含url(则是内链，不作替换处理
-        if (!(originFill && originFill.includes('url(')) && nextFillStr) {
-          // 不同才替换
+    if ((fillList == null ? void 0 : fillList.length) > 0) {
+      nodeMap.fill.forEach((item, index) => {
+        const receiveStr = fillList[index];
+        const nextFillStr = receiveStr === "theme" ? primaryColor : receiveStr;
+        const originFill = item.getAttribute("fill");
+        if (!(originFill && originFill.includes("url(")) && nextFillStr) {
           if (originFill !== nextFillStr) {
-            item.setAttribute('fill', nextFillStr);
+            item.setAttribute("fill", nextFillStr);
           }
         }
       });
     }
   }
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  onBeforeInjection,
+  recurseGetNodes
+});

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

@@ -1,47 +1,64 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProLayout/components/Layout/Header/index.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _logoImg = _interopRequireDefault(require("../../../images/logoImg.png"));
-var Header = function Header(props) {
-  var headerHeight = props.headerHeight,
-    pure = props.pure,
-    headerTitleRender = props.headerTitleRender,
-    headerContentRender = props.headerContentRender,
-    rightContentRender = props.rightContentRender,
-    title = props.title,
-    logo = props.logo;
-  if (pure === true || (pure === null || pure === void 0 ? void 0 : pure.topMenu)) {
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+module.exports = __toCommonJS(Header_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_logoImg = __toESM(require("../../../images/logoImg.png"));
+var Header = (props) => {
+  const {
+    headerHeight,
+    pure,
+    headerTitleRender,
+    headerContentRender,
+    rightContentRender,
+    title,
+    logo
+  } = props;
+  if (pure === true || (pure == null ? void 0 : pure.topMenu)) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null);
   }
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)({
-      'pro-layout-header': true,
-      'pro-layout-header-pure': typeof pure !== 'boolean' ? pure === null || pure === void 0 ? void 0 : pure.topMenu : pure
-    }),
-    style: {
-      height: headerHeight
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)({
+        "pro-layout-header": true,
+        "pro-layout-header-pure": typeof pure !== "boolean" ? pure == null ? void 0 : pure.topMenu : pure
+      }),
+      style: { height: headerHeight }
     },
-    children: [headerTitleRender || (0, _jsxRuntime.jsxs)("div", {
-      className: "pro-layout-header-logo",
-      children: [(0, _jsxRuntime.jsx)("span", {
-        children: logo || (0, _jsxRuntime.jsx)("img", {
-          className: "default-logo",
-          src: _logoImg.default,
-          alt: "logo"
-        })
-      }), title ? (0, _jsxRuntime.jsx)("h4", {
-        children: title
-      }) : null]
-    }), headerContentRender || null, rightContentRender ? (0, _jsxRuntime.jsx)("div", {
-      className: "pro-layout-header-actions",
-      children: rightContentRender
-    }) : null]
-  });
+    headerTitleRender || /* @__PURE__ */ React.createElement("div", { className: "pro-layout-header-logo" }, /* @__PURE__ */ React.createElement("span", null, logo || /* @__PURE__ */ React.createElement("img", { className: "default-logo", src: import_logoImg.default, alt: "logo" })), title ? /* @__PURE__ */ React.createElement("h4", null, title) : null),
+    headerContentRender || null,
+    rightContentRender ? /* @__PURE__ */ React.createElement("div", { className: "pro-layout-header-actions" }, rightContentRender) : null
+  );
 };
-var _default = exports.default = Header;
+var Header_default = Header;

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

@@ -1,39 +1,58 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProLayout/components/Layout/Icon/Icon.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var customCache = new Set();
-var Icon = function 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) {
-    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);
-      script.setAttribute('data-namespace', scriptUrl);
+module.exports = __toCommonJS(Icon_exports);
+var import_react = __toESM(require("react"));
+var customCache = /* @__PURE__ */ new Set();
+var Icon = (props) => {
+  const {
+    type,
+    onClick,
+    style,
+    iconfontUrl = "//at.alicdn.com/t/font_3000529_v88n7r0v7ae.js"
+  } = props;
+  const loadSymbol = (scriptUrl) => {
+    if (typeof document !== "undefined" && typeof window !== "undefined" && typeof document.createElement === "function" && typeof scriptUrl === "string" && scriptUrl.length && !customCache.has(scriptUrl)) {
+      const script = document.createElement("script");
+      script.setAttribute("src", scriptUrl);
+      script.setAttribute("data-namespace", scriptUrl);
       customCache.add(scriptUrl);
       document.body.appendChild(script);
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     loadSymbol(iconfontUrl);
   }, []);
-  return (0, _jsxRuntime.jsx)("svg", {
-    className: "pro-layout-icon",
-    "aria-hidden": "true",
-    onClick: onClick,
-    style: style,
-    children: (0, _jsxRuntime.jsx)("use", {
-      xlinkHref: "#icon-".concat(type)
-    })
-  });
+  return /* @__PURE__ */ import_react.default.createElement("svg", { className: "pro-layout-icon", "aria-hidden": "true", onClick, style }, /* @__PURE__ */ import_react.default.createElement("use", { xlinkHref: `#icon-${type}` }));
 };
-var _default = exports.default = Icon;
+var Icon_default = Icon;

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

@@ -1,9 +1,36 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProLayout/components/Layout/Icon/index.ts
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
 });
-exports.default = void 0;
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _default = exports.default = _Icon.default;
+module.exports = __toCommonJS(Icon_exports);
+var import_Icon = __toESM(require("./Icon"));
+var Icon_default = import_Icon.default;

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

@@ -1,125 +1,118 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProLayout/components/Layout/Menu/FoldMenu/index.tsx
+var FoldMenu_exports = {};
+__export(FoldMenu_exports, {
+  default: () => FoldMenu_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactRouterDom = require("react-router-dom");
-var _index = require("../../index");
-var _SideMenu = _interopRequireDefault(require("../SideMenu"));
-var _index2 = require("../../../../index");
-var _utils = require("../../../../utils");
-var FoldMenu = function FoldMenu(props) {
-  var style = props.style,
-    dataSource = props.dataSource;
-  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 noticeCls = (0, _classnames.default)({
-    'pro-layout-menu-tooltip': true,
-    'pro-layout-menu-tooltip-has-notice': notice,
-    'pro-layout-menu-tooltip-nav-open': collapsed
+module.exports = __toCommonJS(FoldMenu_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react_router_dom = require("react-router-dom");
+var import__ = require("../../index");
+var import_SideMenu = __toESM(require("../SideMenu"));
+var import__2 = require("../../../../index");
+var import_utils = require("../../../../utils");
+var FoldMenu = (props) => {
+  const { style, dataSource } = props;
+  const { menus, iconfontUrl, notice, collapsed, headerHeight } = dataSource;
+  const pathNamePrefix = `/${window.location.pathname.split("/")[1]}`;
+  const noticeCls = (0, import_classnames.default)({
+    "pro-layout-menu-tooltip": true,
+    "pro-layout-menu-tooltip-has-notice": notice,
+    "pro-layout-menu-tooltip-nav-open": collapsed
   });
-  var _useContext = (0, _react.useContext)(_index2.LayoutContext),
-    selectedPath = _useContext.selectedPath,
-    onSelected = _useContext.onSelected;
-  return (0, _jsxRuntime.jsx)("div", {
-    className: "pro-layout-menu-fold",
-    style: (0, _objectSpread2.default)({}, style),
-    children: (0, _jsxRuntime.jsx)("ul", {
-      className: "pro-layout-menu-fold-list",
-      style: (0, _objectSpread2.default)({}, style),
-      children: menus.map(function (item, index) {
-        var _url$split;
-        var id = item.id,
-          url = item.url,
-          name = item.name,
-          icon = item.icon,
-          imgUrl = item.imgUrl,
-          imgActiveUrl = item.imgActiveUrl,
-          hideInMenu = item.hideInMenu,
-          children = item.children;
-        var toPath = item.redirectUrl || item.url;
-        // 隐藏菜单
-        if (hideInMenu) {
-          return null;
+  const { selectedPath, onSelected } = (0, import_react.useContext)(import__2.LayoutContext);
+  return /* @__PURE__ */ React.createElement("div", { className: "pro-layout-menu-fold", style: { ...style } }, /* @__PURE__ */ React.createElement("ul", { className: "pro-layout-menu-fold-list", style: { ...style } }, menus.map((item, index) => {
+    var _a;
+    const { id, url, name, icon, imgUrl, imgActiveUrl, hideInMenu, children } = item;
+    const toPath = item.redirectUrl || item.url;
+    if (hideInMenu) {
+      return null;
+    }
+    const selectedMenu = (0, import_utils.getUrlParams)("activeMenu");
+    const currentKeyIdPath = (0, import_utils.getPathNameKey)({
+      menus,
+      pathName: selectedMenu || selectedPath || window.location.pathname
+      // 优先匹配URL中定位菜单
+    }) || [];
+    const cls = (0, import_classnames.default)({
+      active: currentKeyIdPath.includes(id)
+    });
+    const hasChildrenMenu = Array.isArray(children) && children.length;
+    const LiNode = /* @__PURE__ */ React.createElement(
+      "li",
+      {
+        key: `${id}-${name}`,
+        id: (_a = url == null ? void 0 : url.split("/")) == null ? void 0 : _a[1],
+        className: `${cls} pro-layout-menu-fold-li`
+      },
+      /* @__PURE__ */ React.createElement("div", null, imgUrl ? /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          className: "pro-layout-icon",
+          src: pathNamePrefix === url ? imgActiveUrl || imgUrl : imgUrl,
+          alt: "icon"
         }
-        var selectedMenu = (0, _utils.getUrlParams)('activeMenu');
-        // 取第一级
-        var currentKeyIdPath = (0, _utils.getPathNameKey)({
-          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", {
-              className: "pro-layout-icon",
-              src: pathNamePrefix === url ? imgActiveUrl || imgUrl : imgUrl,
-              alt: "icon"
-            }) : (0, _jsxRuntime.jsx)(_index.Icon, {
-              type: icon || '',
-              iconfontUrl: iconfontUrl || ''
-            }), (0, _jsxRuntime.jsx)("h2", {
-              children: name
-            })]
-          })
-        }, "".concat(id, "-").concat(name));
-        return hasChildrenMenu ? (0, _jsxRuntime.jsx)(_antd.Popover, {
-          mouseEnterDelay: 0,
-          content: (0, _jsxRuntime.jsx)(_SideMenu.default, {
-            dataSource: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataSource), {}, {
-              menus: item
-            })
-          }),
-          color: "#fff",
-          classNames: {
-            root: noticeCls
-          },
-          styles: {
-            body: {
-              marginTop: headerHeight - 48,
-              height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0), "px)")
-            }
-          },
-          placement: "rightTop",
-          children: LiNode
-        }, "".concat(id, "-").concat(name)) : !collapsed ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
-          placement: "right",
-          title: name,
-          children: (0, _jsxRuntime.jsx)("span", {
-            onClick: function onClick() {
-              onSelected({
-                selectedPath: toPath
-              });
-            },
-            children: (0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
-              to: toPath,
-              children: LiNode
-            }, toPath)
-          })
-        }, toPath) : (0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
-          to: toPath,
-          children: LiNode
-        }, toPath);
-      })
-    })
-  });
+      ) : /* @__PURE__ */ React.createElement(import__.Icon, { type: icon || "", iconfontUrl: iconfontUrl || "" }), /* @__PURE__ */ React.createElement("h2", null, name))
+    );
+    return hasChildrenMenu ? /* @__PURE__ */ React.createElement(
+      import_antd.Popover,
+      {
+        key: `${id}-${name}`,
+        mouseEnterDelay: 0,
+        content: /* @__PURE__ */ React.createElement(import_SideMenu.default, { dataSource: { ...dataSource, menus: item } }),
+        color: "#fff",
+        classNames: {
+          root: noticeCls
+        },
+        styles: {
+          body: {
+            marginTop: headerHeight - 48,
+            height: `calc(100vh - ${headerHeight + (notice ? 32 : 0)}px)`
+          }
+        },
+        placement: "rightTop"
+      },
+      LiNode
+    ) : !collapsed ? /* @__PURE__ */ React.createElement(import_antd.Tooltip, { placement: "right", title: name, key: toPath }, /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        onClick: () => {
+          onSelected({
+            selectedPath: toPath
+          });
+        }
+      },
+      /* @__PURE__ */ React.createElement(import_react_router_dom.Link, { to: toPath, key: toPath }, LiNode)
+    )) : /* @__PURE__ */ React.createElement(import_react_router_dom.Link, { to: toPath, key: toPath }, LiNode);
+  })));
 };
-var _default = exports.default = FoldMenu;
+var FoldMenu_default = FoldMenu;