@teamix/pro 1.5.25 → 1.5.27

package/lib/table/index.js

@@ -22,6 +22,7 @@ var _proField = require("@teamix/pro-field");
 var _actions = require("../actions");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _pageContainer = _interopRequireDefault(require("../page-container"));
+var _genAutoWidthColumns = require("./utils/genAutoWidthColumns");
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 var _CardView = _interopRequireDefault(require("./components/CardView"));
 var _hooks = require("@teamix/hooks");
@@ -38,8 +39,8 @@ Object.keys(_typing).forEach(function (key) {
     }
   });
 });
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl", "autoRedirect", "useMaxData"],
-  _excluded2 = ["onChange"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "autoWidth", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl", "autoRedirect", "useMaxData"],
+  _excluded2 = ["onChange", "onPageSizeChange"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -167,6 +168,8 @@ var ProTable = function ProTable(props) {
     propsSize = _props$size === void 0 ? 'medium' : _props$size,
     disableSelectAll = props.disableSelectAll,
     context = props.context,
+    _props$autoWidth = props.autoWidth,
+    autoWidthProp = _props$autoWidth === void 0 ? false : _props$autoWidth,
     _props$fixedTableBody = props.fixedTableBody,
     fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
     isTree = props.isTree,
@@ -230,6 +233,19 @@ var ProTable = function ProTable(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     filteredColumns = _useState16[0],
     setFilteredColumns = _useState16[1];
+  // 全局状态 ： 自适应表格
+  var autoWidth = (0, _react.useMemo)(function () {
+    var _getGlobalConfig2;
+    return ((_getGlobalConfig2 = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig2 === void 0 ? void 0 : _getGlobalConfig2.autoWidth) || autoWidthProp;
+  }, [autoWidthProp]);
+  // 判断是否有操作列，有的话则渲染一个 shadow dom
+  var hasActionColumn = false;
+  if (autoWidth) {
+    hasActionColumn = filteredColumns.some(function (column) {
+      var _column$actionSchema, _column$actionSchema$;
+      return (column === null || column === void 0 ? void 0 : column.actionSchema) && ((_column$actionSchema = column.actionSchema) === null || _column$actionSchema === void 0 ? void 0 : (_column$actionSchema$ = _column$actionSchema.actions) === null || _column$actionSchema$ === void 0 ? void 0 : _column$actionSchema$.length) > 0;
+    });
+  }
   var _useState17 = (0, _react.useState)(propsSize),
     _useState18 = _slicedToArray(_useState17, 2),
     size = _useState18[0],
@@ -238,6 +254,13 @@ var ProTable = function ProTable(props) {
     _useState20 = _slicedToArray(_useState19, 2),
     showLoading = _useState20[0],
     setShowLoading = _useState20[1];
+  // 自动计算列宽需要的一些hook
+  var _useState21 = (0, _react.useState)(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    showShadowContainer = _useState22[0],
+    setShowShadowContainer = _useState22[1];
+  var shadowContainerRef = (0, _react.useRef)(null);
+  var shadowActionColumnContainerRef = (0, _react.useRef)(null);
   // 表格内部用作存储的 Ref，标识 Table 组件是否被第一次渲染。用作 useUrlState filter 第一次渲染时使用 state 数据请求
   var dataRef = (0, _react.useRef)({
     flag: true
@@ -258,19 +281,19 @@ var ProTable = function ProTable(props) {
   }, [currentPage, pageSize, urlState]);
   // 存储能够被 on 监听到的 ProTable 状态
   // 因为只做存储用。不需要更新视图以及需要同步更改。所以不使用 setState 更新
-  var _useState21 = (0, _react.useState)({
+  var _useState23 = (0, _react.useState)({
       fullScreenState: false,
       filterRules: {},
       filterColumns: []
     }),
-    _useState22 = _slicedToArray(_useState21, 1),
-    actionRefState = _useState22[0];
+    _useState24 = _slicedToArray(_useState23, 1),
+    actionRefState = _useState24[0];
   // 存储 on 监听事件
-  var _useState23 = (0, _react.useState)({
+  var _useState25 = (0, _react.useState)({
       fullScreenState: {}
     }),
-    _useState24 = _slicedToArray(_useState23, 1),
-    actionRefCallback = _useState24[0];
+    _useState26 = _slicedToArray(_useState25, 1),
+    actionRefCallback = _useState26[0];
   // 存储定时器 id
   var autoRefreshTimerRef = (0, _react.useRef)();
   var onResize = null;
@@ -382,20 +405,20 @@ var ProTable = function ProTable(props) {
     }, 50);
   };
   // header 区域高度。用作全屏计算吸顶吸底高度。默认不做计算
-  var _useState25 = (0, _react.useState)(0),
-    _useState26 = _slicedToArray(_useState25, 2),
-    headerHeight = _useState26[0],
-    setHeaderHeight = _useState26[1];
-  // 全屏显示 className
-  var _useState27 = (0, _react.useState)(false),
+  var _useState27 = (0, _react.useState)(0),
     _useState28 = _slicedToArray(_useState27, 2),
-    fullscreenState = _useState28[0],
-    setFullscreenState = _useState28[1];
-  // 切换视角
-  var _useState29 = (0, _react.useState)(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
+    headerHeight = _useState28[0],
+    setHeaderHeight = _useState28[1];
+  // 全屏显示 className
+  var _useState29 = (0, _react.useState)(false),
     _useState30 = _slicedToArray(_useState29, 2),
-    switchViewState = _useState30[0],
-    setSwitchViewState = _useState30[1];
+    fullscreenState = _useState30[0],
+    setFullscreenState = _useState30[1];
+  // 切换视角
+  var _useState31 = (0, _react.useState)(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
+    _useState32 = _slicedToArray(_useState31, 2),
+    switchViewState = _useState32[0],
+    setSwitchViewState = _useState32[1];
   // 切换全屏搜索开关
   var filterEnableRef = (0, _react.useRef)({
     fullscreen: false,
@@ -403,8 +426,8 @@ var ProTable = function ProTable(props) {
   });
   // 全局状态 ： 大数据截断
   var globalUseMaxData = (0, _react.useMemo)(function () {
-    var _getGlobalConfig2;
-    return (_getGlobalConfig2 = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig2 === void 0 ? void 0 : _getGlobalConfig2.useMaxData;
+    var _getGlobalConfig3;
+    return (_getGlobalConfig3 = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig3 === void 0 ? void 0 : _getGlobalConfig3.useMaxData;
   }, []);
   // 非全屏状态下的
   var normalDataFilterFormRef = (0, _react.useRef)();
@@ -415,10 +438,10 @@ var ProTable = function ProTable(props) {
   var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef;
   // let dataFilterForm = dataFilterFormRef.current;
   // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
-  var _useState31 = (0, _react.useState)(false),
-    _useState32 = _slicedToArray(_useState31, 2),
-    footerSuctionState = _useState32[0],
-    setFooterSuctionState = _useState32[1];
+  var _useState33 = (0, _react.useState)(false),
+    _useState34 = _slicedToArray(_useState33, 2),
+    footerSuctionState = _useState34[0],
+    setFooterSuctionState = _useState34[1];
   // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
   var getFooterSuctionState = function getFooterSuctionState() {
     if (!footerSuction) {
@@ -569,6 +592,9 @@ var ProTable = function ProTable(props) {
       setFullscreenState(state);
       getHeaderHeight(state);
       actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setState) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, 'fullScreenState', state);
+      if (autoWidth) {
+        reGenFilteredColumnsByAutoWidth();
+      }
       return state;
     },
     setColumn: function setColumn(newColumns) {
@@ -580,10 +606,16 @@ var ProTable = function ProTable(props) {
       if (update) {
         (0, _utils2.emit)('refreshFilterState', newColumns);
       }
+      if (autoWidth) {
+        reGenFilteredColumnsByAutoWidth(columns);
+      }
     },
     size: size,
     setSize: function setSize(mode) {
       _setSize(mode);
+      if (autoWidth) {
+        reGenFilteredColumnsByAutoWidth();
+      }
     },
     refresh: function refresh(params) {
       // card视角的刷新等于重新请求
@@ -647,6 +679,9 @@ var ProTable = function ProTable(props) {
     filterEnableRef: filterEnableRef,
     setData: function setData(data) {
       _setData(data);
+      if (autoWidth) {
+        reGenFilteredColumnsByAutoWidth();
+      }
     },
     resetTableMaxBodyHeight: function resetTableMaxBodyHeight(offset) {
       getHeaderHeight(fullscreenState, offset);
@@ -693,6 +728,21 @@ var ProTable = function ProTable(props) {
   if (propsActionRef) {
     propsActionRef.current = actionRef.current;
   }
+  function reGenFilteredColumnsByAutoWidth(columns) {
+    if (!autoWidth) {
+      return;
+    }
+    setShowShadowContainer(true);
+    var authWidthedColumns = (0, _genAutoWidthColumns.genAutoWidthColumns)(columns !== null && columns !== void 0 ? columns : filteredColumns, shadowContainerRef, data, size, useRowSelection, shadowActionColumnContainerRef);
+    setFilteredColumns(authWidthedColumns);
+    // 移除 shadow dom
+    // setTimeout(() => {
+    //   if (document.querySelector('.teamix-pro-table-shadow-container')) {
+    //     document.querySelector('.teamix-pro-table-shadow-container')?.remove();
+    //   }
+    // }, 0);
+  }
+
   function onFormatResult(next) {
     props.onFormatResult && props.onFormatResult(next);
     // 如果开启了 autoRedirect 当当前页数不为1，并且data为空的时候，重定向到第一页
@@ -732,6 +782,9 @@ var ProTable = function ProTable(props) {
       setTotal(total + (next.total || ((_next$data3 = next.data) === null || _next$data3 === void 0 ? void 0 : _next$data3.length)));
     }
     setShowSkeleton(false);
+    if (autoWidth) {
+      reGenFilteredColumnsByAutoWidth();
+    }
   }
   // 请求表格数据工具函数
   var getData = (0, _utils.useRequest)(function (params) {
@@ -878,6 +931,9 @@ var ProTable = function ProTable(props) {
               _setData([].concat(_toConsumableArray(data), _toConsumableArray(dataRes || [])));
               setTotal(total + (totalRes || (dataRes === null || dataRes === void 0 ? void 0 : dataRes.length)));
             }
+            if (autoWidth) {
+              reGenFilteredColumnsByAutoWidth();
+            }
             setShowSkeleton(false);
             setCustomTableLoading(false);
           }
@@ -899,7 +955,7 @@ var ProTable = function ProTable(props) {
           if (Number.isInteger(time) && time >= 1000) {
             autoRefreshTimerRef.current = setTimeout(function () {
               // 自动刷新不显示 loading
-              _request({}, true);
+              _request(params, true);
             }, Number(time));
             (0, _utils2.emit)('PRO_TABLE_REFRESH_TIMER_FLAG', Number(time));
           }
@@ -1106,6 +1162,7 @@ var ProTable = function ProTable(props) {
       var _props$paginationProp3;
       var _ref8 = (_props$paginationProp3 = props === null || props === void 0 ? void 0 : props.paginationProps) !== null && _props$paginationProp3 !== void 0 ? _props$paginationProp3 : {},
         onPaginationPropsChange = _ref8.onChange,
+        onPageSizeChangeProp = _ref8.onPageSizeChange,
         othersPaginationProps = _objectWithoutProperties(_ref8, _excluded2);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: cls('footer', {
@@ -1130,7 +1187,8 @@ var ProTable = function ProTable(props) {
         pageSizeSelector: total > (props.pageSize || 10) * 2 ? 'dropdown' : false,
         type: total / pageSize <= 2 ? 'simple' : 'normal',
         onPageSizeChange: function onPageSizeChange(number) {
-          return onChangePaginationSize(number);
+          onChangePaginationSize(number);
+          onPageSizeChangeProp === null || onPageSizeChangeProp === void 0 ? void 0 : onPageSizeChangeProp(number);
         },
         useMaxData: globalUseMaxData !== null && globalUseMaxData !== void 0 ? globalUseMaxData : useMaxData
       }, othersPaginationProps)))));
@@ -1168,7 +1226,11 @@ var ProTable = function ProTable(props) {
         // 'footer-suction': footerSuctionState && footerSuction,
       }),
       ref: tableRef
-    }, renderTable(isFullScreen), fixFooterState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
+    }, showShadowContainer && (0, _genAutoWidthColumns.shadowContainer)({
+      columns: filteredColumns,
+      data: data,
+      shadowContainerRef: shadowContainerRef
+    }), hasActionColumn && (0, _genAutoWidthColumns.shadowActionColumnContainer)(filteredColumns, shadowActionColumnContainerRef), renderTable(isFullScreen), fixFooterState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
   });
 };
 var _default = ProTable;

package/lib/table/index.scss

@@ -78,6 +78,32 @@ $fullscreenPadding: 24px;
       transition: all 0.1s;
     }
   }
+  &-shadow-container {
+    overflow: hidden;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    visibility: hidden;
+    pointer-events: none;
+  }
+  &-shadow-container-columns {
+    display: flex;
+    >* {
+      flex-shrink: 0;
+    }
+  }
+  &-action-column-shadow-container {
+    overflow: hidden;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    visibility: hidden;
+    pointer-events: none;
+    display: flex;
+  }
+  
   // sort icon
   .next-table-sort.next-table-header-icon {
     line-height: 16px;

package/lib/table/typing.d.ts

@@ -13,7 +13,7 @@ import { ProCardProps } from '../card';
 declare type IFieldRenderProps = keyof ProFieldRenderProps;
 /** 列record函数 */
 declare type ProTableCellFunProp = (value: any, index: number, record: any, ...others: any) => any;
-declare type ITableCellRender = {
+export declare type ITableCellRender = {
     [key in IFieldRenderProps]?: ProFieldRenderProps[key] | ProTableCellFunProp;
 } | ((...other: any) => React.ReactNode);
 declare type TDataService = {
@@ -24,6 +24,10 @@ declare type TDataService = {
 };
 export declare type responsivePaginationType = 'mini' | 'small' | 'simple' | 'normal';
 export declare type ProTableColumnProps = {
+    /** 自动计算宽度时的被挤占的情况 */
+    shrink?: number;
+    /** 是否自动适应该列宽度 */
+    autoWidth?: boolean;
     /**
      * 会在 title 之后展示一个 icon，hover 之后提示一些信息
      */
@@ -65,6 +69,8 @@ export declare type ProTableColumnProps = {
 } & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode' | 'children'>;
 export declare type ProColumnProps = ProTableColumnProps;
 export declare type ProTableProps = {
+    /** 表格是否自适应宽度 */
+    autoWidth?: boolean;
     /** ProColums 定义，取代 Table 的 columns */
     columns: ProTableColumnProps[];
     /** 请求地址 */

package/lib/table/utils/columnRender.d.ts

@@ -11,3 +11,4 @@ export declare const renderColumnsTitle: (item: ProTableColumnProps, actionRef:
  * 负责单元格的具体渲染
  */
 export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any, dataTeamixSpm?: string) => JSX.Element;
+export declare const renderCellSmartWidth: (value: any, item: ProTableColumnProps, index: number, record: any) => 0 | import("@teamix/pro-field/lib/autoWidth/typing").ProFieldAutoWidthPropsItem;

package/lib/table/utils/columnRender.js

@@ -4,12 +4,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderColumnsTitle = exports.renderCell = void 0;
+exports.renderColumnsTitle = exports.renderCellSmartWidth = exports.renderCell = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@teamix/utils");
 var _actions = require("../../actions");
 var _field = _interopRequireWildcard(require("../../field"));
 var _Filter = _interopRequireDefault(require("../components/Filter"));
+var _proField = require("@teamix/pro-field");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -191,9 +192,49 @@ dataTeamixSpm) {
     value: value,
     render: newRender,
     dataSource: newDataSource,
-    format: format
+    format: format,
+    proFieldWidthType: valueType
   }, props));
 };
+exports.renderCell = renderCell;
+var renderCellSmartWidth = function renderCellSmartWidth(value, item, index, record) {
+  var _item$valueType2 = item.valueType,
+    valueType = _item$valueType2 === void 0 ? 'text' : _item$valueType2,
+    render = item.render;
+  var newRender = null;
+  var newDataSource = null;
+  var props = item.props;
+  // 如果 render 直接传函数
+  if (typeof render === 'function') {
+    newRender = function newRender() {
+      return render === null || render === void 0 ? void 0 : render(value, index, record);
+    };
+  } else {
+    newRender = processBuriedPoint(processRenderFunction(render, value, index, record), record, value, index);
+    if (valueType === 'selectGroup') {
+      newRender = _objectSpread(_objectSpread({
+        maxShowNumber: 'auto',
+        foldText: 'more',
+        editOnClick: function editOnClick() {},
+        edit: true
+      }, newRender), {}, {
+        ellipsis: false
+      });
+      props = _objectSpread({
+        valueAlias: {
+          value: 'TagValue',
+          key: 'TagKey'
+        }
+      }, props);
+    }
+    if ((render === null || render === void 0 ? void 0 : render.type) === 'step') {
+      newRender = _objectSpread(_objectSpread({}, newRender), {}, {
+        ellipsis: false
+      });
+    }
+  }
+  return (0, _proField.getProFieldWidth)(valueType, newRender);
+};
 /**
  * 处理 render 配置项是函数的情况
  * @param render ProFieldRender
@@ -202,7 +243,7 @@ dataTeamixSpm) {
  * @param record table cell record
  * @returns
  */
-exports.renderCell = renderCell;
+exports.renderCellSmartWidth = renderCellSmartWidth;
 var processRenderFunction = function processRenderFunction() {
   var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var value = arguments.length > 1 ? arguments[1] : undefined;

package/lib/table/utils/genAutoWidthColumns.d.ts

@@ -0,0 +1,30 @@
+import { MutableRefObject } from 'react';
+import { ProTableColumnProps, ITableCellRender } from '../typing';
+/**
+ * @param fileteredColumns
+ * @param ref
+ * @param data
+ * @returns
+ */
+export declare function genAutoWidthColumns(fileteredColumns: ProTableColumnProps[], ref: MutableRefObject<HTMLDivElement | null>, data: any[], size: 'small' | 'medium', useRowSelection?: boolean | undefined, actionColumnRef?: MutableRefObject<HTMLDivElement | null>): ProTableColumnProps[];
+interface IShadowContainerProps {
+    columns: ProTableColumnProps[];
+    data: any[];
+    shadowContainerRef: MutableRefObject<null>;
+}
+export declare const shadowContainer: (props: IShadowContainerProps) => JSX.Element;
+export declare const shadowActionColumnContainer: (columns: ProTableColumnProps[], shadowActionColumnContainerRef: MutableRefObject<null>) => JSX.Element | undefined;
+export declare const computeableWidthTypeList: {
+    dateTime: (data: any[], render: ITableCellRender) => any;
+};
+export declare const fixedWidthTypeList: {
+    dateWeekRange: number;
+    dateMonthRange: number;
+    dateYearRange: number;
+    dateQuarterRange: number;
+    dateTimeRange: number;
+    time: number;
+    timeRange: number;
+};
+export declare const fieldTypeShrink: any;
+export {};