@teamix/pro 1.2.14 → 1.2.18

package/es/form/SchemaForm/index.js

@@ -223,7 +223,9 @@ export default /*#__PURE__*/memo(function (_ref) {
         rules: defaultRules,
         reactions: defaultReactions,
         dataSource: defaultDataSource,
-        data: data
+        data: data || {
+          placeholder: true
+        }
       })); // 递归子组件
 
       var recursiveProperties = (children === null || children === void 0 ? void 0 : children.length) ? {
@@ -242,7 +244,7 @@ export default /*#__PURE__*/memo(function (_ref) {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, []); // console.log(proFormSchema);
+  }, [schema]); // console.log(proFormSchema);
 
   return /*#__PURE__*/React.createElement(SchemaField, {
     schema: proFormSchema,

package/es/form/SchemaForm/reactions.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 { isFn, isPlainObj, doCommonRequest } from '@teamix/utils'; // 配置请求
+import { isFn, isPlainObj, doCommonRequest, getValueByValue } from '@teamix/utils'; // 配置请求
 
 var $request = function $request(requestConfig) {
   return function (field, context) {
@@ -54,11 +54,7 @@ var $dataSource = function $dataSource(services, onComplete, context) {
       readOnly: true
     });
     return services(field, context).then(function (res) {
-      var _res$map;
-
-      var isValueInDataSource = res === null || res === void 0 ? void 0 : (_res$map = res.map(function (v) {
-        return v.value;
-      })) === null || _res$map === void 0 ? void 0 : _res$map.includes(field.value);
+      var isValueInDataSource = getValueByValue(res, field.value);
       var clearValue = isValueInDataSource ? {} : {
         value: undefined
       };

package/es/form/typing.d.ts

@@ -65,6 +65,12 @@ export interface ProFormProps extends IFormLayoutProps {
     onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
 }
 export interface QueryFilterProps extends ProFormProps {
+    /**
+     * @deprecated triggerType已弃用
+     */
+    triggerType?: 'keydown' | 'change' | 'submit';
+    mode?: 'inline' | 'panel';
+    expand?: boolean;
     addonBefore?: ReactNode;
     addonAfter?: ReactNode;
     onFilter?: (values: any) => void;

package/es/index.d.ts

@@ -21,5 +21,5 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
-declare const version = "1.2.13";
+declare const version = "1.2.17";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };

package/es/index.js

@@ -27,7 +27,7 @@ export * from './page-header';
 export * from './skeleton';
 export * from './table'; // export * from './sidebar';
 
-var version = '1.2.13';
+var version = '1.2.17';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, // ProSidebar,
 hooks, nocode, templates, utils };

package/es/nocode/configurators/ProTable.js

@@ -18,6 +18,7 @@ var initialValues = {
   },
   mainAction: {
     actions: [{
+      key: 'action',
       children: '操作按钮'
     }]
   }

package/es/page-header/index.js

@@ -17,7 +17,7 @@ import { useHistory } from 'react-router-dom';
 import classnames from 'classnames';
 import TeamixIcon from '@teamix/icon';
 import { Breadcrumb } from '@alicloudfe/components';
-import { baseClass, goToLink, renderTags } from '@teamix/utils';
+import { baseClass, goToLink, renderTags, isPresetColor, getColorClassName, getBackgroundColorClassName } from '@teamix/utils';
 import { ProActionGroup } from '../actions';
 import { ProSkeletonRaw } from '../skeleton';
 import ProInfo from '../info';
@@ -63,21 +63,12 @@ var renderActionGroup = function renderActionGroup(group, defaultProps) {
   return group;
 };
 
-var isPresetColor = function isPresetColor(color) {
-  if (!color) {
-    return false;
-  }
-
-  var PRESET_COLOR_REG = /blue|green|orange|red|yellow/;
-  return PRESET_COLOR_REG.test(color);
-};
-
 var getColorAndStyle = function getColorAndStyle(color, backgroundColor, backgroundType) {
   var _classnames;
 
   var isColorPresetColor = isPresetColor(color);
   var isBgColorPresetColor = isPresetColor(backgroundColor);
-  var className = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(cls("color-".concat(color))), isColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-color-".concat(backgroundColor))), isBgColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-type-".concat(backgroundType))), !!backgroundType), _classnames));
+  var className = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(getColorClassName(color)), isColorPresetColor), _defineProperty(_classnames, "".concat(getBackgroundColorClassName(backgroundColor)), isBgColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-type-".concat(backgroundType))), !!backgroundType), _classnames));
   var styleColor = isColorPresetColor ? undefined : color;
   var styleBgColor = isBgColorPresetColor ? undefined : backgroundColor;
   var style = {

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

@@ -140,7 +140,7 @@ var Filter = function Filter(props) {
   return /*#__PURE__*/React.createElement(Dropdown, {
     trigger: /*#__PURE__*/React.createElement(TeamixIcon, {
       size: "small",
-      type: "filter-line",
+      type: selected.length > 0 && visible === false ? 'filter-fill' : 'filter-line',
       className: cls({
         icon: true,
         'icon-selected': selected.length > 0
@@ -149,6 +149,8 @@ var Filter = function Filter(props) {
         setVisible(!visible);
       }
     }),
+    //@ts-ignore
+    v2: true,
     triggerType: ['click'],
     align: "tl bl",
     visible: visible,
@@ -171,7 +173,7 @@ var Filter = function Filter(props) {
       btn: true
     }),
     onClick: function onClick() {
-      var _actionRef$current2, _actionRef$current2$f, _actionRef$current$ge5, _actionRef$current3, _actionRef$current3$g, _actionRef$current3$g2, _actionRef$current4, _actionRef$current5, _actionRef$current5$s, _actionRef$current6, _actionRef$current6$r, _actionRef$current7, _actionRef$current7$r, _actionRef$current8, _actionRef$current8$c;
+      var _actionRef$current2, _actionRef$current2$f, _actionRef$current$ge5, _actionRef$current3, _actionRef$current3$g, _actionRef$current3$g2, _actionRef$current4, _actionRef$current4$s;
 
       (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$f = _actionRef$current2.filterDataSource) === null || _actionRef$current2$f === void 0 ? void 0 : _actionRef$current2$f.call(_actionRef$current2, column.dataIndex); // 先获取此列的param
 
@@ -199,24 +201,30 @@ var Filter = function Filter(props) {
         return null;
       })), [[column.dataIndex, param]]).filter(function (item) {
         return item && (item === null || item === void 0 ? void 0 : item[1]);
-      }));
-      var targetPageKey = 'currentPage';
-      var pageInfo = (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : _actionRef$current4.pageInfo;
+      })); // 再设置所有的列筛选状态
 
-      if (pageInfo && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.targetPageKey)) {
-        targetPageKey = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.targetPageKey;
-      } // 再设置所有的列筛选状态
-
-
-      (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$s = _actionRef$current5.setFilterRules) === null || _actionRef$current5$s === void 0 ? void 0 : _actionRef$current5$s.call(_actionRef$current5, _objectSpread(_objectSpread({}, rules), {}, _defineProperty({}, column.dataIndex, {
+      (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$s = _actionRef$current4.setFilterRules) === null || _actionRef$current4$s === void 0 ? void 0 : _actionRef$current4$s.call(_actionRef$current4, _objectSpread(_objectSpread({}, rules), {}, _defineProperty({}, column.dataIndex, {
         rules: selected,
         params: param
-      }))); // 发送请求
+      })));
+
+      if (selected.length > 0) {
+        var _actionRef$current5, _actionRef$current6, _actionRef$current6$r, _actionRef$current7, _actionRef$current7$r, _actionRef$current8, _actionRef$current8$c;
+
+        var targetPageKey = 'currentPage';
+        var pageInfo = (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : _actionRef$current5.pageInfo;
+
+        if (pageInfo && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.targetPageKey)) {
+          targetPageKey = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.targetPageKey;
+        } // 发送请求
+
+
+        (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : (_actionRef$current6$r = _actionRef$current6.request) === null || _actionRef$current6$r === void 0 ? void 0 : _actionRef$current6$r.call(_actionRef$current6, _objectSpread(_objectSpread({}, params), {}, _defineProperty({}, targetPageKey, 1)));
+        (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$r = _actionRef$current7.resetPage) === null || _actionRef$current7$r === void 0 ? void 0 : _actionRef$current7$r.call(_actionRef$current7); // 清空表格选择
 
-      (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : (_actionRef$current6$r = _actionRef$current6.request) === null || _actionRef$current6$r === void 0 ? void 0 : _actionRef$current6$r.call(_actionRef$current6, _objectSpread(_objectSpread({}, params), {}, _defineProperty({}, targetPageKey, 1)));
-      (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$r = _actionRef$current7.resetPage) === null || _actionRef$current7$r === void 0 ? void 0 : _actionRef$current7$r.call(_actionRef$current7); // 清空表格选择
+        (_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);
+      }
 
-      (_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);
       setVisible(false);
     }
   }, getMessage('ok')), /*#__PURE__*/React.createElement(Button, {
@@ -234,7 +242,25 @@ var Filter = function Filter(props) {
         rules: [],
         params: ''
       })));
-      (_actionRef$current11 = actionRef.current) === null || _actionRef$current11 === void 0 ? void 0 : (_actionRef$current11$ = _actionRef$current11.filterDataSource) === null || _actionRef$current11$ === void 0 ? void 0 : _actionRef$current11$.call(_actionRef$current11, column.dataIndex); // setVisible(!visible);
+      (_actionRef$current11 = actionRef.current) === null || _actionRef$current11 === void 0 ? void 0 : (_actionRef$current11$ = _actionRef$current11.filterDataSource) === null || _actionRef$current11$ === void 0 ? void 0 : _actionRef$current11$.call(_actionRef$current11, column.dataIndex);
+
+      if (selected.length > 0) {
+        var _actionRef$current12, _actionRef$current13, _actionRef$current13$, _actionRef$current14, _actionRef$current14$, _actionRef$current15, _actionRef$current15$;
+
+        var targetPageKey = 'currentPage';
+        var pageInfo = (_actionRef$current12 = actionRef.current) === null || _actionRef$current12 === void 0 ? void 0 : _actionRef$current12.pageInfo;
+
+        if (pageInfo && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.targetPageKey)) {
+          targetPageKey = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.targetPageKey;
+        } // 发送请求
+
+
+        (_actionRef$current13 = actionRef.current) === null || _actionRef$current13 === void 0 ? void 0 : (_actionRef$current13$ = _actionRef$current13.request) === null || _actionRef$current13$ === void 0 ? void 0 : _actionRef$current13$.call(_actionRef$current13, _defineProperty({}, targetPageKey, 1));
+        (_actionRef$current14 = actionRef.current) === null || _actionRef$current14 === void 0 ? void 0 : (_actionRef$current14$ = _actionRef$current14.resetPage) === null || _actionRef$current14$ === void 0 ? void 0 : _actionRef$current14$.call(_actionRef$current14); // 清空表格选择
+
+        (_actionRef$current15 = actionRef.current) === null || _actionRef$current15 === void 0 ? void 0 : (_actionRef$current15$ = _actionRef$current15.clearRowSelection) === null || _actionRef$current15$ === void 0 ? void 0 : _actionRef$current15$.call(_actionRef$current15);
+      } // setVisible(!visible);
+
     }
   }, getMessage('reset'))))));
 };

package/es/table/components/ToolBar/FilterColumnIcon.js

@@ -1,3 +1,11 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+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 _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."); }
@@ -121,10 +129,23 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
 
   var moveUp = function moveUp(e, dataIndex) {
+    var _newColumns$filter, _newColumns$filter2;
+
     e.stopPropagation();
-    var keyNewColumns = cloneDeep(newColumns);
-    var index = keyNewColumns.findIndex(function (_ref) {
-      var index = _ref.dataIndex;
+    var keyNewColumns = cloneDeep(newColumns).filter(function (_ref) {
+      var lock = _ref.lock;
+      return !lock;
+    });
+    var headLock = cloneDeep((_newColumns$filter = newColumns.filter(function (_ref2) {
+      var lock = _ref2.lock;
+      return lock === true || lock === 'left';
+    })) !== null && _newColumns$filter !== void 0 ? _newColumns$filter : []);
+    var tailLock = cloneDeep((_newColumns$filter2 = newColumns.filter(function (_ref3) {
+      var lock = _ref3.lock;
+      return lock === 'right';
+    })) !== null && _newColumns$filter2 !== void 0 ? _newColumns$filter2 : []);
+    var index = keyNewColumns.findIndex(function (_ref4) {
+      var index = _ref4.dataIndex;
       return index === dataIndex;
     });
 
@@ -134,15 +155,28 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       keyNewColumns.push(keyNewColumns.shift());
     }
 
-    notifyTableRender(keyNewColumns);
+    notifyTableRender([].concat(_toConsumableArray(headLock), _toConsumableArray(keyNewColumns), _toConsumableArray(tailLock)));
   }; // 向下
 
 
   var moveDown = function moveDown(e, dataIndex) {
+    var _newColumns$filter3, _newColumns$filter4;
+
     e.stopPropagation();
-    var keyNewColumns = cloneDeep(newColumns);
-    var index = keyNewColumns.findIndex(function (_ref2) {
-      var index = _ref2.dataIndex;
+    var keyNewColumns = cloneDeep(newColumns).filter(function (_ref5) {
+      var lock = _ref5.lock;
+      return !lock;
+    });
+    var headLock = cloneDeep((_newColumns$filter3 = newColumns.filter(function (_ref6) {
+      var lock = _ref6.lock;
+      return lock === true || lock === 'left';
+    })) !== null && _newColumns$filter3 !== void 0 ? _newColumns$filter3 : []);
+    var tailLock = cloneDeep((_newColumns$filter4 = newColumns.filter(function (_ref7) {
+      var lock = _ref7.lock;
+      return lock === 'right';
+    })) !== null && _newColumns$filter4 !== void 0 ? _newColumns$filter4 : []);
+    var index = keyNewColumns.findIndex(function (_ref8) {
+      var index = _ref8.dataIndex;
       return index === dataIndex;
     });
 
@@ -152,7 +186,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       keyNewColumns.unshift(keyNewColumns.splice(index, 1)[0]);
     }
 
-    notifyTableRender(keyNewColumns);
+    notifyTableRender([].concat(_toConsumableArray(headLock), _toConsumableArray(keyNewColumns), _toConsumableArray(tailLock)));
   }; // 通知表格渲染
 
 
@@ -220,23 +254,24 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       type: "primary"
     }, getMessage('reset'))), /*#__PURE__*/React.createElement(Menu.Divider, {
       key: "divider"
-    }), newColumns.map(function (_ref3, index) {
+    }), newColumns.map(function (_ref9, index) {
       var _newColumns$find;
 
-      var dataIndex = _ref3.dataIndex,
-          title = _ref3.title,
-          columnFiltersDisabled = _ref3.columnFiltersDisabled;
+      var dataIndex = _ref9.dataIndex,
+          title = _ref9.title,
+          columnFiltersDisabled = _ref9.columnFiltersDisabled,
+          lock = _ref9.lock;
       return /*#__PURE__*/React.createElement(CheckboxItem, {
         key: index,
-        checked: (_newColumns$find = newColumns.find(function (_ref4) {
-          var key = _ref4.dataIndex;
+        checked: (_newColumns$find = newColumns.find(function (_ref10) {
+          var key = _ref10.dataIndex;
           return key === dataIndex;
         })) === null || _newColumns$find === void 0 ? void 0 : _newColumns$find.columnFilters,
         onChange: function onChange(check) {
           return onChangeColumns(check, dataIndex);
         },
         disabled: columnFiltersDisabled
-      }, title, /*#__PURE__*/React.createElement("div", {
+      }, title, !lock && /*#__PURE__*/React.createElement("div", {
         className: cls({
           sort: true
         })
@@ -293,8 +328,8 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
         key: index,
         className: cls('col')
       }, /*#__PURE__*/React.createElement(Checkbox, {
-        checked: (_newColumns$find2 = newColumns.find(function (_ref5) {
-          var key = _ref5.dataIndex;
+        checked: (_newColumns$find2 = newColumns.find(function (_ref11) {
+          var key = _ref11.dataIndex;
           return key === dataIndex;
         })) === null || _newColumns$find2 === void 0 ? void 0 : _newColumns$find2.columnFilters,
         onChange: function onChange(check) {

package/es/table/components/ToolBar/index.scss

@@ -40,6 +40,7 @@
         visibility: visible;
         cursor: pointer;
       }
+
     }
   }
   .next-menu-item-text {

package/es/table/index.js

@@ -381,6 +381,15 @@ var ProTable = function ProTable(props) {
     },
     request: function request(params) {
       if (dataFilterForm.validate()) {
+        // 如果请求中还有翻页相关信息，需要自动设置到指定页
+        if (params === null || params === void 0 ? void 0 : params[targetPageKey]) {
+          setCurrentPage(params[targetPageKey]);
+        }
+
+        if (params === null || params === void 0 ? void 0 : params[targetPageSizeKey]) {
+          setPageSize(params[targetPageSizeKey]);
+        }
+
         _request(params);
       }
     },
@@ -398,6 +407,7 @@ var ProTable = function ProTable(props) {
     resetPage: function resetPage() {
       setCurrentPage(1);
     },
+    rowSelection: rowSelection,
     clearRowSelection: function clearRowSelection() {
       rowSelectionHook.setSelectedRowKeys([]);
       rowSelectionHook.setSelectedRecords([]);
@@ -410,6 +420,7 @@ var ProTable = function ProTable(props) {
       targetPageSizeKey: targetPageSizeKey,
       pageSize: pageSize
     },
+    data: data,
     dataFilterForm: dataFilterForm,
     resetTableMaxBodyHeight: function resetTableMaxBodyHeight() {
       getHeaderHeight().then(function (height) {
@@ -564,7 +575,11 @@ var ProTable = function ProTable(props) {
   }
 
   useEffect(function () {
-    // 监听 浏览器变化 更吸底状态
+    var _actionRef$current5, _actionRef$current5$i;
+
+    // 初始化 state 状态
+    actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$i = _actionRef$current5.initState) === null || _actionRef$current5$i === void 0 ? void 0 : _actionRef$current5$i.call(_actionRef$current5); // 监听 浏览器变化 更吸底状态
+
     if (footerSuction) {
       getFooterSuctionState();
 
@@ -585,6 +600,8 @@ var ProTable = function ProTable(props) {
       if (window.onresize) {
         window.onresize = null;
       }
+
+      actionRef.current = undefined;
     };
   }, []);
 
@@ -602,6 +619,10 @@ var ProTable = function ProTable(props) {
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(_objectSpread({}, toJS(dataFilterForm.values))));
 
       if (dataFilterForm.validate()) {
+        var _actionRef$current6, _actionRef$current6$c;
+
+        // 搜索变化时，暂时先清空选择
+        (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : (_actionRef$current6$c = _actionRef$current6.clearRowSelection) === null || _actionRef$current6$c === void 0 ? void 0 : _actionRef$current6$c.call(_actionRef$current6);
         setCurrentPage(1); // const { mode, schema } = propsDataFilter as ProTableDataFilterProps;
         // TODO: 针对 inline 模式下的 search 组件做一下处理，如果空值切换下拉的时候不触发请求
         // if (mode === 'inline') {
@@ -698,15 +719,21 @@ var ProTable = function ProTable(props) {
 
   var renderFooter = function renderFooter() {
     function onChangePagination(currentPage) {
+      var _actionRef$current7, _actionRef$current7$c;
+
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      // 翻页暂时先清空选择
+      (_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(currentPage);
 
       _request(_objectSpread(_defineProperty({}, targetPageKey, currentPage), params));
     }
 
     function onChangePaginationSize(currentPageSize) {
-      var _request5;
+      var _actionRef$current8, _actionRef$current8$c, _request5;
 
+      // 翻页暂时先清空选择
+      (_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);
       setPageSize(currentPageSize);
       setCurrentPage(1);
 

package/es/table/typing.d.ts

@@ -129,6 +129,7 @@ export declare type rowSelectionType = {
     onSelect?: (selected: boolean, record: any, records: Array<any>) => void;
     onSelectAll?: (selected: boolean, records: Array<any>) => void;
     selectedRowKeys?: Array<any>;
+    selectedRecords?: any[];
     mode?: 'single' | 'multiple';
     titleProps?: () => any;
     columnProps?: () => any;
@@ -154,6 +155,8 @@ export declare type ProTableActionType = {
     request?: (params?: any) => void;
     /** 重置表格 */
     reset?: () => void;
+    /** 表格选择相关属性 */
+    rowSelection?: innerRowSelectionType | rowSelectionType;
     /** 清空表格选择 */
     clearRowSelection?: () => void;
     /** 过滤 DataSource */
@@ -175,13 +178,17 @@ export declare type ProTableActionType = {
     resetPage?: () => void;
     /** 获取数据过滤区表单实例 */
     dataFilterForm?: FormType;
+    /** 表格当前的数据 */
+    data?: any[];
 } & ProTableActionTypeMutations;
 /** action State 定义 */
 export declare type ProTableActionTypeMutations = {
-    /** 获取state状态 */
+    /** 获取state 状态 */
     getState?: () => ProTableActionTypeState;
-    /** 设置state状态 */
+    /** 设置state 状态 */
     setState?: (key: string, value: any) => void;
+    /** 初始化 state 状态 */
+    initState?: () => void;
     /** 设置全屏状态 */
     setFullScreenState?: (state: boolean) => void;
     /** 绑定state监听事件 */

package/es/table/utils/columnRender.js

@@ -40,10 +40,10 @@ export var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
   var filterMode = item.filterMode,
       filters = item.filters,
       dataIndex = item.dataIndex,
-      dataSource = item.dataSource;
+      dataSource = item.dataSource; // 为列过滤添加状态标题
 
-  var getItemLable = function getItemLable() {
-    if (filterMode !== 'multiple') {
+  var getItemLabel = function getItemLabel() {
+    if (filters && filterMode !== 'multiple') {
       var _actionRef$current$ge, _actionRef$current, _actionRef$current$ge2;
 
       var selectedItem = (_actionRef$current$ge = (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState) === null || _actionRef$current$ge2 === void 0 ? void 0 : _actionRef$current$ge2.call(_actionRef$current).filterRules) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
@@ -66,16 +66,37 @@ export var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
 
             return item.value === ((_selectedItem$dataInd2 = selectedItem[dataIndex]) === null || _selectedItem$dataInd2 === void 0 ? void 0 : _selectedItem$dataInd2.params);
           })) === null || _targetFilters$find === void 0 ? void 0 : _targetFilters$find.label;
-          return "".concat(item.title, " (").concat(label, ")");
+          var value = "".concat(item.title, " (").concat(label, ")");
+          return /*#__PURE__*/React.createElement(ProField, {
+            style: {
+              display: 'inline-flex'
+            },
+            value: value,
+            type: "text",
+            render: {
+              ellipsis: true,
+              color: 'var(--table-th-color,#848484)'
+            }
+          });
         }
       }
     }
 
-    return item.title;
+    return /*#__PURE__*/React.createElement(ProField, {
+      style: {
+        display: 'inline-flex'
+      },
+      value: item.title,
+      type: "text",
+      render: {
+        ellipsis: true,
+        color: 'var(--table-th-color,#848484)'
+      }
+    });
   };
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelIconTip, {
-    label: getItemLable(),
+    label: item.title,
     tooltip: item.tooltip,
     icon: item.tooltipIcon
   }), item.filters && /*#__PURE__*/React.createElement(Filter, {

package/es/table/utils/index.js

@@ -22,7 +22,10 @@ var state = {
   fullScreenState: false,
   filterRules: {},
   filterColumns: []
-}; // 组件内全局监听事件
+};
+
+var _initState = cloneDeepLodash(state); // 组件内全局监听事件
+
 
 var callback = {
   fullScreenState: {}
@@ -40,6 +43,9 @@ var mutations = {
       mutations[key] = value;
     }
   },
+  initState: function initState() {
+    state = cloneDeepLodash(_initState);
+  },
   filterColumns: state.filterColumns,
   setFullScreenState: function setFullScreenState(fullScreenState) {
     state.fullScreenState = fullScreenState;

package/es/utils/message.d.ts

@@ -1,3 +1,3 @@
 import { MessageProps } from '@alicloudfe/components/types/message';
 export declare type ProMessageProps = MessageProps | string;
-export declare const renderProMessage: (message: ProMessageProps) => JSX.Element;
+export declare const renderProMessage: (message?: ProMessageProps | undefined, defaultProps?: MessageProps | undefined) => JSX.Element | null;

package/es/utils/message.js

@@ -6,14 +6,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React from 'react';
 import { Message } from '@alicloudfe/components';
-export var renderProMessage = function renderProMessage(message) {
+export var renderProMessage = function renderProMessage(message, defaultProps) {
+  if (!message) {
+    return null;
+  }
+
   if (typeof message === 'string') {
-    return /*#__PURE__*/React.createElement(Message, {
-      type: "notice"
-    }, message);
+    return /*#__PURE__*/React.createElement(Message, _objectSpread({}, defaultProps), message);
   }
 
-  return /*#__PURE__*/React.createElement(Message, _objectSpread({
-    type: "notice"
-  }, message));
+  return /*#__PURE__*/React.createElement(Message, _objectSpread(_objectSpread({}, defaultProps), message));
 };

package/lib/actions/dialog.js

@@ -251,7 +251,9 @@ function useDialogAction(action, actionContext) {
         className: "teamix-pro-dialog-before-content"
       }, addContextForReactNode(beforeContent, dialogContext)), message && /*#__PURE__*/_react.default.createElement("div", {
         className: "teamix-pro-dialog-message"
-      }, (0, _message.renderProMessage)(message)), dialogContent, afterContent && /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _message.renderProMessage)(message, {
+        type: 'notice'
+      })), dialogContent, afterContent && /*#__PURE__*/_react.default.createElement("div", {
         className: "teamix-pro-dialog-after-content"
       }, addContextForReactNode(afterContent, dialogContext)), footerDescription && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))

package/lib/actions/index.d.ts

@@ -24,6 +24,7 @@ export declare type ProActionConfig = ({
 export declare function registerActionHandler(id: string, extendActionId: string, defaultConfig: any): void;
 export declare function useAction(config?: ProActionConfig, context?: any): any;
 export interface ProActionButtonProps extends ButtonProps {
+    key?: string | number;
     config?: ProActionConfig;
     visible?: any;
     disabled?: any;
@@ -33,6 +34,7 @@ export interface ProActionButtonProps extends ButtonProps {
 }
 export declare const ProActionButton: (props: ProActionButtonProps) => JSX.Element;
 export interface ProActionMenuButtonProps extends MenuButtonProps {
+    key?: string | number;
     actions: ProActionProps[];
     visible?: any;
     icon?: string;