@zat-design/sisyphus-react 3.13.1 → 3.13.2-beta.1

package/dist/index.esm.css

@@ -1848,6 +1848,9 @@
 .pro-table .ant-table-cell-with-append > div {
   display: inline-block;
 }
+.pro-table .ant-table-content > table .ant-table-cell-fix-left-last:after {
+  width: 8px;
+}
 .pro-table .ant-table-content > table .ant-table-summary {
   color: var(--zaui-text, #343434);
   font-weight: 600;

package/dist/less.esm.css

@@ -1848,6 +1848,9 @@
 .pro-table .ant-table-cell-with-append > div {
   display: inline-block;
 }
+.pro-table .ant-table-content > table .ant-table-cell-fix-left-last:after {
+  width: 8px;
+}
 .pro-table .ant-table-content > table .ant-table-summary {
   color: var(--zaui-text, #343434);
   font-weight: 600;

package/es/ProForm/components/render/RenderFields.js

@@ -10,6 +10,7 @@ import * as componentMap from '../index';
 import { isSelect } from '../../utils';
 import { FieldProvider } from '../../utils/useFieldProps';
 import locale from '../../../locale';
+import processDependencies from '../../utils/processDependencies';
 var RenderFields = function RenderFields(props) {
   var isView = props.isView,
     _props$columns = props.columns,
@@ -80,10 +81,13 @@ var RenderFields = function RenderFields(props) {
     var component = column.component;
     var _isView = typeof column.isView === 'boolean' ? column.isView : isView;
     var defaultProps = getDefaultProps(column);
+    // 处理dependencies，支持namesPaths格式
+    var processedDeps = processDependencies(column.dependencies);
     // 允许formItem的属性放在column最外层 并优先级高于 formItemProps 内部参数
     var _formItemProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultProps), formItemProps), otherFormItemProps), {}, {
       required: columnRequired !== null && columnRequired !== void 0 ? columnRequired : required,
-      clearNotShow: clearNotShow
+      clearNotShow: clearNotShow,
+      dependencies: processedDeps
     });
     _formItemProps.labelWidth = _formItemProps.labelWidth || labelWidth; // 接收Form中的labelWidth
     if (type && component) {

package/es/ProForm/components/render/propsType.d.ts

@@ -31,6 +31,7 @@ import type { GroupType as GroupCopyProps } from '../combination/Group/propsType
 import type { ProCollapseProps } from '../../../ProLayout/components/ProCollapse/PropTypes';
 import type { DistributiveOmit, DiffConfigType } from '../../propsType';
 import type { DiffOriginalParams } from '../../utils/diffOriginal';
+import { NamePathsDependencyType } from '../../utils/processDependencies';
 type ValidateKey = keyof typeof validate;
 type RegExpKey = keyof typeof regExp;
 export interface ProRule extends Omit<RuleObject, 'type'> {
@@ -230,7 +231,11 @@ export interface ProFormColumn<Values = any> extends Omit<FormItemProps<Values>,
     /** 脱敏数据位置下标 */
     desensitization?: [number, number] | ReactiveFunction<Values, [number, number]>;
 }
-export type ProFormColumnType<T = any> = ProFormColumn<T> & ColumnTypeMap<T, 'ProForm'>;
+export interface ProFormColumnWithExtendedDeps<Values = any> extends Omit<ProFormColumn<Values>, 'dependencies'> {
+    /** 表单项依赖关系，扩展支持namesPaths类型 */
+    dependencies?: NamePath[] | (NamePath | NamePathsDependencyType)[];
+}
+export type ProFormColumnType<T = any> = ProFormColumnWithExtendedDeps<T> & ColumnTypeMap<T, 'ProForm'>;
 /**
  * 表单渲染类型
  */

package/es/ProForm/propsType.d.ts

@@ -65,6 +65,10 @@ export interface ProFormType<Values = any> extends FormProps<Values> {
     /** 全局控制优先 */
     globalControl?: boolean;
     mode?: ModeEnum;
+    /**
+     * 如果有formKey，则会在全局中查找或创建表单实例
+     * 可以不需要手动传入form实例 且formKey的优先级高于form
+     */
     formKey?: string;
     /** 是否查看 */
     isView?: boolean;

package/es/ProForm/utils/processDependencies.d.ts

@@ -0,0 +1,29 @@
+import type { NamePath } from 'antd/es/form/interface';
+/**
+ * 定义支持多字段依赖的类型
+ */
+export interface NamePathsDependencyType {
+    type: 'namesPaths';
+    paths: NamePath[][];
+}
+/**
+ * dependencies支持的类型
+ */
+export type Dependencies = NamePath[] | NamePathsDependencyType;
+/**
+ * 处理表单依赖项
+ *
+ * 将常规的依赖项数组与namesPaths类型的依赖项进行处理
+ * 对于namesPaths类型，将其转换为特定格式的字符串：
+ * - 同一路径内的多级通过下划线(_)连接
+ * - 不同路径之间通过连字符(-)连接
+ *
+ * 例如:
+ * { type: 'namesPaths', paths: [['a', 'b'], ['c', 'd']] }
+ * 会被转换成: ['a_b-c_d']
+ *
+ * @param dependencies 依赖项配置
+ * @returns 处理后的依赖项数组
+ */
+export declare function processDependencies(dependencies?: any): any;
+export default processDependencies;

package/es/ProForm/utils/processDependencies.js

@@ -0,0 +1,55 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/**
+ * 处理表单依赖项
+ *
+ * 将常规的依赖项数组与namesPaths类型的依赖项进行处理
+ * 对于namesPaths类型，将其转换为特定格式的字符串：
+ * - 同一路径内的多级通过下划线(_)连接
+ * - 不同路径之间通过连字符(-)连接
+ *
+ * 例如:
+ * { type: 'namesPaths', paths: [['a', 'b'], ['c', 'd']] }
+ * 会被转换成: ['a_b-c_d']
+ *
+ * @param dependencies 依赖项配置
+ * @returns 处理后的依赖项数组
+ */
+export function processDependencies(dependencies) {
+  /**
+   * 1、没有 dependencies，直接返回
+   */
+  if (!dependencies) return undefined;
+  /**
+   * 2、如果是数组，处理可能包含多种类型的元素
+   */
+  if (Array.isArray(dependencies)) {
+    return dependencies.map(function (item) {
+      // 处理数组中的namesPaths类型元素
+      if (_typeof(item) === 'object' && item !== null && 'type' in item && item.type === 'namesPaths') {
+        // 安全类型转换
+        var itemWithPaths = item;
+        var paths = itemWithPaths.paths;
+        return paths.map(function (path) {
+          return Array.isArray(path) ? path.join('_') : String(path);
+        }).join('-');
+      }
+      // 其他类型元素保持不变
+      return item;
+    });
+  }
+  /**
+   * 3、如果是单个namesPaths对象，转换为特定的字符串形式
+   * 例如：[['a','b','c'], ['a','b','d']] => 'a_b_c-a_b_d'
+   */
+  if ('type' in dependencies && dependencies.type === 'namesPaths') {
+    var paths = dependencies.paths;
+    return [paths.map(function (path) {
+      return Array.isArray(path) ? path.join('_') : String(path);
+    }).join('-')];
+  }
+  /**
+   * 4、如果是普通的 dependencies，直接返回
+   */
+  return dependencies;
+}
+export default processDependencies;

package/es/ProIcon/index.js

@@ -135,6 +135,9 @@ var ProIcon = function ProIcon(props) {
     }, rotateStyle), style)
   };
   var icon = !src ? _jsx("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
+    style: _objectSpread({
+      color: color
+    }, svgProps === null || svgProps === void 0 ? void 0 : svgProps.style),
     onClick: onClick,
     "aria-hidden": "true",
     children: _jsx("use", {
@@ -151,13 +154,13 @@ var ProIcon = function ProIcon(props) {
         actionMap: actionMap,
         primaryColor: isQiankun ? qiankunPrimaryColor : primaryColor
       });
+      if (color) {
+        svg.setAttribute('fill', color);
+      }
     }
   }));
   var RenderIcon = _jsx("span", _objectSpread(_objectSpread({
-    className: "anticon",
-    style: {
-      color: color
-    }
+    className: "anticon"
   }, reset), {}, {
     children: _jsx(_Tooltip, {
       title: iconText,

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

@@ -139,6 +139,8 @@ var ProCollapse = function ProCollapse(props) {
       var rect = proCollapseNoTitles[0].getBoundingClientRect();
       if ((rect === null || rect === void 0 ? void 0 : rect.height) < window.innerHeight - rect.top) {
         proCollapseNoTitles[0].style.minHeight = "calc(100vh - ".concat(rect.top + 16, "px)");
+      } else {
+        proCollapseNoTitles[0].style.minHeight = 'auto';
       }
       if (proFooterNode) {
         proCollapseNoTitles[0].style.minHeight = "calc(100vh - ".concat(rect.top + proFooterNode.offsetHeight + 16, "px)");

package/es/ProStepTab/index.js

@@ -247,7 +247,7 @@ export function useStepTab() {
         case 0:
           handler = handlesState[activeKey];
           if (!handler) {
-            _context4.next = 14;
+            _context4.next = 15;
             break;
           }
           _context4.next = 4;
@@ -255,29 +255,33 @@ export function useStepTab() {
         case 4:
           result = _context4.sent;
           if (!(result && autoNext)) {
-            _context4.next = 11;
+            _context4.next = 12;
             break;
           }
           // 只有当activeKey能转换为数字时才执行自动跳转
           currentKeyNum = Number(activeKey);
           if (isNaN(currentKeyNum)) {
-            _context4.next = 11;
+            _context4.next = 12;
             break;
           }
-          nextKey = String(currentKeyNum + 1); // 自动跳转到下一个tab
-          _context4.next = 11;
+          nextKey = String(currentKeyNum + 1);
+          if (Number(nextKey) > queueSteps) {
+            nextKey = String(queueSteps);
+          }
+          // 自动跳转到下一个tab
+          _context4.next = 12;
           return setCheckActiveKey(nextKey, false);
-        case 11:
+        case 12:
           if (!(result === false)) {
-            _context4.next = 13;
+            _context4.next = 14;
             break;
           }
           return _context4.abrupt("return", Promise.reject());
-        case 13:
-          return _context4.abrupt("return", result);
         case 14:
-          return _context4.abrupt("return", Promise.resolve(true));
+          return _context4.abrupt("return", result);
         case 15:
+          return _context4.abrupt("return", Promise.resolve(true));
+        case 16:
         case "end":
           return _context4.stop();
       }

package/es/ProTable/components/RenderColumn/index.js

@@ -7,13 +7,14 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import "antd/es/typography/style";
 import _Typography from "antd/es/typography";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { useSetState } from 'ahooks';
 import { isBoolean } from 'lodash';
 import classNames from 'classnames';
 import { CheckOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
-import { getPadding } from '../../utils';
-import { isEmpty } from '../../../utils';
+import { parseWidth } from '../../utils';
+import { isEmpty, isEllipsisActive } from '../../../utils';
 import copySvg from '../../../assets/copy.svg';
 var Paragraph = _Typography.Paragraph,
   Text = _Typography.Text;
@@ -32,35 +33,33 @@ var RenderColumn = function RenderColumn(props) {
     minWidth = props.minWidth,
     isInNewRowFlag = props.isInNewRowFlag,
     scroll = props.scroll;
+  var textRef = useRef(null);
   var _useSetState = useSetState({
       tooltip: false
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     tooltip = _useSetState2[0].tooltip,
     setState = _useSetState2[1];
+  // 计算并更新宽度
+  var updateCalculatedWidth = function updateCalculatedWidth(element) {
+    if (!element) return null;
+    if (!textRef.current) return;
+    // 使用closest方法查找最近的tr
+    var tr = element.closest('tr');
+    if (!tr) return;
+    // 获取tr的宽度
+    var trWidth = tr.getBoundingClientRect().width;
+    // 计算实际宽度
+    var newWidth = parseWidth(width, trWidth);
+    return newWidth;
+  };
   var cellDiffCls = classNames({
     'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
     'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
   });
-  var checkEllipsis = function checkEllipsis(box) {
-    var range = document.createRange();
-    range.setStart(box, 0);
-    range.setEnd(box, box.childNodes.length);
-    var rangeWidth = range.getBoundingClientRect().width;
-    var _getPadding = getPadding(box),
-      pLeft = _getPadding.pLeft,
-      pRight = _getPadding.pRight,
-      pTop = _getPadding.pTop,
-      pBottom = _getPadding.pBottom;
-    var horizontalPadding = pLeft + pRight;
-    if (rangeWidth + horizontalPadding > box.clientWidth) {
-      return true;
-    }
-    return false;
-  };
   var handleMouseOver = function handleMouseOver(e) {
     setState({
-      tooltip: checkEllipsis(e.target)
+      tooltip: isEllipsisActive(e.target)
     });
   };
   var tooltipProps = _objectSpread({
@@ -133,6 +132,7 @@ var RenderColumn = function RenderColumn(props) {
           minWidth: minWidth
         },
         overlayClassName: "original-value-tooltip",
+        destroyTooltipOnHide: true,
         placement: "topLeft",
         autoAdjustOverflow: false,
         title: _jsx(_Space, {
@@ -150,10 +150,7 @@ var RenderColumn = function RenderColumn(props) {
               }) : null
             })]
           }) : node
-        }),
-        getPopupContainer: function getPopupContainer(triggerNode) {
-          return triggerNode.parentNode;
-        }
+        })
       }, toolTipProps), {}, {
         children: renderNode
       }));
@@ -198,18 +195,24 @@ var RenderColumn = function RenderColumn(props) {
         children: "-"
       });
     }
+    var calculatedWidth = updateCalculatedWidth(textRef.current);
     return _jsx(_Tooltip, _objectSpread(_objectSpread({
       title: value,
-      onOpenChange: function onOpenChange(open) {
+      destroyTooltipOnHide: true,
+      onOpenChange: function onOpenChange() {
         setState({
           tooltip: false
         });
       },
       open: tooltip
     }, tooltipProps), {}, {
+      getPopupContainer: function getPopupContainer() {
+        return document.body;
+      },
       children: _jsx(Text, {
+        ref: textRef,
         style: {
-          width: width,
+          width: calculatedWidth,
           minWidth: minWidth
         },
         ellipsis: true,

package/es/ProTable/hooks/useAntdTable.js

@@ -26,7 +26,7 @@ var useDefaultOptions = function useDefaultOptions(options) {
 };
 var previousSearchValues = null;
 function useAntdTable(service, options, useRequestOptions) {
-  var _locale$ProTable2, _locale$ProTable3, _locale$ProTable4, _locale$ProTable5;
+  var _locale$ProTable2, _locale$ProTable3, _locale$ProTable4, _locale$ProTable5, _result$params;
   var _useSetState = useSetState({
       data: [],
       total: 0,
@@ -103,12 +103,6 @@ function useAntdTable(service, options, useRequestOptions) {
       allSelected: false
     }, values));
   };
-  var params = useMemo(function () {
-    var newQueryBean = _objectSpread(_objectSpread({}, searchValues), extraFilter);
-    return getTransformParams(_objectSpread({
-      page: page
-    }, newQueryBean));
-  }, [page, searchValues, extraFilter]);
   var curService = useMemo(function () {
     return service.toString();
   }, [service]);
@@ -247,7 +241,7 @@ function useAntdTable(service, options, useRequestOptions) {
       onPageChange(newPage);
     }
     // 减少查询按钮的渲染，只有需要重置值时才需要调用
-    if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) && !isEqual(previousSearchValues, _values)) {
+    if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
       previousSearchValues = _values;
       setState({
         searchValues: _values,
@@ -477,7 +471,7 @@ function useAntdTable(service, options, useRequestOptions) {
   };
   var useAntdTableProps = _objectSpread(_objectSpread({}, result), {}, {
     data: data,
-    params: params,
+    params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
     rowSelection: rowSelection,
     searchValues: searchValues,
     allSelected: allSelected,

package/es/ProTable/style/index.less

@@ -28,6 +28,9 @@
 
   .@{ant-prefix}-table-content {
     > table {
+      .@{ant-prefix}-table-cell-fix-left-last:after{
+        width: 8px;
+      }
       .@{ant-prefix}-table-summary {
         color: var(--zaui-text, #343434);
         font-weight: 600;

package/es/ProTable/utils/index.d.ts

@@ -33,11 +33,7 @@ export declare const getRowKey: (rowKey: any, record: any) => any;
 export declare const removeEmptyKeys: (obj?: Record<string, any>) => {
     [k: string]: any;
 };
-export declare const getPadding: (el: HTMLElement) => {
-    pLeft: number;
-    pRight: number;
-    pTop: number;
-    pBottom: number;
-};
 /** 判断是有值的对象 */
 export declare const isNonEmptyObject: (obj: any) => obj is Record<string, any>;
+/** 解析宽度值 */
+export declare const parseWidth: (widthValue: number | string | undefined, trWidth: number) => number;

package/es/ProTable/utils/index.js

@@ -88,21 +88,27 @@ export var removeEmptyKeys = function removeEmptyKeys(obj) {
   // 使用 Object.fromEntries() 将过滤后的键值对数组转换回对象
   return Object.fromEntries(filteredEntries);
 };
-/* 获取边距 */
-export var getPadding = function getPadding(el) {
-  var style = window.getComputedStyle(el, null);
-  var paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0;
-  var paddingRight = Number.parseInt(style.paddingRight, 10) || 0;
-  var paddingTop = Number.parseInt(style.paddingTop, 10) || 0;
-  var paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0;
-  return {
-    pLeft: paddingLeft,
-    pRight: paddingRight,
-    pTop: paddingTop,
-    pBottom: paddingBottom
-  };
-};
 /** 判断是有值的对象 */
 export var isNonEmptyObject = function isNonEmptyObject(obj) {
   return obj !== null && _typeof(obj) === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
+};
+/** 解析宽度值 */
+export var parseWidth = function parseWidth(widthValue, trWidth) {
+  // 如果是数字，直接返回
+  if (typeof widthValue === 'number') return widthValue;
+  // 如果是字符串，检查是否是百分比
+  if (typeof widthValue === 'string') {
+    if (widthValue.endsWith('%')) {
+      // 计算百分比
+      var percentage = parseFloat(widthValue) / 100;
+      return Math.max(trWidth * percentage, 0);
+    }
+    // 尝试解析为数字（处理如'300px'这样的情况）
+    var numericValue = parseFloat(widthValue);
+    if (!Number.isNaN(numericValue)) {
+      return numericValue;
+    }
+  }
+  // 所有其他情况，返回默认值
+  return null;
 };

package/es/ProTooltip/index.d.ts

@@ -1,4 +1,3 @@
 import type { ProTooltipType } from './propsType';
-import './style/index.less';
 declare const ProTooltip: (props: ProTooltipType) => import("react/jsx-runtime").JSX.Element;
 export default ProTooltip;

package/es/ProTooltip/index.js

@@ -4,32 +4,31 @@ import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text", "mode", "width", "line", "isResponsiveWidth", "className", "style", "lineHeight"];
+var _excluded = ["text", "mode", "width", "line", "className", "style", "lineHeight", "scrollFollowParent"];
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useSize, useSetState, useDebounce, useDebounceEffect } from 'ahooks';
+import { useSize, useSetState, useDebounce } from 'ahooks';
 import { useEffect, useRef } from 'react';
 import classnames from 'classnames';
-import './style/index.less';
+import { isEllipsisActive } from '../utils';
 var ProTooltip = function ProTooltip(props) {
-  var _useSize;
+  var _useSize, _parentElement$tagNam;
   var ref = useRef();
   var childRef = useRef();
   var contentWrapRef = useRef();
   var text = props.text,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'default' : _props$mode,
-    _props$width = props.width,
-    width = _props$width === void 0 ? '120px' : _props$width,
+    width = props.width,
     _props$line = props.line,
     line = _props$line === void 0 ? 1 : _props$line,
-    _props$isResponsiveWi = props.isResponsiveWidth,
-    isResponsiveWidth = _props$isResponsiveWi === void 0 ? false : _props$isResponsiveWi,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style,
     _props$lineHeight = props.lineHeight,
     lineHeight = _props$lineHeight === void 0 ? 22 : _props$lineHeight,
+    _props$scrollFollowPa = props.scrollFollowParent,
+    scrollFollowParent = _props$scrollFollowPa === void 0 ? true : _props$scrollFollowPa,
     restProps = _objectWithoutProperties(props, _excluded);
   var _width = mode === 'auto' ? 'auto' : width;
   var content = text !== null && text !== void 0 ? text : '-';
@@ -59,6 +58,7 @@ var ProTooltip = function ProTooltip(props) {
   });
   var _ref = (_useSize = useSize(localElement)) !== null && _useSize !== void 0 ? _useSize : {},
     _localSizeWidth = _ref.width;
+  var isTable = (parentElement === null || parentElement === void 0 ? void 0 : (_parentElement$tagNam = parentElement.tagName) === null || _parentElement$tagNam === void 0 ? void 0 : _parentElement$tagNam.toLowerCase()) === 'td';
   var overlayStyle = mode === 'auto' ? {
     maxWidth: _localSizeWidth
   } : {};
@@ -141,23 +141,6 @@ var ProTooltip = function ProTooltip(props) {
     }
     return line > 1 ? _jsx(AutoMixinMulti, {}) : _jsx(AutoMixinSingle, {});
   };
-  useDebounceEffect(function () {
-    if (isResponsiveWidth && parentElement) {
-      var cWidth = parentElement.clientWidth - 32;
-      var contentDom = childRef.current;
-      setState({
-        isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth,
-        localWidth: cWidth
-      });
-    }
-    if (!isResponsiveWidth) {
-      setState({
-        localWidth: _width
-      });
-    }
-  }, [isResponsiveWidth, size], {
-    wait: 300
-  });
   useEffect(function () {
     if (mode === 'auto' && line === 1) {
       var localDom = ref.current;
@@ -237,57 +220,63 @@ var ProTooltip = function ProTooltip(props) {
   }, [debouncedValue]);
   useEffect(function () {
     var localDom = ref.current;
-    var contentDom = childRef.current;
+    var isEllipsis = isEllipsisActive(childRef === null || childRef === void 0 ? void 0 : childRef.current);
     setState({
       parentElement: localDom.parentElement,
-      isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth
+      isShowToolTip: isEllipsis
     });
   }, []);
   var cls = classnames(_defineProperty({
     'pro-tooltip': true
   }, "".concat(className), className));
-  return _jsx("div", {
-    className: cls,
-    ref: ref,
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), multiStyle), {}, {
-      width: localWidth
-    }),
-    children: isResponsiveWidth && isShowToolTip ? _jsx(_Tooltip, _objectSpread(_objectSpread({
-      title: text,
-      getPopupContainer: function getPopupContainer(triggerNode) {
-        return triggerNode.parentNode;
-      }
-    }, restProps), {}, {
-      children: _jsx("div", {
-        className: isMultiLine ? 'multiLine' : 'singleLine',
-        style: _objectSpread(_objectSpread({}, multiStyle), {}, {
-          width: localWidth
-        }),
-        ref: childRef,
-        children: content
-      })
-    })) : isResponsiveWidth ? _jsx("div", {
+  var renderContentBox = function renderContentBox() {
+    return _jsx("div", {
       className: isMultiLine ? 'multiLine' : 'singleLine',
       style: _objectSpread(_objectSpread({}, multiStyle), {}, {
         width: localWidth
       }),
       ref: childRef,
       children: content
-    }) : mode === 'default' ? _jsx(_Tooltip, _objectSpread(_objectSpread({
+    });
+  };
+  var renderTooltipContent = function renderTooltipContent() {
+    return _jsx(_Tooltip, _objectSpread(_objectSpread({
       title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
-        return triggerNode.parentNode;
+        // 修复scrollFollowParent为false时tooltip不显示的问题
+        // 当scrollFollowParent为false时，应该返回document.body而不是triggerNode本身
+        return scrollFollowParent ? triggerNode.parentNode : document.body;
       }
     }, restProps), {}, {
-      children: _jsx("div", {
-        className: isMultiLine ? 'multiLine' : 'singleLine',
-        style: _objectSpread(_objectSpread({}, multiStyle), {}, {
-          width: localWidth
-        }),
-        ref: childRef,
-        children: content
-      })
-    })) : _jsx(AutoMixin, {})
+      overlayStyle: mode === 'auto' ? overlayStyle : {},
+      children: renderContentBox()
+    }));
+  };
+  var renderContent = function renderContent() {
+    // 自动模式使用专门的渲染逻辑
+    if (mode === 'auto') {
+      return _jsx(AutoMixin, {});
+    }
+    // 响应式宽度模式，根据是否需要显示tooltip决定渲染内容 且 父元素为table
+    if (isTable) {
+      if (isShowToolTip) {
+        return renderTooltipContent();
+      }
+      return renderContentBox();
+    }
+    // 默认模式始终显示tooltip
+    if (mode === 'default') {
+      return renderTooltipContent();
+    }
+    return renderContentBox();
+  };
+  return _jsx("div", {
+    className: cls,
+    ref: ref,
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), multiStyle), {}, {
+      width: localWidth
+    }),
+    children: renderContent()
   });
 };
 export default ProTooltip;

package/es/ProTooltip/propsType.d.ts

@@ -19,11 +19,11 @@ export interface ProTooltipType {
      */
     line?: number;
     /**
-     * 是否响应式宽度
-     * @description 启用后提示框宽度将根据内容自适应
-     * @default false
+     * 是否跟随父元素滚动
+     * @description 启用后，提示框将跟随父元素滚动
+     * @default true
      */
-    isResponsiveWidth?: Boolean;
+    scrollFollowParent?: boolean;
     /**
      * 自定义类名
      * @description 额外的CSS类名