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

package/lib/ProLayout/index.js

@@ -1,285 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LayoutContext = void 0;
-Object.defineProperty(exports, "useActiveTab", {
-  enumerable: true,
-  get: function get() {
-    return _useActiveTab.useActiveTab;
-  }
-});
-Object.defineProperty(exports, "useProLayoutTabs", {
-  enumerable: true,
-  get: function get() {
-    return _useProLayoutTabs.useProLayoutTabs;
-  }
-});
-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 _TabsManager = _interopRequireDefault(require("./components/TabsManager"));
-var _propTypes = require("./propTypes");
-var _useProLayoutTabs = require("./components/TabsManager/hooks/useProLayoutTabs");
-var _useActiveTab = require("./components/TabsManager/hooks/useActiveTab");
-var _utils = require("./utils");
-var _utils2 = require("./components/TabsManager/utils");
-var _header_bg = _interopRequireDefault(require("../assets/header_bg.png"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable func-call-spacing */ /* eslint-disable no-spaced-func */ // 全局上下文
-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 ? 64 : _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,
-    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,
-    _props$title = props.title,
-    title = _props$title === void 0 ? '' : _props$title,
-    logo = props.logo,
-    appsOptions = props.appsOptions,
-    _props$iconfontUrl = props.iconfontUrl,
-    iconfontUrl = _props$iconfontUrl === void 0 ? '' : _props$iconfontUrl,
-    sideMenuFooterRender = props.sideMenuFooterRender,
-    sideMenuHeaderRender = props.sideMenuHeaderRender,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'normal' : _props$mode,
-    tabs = props.tabs;
-  var isTabsLayout = (0, _propTypes.isTabsMode)(props);
-  (0, _propTypes.validateTabsProps)(mode, tabs);
-  var tabsManagerRef = (0, _react.useRef)(null);
-  var _useSetState = (0, _ahooks.useSetState)({
-      notice: headerNotice || noticeIn,
-      menus: [],
-      selectedPath: ''
-    }),
-    _useSetState2 = _slicedToArray(_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 = _slicedToArray(_useToggle, 2),
-    collapsed = _useToggle2[0],
-    _useToggle2$ = _useToggle2[1],
-    toggle = _useToggle2$.toggle,
-    set = _useToggle2$.set;
-  (0, _ahooks.useDeepCompareEffect)(() => {
-    set(props.collapsed || false);
-  }, [props.collapsed]);
-  (0, _ahooks.useDeepCompareEffect)(() => {
-    if (Array.isArray(dataSource) && !dataSource.length) {
-      return;
-    }
-    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]);
-  var menuDataSource = (0, _react.useMemo)(() => Array.isArray(menus) ? {
-    menus
-  } : menus, [menus]);
-  var enhancedTabsConfig = (0, _react.useMemo)(() => {
-    if (!isTabsLayout || !tabs) {
-      return tabs;
-    }
-    return _objectSpread(_objectSpread({}, tabs), {}, {
-      onTabChange: (activeKey, activeTab, allTabs) => {
-        var _activeTab$menuItem, _activeTab$menuItem2, _activeTab$menuItem3, _tabs$onTabChange;
-        if (!allTabs || allTabs.length === 0) {
-          // 使用一个不可能匹配的路径来清除选中状态，避免 OpenMenu fallback 到 window.location.pathname
-          setState({
-            selectedPath: '##EMPTY##'
-          });
-          return;
-        }
-        var targetPath = (activeTab === null || activeTab === void 0 ? void 0 : activeTab.url) || (activeTab === null || activeTab === void 0 || (_activeTab$menuItem = activeTab.menuItem) === null || _activeTab$menuItem === void 0 ? void 0 : _activeTab$menuItem.router) || (activeTab === null || activeTab === void 0 || (_activeTab$menuItem2 = activeTab.menuItem) === null || _activeTab$menuItem2 === void 0 ? void 0 : _activeTab$menuItem2.url) || (activeTab === null || activeTab === void 0 || (_activeTab$menuItem3 = activeTab.menuItem) === null || _activeTab$menuItem3 === void 0 ? void 0 : _activeTab$menuItem3.redirectUrl);
-        if (targetPath && targetPath !== selectedPath) {
-          setState({
-            selectedPath: targetPath
-          });
-        }
-        (_tabs$onTabChange = tabs.onTabChange) === null || _tabs$onTabChange === void 0 || _tabs$onTabChange.call(tabs, activeKey, activeTab, allTabs);
-      }
-    });
-  }, [isTabsLayout, tabs, selectedPath]);
-  var renderContent = () => {
-    if (!isTabsLayout || !enhancedTabsConfig) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: children
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsManager.default, {
-      ref: tabsManagerRef,
-      config: enhancedTabsConfig,
-      dataSource: menuDataSource,
-      originalOnMenuClick: onMenuClick,
-      children: children
-    });
-  };
-  var handleMenuClick = (0, _react.useCallback)(params => {
-    var _tabsManagerRef$curre, _tabsManagerRef$curre2, _tabsManagerRef$curre3, _tabsManagerRef$curre4, _params$item, _params$item2, _params$item3;
-    // 非 tabs 模式，直接调用原始回调并允许激活
-    if (!isTabsLayout) {
-      onMenuClick === null || onMenuClick === void 0 || onMenuClick(params);
-      return true;
-    }
-
-    // tabs 模式：调用 TabsManager 的 handleMenuClick 来添加标签页
-    (_tabsManagerRef$curre = tabsManagerRef.current) === null || _tabsManagerRef$curre === void 0 || (_tabsManagerRef$curre2 = _tabsManagerRef$curre.handleMenuClick) === null || _tabsManagerRef$curre2 === void 0 || _tabsManagerRef$curre2.call(_tabsManagerRef$curre, params);
-
-    // 非叶子节点，直接允许激活
-    if (!params.item || !(0, _utils2.isLeafMenuItem)(params.item)) {
-      return true;
-    }
-
-    // 叶子节点：检查是否可以添加标签页（检查 max 限制）
-    var canAdd = (_tabsManagerRef$curre3 = tabsManagerRef.current) === null || _tabsManagerRef$curre3 === void 0 || (_tabsManagerRef$curre4 = _tabsManagerRef$curre3.canAddTab) === null || _tabsManagerRef$curre4 === void 0 ? void 0 : _tabsManagerRef$curre4.call(_tabsManagerRef$curre3, params.item);
-    if (!canAdd) {
-      // 超过限制，返回 false 阻止菜单激活
-      return false;
-    }
-
-    // 可以添加标签页，设置选中路径（激活菜单）
-    var targetPath = ((_params$item = params.item) === null || _params$item === void 0 ? void 0 : _params$item.url) || ((_params$item2 = params.item) === null || _params$item2 === void 0 ? void 0 : _params$item2.redirectUrl) || ((_params$item3 = params.item) === null || _params$item3 === void 0 ? void 0 : _params$item3.router);
-    if (targetPath && targetPath !== selectedPath) {
-      setState({
-        selectedPath: targetPath
-      });
-    }
-    return true;
-  }, [isTabsLayout, onMenuClick, selectedPath]);
-
-  /**
-   * 关闭提示框
-   */
-  var 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.topMenu,
-    'pro-layout-row-left-pure': typeof pure !== 'boolean' && pure.leftMenu
-  });
-  var noticeHeight = notice ? 32 : 0;
-
-  // 为Header组件创建专门的props对象
-  var headerProps = {
-    headerHeight,
-    pure,
-    headerTitleRender,
-    headerContentRender,
-    rightContentRender,
-    title,
-    logo,
-    appsOptions
-  };
-
-  // 为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,
-    sideMenuFooterRender,
-    sideMenuHeaderRender,
-    onMenuClick: handleMenuClick,
-    appsOptions
-  };
-  var layoutDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)({
-      'pro-layout': true,
-      'pro-layout-light': true,
-      'pro-layout-pure': typeof pure === 'boolean' ? pure : (pure === null || pure === void 0 ? void 0 : pure.topMenu) || (pure === null || pure === void 0 ? void 0 : pure.leftMenu),
-      [`${className}`]: className
-    }),
-    style: {
-      '--header-bg-image': `url(${_header_bg.default})`
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Header, _objectSpread({}, headerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Notice, _objectSpread({}, noticeProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: contentCls,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Menu, _objectSpread({}, menuProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "pro-layout-content",
-        style: _objectSpread(_objectSpread({}, contentStyle), {}, {
-          marginTop: headerHeight + noticeHeight
-        }),
-        children: renderContent()
-      })]
-    })]
-  });
-  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, _objectSpread(_objectSpread({}, waterMarkProps), {}, {
-      children: layoutDom
-    }))
-  });
-};
-ProLayout.ProCollapse = _components.ProCollapse;
-ProLayout.ProFooter = _components.ProFooter;
-ProLayout.ProHeader = _components.ProHeader;
-ProLayout.useProLayoutTabs = _useProLayoutTabs.useProLayoutTabs;
-ProLayout.useActiveTab = _useActiveTab.useActiveTab;
-
-// 同时导出Hook供直接使用
-var _default = exports.default = ProLayout;