@teamix/pro 1.5.11-beta.1 → 1.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/pro.css +1 -1
  2. package/dist/pro.js +465 -96
  3. package/dist/pro.min.css +1 -1
  4. package/dist/pro.min.js +1 -1
  5. package/es/actions/index.d.ts +2 -2
  6. package/es/actions/index.js +1 -1
  7. package/es/index.d.ts +1 -1
  8. package/es/index.js +1 -1
  9. package/es/page-header/index.d.ts +2 -2
  10. package/es/page-header/index.js +1 -1
  11. package/es/sidebar/index.d.ts +2 -2
  12. package/es/sidebar/index.js +1 -1
  13. package/es/sidebar/utils/index.d.ts +2 -2
  14. package/es/skeleton/index.d.ts +2 -3
  15. package/es/skeleton/index.js +1 -2
  16. package/es/table/components/ToolBar/FilterColumnIcon.js +28 -23
  17. package/es/table/components/ToolBar/RefreshIcon.js +162 -24
  18. package/es/table/components/ToolBar/index.scss +17 -0
  19. package/es/table/index.d.ts +2 -3
  20. package/es/table/index.js +64 -25
  21. package/es/table/typing.d.ts +17 -3
  22. package/es/timeline/ProTimeLineItem/index.js +1 -1
  23. package/lib/actions/index.d.ts +2 -2
  24. package/lib/actions/index.js +1 -1
  25. package/lib/index.d.ts +1 -1
  26. package/lib/index.js +1 -1
  27. package/lib/page-header/index.d.ts +2 -2
  28. package/lib/page-header/index.js +1 -1
  29. package/lib/sidebar/index.d.ts +2 -2
  30. package/lib/sidebar/index.js +1 -1
  31. package/lib/sidebar/utils/index.d.ts +2 -2
  32. package/lib/skeleton/index.d.ts +2 -3
  33. package/lib/skeleton/index.js +1 -3
  34. package/lib/table/components/ToolBar/FilterColumnIcon.js +27 -22
  35. package/lib/table/components/ToolBar/RefreshIcon.js +164 -27
  36. package/lib/table/components/ToolBar/index.scss +17 -0
  37. package/lib/table/index.d.ts +2 -3
  38. package/lib/table/index.js +63 -24
  39. package/lib/table/typing.d.ts +17 -3
  40. package/lib/timeline/ProTimeLineItem/index.js +1 -1
  41. package/package.json +1 -1
package/es/table/index.js CHANGED
@@ -1,13 +1,10 @@
1
- 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", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps"],
1
+ var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps"],
2
2
  _excluded2 = ["onChange"];
3
3
  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); }
4
4
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
5
5
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
6
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
7
7
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
8
- 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; }
9
- 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; }
10
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
8
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
9
  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."); }
13
10
  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); }
@@ -16,11 +13,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
16
13
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
17
14
  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; }
18
15
  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; }
16
+ 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; }
17
+ 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; }
18
+ 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; }
19
19
  import React, { useState, useEffect, useRef, useMemo } from 'react';
20
20
  import { Table, Checkbox } from '@alicloudfe/components';
21
21
  import Pagination from './components/Pagination';
22
22
  import genProColumnToColumn from './utils/genProColumnToColumn';
23
- import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTestRequestData, getTestRequestParams } from '@teamix/utils';
23
+ import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTestRequestData, getTestRequestParams, getTargetValue } from '@teamix/utils';
24
24
  import { ProSkeletonRaw as Skeleton } from '../skeleton';
25
25
  import './index.scss';
26
26
  import Layout from './components/Layout';
@@ -35,7 +35,6 @@ import classNames from 'classnames';
35
35
  import ProPageContainer from '../page-container';
36
36
  import debounce from 'lodash.debounce';
37
37
  import CardView from './components/CardView';
38
- import cloneDeep from 'lodash.clonedeep';
39
38
  export * from './typing';
40
39
  var cls = usePrefixCls('teamix-pro-table');
41
40
  /**
@@ -46,8 +45,8 @@ var cls = usePrefixCls('teamix-pro-table');
46
45
  var processColumns = function processColumns(columns, initialColumns) {
47
46
  var _getGlobalConfig;
48
47
  var globalFilterColumns = (_getGlobalConfig = getGlobalConfig('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns;
49
- var filterColumns = cloneDeep(columns).filter(function (item) {
50
- return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(item));
48
+ var filterColumns = columns.filter(function (item) {
49
+ return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(_objectSpread({}, item)));
51
50
  });
52
51
  // 处理只剩一列批量选择的情况下宽度错乱问题
53
52
  if (filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) {
@@ -133,9 +132,8 @@ var ProTable = function ProTable(props) {
133
132
  _props$footerSuction = props.footerSuction,
134
133
  footerSuction = _props$footerSuction === void 0 ? false : _props$footerSuction,
135
134
  _props$autoRefresh = props.autoRefresh,
136
- autoRefresh = _props$autoRefresh === void 0 ? function () {
137
- return false;
138
- } : _props$autoRefresh,
135
+ autoRefresh = _props$autoRefresh === void 0 ? false : _props$autoRefresh,
136
+ autoRefreshProps = props.autoRefreshProps,
139
137
  customRequest = props.customRequest,
140
138
  _props$filterColumnTy = props.filterColumnType,
141
139
  filterColumnType = _props$filterColumnTy === void 0 ? 'auto' : _props$filterColumnTy,
@@ -621,6 +619,19 @@ var ProTable = function ProTable(props) {
621
619
  }
622
620
  }
623
621
  getHeaderHeight(fullscreenState);
622
+ },
623
+ setAutoRefreshTimers: function setAutoRefreshTimers(timers) {
624
+ clearTimeout(autoRefreshTimerRef.current);
625
+ autoRefreshTimerRef.current = null;
626
+ autoRefreshTimerRef.current = setTimeout(function () {
627
+ var _actionRef$current5, _actionRef$current5$r;
628
+ (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$r = _actionRef$current5.refresh) === null || _actionRef$current5$r === void 0 ? void 0 : _actionRef$current5$r.call(_actionRef$current5);
629
+ }, timers);
630
+ emit('PRO_TABLE_REFRESH_TIMER_FLAG', timers);
631
+ },
632
+ clearAutoRefreshTimers: function clearAutoRefreshTimers() {
633
+ clearTimeout(autoRefreshTimerRef.current);
634
+ autoRefreshTimerRef.current = null;
624
635
  }
625
636
  });
626
637
  // 将 Actions 绑定到传入的 propsActionRef 中
@@ -629,12 +640,19 @@ var ProTable = function ProTable(props) {
629
640
  }
630
641
  function onFormatResult(next) {
631
642
  props.onFormatResult && props.onFormatResult(next);
632
- var time = autoRefresh ? autoRefresh(next.data) : false;
643
+ var time = 0;
644
+ if (autoRefresh) {
645
+ time = 60 * 1000;
646
+ }
647
+ if (autoRefresh && typeof autoRefresh !== 'boolean') {
648
+ time = autoRefresh ? autoRefresh(next.data) : 0;
649
+ }
633
650
  if (Number.isInteger(time) && time >= 1000) {
634
651
  autoRefreshTimerRef.current = setTimeout(function () {
635
652
  // 自动刷新不显示 loading
636
653
  _request({}, true);
637
654
  }, Number(time));
655
+ emit('PRO_TABLE_REFRESH_TIMER_FLAG', Number(time));
638
656
  }
639
657
  // 设置 dataSource、total
640
658
  if (switchViewState === 'table' || currentPage === 1) {
@@ -674,6 +692,10 @@ var ProTable = function ProTable(props) {
674
692
  data: getDeepValue(formatResult.data, result) || [],
675
693
  total: isNaN(dataTotal) ? 0 : Number(dataTotal)
676
694
  };
695
+ } else if (typeof formatResult === 'string') {
696
+ nextData = getTargetValue(formatResult, {
697
+ res: result
698
+ });
677
699
  }
678
700
  }
679
701
  if (nextData instanceof Promise) {
@@ -711,7 +733,7 @@ var ProTable = function ProTable(props) {
711
733
  });
712
734
  // 请求函数
713
735
  function _request(params, noLoading, filterParams) {
714
- var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current5, _actionRef$current5$g, _objectSpread3;
736
+ var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current6, _actionRef$current6$g, _objectSpread3;
715
737
  // 如果没有传 url 且没有 customRequest,直接返回
716
738
  if (!url && !customRequest) {
717
739
  return;
@@ -724,9 +746,17 @@ var ProTable = function ProTable(props) {
724
746
  // 筛选区请求参数
725
747
  var dataFilterParams = filterParams !== null && filterParams !== void 0 ? filterParams : (_dataFilterFormRef$cu2 = dataFilterFormRef.current) === null || _dataFilterFormRef$cu2 === void 0 ? void 0 : _dataFilterFormRef$cu2.values;
726
748
  // 列过滤请求参数
727
- var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$g = _actionRef$current5.getFilterRules) === null || _actionRef$current5$g === void 0 ? void 0 : _actionRef$current5$g.call(_actionRef$current5)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
749
+ var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : (_actionRef$current6$g = _actionRef$current6.getFilterRules) === null || _actionRef$current6$g === void 0 ? void 0 : _actionRef$current6$g.call(_actionRef$current6)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
728
750
  // 格式化后的请求参数
729
- var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread3 = {}, _defineProperty(_objectSpread3, targetPageKey, currentPage), _defineProperty(_objectSpread3, targetPageSizeKey, pageSize), _objectSpread3), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params));
751
+ var requestData = {};
752
+ var preParams = _objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread3 = {}, _defineProperty(_objectSpread3, targetPageKey, currentPage), _defineProperty(_objectSpread3, targetPageSizeKey, pageSize), _objectSpread3), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params);
753
+ if (typeof formatParams === 'string') {
754
+ requestData = getTargetValue(formatParams, {
755
+ params: preParams
756
+ });
757
+ } else {
758
+ requestData = formatParams(preParams);
759
+ }
730
760
  if (requestData) {
731
761
  if (autoRefreshTimerRef.current) {
732
762
  clearTimeout(autoRefreshTimerRef.current);
@@ -774,12 +804,19 @@ var ProTable = function ProTable(props) {
774
804
  getHeaderHeight(fullscreenState);
775
805
  }
776
806
  // customRequest 中支持 autoRefresh
777
- var time = autoRefresh ? autoRefresh(data) : false;
807
+ var time = 0;
808
+ if (autoRefresh) {
809
+ time = 60 * 1000;
810
+ }
811
+ if (autoRefresh && typeof autoRefresh !== 'boolean') {
812
+ time = autoRefresh ? autoRefresh(data) : 0;
813
+ }
778
814
  if (Number.isInteger(time) && time >= 1000) {
779
815
  autoRefreshTimerRef.current = setTimeout(function () {
780
816
  // 自动刷新不显示 loading
781
- _request(requestData, true);
817
+ _request({}, true);
782
818
  }, Number(time));
819
+ emit('PRO_TABLE_REFRESH_TIMER_FLAG', Number(time));
783
820
  }
784
821
  });
785
822
  } else {
@@ -805,7 +842,7 @@ var ProTable = function ProTable(props) {
805
842
  return true;
806
843
  } : undefined,
807
844
  onFilter: function onFilter(values) {
808
- var _actionRef$current6, _actionRef$current6$c;
845
+ var _actionRef$current7, _actionRef$current7$c;
809
846
  // 全屏状态,判断全屏表单onFilter是否禁用
810
847
  if (fullscreenState && !filterEnableRef.current.fullscreen) {
811
848
  filterEnableRef.current.fullscreen = true;
@@ -818,7 +855,7 @@ var ProTable = function ProTable(props) {
818
855
  }
819
856
  (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(values));
820
857
  // 搜索变化时,暂时先清空选择
821
- (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : (_actionRef$current6$c = _actionRef$current6.clearRowSelection) === null || _actionRef$current6$c === void 0 ? void 0 : _actionRef$current6$c.call(_actionRef$current6);
858
+ (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$c = _actionRef$current7.clearRowSelection) === null || _actionRef$current7$c === void 0 ? void 0 : _actionRef$current7$c.call(_actionRef$current7);
822
859
  setCurrentPage(1);
823
860
  _request(_defineProperty({}, targetPageKey, 1), false, values);
824
861
  },
@@ -861,7 +898,9 @@ var ProTable = function ProTable(props) {
861
898
  toolBarAutoWidth: toolBarAutoWidth,
862
899
  dataTeamixSpm: dataTeamixSpm,
863
900
  switchCardView: switchCardView,
864
- defaultView: defaultView
901
+ defaultView: defaultView,
902
+ autoRefresh: autoRefresh,
903
+ autoRefreshProps: autoRefreshProps
865
904
  }), switchViewState === 'table' && /*#__PURE__*/React.createElement(Table.StickyLock, _objectSpread({
866
905
  hasBorder: false,
867
906
  dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
@@ -929,8 +968,8 @@ var ProTable = function ProTable(props) {
929
968
  var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
930
969
  // 翻页默认清空选择
931
970
  if (!reserveSelectedRecords) {
932
- var _actionRef$current7, _actionRef$current7$c;
933
- (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$c = _actionRef$current7.clearRowSelection) === null || _actionRef$current7$c === void 0 ? void 0 : _actionRef$current7$c.call(_actionRef$current7);
971
+ var _actionRef$current8, _actionRef$current8$c;
972
+ (_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : (_actionRef$current8$c = _actionRef$current8.clearRowSelection) === null || _actionRef$current8$c === void 0 ? void 0 : _actionRef$current8$c.call(_actionRef$current8);
934
973
  }
935
974
  setCurrentPage(currentPage);
936
975
  _request(_objectSpread(_defineProperty({}, targetPageKey, currentPage), params));
@@ -939,8 +978,8 @@ var ProTable = function ProTable(props) {
939
978
  var _request8;
940
979
  // 翻页默认清空选择
941
980
  if (!reserveSelectedRecords) {
942
- var _actionRef$current8, _actionRef$current8$c;
943
- (_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : (_actionRef$current8$c = _actionRef$current8.clearRowSelection) === null || _actionRef$current8$c === void 0 ? void 0 : _actionRef$current8$c.call(_actionRef$current8);
981
+ var _actionRef$current9, _actionRef$current9$c;
982
+ (_actionRef$current9 = actionRef.current) === null || _actionRef$current9 === void 0 ? void 0 : (_actionRef$current9$c = _actionRef$current9.clearRowSelection) === null || _actionRef$current9$c === void 0 ? void 0 : _actionRef$current9$c.call(_actionRef$current9);
944
983
  }
945
984
  setPageSize(currentPageSize);
946
985
  setCurrentPage(1);
@@ -1048,4 +1087,4 @@ var ProTable = function ProTable(props) {
1048
1087
  }, renderTable(isFullScreen), fixFooterState && /*#__PURE__*/React.createElement(ProPageContainer.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
1049
1088
  });
1050
1089
  };
1051
- export default /*#__PURE__*/React.memo(ProTable);
1090
+ export default ProTable;
@@ -78,9 +78,9 @@ export declare type ProTableProps = {
78
78
  /** sort 排序请求参数处理函数 */
79
79
  formatSort?: (sort: object) => object;
80
80
  /** 如需自定义调用参数格式,则可以设定此值在请求前对 params 进行自定义,如果返回false则可以阻止请求 */
81
- formatParams?: (params: any) => typeof params;
81
+ formatParams?: ((params: any) => typeof params) | string;
82
82
  /** 对返回值的 data,total 进行映射处理 */
83
- formatResult?: TDataService | ((res: any) => TDataService);
83
+ formatResult?: TDataService | ((res: any) => TDataService) | string;
84
84
  /** 请求成功后经过 formatResult 转换后的回调 */
85
85
  onFormatResult?: (data: any[]) => void;
86
86
  /** 是否第一次加载时就发起请求 */
@@ -131,7 +131,15 @@ export declare type ProTableProps = {
131
131
  /** 非全屏模式下是否吸底 默认状态下取用 ProPageContainer 作为参照物。如果传入了 Dom,则取用 Dom 作为参照物 */
132
132
  footerSuction?: boolean | Element;
133
133
  /** 当满足条件时开启自动刷新,返回值为自动刷新间隔时间,如果返回 0 或 false 则停止自动刷新,每次触发翻页、搜索都将重置时间 */
134
- autoRefresh?: (dataSource: any[]) => number | boolean;
134
+ autoRefresh?: ((dataSource: any[]) => number | boolean) | boolean;
135
+ /** 自动刷新配置 */
136
+ autoRefreshProps?: {
137
+ /** 可选间隔列表 **/
138
+ dataSource?: {
139
+ label?: React.ReactNode;
140
+ value?: number;
141
+ }[];
142
+ };
135
143
  /** 自定义请求方法,必需返回 success,data 字段,如果需要手动分页 total 也是必需的 */
136
144
  customRequest?: (params: any) => Promise<{
137
145
  success: boolean;
@@ -231,6 +239,10 @@ export declare type ProTableActionType = {
231
239
  /** 设置数据源 **/
232
240
  setData?: (data: any[]) => void;
233
241
  setCardViewScrollPosition?: (scrollTop: number) => void;
242
+ /** 刷新定时器间隔时间 */
243
+ setAutoRefreshTimers?: (timers: number) => void;
244
+ /** 清除刷新定时器 */
245
+ clearAutoRefreshTimers?: () => void;
234
246
  } & ProTableActionTypeMutations;
235
247
  /** action State 定义 */
236
248
  export declare type ProTableActionTypeMutations = {
@@ -301,6 +313,8 @@ export declare type ProTableLayoutProps = {
301
313
  dataTeamixSpm?: string;
302
314
  switchCardView?: boolean;
303
315
  defaultView?: 'table' | 'card';
316
+ autoRefresh?: ProTableProps['autoRefresh'];
317
+ autoRefreshProps?: ProTableProps['autoRefreshProps'];
304
318
  } & ProTableTopAreaProps;
305
319
  /** columns 列过滤 */
306
320
  export declare type ProTableColumnsFilterItemProps = {
@@ -59,7 +59,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
59
59
  };
60
60
  /** 对枚举参数进行处理 */
61
61
  var formatTime = function formatTime(time) {
62
- if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD hh:mm:ss');
62
+ if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD HH:mm:ss');
63
63
  return time;
64
64
  };
65
65
  var formatShape = function formatShape() {
@@ -77,8 +77,8 @@ export declare type ProActionGroupProps = {
77
77
  icon?: React.ReactNode;
78
78
  } & React.HTMLAttributes<HTMLElement>;
79
79
  export declare function ProActionGroup(props: ProActionGroupProps): JSX.Element;
80
- declare const _default: React.MemoExoticComponent<(props: ProActionProps) => JSX.Element>;
81
- export default _default;
80
+ declare const ProAction: (props: ProActionProps) => JSX.Element;
81
+ export default ProAction;
82
82
  export * from './quick';
83
83
  /**
84
84
  * @deprecated 建议使用 ProActionGroup 代替
@@ -455,7 +455,7 @@ function ProActionGroup(props) {
455
455
  var ProAction = function ProAction(props) {
456
456
  return renderCommonActionButton(props);
457
457
  };
458
- var _default = /*#__PURE__*/_react.default.memo(ProAction);
458
+ var _default = ProAction;
459
459
  exports.default = _default;
460
460
  /**
461
461
  * @deprecated 建议使用 ProActionGroup 代替
package/lib/index.d.ts CHANGED
@@ -28,5 +28,5 @@ export * from './table';
28
28
  export * from './sidebar';
29
29
  export * from './utils';
30
30
  export * from './timeline';
31
- declare const version = "1.5.10";
31
+ declare const version = "1.5.11";
32
32
  export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };
package/lib/index.js CHANGED
@@ -280,7 +280,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
280
280
  if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
281
281
  _icon.default.setConfig(_utils.default.getTeamixIconConfig());
282
282
  }
283
- var version = '1.5.10';
283
+ var version = '1.5.11';
284
284
  // By TeamixTest
285
285
  exports.version = version;
286
286
  window.postMessage({
@@ -54,8 +54,8 @@ export declare type ProPageHeaderProps = {
54
54
  /** 切换 tabs */
55
55
  tabs?: CapsuleTabType;
56
56
  } & Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
57
- declare const _default: React.NamedExoticComponent<ProPageHeaderProps>;
58
- export default _default;
57
+ declare const ProPageHeader: React.FC<ProPageHeaderProps>;
58
+ export default ProPageHeader;
59
59
  /**
60
60
  * @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替
61
61
  */
@@ -220,5 +220,5 @@ var ProPageHeader = function ProPageHeader(props) {
220
220
  className: (0, _classnames2.default)(cls('section'), cls('info'))
221
221
  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !loading && renderInfo(info), loading && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Info.Header, null))), children);
222
222
  };
223
- var _default = /*#__PURE__*/_react.default.memo(ProPageHeader);
223
+ var _default = ProPageHeader;
224
224
  exports.default = _default;
@@ -4,6 +4,6 @@ import { ProSidebarProps } from './typing';
4
4
  export * from './typing';
5
5
  export * from './utils';
6
6
  import ProIconSwitch from './components/tree-node/components/IconSwitch';
7
- declare const _default: React.NamedExoticComponent<ProSidebarProps>;
8
- export default _default;
7
+ declare const ProSidebar: React.FC<ProSidebarProps>;
8
+ export default ProSidebar;
9
9
  export { ProIconSwitch };
@@ -220,5 +220,5 @@ var ProSidebar = function ProSidebar(props) {
220
220
  onDataSourceChange: onDataSourceChange
221
221
  }, treeProps))));
222
222
  };
223
- var _default = /*#__PURE__*/_react.default.memo(ProSidebar);
223
+ var _default = ProSidebar;
224
224
  exports.default = _default;
@@ -118,7 +118,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
118
118
  style?: import("react").CSSProperties | undefined;
119
119
  tabIndex?: number | undefined;
120
120
  title?: string | undefined;
121
- translate?: "no" | "yes" | undefined;
121
+ translate?: "yes" | "no" | undefined;
122
122
  radioGroup?: string | undefined;
123
123
  role?: import("react").AriaRole | undefined;
124
124
  about?: string | undefined;
@@ -141,7 +141,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
141
141
  results?: number | undefined;
142
142
  security?: string | undefined;
143
143
  unselectable?: "on" | "off" | undefined;
144
- inputMode?: "url" | "none" | "text" | "search" | "email" | "tel" | "numeric" | "decimal" | undefined;
144
+ inputMode?: "url" | "none" | "text" | "search" | "tel" | "email" | "numeric" | "decimal" | undefined;
145
145
  is?: string | undefined;
146
146
  'aria-activedescendant'?: string | undefined;
147
147
  'aria-atomic'?: (boolean | "false" | "true") | undefined;
@@ -1,4 +1,3 @@
1
- import React from 'react';
1
+ import ProSkeleton from '@teamix/pro-skeleton';
2
2
  export * from '@teamix/pro-skeleton';
3
- declare const _default: React.MemoExoticComponent<(props: import("@teamix/pro-skeleton").ProSkeletonProps) => JSX.Element>;
4
- export default _default;
3
+ export default ProSkeleton;
@@ -18,9 +18,7 @@ Object.keys(_proSkeleton).forEach(function (key) {
18
18
  }
19
19
  });
20
20
  });
21
- var _react = _interopRequireDefault(require("react"));
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
21
  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); }
24
22
  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; }
25
- var _default = /*#__PURE__*/_react.default.memo(_proSkeleton.default);
23
+ var _default = _proSkeleton.default;
26
24
  exports.default = _default;
@@ -87,9 +87,11 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
87
87
  var showDataIndex = stateFilterColumns.map(function (item) {
88
88
  return item.dataIndex;
89
89
  });
90
- var stateColumns = (0, _utils2.cloneDeep)(processColumns(columns)).map(function (item) {
90
+ var stateColumns = processColumns(columns).map(function (item) {
91
91
  if (!showDataIndex.includes(item.dataIndex)) {
92
- item.columnFilters = false;
92
+ return _objectSpread(_objectSpread({}, item), {}, {
93
+ columnFilters: false
94
+ });
93
95
  }
94
96
  return item;
95
97
  });
@@ -110,11 +112,11 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
110
112
  // 全选
111
113
  var onChangeAllColumns = function onChangeAllColumns(check) {
112
114
  setAllVisible(check);
113
- var keyNewColumns = (0, _utils2.cloneDeep)(newColumns);
114
- keyNewColumns.map(function (item) {
115
+ var keyNewColumns = newColumns.map(function (item) {
115
116
  var _item$columnFiltersDi;
116
- item.columnFilters = (_item$columnFiltersDi = item.columnFiltersDisabled) !== null && _item$columnFiltersDi !== void 0 ? _item$columnFiltersDi : check;
117
- return item;
117
+ return _objectSpread(_objectSpread({}, item), {}, {
118
+ columnFilters: (_item$columnFiltersDi = item.columnFiltersDisabled) !== null && _item$columnFiltersDi !== void 0 ? _item$columnFiltersDi : check
119
+ });
118
120
  });
119
121
  notifyTableRender(keyNewColumns);
120
122
  };
@@ -126,10 +128,12 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
126
128
  };
127
129
  // 修改
128
130
  var onChangeColumns = function onChangeColumns(check, dataIndex) {
129
- var keyNewColumns = (0, _utils2.cloneDeep)(newColumns);
130
- keyNewColumns.map(function (item) {
131
+ var keyNewColumns = newColumns.map(function (item) {
131
132
  if (item.dataIndex === dataIndex) {
132
133
  item.columnFilters = check;
134
+ return _objectSpread(_objectSpread({}, item), {}, {
135
+ columnFilters: check
136
+ });
133
137
  }
134
138
  return item;
135
139
  });
@@ -137,26 +141,25 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
137
141
  };
138
142
  // 修改:dialog
139
143
  var onChangeColumnsForDialog = function onChangeColumnsForDialog() {
140
- var keyNewColumns = (0, _utils2.cloneDeep)(newColumns);
141
- notifyTableRender(keyNewColumns);
144
+ notifyTableRender(newColumns);
142
145
  setDropdownVisible(false);
143
146
  };
144
147
  // 向上
145
148
  var moveUp = function moveUp(e, dataIndex) {
146
149
  var _newColumns$filter, _newColumns$filter2;
147
150
  e.stopPropagation();
148
- var keyNewColumns = (0, _utils2.cloneDeep)(newColumns).filter(function (_ref) {
151
+ var keyNewColumns = _toConsumableArray(newColumns).filter(function (_ref) {
149
152
  var lock = _ref.lock;
150
153
  return !lock;
151
154
  });
152
- var headLock = (0, _utils2.cloneDeep)((_newColumns$filter = newColumns.filter(function (_ref2) {
155
+ var headLock = (_newColumns$filter = newColumns.filter(function (_ref2) {
153
156
  var lock = _ref2.lock;
154
157
  return lock === true || lock === 'left';
155
- })) !== null && _newColumns$filter !== void 0 ? _newColumns$filter : []);
156
- var tailLock = (0, _utils2.cloneDeep)((_newColumns$filter2 = newColumns.filter(function (_ref3) {
158
+ })) !== null && _newColumns$filter !== void 0 ? _newColumns$filter : [];
159
+ var tailLock = (_newColumns$filter2 = newColumns.filter(function (_ref3) {
157
160
  var lock = _ref3.lock;
158
161
  return lock === 'right';
159
- })) !== null && _newColumns$filter2 !== void 0 ? _newColumns$filter2 : []);
162
+ })) !== null && _newColumns$filter2 !== void 0 ? _newColumns$filter2 : [];
160
163
  var index = keyNewColumns.findIndex(function (_ref4) {
161
164
  var index = _ref4.dataIndex;
162
165
  return index === dataIndex;
@@ -172,18 +175,18 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
172
175
  var moveDown = function moveDown(e, dataIndex) {
173
176
  var _newColumns$filter3, _newColumns$filter4;
174
177
  e.stopPropagation();
175
- var keyNewColumns = (0, _utils2.cloneDeep)(newColumns).filter(function (_ref5) {
178
+ var keyNewColumns = _toConsumableArray(newColumns).filter(function (_ref5) {
176
179
  var lock = _ref5.lock;
177
180
  return !lock;
178
181
  });
179
- var headLock = (0, _utils2.cloneDeep)((_newColumns$filter3 = newColumns.filter(function (_ref6) {
182
+ var headLock = (_newColumns$filter3 = newColumns.filter(function (_ref6) {
180
183
  var lock = _ref6.lock;
181
184
  return lock === true || lock === 'left';
182
- })) !== null && _newColumns$filter3 !== void 0 ? _newColumns$filter3 : []);
183
- var tailLock = (0, _utils2.cloneDeep)((_newColumns$filter4 = newColumns.filter(function (_ref7) {
185
+ })) !== null && _newColumns$filter3 !== void 0 ? _newColumns$filter3 : [];
186
+ var tailLock = (_newColumns$filter4 = newColumns.filter(function (_ref7) {
184
187
  var lock = _ref7.lock;
185
188
  return lock === 'right';
186
- })) !== null && _newColumns$filter4 !== void 0 ? _newColumns$filter4 : []);
189
+ })) !== null && _newColumns$filter4 !== void 0 ? _newColumns$filter4 : [];
187
190
  var index = keyNewColumns.findIndex(function (_ref8) {
188
191
  var index = _ref8.dataIndex;
189
192
  return index === dataIndex;
@@ -336,9 +339,11 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
336
339
  return key === dataIndex;
337
340
  })) === null || _newColumns$find2 === void 0 ? void 0 : _newColumns$find2.columnFilters,
338
341
  onChange: function onChange(check) {
339
- var columnsList = (0, _utils2.cloneDeep)(newColumns).map(function (item) {
342
+ var columnsList = newColumns.map(function (item) {
340
343
  if (item.dataIndex === dataIndex) {
341
- item.columnFilters = check;
344
+ return _objectSpread(_objectSpread({}, item), {}, {
345
+ columnFilters: check
346
+ });
342
347
  }
343
348
  return item;
344
349
  });