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

package/es/ProLayout/components/Layout/Menu/index.js

@@ -1,50 +1,42 @@
-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; }
 import { useEffect, useRef, useState, useCallback } from 'react';
 import classnames from 'classnames';
 import OpenMenu from "./OpenMenu";
 import FoldMenu from "./FoldMenu"; // 折叠后菜单
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 菜单宽度配置
-var MENU_CONFIG = {
+const MENU_CONFIG = {
   TRANSITION_DURATION: 300,
   // 宽度过渡时长(ms)
   TEXT_VISIBLE_THRESHOLD: 150,
   // 文字显示阈值(px, 约68%展开)
   FULL_WIDTH: 219 // 完全展开宽度(px)
 };
-var Menu = props => {
-  var _ref = props || {},
-    headerHeight = _ref.headerHeight,
-    dataSource = _ref.dataSource,
-    iconfontUrl = _ref.iconfontUrl,
-    collapsed = _ref.collapsed,
-    notice = _ref.notice,
-    onToggle = _ref.onToggle,
-    pure = _ref.pure,
-    sideMenuFooterRender = _ref.sideMenuFooterRender,
-    sideMenuHeaderRender = _ref.sideMenuHeaderRender,
-    onMenuClick = _ref.onMenuClick;
-  var menus = [];
-  var menuRef = useRef(null);
+const Menu = props => {
+  const {
+    headerHeight,
+    dataSource,
+    iconfontUrl,
+    collapsed,
+    notice,
+    onToggle,
+    pure,
+    sideMenuFooterRender,
+    sideMenuHeaderRender,
+    onMenuClick
+  } = props || {};
+  let menus = [];
+  const menuRef = useRef(null);
   // 整合所有动画相关的refs
-  var animationStateRef = useRef({
+  const animationStateRef = useRef({
     timer: null,
     observer: null,
     hasTriggered: false
   });
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpenMenuTextVisible = _useState2[0],
-    setIsOpenMenuTextVisible = _useState2[1];
+  const [isOpenMenuTextVisible, setIsOpenMenuTextVisible] = useState(false);
 
   // 提取清理逻辑
-  var cleanupAnimation = useCallback(() => {
-    var state = animationStateRef.current;
+  const cleanupAnimation = useCallback(() => {
+    const state = animationStateRef.current;
     if (state.timer) {
       clearTimeout(state.timer);
       state.timer = null;
@@ -60,8 +52,8 @@ var Menu = props => {
   }, []);
 
   // 触发文字显示
-  var showMenuText = useCallback(() => {
-    var state = animationStateRef.current;
+  const showMenuText = useCallback(() => {
+    const state = animationStateRef.current;
     if (state.hasTriggered) return;
     state.hasTriggered = true;
     setIsOpenMenuTextVisible(true);
@@ -71,8 +63,7 @@ var Menu = props => {
 
   // ResizeObserver 监听宽度变化，提前显示文字
   useEffect(() => {
-    var _menuRef$current$getB, _menuRef$current, _menuRef$current$getB2;
-    var state = animationStateRef.current;
+    const state = animationStateRef.current;
     state.hasTriggered = false;
 
     // 折叠态：清理并隐藏文字
@@ -83,7 +74,7 @@ var Menu = props => {
     }
 
     // 检查是否已展开
-    var currentWidth = (_menuRef$current$getB = (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 || (_menuRef$current$getB2 = _menuRef$current.getBoundingClientRect) === null || _menuRef$current$getB2 === void 0 ? void 0 : _menuRef$current$getB2.call(_menuRef$current).width) !== null && _menuRef$current$getB !== void 0 ? _menuRef$current$getB : 0;
+    const currentWidth = menuRef.current?.getBoundingClientRect?.().width ?? 0;
     if (currentWidth >= MENU_CONFIG.FULL_WIDTH) {
       state.hasTriggered = true;
       setIsOpenMenuTextVisible(true);
@@ -91,11 +82,10 @@ var Menu = props => {
     }
 
     // 创建 ResizeObserver
-    var supportsResizeObserver = typeof ResizeObserver !== 'undefined';
+    const supportsResizeObserver = typeof ResizeObserver !== 'undefined';
     if (supportsResizeObserver && menuRef.current) {
       state.observer = new ResizeObserver(entries => {
-        var _entries$0$contentRec, _entries$;
-        var width = (_entries$0$contentRec = (_entries$ = entries[0]) === null || _entries$ === void 0 ? void 0 : _entries$.contentRect.width) !== null && _entries$0$contentRec !== void 0 ? _entries$0$contentRec : 0;
+        const width = entries[0]?.contentRect.width ?? 0;
         if (width >= MENU_CONFIG.TEXT_VISIBLE_THRESHOLD) {
           showMenuText();
         }
@@ -107,16 +97,16 @@ var Menu = props => {
     state.timer = setTimeout(showMenuText, MENU_CONFIG.TRANSITION_DURATION);
     return cleanupAnimation;
   }, [collapsed, cleanupAnimation, showMenuText]);
-  var menuCls = classnames({
+  const menuCls = classnames({
     'pro-layout-menu': true,
     'pro-layout-menu-open': collapsed
   });
   if (Array.isArray(dataSource)) {
     menus = dataSource;
   } else if (dataSource) {
-    menus = dataSource === null || dataSource === void 0 ? void 0 : dataSource.menus;
+    menus = dataSource?.menus;
   }
-  if (pure !== null && pure !== void 0 && pure.leftMenu || pure === true) {
+  if (pure?.leftMenu || pure === true) {
     return /*#__PURE__*/_jsx(_Fragment, {});
   }
   return /*#__PURE__*/_jsxs("div", {
@@ -160,7 +150,7 @@ var Menu = props => {
       className: "pro-layout-menu-collapsed",
       onClick: () => {
         setIsOpenMenuTextVisible(false);
-        onToggle === null || onToggle === void 0 || onToggle();
+        onToggle?.();
       },
       children: /*#__PURE__*/_jsx("div", {
         className: "pro-layout-arrow "

package/es/ProLayout/components/Layout/Notice/index.js

@@ -2,10 +2,12 @@ import tipMsg from "../../../images/tipMsg.png";
 import close from "../../../images/close.png";
 import locale from "../../../../locale";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var Notice = props => {
-  var headerHeight = props.headerHeight,
-    notice = props.notice,
-    onCancel = props.onCancel;
+const Notice = props => {
+  const {
+    headerHeight,
+    notice,
+    onCancel
+  } = props;
   if (!notice) {
     return null;
   }

package/es/ProLayout/components/ProCollapse/index.js

@@ -1,8 +1,3 @@
-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); }
 import React, { useLayoutEffect } from 'react';
 import { Collapse, Descriptions, Space } from 'antd';
 import { CaretRightOutlined } from '@ant-design/icons';
@@ -10,62 +5,58 @@ import classNames from 'classnames';
 import foldSvg from "../../../assets/fold.svg";
 import ProIcon from "../../../ProIcon/index";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ProCollapse = props => {
-  var title = props.title,
-    id = props.id,
-    _props$contentStyle = props.contentStyle,
-    contentStyle = _props$contentStyle === void 0 ? {} : _props$contentStyle,
-    children = props.children,
-    _props$level = props.level,
-    level = _props$level === void 0 ? '1' : _props$level,
-    _props$towCollapse = props.towCollapse,
-    towCollapse = _props$towCollapse === void 0 ? false : _props$towCollapse,
-    _props$threeCollapse = props.threeCollapse,
-    threeCollapse = _props$threeCollapse === void 0 ? false : _props$threeCollapse,
-    titleList = props.titleList,
-    extra = props.extra,
-    _props$column = props.column,
-    column = _props$column === void 0 ? 3 : _props$column,
-    style = props.style,
-    _props$folding = props.folding,
-    folding = _props$folding === void 0 ? false : _props$folding,
-    _props$collapseProps = props.collapseProps,
-    collapseProps = _props$collapseProps === void 0 ? {} : _props$collapseProps,
-    collapsePanelProps = props.collapsePanelProps,
-    className = props.className,
-    icon = props.icon,
-    _props$autoHeight = props.autoHeight,
-    autoHeight = _props$autoHeight === void 0 ? true : _props$autoHeight,
-    onChange = props.onChange,
-    open = props.open;
+const ProCollapse = props => {
+  const {
+    title,
+    id,
+    contentStyle = {},
+    children,
+    level = '1',
+    towCollapse = false,
+    threeCollapse = false,
+    titleList,
+    extra,
+    column = 3,
+    style,
+    folding = false,
+    collapseProps = {},
+    collapsePanelProps,
+    className,
+    icon,
+    autoHeight = true,
+    onChange,
+    open
+  } = props;
 
   // 当同时设置了open和collapseProps.activeKey时，以collapseProps.activeKey为准
   // 这样保证了与已有代码的兼容性，并提供了更简便的控制面板展开状态的方式
-  var finalCollapseProps = _objectSpread({}, collapseProps);
+  const finalCollapseProps = {
+    ...collapseProps
+  };
   if (open !== undefined && !('activeKey' in finalCollapseProps)) {
     finalCollapseProps.activeKey = open ? ['1'] : [];
   }
-  var cls = classNames({
+  const cls = classNames({
     'pro-collapse': true,
     'pro-collapse-level2': level === '2',
     'pro-collapse-level3': level === '3',
-    'pro-collapse-list': titleList === null || titleList === void 0 ? void 0 : titleList.length,
+    'pro-collapse-list': titleList?.length,
     'pro-collapse-no-title': !title,
     'pro-collapse-no-level1-title': !title && level !== '2' && level !== '3',
     [`${className}`]: className
   });
-  var shouldRenderContent = children !== null && children !== undefined;
-  var content = shouldRenderContent ? /*#__PURE__*/_jsx("div", {
+  const shouldRenderContent = children !== null && children !== undefined;
+  const content = shouldRenderContent ? /*#__PURE__*/_jsx("div", {
     className: "pro-collapse-content",
     style: contentStyle,
     children: children
   }) : null;
 
   // 生成 Collapse items 配置
-  var getCollapseItems = () => {
-    var _title = title;
-    var panelClassName = 'pro-collapse-panel';
-    var panelProps = {};
+  const getCollapseItems = () => {
+    let _title = title;
+    let panelClassName = 'pro-collapse-panel';
+    const panelProps = {};
     if (level === '2') {
       panelClassName = classNames({
         'pro-collapse-level2-collapse': towCollapse,
@@ -77,16 +68,16 @@ var ProCollapse = props => {
       }
     }
     if (level === '3') {
-      var level3Panel = classNames({
+      const level3Panel = classNames({
         'pro-collapse-level3-collapse': threeCollapse,
         'pro-collapse-level3-no-collapse': !threeCollapse,
         'pro-collapse-panel': true
       });
-      var hasCollapse = {};
+      const hasCollapse = {};
       if (!threeCollapse) {
         hasCollapse.collapsible = 'disabled';
       }
-      return [_objectSpread(_objectSpread({
+      return [{
         key: '1',
         label: _title,
         children: content,
@@ -95,8 +86,10 @@ var ProCollapse = props => {
           children: extra
         }),
         className: level3Panel,
-        forceRender: true
-      }, hasCollapse), collapsePanelProps)];
+        forceRender: true,
+        ...hasCollapse,
+        ...collapsePanelProps
+      }];
     }
     if (icon) {
       _title = /*#__PURE__*/_jsxs(Space, {
@@ -113,7 +106,7 @@ var ProCollapse = props => {
         }), title]
       });
     }
-    return [_objectSpread(_objectSpread({
+    return [{
       key: '1',
       label: _title,
       children: content,
@@ -122,15 +115,17 @@ var ProCollapse = props => {
         children: extra
       }),
       className: panelClassName,
-      forceRender: true
-    }, panelProps), collapsePanelProps)];
+      forceRender: true,
+      ...panelProps,
+      ...collapsePanelProps
+    }];
   };
-  var renderTitleList = () => {
+  const renderTitleList = () => {
     return /*#__PURE__*/_jsxs("div", {
       className: cls,
       children: [/*#__PURE__*/_jsx(Descriptions, {
         column: column,
-        children: titleList === null || titleList === void 0 ? void 0 : titleList.map(item => {
+        children: titleList?.map(item => {
           return /*#__PURE__*/_jsx(Descriptions.Item, {
             label: item.label,
             children: item.value || '-'
@@ -145,16 +140,16 @@ var ProCollapse = props => {
     if (!autoHeight) {
       return;
     }
-    var proCollapseContent = document.querySelector('.pro-layout-content');
+    const proCollapseContent = document.querySelector('.pro-layout-content');
     if (!proCollapseContent) {
       return;
     }
-    var proCollapseNoTitles = proCollapseContent.querySelectorAll('.pro-collapse-no-level1-title');
-    var proFooterNode = proCollapseContent.querySelector('.pro-footer');
-    var proCollapses = proCollapseContent.querySelectorAll('.pro-collapse');
-    if ((proCollapseNoTitles === null || proCollapseNoTitles === void 0 ? void 0 : proCollapseNoTitles.length) === 1 && proCollapses.length === 1) {
-      var rect = proCollapseNoTitles[0].getBoundingClientRect();
-      if ((rect === null || rect === void 0 ? void 0 : rect.height) < window.innerHeight - rect.top) {
+    const proCollapseNoTitles = proCollapseContent.querySelectorAll('.pro-collapse-no-level1-title');
+    const proFooterNode = proCollapseContent.querySelector('.pro-footer');
+    const proCollapses = proCollapseContent.querySelectorAll('.pro-collapse');
+    if (proCollapseNoTitles?.length === 1 && proCollapses.length === 1) {
+      const rect = proCollapseNoTitles[0].getBoundingClientRect();
+      if (rect?.height < window.innerHeight - rect.top) {
         proCollapseNoTitles[0].style.minHeight = `calc(100vh - ${rect.top + 16}px)`;
       } else {
         proCollapseNoTitles[0].style.minHeight = 'auto';
@@ -172,20 +167,20 @@ var ProCollapse = props => {
   return /*#__PURE__*/_jsx("div", {
     id: id,
     style: style,
-    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/_jsx(Collapse, _objectSpread({
+    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/_jsx(Collapse, {
       className: cls,
       bordered: false,
-      expandIcon: _ref => {
-        var isActive = _ref.isActive;
-        return /*#__PURE__*/_jsx(CaretRightOutlined, {
-          rotate: isActive ? -90 : 90
-        });
-      },
+      expandIcon: ({
+        isActive
+      }) => /*#__PURE__*/_jsx(CaretRightOutlined, {
+        rotate: isActive ? -90 : 90
+      }),
       expandIconPlacement: "end",
       defaultActiveKey: folding ? [] : ['1'],
       onChange: onChange,
-      items: getCollapseItems()
-    }, finalCollapseProps))
+      items: getCollapseItems(),
+      ...finalCollapseProps
+    })
   });
 };
 export default ProCollapse;

package/es/ProLayout/components/ProFooter/index.js

@@ -1,26 +1,19 @@
-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); }
 import { useSize } from 'ahooks';
 import { Space } from 'antd';
 import classnames from 'classnames';
 import { memo, useEffect } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProFooter = props => {
-  var _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible,
-    className = props.className,
-    children = props.children,
-    _props$zIndex = props.zIndex,
-    zIndex = _props$zIndex === void 0 ? 98 : _props$zIndex,
-    _props$sideDom = props.sideDom,
-    sideDom = _props$sideDom === void 0 ? '.pro-layout-sider-nav' : _props$sideDom,
-    _props$contentDom = props.contentDom,
-    contentDom = _props$contentDom === void 0 ? '.pro-layout-content' : _props$contentDom;
-  var size = useSize(() => document.querySelector(sideDom) || document.querySelector('.pro-layout-menu'));
-  var boxDom = document.querySelector(contentDom);
+const ProFooter = props => {
+  const {
+    visible = true,
+    className,
+    children,
+    zIndex = 98,
+    sideDom = '.pro-layout-sider-nav',
+    contentDom = '.pro-layout-content'
+  } = props;
+  const size = useSize(() => document.querySelector(sideDom) || document.querySelector('.pro-layout-menu'));
+  const boxDom = document.querySelector(contentDom);
   useEffect(() => {
     if (boxDom && visible) {
       boxDom.style.paddingBottom = '64px';
@@ -34,16 +27,17 @@ var ProFooter = props => {
   if (!visible) {
     return null;
   }
-  var cls = classnames({
+  const cls = classnames({
     'pro-footer': true,
     [`${className}`]: className
   });
   return /*#__PURE__*/_jsx("div", {
     className: cls,
-    style: _objectSpread({
+    style: {
       zIndex,
-      width: `calc(100% - ${(size === null || size === void 0 ? void 0 : size.width) + 1}px)`
-    }, props.style),
+      width: `calc(100% - ${size?.width + 1}px)`,
+      ...props.style
+    },
     children: /*#__PURE__*/_jsx(Space, {
       children: children
     })

package/es/ProLayout/components/ProHeader/components/Copy/index.js

@@ -4,9 +4,12 @@ import { CheckOutlined } from '@ant-design/icons';
 import copySvg from "../../../../../assets/copy.svg";
 import locale from "../../../../../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Paragraph = Typography.Paragraph;
-var Copy = _ref => {
-  var text = _ref.text;
+const {
+  Paragraph
+} = Typography;
+const Copy = ({
+  text
+}) => {
   return /*#__PURE__*/_jsx(Paragraph, {
     className: "pro-header-copy",
     copyable: {

package/es/ProLayout/components/ProHeader/components/ProBackBtn/index.js

@@ -8,11 +8,11 @@ import locale from "../../../../../locale";
  * @param text 自定义按钮文字
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProBackBtn = _ref => {
-  var onBack = _ref.onBack,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? `${locale.ProHeader.backText}` : _ref$text;
-  var handleClick = () => {
+const ProBackBtn = ({
+  onBack,
+  text = `${locale.ProHeader.backText}`
+}) => {
+  const handleClick = () => {
     if (onBack) {
       onBack();
     } else {