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

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

package/lib/ProLayout/components/index.js

@@ -1,27 +1,45 @@
-"use strict";
-
-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;
-  }
-});
-Object.defineProperty(exports, "ProFooter", {
-  enumerable: true,
-  get: function get() {
-    return _ProFooter.default;
+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);
+
+// src/ProLayout/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  ProCollapse: () => import_ProCollapse.default,
+  ProFooter: () => import_ProFooter.default,
+  ProHeader: () => import_ProHeader.default
 });
-Object.defineProperty(exports, "ProHeader", {
-  enumerable: true,
-  get: function get() {
-    return _ProHeader.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
 });
-var _ProCollapse = _interopRequireDefault(require("./ProCollapse"));
-var _ProFooter = _interopRequireDefault(require("./ProFooter"));
-var _ProHeader = _interopRequireDefault(require("./ProHeader"));

package/lib/ProLayout/index.d.ts

@@ -7,19 +7,8 @@ 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("../index").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
+    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
 };
 export default ProLayout;

package/lib/ProLayout/index.js

@@ -1,146 +1,168 @@
-"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/index.tsx
+var ProLayout_exports = {};
+__export(ProLayout_exports, {
+  LayoutContext: () => LayoutContext,
+  default: () => ProLayout_default
 });
-exports.default = exports.LayoutContext = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-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 LayoutContext = exports.LayoutContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var ProLayout = function 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,
-    headerHeight = props.headerHeight,
-    contentStyle = 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,
-    theme = props.theme,
-    target = props.target,
-    onCollapsedChange = props.onCollapsedChange;
-  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)(function () {
-    set(props.collapsed || false);
-  }, [props.collapsed]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+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 = 48,
+    contentStyle = {},
+    waterMarkProps = {},
+    headerNotice,
+    notice: noticeIn,
+    // 修改别名
+    dataSource,
+    pathPrefix = "",
+    theme = "dark",
+    target,
+    onCollapsedChange,
+    collapsed: propsCollapsed = false,
+    onMenuClick,
+    // Header组件需要的props
+    headerTitleRender,
+    headerContentRender,
+    rightContentRender,
+    title,
+    logo,
+    // Menu组件需要的props
+    iconfontUrl,
+    sideMenuFooterRender,
+    sideMenuHeaderRender
+  } = 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(propsCollapsed || false);
+  }, [propsCollapsed]);
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (Array.isArray(dataSource) && !dataSource.length) {
-      return _antd.message.warning('Warning: Missing menu data source, or menu data source is not an array');
+      return import_antd.message.warning(
+        "Warning: Missing menu data source, or menu data source is not an array"
+      );
     }
-    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
-    });
+    const userData = (0, import_utils.transformMenus)(dataSource, pathPrefix);
+    const menuData = Array.isArray(userData) ? userData : (userData == null ? void 0 : userData.menus) || [];
+    setState({ menus: menuData });
   }, [dataSource]);
-  /**
-   * 关闭提示框
-   */
-  var onCancelNotice = function onCancelNotice() {
-    setState({
-      notice: null
-    });
+  const onCancelNotice = () => {
+    setState({ notice: null });
   };
-  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 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 noticeHeight = notice ? 32 : 0;
-  var layoutDom = (0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)((0, _defineProperty2.default)({
-      'pro-layout': true,
-      'pro-layout-dark': theme === 'dark',
-      'pro-layout-light': theme === 'light'
-    }, "".concat(className), className)),
-    children: [(0, _jsxRuntime.jsx)(_index2.Header, (0, _objectSpread2.default)({}, props)), (0, _jsxRuntime.jsx)(_index2.Notice, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-      notice: notice,
-      onCancel: onCancelNotice
-    })), (0, _jsxRuntime.jsxs)("div", {
-      className: contentCls,
-      children: [(0, _jsxRuntime.jsx)(_index2.Menu, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-        dataSource: Array.isArray(menus) ? {
-          menus: menus
-        } : menus,
-        notice: notice,
-        collapsed: collapsed,
-        onToggle: function onToggle() {
-          toggle();
-          onCollapsedChange && onCollapsedChange(!collapsed);
-        }
-      })), (0, _jsxRuntime.jsx)("div", {
+  const noticeHeight = notice ? 32 : 0;
+  const headerProps = {
+    headerHeight,
+    pure,
+    headerTitleRender,
+    headerContentRender,
+    rightContentRender,
+    title,
+    logo
+  };
+  const noticeProps = {
+    headerHeight,
+    notice,
+    onCancel: onCancelNotice
+  };
+  const menuProps = {
+    headerHeight,
+    dataSource: Array.isArray(menus) ? { menus } : menus,
+    iconfontUrl,
+    collapsed,
+    notice,
+    onToggle: () => {
+      toggle();
+      onCollapsedChange && onCollapsedChange(!collapsed);
+    },
+    pure,
+    theme,
+    sideMenuFooterRender,
+    sideMenuHeaderRender,
+    onMenuClick
+  };
+  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
+      })
+    },
+    /* @__PURE__ */ React.createElement(import_Layout.Header, { ...headerProps }),
+    /* @__PURE__ */ React.createElement(import_Layout.Notice, { ...noticeProps }),
+    /* @__PURE__ */ React.createElement("div", { className: contentCls }, /* @__PURE__ */ React.createElement(import_Layout.Menu, { ...menuProps }), /* @__PURE__ */ React.createElement(
+      "div",
+      {
         className: "pro-layout-content",
-        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, contentStyle), {}, {
+        style: {
+          ...contentStyle,
           marginTop: headerHeight + noticeHeight
-        }),
-        children: (0, _jsxRuntime.jsx)("div", {
-          children: children
-        })
-      })]
-    })]
-  });
-  return (0, _jsxRuntime.jsx)(LayoutContext.Provider, {
-    value: {
-      selectedPath: selectedPath,
-      target: target,
-      onSelected: setState
-    },
-    children: !((_Object$keys = Object.keys(waterMarkProps)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) ? layoutDom : (0, _jsxRuntime.jsx)(_index.ProWaterMark, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, waterMarkProps), {}, {
-      children: layoutDom
-    }))
-  });
-};
-ProLayout.defaultProps = {
-  menus: [],
-  iconfontUrl: '',
-  title: '',
-  collapsed: false,
-  routerMatch: 'id',
-  pure: false,
-  theme: 'dark',
-  headerHeight: 48,
-  contentStyle: {}
+        }
+      },
+      /* @__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.ProCollapse = _components.ProCollapse;
-ProLayout.ProFooter = _components.ProFooter;
-ProLayout.ProHeader = _components.ProHeader;
-var _default = exports.default = ProLayout;
+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
+});

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

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;