@teamix/pro 1.4.25-bugfix.2 → 1.4.25-bugfix.3
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 +64943 -84006
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +6 -13
- package/es/actions/base.js +21 -8
- package/es/actions/dialog-component.js +9 -2
- package/es/actions/dialog-form.js +75 -37
- package/es/actions/dialog-info.js +5 -1
- package/es/actions/dialog.js +95 -57
- package/es/actions/index.d.ts +0 -7
- package/es/actions/index.js +153 -93
- package/es/actions/index.scss +1 -6
- package/es/actions/link.js +5 -3
- package/es/actions/request.js +27 -12
- package/es/actions/utils.js +9 -1
- package/es/card/card-container.js +5 -0
- package/es/card/divider.js +5 -0
- package/es/card/index.js +100 -61
- package/es/card/index.scss +0 -15
- package/es/card/selectable.js +13 -4
- package/es/card/tab.js +10 -1
- package/es/card/utils.js +2 -0
- package/es/form/Components/Editable/index.js +55 -16
- package/es/form/Components/FormGroup/index.d.ts +0 -1
- package/es/form/Components/FormGroup/index.js +22 -7
- package/es/form/Components/LightFilter/index.js +35 -15
- package/es/form/Components/ProField/index.js +14 -2
- package/es/form/Components/ProField/mapDateFormat.js +28 -2
- package/es/form/Components/Text/index.d.ts +0 -1
- package/es/form/Components/Text/index.js +11 -2
- package/es/form/Filter/AdvancedFilter.js +26 -11
- package/es/form/Filter/Layout.js +24 -11
- package/es/form/Filter/LightFilter.js +24 -13
- package/es/form/Filter/SimpleFilter.js +21 -7
- package/es/form/Filter/index.js +171 -117
- package/es/form/Filter/index2.js +28 -11
- package/es/form/Filter/layout.scss +1 -1
- package/es/form/Filter/useBindUrl.js +46 -18
- package/es/form/Filter/useSpecialProps.js +13 -8
- package/es/form/ProForm/customComponent.js +5 -0
- package/es/form/ProForm/index.js +38 -30
- package/es/form/ProForm/useAutoLayout.js +42 -21
- package/es/form/ProForm/useAutoSubmit.js +8 -3
- package/es/form/ProForm/useFieldRequest.js +5 -0
- package/es/form/ProForm/useFormDisplayValues.js +28 -12
- package/es/form/ProForm/useInitialRequest.js +5 -0
- package/es/form/SchemaForm/adapterComponent.js +3 -0
- package/es/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/es/form/SchemaForm/adapterDecorator.js +8 -0
- package/es/form/SchemaForm/adapterType.js +2 -0
- package/es/form/SchemaForm/index.js +114 -78
- package/es/form/SchemaForm/initializeArrayCards.js +6 -0
- package/es/form/SchemaForm/initializeArrayCollapse.js +6 -0
- package/es/form/SchemaForm/initializeArrayItems.js +9 -2
- package/es/form/SchemaForm/initializeArrayTable.js +34 -21
- package/es/form/SchemaForm/initializeDataSource.js +6 -2
- package/es/form/SchemaForm/initializeFormButton.js +31 -14
- package/es/form/SchemaForm/initializeFormCollapse.js +18 -8
- package/es/form/SchemaForm/initializeFormGroup.js +20 -10
- package/es/form/SchemaForm/initializeFormStep.js +23 -11
- package/es/form/SchemaForm/initializeFormTab.js +20 -10
- package/es/form/SchemaForm/initializeReactions.js +33 -9
- package/es/form/SchemaForm/initializeRequest.js +16 -2
- package/es/form/SchemaForm/initializeRules.js +22 -4
- package/es/form/SchemaForm/initializeSelectTable.js +33 -7
- package/es/form/SchemaForm/reactions.js +34 -19
- package/es/form/docs/ActionResponse.d.ts +0 -1
- package/es/form/index.d.ts +9 -9
- package/es/form/index.js +9 -0
- package/es/form/typing.d.ts +4 -26
- package/es/form/utils.d.ts +1 -1
- package/es/form/utils.js +49 -4
- package/es/form/warning.js +7 -2
- package/es/global.scss +1 -3
- package/es/index-without-icon.js +3 -4
- package/es/index.d.ts +1 -1
- package/es/index.js +8 -18
- package/es/info/components/InfoGroup/index.js +32 -21
- package/es/info/components/InfoValueItem/index.js +119 -66
- package/es/info/components/ProInfoItem/index.js +21 -13
- package/es/info/components/baseInfo/index.js +27 -17
- package/es/info/components/headerInfo/index.js +20 -8
- package/es/info/components/tableInfo/index.js +50 -20
- package/es/info/index.js +86 -61
- package/es/info/typing.d.ts +0 -2
- package/es/info/utils/index.js +11 -0
- package/es/nocode/configurators/ProTable.js +22 -1
- package/es/nocode/configurators/common.js +6 -5
- package/es/nocode/configurators/index.js +3 -2
- package/es/nocode/index.js +6 -6
- package/es/nocode/pages/editor.js +9 -5
- package/es/nocode/pages/index.js +30 -5
- package/es/nocode/pages/playground.js +35 -18
- package/es/nocode/pages/renderer.js +42 -9
- package/es/nocode/playground.js +23 -10
- package/es/page-header/index.d.ts +2 -2
- package/es/page-header/index.js +76 -40
- package/es/page-header/index.scss +1 -2
- package/es/sidebar/components/sidebar-container/index.js +69 -54
- package/es/sidebar/components/sidebar-container/index.scss +14 -21
- package/es/sidebar/components/tree/index.js +138 -100
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +26 -11
- package/es/sidebar/components/tree-node/components/IconAction/index.js +35 -9
- package/es/sidebar/components/tree-node/components/IconSwitch/index.d.ts +2 -2
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +25 -12
- package/es/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/es/sidebar/components/tree-node/index.js +84 -42
- package/es/sidebar/components/tree-node/index.scss +0 -6
- package/es/sidebar/index.d.ts +0 -2
- package/es/sidebar/index.js +95 -72
- package/es/sidebar/typing.d.ts +0 -4
- package/es/sidebar/utils/action-ref.js +7 -2
- package/es/sidebar/utils/index.d.ts +2 -5
- package/es/sidebar/utils/index.js +98 -41
- package/es/table/components/Filter/index.d.ts +3 -6
- package/es/table/components/Filter/index.js +128 -115
- package/es/table/components/Layout/index.js +47 -32
- package/es/table/components/Layout/index.scss +1 -2
- package/es/table/components/Pagination/index.js +58 -25
- package/es/table/components/QuickAction/index.d.ts +0 -1
- package/es/table/components/QuickAction/index.js +11 -3
- package/es/table/components/ToolBar/DensityIcon.js +31 -19
- package/es/table/components/ToolBar/FilterColumnIcon.js +125 -87
- package/es/table/components/ToolBar/FullScreenIcon.js +62 -7
- package/es/table/components/ToolBar/Fullscreen.js +28 -25
- package/es/table/components/ToolBar/RefreshIcon.js +27 -162
- package/es/table/components/ToolBar/index.d.ts +1 -1
- package/es/table/components/ToolBar/index.js +38 -130
- package/es/table/components/ToolBar/index.scss +3 -49
- package/es/table/index.js +423 -455
- package/es/table/index.scss +0 -8
- package/es/table/typing.d.ts +6 -125
- package/es/table/utils/columnRender.d.ts +3 -3
- package/es/table/utils/columnRender.js +79 -39
- package/es/table/utils/genProColumnToColumn.d.ts +2 -2
- package/es/table/utils/genProColumnToColumn.js +16 -13
- package/es/table/utils/index.js +47 -14
- package/es/table/utils/pureColumnRender.js +53 -21
- package/es/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/es/table/utils/pureGenProColumnToColumn.js +10 -2
- package/es/table/utils/useTableSelection.js +33 -6
- package/es/templates/List/index.js +9 -2
- package/es/timeline/ProTimeLineItem/index.js +65 -25
- package/es/timeline/index.js +22 -8
- package/es/timeline/typing.d.ts +0 -1
- package/es/utils/message.d.ts +2 -2
- package/es/utils/message.js +5 -0
- package/lib/actions/base.js +24 -8
- package/lib/actions/confirm.js +5 -0
- package/lib/actions/danger-confirm.js +5 -0
- package/lib/actions/danger-pop-confirm.js +4 -0
- package/lib/actions/dialog-component.js +15 -2
- package/lib/actions/dialog-form.js +89 -36
- package/lib/actions/dialog-info.js +10 -1
- package/lib/actions/dialog-table.js +5 -0
- package/lib/actions/dialog.js +112 -55
- package/lib/actions/drawer-form.js +3 -0
- package/lib/actions/drawer-info.js +3 -0
- package/lib/actions/drawer-table.js +3 -0
- package/lib/actions/drawer.js +4 -0
- package/lib/actions/error.js +5 -0
- package/lib/actions/index.d.ts +0 -7
- package/lib/actions/index.js +184 -115
- package/lib/actions/index.scss +1 -6
- package/lib/actions/link.js +10 -1
- package/lib/actions/notice.js +5 -0
- package/lib/actions/pop-confirm.js +5 -0
- package/lib/actions/request.js +32 -8
- package/lib/actions/utils.js +9 -1
- package/lib/card/card-container.js +9 -0
- package/lib/card/divider.js +7 -0
- package/lib/card/index.js +127 -61
- package/lib/card/index.scss +0 -15
- package/lib/card/selectable.js +20 -4
- package/lib/card/tab.js +14 -1
- package/lib/card/utils.js +6 -0
- package/lib/field/index.js +6 -0
- package/lib/form/Components/Editable/index.js +65 -15
- package/lib/form/Components/FormGroup/index.d.ts +0 -1
- package/lib/form/Components/FormGroup/index.js +28 -7
- package/lib/form/Components/LightFilter/index.js +47 -15
- package/lib/form/Components/ProField/index.js +21 -2
- package/lib/form/Components/ProField/mapDateFormat.js +32 -2
- package/lib/form/Components/Text/index.d.ts +0 -1
- package/lib/form/Components/Text/index.js +16 -2
- package/lib/form/Filter/AdvancedFilter.js +34 -11
- package/lib/form/Filter/Layout.js +33 -11
- package/lib/form/Filter/LightFilter.js +32 -13
- package/lib/form/Filter/SimpleFilter.js +27 -5
- package/lib/form/Filter/index.js +191 -116
- package/lib/form/Filter/index2.js +38 -11
- package/lib/form/Filter/layout.scss +1 -1
- package/lib/form/Filter/useBindUrl.js +50 -18
- package/lib/form/Filter/useSpecialProps.js +13 -6
- package/lib/form/ProForm/customComponent.js +8 -0
- package/lib/form/ProForm/index.js +60 -30
- package/lib/form/ProForm/useAutoLayout.js +45 -21
- package/lib/form/ProForm/useAutoSubmit.js +10 -1
- package/lib/form/ProForm/useFieldRequest.js +8 -0
- package/lib/form/ProForm/useFormDisplayValues.js +34 -12
- package/lib/form/ProForm/useInitialRequest.js +6 -0
- package/lib/form/SchemaForm/adapterComponent.js +6 -0
- package/lib/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/lib/form/SchemaForm/adapterDecorator.js +12 -0
- package/lib/form/SchemaForm/adapterType.js +5 -0
- package/lib/form/SchemaForm/index.js +144 -78
- package/lib/form/SchemaForm/initializeArrayCards.js +7 -0
- package/lib/form/SchemaForm/initializeArrayCollapse.js +7 -0
- package/lib/form/SchemaForm/initializeArrayItems.js +10 -2
- package/lib/form/SchemaForm/initializeArrayTable.js +34 -21
- package/lib/form/SchemaForm/initializeDataSource.js +8 -2
- package/lib/form/SchemaForm/initializeFormButton.js +32 -14
- package/lib/form/SchemaForm/initializeFormCollapse.js +18 -8
- package/lib/form/SchemaForm/initializeFormGroup.js +20 -10
- package/lib/form/SchemaForm/initializeFormStep.js +23 -11
- package/lib/form/SchemaForm/initializeFormTab.js +20 -10
- package/lib/form/SchemaForm/initializeReactions.js +37 -9
- package/lib/form/SchemaForm/initializeRequest.js +18 -2
- package/lib/form/SchemaForm/initializeRules.js +24 -4
- package/lib/form/SchemaForm/initializeSelectTable.js +36 -7
- package/lib/form/SchemaForm/reactions.js +37 -17
- package/lib/form/docs/ActionResponse.d.ts +0 -1
- package/lib/form/docs/ActionResponse.js +5 -0
- package/lib/form/index.d.ts +9 -9
- package/lib/form/index.js +25 -0
- package/lib/form/typing.d.ts +4 -26
- package/lib/form/utils.d.ts +1 -1
- package/lib/form/utils.js +61 -4
- package/lib/form/warning.js +8 -2
- package/lib/global.scss +1 -3
- package/lib/hooks/index.js +5 -0
- package/lib/index-without-icon.js +36 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.js +40 -13
- package/lib/info/components/InfoGroup/index.js +42 -21
- package/lib/info/components/InfoValueItem/index.js +134 -66
- package/lib/info/components/ProInfoItem/index.js +29 -13
- package/lib/info/components/baseInfo/index.js +39 -17
- package/lib/info/components/headerInfo/index.js +31 -8
- package/lib/info/components/tableInfo/index.js +62 -20
- package/lib/info/index.js +101 -61
- package/lib/info/typing.d.ts +0 -2
- package/lib/info/utils/index.js +19 -0
- package/lib/info/utils/utils.js +1 -0
- package/lib/nocode/configurators/PageHeader.js +2 -0
- package/lib/nocode/configurators/ProTable.js +24 -1
- package/lib/nocode/configurators/common.js +10 -5
- package/lib/nocode/configurators/index.js +10 -2
- package/lib/nocode/configurators/map.js +5 -0
- package/lib/nocode/index.js +11 -0
- package/lib/nocode/pages/editor.js +19 -5
- package/lib/nocode/pages/index.js +35 -3
- package/lib/nocode/pages/playground.js +52 -18
- package/lib/nocode/pages/renderer.js +53 -9
- package/lib/nocode/playground.js +35 -10
- package/lib/page-container/index.js +6 -0
- package/lib/page-header/index.d.ts +2 -2
- package/lib/page-header/index.js +90 -39
- package/lib/page-header/index.scss +1 -2
- package/lib/sidebar/components/sidebar-container/index.js +81 -54
- package/lib/sidebar/components/sidebar-container/index.scss +14 -21
- package/lib/sidebar/components/tree/index.js +152 -100
- package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js +34 -11
- package/lib/sidebar/components/tree-node/components/IconAction/index.js +46 -9
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.d.ts +2 -2
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +35 -12
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/lib/sidebar/components/tree-node/index.js +100 -42
- package/lib/sidebar/components/tree-node/index.scss +0 -6
- package/lib/sidebar/index.d.ts +0 -2
- package/lib/sidebar/index.js +111 -79
- package/lib/sidebar/typing.d.ts +0 -4
- package/lib/sidebar/utils/action-ref.js +8 -2
- package/lib/sidebar/utils/index.d.ts +2 -5
- package/lib/sidebar/utils/index.js +106 -41
- package/lib/skeleton/index.js +6 -0
- package/lib/table/components/EmptyContent/index.js +6 -0
- package/lib/table/components/Filter/index.d.ts +3 -6
- package/lib/table/components/Filter/index.js +137 -114
- package/lib/table/components/Layout/index.js +60 -32
- package/lib/table/components/Layout/index.scss +1 -2
- package/lib/table/components/Pagination/index.js +68 -25
- package/lib/table/components/QuickAction/index.d.ts +0 -1
- package/lib/table/components/QuickAction/index.js +15 -3
- package/lib/table/components/ToolBar/DensityIcon.js +42 -19
- package/lib/table/components/ToolBar/FilterColumnIcon.js +136 -86
- package/lib/table/components/ToolBar/FullScreenIcon.js +74 -10
- package/lib/table/components/ToolBar/Fullscreen.js +35 -25
- package/lib/table/components/ToolBar/RefreshIcon.js +36 -164
- package/lib/table/components/ToolBar/index.d.ts +1 -1
- package/lib/table/components/ToolBar/index.js +47 -133
- package/lib/table/components/ToolBar/index.scss +3 -49
- package/lib/table/index.js +445 -454
- package/lib/table/index.scss +0 -8
- package/lib/table/typing.d.ts +6 -125
- package/lib/table/utils/columnRender.d.ts +3 -3
- package/lib/table/utils/columnRender.js +92 -39
- package/lib/table/utils/genProColumnToColumn.d.ts +2 -2
- package/lib/table/utils/genProColumnToColumn.js +21 -13
- package/lib/table/utils/getTableProps.js +2 -0
- package/lib/table/utils/getTableSortIcons.js +5 -0
- package/lib/table/utils/index.js +55 -12
- package/lib/table/utils/pureColumnRender.js +64 -21
- package/lib/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/lib/table/utils/pureGenProColumnToColumn.js +11 -2
- package/lib/table/utils/useTableSelection.js +35 -6
- package/lib/templates/Detail/index.js +5 -0
- package/lib/templates/Form/index.js +5 -0
- package/lib/templates/List/index.js +19 -2
- package/lib/templates/index.js +6 -0
- package/lib/timeline/ProTimeLineItem/index.js +76 -25
- package/lib/timeline/index.js +33 -8
- package/lib/timeline/typing.d.ts +0 -1
- package/lib/utils/index.js +6 -0
- package/lib/utils/message.d.ts +2 -2
- package/lib/utils/message.js +10 -0
- package/package.json +1 -1
- package/dist/pro.all.min.css +0 -1
- package/dist/pro.xconsole.min.css +0 -1
- package/es/actions/quick.d.ts +0 -2
- package/es/actions/quick.js +0 -26
- package/es/card/xconsole.scss +0 -3
- package/es/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/es/form/ProForm/addCascadeEffect.js +0 -203
- package/es/next-xconsole.scss +0 -34
- package/es/page-header/xconsole.scss +0 -5
- package/es/table/components/CardView/index.d.ts +0 -5
- package/es/table/components/CardView/index.js +0 -392
- package/es/table/components/CardView/index.scss +0 -46
- package/es/table/components/LoadMore/index.d.ts +0 -20
- package/es/table/components/LoadMore/index.js +0 -88
- package/es/table/components/LoadMore/index.scss +0 -19
- package/es/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/es/table/components/ToolBar/CardSwitch.js +0 -52
- package/es/table/utils/util.d.ts +0 -5
- package/es/table/utils/util.js +0 -19
- package/es/xconsole.scss +0 -503
- package/lib/actions/quick.d.ts +0 -2
- package/lib/actions/quick.js +0 -33
- package/lib/card/xconsole.scss +0 -3
- package/lib/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/lib/form/ProForm/addCascadeEffect.js +0 -210
- package/lib/next-xconsole.scss +0 -34
- package/lib/page-header/xconsole.scss +0 -5
- package/lib/table/components/CardView/index.d.ts +0 -5
- package/lib/table/components/CardView/index.js +0 -402
- package/lib/table/components/CardView/index.scss +0 -46
- package/lib/table/components/LoadMore/index.d.ts +0 -20
- package/lib/table/components/LoadMore/index.js +0 -99
- package/lib/table/components/LoadMore/index.scss +0 -19
- package/lib/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/lib/table/components/ToolBar/CardSwitch.js +0 -60
- package/lib/table/utils/util.d.ts +0 -5
- package/lib/table/utils/util.js +0 -25
- package/lib/xconsole.scss +0 -503
package/lib/table/index.js
CHANGED
@@ -5,28 +5,45 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
var _exportNames = {};
|
7
7
|
exports.default = void 0;
|
8
|
+
|
8
9
|
var _react = _interopRequireWildcard(require("react"));
|
10
|
+
|
9
11
|
var _components = require("@alicloudfe/components");
|
12
|
+
|
10
13
|
var _Pagination = _interopRequireDefault(require("./components/Pagination"));
|
14
|
+
|
11
15
|
var _genProColumnToColumn = _interopRequireDefault(require("./utils/genProColumnToColumn"));
|
16
|
+
|
12
17
|
var _utils = require("@teamix/utils");
|
18
|
+
|
13
19
|
var _skeleton = require("../skeleton");
|
20
|
+
|
14
21
|
require("./index.scss");
|
22
|
+
|
15
23
|
var _Layout = _interopRequireDefault(require("./components/Layout"));
|
24
|
+
|
16
25
|
var _utils2 = require("./utils");
|
26
|
+
|
17
27
|
var _getTableProps = _interopRequireDefault(require("./utils/getTableProps"));
|
28
|
+
|
18
29
|
var _getTableSortIcons = _interopRequireDefault(require("./utils/getTableSortIcons"));
|
30
|
+
|
19
31
|
var _useTableSelection = _interopRequireDefault(require("./utils/useTableSelection"));
|
32
|
+
|
20
33
|
var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscreen"));
|
21
|
-
|
34
|
+
|
35
|
+
var _EmptyContent = _interopRequireDefault(require("./components/EmptyContent"));
|
36
|
+
|
22
37
|
var _actions = require("../actions");
|
38
|
+
|
23
39
|
var _classnames = _interopRequireDefault(require("classnames"));
|
40
|
+
|
24
41
|
var _pageContainer = _interopRequireDefault(require("../page-container"));
|
42
|
+
|
25
43
|
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
26
|
-
|
27
|
-
var _hooks = require("@teamix/hooks");
|
28
|
-
var _util = require("./utils/util");
|
44
|
+
|
29
45
|
var _typing = require("./typing");
|
46
|
+
|
30
47
|
Object.keys(_typing).forEach(function (key) {
|
31
48
|
if (key === "default" || key === "__esModule") return;
|
32
49
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -38,258 +55,271 @@ Object.keys(_typing).forEach(function (key) {
|
|
38
55
|
}
|
39
56
|
});
|
40
57
|
});
|
41
|
-
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", "
|
42
|
-
|
58
|
+
var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree"];
|
59
|
+
|
43
60
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
61
|
+
|
44
62
|
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); }
|
63
|
+
|
45
64
|
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; }
|
65
|
+
|
46
66
|
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); }
|
67
|
+
|
47
68
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
69
|
+
|
48
70
|
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."); }
|
71
|
+
|
49
72
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
73
|
+
|
50
74
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
75
|
+
|
76
|
+
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; }
|
77
|
+
|
78
|
+
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; }
|
79
|
+
|
80
|
+
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; }
|
81
|
+
|
51
82
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
83
|
+
|
52
84
|
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."); }
|
85
|
+
|
53
86
|
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); }
|
87
|
+
|
54
88
|
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; }
|
89
|
+
|
55
90
|
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; }
|
91
|
+
|
56
92
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
93
|
+
|
57
94
|
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; }
|
95
|
+
|
58
96
|
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; }
|
59
|
-
|
60
|
-
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; }
|
61
|
-
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; }
|
97
|
+
|
62
98
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-table');
|
63
99
|
/**
|
64
100
|
* 处理原生传入的 columns 以便于 选择列 方便处理
|
65
101
|
* @param columns 原生传入的 columns
|
66
102
|
* @returns
|
67
103
|
*/
|
104
|
+
|
68
105
|
var processColumns = function processColumns(columns, initialColumns) {
|
69
106
|
var _getGlobalConfig;
|
107
|
+
|
70
108
|
var globalFilterColumns = (_getGlobalConfig = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns;
|
71
109
|
var filterColumns = columns.filter(function (item) {
|
72
|
-
return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(
|
73
|
-
});
|
74
|
-
|
110
|
+
return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(item));
|
111
|
+
}); // 处理只剩一列批量选择的情况下宽度错乱问题
|
112
|
+
|
75
113
|
if (filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) {
|
76
114
|
var _initialColumns$;
|
115
|
+
|
77
116
|
if ((filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) === 1) {
|
78
117
|
var _filterColumns$, _filterColumns$2;
|
118
|
+
|
79
119
|
if ((_filterColumns$ = filterColumns[0]) === null || _filterColumns$ === void 0 ? void 0 : _filterColumns$.width) {
|
80
120
|
delete filterColumns[0].width;
|
81
121
|
}
|
122
|
+
|
82
123
|
if ((_filterColumns$2 = filterColumns[0]) === null || _filterColumns$2 === void 0 ? void 0 : _filterColumns$2.lock) {
|
83
124
|
filterColumns[0].lock = false;
|
84
125
|
}
|
85
126
|
} else if (((_initialColumns$ = initialColumns[0]) === null || _initialColumns$ === void 0 ? void 0 : _initialColumns$.columnFilters) !== false) {
|
86
127
|
var _initialColumns$2, _initialColumns$3;
|
128
|
+
|
87
129
|
if ((_initialColumns$2 = initialColumns[0]) === null || _initialColumns$2 === void 0 ? void 0 : _initialColumns$2.width) {
|
88
130
|
filterColumns[0].width = initialColumns[0].width;
|
89
131
|
}
|
132
|
+
|
90
133
|
if ((_initialColumns$3 = initialColumns[0]) === null || _initialColumns$3 === void 0 ? void 0 : _initialColumns$3.lock) {
|
91
134
|
filterColumns[0].lock = initialColumns[0].lock;
|
92
135
|
}
|
93
136
|
}
|
94
137
|
}
|
138
|
+
|
95
139
|
return filterColumns;
|
96
140
|
};
|
97
141
|
/** 默认请求翻页参数 */
|
142
|
+
|
143
|
+
|
98
144
|
var globalPageKey = 'currentPage';
|
99
145
|
var globalPageSizeKey = 'pageSize';
|
146
|
+
|
100
147
|
var globalFormatSort = function globalFormatSort(sort) {
|
101
148
|
if (Object.keys(sort).length > 0) {
|
102
149
|
return {
|
103
150
|
sort: sort
|
104
151
|
};
|
105
152
|
}
|
153
|
+
|
106
154
|
return {};
|
107
155
|
};
|
156
|
+
|
108
157
|
var ProTable = function ProTable(props) {
|
109
|
-
var
|
158
|
+
var _rowSelection$selecte;
|
159
|
+
|
110
160
|
var header = props.header,
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
dataTeamixSpm = props['data-teamix-spm'],
|
176
|
-
_props$switchCardView = props.switchCardView,
|
177
|
-
switchCardView = _props$switchCardView === void 0 ? false : _props$switchCardView,
|
178
|
-
cardViewProps = props.cardViewProps,
|
179
|
-
_props$defaultView = props.defaultView,
|
180
|
-
defaultView = _props$defaultView === void 0 ? 'table' : _props$defaultView,
|
181
|
-
emptyProps = props.emptyProps,
|
182
|
-
bindUrlProps = props.bindUrlProps,
|
183
|
-
bindUrl = props.bindUrl,
|
184
|
-
otherProps = _objectWithoutProperties(props, _excluded);
|
161
|
+
className = props.className,
|
162
|
+
tableClassName = props.tableClassName,
|
163
|
+
mainAction = props.mainAction,
|
164
|
+
extra = props.extra,
|
165
|
+
propsDataFilter = props.dataFilter,
|
166
|
+
afterDataFilter = props.afterDataFilter,
|
167
|
+
toolBar = props.toolBar,
|
168
|
+
propsColumns = props.columns,
|
169
|
+
useRowSelection = props.useRowSelection,
|
170
|
+
propsRowSelection = props.rowSelection,
|
171
|
+
onChangeRowSelection = props.onChangeRowSelection,
|
172
|
+
getRowSelection = props.getRowSelection,
|
173
|
+
primaryKey = props.primaryKey,
|
174
|
+
footerAction = props.footerAction,
|
175
|
+
footer = props.footer,
|
176
|
+
url = props.url,
|
177
|
+
pageKey = props.pageKey,
|
178
|
+
pageSizeKey = props.pageSizeKey,
|
179
|
+
_props$method = props.method,
|
180
|
+
method = _props$method === void 0 ? 'get' : _props$method,
|
181
|
+
_props$params = props.params,
|
182
|
+
propsParams = _props$params === void 0 ? {} : _props$params,
|
183
|
+
formatSort = props.formatSort,
|
184
|
+
_props$formatParams = props.formatParams,
|
185
|
+
formatParams = _props$formatParams === void 0 ? function (params) {
|
186
|
+
return params;
|
187
|
+
} : _props$formatParams,
|
188
|
+
formatResult = props.formatResult,
|
189
|
+
_props$requestWhenMou = props.requestWhenMount,
|
190
|
+
requestWhenMount = _props$requestWhenMou === void 0 ? true : _props$requestWhenMou,
|
191
|
+
_props$showPagination = props.showPagination,
|
192
|
+
showPagination = _props$showPagination === void 0 ? true : _props$showPagination,
|
193
|
+
_props$pageSizeList = props.pageSizeList,
|
194
|
+
pageSizeList = _props$pageSizeList === void 0 ? [5, 10, 20, 50, 100] : _props$pageSizeList,
|
195
|
+
responsivePaginationType = props.responsivePaginationType,
|
196
|
+
_props$showSkeleton = props.showSkeleton,
|
197
|
+
propsShowSkeleton = _props$showSkeleton === void 0 ? true : _props$showSkeleton,
|
198
|
+
_props$skeletonSize = props.skeletonSize,
|
199
|
+
skeletonSize = _props$skeletonSize === void 0 ? 5 : _props$skeletonSize,
|
200
|
+
propsActionRef = props.actionRef,
|
201
|
+
propsDataSource = props.dataSource,
|
202
|
+
_props$filterDebounce = props.filterDebounce,
|
203
|
+
filterDebounce = _props$filterDebounce === void 0 ? 300 : _props$filterDebounce,
|
204
|
+
_props$footerSuction = props.footerSuction,
|
205
|
+
footerSuction = _props$footerSuction === void 0 ? false : _props$footerSuction,
|
206
|
+
_props$autoRefresh = props.autoRefresh,
|
207
|
+
autoRefresh = _props$autoRefresh === void 0 ? function () {
|
208
|
+
return false;
|
209
|
+
} : _props$autoRefresh,
|
210
|
+
customRequest = props.customRequest,
|
211
|
+
_props$filterColumnTy = props.filterColumnType,
|
212
|
+
filterColumnType = _props$filterColumnTy === void 0 ? 'auto' : _props$filterColumnTy,
|
213
|
+
defaultFilterParams = props.defaultFilterParams,
|
214
|
+
_props$reserveSelecte = props.reserveSelectedRecords,
|
215
|
+
reserveSelectedRecords = _props$reserveSelecte === void 0 ? false : _props$reserveSelecte,
|
216
|
+
_props$size = props.size,
|
217
|
+
propsSize = _props$size === void 0 ? 'medium' : _props$size,
|
218
|
+
disableSelectAll = props.disableSelectAll,
|
219
|
+
context = props.context,
|
220
|
+
_props$fixedTableBody = props.fixedTableBody,
|
221
|
+
fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
|
222
|
+
isTree = props.isTree,
|
223
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
224
|
+
|
185
225
|
var targetPageKey = pageKey || globalPageKey;
|
186
226
|
var targetPageSizeKey = pageSizeKey || globalPageSizeKey;
|
187
227
|
var targetFormatSort = formatSort || globalFormatSort;
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
setPageSize = _useState4[1];
|
228
|
+
|
229
|
+
var _useState = (0, _react.useState)(1),
|
230
|
+
_useState2 = _slicedToArray(_useState, 2),
|
231
|
+
currentPage = _useState2[0],
|
232
|
+
setCurrentPage = _useState2[1];
|
233
|
+
|
234
|
+
var _useState3 = (0, _react.useState)(props.pageSize || 10),
|
235
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
236
|
+
pageSize = _useState4[0],
|
237
|
+
setPageSize = _useState4[1];
|
238
|
+
|
200
239
|
var _useState5 = (0, _react.useState)(0),
|
201
|
-
|
202
|
-
|
203
|
-
|
240
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
241
|
+
total = _useState6[0],
|
242
|
+
setTotal = _useState6[1];
|
243
|
+
|
204
244
|
var _useState7 = (0, _react.useState)(propsDataSource !== null && propsDataSource !== void 0 ? propsDataSource : []),
|
205
|
-
|
206
|
-
|
207
|
-
|
245
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
246
|
+
data = _useState8[0],
|
247
|
+
setData = _useState8[1];
|
248
|
+
|
208
249
|
var _useState9 = (0, _react.useState)(props.sort || {}),
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
250
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
251
|
+
sort = _useState10[0],
|
252
|
+
setSort = _useState10[1];
|
253
|
+
|
254
|
+
var _useState11 = (0, _react.useState)(!propsDataSource && requestWhenMount && propsShowSkeleton),
|
255
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
256
|
+
showSkeleton = _useState12[0],
|
257
|
+
setShowSkeleton = _useState12[1]; // 首次加载,渲染骨架屏
|
258
|
+
|
259
|
+
|
216
260
|
var skeletonDataSource = new Array(skeletonSize).fill({});
|
217
|
-
var requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data';
|
218
|
-
|
261
|
+
var requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data'; // 如果使用 customRequest 的话,内置 loading
|
262
|
+
|
219
263
|
var _useState13 = (0, _react.useState)(requestWhenMount),
|
220
|
-
|
221
|
-
|
222
|
-
|
264
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
265
|
+
customTableLoading = _useState14[0],
|
266
|
+
setCustomTableLoading = _useState14[1];
|
267
|
+
|
223
268
|
var tableRef = (0, _react.useRef)(null);
|
224
|
-
var actionRef = (0, _react.useRef)();
|
225
|
-
|
269
|
+
var actionRef = (0, _react.useRef)(); // 传给 table 的过滤后的 columns
|
270
|
+
|
226
271
|
var _useState15 = (0, _react.useState)(processColumns(propsColumns !== null && propsColumns !== void 0 ? propsColumns : [], propsColumns)),
|
227
|
-
|
228
|
-
|
229
|
-
|
272
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
273
|
+
filteredColumns = _useState16[0],
|
274
|
+
setFilteredColumns = _useState16[1];
|
275
|
+
|
230
276
|
var _useState17 = (0, _react.useState)(propsSize),
|
231
|
-
|
232
|
-
|
233
|
-
|
277
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
278
|
+
size = _useState18[0],
|
279
|
+
_setSize = _useState18[1];
|
280
|
+
|
234
281
|
var _useState19 = (0, _react.useState)(true),
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
// 表格内部用作存储的 Ref,标识 Table 组件是否被第一次渲染。用作 useUrlState filter 第一次渲染时使用 state 数据请求
|
239
|
-
var dataRef = (0, _react.useRef)({
|
240
|
-
flag: true
|
241
|
-
});
|
242
|
-
(0, _react.useEffect)(function () {
|
243
|
-
if (bindUrl && (bindUrlProps === null || bindUrlProps === void 0 ? void 0 : bindUrlProps.pagination) !== false) {
|
244
|
-
if ((urlState === null || urlState === void 0 ? void 0 : urlState.currentPage) !== currentPage) {
|
245
|
-
setUrlState === null || setUrlState === void 0 ? void 0 : setUrlState({
|
246
|
-
currentPage: currentPage
|
247
|
-
});
|
248
|
-
}
|
249
|
-
if ((urlState === null || urlState === void 0 ? void 0 : urlState.pageSize) !== pageSize) {
|
250
|
-
setUrlState === null || setUrlState === void 0 ? void 0 : setUrlState({
|
251
|
-
pageSize: pageSize
|
252
|
-
});
|
253
|
-
}
|
254
|
-
}
|
255
|
-
}, [currentPage, pageSize, urlState]);
|
256
|
-
// 存储能够被 on 监听到的 ProTable 状态
|
282
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
283
|
+
showLoading = _useState20[0],
|
284
|
+
setShowLoading = _useState20[1]; // 存储能够被 on 监听到的 ProTable 状态
|
257
285
|
// 因为只做存储用。不需要更新视图以及需要同步更改。所以不使用 setState 更新
|
286
|
+
|
287
|
+
|
258
288
|
var _useState21 = (0, _react.useState)({
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
|
289
|
+
fullScreenState: false,
|
290
|
+
filterRules: {},
|
291
|
+
filterColumns: []
|
292
|
+
}),
|
293
|
+
_useState22 = _slicedToArray(_useState21, 1),
|
294
|
+
actionRefState = _useState22[0]; // 存储 on 监听事件
|
295
|
+
|
296
|
+
|
266
297
|
var _useState23 = (0, _react.useState)({
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
298
|
+
fullScreenState: {}
|
299
|
+
}),
|
300
|
+
_useState24 = _slicedToArray(_useState23, 1),
|
301
|
+
actionRefCallback = _useState24[0]; // 存储定时器 id
|
302
|
+
|
303
|
+
|
272
304
|
var autoRefreshTimerRef = (0, _react.useRef)();
|
273
305
|
var onResize = null;
|
274
|
-
// useEffect(() => {
|
275
|
-
// setShowSkeleton(propsShowSkeleton);
|
276
|
-
// }, [propsShowSkeleton]);
|
277
|
-
// useEffect(() => {
|
278
|
-
// console.log('传入的props变化', propsLoading);
|
279
|
-
// setShowLoading(propsLoading ?? false);
|
280
|
-
// }, [propsLoading]);
|
281
306
|
(0, _react.useEffect)(function () {
|
282
307
|
var _propsDataFilter$sche, _propsDataFilter$sche2;
|
308
|
+
|
283
309
|
getHeaderHeight(fullscreenState);
|
284
310
|
getFooterSuctionState();
|
311
|
+
|
285
312
|
if (window.onresize) {
|
286
313
|
onResize = window.onresize;
|
287
314
|
window.onresize = (0, _lodash.default)(function () {
|
288
315
|
var _onResize;
|
316
|
+
|
289
317
|
(_onResize = onResize) === null || _onResize === void 0 ? void 0 : _onResize();
|
318
|
+
|
290
319
|
if (footerSuction) {
|
291
320
|
getFooterSuctionState();
|
292
321
|
}
|
322
|
+
|
293
323
|
if (fixedTableBody) {
|
294
324
|
getHeaderHeight(fullscreenState);
|
295
325
|
}
|
@@ -299,35 +329,44 @@ var ProTable = function ProTable(props) {
|
|
299
329
|
if (footerSuction) {
|
300
330
|
getFooterSuctionState();
|
301
331
|
}
|
332
|
+
|
302
333
|
if (fixedTableBody) {
|
303
334
|
getHeaderHeight(fullscreenState);
|
304
335
|
}
|
305
336
|
}, 500);
|
306
|
-
}
|
307
|
-
|
337
|
+
} // 如果不传 dataFilter,则在这里初始化请求
|
338
|
+
|
339
|
+
|
308
340
|
var hasDataFilter = (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche = propsDataFilter.schema) === null || _propsDataFilter$sche === void 0 ? void 0 : _propsDataFilter$sche.length) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche2 = propsDataFilter.schema) === null || _propsDataFilter$sche2 === void 0 ? void 0 : _propsDataFilter$sche2.length) > 0;
|
341
|
+
|
309
342
|
if (requestWhenMount && !hasDataFilter) {
|
310
343
|
(0, _utils2.processDefaultFilter)(propsColumns, actionRef, defaultFilterParams);
|
344
|
+
|
311
345
|
_request();
|
312
346
|
}
|
347
|
+
|
313
348
|
return function () {
|
314
349
|
if (onResize) {
|
315
350
|
window.onresize = onResize;
|
316
351
|
} else {
|
317
352
|
window.onresize = null;
|
318
353
|
}
|
354
|
+
|
319
355
|
if (autoRefreshTimerRef.current) {
|
320
356
|
clearTimeout(autoRefreshTimerRef.current);
|
321
357
|
}
|
358
|
+
|
322
359
|
actionRef.current = undefined;
|
323
360
|
};
|
324
|
-
}, []);
|
325
|
-
|
361
|
+
}, []); // 获取header高度,用作全屏吸底吸底高度计算以及固定body高度计算(滚动条在底部)
|
362
|
+
|
326
363
|
var getHeaderHeight = function getHeaderHeight(isFullscreen, offset) {
|
327
364
|
var _tableDom$getElements, _tableDom$getElements2, _document$querySelect, _document$querySelect2, _document$querySelect3;
|
365
|
+
|
328
366
|
if (!fixedTableBody) {
|
329
367
|
return;
|
330
368
|
}
|
369
|
+
|
331
370
|
var tableDom = tableRef.current;
|
332
371
|
var headerDom = tableDom === null || tableDom === void 0 ? void 0 : (_tableDom$getElements = tableDom.getElementsByClassName('teamix-pro-table-layout')) === null || _tableDom$getElements === void 0 ? void 0 : _tableDom$getElements[0];
|
333
372
|
var basePrefix = (0, _utils.usePrefixCls)('', {
|
@@ -336,90 +375,95 @@ var ProTable = function ProTable(props) {
|
|
336
375
|
var tableHeaderDom = tableDom === null || tableDom === void 0 ? void 0 : (_tableDom$getElements2 = tableDom.getElementsByClassName(basePrefix('table-header-inner'))) === null || _tableDom$getElements2 === void 0 ? void 0 : _tableDom$getElements2[0];
|
337
376
|
var pageContainerDom = document.querySelector('.teamix-pro-page-container-header');
|
338
377
|
var teamixNavDom = document.querySelector('.teamix-nav-console');
|
339
|
-
var footerRowSelectionDom = document.querySelector('.teamix-pro-page-container-footer');
|
340
|
-
|
378
|
+
var footerRowSelectionDom = document.querySelector('.teamix-pro-page-container-footer'); // 这边不能直接取 next-table-body
|
379
|
+
|
341
380
|
var tableBodyDom = (_document$querySelect = document.querySelector('.teamix-pro-table')) === null || _document$querySelect === void 0 ? void 0 : (_document$querySelect2 = _document$querySelect.getElementsByTagName('table')) === null || _document$querySelect2 === void 0 ? void 0 : (_document$querySelect3 = _document$querySelect2[1]) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.parentNode;
|
342
381
|
var headerFixedTopSectionDom = document.querySelector('.teamix-pro-page-container-fixed-top');
|
343
382
|
setTimeout(function () {
|
344
383
|
var _headerDom$offsetHeig, _tableHeaderDom$offse;
|
345
|
-
|
346
|
-
// table表头默认一行。即42px
|
384
|
+
|
385
|
+
var headerHeight = (_headerDom$offsetHeig = headerDom === null || headerDom === void 0 ? void 0 : headerDom.offsetHeight) !== null && _headerDom$offsetHeig !== void 0 ? _headerDom$offsetHeig : 0; // table表头默认一行。即42px
|
386
|
+
|
347
387
|
var tableHeaderHeight = (_tableHeaderDom$offse = tableHeaderDom === null || tableHeaderDom === void 0 ? void 0 : tableHeaderDom.offsetHeight) !== null && _tableHeaderDom$offse !== void 0 ? _tableHeaderDom$offse : 42;
|
348
|
-
var footerRowSelectionHeight = (footerRowSelectionDom === null || footerRowSelectionDom === void 0 ? void 0 : footerRowSelectionDom.offsetHeight) || 50;
|
349
|
-
|
388
|
+
var footerRowSelectionHeight = (footerRowSelectionDom === null || footerRowSelectionDom === void 0 ? void 0 : footerRowSelectionDom.offsetHeight) || 50; // 固定表格主体高度
|
389
|
+
|
350
390
|
if (fixedTableBody && !isFullscreen) {
|
351
391
|
var _pageContainerDom$off, _teamixNavDom$offsetH;
|
392
|
+
|
352
393
|
// 16px 为 padding
|
353
394
|
var pageHeaderHeight = ((_pageContainerDom$off = pageContainerDom === null || pageContainerDom === void 0 ? void 0 : pageContainerDom.offsetHeight) !== null && _pageContainerDom$off !== void 0 ? _pageContainerDom$off : 0) + 16;
|
354
|
-
var teamixNavHeight = (_teamixNavDom$offsetH = teamixNavDom === null || teamixNavDom === void 0 ? void 0 : teamixNavDom.offsetHeight) !== null && _teamixNavDom$offsetH !== void 0 ? _teamixNavDom$offsetH : 0;
|
355
|
-
|
395
|
+
var teamixNavHeight = (_teamixNavDom$offsetH = teamixNavDom === null || teamixNavDom === void 0 ? void 0 : teamixNavDom.offsetHeight) !== null && _teamixNavDom$offsetH !== void 0 ? _teamixNavDom$offsetH : 0; // 1 为预留值,js无法取出精确高度,会被四舍五入
|
396
|
+
|
356
397
|
var offsetHeaderHeight = headerHeight + tableHeaderHeight + pageHeaderHeight + teamixNavHeight + footerRowSelectionHeight + 16 + (offset !== null && offset !== void 0 ? offset : 0) + 1;
|
357
|
-
|
358
|
-
|
359
|
-
}
|
360
|
-
if ((tableBodyDom === null || tableBodyDom === void 0 ? void 0 : tableBodyDom.clientHeight) < (tableBodyDom === null || tableBodyDom === void 0 ? void 0 : tableBodyDom.scrollHeight)) {
|
398
|
+
|
399
|
+
if (tableBodyDom.clientHeight < tableBodyDom.scrollHeight) {
|
361
400
|
setFooterSuctionState(true);
|
362
401
|
} else {
|
363
402
|
setFooterSuctionState(false);
|
364
|
-
}
|
365
|
-
|
403
|
+
} // 如果有切换区tab,那么重新计算
|
404
|
+
|
405
|
+
|
366
406
|
if (headerFixedTopSectionDom.clientHeight) {
|
367
407
|
var _headerFixedTopSectio;
|
368
|
-
|
369
|
-
// const clientTableBodyHeight =
|
408
|
+
|
409
|
+
var headerFixedTopSectionHeight = (_headerFixedTopSectio = headerFixedTopSectionDom.clientHeight) !== null && _headerFixedTopSectio !== void 0 ? _headerFixedTopSectio : 0; // const clientTableBodyHeight =
|
370
410
|
// document.body.clientHeight - offsetHeaderHeight;
|
411
|
+
|
371
412
|
setHeaderHeight(headerFixedTopSectionHeight + teamixNavHeight + footerRowSelectionHeight + tableHeaderHeight + 1);
|
372
413
|
return;
|
373
414
|
}
|
415
|
+
|
374
416
|
setHeaderHeight(offsetHeaderHeight);
|
375
417
|
} else {
|
376
418
|
// 24px 为 padding
|
377
419
|
setHeaderHeight(headerHeight + tableHeaderHeight + footerRowSelectionHeight + 24 + (offset !== null && offset !== void 0 ? offset : 0) + 1);
|
378
420
|
}
|
379
421
|
}, 50);
|
380
|
-
};
|
381
|
-
|
422
|
+
}; // header 区域高度。用作全屏计算吸顶吸底高度。默认不做计算
|
423
|
+
|
424
|
+
|
382
425
|
var _useState25 = (0, _react.useState)(0),
|
383
|
-
|
384
|
-
|
385
|
-
|
386
|
-
|
426
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
427
|
+
headerHeight = _useState26[0],
|
428
|
+
setHeaderHeight = _useState26[1]; // 全屏显示 className
|
429
|
+
|
430
|
+
|
387
431
|
var _useState27 = (0, _react.useState)(false),
|
388
|
-
|
389
|
-
|
390
|
-
|
391
|
-
|
392
|
-
|
393
|
-
_useState30 = _slicedToArray(_useState29, 2),
|
394
|
-
switchViewState = _useState30[0],
|
395
|
-
setSwitchViewState = _useState30[1];
|
396
|
-
// 切换全屏搜索开关
|
432
|
+
_useState28 = _slicedToArray(_useState27, 2),
|
433
|
+
fullscreenState = _useState28[0],
|
434
|
+
setFullscreenState = _useState28[1]; // 切换全屏搜索开关
|
435
|
+
|
436
|
+
|
397
437
|
var filterEnableRef = (0, _react.useRef)({
|
398
438
|
fullscreen: false,
|
399
439
|
normal: true
|
400
|
-
});
|
401
|
-
|
440
|
+
}); // 非全屏状态下的
|
441
|
+
|
402
442
|
var normalDataFilterFormRef = (0, _react.useRef)();
|
403
443
|
var fullscreenDataFilterFormRef = (0, _react.useRef)();
|
404
444
|
var normalDataFilterForm = normalDataFilterFormRef.current;
|
405
|
-
var fullscreenDataFilterForm = fullscreenDataFilterFormRef.current;
|
406
|
-
|
407
|
-
var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef;
|
408
|
-
// let dataFilterForm = dataFilterFormRef.current;
|
445
|
+
var fullscreenDataFilterForm = fullscreenDataFilterFormRef.current; // 传给 QueryFilter 的 formRef
|
446
|
+
|
447
|
+
var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef; // let dataFilterForm = dataFilterFormRef.current;
|
409
448
|
// 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
|
410
|
-
|
411
|
-
|
412
|
-
|
413
|
-
|
414
|
-
|
449
|
+
|
450
|
+
var _useState29 = (0, _react.useState)(false),
|
451
|
+
_useState30 = _slicedToArray(_useState29, 2),
|
452
|
+
footerSuctionState = _useState30[0],
|
453
|
+
setFooterSuctionState = _useState30[1]; // TODO 获取内容区是否超出一屏(暂时仅支持全家桶)
|
454
|
+
|
455
|
+
|
415
456
|
var getFooterSuctionState = function getFooterSuctionState() {
|
416
457
|
if (!footerSuction) {
|
417
458
|
return;
|
418
459
|
}
|
460
|
+
|
419
461
|
var containerDom = document.querySelector('.teamix-pro-page-container-scroll-container');
|
462
|
+
|
420
463
|
if (containerDom) {
|
421
464
|
var offsetHeight = containerDom.offsetHeight;
|
422
465
|
var scrollHeight = containerDom.scrollHeight;
|
466
|
+
|
423
467
|
if (offsetHeight < scrollHeight) {
|
424
468
|
setFooterSuctionState(true);
|
425
469
|
} else {
|
@@ -431,28 +475,35 @@ var ProTable = function ProTable(props) {
|
|
431
475
|
setFooterSuctionState(true);
|
432
476
|
}
|
433
477
|
}
|
434
|
-
};
|
435
|
-
|
478
|
+
}; // rowSelection 相关
|
479
|
+
|
480
|
+
|
436
481
|
var rowSelectionHook = (0, _useTableSelection.default)(_objectSpread(_objectSpread({}, propsRowSelection), {}, {
|
437
482
|
// 当初始出现骨架屏的时候,不可选择
|
438
483
|
getProps: function getProps(record, index) {
|
439
484
|
var result = {};
|
485
|
+
|
440
486
|
if (propsRowSelection === null || propsRowSelection === void 0 ? void 0 : propsRowSelection.getProps) {
|
441
487
|
result = propsRowSelection.getProps(record, index);
|
442
488
|
}
|
489
|
+
|
443
490
|
if (showSkeleton && result) {
|
444
491
|
result.disabled = true;
|
445
492
|
}
|
493
|
+
|
446
494
|
return result;
|
447
495
|
},
|
448
496
|
titleProps: function titleProps() {
|
449
497
|
var result = {};
|
498
|
+
|
450
499
|
if (propsRowSelection === null || propsRowSelection === void 0 ? void 0 : propsRowSelection.titleProps) {
|
451
500
|
result = propsRowSelection.titleProps();
|
452
501
|
}
|
502
|
+
|
453
503
|
if (showSkeleton || disableSelectAll) {
|
454
504
|
result.disabled = true;
|
455
505
|
}
|
506
|
+
|
456
507
|
return result;
|
457
508
|
},
|
458
509
|
onChange: onChangeRowSelection
|
@@ -461,19 +512,21 @@ var ProTable = function ProTable(props) {
|
|
461
512
|
var selectedCount = (rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$selecte = rowSelection.selectedRowKeys) === null || _rowSelection$selecte === void 0 ? void 0 : _rowSelection$selecte.length) || 0;
|
462
513
|
(0, _react.useEffect)(function () {
|
463
514
|
getRowSelection && getRowSelection(rowSelectionHook);
|
464
|
-
}, [rowSelectionHook]);
|
465
|
-
|
515
|
+
}, [rowSelectionHook]); // 获取 table 左下角 checkbox 属性
|
516
|
+
|
466
517
|
function getCheckAllProps() {
|
467
518
|
var _rowSelection$onChang = rowSelection.onChange,
|
468
|
-
|
469
|
-
|
470
|
-
|
471
|
-
|
472
|
-
|
473
|
-
|
519
|
+
_onChange = _rowSelection$onChang === void 0 ? function () {} : _rowSelection$onChang,
|
520
|
+
_rowSelection$onSelec = rowSelection.onSelectAll,
|
521
|
+
onSelectAll = _rowSelection$onSelec === void 0 ? function () {} : _rowSelection$onSelec,
|
522
|
+
_rowSelection$selecte2 = rowSelection.selectedRowKeys,
|
523
|
+
selectedRowKeys = _rowSelection$selecte2 === void 0 ? [] : _rowSelection$selecte2,
|
524
|
+
getProps = rowSelection.getProps;
|
525
|
+
|
474
526
|
var dataSource = data;
|
475
527
|
var allRowKeys = dataSource.filter(function (d, i) {
|
476
528
|
var _getProps;
|
529
|
+
|
477
530
|
return getProps ? !((_getProps = getProps(d, i)) === null || _getProps === void 0 ? void 0 : _getProps.disabled) : true;
|
478
531
|
}).map(function (d) {
|
479
532
|
return (0, _utils.getDeepValue)(primaryKey || 'id', d);
|
@@ -489,12 +542,15 @@ var ProTable = function ProTable(props) {
|
|
489
542
|
result.push.apply(result, _toConsumableArray(allRowKeys.filter(function (k) {
|
490
543
|
return !selectedRowKeys.includes(k);
|
491
544
|
})));
|
545
|
+
|
492
546
|
_onChange(result, dataSource);
|
547
|
+
|
493
548
|
onSelectAll(check, dataSource);
|
494
549
|
} else {
|
495
550
|
_onChange(selectedRowKeys.filter(function (k) {
|
496
551
|
return !allRowKeys.includes(k);
|
497
552
|
}), []);
|
553
|
+
|
498
554
|
onSelectAll(check, []);
|
499
555
|
}
|
500
556
|
},
|
@@ -502,6 +558,7 @@ var ProTable = function ProTable(props) {
|
|
502
558
|
checked: nowCheckedKeys.length !== 0 && nowCheckedKeys.length === allRowKeys.length
|
503
559
|
};
|
504
560
|
}
|
561
|
+
|
505
562
|
(0, _react.useEffect)(function () {
|
506
563
|
if (typeof propsActionRef === 'function' && actionRef.current) {
|
507
564
|
// @ts-ignore
|
@@ -510,17 +567,18 @@ var ProTable = function ProTable(props) {
|
|
510
567
|
}, [propsActionRef]);
|
511
568
|
(0, _react.useEffect)(function () {
|
512
569
|
var _actionRef$current, _actionRef$current$se;
|
570
|
+
|
513
571
|
var columns = processColumns(propsColumns !== null && propsColumns !== void 0 ? propsColumns : [], propsColumns);
|
514
572
|
setFilteredColumns(columns);
|
515
573
|
(_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setState) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, 'filterColumns', columns);
|
516
|
-
}, [propsColumns]);
|
517
|
-
|
574
|
+
}, [propsColumns]); // dataSource 受控
|
575
|
+
|
518
576
|
(0, _react.useEffect)(function () {
|
519
577
|
if (propsDataSource) {
|
520
|
-
|
578
|
+
setData(propsDataSource);
|
521
579
|
}
|
522
|
-
}, [propsDataSource]);
|
523
|
-
|
580
|
+
}, [propsDataSource]); // 初始化 ActionRef。
|
581
|
+
|
524
582
|
(0, _utils2.initActionRef)(actionRef, {
|
525
583
|
getState: function getState() {
|
526
584
|
return actionRefState;
|
@@ -536,28 +594,32 @@ var ProTable = function ProTable(props) {
|
|
536
594
|
if (!actionRefCallback[state]) {
|
537
595
|
actionRefCallback[state] = {};
|
538
596
|
}
|
597
|
+
|
539
598
|
actionRefCallback[state][name] = fun;
|
540
599
|
},
|
541
600
|
off: function off(name) {
|
542
|
-
actionRefCallback = Object.fromEntries(Object.entries(actionRefCallback).map(function (
|
543
|
-
var
|
544
|
-
|
545
|
-
|
546
|
-
|
547
|
-
|
548
|
-
|
601
|
+
actionRefCallback = Object.fromEntries(Object.entries(actionRefCallback).map(function (_ref) {
|
602
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
603
|
+
k = _ref2[0],
|
604
|
+
v = _ref2[1];
|
605
|
+
|
606
|
+
var filterV = Object.fromEntries(Object.entries(v).filter(function (_ref3) {
|
607
|
+
var _ref4 = _slicedToArray(_ref3, 1),
|
608
|
+
k = _ref4[0];
|
609
|
+
|
549
610
|
return k !== name;
|
550
611
|
}));
|
551
612
|
return [k, filterV];
|
552
613
|
}));
|
553
614
|
}
|
554
|
-
});
|
555
|
-
|
615
|
+
}); // 绑定 Actions
|
616
|
+
|
556
617
|
(0, _utils2.useActionType)(actionRef, {
|
557
618
|
fullScreen: function fullScreen() {
|
558
619
|
var _actionRef$current2, _actionRef$current2$s;
|
559
|
-
|
560
|
-
// 全屏时需要重新计算header高度
|
620
|
+
|
621
|
+
var state = !fullscreenState; // 全屏时需要重新计算header高度
|
622
|
+
|
561
623
|
setFullscreenState(state);
|
562
624
|
getHeaderHeight(state);
|
563
625
|
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setState) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, 'fullScreenState', state);
|
@@ -565,10 +627,12 @@ var ProTable = function ProTable(props) {
|
|
565
627
|
},
|
566
628
|
setColumn: function setColumn(newColumns) {
|
567
629
|
var _actionRef$current3, _actionRef$current3$s;
|
630
|
+
|
568
631
|
var update = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
569
632
|
var columns = processColumns(newColumns, propsColumns);
|
570
633
|
setFilteredColumns(columns);
|
571
634
|
(_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$s = _actionRef$current3.setState) === null || _actionRef$current3$s === void 0 ? void 0 : _actionRef$current3$s.call(_actionRef$current3, 'filterColumns', columns);
|
635
|
+
|
572
636
|
if (update) {
|
573
637
|
(0, _utils2.emit)('refreshFilterState', newColumns);
|
574
638
|
}
|
@@ -578,46 +642,34 @@ var ProTable = function ProTable(props) {
|
|
578
642
|
_setSize(mode);
|
579
643
|
},
|
580
644
|
refresh: function refresh(params) {
|
581
|
-
|
582
|
-
if (switchViewState === 'card' && !propsDataSource) {
|
583
|
-
setCurrentPage(1);
|
584
|
-
_request(_objectSpread(_objectSpread({}, params), {}, _defineProperty({}, targetPageKey, 1)), undefined, undefined, true);
|
585
|
-
setShowSkeleton(true);
|
586
|
-
} else {
|
587
|
-
_request(params);
|
588
|
-
}
|
645
|
+
return _request(params);
|
589
646
|
},
|
590
647
|
request: function request(params) {
|
591
648
|
// 如果请求中还有翻页相关信息,需要自动设置到指定页
|
592
649
|
if (params === null || params === void 0 ? void 0 : params[targetPageKey]) {
|
593
650
|
setCurrentPage(params[targetPageKey]);
|
594
651
|
}
|
652
|
+
|
595
653
|
if (params === null || params === void 0 ? void 0 : params[targetPageSizeKey]) {
|
596
654
|
setPageSize(params[targetPageSizeKey]);
|
597
655
|
}
|
656
|
+
|
598
657
|
_request(params);
|
599
658
|
},
|
600
659
|
reset: function reset() {
|
601
660
|
var _actionRef$current4, _actionRef$current4$s, _dataFilterFormRef$cu;
|
602
|
-
|
603
|
-
// 清空列过滤参数
|
661
|
+
|
662
|
+
(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
|
663
|
+
|
604
664
|
(_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$s = _actionRef$current4.setFilterRules) === null || _actionRef$current4$s === void 0 ? void 0 : _actionRef$current4$s.call(_actionRef$current4, {});
|
605
665
|
(_dataFilterFormRef$cu = dataFilterFormRef.current) === null || _dataFilterFormRef$cu === void 0 ? void 0 : _dataFilterFormRef$cu.reset();
|
606
666
|
setCurrentPage(1);
|
607
|
-
|
667
|
+
|
668
|
+
_request(_defineProperty({}, targetPageKey, 1));
|
608
669
|
},
|
609
670
|
resetPage: function resetPage() {
|
610
671
|
setCurrentPage(1);
|
611
672
|
},
|
612
|
-
nextPage: function nextPage() {
|
613
|
-
var _props$paginationProp, _props$paginationProp2;
|
614
|
-
var newCurrentPage = currentPage + 1;
|
615
|
-
setCurrentPage(newCurrentPage);
|
616
|
-
props === null || props === void 0 ? void 0 : (_props$paginationProp = props.paginationProps) === null || _props$paginationProp === void 0 ? void 0 : (_props$paginationProp2 = _props$paginationProp.onChange) === null || _props$paginationProp2 === void 0 ? void 0 : _props$paginationProp2.call(_props$paginationProp, newCurrentPage, {});
|
617
|
-
if (!propsDataSource) {
|
618
|
-
_request(_defineProperty({}, targetPageKey, newCurrentPage));
|
619
|
-
}
|
620
|
-
},
|
621
673
|
rowSelection: rowSelection,
|
622
674
|
clearRowSelection: function clearRowSelection() {
|
623
675
|
rowSelectionHook.setSelectedRowKeys([]);
|
@@ -637,84 +689,35 @@ var ProTable = function ProTable(props) {
|
|
637
689
|
normalDataFilterForm: normalDataFilterForm,
|
638
690
|
fullscreenDataFilterForm: fullscreenDataFilterForm,
|
639
691
|
filterEnableRef: filterEnableRef,
|
640
|
-
setData: function setData(data) {
|
641
|
-
_setData(data);
|
642
|
-
},
|
643
692
|
resetTableMaxBodyHeight: function resetTableMaxBodyHeight(offset) {
|
644
693
|
getHeaderHeight(fullscreenState, offset);
|
645
|
-
},
|
646
|
-
switchView: function switchView(view) {
|
647
|
-
setSwitchViewState(view);
|
648
|
-
if (!propsDataSource) {
|
649
|
-
setCurrentPage(1);
|
650
|
-
}
|
651
|
-
if (view === 'table') {
|
652
|
-
setPageSize(pageSize !== null && pageSize !== void 0 ? pageSize : 20);
|
653
|
-
if (!propsDataSource) {
|
654
|
-
var _request4;
|
655
|
-
setShowSkeleton(true);
|
656
|
-
_request((_request4 = {}, _defineProperty(_request4, targetPageSizeKey, pageSize !== null && pageSize !== void 0 ? pageSize : 20), _defineProperty(_request4, targetPageKey, 1), _request4));
|
657
|
-
}
|
658
|
-
}
|
659
|
-
if (view === 'card') {
|
660
|
-
var _cardViewProps$pageSi;
|
661
|
-
setPageSize((_cardViewProps$pageSi = cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.pageSize) !== null && _cardViewProps$pageSi !== void 0 ? _cardViewProps$pageSi : 12);
|
662
|
-
if (!propsDataSource) {
|
663
|
-
var _cardViewProps$pageSi2, _request5;
|
664
|
-
setShowSkeleton(true);
|
665
|
-
_request((_request5 = {}, _defineProperty(_request5, targetPageSizeKey, (_cardViewProps$pageSi2 = cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.pageSize) !== null && _cardViewProps$pageSi2 !== void 0 ? _cardViewProps$pageSi2 : 12), _defineProperty(_request5, targetPageKey, 1), _request5));
|
666
|
-
}
|
667
|
-
}
|
668
|
-
getHeaderHeight(fullscreenState);
|
669
|
-
},
|
670
|
-
setAutoRefreshTimers: function setAutoRefreshTimers(timers) {
|
671
|
-
clearTimeout(autoRefreshTimerRef.current);
|
672
|
-
autoRefreshTimerRef.current = null;
|
673
|
-
autoRefreshTimerRef.current = setTimeout(function () {
|
674
|
-
var _actionRef$current5, _actionRef$current5$r;
|
675
|
-
(_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);
|
676
|
-
}, timers);
|
677
|
-
(0, _utils2.emit)('PRO_TABLE_REFRESH_TIMER_FLAG', timers);
|
678
|
-
},
|
679
|
-
clearAutoRefreshTimers: function clearAutoRefreshTimers() {
|
680
|
-
clearTimeout(autoRefreshTimerRef.current);
|
681
|
-
autoRefreshTimerRef.current = null;
|
682
694
|
}
|
683
|
-
});
|
684
|
-
|
695
|
+
}); // 将 Actions 绑定到传入的 propsActionRef 中
|
696
|
+
|
685
697
|
if (propsActionRef) {
|
686
698
|
propsActionRef.current = actionRef.current;
|
687
699
|
}
|
700
|
+
|
688
701
|
function onFormatResult(next) {
|
702
|
+
var _next$data;
|
703
|
+
|
689
704
|
props.onFormatResult && props.onFormatResult(next);
|
690
|
-
var time =
|
691
|
-
|
692
|
-
time = 60 * 1000;
|
693
|
-
}
|
694
|
-
if (autoRefresh && typeof autoRefresh !== 'boolean') {
|
695
|
-
time = autoRefresh ? autoRefresh(next.data) : 0;
|
696
|
-
}
|
705
|
+
var time = autoRefresh ? autoRefresh(next.data) : false;
|
706
|
+
|
697
707
|
if (Number.isInteger(time) && time >= 1000) {
|
698
708
|
autoRefreshTimerRef.current = setTimeout(function () {
|
699
709
|
// 自动刷新不显示 loading
|
700
710
|
_request({}, true);
|
701
711
|
}, Number(time));
|
702
|
-
|
703
|
-
|
704
|
-
|
705
|
-
|
706
|
-
|
707
|
-
_setData(next.data || []);
|
708
|
-
setTotal(next.total || ((_next$data = next.data) === null || _next$data === void 0 ? void 0 : _next$data.length));
|
709
|
-
}
|
710
|
-
if (switchViewState === 'card' && currentPage !== 1 && !(cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.useTablePagination)) {
|
711
|
-
var _next$data2;
|
712
|
-
_setData([].concat(_toConsumableArray(data), _toConsumableArray(next.data || [])));
|
713
|
-
setTotal(total + (next.total || ((_next$data2 = next.data) === null || _next$data2 === void 0 ? void 0 : _next$data2.length)));
|
714
|
-
}
|
712
|
+
} // 设置 dataSource、total
|
713
|
+
|
714
|
+
|
715
|
+
setData(next.data || []);
|
716
|
+
setTotal(next.total || ((_next$data = next.data) === null || _next$data === void 0 ? void 0 : _next$data.length));
|
715
717
|
setShowSkeleton(false);
|
716
|
-
}
|
717
|
-
|
718
|
+
} // 请求表格数据工具函数
|
719
|
+
|
720
|
+
|
718
721
|
var getData = (0, _utils.useRequest)(function (params) {
|
719
722
|
return _defineProperty({
|
720
723
|
url: url,
|
@@ -723,13 +726,13 @@ var ProTable = function ProTable(props) {
|
|
723
726
|
}, {
|
724
727
|
// 使用 request 方法代替 fetch
|
725
728
|
requestMethod: function requestMethod(params) {
|
726
|
-
|
727
|
-
return (0, _utils.request)(_objectSpread(_objectSpread({}, params), requestConfig));
|
729
|
+
return (0, _utils.request)(params);
|
728
730
|
},
|
729
731
|
manual: true,
|
730
732
|
onSuccess: function onSuccess(result) {
|
731
733
|
props.onSuccess && props.onSuccess(result);
|
732
734
|
var nextData = result;
|
735
|
+
|
733
736
|
if (formatResult) {
|
734
737
|
if (typeof formatResult === 'function') {
|
735
738
|
nextData = formatResult(result) || {};
|
@@ -739,12 +742,9 @@ var ProTable = function ProTable(props) {
|
|
739
742
|
data: (0, _utils.getDeepValue)(formatResult.data, result) || [],
|
740
743
|
total: isNaN(dataTotal) ? 0 : Number(dataTotal)
|
741
744
|
};
|
742
|
-
} else if (typeof formatResult === 'string') {
|
743
|
-
nextData = (0, _utils.getTargetValue)(formatResult, {
|
744
|
-
res: result
|
745
|
-
});
|
746
745
|
}
|
747
746
|
}
|
747
|
+
|
748
748
|
if (nextData instanceof Promise) {
|
749
749
|
nextData.then(function (res) {
|
750
750
|
onFormatResult(res);
|
@@ -753,67 +753,62 @@ var ProTable = function ProTable(props) {
|
|
753
753
|
});
|
754
754
|
} else {
|
755
755
|
onFormatResult(nextData);
|
756
|
-
}
|
757
|
-
|
756
|
+
} // 重新计算是否需要吸底
|
757
|
+
|
758
|
+
|
758
759
|
if (footerSuction) {
|
759
760
|
getFooterSuctionState();
|
760
761
|
}
|
762
|
+
|
761
763
|
if (fixedTableBody) {
|
762
764
|
getHeaderHeight(fullscreenState);
|
763
765
|
}
|
764
766
|
},
|
765
767
|
onError: function onError(error) {
|
766
768
|
setShowSkeleton(false);
|
769
|
+
|
767
770
|
if (props.onError) {
|
768
771
|
props.onError(error);
|
769
|
-
} else {
|
770
|
-
|
771
|
-
|
772
|
-
|
772
|
+
} else {// Message.error(error.toString());
|
773
|
+
} // 重新计算是否需要吸底
|
774
|
+
|
775
|
+
|
773
776
|
if (footerSuction) {
|
774
777
|
getFooterSuctionState();
|
775
778
|
}
|
779
|
+
|
776
780
|
if (fixedTableBody) {
|
777
781
|
getHeaderHeight(fullscreenState);
|
778
782
|
}
|
779
783
|
}
|
780
|
-
});
|
781
|
-
|
782
|
-
function _request(params, noLoading, filterParams
|
783
|
-
var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$
|
784
|
-
|
785
|
-
if (bindUrl && (bindUrlProps === null || bindUrlProps === void 0 ? void 0 : bindUrlProps.headerFilters) !== false && dataRef.current.flag) {
|
786
|
-
(0, _util.getUrlStateFilter)(urlState !== null && urlState !== void 0 ? urlState : {}, actionRef);
|
787
|
-
dataRef.current.flag = false;
|
788
|
-
}
|
784
|
+
}); // 请求函数
|
785
|
+
|
786
|
+
function _request(params, noLoading, filterParams) {
|
787
|
+
var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current5, _actionRef$current5$g, _objectSpread2;
|
788
|
+
|
789
789
|
// 如果没有传 url 且没有 customRequest,直接返回
|
790
790
|
if (!url && !customRequest) {
|
791
791
|
return;
|
792
792
|
}
|
793
|
+
|
793
794
|
var nextShowLoading = !noLoading;
|
794
|
-
nextShowLoading !== showLoading && setShowLoading(nextShowLoading);
|
795
|
-
// 请求前需要优先清空列过滤条件
|
795
|
+
nextShowLoading !== showLoading && setShowLoading(nextShowLoading); // 请求前需要优先清空列过滤条件
|
796
796
|
// actionRef.current?.setFilterRules?.({});
|
797
|
-
|
798
|
-
// 筛选区请求参数
|
799
|
-
|
800
|
-
// 列过滤请求参数
|
801
|
-
|
802
|
-
// 格式化后的请求参数
|
803
|
-
|
804
|
-
var
|
805
|
-
|
806
|
-
requestData = (0, _utils.getTargetValue)(formatParams, {
|
807
|
-
params: preParams
|
808
|
-
});
|
809
|
-
} else {
|
810
|
-
requestData = formatParams(preParams);
|
811
|
-
}
|
797
|
+
|
798
|
+
var sortParams = targetFormatSort(sort); // 筛选区请求参数
|
799
|
+
|
800
|
+
var dataFilterParams = filterParams !== null && filterParams !== void 0 ? filterParams : (_dataFilterFormRef$cu2 = dataFilterFormRef.current) === null || _dataFilterFormRef$cu2 === void 0 ? void 0 : _dataFilterFormRef$cu2.values; // 列过滤请求参数
|
801
|
+
|
802
|
+
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 : {}; // 格式化后的请求参数
|
803
|
+
|
804
|
+
var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, targetPageKey, currentPage), _defineProperty(_objectSpread2, targetPageSizeKey, pageSize), _objectSpread2), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params));
|
805
|
+
|
812
806
|
if (requestData) {
|
813
807
|
if (autoRefreshTimerRef.current) {
|
814
808
|
clearTimeout(autoRefreshTimerRef.current);
|
815
809
|
autoRefreshTimerRef.current = null;
|
816
810
|
}
|
811
|
+
|
817
812
|
if (!(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.searchUndefined)) {
|
818
813
|
Object.keys(requestData).forEach(function (key) {
|
819
814
|
if (requestData[key] === undefined) {
|
@@ -821,110 +816,112 @@ var ProTable = function ProTable(props) {
|
|
821
816
|
}
|
822
817
|
});
|
823
818
|
}
|
819
|
+
|
824
820
|
if (!(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.searchEmptyString)) {
|
825
821
|
Object.keys(requestData).forEach(function (key) {
|
826
822
|
if (requestData[key] === '') {
|
827
823
|
delete requestData[key];
|
828
824
|
}
|
829
825
|
});
|
830
|
-
}
|
831
|
-
|
826
|
+
} // 如果使用自定义请求
|
827
|
+
|
828
|
+
|
832
829
|
if (customRequest && typeof customRequest === 'function') {
|
833
|
-
|
834
|
-
setShowSkeleton(true);
|
835
|
-
} else {
|
836
|
-
setCustomTableLoading(true);
|
837
|
-
}
|
830
|
+
setCustomTableLoading(true);
|
838
831
|
customRequest(requestData).then(function (res) {
|
839
|
-
var
|
840
|
-
|
841
|
-
|
832
|
+
var data = res.data,
|
833
|
+
total = res.total,
|
834
|
+
success = res.success;
|
835
|
+
|
842
836
|
if (success === true) {
|
843
837
|
// 设置 dataSource、total
|
844
|
-
|
845
|
-
|
846
|
-
setTotal(totalRes || (dataRes === null || dataRes === void 0 ? void 0 : dataRes.length));
|
847
|
-
}
|
848
|
-
if (switchViewState === 'card' && params[targetPageKey] !== 1 && !isReset && !(cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.useTablePagination)) {
|
849
|
-
_setData([].concat(_toConsumableArray(data), _toConsumableArray(dataRes || [])));
|
850
|
-
setTotal(total + (totalRes || (dataRes === null || dataRes === void 0 ? void 0 : dataRes.length)));
|
851
|
-
}
|
838
|
+
setData(data || []);
|
839
|
+
setTotal(total || (data === null || data === void 0 ? void 0 : data.length));
|
852
840
|
setShowSkeleton(false);
|
853
841
|
setCustomTableLoading(false);
|
854
|
-
}
|
855
|
-
|
842
|
+
} // 重新计算是否需要吸底
|
843
|
+
|
844
|
+
|
856
845
|
if (footerSuction) {
|
857
846
|
getFooterSuctionState();
|
858
847
|
}
|
848
|
+
|
859
849
|
if (fixedTableBody) {
|
860
850
|
getHeaderHeight(fullscreenState);
|
861
|
-
}
|
862
|
-
|
863
|
-
|
864
|
-
|
865
|
-
|
866
|
-
}
|
867
|
-
if (autoRefresh && typeof autoRefresh !== 'boolean') {
|
868
|
-
time = autoRefresh ? autoRefresh(data) : 0;
|
869
|
-
}
|
851
|
+
} // customRequest 中支持 autoRefresh
|
852
|
+
|
853
|
+
|
854
|
+
var time = autoRefresh ? autoRefresh(data) : false;
|
855
|
+
|
870
856
|
if (Number.isInteger(time) && time >= 1000) {
|
871
857
|
autoRefreshTimerRef.current = setTimeout(function () {
|
872
858
|
// 自动刷新不显示 loading
|
873
|
-
_request(
|
859
|
+
_request(requestData, true);
|
874
860
|
}, Number(time));
|
875
|
-
(0, _utils2.emit)('PRO_TABLE_REFRESH_TIMER_FLAG', Number(time));
|
876
861
|
}
|
877
|
-
}).finally(function () {
|
878
|
-
setCustomTableLoading(false);
|
879
862
|
});
|
880
863
|
} else {
|
881
864
|
getData.run(requestData);
|
882
865
|
}
|
883
866
|
}
|
884
867
|
}
|
868
|
+
|
885
869
|
function onSort(dataIndex, order) {
|
886
870
|
var nextSort = _defineProperty({}, dataIndex, order);
|
871
|
+
|
887
872
|
setSort(nextSort);
|
873
|
+
|
888
874
|
_request(targetFormatSort(nextSort));
|
889
|
-
}
|
890
|
-
|
875
|
+
} // 处理 dataFilter 中的 onFilter、onReset
|
876
|
+
|
877
|
+
|
891
878
|
var dataFilter = _objectSpread(_objectSpread({
|
892
879
|
mode: 'inline',
|
893
880
|
forceClear: true
|
894
881
|
}, propsDataFilter), {}, {
|
895
882
|
onInit: (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onInit) || requestWhenMount ? function (values) {
|
896
883
|
var _propsDataFilter$onIn;
|
884
|
+
|
897
885
|
// 表单初始化请求处理
|
898
886
|
propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$onIn = propsDataFilter.onInit) === null || _propsDataFilter$onIn === void 0 ? void 0 : _propsDataFilter$onIn.call(propsDataFilter, values);
|
899
887
|
!fullscreenState && requestWhenMount && _request({}, false, values);
|
900
888
|
return true;
|
901
889
|
} : undefined,
|
902
890
|
onFilter: function onFilter(values) {
|
903
|
-
var _actionRef$
|
891
|
+
var _actionRef$current6, _actionRef$current6$c;
|
892
|
+
|
904
893
|
// 全屏状态,判断全屏表单onFilter是否禁用
|
905
894
|
if (fullscreenState && !filterEnableRef.current.fullscreen) {
|
906
895
|
filterEnableRef.current.fullscreen = true;
|
907
896
|
return;
|
908
|
-
}
|
909
|
-
|
897
|
+
} // 非全屏状态,判断普通表单onFiler是否禁用
|
898
|
+
|
899
|
+
|
910
900
|
if (!fullscreenState && !filterEnableRef.current.normal) {
|
911
901
|
filterEnableRef.current.normal = true;
|
912
902
|
return;
|
913
903
|
}
|
914
|
-
|
915
|
-
// 搜索变化时,暂时先清空选择
|
916
|
-
|
904
|
+
|
905
|
+
(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(values)); // 搜索变化时,暂时先清空选择
|
906
|
+
|
907
|
+
(_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);
|
917
908
|
setCurrentPage(1);
|
909
|
+
console.log('currentPageSize1', pageSize);
|
910
|
+
|
918
911
|
_request(_defineProperty({}, targetPageKey, 1), false, values);
|
919
912
|
},
|
920
913
|
onReset: function onReset(values) {
|
921
914
|
var _dataFilterFormRef$cu3;
|
915
|
+
|
922
916
|
(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset());
|
923
917
|
(_dataFilterFormRef$cu3 = dataFilterFormRef.current) === null || _dataFilterFormRef$cu3 === void 0 ? void 0 : _dataFilterFormRef$cu3.reset();
|
924
918
|
setCurrentPage(1);
|
919
|
+
console.log('currentPageSize2', pageSize);
|
920
|
+
|
925
921
|
_request(_defineProperty({}, targetPageKey, 1), false, values);
|
926
922
|
}
|
927
923
|
});
|
924
|
+
|
928
925
|
var getTableLoading = function getTableLoading() {
|
929
926
|
if (!customRequest) {
|
930
927
|
return showLoading && !showSkeleton && (getData.loading || props.loading);
|
@@ -932,14 +929,14 @@ var ProTable = function ProTable(props) {
|
|
932
929
|
return showLoading && !showSkeleton && (customTableLoading || props.loading);
|
933
930
|
}
|
934
931
|
};
|
932
|
+
|
935
933
|
var renderTable = function renderTable(isFullScreen) {
|
936
934
|
if (propsColumns) {
|
937
935
|
return /*#__PURE__*/_react.default.createElement("div", {
|
938
936
|
className: (0, _classnames.default)('teamix-pro-table-container', className, 'teamix-test-request'),
|
939
937
|
"data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
|
940
938
|
"data-teamix-test-params": (0, _utils.getTestRequestParams)(propsParams),
|
941
|
-
"data-teamix-test-data": (0, _utils.getTestRequestData)(propsColumns)
|
942
|
-
"data-teamix-spm": dataTeamixSpm
|
939
|
+
"data-teamix-test-data": (0, _utils.getTestRequestData)(propsColumns)
|
943
940
|
}, /*#__PURE__*/_react.default.createElement(_Layout.default, {
|
944
941
|
header: header,
|
945
942
|
mainAction: mainAction,
|
@@ -951,20 +948,11 @@ var ProTable = function ProTable(props) {
|
|
951
948
|
afterDataFilter: afterDataFilter,
|
952
949
|
dataFilterFormRef: isFullScreen ? fullscreenDataFilterFormRef : normalDataFilterFormRef,
|
953
950
|
rowSelection: rowSelection,
|
954
|
-
filterColumnType: filterColumnType
|
955
|
-
|
956
|
-
toolBarAutoWidth: toolBarAutoWidth,
|
957
|
-
dataTeamixSpm: dataTeamixSpm,
|
958
|
-
switchCardView: switchCardView,
|
959
|
-
defaultView: defaultView,
|
960
|
-
autoRefresh: autoRefresh,
|
961
|
-
autoRefreshProps: autoRefreshProps,
|
962
|
-
bindUrlProps: bindUrlProps,
|
963
|
-
bindUrl: bindUrl
|
964
|
-
}), switchViewState === 'table' && /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, _objectSpread({
|
951
|
+
filterColumnType: filterColumnType
|
952
|
+
}), /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, _objectSpread({
|
965
953
|
hasBorder: false,
|
966
954
|
dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
|
967
|
-
columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context
|
955
|
+
columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context),
|
968
956
|
loading: getTableLoading(),
|
969
957
|
className: (0, _classnames.default)('teamix-pro-table', tableClassName, {
|
970
958
|
'with-row-select': rowSelection,
|
@@ -976,21 +964,11 @@ var ProTable = function ProTable(props) {
|
|
976
964
|
sort: sort,
|
977
965
|
primaryKey: primaryKey,
|
978
966
|
rowSelection: rowSelection,
|
979
|
-
emptyContent: /*#__PURE__*/_react.default.createElement(
|
967
|
+
emptyContent: /*#__PURE__*/_react.default.createElement(_EmptyContent.default, null),
|
980
968
|
sortIcons: (0, _getTableSortIcons.default)(),
|
981
969
|
fixedHeader: fullscreenState || fixedTableBody,
|
982
970
|
maxBodyHeight: "calc(100vh - ".concat(headerHeight, "px)")
|
983
|
-
}, (0, _utils.pickProps)((0, _getTableProps.default)(), otherProps)))
|
984
|
-
dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
|
985
|
-
showSkeleton: showSkeleton,
|
986
|
-
loading: getTableLoading(),
|
987
|
-
originColumns: propsColumns,
|
988
|
-
cardViewProps: cardViewProps,
|
989
|
-
scrollHeight: fullscreenState || fixedTableBody ? "calc(100vh - ".concat(headerHeight, "px)") : undefined,
|
990
|
-
actionRef: actionRef,
|
991
|
-
context: context,
|
992
|
-
columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context)
|
993
|
-
}));
|
971
|
+
}, (0, _utils.pickProps)((0, _getTableProps.default)(), otherProps))));
|
994
972
|
} else {
|
995
973
|
// 不传 columns 直接返回原始 Table
|
996
974
|
return /*#__PURE__*/_react.default.createElement(_components.Table, _objectSpread({
|
@@ -998,53 +976,67 @@ var ProTable = function ProTable(props) {
|
|
998
976
|
}, (0, _utils.pickProps)((0, _getTableProps.default)(), otherProps)));
|
999
977
|
}
|
1000
978
|
};
|
979
|
+
|
1001
980
|
var renderFooterAction = function renderFooterAction() {
|
1002
981
|
var _footerAction$actions;
|
982
|
+
|
1003
983
|
if (_typeof(footerAction) === 'object' && (footerAction === null || footerAction === void 0 ? void 0 : (_footerAction$actions = footerAction.actions) === null || _footerAction$actions === void 0 ? void 0 : _footerAction$actions.length) >= 0) {
|
1004
984
|
// 默认 context
|
1005
985
|
var defaultContext = {
|
1006
986
|
action: actionRef.current,
|
1007
987
|
rowSelection: rowSelection
|
1008
|
-
};
|
1009
|
-
|
988
|
+
}; // 未选择的时候所有 button 默认 disabled
|
989
|
+
|
1010
990
|
var targetActions = footerAction.actions.map(function (action) {
|
1011
991
|
return _objectSpread(_objectSpread({}, action), {}, {
|
1012
992
|
disabled: (action === null || action === void 0 ? void 0 : action.disabled) || selectedCount === 0
|
1013
993
|
});
|
1014
994
|
});
|
995
|
+
|
1015
996
|
var targetFooterActions = _objectSpread(_objectSpread({}, footerAction), {}, {
|
1016
997
|
actions: targetActions
|
1017
998
|
});
|
999
|
+
|
1018
1000
|
return /*#__PURE__*/_react.default.createElement("div", {
|
1019
1001
|
className: cls('footer-action')
|
1020
1002
|
}, /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({}, targetFooterActions), {}, {
|
1021
|
-
context: _objectSpread(_objectSpread({}, defaultContext), targetFooterActions === null || targetFooterActions === void 0 ? void 0 : targetFooterActions.context)
|
1022
|
-
"data-teamix-spm": dataTeamixSpm ? "".concat(dataTeamixSpm, "-footerAction") : undefined
|
1003
|
+
context: _objectSpread(_objectSpread({}, defaultContext), targetFooterActions === null || targetFooterActions === void 0 ? void 0 : targetFooterActions.context)
|
1023
1004
|
})));
|
1024
1005
|
} else return footerAction;
|
1025
1006
|
};
|
1007
|
+
|
1026
1008
|
var renderFooter = function renderFooter() {
|
1027
1009
|
function onChangePagination(currentPage) {
|
1028
1010
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
1011
|
+
|
1029
1012
|
// 翻页默认清空选择
|
1030
1013
|
if (!reserveSelectedRecords) {
|
1031
|
-
var _actionRef$
|
1032
|
-
|
1014
|
+
var _actionRef$current7, _actionRef$current7$c;
|
1015
|
+
|
1016
|
+
(_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);
|
1033
1017
|
}
|
1018
|
+
|
1034
1019
|
setCurrentPage(currentPage);
|
1020
|
+
|
1035
1021
|
_request(_objectSpread(_defineProperty({}, targetPageKey, currentPage), params));
|
1036
1022
|
}
|
1023
|
+
|
1037
1024
|
function onChangePaginationSize(currentPageSize) {
|
1038
|
-
var
|
1025
|
+
var _request5;
|
1026
|
+
|
1039
1027
|
// 翻页默认清空选择
|
1040
1028
|
if (!reserveSelectedRecords) {
|
1041
|
-
var _actionRef$
|
1042
|
-
|
1029
|
+
var _actionRef$current8, _actionRef$current8$c;
|
1030
|
+
|
1031
|
+
(_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);
|
1043
1032
|
}
|
1033
|
+
|
1044
1034
|
setPageSize(currentPageSize);
|
1045
1035
|
setCurrentPage(1);
|
1046
|
-
|
1036
|
+
|
1037
|
+
_request((_request5 = {}, _defineProperty(_request5, targetPageSizeKey, currentPageSize), _defineProperty(_request5, targetPageKey, 1), _request5));
|
1047
1038
|
}
|
1039
|
+
|
1048
1040
|
function renderRowSelection() {
|
1049
1041
|
if (rowSelection) {
|
1050
1042
|
if (showSkeleton) {
|
@@ -1054,13 +1046,13 @@ var ProTable = function ProTable(props) {
|
|
1054
1046
|
} else {
|
1055
1047
|
return /*#__PURE__*/_react.default.createElement("div", {
|
1056
1048
|
className: cls('footer-left-wrapper')
|
1057
|
-
},
|
1049
|
+
}, rowSelection.mode !== 'single' && /*#__PURE__*/_react.default.createElement(_components.Checkbox, _objectSpread({
|
1058
1050
|
className: cls("footer-checkbox-".concat(size))
|
1059
1051
|
}, getCheckAllProps())), footerAction && renderFooterAction(), /*#__PURE__*/_react.default.createElement("span", {
|
1060
1052
|
className: cls('selected-msg')
|
1061
1053
|
}, (0, _utils.getMessage)('selected', {
|
1062
1054
|
count: selectedCount
|
1063
|
-
})))
|
1055
|
+
})));
|
1064
1056
|
}
|
1065
1057
|
} else if (footerAction) {
|
1066
1058
|
if (showSkeleton) {
|
@@ -1074,11 +1066,8 @@ var ProTable = function ProTable(props) {
|
|
1074
1066
|
}
|
1075
1067
|
}
|
1076
1068
|
}
|
1077
|
-
|
1078
|
-
|
1079
|
-
var _ref8 = (_props$paginationProp3 = props === null || props === void 0 ? void 0 : props.paginationProps) !== null && _props$paginationProp3 !== void 0 ? _props$paginationProp3 : {},
|
1080
|
-
onPaginationPropsChange = _ref8.onChange,
|
1081
|
-
othersPaginationProps = _objectWithoutProperties(_ref8, _excluded2);
|
1069
|
+
|
1070
|
+
if (showPagination) {
|
1082
1071
|
return /*#__PURE__*/_react.default.createElement("div", {
|
1083
1072
|
className: cls('footer', {
|
1084
1073
|
'footer-has-rowSelection': rowSelection,
|
@@ -1088,9 +1077,8 @@ var ProTable = function ProTable(props) {
|
|
1088
1077
|
className: cls('footer-right-wrapper')
|
1089
1078
|
}, showSkeleton ? /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Footer.Pagination, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.length > 0 && /*#__PURE__*/_react.default.createElement(_Pagination.default, _objectSpread({
|
1090
1079
|
className: cls('pagination'),
|
1091
|
-
onChange: function onChange(number
|
1092
|
-
onChangePagination(number);
|
1093
|
-
onPaginationPropsChange === null || onPaginationPropsChange === void 0 ? void 0 : onPaginationPropsChange(number, e);
|
1080
|
+
onChange: function onChange(number) {
|
1081
|
+
return onChangePagination(number);
|
1094
1082
|
},
|
1095
1083
|
total: total,
|
1096
1084
|
responsivePaginationType: responsivePaginationType,
|
@@ -1109,8 +1097,8 @@ var ProTable = function ProTable(props) {
|
|
1109
1097
|
onPageSizeChange: function onPageSizeChange(number) {
|
1110
1098
|
return onChangePaginationSize(number);
|
1111
1099
|
}
|
1112
|
-
},
|
1113
|
-
} else if (!showPagination
|
1100
|
+
}, props.paginationProps)))));
|
1101
|
+
} else if (!showPagination) {
|
1114
1102
|
return /*#__PURE__*/_react.default.createElement("div", {
|
1115
1103
|
className: cls('footer', {
|
1116
1104
|
'footer-has-rowSelection': rowSelection
|
@@ -1119,18 +1107,20 @@ var ProTable = function ProTable(props) {
|
|
1119
1107
|
className: cls('footer-right-wrapper')
|
1120
1108
|
}, showSkeleton ? /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Footer.Pagination, null) : footer));
|
1121
1109
|
}
|
1122
|
-
};
|
1123
|
-
|
1110
|
+
}; // 判断是否需要吸底
|
1111
|
+
|
1112
|
+
|
1124
1113
|
var fixFooterState = (0, _react.useMemo)(function () {
|
1125
1114
|
if (fullscreenState) {
|
1126
|
-
// TODO XXX
|
1127
1115
|
return false;
|
1128
1116
|
}
|
1117
|
+
|
1129
1118
|
if (fixedTableBody || footerSuction) {
|
1130
1119
|
if (footerSuctionState) {
|
1131
1120
|
return true;
|
1132
1121
|
}
|
1133
1122
|
}
|
1123
|
+
|
1134
1124
|
return false;
|
1135
1125
|
}, [fullscreenState, fixedTableBody, footerSuction, footerSuctionState]);
|
1136
1126
|
return /*#__PURE__*/_react.default.createElement(_Fullscreen.default, {
|
@@ -1140,12 +1130,13 @@ var ProTable = function ProTable(props) {
|
|
1140
1130
|
return /*#__PURE__*/_react.default.createElement("div", {
|
1141
1131
|
className: cls({
|
1142
1132
|
'': true,
|
1143
|
-
fullscreen:
|
1144
|
-
|
1133
|
+
fullscreen: fullscreenState // 'footer-suction': footerSuctionState && footerSuction,
|
1134
|
+
|
1145
1135
|
}),
|
1146
1136
|
ref: tableRef
|
1147
1137
|
}, renderTable(isFullScreen), fixFooterState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
|
1148
1138
|
});
|
1149
1139
|
};
|
1140
|
+
|
1150
1141
|
var _default = ProTable;
|
1151
1142
|
exports.default = _default;
|