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

package/lib/ProLayout/components/ProHeader/style/index.less

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

package/lib/ProLayout/components/ProHeader/utils/index.js

@@ -1,38 +1,21 @@
-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);
+"use strict";
 
-// src/ProLayout/components/ProHeader/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  checkDescribeItemsHidden: () => checkDescribeItemsHidden
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var checkDescribeItemsHidden = (ele) => {
-  const childElement = ele;
+exports.checkDescribeItemsHidden = void 0;
+/**
+ * 检查描述dom是否部分隐藏
+ * @param ele  dom节点
+ */
+var checkDescribeItemsHidden = ele => {
+  var childElement = ele;
   if (!childElement) {
     return false;
   }
-  const element = childElement.parentNode.parentNode.parentNode.parentNode;
-  const itemsScrollWidth = element.scrollWidth;
-  const itemsClientWidth = element.clientWidth;
+  var element = childElement.parentNode.parentNode.parentNode.parentNode;
+  var itemsScrollWidth = element.scrollWidth;
+  var itemsClientWidth = element.clientWidth;
   return itemsScrollWidth > itemsClientWidth;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  checkDescribeItemsHidden
-});
+exports.checkDescribeItemsHidden = checkDescribeItemsHidden;

package/lib/ProLayout/components/index.js

@@ -1,45 +1,27 @@
-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);
+"use strict";
 
-// src/ProLayout/components/index.ts
-var components_exports = {};
-__export(components_exports, {
-  ProCollapse: () => import_ProCollapse.default,
-  ProFooter: () => import_ProFooter.default,
-  ProHeader: () => import_ProHeader.default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ProCollapse", {
+  enumerable: true,
+  get: function get() {
+    return _ProCollapse.default;
+  }
 });
-module.exports = __toCommonJS(components_exports);
-var import_ProCollapse = __toESM(require("./ProCollapse"));
-var import_ProFooter = __toESM(require("./ProFooter"));
-var import_ProHeader = __toESM(require("./ProHeader"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ProCollapse,
-  ProFooter,
-  ProHeader
+Object.defineProperty(exports, "ProFooter", {
+  enumerable: true,
+  get: function get() {
+    return _ProFooter.default;
+  }
+});
+Object.defineProperty(exports, "ProHeader", {
+  enumerable: true,
+  get: function get() {
+    return _ProHeader.default;
+  }
 });
+var _ProCollapse = _interopRequireDefault(require("./ProCollapse"));
+var _ProFooter = _interopRequireDefault(require("./ProFooter"));
+var _ProHeader = _interopRequireDefault(require("./ProHeader"));

package/lib/ProLayout/index.d.ts

@@ -7,17 +7,6 @@ export declare const LayoutContext: import("react").Context<{
 }>;
 declare const ProLayout: {
     (props: ProLayoutType): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        menus: any[];
-        iconfontUrl: string;
-        title: string;
-        collapsed: boolean;
-        routerMatch: string;
-        pure: boolean;
-        theme: string;
-        headerHeight: number;
-        contentStyle: {};
-    };
     ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
     ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
     ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;

package/lib/ProLayout/index.js

@@ -1,149 +1,177 @@
-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);
+"use strict";
 
-// src/ProLayout/index.tsx
-var ProLayout_exports = {};
-__export(ProLayout_exports, {
-  LayoutContext: () => LayoutContext,
-  default: () => ProLayout_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProLayout_exports);
-var import_antd = require("antd");
-var import_react = require("react");
-var import_classnames = __toESM(require("classnames"));
-var import_ahooks = require("ahooks");
-var import__ = require("../index");
-var import_components = require("./components");
-var import_Layout = require("./components/Layout/index");
-var import_utils = require("./utils");
-var LayoutContext = (0, import_react.createContext)(void 0);
-var ProLayout = (props) => {
-  var _a;
-  const {
-    children,
-    className = "",
-    pure = false,
-    headerHeight,
-    contentStyle,
-    waterMarkProps = {},
-    headerNotice,
-    notice: noticeIn,
-    // 修改别名
-    dataSource,
-    pathPrefix = "",
-    theme,
-    target,
-    onCollapsedChange
-  } = props;
-  const [{ notice, menus, selectedPath }, setState] = (0, import_ahooks.useSetState)({
-    notice: headerNotice || noticeIn,
-    menus: [],
-    selectedPath: ""
-  });
-  const [collapsed, { toggle, set }] = (0, import_ahooks.useToggle)(props.collapsed || false);
-  (0, import_ahooks.useDeepCompareEffect)(() => {
-    set(props.collapsed || false);
-  }, [props.collapsed]);
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+exports.default = exports.LayoutContext = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/message/style");
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ahooks = require("ahooks");
+var _index = require("../index");
+var _components = require("./components");
+var _index2 = require("./components/Layout/index");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+// 全局上下文
+var LayoutContext = exports.LayoutContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var ProLayout = props => {
+  var _Object$keys;
+  var children = props.children,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$pure = props.pure,
+    pure = _props$pure === void 0 ? false : _props$pure,
+    _props$headerHeight = props.headerHeight,
+    headerHeight = _props$headerHeight === void 0 ? 48 : _props$headerHeight,
+    _props$contentStyle = props.contentStyle,
+    contentStyle = _props$contentStyle === void 0 ? {} : _props$contentStyle,
+    _props$waterMarkProps = props.waterMarkProps,
+    waterMarkProps = _props$waterMarkProps === void 0 ? {} : _props$waterMarkProps,
+    headerNotice = props.headerNotice,
+    noticeIn = props.notice,
+    dataSource = props.dataSource,
+    _props$pathPrefix = props.pathPrefix,
+    pathPrefix = _props$pathPrefix === void 0 ? '' : _props$pathPrefix,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'dark' : _props$theme,
+    target = props.target,
+    onCollapsedChange = props.onCollapsedChange,
+    _props$collapsed = props.collapsed,
+    propsCollapsed = _props$collapsed === void 0 ? false : _props$collapsed,
+    onMenuClick = props.onMenuClick,
+    headerTitleRender = props.headerTitleRender,
+    headerContentRender = props.headerContentRender,
+    rightContentRender = props.rightContentRender,
+    title = props.title,
+    logo = props.logo,
+    iconfontUrl = props.iconfontUrl,
+    sideMenuFooterRender = props.sideMenuFooterRender,
+    sideMenuHeaderRender = props.sideMenuHeaderRender;
+  var _useSetState = (0, _ahooks.useSetState)({
+      notice: headerNotice || noticeIn,
+      menus: [],
+      selectedPath: ''
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    notice = _useSetState2$.notice,
+    menus = _useSetState2$.menus,
+    selectedPath = _useSetState2$.selectedPath,
+    setState = _useSetState2[1];
+  var _useToggle = (0, _ahooks.useToggle)(props.collapsed || false),
+    _useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
+    collapsed = _useToggle2[0],
+    _useToggle2$ = _useToggle2[1],
+    toggle = _useToggle2$.toggle,
+    set = _useToggle2$.set;
+  (0, _ahooks.useDeepCompareEffect)(() => {
+    set(propsCollapsed || false);
+  }, [propsCollapsed]);
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (Array.isArray(dataSource) && !dataSource.length) {
-      return import_antd.message.warning(
-        "Warning: Missing menu data source, or menu data source is not an array"
-      );
+      return _message2.default.warning('Warning: Missing menu data source, or menu data source is not an array');
     }
-    const userData = (0, import_utils.transformMenus)(dataSource, pathPrefix);
-    const menuData = Array.isArray(userData) ? userData : (userData == null ? void 0 : userData.menus) || [];
-    setState({ menus: menuData });
+    var userData = (0, _utils.transformMenus)(dataSource, pathPrefix);
+    // 确保 menus 始终是一个数组
+    var menuData = Array.isArray(userData) ? userData : (userData === null || userData === void 0 ? void 0 : userData.menus) || [];
+    setState({
+      menus: menuData
+    });
   }, [dataSource]);
-  const onCancelNotice = () => {
-    setState({ notice: null });
+
+  /**
+   * 关闭提示框
+   */
+  var onCancelNotice = () => {
+    setState({
+      notice: null
+    });
   };
-  const contentCls = (0, import_classnames.default)({
-    "pro-layout-row": true,
-    "pro-layout-row-has-notice": notice,
-    "pro-layout-row-pure": typeof pure === "boolean" && pure,
-    "pro-layout-row-top-pure": typeof pure !== "boolean" && (pure == null ? void 0 : pure.topMenu),
-    "pro-layout-row-left-pure": typeof pure !== "boolean" && (pure == null ? void 0 : pure.leftMenu)
+  var contentCls = (0, _classnames.default)({
+    'pro-layout-row': true,
+    'pro-layout-row-has-notice': notice,
+    'pro-layout-row-pure': typeof pure === 'boolean' && pure,
+    'pro-layout-row-top-pure': typeof pure !== 'boolean' && (pure === null || pure === void 0 ? void 0 : pure.topMenu),
+    'pro-layout-row-left-pure': typeof pure !== 'boolean' && (pure === null || pure === void 0 ? void 0 : pure.leftMenu)
   });
-  const noticeHeight = notice ? 32 : 0;
-  const layoutDom = /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "pro-layout": true,
-        "pro-layout-dark": theme === "dark",
-        "pro-layout-light": theme === "light",
-        [`${className}`]: className
-      })
+  var noticeHeight = notice ? 32 : 0;
+
+  // 为Header组件创建专门的props对象
+  var headerProps = {
+    headerHeight,
+    pure,
+    headerTitleRender,
+    headerContentRender,
+    rightContentRender,
+    title,
+    logo
+  };
+
+  // 为Notice组件创建专门的props对象
+  var noticeProps = {
+    headerHeight,
+    notice,
+    onCancel: onCancelNotice
+  };
+
+  // 为Menu组件创建专门的props对象
+  var menuProps = {
+    headerHeight,
+    dataSource: Array.isArray(menus) ? {
+      menus
+    } : menus,
+    iconfontUrl,
+    collapsed,
+    notice,
+    onToggle: () => {
+      toggle();
+      onCollapsedChange && onCollapsedChange(!collapsed);
     },
-    /* @__PURE__ */ React.createElement(import_Layout.Header, { ...props }),
-    /* @__PURE__ */ React.createElement(import_Layout.Notice, { ...props, notice, onCancel: onCancelNotice }),
-    /* @__PURE__ */ React.createElement("div", { className: contentCls }, /* @__PURE__ */ React.createElement(
-      import_Layout.Menu,
-      {
-        ...props,
-        dataSource: Array.isArray(menus) ? { menus } : menus,
-        notice,
-        collapsed,
-        onToggle: () => {
-          toggle();
-          onCollapsedChange && onCollapsedChange(!collapsed);
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
+    pure,
+    theme,
+    sideMenuFooterRender,
+    sideMenuHeaderRender,
+    onMenuClick
+  };
+  var layoutDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)({
+      'pro-layout': true,
+      'pro-layout-dark': theme === 'dark',
+      'pro-layout-light': theme === 'light',
+      [`${className}`]: className
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Header, (0, _objectSpread2.default)({}, headerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Notice, (0, _objectSpread2.default)({}, noticeProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: contentCls,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Menu, (0, _objectSpread2.default)({}, menuProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-layout-content",
-        style: {
-          ...contentStyle,
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, contentStyle), {}, {
           marginTop: headerHeight + noticeHeight
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", null, children)
-    ))
-  );
-  return /* @__PURE__ */ React.createElement(LayoutContext.Provider, { value: { selectedPath, target, onSelected: setState } }, !((_a = Object.keys(waterMarkProps)) == null ? void 0 : _a.length) ? layoutDom : /* @__PURE__ */ React.createElement(import__.ProWaterMark, { ...waterMarkProps }, layoutDom));
-};
-ProLayout.defaultProps = {
-  menus: [],
-  iconfontUrl: "",
-  title: "",
-  collapsed: false,
-  routerMatch: "id",
-  pure: false,
-  theme: "dark",
-  headerHeight: 48,
-  contentStyle: {}
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: children
+        })
+      })]
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LayoutContext.Provider, {
+    value: {
+      selectedPath,
+      target,
+      onSelected: setState
+    },
+    children: !((_Object$keys = Object.keys(waterMarkProps)) !== null && _Object$keys !== void 0 && _Object$keys.length) ? layoutDom : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProWaterMark, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, waterMarkProps), {}, {
+      children: layoutDom
+    }))
+  });
 };
-ProLayout.ProCollapse = import_components.ProCollapse;
-ProLayout.ProFooter = import_components.ProFooter;
-ProLayout.ProHeader = import_components.ProHeader;
-var ProLayout_default = ProLayout;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LayoutContext
-});
+
+// 下一版本会移除
+ProLayout.ProCollapse = _components.ProCollapse;
+ProLayout.ProFooter = _components.ProFooter;
+ProLayout.ProHeader = _components.ProHeader;
+var _default = exports.default = ProLayout;

package/lib/ProLayout/propTypes.d.ts

@@ -180,6 +180,15 @@ export interface ProLayoutType {
      * @default -
      */
     onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * @description 菜单点击回调事件，返回命中的菜单项数据和完整路径
+     * @default -
+     */
+    onMenuClick?: (params: {
+        item: MenusType | null;
+        key: string;
+        keyPath: string[];
+    }) => void;
     /**
      * @description 规定在何处打开被链接文档
      * @default "_self"

package/lib/ProLayout/propTypes.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
+"use strict";
 
-// src/ProLayout/propTypes.ts
-var propTypes_exports = {};
-module.exports = __toCommonJS(propTypes_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProLayout/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 @import '../components/Layout/index.less';
 @import '../components/ProCollapse/style/index.less';

package/lib/ProLayout/utils/index.d.ts

@@ -34,3 +34,10 @@ export declare const getPathNameKey: ({ menus, pathName, }: {
     menus: any[];
     pathName: string;
 }) => any;
+/**
+ * 根据key查找完整的菜单项数据
+ * @param menus 菜单数据数组
+ * @param key 要查找的菜单项key
+ * @returns 找到的菜单项数据或null
+ */
+export declare const findMenuItemByKey: (menus: any[], key: string) => any;