@teamix/pro 1.5.0-beta.1 → 1.5.1-aplha.0

package/lib/table/components/ToolBar/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,7 +9,11 @@ exports.default = void 0;
 
 var _utils = require("@teamix/utils");
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("@alicloudfe/components");
+
+var _icon = _interopRequireDefault(require("@teamix/icon"));
 
 var _FullScreenIcon = _interopRequireDefault(require("./FullScreenIcon"));
 
@@ -17,16 +23,32 @@ var _DensityIcon = _interopRequireDefault(require("./DensityIcon"));
 
 var _RefreshIcon = _interopRequireDefault(require("./RefreshIcon"));
 
+var _hooks = require("@teamix/hooks");
+
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+
 require("./index.scss");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _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); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar');
 var presetToolBarMap = {
   refresh: _RefreshIcon.default,
@@ -54,7 +76,46 @@ var presetToolBar = [{
 }];
 
 var ToolBar = function ToolBar(props) {
-  var toolBar = props.toolBar;
+  var _toolBarRef$current, _toolBarRef$current$p, _toolBarRef$current$p2;
+
+  var toolBar = props.toolBar,
+      fullScreenState = props.fullScreenState;
+  var toolBarRef = (0, _react.useRef)(null); // const toolBarSize = useSize(toolBarRef);
+  // 用于获取内容宽度
+
+  var toolBarContentRef = (0, _react.useRef)(null); // '.teamix-pro-form-query-filter-layout-inline' 元素
+
+  var layoutInlineDom = (_toolBarRef$current = toolBarRef.current) === null || _toolBarRef$current === void 0 ? void 0 : (_toolBarRef$current$p = _toolBarRef$current.parentElement) === null || _toolBarRef$current$p === void 0 ? void 0 : (_toolBarRef$current$p2 = _toolBarRef$current$p.parentElement) === null || _toolBarRef$current$p2 === void 0 ? void 0 : _toolBarRef$current$p2.parentElement; // 监听它的尺寸变化
+
+  var layoutInlineSize = (0, _hooks.useSize)(layoutInlineDom); // '.teamix-pro-form-query-filter-layout-left' 元素
+
+  var layoutLeftDom = layoutInlineDom === null || layoutInlineDom === void 0 ? void 0 : layoutInlineDom.firstElementChild;
+  var leftWidth = layoutLeftDom === null || layoutLeftDom === void 0 ? void 0 : layoutLeftDom.clientWidth; // 展示形式，是否平铺
+
+  var _useSafeState = (0, _hooks.useSafeState)(),
+      _useSafeState2 = _slicedToArray(_useSafeState, 2),
+      flat = _useSafeState2[0],
+      setFlat = _useSafeState2[1]; // 监听高度，> 32px则切换形态
+
+
+  (0, _react.useEffect)((0, _lodash.default)(function () {
+    // console.log(
+    //   layoutInlineSize?.width,
+    //   leftWidth,
+    //   toolBarContentRef.current?.clientWidth,
+    // );
+    if ((layoutInlineSize === null || layoutInlineSize === void 0 ? void 0 : layoutInlineSize.width) && leftWidth && toolBarContentRef.current) {
+      var _toolBarContentRef$cu;
+
+      var width = layoutInlineSize.width; // console.log('layoutInlineSize-width', width);
+
+      if (width - leftWidth <= ((_toolBarContentRef$cu = toolBarContentRef.current) === null || _toolBarContentRef$cu === void 0 ? void 0 : _toolBarContentRef$cu.clientWidth) + 8) {
+        setFlat(false);
+      } else {
+        setFlat(true);
+      }
+    }
+  }, 300));
   var toolBarList = toolBar !== false ? presetToolBar : [];
 
   if (Array.isArray(toolBar)) {
@@ -75,21 +136,49 @@ var ToolBar = function ToolBar(props) {
     });
   }
 
+  var renderFlatShape = function renderFlatShape() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: cls('content')
+    }, toolBarList.map(function (_ref) {
+      var type = _ref.type,
+          name = _ref.name,
+          Component = _ref.component;
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: cls('item', _defineProperty({}, name, true)),
+        key: name
+      }, type === 'preset' && /*#__PURE__*/_react.default.createElement(Component, props), type === 'custom' && /*#__PURE__*/_react.default.createElement("div", {
+        className: cls({
+          custom: true
+        })
+      }, Component));
+    }));
+  };
+
+  var renderUnFlatShape = function renderUnFlatShape() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
+      triggerType: ['click'],
+      popupProps: {
+        cache: true
+      },
+      style: {
+        padding: 8
+      },
+      trigger: /*#__PURE__*/_react.default.createElement(_components.Button, null, /*#__PURE__*/_react.default.createElement(_icon.default, {
+        type: "more-line"
+      })),
+      align: "tr"
+    }, renderFlatShape()));
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: cls()
-  }, toolBarList.map(function (_ref) {
-    var type = _ref.type,
-        name = _ref.name,
-        Component = _ref.component;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: cls(_defineProperty({}, name, true)),
-      key: name
-    }, type === 'preset' && /*#__PURE__*/_react.default.createElement(Component, _objectSpread({}, props)), type === 'custom' && /*#__PURE__*/_react.default.createElement("div", {
-      className: cls({
-        custom: true
-      })
-    }, Component));
-  }));
+    className: cls('', {
+      flat: flat
+    }),
+    ref: toolBarRef
+  }, !flat && !fullScreenState ? renderUnFlatShape() : renderFlatShape(), /*#__PURE__*/_react.default.createElement("div", {
+    className: cls('shadow'),
+    ref: toolBarContentRef
+  }, renderFlatShape()));
 };
 
 var _default = ToolBar;

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

@@ -2,20 +2,40 @@
   width: 100%;
   text-align: right;
   margin-bottom: 8px;
+  &-flat {
+    margin-left: 8px;
+  }
+  &-item {
+    display: inline-block;
+    &:not(:first-child) {
+      margin-left: 8px;
+    }
+  }
+  &-content {
+    display: flex;
+  }
+  &-shadow {
+    visibility: hidden;
+    pointer-events: none;
+    opacity: 0;
+    height: 0px;
+    position: absolute;
+    z-index: -1;
+    overflow: hidden;
+  }
 }
 .teamix-pro-table-toolbar-custom {
   display: inline-block;
-  margin-left: 8px;
 }
 
 // FullScreen
 .teamix-pro-table-toolbar-icon {
-  margin-left: 8px;
   i {
     color: var(--color-fill1-6, #848484);
   }
 }
 
+
 // FilterColumn
 .teamix-pro-table-toolbar-filter-column {
   min-width: 180px;

package/lib/table/index.js

@@ -34,7 +34,7 @@ var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscree
 
 var _EmptyContent = _interopRequireDefault(require("./components/EmptyContent"));
 
-var _actions = require("../actions");
+var _actions2 = require("../actions");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -55,7 +55,7 @@ Object.keys(_typing).forEach(function (key) {
     }
   });
 });
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree"];
+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", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "data-teamix-spm"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -63,6 +63,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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(); }
@@ -186,6 +188,7 @@ var ProTable = function ProTable(props) {
     return params;
   } : _props$formatParams,
       formatResult = props.formatResult,
+      requestConfig = props.requestConfig,
       _props$requestWhenMou = props.requestWhenMount,
       requestWhenMount = _props$requestWhenMou === void 0 ? true : _props$requestWhenMou,
       _props$showPagination = props.showPagination,
@@ -220,6 +223,7 @@ var ProTable = function ProTable(props) {
       _props$fixedTableBody = props.fixedTableBody,
       fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
       isTree = props.isTree,
+      dataTeamixSpm = props['data-teamix-spm'],
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var targetPageKey = pageKey || globalPageKey;
@@ -515,13 +519,14 @@ var ProTable = function ProTable(props) {
   }, [rowSelectionHook]); // 获取 table 左下角 checkbox 属性
 
   function getCheckAllProps() {
-    var _rowSelection$onChang = rowSelection.onChange,
-        _onChange = _rowSelection$onChang === void 0 ? function () {} : _rowSelection$onChang,
-        _rowSelection$onSelec = rowSelection.onSelectAll,
-        onSelectAll = _rowSelection$onSelec === void 0 ? function () {} : _rowSelection$onSelec,
-        _rowSelection$selecte2 = rowSelection.selectedRowKeys,
-        selectedRowKeys = _rowSelection$selecte2 === void 0 ? [] : _rowSelection$selecte2,
-        getProps = rowSelection.getProps;
+    var _ref = rowSelection,
+        _ref$onChange = _ref.onChange,
+        _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+        _ref$onSelectAll = _ref.onSelectAll,
+        onSelectAll = _ref$onSelectAll === void 0 ? function () {} : _ref$onSelectAll,
+        _ref$selectedRowKeys = _ref.selectedRowKeys,
+        selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
+        getProps = _ref.getProps;
 
     var dataSource = data;
     var allRowKeys = dataSource.filter(function (d, i) {
@@ -598,14 +603,14 @@ var ProTable = function ProTable(props) {
       actionRefCallback[state][name] = fun;
     },
     off: function off(name) {
-      actionRefCallback = Object.fromEntries(Object.entries(actionRefCallback).map(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-            k = _ref2[0],
-            v = _ref2[1];
+      actionRefCallback = Object.fromEntries(Object.entries(actionRefCallback).map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+            k = _ref3[0],
+            v = _ref3[1];
 
-        var filterV = Object.fromEntries(Object.entries(v).filter(function (_ref3) {
-          var _ref4 = _slicedToArray(_ref3, 1),
-              k = _ref4[0];
+        var filterV = Object.fromEntries(Object.entries(v).filter(function (_ref4) {
+          var _ref5 = _slicedToArray(_ref4, 1),
+              k = _ref5[0];
 
           return k !== name;
         }));
@@ -726,7 +731,8 @@ var ProTable = function ProTable(props) {
   }, {
     // 使用 request 方法代替 fetch
     requestMethod: function requestMethod(params) {
-      return (0, _utils.request)(params);
+      // 支持使用 requestConfig 自定义请求配置
+      return (0, _utils.request)(_objectSpread(_objectSpread({}, params), requestConfig));
     },
     manual: true,
     onSuccess: function onSuccess(result) {
@@ -936,7 +942,8 @@ var ProTable = function ProTable(props) {
         className: (0, _classnames.default)('teamix-pro-table-container', className, 'teamix-test-request'),
         "data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
         "data-teamix-test-params": (0, _utils.getTestRequestParams)(propsParams),
-        "data-teamix-test-data": (0, _utils.getTestRequestData)(propsColumns)
+        "data-teamix-test-data": (0, _utils.getTestRequestData)(propsColumns),
+        "data-teamix-spm": dataTeamixSpm
       }, /*#__PURE__*/_react.default.createElement(_Layout.default, {
         header: header,
         mainAction: mainAction,
@@ -948,8 +955,10 @@ var ProTable = function ProTable(props) {
         afterDataFilter: afterDataFilter,
         dataFilterFormRef: isFullScreen ? fullscreenDataFilterFormRef : normalDataFilterFormRef,
         rowSelection: rowSelection,
-        filterColumnType: filterColumnType
-      }), /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, _objectSpread({
+        filterColumnType: filterColumnType,
+        fullScreenState: isFullScreen,
+        dataTeamixSpm: dataTeamixSpm
+      }), /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, _extends({
         hasBorder: false,
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
         columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context),
@@ -967,20 +976,21 @@ var ProTable = function ProTable(props) {
         emptyContent: /*#__PURE__*/_react.default.createElement(_EmptyContent.default, null),
         sortIcons: (0, _getTableSortIcons.default)(),
         fixedHeader: fullscreenState || fixedTableBody,
-        maxBodyHeight: "calc(100vh - ".concat(headerHeight, "px)")
+        maxBodyHeight: "calc(100vh - ".concat(headerHeight, "px)") // 过滤出可以传到 Table 的 Props
+
       }, (0, _utils.pickProps)((0, _getTableProps.default)(), otherProps))));
     } else {
       // 不传 columns 直接返回原始 Table
-      return /*#__PURE__*/_react.default.createElement(_components.Table, _objectSpread({
+      return /*#__PURE__*/_react.default.createElement(_components.Table, _extends({
         className: cls()
       }, (0, _utils.pickProps)((0, _getTableProps.default)(), otherProps)));
     }
   };
 
   var renderFooterAction = function renderFooterAction() {
-    var _footerAction$actions;
+    var _actions;
 
-    if (_typeof(footerAction) === 'object' && (footerAction === null || footerAction === void 0 ? void 0 : (_footerAction$actions = footerAction.actions) === null || _footerAction$actions === void 0 ? void 0 : _footerAction$actions.length) >= 0) {
+    if (_typeof(footerAction) === 'object' && (footerAction === null || footerAction === void 0 ? void 0 : (_actions = footerAction.actions) === null || _actions === void 0 ? void 0 : _actions.length) >= 0) {
       // 默认 context
       var defaultContext = {
         action: actionRef.current,
@@ -999,7 +1009,7 @@ var ProTable = function ProTable(props) {
 
       return /*#__PURE__*/_react.default.createElement("div", {
         className: cls('footer-action')
-      }, /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({}, targetFooterActions), {}, {
+      }, /*#__PURE__*/_react.default.createElement(_actions2.ProActionGroup, _extends({}, targetFooterActions, {
         context: _objectSpread(_objectSpread({}, defaultContext), targetFooterActions === null || targetFooterActions === void 0 ? void 0 : targetFooterActions.context)
       })));
     } else return footerAction;
@@ -1046,7 +1056,7 @@ var ProTable = function ProTable(props) {
         } else {
           return /*#__PURE__*/_react.default.createElement("div", {
             className: cls('footer-left-wrapper')
-          }, rowSelection.mode !== 'single' && /*#__PURE__*/_react.default.createElement(_components.Checkbox, _objectSpread({
+          }, rowSelection.mode !== 'single' && /*#__PURE__*/_react.default.createElement(_components.Checkbox, _extends({
             className: cls("footer-checkbox-".concat(size))
           }, getCheckAllProps())), footerAction && renderFooterAction(), /*#__PURE__*/_react.default.createElement("span", {
             className: cls('selected-msg')
@@ -1075,15 +1085,15 @@ var ProTable = function ProTable(props) {
         })
       }, renderRowSelection(), /*#__PURE__*/_react.default.createElement("div", {
         className: cls('footer-right-wrapper')
-      }, showSkeleton ? /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Footer.Pagination, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.length > 0 && /*#__PURE__*/_react.default.createElement(_Pagination.default, _objectSpread({
+      }, showSkeleton ? /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Footer.Pagination, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.length > 0 && /*#__PURE__*/_react.default.createElement(_Pagination.default, _extends({
         className: cls('pagination'),
         onChange: function onChange(number) {
           return onChangePagination(number);
         },
         total: total,
-        responsivePaginationType: responsivePaginationType,
-        // shape="arrow-only"
+        responsivePaginationType: responsivePaginationType // shape="arrow-only"
         // pageSizePosition="end"
+        ,
         totalRender: function totalRender(total) {
           return (0, _utils.getMessage)('total', {
             total: new Intl.NumberFormat().format(total)

package/lib/table/typing.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/lib/table/utils/columnRender.js

@@ -43,6 +43,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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; }
@@ -66,22 +68,24 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
       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 : {};
 
       if (Object.keys(selectedItem).length > 0) {
-        var _selectedItem$dataInd;
+        var _selectedItem;
 
-        if ((_selectedItem$dataInd = selectedItem[dataIndex]) === null || _selectedItem$dataInd === void 0 ? void 0 : _selectedItem$dataInd.params) {
-          var _targetFilters$find;
+        if ((_selectedItem = selectedItem[dataIndex]) === null || _selectedItem === void 0 ? void 0 : _selectedItem.params) {
+          var _ref, _targetFilters$find;
 
           // 找到对应的 label
-          var targetFilters = filters !== null && filters !== void 0 ? filters : [];
+          var targetFilters = (_ref = filters) !== null && _ref !== void 0 ? _ref : [];
 
           if (filters === true) {
-            targetFilters = dataSource !== null && dataSource !== void 0 ? dataSource : [];
+            var _ref2;
+
+            targetFilters = (_ref2 = dataSource) !== null && _ref2 !== void 0 ? _ref2 : [];
           }
 
           var label = (_targetFilters$find = targetFilters.find(function (item) {
-            var _selectedItem$dataInd2;
+            var _selectedItem2;
 
-            return item.value === ((_selectedItem$dataInd2 = selectedItem[dataIndex]) === null || _selectedItem$dataInd2 === void 0 ? void 0 : _selectedItem$dataInd2.params);
+            return item.value === ((_selectedItem2 = selectedItem[dataIndex]) === null || _selectedItem2 === void 0 ? void 0 : _selectedItem2.params);
           })) === null || _targetFilters$find === void 0 ? void 0 : _targetFilters$find.label;
           var value = "".concat(item.title, " (").concat(label, ")");
           return /*#__PURE__*/_react.default.createElement(_field.default, {
@@ -128,9 +132,7 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
 
 exports.renderColumnsTitle = renderColumnsTitle;
 
-var renderCell = function renderCell(value, item, index, record, actionRef,
-/** 接收外部比如 dialog-table 传过来的 context，用于弹窗关闭等 */
-context) {
+var renderCell = function renderCell(value, item, index, record, actionRef, context) {
   var _actionSchema$actions;
 
   var _item$valueType = item.valueType,
@@ -198,9 +200,9 @@ context) {
       action: actionRef.current
     }, context);
 
-    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _extends({
       type: "text"
-    }, actionSchema), {}, {
+    }, actionSchema, {
       context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)
     }));
   } // dataSource可传函数
@@ -214,10 +216,10 @@ context) {
     var _item$dataSource2;
 
     newDataSource = ((_item$dataSource2 = item.dataSource) !== null && _item$dataSource2 !== void 0 ? _item$dataSource2 : []).map(function (item) {
-      return Object.fromEntries(Object.entries(item).map(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-            k = _ref2[0],
-            v = _ref2[1];
+      return Object.fromEntries(Object.entries(item).map(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+            k = _ref4[0],
+            v = _ref4[1];
 
         return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
           record: record,
@@ -229,7 +231,7 @@ context) {
   } // 渲染 ProField
 
 
-  return /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
+  return /*#__PURE__*/_react.default.createElement(_field.default, _extends({
     type: valueType || 'text',
     value: value,
     render: newRender,
@@ -256,10 +258,10 @@ var processRenderFunction = function processRenderFunction() {
   var record = arguments.length > 3 ? arguments[3] : undefined;
   // 当 ProField render 类型为 function 时。需要表格预先处理以塞入 record
   var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick', 'extra', 'prefixExtra'];
-  return Object.fromEntries(Object.entries(render).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        k = _ref4[0],
-        v = _ref4[1];
+  return Object.fromEntries(Object.entries(render).map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        k = _ref6[0],
+        v = _ref6[1];
 
     if (typeof v === 'function') {
       var _v;
@@ -295,10 +297,10 @@ var processBuriedPoint = function processBuriedPoint() {
   var index = arguments.length > 3 ? arguments[3] : undefined;
   return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
   // emptyText 默认为 '-'
-  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        k = _ref6[0],
-        v = _ref6[1];
+  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2),
+        k = _ref8[0],
+        v = _ref8[1];
 
     return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
       record: record,

package/lib/table/utils/pureColumnRender.js

@@ -27,6 +27,8 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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."); }
@@ -141,7 +143,7 @@ var renderCell = function renderCell(value, item, index, record) {
   } // 渲染 ProField
 
 
-  return /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
+  return /*#__PURE__*/_react.default.createElement(_field.default, _extends({
     type: valueType || 'text',
     value: value,
     render: newRender,

package/lib/templates/List/index.js

@@ -23,11 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 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; }
 
@@ -46,17 +42,17 @@ var ListPage = function ListPage(props) {
   var contentProps = (pageProps === null || pageProps === void 0 ? void 0 : pageProps.content) || {
     columns: []
   };
-  return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _objectSpread({
+  return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _extends({
     header: /*#__PURE__*/_react.default.createElement(_pageContainer.EditableContainer, {
       id: "header",
       component: "PageHeader"
-    }, /*#__PURE__*/_react.default.createElement(_pageHeader.default, _objectSpread({
+    }, /*#__PURE__*/_react.default.createElement(_pageHeader.default, _extends({
       loading: loading
     }, headerProps))),
     content: /*#__PURE__*/_react.default.createElement(_pageContainer.EditableContainer, {
       id: "content",
       component: "ProTable"
-    }, /*#__PURE__*/_react.default.createElement(_table.default, _objectSpread({
+    }, /*#__PURE__*/_react.default.createElement(_table.default, _extends({
       loading: loading
     }, contentProps)))
   }, others));

package/lib/timeline/ProTimeLineItem/index.js

@@ -27,11 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 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); }
 
@@ -293,7 +289,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       }))
     }, !_comment && renderStateNode()));
   }, [_shape, icon, status, dotRender]);
-  return /*#__PURE__*/_react.default.createElement(TimelineItem, _objectSpread({
+  return /*#__PURE__*/_react.default.createElement(TimelineItem, _extends({
     title: renderTitle(),
     dot: renderNode(),
     timeLeft: renderTimeLeft(),