@teamix/pro 1.5.22 → 1.5.24

package/es/form/Filter/index2.js

@@ -120,7 +120,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
             component: 'Submit',
             props: {
               style: _objectSpread({}, triggerType === 'submit' ? {
-                marginRight: -8
+                marginRight: -4
               } : {
                 display: 'none'
               }),

package/es/form/ProForm/index.js

@@ -22,6 +22,7 @@ import useAutoLayout from './useAutoLayout';
 import useInitialRequest from './useInitialRequest';
 import validateLocale from '../locales/validate';
 import './index.scss';
+import FormItem2 from '../Components/FormItem2';
 registerValidateLocale(validateLocale);
 var formilyComponents = {
   FormLayout: FormLayout,
@@ -49,7 +50,8 @@ var formilyComponents = {
   SelectTable: SelectTable,
   Affix: Affix,
   LightFilter: LightFilter,
-  Text: Text
+  Text: Text,
+  FormItem2: FormItem2
 };
 var ProForm = /*#__PURE__*/memo(function (_ref) {
   var outerForm = _ref.form,

package/es/form/SchemaForm/initializeDataSource.js

@@ -1,4 +1,3 @@
-import { getTestRequestParams, getTestRequestData } from '@teamix/utils';
 import { initializeRequestExpression } from '../utils';
 var initializeDataSource = function initializeDataSource(dataSource, suffix) {
   var _dataSource$extraConf;
@@ -10,12 +9,6 @@ var initializeDataSource = function initializeDataSource(dataSource, suffix) {
     scope: scope,
     data: {
       readOnlyOnLoading: (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$extraConf = dataSource.extraConfig) === null || _dataSource$extraConf === void 0 ? void 0 : _dataSource$extraConf.readOnly) !== false
-    },
-    props: {
-      className: 'teamix-test-request',
-      'data-teamix-test-request': "url=".concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.url, "&formatResult=").concat(!!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.formatResult)),
-      'data-teamix-test-params': getTestRequestParams(dataSource === null || dataSource === void 0 ? void 0 : dataSource.params),
-      'data-teamix-test-data': getTestRequestData('dataSource')
     }
   } : {
     reactions: [],

package/es/image/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare type ProImageProps = {
     src: {
         /** 中文亮色图片地址，默认 url */
@@ -16,6 +17,6 @@ export declare type ProImageProps = {
     theme?: 'dark' | 'light';
     /** 自定义改造 url 的函数 */
     transformUrl?: (value: string) => string;
-};
+} & React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
 declare const _default: (props: ProImageProps) => JSX.Element | null;
 export default _default;

package/es/image/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["src", "transformUrl"];
+var _excluded = ["src", "transformUrl", "theme"];
 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; }
@@ -21,8 +21,9 @@ var localeMap = {
 export default (function (props) {
   var src = props.src,
     transformUrl = props.transformUrl,
+    themeProp = props.theme,
     extra = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(props.theme || 'light'),
+  var _useState = useState(themeProp || 'light'),
     _useState2 = _slicedToArray(_useState, 2),
     theme = _useState2[0],
     setTheme = _useState2[1];

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.22";
+declare const version = "1.5.24";
 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.22';
+var version = '1.5.24';
 // By TeamixTest
 window.postMessage({
   source: 'teamix-test-devtools',

package/es/info/index.js

@@ -18,7 +18,7 @@ import ProBaseInfo from './components/baseInfo';
 import ProInfoGroup from './components/InfoGroup';
 import './index.scss';
 import { ProInfoGroupContext, useActionType } from './utils';
-import { doCommonRequest, cls, getTestRequestData, getTestRequestParams } from '@teamix/utils';
+import { doCommonRequest, cls } from '@teamix/utils';
 import { useSize } from '@teamix/hooks';
 import { ProCard } from '..';
 export * from './typing';
@@ -136,10 +136,7 @@ var ProInfo = function ProInfo(props) {
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     style: style,
-    className: cls('teamix-pro-info', className, 'teamix-test-request'),
-    "data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
-    "data-teamix-test-params": getTestRequestParams(params),
-    "data-teamix-test-data": getTestRequestData(columns)
+    className: cls('teamix-pro-info', className)
   }, /*#__PURE__*/React.createElement(ProCard, _objectSpread(_objectSpread(_objectSpread({
     compacted: true,
     hoveredShadow: false,

package/es/sidebar/components/tree/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
+var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel", "defaultSelectedKeys", "defaultCheckedKeys"];
 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; }
@@ -47,6 +47,8 @@ var ProSidebarTree = function ProSidebarTree(props) {
     onDataSourceChange = props.onDataSourceChange,
     _props$expandLevel = props.expandLevel,
     expandLevel = _props$expandLevel === void 0 ? 1 : _props$expandLevel,
+    defaultSelectedKeys = props.defaultSelectedKeys,
+    defaultCheckedKeys = props.defaultCheckedKeys,
     others = _objectWithoutProperties(props, _excluded);
   // 使用 beforeRenderNode 处理 dataSource
   var processDataSource = function processDataSource(dataSource) {
@@ -80,11 +82,11 @@ var ProSidebarTree = function ProSidebarTree(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     dataSource = _useState8[0],
     setDataSource = _useState8[1];
-  var _useState9 = useState(selectedKeysProp),
+  var _useState9 = useState(selectedKeysProp !== null && selectedKeysProp !== void 0 ? selectedKeysProp : defaultSelectedKeys),
     _useState10 = _slicedToArray(_useState9, 2),
     selectedKeys = _useState10[0],
     setSelectedKeys = _useState10[1];
-  var _useState11 = useState(checkedKeysProp),
+  var _useState11 = useState(checkedKeysProp !== null && checkedKeysProp !== void 0 ? checkedKeysProp : defaultCheckedKeys),
     _useState12 = _slicedToArray(_useState11, 2),
     checkedKeys = _useState12[0],
     setCheckedKeys = _useState12[1];
@@ -93,8 +95,16 @@ var ProSidebarTree = function ProSidebarTree(props) {
   }, []);
   // 监听 selectedKeys，用于受控
   useEffect(function () {
-    setSelectedKeys(selectedKeysProp);
+    if (selectedKeysProp) {
+      setSelectedKeys(selectedKeysProp);
+    }
   }, [selectedKeysProp]);
+  // 监听 selectedKeys，用于受控
+  useEffect(function () {
+    if (checkedKeysProp) {
+      setCheckedKeys(checkedKeysProp);
+    }
+  }, [checkedKeysProp]);
   // 更新外部传入的 dataSource
   useUpdateEffect(function () {
     setDataSource(processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []));
@@ -237,12 +247,16 @@ var ProSidebarTree = function ProSidebarTree(props) {
     if (extra === null || extra === void 0 ? void 0 : (_extra$event = extra.event) === null || _extra$event === void 0 ? void 0 : (_extra$event$target = _extra$event.target) === null || _extra$event$target === void 0 ? void 0 : (_extra$event$target$c = _extra$event$target.closest) === null || _extra$event$target$c === void 0 ? void 0 : _extra$event$target$c.call(_extra$event$target, '.teamix-pro-sidebar-delete-overlay')) {
       return;
     }
-    setSelectedKeys(value);
+    if (!selectedKeys) {
+      setSelectedKeys(value);
+    }
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, extra);
   };
   // 树节点选中回调
   var onCheckChange = function onCheckChange(value, extra) {
-    setCheckedKeys(value);
+    if (!checkedKeysProp) {
+      setCheckedKeys(value);
+    }
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, extra);
   };
   // 节点展开回调

package/es/sidebar/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
+var _excluded = ["selectedKeys", "checkedKeys", "defaultSelectedKeys", "defaultCheckedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
 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; }
@@ -25,6 +25,8 @@ var cls = usePrefixCls('teamix-pro-sidebar');
 var ProSidebar = function ProSidebar(props) {
   var selectedKeys = props.selectedKeys,
     checkedKeys = props.checkedKeys,
+    defaultSelectedKeys = props.defaultSelectedKeys,
+    defaultCheckedKeys = props.defaultCheckedKeys,
     dataSourceProp = props.dataSource,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
@@ -176,7 +178,9 @@ var ProSidebar = function ProSidebar(props) {
     beforeRenderNode: beforeRenderNode,
     expandAll: expandAllState,
     expandLevel: expandLevelState,
-    onDataSourceChange: onDataSourceChange
+    onDataSourceChange: onDataSourceChange,
+    defaultSelectedKeys: defaultSelectedKeys,
+    defaultCheckedKeys: defaultCheckedKeys
   }, treeProps))));
 };
 export default ProSidebar;

package/es/sidebar/typing.d.ts

@@ -10,8 +10,12 @@ export declare type ProSidebarProps = {
     dataSource?: ProSidebarDataSource;
     /** 点击的节点 */
     selectedKeys?: TreeProps['selectedKeys'];
+    /** 非受控 默认点击的节点 */
+    defaultSelectedKeys?: TreeProps['defaultSelectedKeys'];
     /** 选中的节点 */
     checkedKeys?: TreeProps['checkedKeys'];
+    /** 非受控 默认选中的节点 */
+    defaultCheckedKeys?: TreeProps['defaultCheckedKeys'];
     /** 节点点击回调 */
     onSelect?: TreeProps['onSelect'];
     /** 节点选中回调 */

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

@@ -18,6 +18,7 @@ import { Button, Dropdown, Menu } from '@alicloudfe/components';
 import { usePrefixCls, getMessage } from '@teamix/utils';
 import './index.scss';
 import { useUrlState } from '@teamix/hooks';
+import ProField from '../../../field';
 var CheckboxItem = Menu.CheckboxItem;
 var cls = usePrefixCls('teamix-pro-table-toolbar-filter');
 var RadioItem = Menu.RadioItem;
@@ -157,7 +158,13 @@ var Filter = function Filter(props) {
         onChange: function onChange(check) {
           setSelected([valueStr]);
         }
-      }, label);
+      }, /*#__PURE__*/React.createElement(ProField, {
+        type: 'text',
+        value: label,
+        render: {
+          ellipsis: true
+        }
+      }));
     });
   };
   // 渲染多选
@@ -179,7 +186,13 @@ var Filter = function Filter(props) {
             }));
           }
         }
-      }, label);
+      }, /*#__PURE__*/React.createElement(ProField, {
+        type: 'text',
+        value: label,
+        render: {
+          ellipsis: true
+        }
+      }));
     });
   };
   // 渲染选择区域

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

@@ -3,5 +3,6 @@ import { responsivePaginationType } from '../../typing';
 import './index.scss';
 declare const _default: (props: PaginationProps & {
     responsivePaginationType?: responsivePaginationType;
+    useMaxData?: boolean;
 }) => JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType"];
+var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType", "useMaxData"];
 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; }
@@ -11,7 +11,7 @@ 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 } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { Pagination, Balloon, Select, Button, Input, Icon } from '@alicloudfe/components';
 import { getMessage, cls, usePrefixCls } from '@teamix/utils';
 import { useResponsiveProps } from '@teamix/hooks';
@@ -26,6 +26,7 @@ export default (function (props) {
     pageSizeSelector = props.pageSizeSelector,
     onPageSizeChange = props.onPageSizeChange,
     responsivePaginationType = props.responsivePaginationType,
+    useMaxData = props.useMaxData,
     otherProps = _objectWithoutProperties(props, _excluded);
   var basePrefix = usePrefixCls('', {
     base: true
@@ -48,20 +49,44 @@ export default (function (props) {
     _useState4 = _slicedToArray(_useState3, 2),
     currentPage = _useState4[0],
     setCurrentPage = _useState4[1];
+  var maxDataState = useMemo(function () {
+    return Math.ceil((total !== null && total !== void 0 ? total : 0) / (pageSize !== null && pageSize !== void 0 ? pageSize : 0)) > 100;
+  }, [total, pageSize]);
   var commonPaginationProps = {
     className: className,
     onChange: propsOnChange,
-    total: total,
+    total: useMaxData && maxDataState ? (pageSize !== null && pageSize !== void 0 ? pageSize : 0) * 100 : total,
     pageSize: pageSize,
     current: current,
     shape: 'arrow-only',
     pageSizeList: pageSizeList,
     pageSizeSelector: pageSizeSelector,
     pageSizePosition: 'end',
-    onPageSizeChange: onPageSizeChange
+    onPageSizeChange: onPageSizeChange,
+    // pagination 的渲染函数
+    pageNumberRender: function pageNumberRender(index) {
+      if (useMaxData && maxDataState) {
+        if (index === 100) {
+          return '100+';
+        }
+        return index;
+      }
+      return index;
+    }
   };
+  // 获取总数
+  var getTotalContent = useMemo(function () {
+    if (useMaxData && maxDataState) {
+      return getMessage('total', {
+        total: new Intl.NumberFormat().format((pageSize !== null && pageSize !== void 0 ? pageSize : 0) * 100) + '+'
+      });
+    }
+    return getMessage('total', {
+      total: new Intl.NumberFormat().format(total !== null && total !== void 0 ? total : 0)
+    });
+  }, [pageSize, total, maxDataState]);
   // 自定义总数，用于 small、mini
-  var customTotalRender = function customTotalRender(total) {
+  var customTotalRender = function customTotalRender() {
     return /*#__PURE__*/React.createElement(Balloon, {
       visible: visible,
       closable: false,
@@ -78,9 +103,7 @@ export default (function (props) {
         style: {
           lineHeight: '18px'
         }
-      }, getMessage('total', {
-        total: new Intl.NumberFormat().format(total)
-      }))
+      }, getTotalContent)
     }, /*#__PURE__*/React.createElement("div", {
       className: prefixCls('custom-total-content')
     }, /*#__PURE__*/React.createElement("div", {
@@ -177,7 +200,7 @@ export default (function (props) {
       } else {
         return /*#__PURE__*/React.createElement("div", {
           className: cls(basePrefix('pagination'), prefixCls('custom-mini-pagination'))
-        }, customTotalRender(total), customJumpRender());
+        }, customTotalRender(), customJumpRender());
       }
     }
   };
@@ -185,27 +208,23 @@ export default (function (props) {
     switch (responsivePaginationType || responsiveProps) {
       case 'normal':
         return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
-          totalRender: function totalRender(total) {
-            return getMessage('total', {
-              total: new Intl.NumberFormat().format(total)
-            });
+          totalRender: function totalRender() {
+            return getTotalContent;
           }
         }, otherProps));
       case 'simple':
         return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
           pageShowCount: 3,
-          totalRender: function totalRender(total) {
-            return getMessage('total', {
-              total: new Intl.NumberFormat().format(total)
-            });
+          totalRender: function totalRender() {
+            return getTotalContent;
           }
         }, otherProps));
       case 'small':
         return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
           pageShowCount: 3,
           pageSizeSelector: false,
-          totalRender: function totalRender(total) {
-            return customTotalRender(total);
+          totalRender: function totalRender() {
+            return customTotalRender();
           }
         }, otherProps));
       case 'mini':

package/es/table/index.js

@@ -1,4 +1,4 @@
-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"],
+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"];
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -20,7 +20,7 @@ import React, { useState, useEffect, useRef, useMemo } from 'react';
 import { Table, Checkbox } from '@alicloudfe/components';
 import Pagination from './components/Pagination';
 import genProColumnToColumn from './utils/genProColumnToColumn';
-import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTestRequestData, getTestRequestParams, getTargetValue } from '@teamix/utils';
+import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTargetValue } from '@teamix/utils';
 import { ProSkeletonRaw as Skeleton } from '../skeleton';
 import './index.scss';
 import Layout from './components/Layout';
@@ -160,6 +160,9 @@ var ProTable = function ProTable(props) {
     emptyProps = props.emptyProps,
     bindUrlProps = props.bindUrlProps,
     bindUrl = props.bindUrl,
+    _props$autoRedirect = props.autoRedirect,
+    autoRedirect = _props$autoRedirect === void 0 ? true : _props$autoRedirect,
+    useMaxData = props.useMaxData,
     otherProps = _objectWithoutProperties(props, _excluded);
   var targetPageKey = pageKey || globalPageKey;
   var targetPageSizeKey = pageSizeKey || globalPageSizeKey;
@@ -188,7 +191,7 @@ var ProTable = function ProTable(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     sort = _useState10[0],
     setSort = _useState10[1];
-  var _useState11 = useState(!propsDataSource && requestWhenMount && propsShowSkeleton && !!url),
+  var _useState11 = useState(!propsDataSource && requestWhenMount && propsShowSkeleton),
     _useState12 = _slicedToArray(_useState11, 2),
     showSkeleton = _useState12[0],
     setShowSkeleton = _useState12[1]; // 首次加载，渲染骨架屏
@@ -377,6 +380,11 @@ var ProTable = function ProTable(props) {
     fullscreen: false,
     normal: true
   });
+  // 全局状态 ： 大数据截断
+  var globalUseMaxData = useMemo(function () {
+    var _getGlobalConfig2;
+    return (_getGlobalConfig2 = getGlobalConfig('ProTable')) === null || _getGlobalConfig2 === void 0 ? void 0 : _getGlobalConfig2.useMaxData;
+  }, []);
   // 非全屏状态下的
   var normalDataFilterFormRef = useRef();
   var fullscreenDataFilterFormRef = useRef();
@@ -666,6 +674,17 @@ var ProTable = function ProTable(props) {
   }
   function onFormatResult(next) {
     props.onFormatResult && props.onFormatResult(next);
+    // 如果开启了 autoRedirect 当当前页数不为1，并且data为空的时候，重定向到第一页
+    if (autoRedirect) {
+      var _next$data;
+      if (!(next === null || next === void 0 ? void 0 : (_next$data = next.data) === null || _next$data === void 0 ? void 0 : _next$data.length) && currentPage > 1) {
+        setCurrentPage(1);
+        setShowLoading(true);
+        setTimeout(function () {
+          _request(_defineProperty({}, targetPageKey, 1));
+        });
+      }
+    }
     var time = 0;
     if (autoRefresh) {
       time = 60 * 1000;
@@ -682,14 +701,14 @@ var ProTable = function ProTable(props) {
     }
     // 设置 dataSource、total
     if (switchViewState === 'table' || currentPage === 1 || (cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.useTablePagination)) {
-      var _next$data;
+      var _next$data2;
       _setData(next.data || []);
-      setTotal(next.total || ((_next$data = next.data) === null || _next$data === void 0 ? void 0 : _next$data.length));
+      setTotal(next.total || ((_next$data2 = next.data) === null || _next$data2 === void 0 ? void 0 : _next$data2.length));
     }
     if (switchViewState === 'card' && currentPage !== 1 && !(cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.useTablePagination)) {
-      var _next$data2;
+      var _next$data3;
       _setData([].concat(_toConsumableArray(data), _toConsumableArray(next.data || [])));
-      setTotal(total + (next.total || ((_next$data2 = next.data) === null || _next$data2 === void 0 ? void 0 : _next$data2.length)));
+      setTotal(total + (next.total || ((_next$data3 = next.data) === null || _next$data3 === void 0 ? void 0 : _next$data3.length)));
     }
     setShowSkeleton(false);
   }
@@ -819,6 +838,16 @@ var ProTable = function ProTable(props) {
             totalRes = res.total,
             success = res.success;
           if (success === true) {
+            // 如果开启了 autoRedirect 当当前页数不为1，并且data为空的时候，重定向到第一页
+            if (autoRedirect) {
+              if (!(dataRes === null || dataRes === void 0 ? void 0 : dataRes.length) && currentPage > 1) {
+                setCurrentPage(1);
+                setShowLoading(true);
+                setTimeout(function () {
+                  _request(_defineProperty({}, targetPageKey, 1));
+                });
+              }
+            }
             // 设置 dataSource、total
             if (switchViewState === 'table' || params[targetPageKey] === 1 || isReset || (cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.useTablePagination)) {
               _setData(dataRes || []);
@@ -844,7 +873,7 @@ var ProTable = function ProTable(props) {
             time = 60 * 1000;
           }
           if (autoRefresh && typeof autoRefresh !== 'boolean') {
-            time = autoRefresh ? autoRefresh(data) : 0;
+            time = autoRefresh ? autoRefresh(dataRes) : 0;
           }
           if (Number.isInteger(time) && time >= 1000) {
             autoRefreshTimerRef.current = setTimeout(function () {
@@ -914,10 +943,7 @@ var ProTable = function ProTable(props) {
   var renderTable = function renderTable(isFullScreen) {
     if (propsColumns) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames('teamix-pro-table-container', className, 'teamix-test-request'),
-        "data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
-        "data-teamix-test-params": getTestRequestParams(propsParams),
-        "data-teamix-test-data": getTestRequestData(propsColumns),
+        className: classNames('teamix-pro-table-container', className),
         "data-teamix-spm": dataTeamixSpm
       }, /*#__PURE__*/React.createElement(Layout, {
         header: header,
@@ -1016,7 +1042,7 @@ var ProTable = function ProTable(props) {
       _request(_objectSpread(_defineProperty({}, targetPageKey, currentPage), params));
     }
     function onChangePaginationSize(currentPageSize) {
-      var _request8;
+      var _request10;
       // 翻页默认清空选择
       if (!reserveSelectedRecords) {
         var _actionRef$current9, _actionRef$current9$c;
@@ -1024,7 +1050,7 @@ var ProTable = function ProTable(props) {
       }
       setPageSize(currentPageSize);
       setCurrentPage(1);
-      _request((_request8 = {}, _defineProperty(_request8, targetPageSizeKey, currentPageSize), _defineProperty(_request8, targetPageKey, 1), _request8));
+      _request((_request10 = {}, _defineProperty(_request10, targetPageSizeKey, currentPageSize), _defineProperty(_request10, targetPageKey, 1), _request10));
     }
     function renderRowSelection() {
       if (rowSelection) {
@@ -1077,11 +1103,6 @@ var ProTable = function ProTable(props) {
         responsivePaginationType: responsivePaginationType,
         // shape="arrow-only"
         // pageSizePosition="end"
-        totalRender: function totalRender(total) {
-          return getMessage('total', {
-            total: new Intl.NumberFormat().format(total)
-          });
-        },
         pageSize: pageSize,
         current: currentPage,
         pageSizeList: pageSizeList,
@@ -1089,7 +1110,8 @@ var ProTable = function ProTable(props) {
         type: total / pageSize <= 2 ? 'simple' : 'normal',
         onPageSizeChange: function onPageSizeChange(number) {
           return onChangePaginationSize(number);
-        }
+        },
+        useMaxData: globalUseMaxData !== null && globalUseMaxData !== void 0 ? globalUseMaxData : useMaxData
       }, othersPaginationProps)))));
     } else if (!showPagination && (footerAction || rowSelection || useRowSelection)) {
       return /*#__PURE__*/React.createElement("div", {

package/es/table/typing.d.ts

@@ -172,6 +172,10 @@ export declare type ProTableProps = {
     bindUrl?: boolean;
     /** 绑定 url 配置 **/
     bindUrlProps?: ProTableBindUrlProps;
+    /** 当前页数据被删除完后，是否跳转回第一页 **/
+    autoRedirect?: boolean;
+    /** 使用超大数据模式 **/
+    useMaxData?: boolean;
 } & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
 export declare type rowSelectionType = {
     getProps?: (record: any, index: number) => any;

package/es/xconsole.scss

@@ -1,4 +1,5 @@
 .theme-xconsole {
+  --tab-item-padding-lr-size-m: var(--s-4, 16px);
   --color-event-p9: rgba(121, 197, 224, 1);
   --color-event-p10: rgba(175, 222, 240, 1);
   --color-event-p8: rgba(73, 173, 209, 1);

package/lib/actions/index.js

@@ -147,6 +147,7 @@ var buttonContent = function buttonContent(content, iconType, iconSize, context)
     return renderedContent;
   }
   return [/*#__PURE__*/_react.default.createElement(_icon.default, {
+    className: 'teamix-pro-action-prefix-icon',
     type: iconType,
     size: iconSize,
     key: "teamix-button-icon"
@@ -156,7 +157,7 @@ var ProActionButton = function ProActionButton(props) {
   var config = props.config,
     icon = props.icon,
     _props$iconSize = props.iconSize,
-    iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
+    iconSize = _props$iconSize === void 0 ? 'small' : _props$iconSize,
     _props$type = props.type,
     type = _props$type === void 0 ? 'primary' : _props$type,
     context = props.context,
@@ -238,7 +239,7 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   if (dataTeamixSpm) {
     buttonProps['data-teamix-spm'] = dataTeamixSpm;
   }
-  var content = buttonContent(children, icon, undefined, context);
+  var content = buttonContent(children, icon, 'small', context);
   var baseToolTipProps = _objectSpread({
     triggerType: 'hover',
     align: 't',
@@ -286,7 +287,8 @@ function renderCommonActionButtonMenuItem(action, key, context, dataTeamixSpm) {
 }
 var ProActionMenuButton = function ProActionMenuButton(props) {
   var icon = props.icon,
-    iconSize = props.iconSize,
+    _props$iconSize2 = props.iconSize,
+    iconSize = _props$iconSize2 === void 0 ? 'small' : _props$iconSize2,
     label = props.label,
     actions = props.actions,
     children = props.children,

package/lib/actions/index.scss

@@ -139,3 +139,7 @@
     background: var(--drawer-bg);
   }
 }
+
+.teamix-pro-action-prefix-icon {
+  margin-right: 4px
+}