@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.
- package/dist/pro.css +1 -1
- package/dist/pro.js +465 -96
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/index.d.ts +2 -2
- package/es/actions/index.js +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/page-header/index.d.ts +2 -2
- package/es/page-header/index.js +1 -1
- package/es/sidebar/index.d.ts +2 -2
- package/es/sidebar/index.js +1 -1
- package/es/sidebar/utils/index.d.ts +2 -2
- package/es/skeleton/index.d.ts +2 -3
- package/es/skeleton/index.js +1 -2
- package/es/table/components/ToolBar/FilterColumnIcon.js +28 -23
- package/es/table/components/ToolBar/RefreshIcon.js +162 -24
- package/es/table/components/ToolBar/index.scss +17 -0
- package/es/table/index.d.ts +2 -3
- package/es/table/index.js +64 -25
- package/es/table/typing.d.ts +17 -3
- package/es/timeline/ProTimeLineItem/index.js +1 -1
- package/lib/actions/index.d.ts +2 -2
- package/lib/actions/index.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/page-header/index.d.ts +2 -2
- package/lib/page-header/index.js +1 -1
- package/lib/sidebar/index.d.ts +2 -2
- package/lib/sidebar/index.js +1 -1
- package/lib/sidebar/utils/index.d.ts +2 -2
- package/lib/skeleton/index.d.ts +2 -3
- package/lib/skeleton/index.js +1 -3
- package/lib/table/components/ToolBar/FilterColumnIcon.js +27 -22
- package/lib/table/components/ToolBar/RefreshIcon.js +164 -27
- package/lib/table/components/ToolBar/index.scss +17 -0
- package/lib/table/index.d.ts +2 -3
- package/lib/table/index.js +63 -24
- package/lib/table/typing.d.ts +17 -3
- package/lib/timeline/ProTimeLineItem/index.js +1 -1
- 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 =
|
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 ?
|
137
|
-
|
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 =
|
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$
|
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$
|
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 =
|
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 =
|
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(
|
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$
|
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$
|
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$
|
933
|
-
(_actionRef$
|
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$
|
943
|
-
(_actionRef$
|
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
|
1090
|
+
export default ProTable;
|
package/es/table/typing.d.ts
CHANGED
@@ -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
|
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() {
|
package/lib/actions/index.d.ts
CHANGED
@@ -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
|
81
|
-
export default
|
80
|
+
declare const ProAction: (props: ProActionProps) => JSX.Element;
|
81
|
+
export default ProAction;
|
82
82
|
export * from './quick';
|
83
83
|
/**
|
84
84
|
* @deprecated 建议使用 ProActionGroup 代替
|
package/lib/actions/index.js
CHANGED
@@ -455,7 +455,7 @@ function ProActionGroup(props) {
|
|
455
455
|
var ProAction = function ProAction(props) {
|
456
456
|
return renderCommonActionButton(props);
|
457
457
|
};
|
458
|
-
var _default =
|
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.
|
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.
|
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
|
58
|
-
export default
|
57
|
+
declare const ProPageHeader: React.FC<ProPageHeaderProps>;
|
58
|
+
export default ProPageHeader;
|
59
59
|
/**
|
60
60
|
* @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替
|
61
61
|
*/
|
package/lib/page-header/index.js
CHANGED
@@ -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 =
|
223
|
+
var _default = ProPageHeader;
|
224
224
|
exports.default = _default;
|
package/lib/sidebar/index.d.ts
CHANGED
@@ -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
|
8
|
-
export default
|
7
|
+
declare const ProSidebar: React.FC<ProSidebarProps>;
|
8
|
+
export default ProSidebar;
|
9
9
|
export { ProIconSwitch };
|
package/lib/sidebar/index.js
CHANGED
@@ -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?: "
|
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" | "
|
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;
|
package/lib/skeleton/index.d.ts
CHANGED
@@ -1,4 +1,3 @@
|
|
1
|
-
import
|
1
|
+
import ProSkeleton from '@teamix/pro-skeleton';
|
2
2
|
export * from '@teamix/pro-skeleton';
|
3
|
-
|
4
|
-
export default _default;
|
3
|
+
export default ProSkeleton;
|
package/lib/skeleton/index.js
CHANGED
@@ -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 =
|
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 =
|
90
|
+
var stateColumns = processColumns(columns).map(function (item) {
|
91
91
|
if (!showDataIndex.includes(item.dataIndex)) {
|
92
|
-
item
|
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 = (
|
114
|
-
keyNewColumns.map(function (item) {
|
115
|
+
var keyNewColumns = newColumns.map(function (item) {
|
115
116
|
var _item$columnFiltersDi;
|
116
|
-
|
117
|
-
|
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 = (
|
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
|
-
|
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 = (
|
151
|
+
var keyNewColumns = _toConsumableArray(newColumns).filter(function (_ref) {
|
149
152
|
var lock = _ref.lock;
|
150
153
|
return !lock;
|
151
154
|
});
|
152
|
-
var headLock = (
|
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 = (
|
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 = (
|
178
|
+
var keyNewColumns = _toConsumableArray(newColumns).filter(function (_ref5) {
|
176
179
|
var lock = _ref5.lock;
|
177
180
|
return !lock;
|
178
181
|
});
|
179
|
-
var headLock = (
|
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 = (
|
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 =
|
342
|
+
var columnsList = newColumns.map(function (item) {
|
340
343
|
if (item.dataIndex === dataIndex) {
|
341
|
-
item
|
344
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
345
|
+
columnFilters: check
|
346
|
+
});
|
342
347
|
}
|
343
348
|
return item;
|
344
349
|
});
|