@teamix/pro 1.2.22 → 1.2.23

package/lib/form/Components/SelectTable/index.js

@@ -0,0 +1,157 @@
+"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
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("@alicloudfe/components");
+
+var _react2 = require("@formily/react");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _shared = require("@formily/shared");
+
+var _utils = require("@teamix/utils");
+
+require("./index.scss");
+
+var _excluded = ["mode", "dataSource", "optionAsValue", "showSearch", "filterOption", "filterSort", "onSearch", "className", "value", "onChange", "rowSelection"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+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; }
+
+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; }
+
+var useColumns = function useColumns() {
+  var schema = (0, _react2.useFieldSchema)();
+  var columns = [];
+  schema.mapProperties(function (schema, name) {
+    var _schema$xComponent;
+
+    if (((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('Column')) > -1) {
+      var props = schema === null || schema === void 0 ? void 0 : schema['x-component-props'];
+      columns.push({
+        name: name,
+        props: _objectSpread(_objectSpread({}, props), {}, {
+          title: (props === null || props === void 0 ? void 0 : props.title) || (schema === null || schema === void 0 ? void 0 : schema.title),
+          dataIndex: (props === null || props === void 0 ? void 0 : props.dataIndex) || name
+        }),
+        schema: schema
+      });
+    }
+  });
+  return columns;
+};
+
+var SelectTable = (0, _react2.observer)(function (props) {
+  var mode = props.mode,
+      dataSource = props.dataSource,
+      optionAsValue = props.optionAsValue,
+      showSearch = props.showSearch,
+      filterOption = props.filterOption,
+      filterSort = props.filterSort,
+      onSearch = props.onSearch,
+      className = props.className,
+      value = props.value,
+      onChange = props.onChange,
+      rowSelection = props.rowSelection,
+      otherTableProps = _objectWithoutProperties(props, _excluded);
+
+  var prefixCls = (0, _utils.usePrefixCls)('formily-selectTable', props);
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var tabs = useColumns();
+
+  var expandedRowRender = function expandedRowRender(record, index) {
+    var children = (0, _shared.isArr)(record.children) ? record.children : [];
+    return /*#__PURE__*/_react.default.createElement(_components.Table, {
+      dataSource: children,
+      key: index
+    }, tabs.map(function (_ref, key) {
+      var props = _ref.props;
+      return /*#__PURE__*/_react.default.createElement(_components.Table.Column, _objectSpread({
+        key: key
+      }, props));
+    }));
+  };
+
+  var onInnerChange = function onInnerChange(selectedRowKeys, records) {
+    var outputValue = optionAsValue ? records : selectedRowKeys;
+    outputValue = mode === 'single' ? outputValue[0] : outputValue;
+    onChange && onChange(outputValue);
+  };
+
+  (0, _react.useEffect)(function () {
+    var primaryKey = props.primaryKey;
+    var inputValue = mode === 'single' ? [value] : (0, _shared.isArr)(value) ? value : [];
+    inputValue = optionAsValue ? inputValue.map(function (v) {
+      return v === null || v === void 0 ? void 0 : v[primaryKey];
+    }) : inputValue;
+    setSelected(inputValue);
+  }, [value, mode]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(prefixCls, props.className)
+  }, showSearch ? /*#__PURE__*/_react.default.createElement(_components.Search, {
+    className: "".concat(prefixCls, "-search"),
+    onSearch: console.log
+  }) : null, /*#__PURE__*/_react.default.createElement(_components.Table, _objectSpread({
+    className: "".concat(prefixCls, "-table"),
+    dataSource: dataSource,
+    rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
+      mode: mode,
+      onChange: onInnerChange,
+      selectedRowKeys: selected
+    })
+  }, otherTableProps), tabs.map(function (_ref2, key) {
+    var props = _ref2.props;
+    return /*#__PURE__*/_react.default.createElement(_components.Table.Column, _objectSpread({
+      key: key
+    }, props));
+  })));
+});
+
+var TableColumn = function TableColumn(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+SelectTable.TableColumn = TableColumn;
+SelectTable.defaultProps = {
+  showSearch: false,
+  primaryKey: 'key'
+};
+var _default = SelectTable;
+exports.default = _default;

package/lib/form/Components/SelectTable/index.scss

@@ -0,0 +1,28 @@
+@import '../../global.scss';
+
+$selectTable: #{$css-prefix}formily-selectTable;
+
+.#{$selectTable} {
+  .#{$selectTable}-search {
+    margin-bottom: 8px;
+  }
+  .#{$selectTable}-table {
+  }
+}
+
+.next-table-row-nochildren {
+  > .next-table-expanded {
+    > * {
+      visibility: hidden;
+    }
+  }
+}
+.next-table-expanded-row {
+  .next-table-body {
+    > tr:last-child {
+      > td {
+        border-bottom: 0;
+      }
+    }
+  }
+}

package/lib/form/Components/SelectTable/table.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'React';
+import { TableProps } from '@alifd/next/types/table';
+import './index.scss';
+declare const Table: React.FC<TableProps>;
+export default Table;

package/lib/form/Components/SelectTable/table.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _React = _interopRequireDefault(require("React"));
+
+var _components = require("@alicloudfe/components");
+
+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 _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; }
+
+var Table = function Table(props) {
+  var onChange = function onChange(selectedRowKeys, records) {
+    console.log(selectedRowKeys);
+  };
+
+  var onSelect = function onSelect() {};
+
+  var onSelectAll = function onSelectAll() {};
+
+  var rowProps = function rowProps(record) {
+    var _record$children;
+
+    if (!(record === null || record === void 0 ? void 0 : (_record$children = record.children) === null || _record$children === void 0 ? void 0 : _record$children.length)) {
+      return {// className: 'next-table-row-nochildren',
+      };
+    }
+
+    return {};
+  };
+
+  var expandedRowRender = function expandedRowRender(record, index) {
+    var children = record.children;
+
+    if (children === null || children === void 0 ? void 0 : children.length) {
+      return _React.default.createElement(Table, _objectSpread(_objectSpread({}, props), {}, {
+        key: index,
+        dataSource: children,
+        hasHeader: false,
+        hasBorder: false,
+        rowProps: rowProps,
+        rowSelection: {
+          onChange: onChange
+        },
+        expandedRowRender: expandedRowRender,
+        expandedRowIndent: [1, 0]
+      }));
+    }
+
+    return _React.default.createElement(_React.default.Fragment, null);
+  };
+
+  return _React.default.createElement(_components.Table, _objectSpread(_objectSpread({}, props), {}, {
+    rowProps: rowProps,
+    rowSelection: {
+      onChange: onChange,
+      onSelectAll: onSelectAll,
+      onSelect: onSelect
+    },
+    expandedRowRender: expandedRowRender,
+    expandedRowIndent: [1, 0]
+  }));
+};
+
+var _default = Table;
+exports.default = _default;

package/lib/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.21";
+declare const version = "1.2.23";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -253,5 +253,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
 // export * from './sidebar';
-var version = '1.2.21';
+var version = '1.2.23';
 exports.version = version;

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

@@ -133,6 +133,7 @@ var Layout = function Layout(props) {
       var _dataFilter$schema2;
 
       if ( /*#__PURE__*/(0, _react.isValidElement)(dataFilter === null || dataFilter === void 0 ? void 0 : dataFilter.content)) {
+        // 自定义渲染内容，当 `schema=[]` 时生效
         return /*#__PURE__*/_react.default.createElement("div", {
           className: cls('panel-filter'),
           style: {

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

@@ -1,4 +1,7 @@
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
+import { responsivePaginationType } from '../../typing';
 import './index.scss';
-declare const _default: (props: PaginationProps) => JSX.Element;
+declare const _default: (props: PaginationProps & {
+    responsivePaginationType?: responsivePaginationType;
+}) => JSX.Element;
 export default _default;

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

@@ -17,7 +17,7 @@ var _hooks = require("@teamix/hooks");
 
 require("./index.scss");
 
-var _excluded = ["className", "onChange", "total", "totalRender", "pageSize", "current", "pageSizeList", "pageSizeSelector", "type", "onPageSizeChange"];
+var _excluded = ["className", "onChange", "total", "totalRender", "pageSize", "current", "pageSizeList", "pageSizeSelector", "type", "onPageSizeChange", "responsivePaginationType"];
 
 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); }
 
@@ -49,7 +49,7 @@ var cls = (0, _utils.baseClass)('teamix-pro-pagination');
 
 var _default = function _default(props) {
   var className = props.className,
-      onChange = props.onChange,
+      propsOnChange = props.onChange,
       total = props.total,
       totalRender = props.totalRender,
       pageSize = props.pageSize,
@@ -58,6 +58,7 @@ var _default = function _default(props) {
       pageSizeSelector = props.pageSizeSelector,
       type = props.type,
       onPageSizeChange = props.onPageSizeChange,
+      responsivePaginationType = props.responsivePaginationType,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useResponsiveProps = (0, _hooks.useResponsiveProps)([480, 590, 700], ['mini', 'small', 'simple', 'normal']),
@@ -69,9 +70,14 @@ var _default = function _default(props) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(current),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentPage = _useState4[0],
+      setCurrentPage = _useState4[1];
+
   var commonPaginationProps = {
     className: className,
-    onChange: onChange,
+    onChange: propsOnChange,
     total: total,
     pageSize: pageSize,
     shape: 'arrow-only',
@@ -79,7 +85,7 @@ var _default = function _default(props) {
     pageSizeSelector: pageSizeSelector,
     pageSizePosition: 'end',
     onPageSizeChange: onPageSizeChange
-  };
+  }; // 自定义总数，用于 small、mini
 
   var customTotalRender = function customTotalRender(total) {
     return /*#__PURE__*/_react.default.createElement(_components.Balloon, {
@@ -112,13 +118,104 @@ var _default = function _default(props) {
       },
       onChange: function onChange(value) {
         setVisible(false);
+        setCurrentPage(1);
         onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(value);
       }
     })));
+  }; // 获取页总数
+
+
+  function getTotalPage(total, currentPageSize) {
+    var totalPage = Math.ceil(total / currentPageSize);
+    return totalPage <= 0 ? 1 : totalPage;
+  } // 自定义翻页，用于 mini
+
+
+  var customJumpRender = function customJumpRender() {
+    var handleInputChange = function handleInputChange(value, e) {
+      setCurrentPage(value);
+    }; // 回车触发跳转
+
+
+    var handleJump = function handleJump(e) {
+      var totalPage = getTotalPage(total, pageSize);
+      var value = Number(currentPage);
+
+      if (isNaN(value)) {
+        value = '';
+      } else if (value < 1) {
+        value = 1;
+      } else if (value > totalPage) {
+        value = totalPage;
+      }
+
+      if (value && value !== current) {
+        setCurrentPage(value);
+        propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(value, e);
+      }
+    };
+
+    var handlePrevClick = function handlePrevClick(e) {
+      setCurrentPage(currentPage - 1);
+      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(currentPage - 1, e);
+    };
+
+    var handleNextClick = function handleNextClick(e) {
+      setCurrentPage(currentPage + 1);
+      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(currentPage + 1, e);
+    };
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: cls('custom-jumper')
+    }, /*#__PURE__*/_react.default.createElement(_components.Button, {
+      className: "next-prev next-pagination-item",
+      onClick: handlePrevClick,
+      disabled: Number(currentPage) <= 1
+    }, /*#__PURE__*/_react.default.createElement(_components.Icon, {
+      size: "small",
+      type: "arrow-left"
+    })), /*#__PURE__*/_react.default.createElement(_components.Input, {
+      className: "jump-input",
+      value: currentPage,
+      onChange: handleInputChange,
+      onKeyDown: function onKeyDown(e) {
+        if (e.keyCode === 13) {
+          handleJump(e);
+        }
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "total"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        marginRight: 4
+      }
+    }, "/"), getTotalPage(total, pageSize)), /*#__PURE__*/_react.default.createElement(_components.Button, {
+      className: "next-next next-pagination-item",
+      onClick: handleNextClick,
+      //@ts-ignore
+      disabled: total && Number(currentPage) >= getTotalPage(total, pageSize)
+    }, /*#__PURE__*/_react.default.createElement(_components.Icon, {
+      size: "small",
+      type: "arrow-right"
+    })));
+  };
+
+  var renderMiniPagination = function renderMiniPagination() {
+    if (total && pageSize) {
+      if (total / pageSize <= 2) {
+        return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          type: "simple"
+        }, otherProps));
+      } else {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: "".concat(cls('custom-mini-pagination'), "  next-pagination")
+        }, customTotalRender(total), customJumpRender());
+      }
+    }
   };
 
   var renderPagination = function renderPagination() {
-    switch (responsiveProps) {
+    switch (responsivePaginationType || responsiveProps) {
       case 'normal':
         return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
           totalRender: function totalRender(total) {
@@ -148,13 +245,7 @@ var _default = function _default(props) {
         }, otherProps));
 
       case 'mini':
-        return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
-          pageSizeSelector: false,
-          totalRender: function totalRender(total) {
-            return customTotalRender(total);
-          },
-          type: "simple"
-        }, otherProps));
+        return renderMiniPagination();
 
       default:
         return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));

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

@@ -13,6 +13,34 @@ $prefix: 'teamix-pro-pagination';
       }
     }
   }
+  &-custom-mini-pagination {
+    display: flex;
+    align-items: center;
+  }
+  &-custom-jumper {
+    display: flex;
+    align-items: center;
+    .jump-input {
+      width: 36px;
+      input {
+        padding: 0 3px;
+        text-align: center;
+        line-height: 30px;
+      }
+    }
+    .total {
+      margin-left: 8px;
+      margin-right: 4px;
+      color: var(--color-text1-2);
+    }
+    .next-prev {
+      margin-left: 8px;
+      margin-right: 4px;
+    }
+    .next-pagination-item:disabled i {
+      color: var(--btn-pure-normal-color-disabled, #CCCCCC) !important;
+    }
+  }
   &-custom-page-size-selector.next-select-trigger {
     min-width: 56px;
     .next-select-inner {

package/lib/table/index.js

@@ -10,6 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _components = require("@alicloudfe/components");
 
+var _Pagination = _interopRequireDefault(require("./components/Pagination"));
+
 var _genProColumnToColumn = _interopRequireDefault(require("./utils/genProColumnToColumn"));
 
 var _utils = require("@teamix/utils");
@@ -55,7 +57,7 @@ Object.keys(_typing).forEach(function (key) {
     }
   });
 });
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "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"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -189,6 +191,7 @@ var ProTable = function ProTable(props) {
       showPagination = _props$showPagination === void 0 ? true : _props$showPagination,
       _props$pageSizeList = props.pageSizeList,
       pageSizeList = _props$pageSizeList === void 0 ? [5, 10, 20, 50, 100] : _props$pageSizeList,
+      responsivePaginationType = props.responsivePaginationType,
       _props$showSkeleton = props.showSkeleton,
       propsShowSkeleton = _props$showSkeleton === void 0 ? true : _props$showSkeleton,
       _props$skeletonSize = props.skeletonSize,
@@ -894,14 +897,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(_components.Pagination, _objectSpread({
+      }, showSkeleton ? /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Footer.Pagination, null) : /*#__PURE__*/_react.default.createElement(_Pagination.default, _objectSpread({
         className: cls('pagination'),
         onChange: function onChange(number) {
           return onChangePagination(number);
         },
         total: total,
-        shape: "arrow-only",
-        pageSizePosition: "end",
+        responsivePaginationType: responsivePaginationType,
+        // shape="arrow-only"
+        // pageSizePosition="end"
         totalRender: function totalRender(total) {
           return (0, _utils.getMessage)('total', {
             total: total

package/lib/table/typing.d.ts

@@ -22,6 +22,7 @@ declare type TDataService = {
     /** 表格数据 */
     data?: any;
 };
+export declare type responsivePaginationType = 'mini' | 'small' | 'simple' | 'normal';
 export declare type ProTableColumnProps = {
     /**
      * 会在 title 之后展示一个 icon，hover 之后提示一些信息
@@ -92,6 +93,8 @@ export declare type ProTableProps = {
     paginationProps?: PaginationProps;
     /** 是否显示翻页器  */
     showPagination?: boolean;
+    /** 手动指定响应式翻页器的 type */
+    responsivePaginationType?: responsivePaginationType;
     /** 是否使用内置的 rowSelection */
     useRowSelection?: boolean;
     /** 内置 rowSelection 变化时的回调 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamix/pro",
-  "version": "1.2.22",
+  "version": "1.2.23",
   "description": "TeamixPro大包",
   "repository": "http://gitlab.alibaba-inc.com/teamix/pro",
   "author": "Velociraptor(迅猛龙)",