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

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.js

@@ -1,108 +1,108 @@
-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 = 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)(() => {
+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, import_ahooks.useDeepCompareEffect)(() => {
+  (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 headerProps = {
+  var noticeHeight = notice ? 32 : 0;
+
+  // 为Header组件创建专门的props对象
+  var headerProps = {
     headerHeight,
     pure,
     headerTitleRender,
@@ -111,14 +111,20 @@ var ProLayout = (props) => {
     title,
     logo
   };
-  const noticeProps = {
+
+  // 为Notice组件创建专门的props对象
+  var noticeProps = {
     headerHeight,
     notice,
     onCancel: onCancelNotice
   };
-  const menuProps = {
+
+  // 为Menu组件创建专门的props对象
+  var menuProps = {
     headerHeight,
-    dataSource: Array.isArray(menus) ? { menus } : menus,
+    dataSource: Array.isArray(menus) ? {
+      menus
+    } : menus,
     iconfontUrl,
     collapsed,
     notice,
@@ -132,37 +138,40 @@ var ProLayout = (props) => {
     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",
-      {
+  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));
+        }),
+        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.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
+});