@hi-ui/table 4.0.0-alpha.21 → 4.0.0-alpha.25
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/README.md +8 -7
- package/lib/cjs/BaseTable.js +99 -103
- package/lib/cjs/BaseTable.js.map +1 -1
- package/lib/cjs/Table.js +36 -25
- package/lib/cjs/Table.js.map +1 -1
- package/lib/cjs/TableAdvancedFilter.js +0 -2
- package/lib/cjs/TableAdvancedFilter.js.map +1 -1
- package/lib/cjs/TableBody.js +75 -50
- package/lib/cjs/TableBody.js.map +1 -1
- package/lib/cjs/TableCell.js +43 -49
- package/lib/cjs/TableCell.js.map +1 -1
- package/lib/cjs/TableColumnMenu.js +38 -40
- package/lib/cjs/TableColumnMenu.js.map +1 -1
- package/lib/cjs/TableEmbedRow.js +81 -0
- package/lib/cjs/TableEmbedRow.js.map +1 -0
- package/lib/cjs/TableHeader.js +3 -3
- package/lib/cjs/TableHeader.js.map +1 -1
- package/lib/cjs/TableRow.js +30 -62
- package/lib/cjs/TableRow.js.map +1 -1
- package/lib/cjs/TableSettingMenu.js +3 -7
- package/lib/cjs/TableSettingMenu.js.map +1 -1
- package/lib/cjs/context.js.map +1 -1
- package/lib/cjs/hooks/use-async-switch.js +6 -28
- package/lib/cjs/hooks/use-async-switch.js.map +1 -1
- package/lib/cjs/hooks/use-check.js +4 -2
- package/lib/cjs/hooks/use-check.js.map +1 -1
- package/lib/cjs/hooks/use-col-width.js +33 -35
- package/lib/cjs/hooks/use-col-width.js.map +1 -1
- package/lib/cjs/hooks/use-colgroup.js +12 -33
- package/lib/cjs/hooks/use-colgroup.js.map +1 -1
- package/lib/cjs/hooks/use-drag-sorter/lib/esm/index.js +0 -1
- package/lib/cjs/hooks/use-drag-sorter/lib/esm/index.js.map +1 -1
- package/lib/cjs/hooks/use-embed-expand.js +185 -0
- package/lib/cjs/hooks/use-embed-expand.js.map +1 -0
- package/lib/cjs/index.js +1 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/types.js.map +1 -1
- package/lib/cjs/use-table.js +162 -132
- package/lib/cjs/use-table.js.map +1 -1
- package/lib/cjs/utils/index.js +109 -24
- package/lib/cjs/utils/index.js.map +1 -1
- package/lib/esm/BaseTable.js +97 -102
- package/lib/esm/BaseTable.js.map +1 -1
- package/lib/esm/Table.js +37 -28
- package/lib/esm/Table.js.map +1 -1
- package/lib/esm/TableAdvancedFilter.js +0 -2
- package/lib/esm/TableAdvancedFilter.js.map +1 -1
- package/lib/esm/TableBody.js +71 -48
- package/lib/esm/TableBody.js.map +1 -1
- package/lib/esm/TableCell.js +41 -47
- package/lib/esm/TableCell.js.map +1 -1
- package/lib/esm/TableColumnMenu.js +38 -39
- package/lib/esm/TableColumnMenu.js.map +1 -1
- package/lib/esm/TableEmbedRow.js +59 -0
- package/lib/esm/TableEmbedRow.js.map +1 -0
- package/lib/esm/TableHeader.js +3 -3
- package/lib/esm/TableHeader.js.map +1 -1
- package/lib/esm/TableRow.js +28 -62
- package/lib/esm/TableRow.js.map +1 -1
- package/lib/esm/TableSettingMenu.js +3 -7
- package/lib/esm/TableSettingMenu.js.map +1 -1
- package/lib/esm/context.js.map +1 -1
- package/lib/esm/hooks/use-async-switch.js +6 -29
- package/lib/esm/hooks/use-async-switch.js.map +1 -1
- package/lib/esm/hooks/use-check.js +4 -2
- package/lib/esm/hooks/use-check.js.map +1 -1
- package/lib/esm/hooks/use-col-width.js +34 -36
- package/lib/esm/hooks/use-col-width.js.map +1 -1
- package/lib/esm/hooks/use-colgroup.js +12 -33
- package/lib/esm/hooks/use-colgroup.js.map +1 -1
- package/lib/esm/hooks/use-drag-sorter/lib/esm/index.js +0 -1
- package/lib/esm/hooks/use-drag-sorter/lib/esm/index.js.map +1 -1
- package/lib/esm/hooks/use-embed-expand.js +160 -0
- package/lib/esm/hooks/use-embed-expand.js.map +1 -0
- package/lib/esm/index.js +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/esm/types.js.map +1 -1
- package/lib/esm/use-table.js +164 -135
- package/lib/esm/use-table.js.map +1 -1
- package/lib/esm/utils/index.js +106 -24
- package/lib/esm/utils/index.js.map +1 -1
- package/lib/types/BaseTable.d.ts +24 -2
- package/lib/types/Table.d.ts +12 -6
- package/lib/types/TableCell.d.ts +36 -23
- package/lib/types/TableColumnMenu.d.ts +18 -7
- package/lib/types/TableEmbedRow.d.ts +26 -0
- package/lib/types/TableRow.d.ts +15 -9
- package/lib/types/TableSettingMenu.d.ts +1 -2
- package/lib/types/context.d.ts +83 -23
- package/lib/types/hooks/use-check.d.ts +2 -1
- package/lib/types/hooks/use-col-width.d.ts +4 -7
- package/lib/types/hooks/use-embed-expand.d.ts +39 -0
- package/lib/types/hooks/use-pagination.d.ts +1 -2
- package/lib/types/types.d.ts +17 -23
- package/lib/types/use-table.d.ts +66 -48
- package/lib/types/utils/index.d.ts +10 -4
- package/package.json +21 -20
- package/lib/cjs/TableExpandedRow.js +0 -109
- package/lib/cjs/TableExpandedRow.js.map +0 -1
- package/lib/esm/TableExpandedRow.js +0 -86
- package/lib/esm/TableExpandedRow.js.map +0 -1
- package/lib/types/TableExpandedRow.d.ts +0 -28
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/table",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.25",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
|
@@ -43,30 +43,31 @@
|
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@hi-ui/button": "^4.0.0-alpha.
|
|
47
|
-
"@hi-ui/checkbox": "^4.0.0-alpha.
|
|
46
|
+
"@hi-ui/button": "^4.0.0-alpha.23",
|
|
47
|
+
"@hi-ui/checkbox": "^4.0.0-alpha.29",
|
|
48
48
|
"@hi-ui/classname": "^4.0.0-alpha.3",
|
|
49
49
|
"@hi-ui/core-css": "^4.0.0-alpha.13",
|
|
50
|
-
"@hi-ui/dom-utils": "^4.0.0-alpha.
|
|
51
|
-
"@hi-ui/drawer": "^4.0.0-alpha.
|
|
50
|
+
"@hi-ui/dom-utils": "^4.0.0-alpha.7",
|
|
51
|
+
"@hi-ui/drawer": "^4.0.0-alpha.22",
|
|
52
52
|
"@hi-ui/empty-state": "^4.0.0-alpha.18",
|
|
53
53
|
"@hi-ui/env": "^4.0.0-alpha.5",
|
|
54
|
-
"@hi-ui/icon-button": "^4.0.0-alpha.
|
|
55
|
-
"@hi-ui/icons": "^4.0.0-alpha.
|
|
56
|
-
"@hi-ui/loading": "^4.0.0-alpha.
|
|
57
|
-
"@hi-ui/pagination": "^4.0.0-alpha.
|
|
58
|
-
"@hi-ui/popper": "^4.0.0-alpha.
|
|
59
|
-
"@hi-ui/react-utils": "^4.0.0-alpha.
|
|
60
|
-
"@hi-ui/select": "^4.0.0-alpha.
|
|
54
|
+
"@hi-ui/icon-button": "^4.0.0-alpha.15",
|
|
55
|
+
"@hi-ui/icons": "^4.0.0-alpha.27",
|
|
56
|
+
"@hi-ui/loading": "^4.0.0-alpha.21",
|
|
57
|
+
"@hi-ui/pagination": "^4.0.0-alpha.29",
|
|
58
|
+
"@hi-ui/popper": "^4.0.0-alpha.23",
|
|
59
|
+
"@hi-ui/react-utils": "^4.0.0-alpha.7",
|
|
60
|
+
"@hi-ui/select": "^4.0.0-alpha.28",
|
|
61
61
|
"@hi-ui/times": "^4.0.0-alpha.4",
|
|
62
|
-
"@hi-ui/tree-utils": "^4.0.0-alpha.
|
|
62
|
+
"@hi-ui/tree-utils": "^4.0.0-alpha.12",
|
|
63
63
|
"@hi-ui/type-assertion": "^4.0.0-alpha.13",
|
|
64
|
-
"@hi-ui/use-cache": "^4.0.0-alpha.
|
|
65
|
-
"@hi-ui/use-check": "^4.0.0-alpha.
|
|
66
|
-
"@hi-ui/use-
|
|
67
|
-
"@hi-ui/use-
|
|
68
|
-
"@hi-ui/use-
|
|
69
|
-
"@hi-ui/use-
|
|
64
|
+
"@hi-ui/use-cache": "^4.0.0-alpha.3",
|
|
65
|
+
"@hi-ui/use-check": "^4.0.0-alpha.19",
|
|
66
|
+
"@hi-ui/use-check-state": "^4.0.0-alpha.1",
|
|
67
|
+
"@hi-ui/use-latest": "^4.0.0-alpha.5",
|
|
68
|
+
"@hi-ui/use-toggle": "^4.0.0-alpha.11",
|
|
69
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.13",
|
|
70
|
+
"@hi-ui/use-update-effect": "^4.0.0-alpha.3",
|
|
70
71
|
"axios": "^0.24.0",
|
|
71
72
|
"react-resizable": "^3.0.4"
|
|
72
73
|
},
|
|
@@ -80,5 +81,5 @@
|
|
|
80
81
|
"react": "^17.0.1",
|
|
81
82
|
"react-dom": "^17.0.1"
|
|
82
83
|
},
|
|
83
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "b119431875b59cada96bfd44ef28a1bbba85c56f"
|
|
84
85
|
}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
/** @LICENSE
|
|
2
|
-
* @hi-ui/table
|
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/
|
|
10
|
-
'use strict';
|
|
11
|
-
|
|
12
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
-
|
|
14
|
-
Object.defineProperty(exports, '__esModule', {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
var React = require('react');
|
|
19
|
-
|
|
20
|
-
var classname = require('@hi-ui/classname');
|
|
21
|
-
|
|
22
|
-
var env = require('@hi-ui/env');
|
|
23
|
-
|
|
24
|
-
var context = require('./context.js');
|
|
25
|
-
|
|
26
|
-
var Loading = require('@hi-ui/loading');
|
|
27
|
-
|
|
28
|
-
var useLatest = require('@hi-ui/use-latest');
|
|
29
|
-
|
|
30
|
-
function _interopDefaultLegacy(e) {
|
|
31
|
-
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
32
|
-
'default': e
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
37
|
-
|
|
38
|
-
var Loading__default = /*#__PURE__*/_interopDefaultLegacy(Loading);
|
|
39
|
-
|
|
40
|
-
var _prefix = classname.getPrefixCls('table-expanded-row');
|
|
41
|
-
/**
|
|
42
|
-
* TODO: What is TableExpandedRow
|
|
43
|
-
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var TableExpandedRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
47
|
-
var _ref$prefixCls = _ref.prefixCls,
|
|
48
|
-
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
|
|
49
|
-
rowSelection = _ref.rowSelection,
|
|
50
|
-
columns = _ref.columns,
|
|
51
|
-
rowData = _ref.rowData,
|
|
52
|
-
rowIndex = _ref.rowIndex,
|
|
53
|
-
expandedRender = _ref.expandedRender; // @ts-ignore
|
|
54
|
-
|
|
55
|
-
var _useTableContext = context.useTableContext(),
|
|
56
|
-
isExpandEmbedRows = _useTableContext.isExpandEmbedRows;
|
|
57
|
-
|
|
58
|
-
var _React$useState = React__default['default'].useState(null),
|
|
59
|
-
expandedRow = _React$useState[0],
|
|
60
|
-
setExpandedRow = _React$useState[1];
|
|
61
|
-
|
|
62
|
-
var _React$useState2 = React__default['default'].useState(false),
|
|
63
|
-
loading = _React$useState2[0],
|
|
64
|
-
setLoading = _React$useState2[1];
|
|
65
|
-
|
|
66
|
-
var rowDataLatestRef = useLatest.useLatestRef(rowData); // @ts-ignore
|
|
67
|
-
|
|
68
|
-
var expanded = isExpandEmbedRows(rowData.id);
|
|
69
|
-
React.useEffect(function () {
|
|
70
|
-
if (!expanded) return;
|
|
71
|
-
var rowData = rowDataLatestRef.current;
|
|
72
|
-
var embedContentMaybePromise = expandedRender(rowData, rowIndex);
|
|
73
|
-
|
|
74
|
-
if (embedContentMaybePromise.toString() === '[object Promise]') {
|
|
75
|
-
setLoading(true);
|
|
76
|
-
embedContentMaybePromise.then(function (jsxElement) {
|
|
77
|
-
setLoading(false);
|
|
78
|
-
setExpandedRow(jsxElement);
|
|
79
|
-
})["catch"](function (err) {
|
|
80
|
-
setLoading(false);
|
|
81
|
-
setExpandedRow(err);
|
|
82
|
-
});
|
|
83
|
-
} else {
|
|
84
|
-
// 同步 onChange 存在闭包问题,当前是有请求然后展开,无法受控
|
|
85
|
-
// 对于这个功能,需要使用 defaultExpandAllEmbed
|
|
86
|
-
requestAnimationFrame(function () {
|
|
87
|
-
setExpandedRow(embedContentMaybePromise);
|
|
88
|
-
});
|
|
89
|
-
} // Exclude for `onExpandEmbedRowsChange`
|
|
90
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
91
|
-
|
|
92
|
-
}, [rowIndex, expandedRender, rowDataLatestRef, expanded]); // 可展开的内嵌面板
|
|
93
|
-
|
|
94
|
-
return expanded ? /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
95
|
-
key: "expanded-row",
|
|
96
|
-
className: prefixCls + "--expanded"
|
|
97
|
-
}, rowSelection ? /*#__PURE__*/React__default['default'].createElement("td", null) : null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
98
|
-
colSpan: columns.length
|
|
99
|
-
}, expandedRow, loading ? /*#__PURE__*/React__default['default'].createElement(Loading__default['default'], {
|
|
100
|
-
size: "sm"
|
|
101
|
-
}) : null)) : null;
|
|
102
|
-
});
|
|
103
|
-
|
|
104
|
-
if (env.__DEV__) {
|
|
105
|
-
TableExpandedRow.displayName = 'TableExpandedRow';
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
exports.TableExpandedRow = TableExpandedRow;
|
|
109
|
-
//# sourceMappingURL=TableExpandedRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableExpandedRow.js","sources":["../../src/TableExpandedRow.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableExpandedRow","forwardRef","ref","prefixCls","rowSelection","columns","rowData","rowIndex","expandedRender","useTableContext","isExpandEmbedRows","React","useState","expandedRow","setExpandedRow","loading","setLoading","rowDataLatestRef","useLatestRef","expanded","id","useEffect","current","embedContentMaybePromise","toString","then","jsxElement","err","requestAnimationFrame","key","className","colSpan","length","Loading","size","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,OAAO,GAAGC,sBAAAA,CAAa,oBAAbA,CAAhB;AAEA;;;;;IAGaC,gBAAgB,gBAAGC,gBAAAA,CAC9B,cAAA,EAAoFC,GAApF;4BAAGC;MAAAA,wCAAYL;MAASM,oBAAAA;MAAcC,eAAAA;MAASC,eAAAA;MAASC,gBAAAA;MAAUC,sBAAAA;;yBAElCC,uBAAAA;MAAtBC,iBAAR,oBAAQA;;wBAE8BC,yBAAAA,CAAMC,QAAND,CAAe,IAAfA;MAA/BE,WAAP;MAAoBC,cAApB;;yBAC8BH,yBAAAA,CAAMC,QAAND,CAAe,KAAfA;MAAvBI,OAAP;MAAgBC,UAAhB;;MAEMC,gBAAgB,GAAGC,sBAAAA,CAAaZ,OAAbY;;MAEnBC,QAAQ,GAAGT,iBAAiB,CAACJ,OAAO,CAACc,EAAT;AAElCC,EAAAA,eAAAA,CAAU;QACJ,CAACF,UAAU;QAETb,OAAO,GAAGW,gBAAgB,CAACK;QAC3BC,wBAAwB,GAAGf,cAAc,CAACF,OAAD,EAAUC,QAAV;;QAE3CgB,wBAAwB,CAACC,QAAzBD,OAAwC,oBAAoB;AAC9DP,MAAAA,UAAU,CAAC,IAAD,CAAVA;AACAO,MAAAA,wBAAwB,CACrBE,IADHF,CACQ,UAACG,UAAD;AACJV,QAAAA,UAAU,CAAC,KAAD,CAAVA;AACAF,QAAAA,cAAc,CAACY,UAAD,CAAdZ;AAHJ,OAAAS,WAKS,UAACI,GAAD;AACLX,QAAAA,UAAU,CAAC,KAAD,CAAVA;AAEAF,QAAAA,cAAc,CAACa,GAAD,CAAdb;AARJ,OAAAS;AAFF,WAYO;;;AAGLK,MAAAA,qBAAqB,CAAC;AACpBd,QAAAA,cAAc,CAACS,wBAAD,CAAdT;AADmB,OAAA,CAArBc;;;;AArBK,GAATP,EA2BG,CAACd,QAAD,EAAWC,cAAX,EAA2BS,gBAA3B,EAA6CE,QAA7C,CA3BHE;;SA8BOF,QAAQ,gBACbR,yBAAAA,cAAAA,KAAAA;AAAIkB,IAAAA,GAAG,EAAC;AAAeC,IAAAA,SAAS,EAAK3B,SAAL;GAAhCQ,EAEGP,YAAY,gBAAGO,yBAAAA,cAAAA,KAAAA,MAAAA,CAAH,GAAY,IAF3BA,eAIEA,yBAAAA,cAAAA,KAAAA;AAAIoB,IAAAA,OAAO,EAAE1B,OAAO,CAAC2B;GAArBrB,EACGE,WADHF,EAEGI,OAAO,gBAAGJ,yBAAAA,cAAAA,CAACsB,2BAADtB;AAASuB,IAAAA,IAAI,EAAC;GAAdvB,CAAH,GAA2B,IAFrCA,CAJFA,CADa,GAUX;AApDkC,CAAVV;;AAgFhC,IAAIkC,WAAJ,EAAa;AACXnC,EAAAA,gBAAgB,CAACoC,WAAjBpC,GAA+B,kBAA/BA;;;"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/** @LICENSE
|
|
2
|
-
* @hi-ui/table
|
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/
|
|
10
|
-
import React, { forwardRef, useEffect } from 'react';
|
|
11
|
-
import { getPrefixCls } from '@hi-ui/classname';
|
|
12
|
-
import { __DEV__ } from '@hi-ui/env';
|
|
13
|
-
import { useTableContext } from './context.js';
|
|
14
|
-
import Loading from '@hi-ui/loading';
|
|
15
|
-
import { useLatestRef } from '@hi-ui/use-latest';
|
|
16
|
-
|
|
17
|
-
var _prefix = getPrefixCls('table-expanded-row');
|
|
18
|
-
/**
|
|
19
|
-
* TODO: What is TableExpandedRow
|
|
20
|
-
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var TableExpandedRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
24
|
-
var _ref$prefixCls = _ref.prefixCls,
|
|
25
|
-
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
|
|
26
|
-
rowSelection = _ref.rowSelection,
|
|
27
|
-
columns = _ref.columns,
|
|
28
|
-
rowData = _ref.rowData,
|
|
29
|
-
rowIndex = _ref.rowIndex,
|
|
30
|
-
expandedRender = _ref.expandedRender; // @ts-ignore
|
|
31
|
-
|
|
32
|
-
var _useTableContext = useTableContext(),
|
|
33
|
-
isExpandEmbedRows = _useTableContext.isExpandEmbedRows;
|
|
34
|
-
|
|
35
|
-
var _React$useState = React.useState(null),
|
|
36
|
-
expandedRow = _React$useState[0],
|
|
37
|
-
setExpandedRow = _React$useState[1];
|
|
38
|
-
|
|
39
|
-
var _React$useState2 = React.useState(false),
|
|
40
|
-
loading = _React$useState2[0],
|
|
41
|
-
setLoading = _React$useState2[1];
|
|
42
|
-
|
|
43
|
-
var rowDataLatestRef = useLatestRef(rowData); // @ts-ignore
|
|
44
|
-
|
|
45
|
-
var expanded = isExpandEmbedRows(rowData.id);
|
|
46
|
-
useEffect(function () {
|
|
47
|
-
if (!expanded) return;
|
|
48
|
-
var rowData = rowDataLatestRef.current;
|
|
49
|
-
var embedContentMaybePromise = expandedRender(rowData, rowIndex);
|
|
50
|
-
|
|
51
|
-
if (embedContentMaybePromise.toString() === '[object Promise]') {
|
|
52
|
-
setLoading(true);
|
|
53
|
-
embedContentMaybePromise.then(function (jsxElement) {
|
|
54
|
-
setLoading(false);
|
|
55
|
-
setExpandedRow(jsxElement);
|
|
56
|
-
})["catch"](function (err) {
|
|
57
|
-
setLoading(false);
|
|
58
|
-
setExpandedRow(err);
|
|
59
|
-
});
|
|
60
|
-
} else {
|
|
61
|
-
// 同步 onChange 存在闭包问题,当前是有请求然后展开,无法受控
|
|
62
|
-
// 对于这个功能,需要使用 defaultExpandAllEmbed
|
|
63
|
-
requestAnimationFrame(function () {
|
|
64
|
-
setExpandedRow(embedContentMaybePromise);
|
|
65
|
-
});
|
|
66
|
-
} // Exclude for `onExpandEmbedRowsChange`
|
|
67
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
68
|
-
|
|
69
|
-
}, [rowIndex, expandedRender, rowDataLatestRef, expanded]); // 可展开的内嵌面板
|
|
70
|
-
|
|
71
|
-
return expanded ? /*#__PURE__*/React.createElement("tr", {
|
|
72
|
-
key: "expanded-row",
|
|
73
|
-
className: prefixCls + "--expanded"
|
|
74
|
-
}, rowSelection ? /*#__PURE__*/React.createElement("td", null) : null, /*#__PURE__*/React.createElement("td", {
|
|
75
|
-
colSpan: columns.length
|
|
76
|
-
}, expandedRow, loading ? /*#__PURE__*/React.createElement(Loading, {
|
|
77
|
-
size: "sm"
|
|
78
|
-
}) : null)) : null;
|
|
79
|
-
});
|
|
80
|
-
|
|
81
|
-
if (__DEV__) {
|
|
82
|
-
TableExpandedRow.displayName = 'TableExpandedRow';
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
export { TableExpandedRow };
|
|
86
|
-
//# sourceMappingURL=TableExpandedRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableExpandedRow.js","sources":["../../src/TableExpandedRow.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableExpandedRow","forwardRef","ref","prefixCls","rowSelection","columns","rowData","rowIndex","expandedRender","useTableContext","isExpandEmbedRows","React","useState","expandedRow","setExpandedRow","loading","setLoading","rowDataLatestRef","useLatestRef","expanded","id","useEffect","current","embedContentMaybePromise","toString","then","jsxElement","err","requestAnimationFrame","key","className","colSpan","length","Loading","size","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAMA,OAAO,GAAGC,YAAY,CAAC,oBAAD,CAA5B;AAEA;;;;;IAGaC,gBAAgB,gBAAGC,UAAU,CACxC,cAAA,EAAoFC,GAApF;4BAAGC;MAAAA,wCAAYL;MAASM,oBAAAA;MAAcC,eAAAA;MAASC,eAAAA;MAASC,gBAAAA;MAAUC,sBAAAA;;yBAElCC,eAAe;MAArCC,iBAAR,oBAAQA;;wBAE8BC,KAAK,CAACC,QAAND,CAAe,IAAfA;MAA/BE,WAAP;MAAoBC,cAApB;;yBAC8BH,KAAK,CAACC,QAAND,CAAe,KAAfA;MAAvBI,OAAP;MAAgBC,UAAhB;;MAEMC,gBAAgB,GAAGC,YAAY,CAACZ,OAAD;;MAE/Ba,QAAQ,GAAGT,iBAAiB,CAACJ,OAAO,CAACc,EAAT;AAElCC,EAAAA,SAAS,CAAC;QACJ,CAACF,UAAU;QAETb,OAAO,GAAGW,gBAAgB,CAACK;QAC3BC,wBAAwB,GAAGf,cAAc,CAACF,OAAD,EAAUC,QAAV;;QAE3CgB,wBAAwB,CAACC,QAAzBD,OAAwC,oBAAoB;AAC9DP,MAAAA,UAAU,CAAC,IAAD,CAAVA;AACAO,MAAAA,wBAAwB,CACrBE,IADHF,CACQ,UAACG,UAAD;AACJV,QAAAA,UAAU,CAAC,KAAD,CAAVA;AACAF,QAAAA,cAAc,CAACY,UAAD,CAAdZ;AAHJ,OAAAS,WAKS,UAACI,GAAD;AACLX,QAAAA,UAAU,CAAC,KAAD,CAAVA;AAEAF,QAAAA,cAAc,CAACa,GAAD,CAAdb;AARJ,OAAAS;AAFF,WAYO;;;AAGLK,MAAAA,qBAAqB,CAAC;AACpBd,QAAAA,cAAc,CAACS,wBAAD,CAAdT;AADmB,OAAA,CAArBc;;;;AArBK,GAAA,EA2BN,CAACrB,QAAD,EAAWC,cAAX,EAA2BS,gBAA3B,EAA6CE,QAA7C,CA3BM,CAATE;;SA8BOF,QAAQ,gBACbR,mBAAAA,KAAAA;AAAIkB,IAAAA,GAAG,EAAC;AAAeC,IAAAA,SAAS,EAAK3B,SAAL;GAAhCQ,EAEGP,YAAY,gBAAGO,mBAAAA,KAAAA,MAAAA,CAAH,GAAY,IAF3BA,eAIEA,mBAAAA,KAAAA;AAAIoB,IAAAA,OAAO,EAAE1B,OAAO,CAAC2B;GAArBrB,EACGE,WADHF,EAEGI,OAAO,gBAAGJ,mBAAAA,CAACsB,OAADtB;AAASuB,IAAAA,IAAI,EAAC;GAAdvB,CAAH,GAA2B,IAFrCA,CAJFA,CADa,GAUX;AApDkC,CAAA;;AAgF1C,IAAIwB,OAAJ,EAAa;AACXnC,EAAAA,gBAAgB,CAACoC,WAAjBpC,GAA+B,kBAA/BA;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TableColumnItem, TableRowSelection } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* TODO: What is TableExpandedRow
|
|
5
|
-
*/
|
|
6
|
-
export declare const TableExpandedRow: React.ForwardRefExoticComponent<TableExpandedRowProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
7
|
-
export interface TableExpandedRowProps {
|
|
8
|
-
/**
|
|
9
|
-
* 组件默认的选择器类
|
|
10
|
-
*/
|
|
11
|
-
prefixCls?: string;
|
|
12
|
-
/**
|
|
13
|
-
* 列配置项
|
|
14
|
-
*/
|
|
15
|
-
columns: TableColumnItem[];
|
|
16
|
-
/**
|
|
17
|
-
* 数据配置项
|
|
18
|
-
*/
|
|
19
|
-
data: object[];
|
|
20
|
-
/**
|
|
21
|
-
* 第一行ref
|
|
22
|
-
*/
|
|
23
|
-
fixedColWidth: number[];
|
|
24
|
-
rowSelection?: TableRowSelection;
|
|
25
|
-
rowData?: object;
|
|
26
|
-
rowIndex?: number;
|
|
27
|
-
expandedRender: any;
|
|
28
|
-
}
|