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

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

@@ -1,24 +1,13 @@
-var _excluded = ["width"];
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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 _isString from "lodash/isString";
+import _isNumber from "lodash/isNumber";
+import _isEmpty from "lodash/isEmpty";
+import _isFunction from "lodash/isFunction";
 import { Space, Divider, Breadcrumb, Tooltip, Modal } from 'antd';
 import React, { memo, useEffect, useState, useRef } from 'react';
 import { tools } from '@zat-design/utils';
 import classnames from 'classnames';
 import dayjs from 'dayjs';
 import { useToggle, useSize } from 'ahooks';
-import { isFunction, isEmpty, isNumber, isString } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import foldSvg from "../../../assets/arrow.svg";
 import { Copy, ProBackBtn } from "./components";
@@ -26,62 +15,54 @@ import getEnumLabel from "../../../ProEnum/utils/getEnumLabel";
 import locale from "../../../locale";
 import { checkDescribeItemsHidden } from "./utils";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var formatAmount = tools.formatAmount;
-var ProHeader = props => {
-  var breadcrumbColumns = props.breadcrumbColumns,
-    actionRender = props.actionRender,
-    describeColumns = props.describeColumns,
-    subDescribeColumns = props.subDescribeColumns,
-    onBack = props.onBack,
-    className = props.className,
-    _props$bodyOverFlowHi = props.bodyOverFlowHidden,
-    bodyOverFlowHidden = _props$bodyOverFlowHi === void 0 ? false : _props$bodyOverFlowHi,
-    fixedTop = props.fixedTop,
-    _props$showBack = props.showBack,
-    showBack = _props$showBack === void 0 ? true : _props$showBack,
-    _props$showShadow = props.showShadow,
-    showShadow = _props$showShadow === void 0 ? false : _props$showShadow,
-    _props$zIndex = props.zIndex,
-    zIndex = _props$zIndex === void 0 ? 98 : _props$zIndex,
-    title = props.title,
-    _props$autoBack = props.autoBack,
-    autoBack = _props$autoBack === void 0 ? 2 : _props$autoBack,
-    _props$collapsed = props.collapsed,
-    collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
-    style = props.style,
-    _props$isConfirmBack = props.isConfirmBack,
-    isConfirmBack = _props$isConfirmBack === void 0 ? false : _props$isConfirmBack,
-    _props$isConfirmBackM = props.isConfirmBackModalProps,
-    isConfirmBackModalProps = _props$isConfirmBackM === void 0 ? {} : _props$isConfirmBackM;
-  var _useState = useState(showBack),
-    _useState2 = _slicedToArray(_useState, 2),
-    backState = _useState2[0],
-    setBackState = _useState2[1];
-  var _useToggle = useToggle(collapsed),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    fold = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-  var ref = useRef(null);
-  var size = useSize(ref);
-  var _title = title;
+const {
+  formatAmount
+} = tools;
+const ProHeader = props => {
+  const {
+    breadcrumbColumns,
+    actionRender,
+    describeColumns,
+    subDescribeColumns,
+    onBack,
+    className,
+    bodyOverFlowHidden = false,
+    fixedTop,
+    showBack = true,
+    showShadow = false,
+    zIndex = 98,
+    title,
+    autoBack = 2,
+    collapsed = true,
+    style,
+    isConfirmBack = false,
+    isConfirmBackModalProps = {}
+  } = props;
+  const [backState, setBackState] = useState(showBack);
+  const [fold, {
+    toggle
+  }] = useToggle(collapsed);
+  const ref = useRef(null);
+  const size = useSize(ref);
+  let _title = title;
 
   // 面包屑配置数据源
-  var _breadcrumbColumns = breadcrumbColumns || [];
+  const _breadcrumbColumns = breadcrumbColumns || [];
 
   // 次级配置数据源
-  var _subDescribeColumns = subDescribeColumns || [];
+  const _subDescribeColumns = subDescribeColumns || [];
   useEffect(() => {
     if (bodyOverFlowHidden) {
-      var bodyElement = document.querySelector('body');
+      const bodyElement = document.querySelector('body');
       bodyElement.style.overflow = 'hidden';
     }
     return () => {
-      var bodyElement = document.querySelector('body');
+      const bodyElement = document.querySelector('body');
       bodyElement.style.overflow = '';
     };
   }, [bodyOverFlowHidden]);
   useEffect(() => {
-    var isNewPage = window.history.length;
+    const isNewPage = window.history.length;
     // history的记录，默认2，代办新开页面
     if (isNewPage <= autoBack) {
       setBackState(false);
@@ -91,7 +72,7 @@ var ProHeader = props => {
   /**
    * 主级描述数据渲染
    */
-  var describeRender = describeData => {
+  const describeRender = describeData => {
     if (!Array.isArray(describeData)) {
       return null;
     }
@@ -102,23 +83,23 @@ var ProHeader = props => {
         'pro-header-describe-hidden': !fold
       }),
       children: describeData.map((item, index) => {
-        var value = item.value,
-          copyable = item.copyable,
-          _item$show = item.show,
-          show = _item$show === void 0 ? true : _item$show,
-          tag = item.tag,
-          label = item.label,
-          link = item.link,
-          _item$items = item.items,
-          items = _item$items === void 0 ? [] : _item$items,
-          width = item.width;
+        const {
+          value,
+          copyable,
+          show = true,
+          tag,
+          label,
+          link,
+          items = [],
+          width
+        } = item;
         // show为false直接隐藏¸
         if (show === false || !show) {
           return null;
         }
-        var onlyTag = tag && !label && !value;
-        var tagRender = params => {
-          if (Array.isArray(params === null || params === void 0 ? void 0 : params.tag) && params !== null && params !== void 0 && params.tag.length) {
+        const onlyTag = tag && !label && !value;
+        const tagRender = params => {
+          if (Array.isArray(params?.tag) && params?.tag.length) {
             return /*#__PURE__*/_jsx(Space, {
               size: 4,
               children: params.tag.map((tagItem, index) => {
@@ -129,44 +110,44 @@ var ProHeader = props => {
               })
             });
           }
-          return params !== null && params !== void 0 && params.tag ? /*#__PURE__*/_jsx("div", {
+          return params?.tag ? /*#__PURE__*/_jsx("div", {
             className: "pro-header-tag",
-            children: params === null || params === void 0 ? void 0 : params.tag
+            children: params?.tag
           }) : null;
         };
 
         /** 单行渲染 */
-        var valueRender = params => {
+        const valueRender = params => {
           return /*#__PURE__*/_jsxs(Space, {
             size: 4,
-            align: params !== null && params !== void 0 && params.tag ? 'baseline' : 'center',
-            children: [params !== null && params !== void 0 && params.link ? /*#__PURE__*/_jsx("a", {
+            align: params?.tag ? 'baseline' : 'center',
+            children: [params?.link ? /*#__PURE__*/_jsx("a", {
               onClick: () => {
-                var newWindow = window.open(params.link);
+                const newWindow = window.open(params.link);
                 newWindow.opener = null;
               },
-              children: params === null || params === void 0 ? void 0 : params.value
-            }) : params === null || params === void 0 ? void 0 : params.value, params !== null && params !== void 0 && params.copyable && isString(params === null || params === void 0 ? void 0 : params.value) ? /*#__PURE__*/_jsx(Copy, {
+              children: params?.value
+            }) : params?.value, params?.copyable && _isString(params?.value) ? /*#__PURE__*/_jsx(Copy, {
               text: params.value
             }) : null, tagRender({
-              tag: params === null || params === void 0 ? void 0 : params.tag
+              tag: params?.tag
             })]
           });
         };
 
         /** 多行渲染 */
-        var itemsRender = () => {
+        const itemsRender = () => {
           // items配置是否超长，超长配置... + tip 提示
-          var itemsHidden = checkDescribeItemsHidden(ref === null || ref === void 0 ? void 0 : ref.current);
-          var result = /*#__PURE__*/_jsxs("div", {
+          const itemsHidden = checkDescribeItemsHidden(ref?.current);
+          const result = /*#__PURE__*/_jsxs("div", {
             ref: ref,
             className: classnames({
               'pro-header-describe-items': true,
               'pro-header-describe-items-more': items.length >= 2
             }),
-            children: [(items === null || items === void 0 ? void 0 : items.length) > 3 ? `共${items === null || items === void 0 ? void 0 : items.length}个，` : null, items.map((item, index) => {
+            children: [items?.length > 3 ? `共${items?.length}个，` : null, items.map((item, index) => {
               return /*#__PURE__*/_jsxs("span", {
-                children: [valueRender(item), (items === null || items === void 0 ? void 0 : items.length) !== index + 1 ? ' 、' : null]
+                children: [valueRender(item), items?.length !== index + 1 ? ' 、' : null]
               }, index);
             }), itemsHidden ? /*#__PURE__*/_jsx("span", {
               className: "pro-header-describe-items-omit",
@@ -174,7 +155,7 @@ var ProHeader = props => {
             }) : null]
           });
           if (itemsHidden) {
-            var tipResult = /*#__PURE__*/_jsx(_Fragment, {
+            const tipResult = /*#__PURE__*/_jsx(_Fragment, {
               children: items.map((item, index) => {
                 return /*#__PURE__*/_jsx("p", {
                   className: "pro-header-describe-items-tip-value",
@@ -193,9 +174,9 @@ var ProHeader = props => {
           }
           return result;
         };
-        var tagCls = classnames({
+        const tagCls = classnames({
           'pro-header-only-tag': onlyTag,
-          'pro-header-describe-items-calc': isString(width) ? width.includes('calc') : false
+          'pro-header-describe-items-calc': _isString(width) ? width.includes('calc') : false
         });
         return /*#__PURE__*/_jsx("li", {
           className: tagCls,
@@ -209,7 +190,7 @@ var ProHeader = props => {
               children: label
             }) : null, /*#__PURE__*/_jsx("span", {
               className: "pro-header-describe-value",
-              children: items !== null && items !== void 0 && items.length ? itemsRender() : /*#__PURE__*/_jsx("span", {
+              children: items?.length ? itemsRender() : /*#__PURE__*/_jsx("span", {
                 children: valueRender({
                   value,
                   copyable,
@@ -227,27 +208,26 @@ var ProHeader = props => {
   /**
    * 次级描述数据渲染
    */
-  var subDescribeRender = describeData => {
-    var _dayjs, _dayjs2;
-    var value = describeData.value,
-      type = describeData.type,
-      valueType = describeData.valueType,
-      label = describeData.label,
-      _describeData$show = describeData.show,
-      show = _describeData$show === void 0 ? true : _describeData$show,
-      _describeData$precisi = describeData.precision,
-      precision = _describeData$precisi === void 0 ? 2 : _describeData$precisi,
-      code = describeData.code;
+  const subDescribeRender = describeData => {
+    const {
+      value,
+      type,
+      valueType,
+      label,
+      show = true,
+      precision = 2,
+      code
+    } = describeData;
     // show为false直接隐藏
     if (!show) {
       return '';
     }
-    var result;
+    let result;
     switch (valueType || type) {
       case 'thousandth':
       case 'money':
         // 千分位
-        result = value || isNumber(value) ? formatAmount(value, precision) : '-';
+        result = value || _isNumber(value) ? formatAmount(value, precision) : '-';
         break;
       case 'enumName':
         // 枚举-展示name
@@ -259,11 +239,11 @@ var ProHeader = props => {
         break;
       case 'date':
         // 年月日
-        result = value ? (_dayjs = dayjs(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format('YYYY-MM-DD') : '-';
+        result = value ? dayjs(value)?.format('YYYY-MM-DD') : '-';
         break;
       case 'dateTime':
         // 年月日 时分秒
-        result = value ? (_dayjs2 = dayjs(value)) === null || _dayjs2 === void 0 ? void 0 : _dayjs2.format('YYYY-MM-DD HH:mm:ss') : '-';
+        result = value ? dayjs(value)?.format('YYYY-MM-DD HH:mm:ss') : '-';
         break;
       default:
         result = String(value).includes('undefined') || !value ? '-' : value;
@@ -282,21 +262,20 @@ var ProHeader = props => {
   /**
    * 头部右侧按钮面板渲染
    */
-  var actionsRender = () => {
+  const actionsRender = () => {
     if (Array.isArray(actionRender) && actionRender.length) {
       return /*#__PURE__*/_jsx(Space, {
         separator: /*#__PURE__*/_jsx(Divider, {
           orientation: "vertical"
         }),
         children: actionRender.map((item, index) => {
-          var _item$props;
-          if (isFunction(item === null || item === void 0 ? void 0 : item.type)) {
+          if (_isFunction(item?.type)) {
             return /*#__PURE__*/_jsx("div", {
               children: item
             }, index);
           }
           // 判断第一层dom节点为空
-          if (item !== null && item !== void 0 && item.type && !(item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.children)) {
+          if (item?.type && !item?.props?.children) {
             return null;
           }
           return /*#__PURE__*/_jsx("div", {
@@ -311,20 +290,20 @@ var ProHeader = props => {
   /**
    * 总结信息面板渲染
    */
-  var breadcrumbRender = () => {
+  const breadcrumbRender = () => {
     if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
       return [];
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
+    const list = _breadcrumbColumns?.filter(item => {
       return item.type === 'breadcrumb';
     });
     return list.map((item, index) => {
-      var _value$props;
-      var value = item.value,
-        _item$show2 = item.show,
-        show = _item$show2 === void 0 ? true : _item$show2,
-        tag = item.tag;
-      var tagRender = () => {
+      const {
+        value,
+        show = true,
+        tag
+      } = item;
+      const tagRender = () => {
         if (Array.isArray(tag) && tag.length) {
           return /*#__PURE__*/_jsx(Space, {
             size: 8,
@@ -347,7 +326,7 @@ var ProHeader = props => {
         return null;
       }
       // 判断第一层dom节点为空
-      if (value !== null && value !== void 0 && value.type && !(value !== null && value !== void 0 && (_value$props = value.props) !== null && _value$props !== void 0 && _value$props.children)) {
+      if (value?.type && !value?.props?.children) {
         return null;
       }
       return {
@@ -363,11 +342,11 @@ var ProHeader = props => {
   /**
    * 头部左侧导航栏后业务信息
    */
-  var infoRender = () => {
+  const infoRender = () => {
     if (!Array.isArray(_breadcrumbColumns)) {
       return '';
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
+    const list = _breadcrumbColumns?.filter(item => {
       return item.type !== 'breadcrumb';
     });
     if (!list.length) {
@@ -376,35 +355,34 @@ var ProHeader = props => {
     return /*#__PURE__*/_jsx("ul", {
       className: "pro-header-info",
       children: list.map((item, index) => {
-        var _value$props2;
-        var value = item.value,
-          _item$type = item.type,
-          type = _item$type === void 0 ? 'info' : _item$type,
-          _item$show3 = item.show,
-          show = _item$show3 === void 0 ? true : _item$show3,
-          width = item.width,
-          tag = item.tag;
+        const {
+          value,
+          type = 'info',
+          show = true,
+          width,
+          tag
+        } = item;
         // show或者值不存在为false直接隐藏¸
         if (!show || !value) {
           return '';
         }
         // 判断第一层dom节点为空
-        if (value !== null && value !== void 0 && value.type && !(value !== null && value !== void 0 && (_value$props2 = value.props) !== null && _value$props2 !== void 0 && _value$props2.children)) {
+        if (value?.type && !value?.props?.children) {
           return '';
         }
         // value为null或者undefined返回'-'
-        var val = String(value).includes('undefined') || !value ? '-' : value;
+        let val = String(value).includes('undefined') || !value ? '-' : value;
         if (type === 'version' && val) {
           val = `${locale.ProHeader.versionTitle}${val}`;
         }
 
         // 面包屑样式
-        var breadcrumbCls = classnames({
+        const breadcrumbCls = classnames({
           'breadcrumb-value': true,
           omit: width
         });
-        var valueRender = type => {
-          var valRender = /*#__PURE__*/_jsx("div", {
+        const valueRender = type => {
+          let valRender = /*#__PURE__*/_jsx("div", {
             className: breadcrumbCls,
             style: {
               width
@@ -445,17 +423,17 @@ var ProHeader = props => {
       })
     });
   };
-  var cls = classnames({
+  const cls = classnames({
     'pro-header': true,
     'pro-header-fixed': fixedTop,
     'pro-header-shadow': showShadow,
     // 内部窗口滚动自带阴影场景
     'pro-header-no-back': !backState,
-    'pro-header-has-describe': !isEmpty(_subDescribeColumns) || !isEmpty(describeColumns) || !isEmpty(describeColumns),
-    'pro-header-no-describe': isEmpty(_subDescribeColumns) && isEmpty(describeColumns) || isEmpty(describeColumns),
+    'pro-header-has-describe': !_isEmpty(_subDescribeColumns) || !_isEmpty(describeColumns) || !_isEmpty(describeColumns),
+    'pro-header-no-describe': _isEmpty(_subDescribeColumns) && _isEmpty(describeColumns) || _isEmpty(describeColumns),
     [`${className}`]: className
   });
-  if (title && !isEmpty(_breadcrumbColumns)) {
+  if (title && !_isEmpty(_breadcrumbColumns)) {
     console.error('warning: The title and the breadcrumbList cannot be used together');
   }
 
@@ -467,7 +445,7 @@ var ProHeader = props => {
       value: title
     });
   }
-  var onConfirm = () => {
+  const onConfirm = () => {
     if (!isConfirmBack) {
       onBack && onBack();
       if (!onBack) {
@@ -476,26 +454,31 @@ var ProHeader = props => {
       return false;
     }
     // 处理 Modal.confirm 的 width 类型兼容性问题
-    var _ref = isConfirmBackModalProps || {},
-      width = _ref.width,
-      restModalProps = _objectWithoutProperties(_ref, _excluded);
-    Modal.confirm(_objectSpread(_objectSpread({
+    const {
+      width,
+      ...restModalProps
+    } = isConfirmBackModalProps || {};
+    Modal.confirm({
       title: `${locale.ProHeader.confirmTitle}`,
       okText: `${locale.ProHeader.confirm}`,
       cancelText: `${locale.ProHeader.cancel}`,
       onOk: () => {
         onBack && onBack();
-      }
-    }, width && (typeof width === 'string' || typeof width === 'number') ? {
-      width
-    } : {}), restModalProps));
+      },
+      // 仅当 width 是 string 或 number 时才传递
+      ...(width && (typeof width === 'string' || typeof width === 'number') ? {
+        width
+      } : {}),
+      ...restModalProps
+    });
   };
   return /*#__PURE__*/_jsx("div", {
     className: cls,
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: {
+      ...style,
       top: fixedTop,
       zIndex
-    }),
+    },
     children: _title ? /*#__PURE__*/_jsx("div", {
       className: "pro-header-title",
       children: _title
@@ -520,7 +503,7 @@ var ProHeader = props => {
           className: "pro-header-right",
           children: actionsRender()
         })]
-      }), describeRender(describeColumns), !isEmpty(_subDescribeColumns) ? /*#__PURE__*/_jsxs("div", {
+      }), describeRender(describeColumns), !_isEmpty(_subDescribeColumns) ? /*#__PURE__*/_jsxs("div", {
         className: classnames({
           'pro-header-nav': true,
           'pro-header-nav-open': fold,

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

@@ -2,13 +2,13 @@
  * 检查描述dom是否部分隐藏
  * @param ele  dom节点
  */
-export var checkDescribeItemsHidden = ele => {
-  var childElement = ele;
+export const 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;
 };

package/es/ProLayout/components/TabsManager/components/TabContextMenu.js

@@ -1,34 +1,24 @@
-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 { useState, useCallback } from 'react';
 import { Dropdown } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 右键菜单组件 - 兼容Antd 4.x和5.x
  */
-function TabContextMenu(_ref) {
-  var tabId = _ref.tabId,
-    children = _ref.children,
-    _ref$closable = _ref.closable,
-    closable = _ref$closable === void 0 ? true : _ref$closable,
-    onClose = _ref.onClose,
-    onCloseOthers = _ref.onCloseOthers,
-    onCloseRight = _ref.onCloseRight,
-    onCloseAll = _ref.onCloseAll,
-    customMenuItems = _ref.menuItems,
-    tabMenuClick = _ref.tabMenuClick,
-    tab = _ref.tab,
-    _ref$tabs = _ref.tabs,
-    tabs = _ref$tabs === void 0 ? [] : _ref$tabs;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var handleMenuClick = useCallback(key => {
+function TabContextMenu({
+  tabId,
+  children,
+  closable = true,
+  onClose,
+  onCloseOthers,
+  onCloseRight,
+  onCloseAll,
+  menuItems: customMenuItems,
+  tabMenuClick,
+  tab,
+  tabs = []
+}) {
+  const [visible, setVisible] = useState(false);
+  const handleMenuClick = useCallback(key => {
     setVisible(false);
 
     // 优先调用自定义回调
@@ -61,7 +51,7 @@ function TabContextMenu(_ref) {
   }, [tabId, closable, onClose, onCloseOthers, onCloseRight, onCloseAll, tabMenuClick, tab, tabs]);
 
   // 默认右键菜单配置 - 统一使用items方式（antd 4.20+都支持）
-  var defaultMenuItems = [{
+  const defaultMenuItems = [{
     key: 'close',
     label: '关闭',
     disabled: !closable
@@ -78,16 +68,15 @@ function TabContextMenu(_ref) {
 
   // 合并自定义菜单项和默认菜单项
   // 如果提供了自定义菜单项，则追加到默认菜单项后面；否则使用默认菜单项
-  var menuItems = customMenuItems && customMenuItems.length > 0 ? [...defaultMenuItems, {
+  const menuItems = customMenuItems && customMenuItems.length > 0 ? [...defaultMenuItems, {
     type: 'divider'
   }, ...customMenuItems] : defaultMenuItems;
   return /*#__PURE__*/_jsx(Dropdown, {
     menu: {
       items: menuItems,
-      onClick: _ref2 => {
-        var key = _ref2.key;
-        return handleMenuClick(key);
-      }
+      onClick: ({
+        key
+      }) => handleMenuClick(key)
     },
     trigger: ['contextMenu'],
     open: visible,