@teamix/pro 1.5.31 → 1.5.33

package/es/actions/index.js

@@ -166,9 +166,10 @@ export var ProActionButton = function ProActionButton(props) {
     } else {
       triggerProps['type'] = 'primary';
     }
-    content = /*#__PURE__*/React.createElement(CustomActionComponent, _objectSpread({
-      triggerProps: triggerProps
-    }, context));
+    content = /*#__PURE__*/React.createElement(CustomActionComponent, _objectSpread(_objectSpread({
+      triggerProps: triggerProps,
+      actionProps: actionProps
+    }, config), context));
   }
   var baseToolTipProps = _objectSpread({
     triggerType: 'hover',

package/es/index.d.ts

@@ -30,5 +30,5 @@ export * from './sidebar';
 export * from './utils';
 export * from './timeline';
 export * from './image';
-declare const version = "1.5.31";
+declare const version = "1.5.33";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, ProImage, hooks, nocode, templates, utils, };

package/es/index.js

@@ -37,7 +37,7 @@ export * from './sidebar';
 export * from './utils';
 export * from './timeline';
 export * from './image';
-var version = '1.5.31';
+var version = '1.5.33';
 // By TeamixTest
 window.postMessage({
   source: 'teamix-test-devtools',

package/es/table/components/Layout/index.js

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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; }
-import React, { isValidElement, useMemo } from 'react';
+import React, { isValidElement } from 'react';
 import { usePrefixCls } from '@teamix/utils';
 import { Header } from '../../../field';
 import { ProActionGroup } from '../../../actions';
@@ -66,7 +66,7 @@ var Layout = function Layout(props) {
     }, otherProps)));
   };
   // 渲染新版 QueryFilter
-  var renderQueryFilter = useMemo(function () {
+  var renderQueryFilter = function renderQueryFilter() {
     var _dataFilter$schema;
     if (dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema = dataFilter.schema) === null || _dataFilter$schema === void 0 ? void 0 : _dataFilter$schema.length) {
       var _dataFilter$schema2;
@@ -128,9 +128,7 @@ var Layout = function Layout(props) {
         }, afterDataFilter) : null
       }));
     }
-  }, [
-  //todo: 重复render 问题都在这里
-  dataFilter, mainAction, dataFilterFormRef, afterDataFilter]);
+  };
   // 区域组合渲染
   var renderLayout = function renderLayout() {
     if (header && mainAction) {
@@ -144,7 +142,7 @@ var Layout = function Layout(props) {
         actionRef: actionRef,
         quickAction: extra,
         rowSelection: rowSelection
-      }))), renderQueryFilter);
+      }))), renderQueryFilter());
     } else if (header && !mainAction) {
       var _dataFilter$schema3, _dataFilter$schema4;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -157,14 +155,14 @@ var Layout = function Layout(props) {
         actionRef: actionRef,
         quickAction: extra,
         rowSelection: rowSelection
-      }), !(dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema3 = dataFilter.schema) === null || _dataFilter$schema3 === void 0 ? void 0 : _dataFilter$schema3.length) && renderQueryFilter)), (dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema4 = dataFilter.schema) === null || _dataFilter$schema4 === void 0 ? void 0 : _dataFilter$schema4.length) && renderQueryFilter);
+      }), !(dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema3 = dataFilter.schema) === null || _dataFilter$schema3 === void 0 ? void 0 : _dataFilter$schema3.length) && renderQueryFilter())), (dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema4 = dataFilter.schema) === null || _dataFilter$schema4 === void 0 ? void 0 : _dataFilter$schema4.length) && renderQueryFilter());
     } else if (!header && mainAction) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, renderQueryFilter);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, renderQueryFilter());
     } else if (!header && !mainAction) {
       if (!dataFilterFormRef && !extra) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, renderQueryFilter);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, renderQueryFilter());
     }
   };
   if ((dataFilter === null || dataFilter === void 0 ? void 0 : dataFilter.schema) || mainAction || header || extra || toolBar !== false) {

package/es/table/components/Pagination/index.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
 import { responsivePaginationType } from '../../typing';
 import './index.scss';
-declare const _default: React.MemoExoticComponent<(props: PaginationProps & {
-    responsivePaginationType?: responsivePaginationType | undefined;
-    useMaxData?: boolean | undefined;
-}) => JSX.Element>;
+declare const _default: (props: PaginationProps & {
+    responsivePaginationType?: responsivePaginationType;
+    useMaxData?: boolean;
+}) => JSX.Element;
 export default _default;

package/es/table/components/Pagination/index.js

@@ -16,14 +16,13 @@ import { Pagination, Balloon, Select, Button, Input, Icon } from '@alicloudfe/co
 import { getMessage, cls, usePrefixCls } from '@teamix/utils';
 import { useResponsiveProps } from '@teamix/hooks';
 import './index.scss';
-var ProPagination = function ProPagination(props) {
+export default (function (props) {
   var className = props.className,
     propsOnChange = props.onChange,
     total = props.total,
     pageSize = props.pageSize,
     current = props.current,
-    _props$pageSizeList = props.pageSizeList,
-    pageSizeList = _props$pageSizeList === void 0 ? [5, 10, 20, 50, 100] : _props$pageSizeList,
+    pageSizeList = props.pageSizeList,
     pageSizeSelector = props.pageSizeSelector,
     onPageSizeChange = props.onPageSizeChange,
     responsivePaginationType = props.responsivePaginationType,
@@ -242,5 +241,4 @@ var ProPagination = function ProPagination(props) {
       className: prefixCls('wrapper')
     }, renderPagination())
   );
-};
-export default /*#__PURE__*/React.memo(ProPagination);
+});

package/es/table/index.js

@@ -5,9 +5,6 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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); }
@@ -16,10 +13,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
-import React, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+import React, { useState, useEffect, useRef, useMemo } from 'react';
 import { Table, Checkbox } from '@alicloudfe/components';
 import Pagination from './components/Pagination';
-import TableContent from './components/TableContent';
 import genProColumnToColumn from './utils/genProColumnToColumn';
 import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTargetValue } from '@teamix/utils';
 import { ProSkeletonRaw as Skeleton } from '../skeleton';
@@ -27,8 +26,10 @@ import './index.scss';
 import Layout from './components/Layout';
 import { actionRefUseStateOn, emit, initActionRef, processDefaultFilter, useActionType } from './utils';
 import getTableProps from './utils/getTableProps';
+import getTableSortIcons from './utils/getTableSortIcons';
 import useTableSelection from './utils/useTableSelection';
 import FullScreen from './components/ToolBar/Fullscreen';
+import { EmptyContent } from '@teamix/pro-field';
 import { ProActionGroup } from '../actions';
 import classNames from 'classnames';
 import ProPageContainer from '../page-container';
@@ -37,9 +38,42 @@ import debounce from 'lodash.debounce';
 import CardView from './components/CardView';
 import { useUrlState } from '@teamix/hooks';
 import { getUrlStateFilter } from './utils/util';
-import processColumns from './utils/processColumns';
 export * from './typing';
 var cls = usePrefixCls('teamix-pro-table');
+/**
+ * 处理原生传入的 columns 以便于 选择列 方便处理
+ * @param columns 原生传入的 columns
+ * @returns
+ */
+var processColumns = function processColumns(columns, initialColumns) {
+  var _getGlobalConfig;
+  var globalFilterColumns = (_getGlobalConfig = getGlobalConfig('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns;
+  var filterColumns = columns.filter(function (item) {
+    return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(_objectSpread({}, item)));
+  });
+  // 处理只剩一列批量选择的情况下宽度错乱问题
+  if (filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) {
+    var _initialColumns$;
+    if ((filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) === 1) {
+      var _filterColumns$, _filterColumns$2;
+      if ((_filterColumns$ = filterColumns[0]) === null || _filterColumns$ === void 0 ? void 0 : _filterColumns$.width) {
+        delete filterColumns[0].width;
+      }
+      if ((_filterColumns$2 = filterColumns[0]) === null || _filterColumns$2 === void 0 ? void 0 : _filterColumns$2.lock) {
+        filterColumns[0].lock = false;
+      }
+    } else if (((_initialColumns$ = initialColumns[0]) === null || _initialColumns$ === void 0 ? void 0 : _initialColumns$.columnFilters) !== false) {
+      var _initialColumns$2, _initialColumns$3;
+      if ((_initialColumns$2 = initialColumns[0]) === null || _initialColumns$2 === void 0 ? void 0 : _initialColumns$2.width) {
+        filterColumns[0].width = initialColumns[0].width;
+      }
+      if ((_initialColumns$3 = initialColumns[0]) === null || _initialColumns$3 === void 0 ? void 0 : _initialColumns$3.lock) {
+        filterColumns[0].lock = initialColumns[0].lock;
+      }
+    }
+  }
+  return filterColumns;
+};
 /** 默认请求翻页参数 */
 var globalPageKey = 'currentPage';
 var globalPageSizeKey = 'pageSize';
@@ -164,9 +198,7 @@ var ProTable = function ProTable(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     showSkeleton = _useState12[0],
     setShowSkeleton = _useState12[1]; // 首次加载，渲染骨架屏
-  var skeletonDataSource = useMemo(function () {
-    return new Array(skeletonSize).fill({});
-  }, [skeletonSize]);
+  var skeletonDataSource = new Array(skeletonSize).fill({});
   var requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data';
   // 如果使用 customRequest 的话，内置 loading
   var _useState13 = useState(requestWhenMount),
@@ -182,8 +214,8 @@ var ProTable = function ProTable(props) {
     setFilteredColumns = _useState16[1];
   // 全局状态 ： 自适应表格
   var autoWidth = useMemo(function () {
-    var _getGlobalConfig;
-    return ((_getGlobalConfig = getGlobalConfig('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.autoWidth) || autoWidthProp;
+    var _getGlobalConfig2;
+    return ((_getGlobalConfig2 = getGlobalConfig('ProTable')) === null || _getGlobalConfig2 === void 0 ? void 0 : _getGlobalConfig2.autoWidth) || autoWidthProp;
   }, [autoWidthProp]);
   // 判断是否有操作列，有的话则渲染一个 shadow dom
   var hasActionColumn = false;
@@ -373,8 +405,8 @@ var ProTable = function ProTable(props) {
   });
   // 全局状态 ： 大数据截断
   var globalUseMaxData = useMemo(function () {
-    var _getGlobalConfig2;
-    return (_getGlobalConfig2 = getGlobalConfig('ProTable')) === null || _getGlobalConfig2 === void 0 ? void 0 : _getGlobalConfig2.useMaxData;
+    var _getGlobalConfig3;
+    return (_getGlobalConfig3 = getGlobalConfig('ProTable')) === null || _getGlobalConfig3 === void 0 ? void 0 : _getGlobalConfig3.useMaxData;
   }, []);
   // 非全屏状态下的
   var normalDataFilterFormRef = useRef();
@@ -713,9 +745,7 @@ var ProTable = function ProTable(props) {
     if (Number.isInteger(time) && time >= 1000) {
       autoRefreshTimerRef.current = setTimeout(function () {
         // 自动刷新不显示 loading
-        // 当表格自适应时，自动刷新要显示 loading ，否则表格自适应会出问题
-        // setShowLoading(true)
-        _request({}, !autoWidth);
+        _request({}, true);
       }, Number(time));
       emit('PRO_TABLE_REFRESH_TIMER_FLAG', Number(time));
     }
@@ -800,7 +830,7 @@ var ProTable = function ProTable(props) {
     }
   });
   // 请求函数
-  var _request = useCallback(function (params, noLoading, filterParams, isReset) {
+  function _request(params, noLoading, filterParams, isReset) {
     var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current6, _actionRef$current6$g, _objectSpread3;
     // 首次渲染表格，获取 urlState 上的 表头 filter 数据
     if (bindUrl && (bindUrlProps === null || bindUrlProps === void 0 ? void 0 : bindUrlProps.headerFilters) !== false && dataRef.current.flag) {
@@ -904,7 +934,7 @@ var ProTable = function ProTable(props) {
           if (Number.isInteger(time) && time >= 1000) {
             autoRefreshTimerRef.current = setTimeout(function () {
               // 自动刷新不显示 loading
-              _request(params, !autoWidth);
+              _request(params, true);
             }, Number(time));
             emit('PRO_TABLE_REFRESH_TIMER_FLAG', Number(time));
           }
@@ -915,63 +945,57 @@ var ProTable = function ProTable(props) {
         getData.run(requestData);
       }
     }
-  }, [bindUrl, bindUrlProps, dataRef, url, customRequest]);
-  var onSort = useCallback(function (dataIndex, order) {
+  }
+  function onSort(dataIndex, order) {
     var nextSort = _defineProperty({}, dataIndex, order);
     setSort(nextSort);
     _request(targetFormatSort(nextSort));
-  }, [_request, targetFormatSort]);
+  }
   // 处理 dataFilter 中的 onFilter、onReset
-  var dataFilter = useMemo(function () {
-    return _objectSpread(_objectSpread({
-      mode: 'inline',
-      forceClear: true
-    }, propsDataFilter), {}, {
-      onInit: (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onInit) || requestWhenMount ? function (values) {
-        var _propsDataFilter$onIn;
-        // 表单初始化请求处理
-        propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$onIn = propsDataFilter.onInit) === null || _propsDataFilter$onIn === void 0 ? void 0 : _propsDataFilter$onIn.call(propsDataFilter, values);
-        !fullscreenState && requestWhenMount && _request({}, false, values);
-        return true;
-      } : undefined,
-      onFilter: function onFilter(values) {
-        var _actionRef$current7, _actionRef$current7$c;
-        // 全屏状态，判断全屏表单onFilter是否禁用
-        if (fullscreenState && !filterEnableRef.current.fullscreen) {
-          filterEnableRef.current.fullscreen = true;
-          return;
-        }
-        // 非全屏状态，判断普通表单onFiler是否禁用
-        if (!fullscreenState && !filterEnableRef.current.normal) {
-          filterEnableRef.current.normal = true;
-          return;
-        }
-        (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(values));
-        // 搜索变化时，暂时先清空选择
-        (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$c = _actionRef$current7.clearRowSelection) === null || _actionRef$current7$c === void 0 ? void 0 : _actionRef$current7$c.call(_actionRef$current7);
-        setCurrentPage(1);
-        _request(_defineProperty({}, targetPageKey, 1), false, values);
-      },
-      onReset: function onReset(values) {
-        var _dataFilterFormRef$cu3;
-        (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset());
-        (_dataFilterFormRef$cu3 = dataFilterFormRef.current) === null || _dataFilterFormRef$cu3 === void 0 ? void 0 : _dataFilterFormRef$cu3.reset();
-        setCurrentPage(1);
-        _request(_defineProperty({}, targetPageKey, 1), false, values);
+  var dataFilter = _objectSpread(_objectSpread({
+    mode: 'inline',
+    forceClear: true
+  }, propsDataFilter), {}, {
+    onInit: (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onInit) || requestWhenMount ? function (values) {
+      var _propsDataFilter$onIn;
+      // 表单初始化请求处理
+      propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$onIn = propsDataFilter.onInit) === null || _propsDataFilter$onIn === void 0 ? void 0 : _propsDataFilter$onIn.call(propsDataFilter, values);
+      !fullscreenState && requestWhenMount && _request({}, false, values);
+      return true;
+    } : undefined,
+    onFilter: function onFilter(values) {
+      var _actionRef$current7, _actionRef$current7$c;
+      // 全屏状态，判断全屏表单onFilter是否禁用
+      if (fullscreenState && !filterEnableRef.current.fullscreen) {
+        filterEnableRef.current.fullscreen = true;
+        return;
       }
-    });
-  }, [propsDataFilter, fullscreenState, filterEnableRef, actionRef]);
-  var isLoading = useMemo(function () {
+      // 非全屏状态，判断普通表单onFiler是否禁用
+      if (!fullscreenState && !filterEnableRef.current.normal) {
+        filterEnableRef.current.normal = true;
+        return;
+      }
+      (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(values));
+      // 搜索变化时，暂时先清空选择
+      (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$c = _actionRef$current7.clearRowSelection) === null || _actionRef$current7$c === void 0 ? void 0 : _actionRef$current7$c.call(_actionRef$current7);
+      setCurrentPage(1);
+      _request(_defineProperty({}, targetPageKey, 1), false, values);
+    },
+    onReset: function onReset(values) {
+      var _dataFilterFormRef$cu3;
+      (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset());
+      (_dataFilterFormRef$cu3 = dataFilterFormRef.current) === null || _dataFilterFormRef$cu3 === void 0 ? void 0 : _dataFilterFormRef$cu3.reset();
+      setCurrentPage(1);
+      _request(_defineProperty({}, targetPageKey, 1), false, values);
+    }
+  });
+  var getTableLoading = function getTableLoading() {
     if (!customRequest) {
       return showLoading && !showSkeleton && (getData.loading || props.loading);
     } else {
       return showLoading && !showSkeleton && (customTableLoading || props.loading);
     }
-  }, [customRequest, showLoading, showSkeleton, customTableLoading, props.loading, getData]);
-  var memorizedGenProColumnToColumn = useMemo(function () {
-    var result = genProColumnToColumn(filteredColumns, showSkeleton, actionRef, context, dataTeamixSpm, bindUrl, bindUrlProps);
-    return result;
-  }, [filteredColumns, showSkeleton, actionRef, context, dataTeamixSpm, bindUrl, bindUrlProps]);
+  };
   var renderTable = function renderTable(isFullScreen) {
     if (propsColumns) {
       return /*#__PURE__*/React.createElement("div", {
@@ -998,11 +1022,11 @@ var ProTable = function ProTable(props) {
         autoRefreshProps: autoRefreshProps,
         bindUrlProps: bindUrlProps,
         bindUrl: bindUrl
-      }), switchViewState === 'table' && /*#__PURE__*/React.createElement(TableContent, _objectSpread({
+      }), switchViewState === 'table' && /*#__PURE__*/React.createElement(Table.StickyLock, _objectSpread({
         hasBorder: false,
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
-        columns: memorizedGenProColumnToColumn,
-        loading: isLoading,
+        columns: genProColumnToColumn(filteredColumns, showSkeleton, actionRef, context, dataTeamixSpm, bindUrl, bindUrlProps),
+        loading: getTableLoading(),
         className: classNames('teamix-pro-table', tableClassName, {
           'with-row-select': rowSelection,
           'teamix-pro-tree-table': isTree
@@ -1013,12 +1037,14 @@ var ProTable = function ProTable(props) {
         sort: sort,
         primaryKey: primaryKey,
         rowSelection: rowSelection,
+        emptyContent: /*#__PURE__*/React.createElement(EmptyContent, _objectSpread({}, emptyProps)),
+        sortIcons: getTableSortIcons(),
         fixedHeader: fullscreenState || fixedTableBody,
         maxBodyHeight: "calc(100vh - ".concat(headerHeight, "px)")
       }, pickProps(getTableProps(), otherProps))), switchViewState === 'card' && /*#__PURE__*/React.createElement(CardView, {
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
         showSkeleton: showSkeleton,
-        loading: isLoading,
+        loading: getTableLoading(),
         originColumns: propsColumns,
         cardViewProps: cardViewProps,
         scrollHeight: fullscreenState || fixedTableBody ? "calc(100vh - ".concat(headerHeight, "px)") : undefined,
@@ -1060,28 +1086,28 @@ var ProTable = function ProTable(props) {
       })));
     } else return footerAction;
   };
-  var onChangePagination = useCallback(function (currentPage) {
-    var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    // 翻页默认清空选择
-    if (!reserveSelectedRecords) {
-      var _actionRef$current8, _actionRef$current8$c;
-      (_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : (_actionRef$current8$c = _actionRef$current8.clearRowSelection) === null || _actionRef$current8$c === void 0 ? void 0 : _actionRef$current8$c.call(_actionRef$current8);
+  var renderFooter = function renderFooter() {
+    function onChangePagination(currentPage) {
+      var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      // 翻页默认清空选择
+      if (!reserveSelectedRecords) {
+        var _actionRef$current8, _actionRef$current8$c;
+        (_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : (_actionRef$current8$c = _actionRef$current8.clearRowSelection) === null || _actionRef$current8$c === void 0 ? void 0 : _actionRef$current8$c.call(_actionRef$current8);
+      }
+      setCurrentPage(currentPage);
+      _request(_objectSpread(_defineProperty({}, targetPageKey, currentPage), params));
     }
-    setCurrentPage(currentPage);
-    _request(_objectSpread(_defineProperty({}, targetPageKey, currentPage), params));
-  }, [reserveSelectedRecords, targetPageKey, actionRef]);
-  var onChangePaginationSize = useCallback(function (currentPageSize) {
-    var _request10;
-    // 翻页默认清空选择
-    if (!reserveSelectedRecords) {
-      var _actionRef$current9, _actionRef$current9$c;
-      (_actionRef$current9 = actionRef.current) === null || _actionRef$current9 === void 0 ? void 0 : (_actionRef$current9$c = _actionRef$current9.clearRowSelection) === null || _actionRef$current9$c === void 0 ? void 0 : _actionRef$current9$c.call(_actionRef$current9);
+    function onChangePaginationSize(currentPageSize) {
+      var _request10;
+      // 翻页默认清空选择
+      if (!reserveSelectedRecords) {
+        var _actionRef$current9, _actionRef$current9$c;
+        (_actionRef$current9 = actionRef.current) === null || _actionRef$current9 === void 0 ? void 0 : (_actionRef$current9$c = _actionRef$current9.clearRowSelection) === null || _actionRef$current9$c === void 0 ? void 0 : _actionRef$current9$c.call(_actionRef$current9);
+      }
+      setPageSize(currentPageSize);
+      setCurrentPage(1);
+      _request((_request10 = {}, _defineProperty(_request10, targetPageSizeKey, currentPageSize), _defineProperty(_request10, targetPageKey, 1), _request10));
     }
-    setPageSize(currentPageSize);
-    setCurrentPage(1);
-    _request((_request10 = {}, _defineProperty(_request10, targetPageSizeKey, currentPageSize), _defineProperty(_request10, targetPageKey, 1), _request10));
-  }, [reserveSelectedRecords, actionRef, targetPageSizeKey, targetPageKey]);
-  var renderFooter = function renderFooter() {
     function renderRowSelection() {
       if (rowSelection) {
         if (showSkeleton) {

package/es/table/index.scss

@@ -103,7 +103,7 @@ $fullscreenPadding: 24px;
     pointer-events: none;
     display: flex;
   }
-
+  
   // sort icon
   .next-table-sort.next-table-header-icon {
     line-height: 16px;

package/es/table/typing.d.ts

@@ -24,8 +24,6 @@ declare type TDataService = {
 };
 export declare type responsivePaginationType = 'mini' | 'small' | 'simple' | 'normal';
 export declare type ProTableColumnProps = {
-    /** 是否开启了自动计算宽度 */
-    isAutoWidth?: boolean;
     /** 自动计算宽度时的被挤占的情况 */
     shrink?: number;
     /** 是否自动适应该列宽度 */

package/es/table/utils/genAutoWidthColumns.js

@@ -36,12 +36,11 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
   var childNodes = dom.children;
   var finalColumns = [];
   fileteredColumns.forEach(function (column, index) {
-    var _childNodes$index;
     var render = column.render,
       _column$valueType = column.valueType,
       valueType = _column$valueType === void 0 ? 'text' : _column$valueType,
-      _column$isAutoWidth = column.isAutoWidth,
-      isAutoWidth = _column$isAutoWidth === void 0 ? true : _column$isAutoWidth,
+      _column$autoWidth = column.autoWidth,
+      autoWidth = _column$autoWidth === void 0 ? true : _column$autoWidth,
       actionSchema = column.actionSchema,
       sortable = column.sortable,
       lock = column.lock;
@@ -53,17 +52,6 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
     var finalType = type || valueType || '';
     var shrink = fieldTypeShrink[finalType];
     column.shrink = column.shrink || (shrink !== undefined ? shrink : 1);
-    if ((column === null || column === void 0 ? void 0 : column.isAutoWidth) === false) {
-      // console.log(column.title, 'isAutoWidth')
-      finalColumns.push(column);
-      return;
-    }
-    ;
-    if ((column === null || column === void 0 ? void 0 : column.columnFilters) === false) {
-      finalColumns.push(column);
-      return;
-    }
-    // column.isAutoWidth = true
     //@ts-ignore
     // if (!autoWidth) {
     //   finalColumns.push(column);
@@ -84,20 +72,13 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
         if (width >= 280) {
           width = 280;
         }
-        column.isAutoWidth = false;
         column.width = defaultPaddingFixer(width, size, false);
       }
       finalColumns.push(column);
       return;
     }
-    // 当列没出来的时候不比较
     // @ts-ignore
-    if ((column === null || column === void 0 ? void 0 : column.columnFilters) === false) {
-      finalColumns.push(column);
-      return;
-    }
-    // @ts-ignore
-    var titleWidth = (_childNodes$index = childNodes[index]) === null || _childNodes$index === void 0 ? void 0 : _childNodes$index.children[0].scrollWidth;
+    var titleWidth = childNodes[index].children[0].scrollWidth;
     // @ts-ignore
     if (fixedWidthTypeList[finalType]) {
       // console.log(
@@ -105,32 +86,20 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
       //   fixedWidthTypeList[finalType],
       // );
       // 固定宽度
-      // console.log(column.title, '固定宽度')
-      column.isAutoWidth = false;
       column.width = defaultPaddingFixer(
       // @ts-ignore
       Math.max(titleWidth, fixedWidthTypeList[finalType]), size, index === 0 && useRowSelection);
       // @ts-ignore
     } else if (computeableWidthTypeList[finalType]) {
       // 可计算宽度
-      // console.log(column.title, '可计算宽度')
-      column.isAutoWidth = false;
       column.width = defaultPaddingFixer(
       // @ts-ignore
       Math.max(titleWidth, computeableWidthTypeList[finalType](data, render)), size, index === 0 && useRowSelection);
     } else {
       // 直接根据 dom 计算
-      // console.log(column.title, '可计算 dom')
-      column.isAutoWidth = false;
       column.width = defaultPaddingFixer(Math.max(titleWidth,
       // @ts-ignore
       calcWidthWithParentDOM(childNodes[index], column.shrink)), size, index === 0 && useRowSelection);
-      if ((column === null || column === void 0 ? void 0 : column.sortable) && ((column === null || column === void 0 ? void 0 : column.tooltip) || (column === null || column === void 0 ? void 0 : column.filters))) {
-        // 检测有 sortable 和 tooltip 的时候增加宽度
-        column.width = column.width + 40;
-      } else if (column === null || column === void 0 ? void 0 : column.sortable) {
-        column.width = column.width + 24;
-      }
     }
     if (index === 0) {
       // 首列不会被挤占
@@ -167,12 +136,8 @@ export var shadowContainer = function shadowContainer(props) {
       //@ts-ignore
       !fixedWidthTypeList[valueType] && data.map(function (item, index) {
         // @ts-ignore
-        var newColumn = _.cloneDeep(column);
-        newColumn.smartWidth = renderCellSmartWidth(getValueFromRecord(dataIndex, item), column, index, item);
-        newColumn.render = _objectSpread(_objectSpread({}, column.render), {}, {
-          description: ''
-        });
-        return renderCell(getValueFromRecord(dataIndex, item), newColumn, index, item);
+        column.smartWidth = renderCellSmartWidth(getValueFromRecord(dataIndex, item), column, index, item);
+        return renderCell(getValueFromRecord(dataIndex, item), column, index, item);
       }));
     }
   }));
@@ -335,8 +300,7 @@ function defaultPaddingFixer(width) {
 }
 function sum() {
   var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  if (list.length === 0) return 0;
-  return list === null || list === void 0 ? void 0 : list.reduce(function (a, b) {
+  return list.reduce(function (a, b) {
     return a + b;
   });
 }

package/es/table/utils/genProColumnToColumn.js

@@ -5,10 +5,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 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; }
 import React from 'react';
-import { renderColumnsTitle } from './columnRender';
+import { renderColumnsTitle, renderCell } from './columnRender';
 import { ProSkeletonRaw as Skeleton } from '../../skeleton';
 import { getLanguage } from '@teamix/utils';
-import Cell from '../components/Cell';
 /**
  * ProColumn => Column
  */
@@ -45,24 +44,7 @@ showSkeleton, actionRef) {
       dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
       title: renderColumnsTitle(columnProps, actionRef, bindUrl, bindUrlProps),
       cell: function cell(value, index, record) {
-        return /*#__PURE__*/React.createElement(Cell, {
-          value: value,
-          item: columnProps,
-          index: index,
-          record: record,
-          actionRef: actionRef,
-          context: context,
-          dataTeamixSpm: dataTeamixSpm
-        });
-        // return renderCell(
-        //   value,
-        //   columnProps,
-        //   index,
-        //   record,
-        //   actionRef,
-        //   context,
-        //   dataTeamixSpm
-        // )
+        return renderCell(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
       }
     });
   });