@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/lib/cjs/TableBody.js
CHANGED
|
@@ -21,12 +21,16 @@ var classname = require('@hi-ui/classname');
|
|
|
21
21
|
|
|
22
22
|
var env = require('@hi-ui/env');
|
|
23
23
|
|
|
24
|
+
var useLatest = require('@hi-ui/use-latest');
|
|
25
|
+
|
|
26
|
+
var typeAssertion = require('@hi-ui/type-assertion');
|
|
27
|
+
|
|
28
|
+
var emptyState = require('@hi-ui/empty-state');
|
|
29
|
+
|
|
24
30
|
var TableRow = require('./TableRow.js');
|
|
25
31
|
|
|
26
32
|
var context = require('./context.js');
|
|
27
33
|
|
|
28
|
-
var useLatest = require('@hi-ui/use-latest');
|
|
29
|
-
|
|
30
34
|
function _interopDefaultLegacy(e) {
|
|
31
35
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
32
36
|
'default': e
|
|
@@ -48,8 +52,9 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
48
52
|
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls;
|
|
49
53
|
|
|
50
54
|
var _useTableContext = context.useTableContext(),
|
|
55
|
+
columns = _useTableContext.columns,
|
|
51
56
|
leafColumns = _useTableContext.leafColumns,
|
|
52
|
-
|
|
57
|
+
measureRowElementRef = _useTableContext.measureRowElementRef,
|
|
53
58
|
isExpandTreeRows = _useTableContext.isExpandTreeRows,
|
|
54
59
|
transitionData = _useTableContext.transitionData,
|
|
55
60
|
getColgroupProps = _useTableContext.getColgroupProps,
|
|
@@ -57,15 +62,13 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
57
62
|
scrollBodyElementRef = _useTableContext.scrollBodyElementRef,
|
|
58
63
|
onTableBodyScroll = _useTableContext.onTableBodyScroll,
|
|
59
64
|
maxHeight = _useTableContext.maxHeight,
|
|
60
|
-
canScroll = _useTableContext.canScroll
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
// .slice(0, idx)
|
|
66
|
-
// .reduce((accumulator, currentValue) => accumulator + currentValue, 0)
|
|
67
|
-
// }
|
|
65
|
+
canScroll = _useTableContext.canScroll,
|
|
66
|
+
hasAvgColumn = _useTableContext.hasAvgColumn,
|
|
67
|
+
avgRow = _useTableContext.avgRow,
|
|
68
|
+
hasSumColumn = _useTableContext.hasSumColumn,
|
|
69
|
+
sumRow = _useTableContext.sumRow;
|
|
68
70
|
|
|
71
|
+
var cls = classname.cx(prefixCls + "-body");
|
|
69
72
|
var getRequiredProps = useLatest.useLatestCallback(function (id) {
|
|
70
73
|
return {
|
|
71
74
|
// @ts-ignore
|
|
@@ -76,50 +79,72 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
76
79
|
// focused: focusedId === id,
|
|
77
80
|
|
|
78
81
|
};
|
|
79
|
-
}); //
|
|
80
|
-
|
|
81
|
-
return (
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
82
|
+
}); // 外层增加 div 作为滚动容器
|
|
83
|
+
|
|
84
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
85
|
+
ref: scrollBodyElementRef,
|
|
86
|
+
className: cls,
|
|
87
|
+
onScroll: onTableBodyScroll,
|
|
88
|
+
style: {
|
|
89
|
+
maxHeight: maxHeight !== undefined ? maxHeight : undefined,
|
|
90
|
+
// maxHeight 小于 table 实际高度才出现纵向滚动条
|
|
91
|
+
overflowY: maxHeight !== undefined && bodyTableRef.current && bodyTableRef.current.clientHeight > maxHeight ? 'scroll' : undefined,
|
|
92
|
+
// 表格宽度大于div宽度才出现横向滚动条
|
|
93
|
+
overflowX: canScroll ? 'scroll' : undefined
|
|
94
|
+
}
|
|
95
|
+
}, /*#__PURE__*/React__default['default'].createElement("table", {
|
|
96
|
+
ref: bodyTableRef,
|
|
97
|
+
style: {
|
|
98
|
+
width: '100%'
|
|
99
|
+
}
|
|
100
|
+
}, /*#__PURE__*/React__default['default'].createElement("colgroup", null, leafColumns.map(function (col, idx) {
|
|
101
|
+
return /*#__PURE__*/React__default['default'].createElement("col", Object.assign({
|
|
102
|
+
key: idx,
|
|
103
|
+
className: prefixCls + "-col"
|
|
104
|
+
}, getColgroupProps(col, idx)));
|
|
105
|
+
})), /*#__PURE__*/React__default['default'].createElement("tbody", null, typeAssertion.isArrayNonEmpty(transitionData) ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, transitionData.map(function (row, index) {
|
|
106
|
+
return /*#__PURE__*/React__default['default'].createElement(TableRow.TableRow, Object.assign({
|
|
107
|
+
ref: index === 0 ? measureRowElementRef : null,
|
|
108
|
+
// key={depth + index}
|
|
109
|
+
key: row.id,
|
|
110
|
+
// @ts-ignore
|
|
111
|
+
rowIndex: index,
|
|
112
|
+
rowData: row
|
|
113
|
+
}, getRequiredProps(row.id)));
|
|
114
|
+
}), hasSumColumn ? /*#__PURE__*/React__default['default'].createElement(TableRow.TableRow, {
|
|
115
|
+
key: sumRow.id,
|
|
116
|
+
rowIndex: transitionData.length,
|
|
117
|
+
rowData: sumRow,
|
|
118
|
+
isSumRow: true
|
|
119
|
+
}) : null, hasAvgColumn ? /*#__PURE__*/React__default['default'].createElement(TableRow.TableRow, {
|
|
120
|
+
key: avgRow.id,
|
|
121
|
+
rowIndex: transitionData.length + 1,
|
|
122
|
+
rowData: avgRow,
|
|
123
|
+
isAvgRow: true
|
|
124
|
+
}) : null) : // 空状态,colSpan 占满表格整行
|
|
125
|
+
renderEmptyContent({
|
|
126
|
+
className: prefixCls + "-empty-content",
|
|
127
|
+
colSpan: columns.length
|
|
128
|
+
}))));
|
|
118
129
|
});
|
|
119
130
|
|
|
120
131
|
if (env.__DEV__) {
|
|
121
132
|
TableBody.displayName = 'TableBody';
|
|
122
133
|
}
|
|
134
|
+
/**
|
|
135
|
+
* 负责空状态渲染
|
|
136
|
+
*/
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
var renderEmptyContent = function renderEmptyContent(_ref2) {
|
|
140
|
+
var className = _ref2.className,
|
|
141
|
+
colSpan = _ref2.colSpan;
|
|
142
|
+
return /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
143
|
+
className: className
|
|
144
|
+
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
145
|
+
colSpan: colSpan
|
|
146
|
+
}, /*#__PURE__*/React__default['default'].createElement(emptyState.EmptyState, null)));
|
|
147
|
+
};
|
|
123
148
|
|
|
124
149
|
exports.TableBody = TableBody;
|
|
125
150
|
//# sourceMappingURL=TableBody.js.map
|
package/lib/cjs/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/cjs/TableCell.js
CHANGED
|
@@ -21,15 +21,15 @@ var classname = require('@hi-ui/classname');
|
|
|
21
21
|
|
|
22
22
|
var env = require('@hi-ui/env');
|
|
23
23
|
|
|
24
|
-
var context = require('./context.js');
|
|
25
|
-
|
|
26
24
|
var times = require('@hi-ui/times');
|
|
27
25
|
|
|
26
|
+
var typeAssertion = require('@hi-ui/type-assertion');
|
|
27
|
+
|
|
28
28
|
var iconButton = require('@hi-ui/icon-button');
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var context = require('./context.js');
|
|
31
31
|
|
|
32
|
-
var
|
|
32
|
+
var index = require('./icons/index.js');
|
|
33
33
|
|
|
34
34
|
function _interopDefaultLegacy(e) {
|
|
35
35
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
@@ -41,7 +41,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
41
41
|
|
|
42
42
|
var _prefix = classname.getPrefixCls('table-cell');
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* 表格 body 单元格渲染
|
|
45
45
|
*/
|
|
46
46
|
|
|
47
47
|
|
|
@@ -50,97 +50,88 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
50
50
|
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
|
|
51
51
|
className = _ref.className,
|
|
52
52
|
column = _ref.column,
|
|
53
|
+
rowData = _ref.rowData,
|
|
53
54
|
rowIndex = _ref.rowIndex,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
expandedTree = _ref.expandedTree,
|
|
55
|
+
_ref$isSwitcherCol = _ref.isSwitcherCol,
|
|
56
|
+
isSwitcherCol = _ref$isSwitcherCol === void 0 ? false : _ref$isSwitcherCol,
|
|
57
|
+
_ref$expandedTree = _ref.expandedTree,
|
|
58
|
+
expandedTree = _ref$expandedTree === void 0 ? false : _ref$expandedTree,
|
|
57
59
|
_ref$expandIcon = _ref.expandIcon,
|
|
58
60
|
expandIcon = _ref$expandIcon === void 0 ? index.defaultExpandIcon : _ref$expandIcon,
|
|
59
61
|
_ref$collapseIcon = _ref.collapseIcon,
|
|
60
62
|
collapseIcon = _ref$collapseIcon === void 0 ? index.defaultCollapseIcon : _ref$collapseIcon,
|
|
61
63
|
_ref$leafIcon = _ref.leafIcon,
|
|
62
|
-
leafIcon = _ref$leafIcon === void 0 ? index.defaultLeafIcon : _ref$leafIcon
|
|
63
|
-
rowData = _ref.rowData;
|
|
64
|
+
leafIcon = _ref$leafIcon === void 0 ? index.defaultLeafIcon : _ref$leafIcon;
|
|
64
65
|
|
|
65
66
|
var _useTableContext = context.useTableContext(),
|
|
66
67
|
isHighlightedCol = _useTableContext.isHighlightedCol,
|
|
67
68
|
onLoadChildren = _useTableContext.onLoadChildren,
|
|
69
|
+
isHoveredHighlightCol = _useTableContext.isHoveredHighlightCol,
|
|
68
70
|
showColHighlight = _useTableContext.showColHighlight,
|
|
69
71
|
onHoveredColChange = _useTableContext.onHoveredColChange,
|
|
70
72
|
onTreeNodeSwitch = _useTableContext.onTreeNodeSwitch,
|
|
71
73
|
getStickyColProps = _useTableContext.getStickyColProps,
|
|
72
74
|
canScroll = _useTableContext.canScroll,
|
|
73
75
|
isTree = _useTableContext.isTree,
|
|
74
|
-
cellRender = _useTableContext.cellRender
|
|
75
|
-
|
|
76
|
-
var _React$useState = React__default['default'].useState(false),
|
|
77
|
-
loading = _React$useState[0];
|
|
76
|
+
cellRender = _useTableContext.cellRender,
|
|
77
|
+
isLoadingTreeNodeId = _useTableContext.isLoadingTreeNodeId;
|
|
78
78
|
|
|
79
|
-
var
|
|
79
|
+
var dataKey = column.id,
|
|
80
80
|
leftStickyWidth = column.leftStickyWidth,
|
|
81
|
-
rightStickyWidth = column.rightStickyWidth
|
|
82
|
-
|
|
83
|
-
|
|
81
|
+
rightStickyWidth = column.rightStickyWidth,
|
|
82
|
+
rawRender = column.render;
|
|
83
|
+
var depth = rowData.depth,
|
|
84
|
+
rowId = rowData.id;
|
|
84
85
|
/**
|
|
85
86
|
* normalize 单元格渲染内容,支持自定义 render
|
|
86
87
|
*/
|
|
87
88
|
|
|
88
89
|
var cellContent = React__default['default'].useMemo(function () {
|
|
89
|
-
var
|
|
90
|
+
var row = rowData.raw;
|
|
91
|
+
var content = row[dataKey];
|
|
90
92
|
|
|
91
93
|
if (typeAssertion.isFunction(rawRender)) {
|
|
92
|
-
content = rawRender(content,
|
|
94
|
+
content = rawRender(content, row, rowIndex, dataKey);
|
|
93
95
|
} else if (typeAssertion.isFunction(cellRender)) {
|
|
94
96
|
content = cellRender(content);
|
|
95
97
|
} // 处理单元格内容,重载支持配置式合并单元格
|
|
96
98
|
|
|
97
99
|
|
|
98
|
-
var
|
|
100
|
+
var childrenMaybePropsReturn = typeAssertion.isObject(content) && ! /*#__PURE__*/React__default['default'].isValidElement(content);
|
|
99
101
|
|
|
100
|
-
if (
|
|
102
|
+
if (childrenMaybePropsReturn) {
|
|
101
103
|
return content;
|
|
102
104
|
}
|
|
103
105
|
|
|
104
106
|
return {
|
|
105
107
|
children: content,
|
|
106
108
|
props: {
|
|
107
|
-
colSpan:
|
|
108
|
-
rowSpan:
|
|
109
|
+
colSpan: undefined,
|
|
110
|
+
rowSpan: undefined
|
|
109
111
|
}
|
|
110
112
|
};
|
|
111
|
-
}, [rawRender, dataKey, rowData, rowIndex, cellRender]);
|
|
113
|
+
}, [rawRender, dataKey, rowData, rowIndex, cellRender]); // 将被其它单元格(用户配置)合并,不进行渲染
|
|
112
114
|
|
|
113
115
|
if (cellContent.props.colSpan === 0 || cellContent.props.rowSpan === 0) {
|
|
114
116
|
return null;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
/**
|
|
118
|
-
* 点击展开节点时触发
|
|
119
|
-
*/
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
var onNodeExpand = function onNodeExpand(shouldExpanded) {
|
|
123
|
-
// console.log(shouldExpanded)
|
|
124
|
-
onTreeNodeSwitch(rowData, shouldExpanded);
|
|
125
|
-
};
|
|
117
|
+
}
|
|
126
118
|
|
|
119
|
+
var loading = isLoadingTreeNodeId(rowId);
|
|
127
120
|
var sticky = typeof rightStickyWidth !== 'undefined' || typeof leftStickyWidth !== 'undefined';
|
|
128
|
-
var cls = classname.cx(prefixCls, className, isHighlightedCol(dataKey) && prefixCls + "__col--highlight",
|
|
129
|
-
canScroll && sticky && prefixCls + "__col--sticky"); // 交互:第一列为操作节点列
|
|
130
|
-
|
|
131
|
-
var isSwitcherCol = columnIndex === 0;
|
|
121
|
+
var cls = classname.cx(prefixCls, className, canScroll && sticky && prefixCls + "__col--sticky", isHighlightedCol(dataKey) && prefixCls + "__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight");
|
|
132
122
|
return /*#__PURE__*/React__default['default'].createElement("td", Object.assign({
|
|
123
|
+
ref: ref,
|
|
133
124
|
key: dataKey,
|
|
134
125
|
className: cls
|
|
135
126
|
}, getStickyColProps(column), {
|
|
136
127
|
colSpan: cellContent.props.colSpan,
|
|
137
128
|
rowSpan: cellContent.props.rowSpan,
|
|
138
|
-
//
|
|
129
|
+
// 按需绑定函数,避免频繁调用 setState 特别消耗性能
|
|
139
130
|
onMouseEnter: showColHighlight ? function () {
|
|
140
|
-
return onHoveredColChange(
|
|
131
|
+
return onHoveredColChange(column, true);
|
|
141
132
|
} : undefined,
|
|
142
133
|
onMouseLeave: showColHighlight ? function () {
|
|
143
|
-
return onHoveredColChange(
|
|
134
|
+
return onHoveredColChange(column, false);
|
|
144
135
|
} : undefined
|
|
145
136
|
}), isSwitcherCol && depth > 0 ? renderIndent({
|
|
146
137
|
depth: depth,
|
|
@@ -155,7 +146,9 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
155
146
|
leafIcon: leafIcon,
|
|
156
147
|
onLoadChildren: onLoadChildren,
|
|
157
148
|
isTree: isTree,
|
|
158
|
-
onNodeExpand: onNodeExpand
|
|
149
|
+
onNodeExpand: function onNodeExpand(shouldExpanded) {
|
|
150
|
+
return onTreeNodeSwitch(rowData, shouldExpanded);
|
|
151
|
+
}
|
|
159
152
|
}) : null, cellContent.children);
|
|
160
153
|
});
|
|
161
154
|
|
|
@@ -207,10 +200,11 @@ var renderSwitcher = function renderSwitcher(_ref3) {
|
|
|
207
200
|
if (hasChildren || canLoadChildren) {
|
|
208
201
|
return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
|
|
209
202
|
tabIndex: -1,
|
|
210
|
-
className: classname.cx(prefixCls + "__switcher",
|
|
203
|
+
className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
|
|
211
204
|
icon: expanded ? expandIcon : collapseIcon,
|
|
212
205
|
onClick: function onClick() {
|
|
213
|
-
|
|
206
|
+
var shouldExpanded = !expanded;
|
|
207
|
+
onNodeExpand(shouldExpanded);
|
|
214
208
|
}
|
|
215
209
|
});
|
|
216
210
|
}
|
|
@@ -218,12 +212,12 @@ var renderSwitcher = function renderSwitcher(_ref3) {
|
|
|
218
212
|
if (isTree) {
|
|
219
213
|
return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
|
|
220
214
|
tabIndex: -1,
|
|
221
|
-
|
|
222
|
-
|
|
215
|
+
className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--noop"),
|
|
216
|
+
icon: leafIcon
|
|
223
217
|
});
|
|
224
218
|
}
|
|
225
219
|
|
|
226
|
-
return null;
|
|
220
|
+
return null;
|
|
227
221
|
};
|
|
228
222
|
|
|
229
223
|
exports.TableCell = TableCell;
|
package/lib/cjs/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","
|
|
1
|
+
{"version":3,"file":"TableCell.js","sources":["../../src/TableCell.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableCell","forwardRef","ref","prefixCls","className","column","rowData","rowIndex","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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"}
|
|
@@ -15,8 +15,6 @@ Object.defineProperty(exports, '__esModule', {
|
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
17
|
|
|
18
|
-
var tslib = require('tslib');
|
|
19
|
-
|
|
20
18
|
var React = require('react');
|
|
21
19
|
|
|
22
20
|
var classname = require('@hi-ui/classname');
|
|
@@ -45,17 +43,14 @@ var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
|
|
|
45
43
|
|
|
46
44
|
var _prefix = classname.getPrefixCls('table-column-menu');
|
|
47
45
|
/**
|
|
48
|
-
*
|
|
46
|
+
* 表头每列下拉式菜单,包含冻结、高亮、递增、递减操作
|
|
49
47
|
*/
|
|
50
48
|
|
|
51
49
|
|
|
52
|
-
var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (
|
|
53
|
-
var
|
|
54
|
-
prefixCls =
|
|
55
|
-
|
|
56
|
-
column = _a.column;
|
|
57
|
-
|
|
58
|
-
tslib.__rest(_a, ["prefixCls", "role", "className", "columnKey", "column"]);
|
|
50
|
+
var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
51
|
+
var _ref$prefixCls = _ref.prefixCls,
|
|
52
|
+
prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
|
|
53
|
+
column = _ref.column;
|
|
59
54
|
|
|
60
55
|
var _useTableContext = context.useTableContext(),
|
|
61
56
|
activeSorterType = _useTableContext.activeSorterType,
|
|
@@ -67,7 +62,9 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
67
62
|
isHighlightedCol = _useTableContext.isHighlightedCol,
|
|
68
63
|
onHighlightedColChange = _useTableContext.onHighlightedColChange;
|
|
69
64
|
|
|
70
|
-
var
|
|
65
|
+
var dataKey = column.id,
|
|
66
|
+
columnRaw = column.raw;
|
|
67
|
+
var canSort = !!columnRaw.sorter;
|
|
71
68
|
|
|
72
69
|
var _useToggle = useToggle.useToggle(),
|
|
73
70
|
menuVisible = _useToggle[0],
|
|
@@ -75,8 +72,7 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
75
72
|
|
|
76
73
|
var _React$useState = React__default['default'].useState(null),
|
|
77
74
|
menuTrigger = _React$useState[0],
|
|
78
|
-
setMenuTrigger = _React$useState[1];
|
|
79
|
-
|
|
75
|
+
setMenuTrigger = _React$useState[1];
|
|
80
76
|
|
|
81
77
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
|
|
82
78
|
className: prefixCls + "__trigger",
|
|
@@ -94,63 +90,63 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
94
90
|
className: prefixCls + "__content"
|
|
95
91
|
}, canSort ? /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
|
|
96
92
|
prefixCls: prefixCls,
|
|
97
|
-
active: activeSorterType === 'ascend' && activeSorterColumn ===
|
|
93
|
+
active: activeSorterType === 'ascend' && activeSorterColumn === dataKey,
|
|
98
94
|
// {/* TODO: 国际化 */}
|
|
99
95
|
// {/* {localeDatas.table.ascend} */}
|
|
100
96
|
content: '递增',
|
|
101
97
|
icon: /*#__PURE__*/React__default['default'].createElement(icons.SortAscendingOutlined, null),
|
|
102
|
-
|
|
103
|
-
if (
|
|
98
|
+
onSwitch: function onSwitch(shouldActive) {
|
|
99
|
+
if (shouldActive) {
|
|
100
|
+
setActiveSorterType('ascend');
|
|
101
|
+
setActiveSorterColumn(dataKey);
|
|
102
|
+
} else {
|
|
104
103
|
setActiveSorterType(null);
|
|
105
104
|
setActiveSorterColumn(null);
|
|
106
|
-
} else {
|
|
107
|
-
setActiveSorterType('ascend');
|
|
108
|
-
setActiveSorterColumn(columnKey);
|
|
109
105
|
}
|
|
110
106
|
|
|
111
107
|
menuVisibleAction.off();
|
|
112
108
|
}
|
|
113
109
|
}) : null, canSort ? /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
|
|
114
110
|
prefixCls: prefixCls,
|
|
115
|
-
active: activeSorterType === 'descend' && activeSorterColumn ===
|
|
111
|
+
active: activeSorterType === 'descend' && activeSorterColumn === dataKey,
|
|
116
112
|
// {/* TODO: 国际化 */}
|
|
117
113
|
// {/* {localeDatas.table.descend} */}
|
|
118
114
|
content: '递减',
|
|
119
115
|
icon: /*#__PURE__*/React__default['default'].createElement(icons.SortDescendingOutlined, null),
|
|
120
|
-
|
|
121
|
-
if (
|
|
116
|
+
onSwitch: function onSwitch(shouldActive) {
|
|
117
|
+
if (shouldActive) {
|
|
118
|
+
setActiveSorterType('descend');
|
|
119
|
+
setActiveSorterColumn(dataKey);
|
|
120
|
+
} else {
|
|
122
121
|
setActiveSorterType(null);
|
|
123
122
|
setActiveSorterColumn(null);
|
|
124
|
-
} else {
|
|
125
|
-
setActiveSorterType('descend');
|
|
126
|
-
setActiveSorterColumn(columnKey);
|
|
127
123
|
}
|
|
128
124
|
|
|
129
125
|
menuVisibleAction.off();
|
|
130
126
|
}
|
|
131
127
|
}) : null, /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
|
|
132
128
|
prefixCls: prefixCls,
|
|
133
|
-
active: isHighlightedCol(
|
|
129
|
+
active: isHighlightedCol(dataKey),
|
|
134
130
|
// {/* TODO: 国际化 */}
|
|
135
131
|
// {/* {localeDatas.table.highlight} */}
|
|
136
132
|
content: '高亮',
|
|
137
133
|
icon: /*#__PURE__*/React__default['default'].createElement(icons.ColumnHeightOutlined, null),
|
|
138
|
-
|
|
139
|
-
onHighlightedColChange(column,
|
|
134
|
+
onSwitch: function onSwitch(shouldActive) {
|
|
135
|
+
onHighlightedColChange(column, shouldActive);
|
|
140
136
|
menuVisibleAction.off();
|
|
141
137
|
}
|
|
142
138
|
}), /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
|
|
143
139
|
prefixCls: prefixCls,
|
|
144
|
-
active: leftFreezeColumn ===
|
|
140
|
+
active: leftFreezeColumn === dataKey,
|
|
145
141
|
// {/* TODO: 国际化 */}
|
|
146
142
|
// {/* {localeDatas.table.freeze} */}
|
|
147
143
|
content: '冻结',
|
|
148
144
|
icon: /*#__PURE__*/React__default['default'].createElement(icons.LockOutlined, null),
|
|
149
|
-
|
|
150
|
-
if (
|
|
151
|
-
setLeftFreezeColumn(
|
|
145
|
+
onSwitch: function onSwitch(shouldActive) {
|
|
146
|
+
if (shouldActive) {
|
|
147
|
+
setLeftFreezeColumn(dataKey);
|
|
152
148
|
} else {
|
|
153
|
-
setLeftFreezeColumn(
|
|
149
|
+
setLeftFreezeColumn('');
|
|
154
150
|
}
|
|
155
151
|
|
|
156
152
|
menuVisibleAction.off();
|
|
@@ -162,15 +158,17 @@ if (env.__DEV__) {
|
|
|
162
158
|
TableColumnMenu.displayName = 'TableColumnMenu';
|
|
163
159
|
}
|
|
164
160
|
|
|
165
|
-
var TableColumnMenuItem = function TableColumnMenuItem(
|
|
166
|
-
var prefixCls =
|
|
167
|
-
active =
|
|
168
|
-
|
|
169
|
-
content =
|
|
170
|
-
icon =
|
|
161
|
+
var TableColumnMenuItem = function TableColumnMenuItem(_ref2) {
|
|
162
|
+
var prefixCls = _ref2.prefixCls,
|
|
163
|
+
active = _ref2.active,
|
|
164
|
+
onSwitch = _ref2.onSwitch,
|
|
165
|
+
content = _ref2.content,
|
|
166
|
+
icon = _ref2.icon;
|
|
171
167
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
172
168
|
className: classname.cx(prefixCls + "__item", active && prefixCls + "__item--active"),
|
|
173
|
-
onClick: onClick
|
|
169
|
+
onClick: function onClick() {
|
|
170
|
+
return onSwitch(!active);
|
|
171
|
+
}
|
|
174
172
|
}, /*#__PURE__*/React__default['default'].createElement("span", null, content), icon);
|
|
175
173
|
};
|
|
176
174
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumnMenu.js","sources":["../../src/TableColumnMenu.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableColumnMenu","forwardRef","
|
|
1
|
+
{"version":3,"file":"TableColumnMenu.js","sources":["../../src/TableColumnMenu.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableColumnMenu","forwardRef","ref","prefixCls","column","useTableContext","activeSorterType","activeSorterColumn","setActiveSorterType","setActiveSorterColumn","leftFreezeColumn","setLeftFreezeColumn","isHighlightedCol","onHighlightedColChange","dataKey","id","columnRaw","raw","canSort","sorter","useToggle","menuVisible","menuVisibleAction","React","useState","menuTrigger","setMenuTrigger","IconButton","className","onClick","not","icon","DownOutlined","Popper","visible","attachEl","onClose","off","zIndex","TableColumnMenuItem","active","content","SortAscendingOutlined","onSwitch","shouldActive","SortDescendingOutlined","ColumnHeightOutlined","LockOutlined","__DEV__","displayName","cx"],"mappings":"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"}
|