@teamix/pro 1.2.22 → 1.2.23

package/es/form/Components/SelectTable/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TableProps, ColumnProps } from '@alifd/next/types/table';
+import './index.scss';
+declare type ISelectTableFilterOption = boolean | ((optipn: any, kewword: string) => boolean);
+declare type ISelectTableFilterSort = (optionA: any, optionB: any) => number;
+export interface ISelectTableColumnProps extends ColumnProps {
+    key: React.ReactText;
+}
+export interface ISelectTableProps extends TableProps {
+    mode?: 'multiple' | 'single';
+    dataSource?: any[];
+    optionAsValue?: boolean;
+    showSearch?: boolean;
+    filterOption?: ISelectTableFilterOption;
+    filterSort?: ISelectTableFilterSort;
+    onSearch?: (kekword: string) => void;
+    onChange?: (value: any) => void;
+    value?: any;
+}
+declare type ComposedSelectTable = React.FC<ISelectTableProps> & {
+    TableColumn?: React.FC<ISelectTableColumnProps>;
+};
+declare const SelectTable: ComposedSelectTable;
+export default SelectTable;

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

@@ -0,0 +1,135 @@
+var _excluded = ["mode", "dataSource", "optionAsValue", "showSearch", "filterOption", "filterSort", "onSearch", "className", "value", "onChange", "rowSelection"];
+
+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; }
+
+import React, { useEffect, useState } from 'react';
+import { Table, Search } from '@alicloudfe/components';
+import { observer, useFieldSchema } from '@formily/react';
+import cls from 'classnames';
+import { isArr } from '@formily/shared';
+import { usePrefixCls } from '@teamix/utils';
+import './index.scss';
+
+var useColumns = function useColumns() {
+  var schema = 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 = 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 = usePrefixCls('formily-selectTable', props);
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var tabs = useColumns();
+
+  var expandedRowRender = function expandedRowRender(record, index) {
+    var children = isArr(record.children) ? record.children : [];
+    return /*#__PURE__*/React.createElement(Table, {
+      dataSource: children,
+      key: index
+    }, tabs.map(function (_ref, key) {
+      var props = _ref.props;
+      return /*#__PURE__*/React.createElement(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);
+  };
+
+  useEffect(function () {
+    var primaryKey = props.primaryKey;
+    var inputValue = mode === 'single' ? [value] : 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.createElement("div", {
+    className: cls(prefixCls, props.className)
+  }, showSearch ? /*#__PURE__*/React.createElement(Search, {
+    className: "".concat(prefixCls, "-search"),
+    onSearch: console.log
+  }) : null, /*#__PURE__*/React.createElement(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.createElement(Table.Column, _objectSpread({
+      key: key
+    }, props));
+  })));
+});
+
+var TableColumn = function TableColumn(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+SelectTable.TableColumn = TableColumn;
+SelectTable.defaultProps = {
+  showSearch: false,
+  primaryKey: 'key'
+};
+export default SelectTable;

package/es/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/es/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/es/form/Components/SelectTable/table.js

@@ -0,0 +1,64 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React from 'React';
+import { Table as NextTable } from '@alicloudfe/components';
+import './index.scss';
+
+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.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.createElement(React.Fragment, null);
+  };
+
+  return React.createElement(NextTable, _objectSpread(_objectSpread({}, props), {}, {
+    rowProps: rowProps,
+    rowSelection: {
+      onChange: onChange,
+      onSelectAll: onSelectAll,
+      onSelect: onSelect
+    },
+    expandedRowRender: expandedRowRender,
+    expandedRowIndent: [1, 0]
+  }));
+};
+
+export default Table;

package/es/index.d.ts

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

package/es/index.js

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

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

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

package/es/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/es/table/components/Pagination/index.js

@@ -1,4 +1,4 @@
-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 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; }
 
@@ -24,14 +24,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 // 自适应宽度的翻页器
 import React, { useState } from 'react';
-import { Pagination, Balloon, Select, Button } from '@alicloudfe/components';
+import { Pagination, Balloon, Select, Button, Input, Icon } from '@alicloudfe/components';
 import { getMessage, baseClass } from '@teamix/utils';
 import { useResponsiveProps } from '@teamix/hooks';
 import './index.scss';
 var cls = baseClass('teamix-pro-pagination');
 export default (function (props) {
   var className = props.className,
-      onChange = props.onChange,
+      propsOnChange = props.onChange,
       total = props.total,
       totalRender = props.totalRender,
       pageSize = props.pageSize,
@@ -40,6 +40,7 @@ export default (function (props) {
       pageSizeSelector = props.pageSizeSelector,
       type = props.type,
       onPageSizeChange = props.onPageSizeChange,
+      responsivePaginationType = props.responsivePaginationType,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useResponsiveProps = useResponsiveProps([480, 590, 700], ['mini', 'small', 'simple', 'normal']),
@@ -51,9 +52,14 @@ export default (function (props) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
+  var _useState3 = 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',
@@ -61,7 +67,7 @@ export default (function (props) {
     pageSizeSelector: pageSizeSelector,
     pageSizePosition: 'end',
     onPageSizeChange: onPageSizeChange
-  };
+  }; // 自定义总数，用于 small、mini
 
   var customTotalRender = function customTotalRender(total) {
     return /*#__PURE__*/React.createElement(Balloon, {
@@ -94,13 +100,104 @@ export default (function (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.createElement("div", {
+      className: cls('custom-jumper')
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "next-prev next-pagination-item",
+      onClick: handlePrevClick,
+      disabled: Number(currentPage) <= 1
+    }, /*#__PURE__*/React.createElement(Icon, {
+      size: "small",
+      type: "arrow-left"
+    })), /*#__PURE__*/React.createElement(Input, {
+      className: "jump-input",
+      value: currentPage,
+      onChange: handleInputChange,
+      onKeyDown: function onKeyDown(e) {
+        if (e.keyCode === 13) {
+          handleJump(e);
+        }
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "total"
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginRight: 4
+      }
+    }, "/"), getTotalPage(total, pageSize)), /*#__PURE__*/React.createElement(Button, {
+      className: "next-next next-pagination-item",
+      onClick: handleNextClick,
+      //@ts-ignore
+      disabled: total && Number(currentPage) >= getTotalPage(total, pageSize)
+    }, /*#__PURE__*/React.createElement(Icon, {
+      size: "small",
+      type: "arrow-right"
+    })));
+  };
+
+  var renderMiniPagination = function renderMiniPagination() {
+    if (total && pageSize) {
+      if (total / pageSize <= 2) {
+        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          type: "simple"
+        }, otherProps));
+      } else {
+        return /*#__PURE__*/React.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.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
           totalRender: function totalRender(total) {
@@ -130,13 +227,7 @@ export default (function (props) {
         }, otherProps));
 
       case 'mini':
-        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
-          pageSizeSelector: false,
-          totalRender: function totalRender(total) {
-            return customTotalRender(total);
-          },
-          type: "simple"
-        }, otherProps));
+        return renderMiniPagination();
 
       default:
         return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));

package/es/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/es/table/index.js

@@ -1,4 +1,4 @@
-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 _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); }
 
@@ -33,8 +33,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useState, useEffect, useRef, useMemo } from 'react';
-import { Table, Checkbox, Pagination } from '@alicloudfe/components'; // import Pagination from './components/Pagination';
-
+import { Table, Checkbox } from '@alicloudfe/components';
+import Pagination from './components/Pagination';
 import genProColumnToColumn from './utils/genProColumnToColumn';
 import { baseClass, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps } from '@teamix/utils';
 import { ProSkeletonRaw as Skeleton } from '../skeleton';
@@ -146,6 +146,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,
@@ -857,8 +858,9 @@ var ProTable = function ProTable(props) {
           return onChangePagination(number);
         },
         total: total,
-        shape: "arrow-only",
-        pageSizePosition: "end",
+        responsivePaginationType: responsivePaginationType,
+        // shape="arrow-only"
+        // pageSizePosition="end"
         totalRender: function totalRender(total) {
           return getMessage('total', {
             total: total

package/es/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/lib/form/Components/SelectTable/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TableProps, ColumnProps } from '@alifd/next/types/table';
+import './index.scss';
+declare type ISelectTableFilterOption = boolean | ((optipn: any, kewword: string) => boolean);
+declare type ISelectTableFilterSort = (optionA: any, optionB: any) => number;
+export interface ISelectTableColumnProps extends ColumnProps {
+    key: React.ReactText;
+}
+export interface ISelectTableProps extends TableProps {
+    mode?: 'multiple' | 'single';
+    dataSource?: any[];
+    optionAsValue?: boolean;
+    showSearch?: boolean;
+    filterOption?: ISelectTableFilterOption;
+    filterSort?: ISelectTableFilterSort;
+    onSearch?: (kekword: string) => void;
+    onChange?: (value: any) => void;
+    value?: any;
+}
+declare type ComposedSelectTable = React.FC<ISelectTableProps> & {
+    TableColumn?: React.FC<ISelectTableColumnProps>;
+};
+declare const SelectTable: ComposedSelectTable;
+export default SelectTable;