@hi-ui/table 4.0.0-alpha.21 → 4.0.0-alpha.22
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 +18 -8
- package/lib/cjs/Table.js.map +1 -1
- package/lib/cjs/TableBody.js +75 -50
- package/lib/cjs/TableBody.js.map +1 -1
- package/lib/cjs/TableCell.js +44 -49
- package/lib/cjs/TableCell.js.map +1 -1
- package/lib/cjs/TableEmbedRow.js +80 -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 +14 -7
- package/lib/cjs/TableRow.js.map +1 -1
- package/lib/cjs/TableSettingMenu.js +1 -2
- 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-col-width.js +27 -34
- 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 +17 -9
- package/lib/esm/Table.js.map +1 -1
- package/lib/esm/TableBody.js +71 -48
- package/lib/esm/TableBody.js.map +1 -1
- package/lib/esm/TableCell.js +42 -47
- package/lib/esm/TableCell.js.map +1 -1
- package/lib/esm/TableEmbedRow.js +58 -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 +13 -8
- package/lib/esm/TableRow.js.map +1 -1
- package/lib/esm/TableSettingMenu.js +1 -2
- 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-col-width.js +29 -35
- 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 +10 -6
- package/lib/types/TableCell.d.ts +29 -19
- package/lib/types/TableEmbedRow.d.ts +26 -0
- package/lib/types/TableRow.d.ts +4 -15
- package/lib/types/context.d.ts +81 -21
- 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 +11 -7
- package/lib/types/use-table.d.ts +64 -46
- package/lib/types/utils/index.d.ts +10 -4
- package/package.json +20 -19
- 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/lib/esm/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":["../../src/Table.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","STANDARD_PRESET","striped","bordered","sticky","setting","showColMenu","DEFAULT_DATA","DEFAULT_PAGINATION","placement","Table","forwardRef","_a","ref","prefixCls","standard","loading","dataSource","paginationProp","pagination","uniqueId","columnsProp","columns","hiddenColKeysProp","hiddenColKeys","onHiddenColKeysChange","rowSelection","fieldKey","data","rest","baseTableProps","withDefaultProps","undefined","useColSorter","sortedCols","setSortCols","cacheSortedCols","setCacheSortedCols","useColHidden","visibleCols","setHiddenColKeys","cacheHiddenColKeys","setCacheHiddenColKeys","hiddenPagination","
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../src/Table.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","STANDARD_PRESET","striped","bordered","sticky","setting","showColMenu","SELECTION_DATA_KEY","uuid","DEFAULT_DATA","DEFAULT_PAGINATION","placement","Table","forwardRef","_a","ref","prefixCls","standard","loading","dataSource","paginationProp","pagination","uniqueId","columnsProp","columns","hiddenColKeysProp","hiddenColKeys","onHiddenColKeysChange","rowSelection","fieldKey","stickyFooter","data","rest","baseTableProps","withDefaultProps","undefined","useColSorter","sortedCols","setSortCols","cacheSortedCols","setCacheSortedCols","useColHidden","visibleCols","setHiddenColKeys","cacheHiddenColKeys","setCacheHiddenColKeys","hiddenPagination","pageSize","length","useTablePagination","mergedData","currentPage","trySetCurrentPage","flattedData","useMemo","getRowKeyField","item","val","invariant","isNullish","clonedData","cloneTree","flattenTree","node","id","raw","checkboxColWidth","React","useTableCheck","checkedAll","semiChecked","tryCheckAllRow","isCheckedRowKey","onCheckedRowKeysChange","checkRowIsDisabledCheckbox","getSelectionColumn","useCallback","renderCell","_","rowItem","rowIndex","rowKey","checked","disabledCheckbox","Checkbox","disabled","onChange","evt","target","renderSelectionCell","dataKey","render","renderTitleCell","indeterminate","renderSelectionTitleCell","checkAllOptions","selectionColumn","width","className","title","mergedColumns","TableWrapper","Loading","Fragment","BaseTable","extra","header","TableSettingMenu","footer","Pagination","cx","current","__DEV__","displayName"],"mappings":"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"}
|
package/lib/esm/TableBody.js
CHANGED
|
@@ -10,9 +10,11 @@
|
|
|
10
10
|
import React, { forwardRef } from 'react';
|
|
11
11
|
import { getPrefixCls, cx } from '@hi-ui/classname';
|
|
12
12
|
import { __DEV__ } from '@hi-ui/env';
|
|
13
|
+
import { useLatestCallback } from '@hi-ui/use-latest';
|
|
14
|
+
import { isArrayNonEmpty } from '@hi-ui/type-assertion';
|
|
15
|
+
import { EmptyState } from '@hi-ui/empty-state';
|
|
13
16
|
import { TableRow } from './TableRow.js';
|
|
14
17
|
import { useTableContext } from './context.js';
|
|
15
|
-
import { useLatestCallback } from '@hi-ui/use-latest';
|
|
16
18
|
var _role = 'table';
|
|
17
19
|
|
|
18
20
|
var _prefix = getPrefixCls(_role);
|
|
@@ -26,8 +28,9 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
26
28
|
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls;
|
|
27
29
|
|
|
28
30
|
var _useTableContext = useTableContext(),
|
|
31
|
+
columns = _useTableContext.columns,
|
|
29
32
|
leafColumns = _useTableContext.leafColumns,
|
|
30
|
-
|
|
33
|
+
measureRowElementRef = _useTableContext.measureRowElementRef,
|
|
31
34
|
isExpandTreeRows = _useTableContext.isExpandTreeRows,
|
|
32
35
|
transitionData = _useTableContext.transitionData,
|
|
33
36
|
getColgroupProps = _useTableContext.getColgroupProps,
|
|
@@ -35,15 +38,13 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
35
38
|
scrollBodyElementRef = _useTableContext.scrollBodyElementRef,
|
|
36
39
|
onTableBodyScroll = _useTableContext.onTableBodyScroll,
|
|
37
40
|
maxHeight = _useTableContext.maxHeight,
|
|
38
|
-
canScroll = _useTableContext.canScroll
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
// .slice(0, idx)
|
|
44
|
-
// .reduce((accumulator, currentValue) => accumulator + currentValue, 0)
|
|
45
|
-
// }
|
|
41
|
+
canScroll = _useTableContext.canScroll,
|
|
42
|
+
hasAvgColumn = _useTableContext.hasAvgColumn,
|
|
43
|
+
avgRow = _useTableContext.avgRow,
|
|
44
|
+
hasSumColumn = _useTableContext.hasSumColumn,
|
|
45
|
+
sumRow = _useTableContext.sumRow;
|
|
46
46
|
|
|
47
|
+
var cls = cx(prefixCls + "-body");
|
|
47
48
|
var getRequiredProps = useLatestCallback(function (id) {
|
|
48
49
|
return {
|
|
49
50
|
// @ts-ignore
|
|
@@ -54,50 +55,72 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
54
55
|
// focused: focusedId === id,
|
|
55
56
|
|
|
56
57
|
};
|
|
57
|
-
}); //
|
|
58
|
+
}); // 外层增加 div 作为滚动容器
|
|
58
59
|
|
|
59
|
-
return (
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
60
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
61
|
+
ref: scrollBodyElementRef,
|
|
62
|
+
className: cls,
|
|
63
|
+
onScroll: onTableBodyScroll,
|
|
64
|
+
style: {
|
|
65
|
+
maxHeight: maxHeight !== undefined ? maxHeight : undefined,
|
|
66
|
+
// maxHeight 小于 table 实际高度才出现纵向滚动条
|
|
67
|
+
overflowY: maxHeight !== undefined && bodyTableRef.current && bodyTableRef.current.clientHeight > maxHeight ? 'scroll' : undefined,
|
|
68
|
+
// 表格宽度大于div宽度才出现横向滚动条
|
|
69
|
+
overflowX: canScroll ? 'scroll' : undefined
|
|
70
|
+
}
|
|
71
|
+
}, /*#__PURE__*/React.createElement("table", {
|
|
72
|
+
ref: bodyTableRef,
|
|
73
|
+
style: {
|
|
74
|
+
width: '100%'
|
|
75
|
+
}
|
|
76
|
+
}, /*#__PURE__*/React.createElement("colgroup", null, leafColumns.map(function (col, idx) {
|
|
77
|
+
return /*#__PURE__*/React.createElement("col", Object.assign({
|
|
78
|
+
key: idx,
|
|
79
|
+
className: prefixCls + "-col"
|
|
80
|
+
}, getColgroupProps(col, idx)));
|
|
81
|
+
})), /*#__PURE__*/React.createElement("tbody", null, isArrayNonEmpty(transitionData) ? /*#__PURE__*/React.createElement(React.Fragment, null, transitionData.map(function (row, index) {
|
|
82
|
+
return /*#__PURE__*/React.createElement(TableRow, Object.assign({
|
|
83
|
+
ref: index === 0 ? measureRowElementRef : null,
|
|
84
|
+
// key={depth + index}
|
|
85
|
+
key: row.id,
|
|
86
|
+
// @ts-ignore
|
|
87
|
+
rowIndex: index,
|
|
88
|
+
rowData: row
|
|
89
|
+
}, getRequiredProps(row.id)));
|
|
90
|
+
}), hasSumColumn ? /*#__PURE__*/React.createElement(TableRow, {
|
|
91
|
+
key: sumRow.id,
|
|
92
|
+
rowIndex: transitionData.length,
|
|
93
|
+
rowData: sumRow,
|
|
94
|
+
isSumRow: true
|
|
95
|
+
}) : null, hasAvgColumn ? /*#__PURE__*/React.createElement(TableRow, {
|
|
96
|
+
key: avgRow.id,
|
|
97
|
+
rowIndex: transitionData.length + 1,
|
|
98
|
+
rowData: avgRow,
|
|
99
|
+
isAvgRow: true
|
|
100
|
+
}) : null) : // 空状态,colSpan 占满表格整行
|
|
101
|
+
renderEmptyContent({
|
|
102
|
+
className: prefixCls + "-empty-content",
|
|
103
|
+
colSpan: columns.length
|
|
104
|
+
}))));
|
|
96
105
|
});
|
|
97
106
|
|
|
98
107
|
if (__DEV__) {
|
|
99
108
|
TableBody.displayName = 'TableBody';
|
|
100
109
|
}
|
|
110
|
+
/**
|
|
111
|
+
* 负责空状态渲染
|
|
112
|
+
*/
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
var renderEmptyContent = function renderEmptyContent(_ref2) {
|
|
116
|
+
var className = _ref2.className,
|
|
117
|
+
colSpan = _ref2.colSpan;
|
|
118
|
+
return /*#__PURE__*/React.createElement("tr", {
|
|
119
|
+
className: className
|
|
120
|
+
}, /*#__PURE__*/React.createElement("td", {
|
|
121
|
+
colSpan: colSpan
|
|
122
|
+
}, /*#__PURE__*/React.createElement(EmptyState, null)));
|
|
123
|
+
};
|
|
101
124
|
|
|
102
125
|
export { TableBody };
|
|
103
126
|
//# sourceMappingURL=TableBody.js.map
|
package/lib/esm/TableBody.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.js","sources":["../../src/TableBody.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","TableBody","forwardRef","ref","prefixCls","useTableContext","leafColumns","
|
|
1
|
+
{"version":3,"file":"TableBody.js","sources":["../../src/TableBody.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","TableBody","forwardRef","ref","prefixCls","useTableContext","columns","leafColumns","measureRowElementRef","isExpandTreeRows","transitionData","getColgroupProps","bodyTableRef","scrollBodyElementRef","onTableBodyScroll","maxHeight","canScroll","hasAvgColumn","avgRow","hasSumColumn","sumRow","cls","cx","getRequiredProps","useLatestCallback","id","expandedTree","React","className","onScroll","style","undefined","overflowY","current","clientHeight","overflowX","width","map","col","idx","key","isArrayNonEmpty","row","index","TableRow","rowIndex","rowData","length","isSumRow","isAvgRow","renderEmptyContent","colSpan","__DEV__","displayName","EmptyState"],"mappings":"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"}
|
package/lib/esm/TableCell.js
CHANGED
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
import React, { forwardRef } from 'react';
|
|
11
11
|
import { getPrefixCls, cx } from '@hi-ui/classname';
|
|
12
12
|
import { __DEV__ } from '@hi-ui/env';
|
|
13
|
-
import { useTableContext } from './context.js';
|
|
14
13
|
import { times } from '@hi-ui/times';
|
|
14
|
+
import { isFunction, isObject } from '@hi-ui/type-assertion';
|
|
15
15
|
import { IconButton } from '@hi-ui/icon-button';
|
|
16
|
+
import { useTableContext } from './context.js';
|
|
16
17
|
import { defaultLoadingIcon, defaultExpandIcon, defaultCollapseIcon, defaultLeafIcon } from './icons/index.js';
|
|
17
|
-
import { isFunction, isObject } from '@hi-ui/type-assertion';
|
|
18
18
|
|
|
19
19
|
var _prefix = getPrefixCls('table-cell');
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* 表格 body 单元格渲染
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
24
|
|
|
@@ -28,96 +28,87 @@ var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
28
28
|
className = _ref.className,
|
|
29
29
|
column = _ref.column,
|
|
30
30
|
rowIndex = _ref.rowIndex,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
rowData = _ref.rowData,
|
|
32
|
+
_ref$isSwitcherCol = _ref.isSwitcherCol,
|
|
33
|
+
isSwitcherCol = _ref$isSwitcherCol === void 0 ? false : _ref$isSwitcherCol,
|
|
34
|
+
_ref$expandedTree = _ref.expandedTree,
|
|
35
|
+
expandedTree = _ref$expandedTree === void 0 ? false : _ref$expandedTree,
|
|
34
36
|
_ref$expandIcon = _ref.expandIcon,
|
|
35
37
|
expandIcon = _ref$expandIcon === void 0 ? defaultExpandIcon : _ref$expandIcon,
|
|
36
38
|
_ref$collapseIcon = _ref.collapseIcon,
|
|
37
39
|
collapseIcon = _ref$collapseIcon === void 0 ? defaultCollapseIcon : _ref$collapseIcon,
|
|
38
40
|
_ref$leafIcon = _ref.leafIcon,
|
|
39
|
-
leafIcon = _ref$leafIcon === void 0 ? defaultLeafIcon : _ref$leafIcon
|
|
40
|
-
rowData = _ref.rowData;
|
|
41
|
+
leafIcon = _ref$leafIcon === void 0 ? defaultLeafIcon : _ref$leafIcon;
|
|
41
42
|
|
|
42
43
|
var _useTableContext = useTableContext(),
|
|
43
44
|
isHighlightedCol = _useTableContext.isHighlightedCol,
|
|
44
45
|
onLoadChildren = _useTableContext.onLoadChildren,
|
|
46
|
+
isHoveredHighlightCol = _useTableContext.isHoveredHighlightCol,
|
|
45
47
|
showColHighlight = _useTableContext.showColHighlight,
|
|
46
48
|
onHoveredColChange = _useTableContext.onHoveredColChange,
|
|
47
49
|
onTreeNodeSwitch = _useTableContext.onTreeNodeSwitch,
|
|
48
50
|
getStickyColProps = _useTableContext.getStickyColProps,
|
|
49
51
|
canScroll = _useTableContext.canScroll,
|
|
50
52
|
isTree = _useTableContext.isTree,
|
|
51
|
-
cellRender = _useTableContext.cellRender
|
|
53
|
+
cellRender = _useTableContext.cellRender,
|
|
54
|
+
isLoadingTreeNodeId = _useTableContext.isLoadingTreeNodeId;
|
|
52
55
|
|
|
53
|
-
var
|
|
54
|
-
loading = _React$useState[0];
|
|
55
|
-
|
|
56
|
-
var rawColumn = column.raw,
|
|
56
|
+
var dataKey = column.id,
|
|
57
57
|
leftStickyWidth = column.leftStickyWidth,
|
|
58
|
-
rightStickyWidth = column.rightStickyWidth
|
|
59
|
-
|
|
60
|
-
|
|
58
|
+
rightStickyWidth = column.rightStickyWidth,
|
|
59
|
+
rawRender = column.render;
|
|
60
|
+
var depth = rowData.depth,
|
|
61
|
+
rowId = rowData.id;
|
|
61
62
|
/**
|
|
62
63
|
* normalize 单元格渲染内容,支持自定义 render
|
|
63
64
|
*/
|
|
64
65
|
|
|
65
66
|
var cellContent = React.useMemo(function () {
|
|
66
|
-
var
|
|
67
|
+
var row = rowData.raw;
|
|
68
|
+
var content = row[dataKey];
|
|
67
69
|
|
|
68
70
|
if (isFunction(rawRender)) {
|
|
69
|
-
content = rawRender(content,
|
|
71
|
+
content = rawRender(content, row, rowIndex, dataKey);
|
|
70
72
|
} else if (isFunction(cellRender)) {
|
|
71
73
|
content = cellRender(content);
|
|
72
74
|
} // 处理单元格内容,重载支持配置式合并单元格
|
|
73
75
|
|
|
74
76
|
|
|
75
|
-
var
|
|
77
|
+
var childrenMaybePropsReturn = isObject(content) && ! /*#__PURE__*/React.isValidElement(content);
|
|
76
78
|
|
|
77
|
-
if (
|
|
79
|
+
if (childrenMaybePropsReturn) {
|
|
78
80
|
return content;
|
|
79
81
|
}
|
|
80
82
|
|
|
81
83
|
return {
|
|
82
84
|
children: content,
|
|
83
85
|
props: {
|
|
84
|
-
colSpan:
|
|
85
|
-
rowSpan:
|
|
86
|
+
colSpan: undefined,
|
|
87
|
+
rowSpan: undefined
|
|
86
88
|
}
|
|
87
89
|
};
|
|
88
|
-
}, [rawRender, dataKey, rowData, rowIndex, cellRender]);
|
|
90
|
+
}, [rawRender, dataKey, rowData, rowIndex, cellRender]); // 将被其它单元格(用户配置)合并,不进行渲染
|
|
89
91
|
|
|
90
92
|
if (cellContent.props.colSpan === 0 || cellContent.props.rowSpan === 0) {
|
|
91
93
|
return null;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* 点击展开节点时触发
|
|
96
|
-
*/
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
var onNodeExpand = function onNodeExpand(shouldExpanded) {
|
|
100
|
-
// console.log(shouldExpanded)
|
|
101
|
-
onTreeNodeSwitch(rowData, shouldExpanded);
|
|
102
|
-
};
|
|
94
|
+
}
|
|
103
95
|
|
|
96
|
+
var loading = isLoadingTreeNodeId(rowId);
|
|
104
97
|
var sticky = typeof rightStickyWidth !== 'undefined' || typeof leftStickyWidth !== 'undefined';
|
|
105
|
-
var cls = cx(prefixCls, className, isHighlightedCol(dataKey) && prefixCls + "__col--highlight",
|
|
106
|
-
canScroll && sticky && prefixCls + "__col--sticky"); // 交互:第一列为操作节点列
|
|
107
|
-
|
|
108
|
-
var isSwitcherCol = columnIndex === 0;
|
|
98
|
+
var cls = cx(prefixCls, className, canScroll && sticky && prefixCls + "__col--sticky", isHighlightedCol(dataKey) && prefixCls + "__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight");
|
|
109
99
|
return /*#__PURE__*/React.createElement("td", Object.assign({
|
|
100
|
+
ref: ref,
|
|
110
101
|
key: dataKey,
|
|
111
102
|
className: cls
|
|
112
103
|
}, getStickyColProps(column), {
|
|
113
104
|
colSpan: cellContent.props.colSpan,
|
|
114
105
|
rowSpan: cellContent.props.rowSpan,
|
|
115
|
-
//
|
|
106
|
+
// 按需绑定函数,避免频繁调用 setState 特别消耗性能
|
|
116
107
|
onMouseEnter: showColHighlight ? function () {
|
|
117
|
-
return onHoveredColChange(
|
|
108
|
+
return onHoveredColChange(column, true);
|
|
118
109
|
} : undefined,
|
|
119
110
|
onMouseLeave: showColHighlight ? function () {
|
|
120
|
-
return onHoveredColChange(
|
|
111
|
+
return onHoveredColChange(column, false);
|
|
121
112
|
} : undefined
|
|
122
113
|
}), isSwitcherCol && depth > 0 ? renderIndent({
|
|
123
114
|
depth: depth,
|
|
@@ -132,7 +123,10 @@ var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
132
123
|
leafIcon: leafIcon,
|
|
133
124
|
onLoadChildren: onLoadChildren,
|
|
134
125
|
isTree: isTree,
|
|
135
|
-
onNodeExpand: onNodeExpand
|
|
126
|
+
onNodeExpand: function onNodeExpand(shouldExpanded) {
|
|
127
|
+
// @ts-ignore
|
|
128
|
+
onTreeNodeSwitch(rowData, shouldExpanded);
|
|
129
|
+
}
|
|
136
130
|
}) : null, cellContent.children);
|
|
137
131
|
});
|
|
138
132
|
|
|
@@ -184,10 +178,11 @@ var renderSwitcher = function renderSwitcher(_ref3) {
|
|
|
184
178
|
if (hasChildren || canLoadChildren) {
|
|
185
179
|
return /*#__PURE__*/React.createElement(IconButton, {
|
|
186
180
|
tabIndex: -1,
|
|
187
|
-
className: cx(prefixCls + "__switcher",
|
|
181
|
+
className: cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
|
|
188
182
|
icon: expanded ? expandIcon : collapseIcon,
|
|
189
183
|
onClick: function onClick() {
|
|
190
|
-
|
|
184
|
+
var shouldExpanded = !expanded;
|
|
185
|
+
onNodeExpand(shouldExpanded);
|
|
191
186
|
}
|
|
192
187
|
});
|
|
193
188
|
}
|
|
@@ -195,12 +190,12 @@ var renderSwitcher = function renderSwitcher(_ref3) {
|
|
|
195
190
|
if (isTree) {
|
|
196
191
|
return /*#__PURE__*/React.createElement(IconButton, {
|
|
197
192
|
tabIndex: -1,
|
|
198
|
-
|
|
199
|
-
|
|
193
|
+
className: cx(prefixCls + "__switcher", prefixCls + "__switcher--noop"),
|
|
194
|
+
icon: leafIcon
|
|
200
195
|
});
|
|
201
196
|
}
|
|
202
197
|
|
|
203
|
-
return null;
|
|
198
|
+
return null;
|
|
204
199
|
};
|
|
205
200
|
|
|
206
201
|
export { TableCell };
|
package/lib/esm/TableCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sources":["../../src/TableCell.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableCell","forwardRef","ref","prefixCls","className","column","rowIndex","
|
|
1
|
+
{"version":3,"file":"TableCell.js","sources":["../../src/TableCell.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableCell","forwardRef","ref","prefixCls","className","column","rowIndex","rowData","isSwitcherCol","expandedTree","expandIcon","defaultExpandIcon","collapseIcon","defaultCollapseIcon","leafIcon","defaultLeafIcon","useTableContext","isHighlightedCol","onLoadChildren","isHoveredHighlightCol","showColHighlight","onHoveredColChange","onTreeNodeSwitch","getStickyColProps","canScroll","isTree","cellRender","isLoadingTreeNodeId","dataKey","id","leftStickyWidth","rightStickyWidth","rawRender","render","depth","rowId","cellContent","React","useMemo","row","raw","content","isFunction","childrenMaybePropsReturn","isObject","isValidElement","children","props","colSpan","undefined","rowSpan","loading","sticky","cls","cx","key","onMouseEnter","onMouseLeave","renderIndent","renderSwitcher","node","expanded","onNodeExpand","shouldExpanded","__DEV__","displayName","times","index","IconButton","icon","defaultLoadingIcon","hasChildren","length","canLoadChildren","isLeaf","tabIndex","onClick"],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
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, { 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
|
+
|
|
16
|
+
var _prefix = getPrefixCls('table-embed-row');
|
|
17
|
+
/**
|
|
18
|
+
* 可展开的内嵌面板
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
var TableEmbedRow = function TableEmbedRow(_ref) {
|
|
23
|
+
var _ref$prefixCls = _ref.prefixCls,
|
|
24
|
+
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
|
|
25
|
+
columns = _ref.columns,
|
|
26
|
+
rowIndex = _ref.rowIndex,
|
|
27
|
+
rowData = _ref.rowData;
|
|
28
|
+
|
|
29
|
+
var _useTableContext = useTableContext(),
|
|
30
|
+
isExpandEmbedRows = _useTableContext.isExpandEmbedRows,
|
|
31
|
+
getEmbedPanelById = _useTableContext.getEmbedPanelById,
|
|
32
|
+
isEmbedLoadingId = _useTableContext.isEmbedLoadingId,
|
|
33
|
+
onEmbedSwitch = _useTableContext.onEmbedSwitch;
|
|
34
|
+
|
|
35
|
+
var loading = isEmbedLoadingId(rowData.id);
|
|
36
|
+
var expanded = isExpandEmbedRows(rowData.id);
|
|
37
|
+
useEffect(function () {
|
|
38
|
+
if (expanded) {
|
|
39
|
+
onEmbedSwitch(rowData, rowIndex);
|
|
40
|
+
}
|
|
41
|
+
}, [onEmbedSwitch, expanded, rowData, rowIndex]);
|
|
42
|
+
return expanded ? /*#__PURE__*/React.createElement("tr", {
|
|
43
|
+
key: "expanded-row",
|
|
44
|
+
className: prefixCls
|
|
45
|
+
}, /*#__PURE__*/React.createElement("td", {
|
|
46
|
+
colSpan: columns.length
|
|
47
|
+
}, /*#__PURE__*/React.createElement(Loading, {
|
|
48
|
+
size: "sm",
|
|
49
|
+
visible: loading
|
|
50
|
+
}, getEmbedPanelById(rowData.id)))) : null;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
if (__DEV__) {
|
|
54
|
+
TableEmbedRow.displayName = 'TableEmbedRow';
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export { TableEmbedRow };
|
|
58
|
+
//# sourceMappingURL=TableEmbedRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableEmbedRow.js","sources":["../../src/TableEmbedRow.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableEmbedRow","prefixCls","columns","rowIndex","rowData","useTableContext","isExpandEmbedRows","getEmbedPanelById","isEmbedLoadingId","onEmbedSwitch","loading","id","expanded","useEffect","React","key","className","colSpan","length","Loading","size","visible","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,OAAO,GAAGC,YAAY,CAAC,iBAAD,CAA5B;AAEA;;;;;IAGaC,aAAa,GAAG,SAAhBA,aAAgB,KAAA;4BAC3BC;MAAAA,wCAAYH;MACZI,eAAAA;MACAC,gBAAAA;MACAC,eAAAA;;yBAOIC,eAAe;MAJjBC,iBADF,oBACEA;MACAC,iBAFF,oBAEEA;MACAC,gBAHF,oBAGEA;MACAC,aAJF,oBAIEA;;MAGIC,OAAO,GAAGF,gBAAgB,CAACJ,OAAO,CAACO,EAAT;MAC1BC,QAAQ,GAAGN,iBAAiB,CAACF,OAAO,CAACO,EAAT;AAElCE,EAAAA,SAAS,CAAC;QACJD,UAAU;AACZH,MAAAA,aAAa,CAACL,OAAD,EAAUD,QAAV,CAAbM;;AAFK,GAAA,EAIN,CAACA,aAAD,EAAgBG,QAAhB,EAA0BR,OAA1B,EAAmCD,QAAnC,CAJM,CAATU;SAMOD,QAAQ,gBACbE,mBAAAA,KAAAA;AAAIC,IAAAA,GAAG,EAAC;AAAeC,IAAAA,SAAS,EAAEf;GAAlCa,eACEA,mBAAAA,KAAAA;AAAIG,IAAAA,OAAO,EAAEf,OAAO,CAACgB;GAArBJ,eAEEA,mBAAAA,CAACK,OAADL;AAASM,IAAAA,IAAI,EAAC;AAAKC,IAAAA,OAAO,EAAEX;GAA5BI,EACGP,iBAAiB,CAACH,OAAO,CAACO,EAAT,CADpBG,CAFFA,CADFA,CADa,GASX;;;AAsBN,IAAIQ,OAAJ,EAAa;AACXtB,EAAAA,aAAa,CAACuB,WAAdvB,GAA4B,eAA5BA;;;"}
|
package/lib/esm/TableHeader.js
CHANGED
|
@@ -30,6 +30,7 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
30
30
|
groupedColumns = _useTableContext.groupedColumns,
|
|
31
31
|
resizable = _useTableContext.resizable,
|
|
32
32
|
colWidths = _useTableContext.colWidths,
|
|
33
|
+
isHoveredHighlightCol = _useTableContext.isHoveredHighlightCol,
|
|
33
34
|
isHighlightedCol = _useTableContext.isHighlightedCol,
|
|
34
35
|
getColgroupProps = _useTableContext.getColgroupProps,
|
|
35
36
|
onColumnResizable = _useTableContext.onColumnResizable,
|
|
@@ -38,8 +39,7 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
38
39
|
scrollHeaderElementRef = _useTableContext.scrollHeaderElementRef,
|
|
39
40
|
leafColumns = _useTableContext.leafColumns,
|
|
40
41
|
getTableHeaderProps = _useTableContext.getTableHeaderProps,
|
|
41
|
-
showColMenu = _useTableContext.showColMenu;
|
|
42
|
-
|
|
42
|
+
showColMenu = _useTableContext.showColMenu;
|
|
43
43
|
|
|
44
44
|
var cls = cx(prefixCls, className);
|
|
45
45
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
@@ -69,7 +69,7 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
69
69
|
var cell = /*#__PURE__*/React.createElement("th", Object.assign({
|
|
70
70
|
key: dataKey
|
|
71
71
|
}, getStickyColProps(col), {
|
|
72
|
-
className: cx(isHighlightedCol(dataKey) && prefixCls + "-th__col--highlight"),
|
|
72
|
+
className: cx(isHighlightedCol(dataKey) && prefixCls + "-th__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight"),
|
|
73
73
|
// @ts-ignore
|
|
74
74
|
colSpan: col.colSpan,
|
|
75
75
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sources":["../../src/TableHeader.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableHeader","forwardRef","ref","prefixCls","className","useTableContext","groupedColumns","resizable","colWidths","isHighlightedCol","getColgroupProps","onColumnResizable","getStickyColProps","onTableBodyScrollMock","scrollHeaderElementRef","leafColumns","getTableHeaderProps","showColMenu","cls","cx","React","style","width","position","map","col","idx","key","onWheel","cols","colsIndex","colIndex","dataKey","title","titleContent","isFunction","cell","colSpan","rowSpan","renderFilter","columnKey","column","length","Resizable","draggableOpts","enableUserSelectHack","handle","height","onResize","evt","options","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAMA,OAAO,GAAGC,YAAY,CAAC,cAAD,CAA5B;AAEA;;;;;IAGaC,WAAW,gBAAGC,UAAU,CACnC,cAAA,EAAqCC,GAArC;4BAAGC;MAAAA,wCAAYL;MAASM,iBAAAA;;yBAelBC,eAAe;
|
|
1
|
+
{"version":3,"file":"TableHeader.js","sources":["../../src/TableHeader.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableHeader","forwardRef","ref","prefixCls","className","useTableContext","groupedColumns","resizable","colWidths","isHoveredHighlightCol","isHighlightedCol","getColgroupProps","onColumnResizable","getStickyColProps","onTableBodyScrollMock","scrollHeaderElementRef","leafColumns","getTableHeaderProps","showColMenu","cls","cx","React","style","width","position","map","col","idx","key","onWheel","cols","colsIndex","colIndex","dataKey","title","titleContent","isFunction","cell","colSpan","rowSpan","renderFilter","columnKey","column","length","Resizable","draggableOpts","enableUserSelectHack","handle","height","onResize","evt","options","__DEV__","displayName"],"mappings":"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"}
|
package/lib/esm/TableRow.js
CHANGED
|
@@ -12,9 +12,11 @@ import { getPrefixCls, cx } from '@hi-ui/classname';
|
|
|
12
12
|
import { __DEV__ } from '@hi-ui/env';
|
|
13
13
|
import { useTableContext } from './context.js';
|
|
14
14
|
import { TableCell } from './TableCell.js';
|
|
15
|
-
import {
|
|
15
|
+
import { TableEmbedRow } from './TableEmbedRow.js';
|
|
16
16
|
import { useLatestCallback } from '@hi-ui/use-latest';
|
|
17
|
-
import { setAttrAria } from '@hi-ui/dom-utils';
|
|
17
|
+
import { setAttrAria } from '@hi-ui/dom-utils';
|
|
18
|
+
import { SELECTION_DATA_KEY } from './Table.js';
|
|
19
|
+
import { EMBED_DATA_KEY } from './BaseTable.js'; // @ts-nocheck
|
|
18
20
|
|
|
19
21
|
var _role = 'table';
|
|
20
22
|
|
|
@@ -47,7 +49,8 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
47
49
|
isErrorRow = _useTableContext.isErrorRow,
|
|
48
50
|
rowSelection = _useTableContext.rowSelection,
|
|
49
51
|
columns = _useTableContext.columns,
|
|
50
|
-
|
|
52
|
+
embedExpandable = _useTableContext.embedExpandable,
|
|
53
|
+
onEmbedSwitch = _useTableContext.onEmbedSwitch,
|
|
51
54
|
hoverRow = _useTableContext.hoverRow,
|
|
52
55
|
disabledData = _useTableContext.disabledData,
|
|
53
56
|
draggable = _useTableContext.draggable,
|
|
@@ -58,8 +61,7 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
58
61
|
dragRowRef = _useTableContext.dragRowRef;
|
|
59
62
|
|
|
60
63
|
var rowData = rowDataProp.raw;
|
|
61
|
-
var rowKey = rowData.key; //
|
|
62
|
-
// ** ************** checkbox 处理 *************** *//
|
|
64
|
+
var rowKey = rowData.key; // ** ************** checkbox 处理 *************** *//
|
|
63
65
|
// TODO: 提取到外部
|
|
64
66
|
|
|
65
67
|
var checkboxConfig = rowSelection && rowSelection.getCheckboxConfig && rowSelection.getCheckboxConfig(rowData);
|
|
@@ -170,6 +172,9 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
170
172
|
var hovered = hoverRow === rowKey;
|
|
171
173
|
var hasError = isErrorRow(rowKey);
|
|
172
174
|
var cls = cx(prefixCls + "-row", hasError && prefixCls + "-row--error", hovered && prefixCls + "-row--hovered", highlighted && prefixCls + "-row--highlight", draggable && prefixCls + "-row--draggable", draggable && dragging && prefixCls + "-row--dragging", draggable && dragDirection && prefixCls + "-row--drag-" + dragDirection, isSumRow && prefixCls + "-row--total", isAvgRow && prefixCls + "-row--avg");
|
|
175
|
+
var firstColumn = flattedColumnsWithoutChildren.find(function (item) {
|
|
176
|
+
return item.dataKey !== SELECTION_DATA_KEY && item.dataKey !== EMBED_DATA_KEY;
|
|
177
|
+
});
|
|
173
178
|
return [/*#__PURE__*/React.createElement("tr", {
|
|
174
179
|
ref: ref,
|
|
175
180
|
className: cls,
|
|
@@ -186,6 +191,7 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
186
191
|
key: idx,
|
|
187
192
|
column: column,
|
|
188
193
|
columnIndex: idx,
|
|
194
|
+
isSwitcherCol: firstColumn.id === column.id,
|
|
189
195
|
rowData: rowDataProp,
|
|
190
196
|
depth: rowDataProp.depth,
|
|
191
197
|
rowIndex: rowIndex,
|
|
@@ -199,9 +205,8 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
199
205
|
setExpandedTreeRows: setExpandedTreeRows
|
|
200
206
|
});
|
|
201
207
|
})), // 可展开的内嵌面板
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
rowSelection: rowSelection,
|
|
208
|
+
embedExpandable ? /*#__PURE__*/React.createElement(TableEmbedRow, {
|
|
209
|
+
onEmbedSwitch: onEmbedSwitch,
|
|
205
210
|
columns: columns,
|
|
206
211
|
rowData: rowDataProp,
|
|
207
212
|
rowIndex: rowIndex
|