@hi-ui/table 4.3.2 → 4.3.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/CHANGELOG.md +37 -0
- package/lib/cjs/BaseTable.js +31 -21
- package/lib/cjs/ColGroupContent.js +12 -2
- package/lib/cjs/SettingDrawer.js +23 -12
- package/lib/cjs/Table.js +27 -14
- package/lib/cjs/TableAdvancedFilter.js +25 -13
- package/lib/cjs/TableBody.js +21 -11
- package/lib/cjs/TableCell.js +18 -8
- package/lib/cjs/TableColumnMenu.js +26 -15
- package/lib/cjs/TableEmbedRow.js +15 -4
- package/lib/cjs/TableHeader.js +13 -3
- package/lib/cjs/TableRow.js +23 -13
- package/lib/cjs/TableSettingMenu.js +26 -15
- package/lib/cjs/TbodyContent.js +19 -9
- package/lib/cjs/TheadContent.js +18 -8
- package/lib/cjs/_virtual/index.js +3 -0
- package/lib/cjs/_virtual/index2.js +3 -0
- package/lib/cjs/_virtual/react-is.development.js +3 -0
- package/lib/cjs/_virtual/react-is.production.min.js +3 -0
- package/lib/cjs/context.js +3 -0
- package/lib/cjs/hooks/use-async-switch.js +14 -4
- package/lib/cjs/hooks/use-check.js +15 -5
- package/lib/cjs/hooks/use-col-hidden.js +3 -0
- package/lib/cjs/hooks/use-col-set.js +3 -0
- package/lib/cjs/hooks/use-col-sorter.js +3 -0
- package/lib/cjs/hooks/use-col-width.js +17 -7
- package/lib/cjs/hooks/use-colgroup.js +13 -3
- package/lib/cjs/hooks/use-drag.js +11 -1
- package/lib/cjs/hooks/use-embed-expand.js +14 -3
- package/lib/cjs/hooks/use-expand.js +3 -0
- package/lib/cjs/hooks/use-pagination.js +17 -6
- package/lib/cjs/hooks/use-queue.js +3 -0
- package/lib/cjs/icons/index.js +14 -4
- package/lib/cjs/node_modules/rc-resize-observer/es/index.js +19 -7
- package/lib/cjs/node_modules/rc-resize-observer/node_modules/rc-util/es/Children/toArray.js +8 -1
- package/lib/cjs/node_modules/rc-resize-observer/node_modules/rc-util/es/Dom/findDOMNode.js +8 -1
- package/lib/cjs/node_modules/rc-resize-observer/node_modules/rc-util/es/ref.js +11 -1
- package/lib/cjs/node_modules/rc-util/es/Dom/findDOMNode.js +8 -1
- package/lib/cjs/node_modules/rc-util/es/hooks/useLayoutEffect.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/Filler.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/Item.js +7 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/List.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/ScrollBar.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/hooks/useChildren.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/hooks/useDiffItem.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/hooks/useHeights.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/hooks/useScrollTo.js +4 -2
- package/lib/cjs/node_modules/rc-virtual-list/es/utils/algorithmUtil.js +5 -0
- package/lib/cjs/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +74 -75
- package/lib/cjs/packages/hooks/use-merge-refs/lib/esm/index.js +3 -0
- package/lib/cjs/packages/ui/scrollbar/lib/esm/Scrollbar.js +12 -2
- package/lib/cjs/packages/ui/scrollbar/lib/esm/styles/index.scss.js +8 -1
- package/lib/cjs/packages/ui/scrollbar/lib/esm/utils/index.js +4 -0
- package/lib/cjs/use-table.js +18 -8
- package/lib/cjs/utils/index.js +3 -0
- package/lib/esm/BaseTable.js +7 -7
- package/lib/esm/Table.js +8 -8
- package/lib/esm/TableAdvancedFilter.js +5 -5
- package/lib/esm/TableBody.js +3 -3
- package/lib/esm/TableColumnMenu.js +3 -3
- package/lib/esm/TableEmbedRow.js +2 -2
- package/lib/esm/TableRow.js +2 -2
- package/lib/esm/TbodyContent.js +4 -4
- package/lib/esm/TheadContent.js +4 -4
- package/lib/esm/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +74 -75
- package/package.json +33 -33
package/lib/cjs/TbodyContent.js
CHANGED
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var React = require('react');
|
|
13
17
|
var classname = require('@hi-ui/classname');
|
|
14
18
|
var env = require('@hi-ui/env');
|
|
@@ -17,6 +21,12 @@ var typeAssertion = require('@hi-ui/type-assertion');
|
|
|
17
21
|
var emptyState = require('@hi-ui/empty-state');
|
|
18
22
|
var TableRow = require('./TableRow.js');
|
|
19
23
|
var context = require('./context.js');
|
|
24
|
+
function _interopDefaultCompat(e) {
|
|
25
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
26
|
+
'default': e
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
20
30
|
var _prefix = classname.getPrefixCls('table-body');
|
|
21
31
|
var TbodyContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
22
32
|
var _ref$prefixCls = _ref.prefixCls,
|
|
@@ -44,8 +54,8 @@ var TbodyContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
44
54
|
};
|
|
45
55
|
});
|
|
46
56
|
// 外层增加 div 作为滚动容器
|
|
47
|
-
return /*#__PURE__*/
|
|
48
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__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) {
|
|
58
|
+
return /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow, Object.assign({
|
|
49
59
|
ref: index === 0 ? measureRowElementRef : null,
|
|
50
60
|
// key={depth + index}
|
|
51
61
|
key: row.id,
|
|
@@ -53,17 +63,17 @@ var TbodyContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
53
63
|
rowIndex: index,
|
|
54
64
|
rowData: row
|
|
55
65
|
}, getRequiredProps(row.id)));
|
|
56
|
-
}), hasSumColumn ? /*#__PURE__*/
|
|
66
|
+
}), hasSumColumn ? ( /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow, {
|
|
57
67
|
key: sumRow.id,
|
|
58
68
|
rowIndex: transitionData.length,
|
|
59
69
|
rowData: sumRow,
|
|
60
70
|
isSumRow: true
|
|
61
|
-
}) : null, hasAvgColumn ? /*#__PURE__*/
|
|
71
|
+
})) : null, hasAvgColumn ? ( /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow, {
|
|
62
72
|
key: avgRow.id,
|
|
63
73
|
rowIndex: transitionData.length + 1,
|
|
64
74
|
rowData: avgRow,
|
|
65
75
|
isAvgRow: true
|
|
66
|
-
}) : null) :
|
|
76
|
+
})) : null)) :
|
|
67
77
|
// 空状态,colSpan 占满表格整行
|
|
68
78
|
renderEmptyContent(Object.assign({
|
|
69
79
|
className: prefixCls + "-empty-content",
|
|
@@ -84,18 +94,18 @@ var renderEmptyContent = function renderEmptyContent(_ref2) {
|
|
|
84
94
|
colSpan = _ref2.colSpan,
|
|
85
95
|
emptyContent = _ref2.emptyContent,
|
|
86
96
|
scrollBodyWidth = _ref2.scrollBodyWidth;
|
|
87
|
-
return /*#__PURE__*/
|
|
97
|
+
return /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
88
98
|
className: className
|
|
89
|
-
}, /*#__PURE__*/
|
|
99
|
+
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
90
100
|
colSpan: colSpan
|
|
91
|
-
}, /*#__PURE__*/
|
|
101
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
92
102
|
style: {
|
|
93
103
|
position: 'sticky',
|
|
94
104
|
left: 0,
|
|
95
105
|
width: scrollBodyWidth !== null && scrollBodyWidth !== void 0 ? scrollBodyWidth : '100%',
|
|
96
106
|
overflow: 'hidden'
|
|
97
107
|
}
|
|
98
|
-
}, emptyContent || /*#__PURE__*/
|
|
108
|
+
}, emptyContent || /*#__PURE__*/React__default["default"].createElement(emptyState.EmptyState, null))));
|
|
99
109
|
};
|
|
100
110
|
exports.TbodyContent = TbodyContent;
|
|
101
111
|
exports.renderEmptyContent = renderEmptyContent;
|
package/lib/cjs/TheadContent.js
CHANGED
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var tslib = require('tslib');
|
|
13
17
|
var React = require('react');
|
|
14
18
|
var reactResizable = require('react-resizable');
|
|
@@ -18,6 +22,12 @@ var typeAssertion = require('@hi-ui/type-assertion');
|
|
|
18
22
|
var useCheckState = require('@hi-ui/use-check-state');
|
|
19
23
|
var context = require('./context.js');
|
|
20
24
|
var TableAdvancedFilter = require('./TableAdvancedFilter.js');
|
|
25
|
+
function _interopDefaultCompat(e) {
|
|
26
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
27
|
+
'default': e
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
21
31
|
var _prefix = classname.getPrefixCls('table-header');
|
|
22
32
|
var TheadContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
23
33
|
var _a$prefixCls = _a.prefixCls,
|
|
@@ -34,8 +44,8 @@ var TheadContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
34
44
|
showColMenu = _useTableContext.showColMenu,
|
|
35
45
|
setHeaderTableElement = _useTableContext.setHeaderTableElement;
|
|
36
46
|
var activeColumnKeysAction = useCheckState.useCheckState();
|
|
37
|
-
return /*#__PURE__*/
|
|
38
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/React__default["default"].createElement("thead", Object.assign({}, rest), groupedColumns.map(function (cols, colsIndex) {
|
|
48
|
+
return /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
39
49
|
key: colsIndex,
|
|
40
50
|
ref: setHeaderTableElement
|
|
41
51
|
}, cols.map(function (col, colIndex) {
|
|
@@ -44,10 +54,10 @@ var TheadContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
44
54
|
title = _ref.title,
|
|
45
55
|
raw = _ref.raw;
|
|
46
56
|
var titleContent = typeAssertion.isFunction(title) ? title(col) : title;
|
|
47
|
-
titleContent = resizable ? /*#__PURE__*/
|
|
57
|
+
titleContent = resizable ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
|
48
58
|
className: prefixCls + "-header__title"
|
|
49
|
-
}, titleContent) : titleContent;
|
|
50
|
-
var cell = /*#__PURE__*/
|
|
59
|
+
}, titleContent)) : titleContent;
|
|
60
|
+
var cell = /*#__PURE__*/React__default["default"].createElement("th", Object.assign({
|
|
51
61
|
key: dataKey
|
|
52
62
|
}, getStickyColProps(col), {
|
|
53
63
|
className: classname.cx(prefixCls + "-cell", raw.className, isHighlightedCol(dataKey) && prefixCls + "-cell__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "-cell__col--hovered-highlight", activeColumnKeysAction.has(dataKey) && prefixCls + "-cell__col--active"),
|
|
@@ -67,13 +77,13 @@ var TheadContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
67
77
|
return activeColumnKeysAction.remove(dataKey);
|
|
68
78
|
}
|
|
69
79
|
}));
|
|
70
|
-
return resizable && colIndex !== colWidths.length - 1 ? /*#__PURE__*/
|
|
80
|
+
return resizable && colIndex !== colWidths.length - 1 ? ( /*#__PURE__*/React__default["default"].createElement(reactResizable.Resizable, {
|
|
71
81
|
key: colIndex,
|
|
72
82
|
className: prefixCls + "__resizable",
|
|
73
83
|
draggableOpts: {
|
|
74
84
|
enableUserSelectHack: false
|
|
75
85
|
},
|
|
76
|
-
handle: /*#__PURE__*/
|
|
86
|
+
handle: /*#__PURE__*/React__default["default"].createElement("span", {
|
|
77
87
|
className: prefixCls + "__resizable-handle"
|
|
78
88
|
}),
|
|
79
89
|
height: 0,
|
|
@@ -81,7 +91,7 @@ var TheadContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
81
91
|
onResize: function onResize(evt, options) {
|
|
82
92
|
onColumnResizable(evt, options, colIndex);
|
|
83
93
|
}
|
|
84
|
-
}, cell) : cell;
|
|
94
|
+
}, cell)) : cell;
|
|
85
95
|
}));
|
|
86
96
|
}));
|
|
87
97
|
});
|
package/lib/cjs/context.js
CHANGED
|
@@ -9,12 +9,22 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
13
17
|
var tslib = require('tslib');
|
|
14
18
|
var React = require('react');
|
|
15
19
|
var useLatest = require('@hi-ui/use-latest');
|
|
16
20
|
var treeUtils = require('@hi-ui/tree-utils');
|
|
17
21
|
var useCheckState = require('@hi-ui/use-check-state');
|
|
22
|
+
function _interopDefaultCompat(e) {
|
|
23
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
24
|
+
'default': e
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
|
|
18
28
|
var useAsyncSwitch = function useAsyncSwitch(_ref) {
|
|
19
29
|
var setCascaderData = _ref.setCascaderData,
|
|
20
30
|
onExpand = _ref.onExpand,
|
|
@@ -24,9 +34,9 @@ var useAsyncSwitch = function useAsyncSwitch(_ref) {
|
|
|
24
34
|
var onLoadChildrenLatest = useLatest.useLatestCallback(onLoadChildren);
|
|
25
35
|
// 加载节点
|
|
26
36
|
var loadChildren = React.useCallback(function (node) {
|
|
27
|
-
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/
|
|
37
|
+
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
|
|
28
38
|
var childrenNodes;
|
|
29
|
-
return
|
|
39
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
|
|
30
40
|
while (1) {
|
|
31
41
|
switch (_context.prev = _context.next) {
|
|
32
42
|
case 0:
|
|
@@ -58,9 +68,9 @@ var useAsyncSwitch = function useAsyncSwitch(_ref) {
|
|
|
58
68
|
if (onlyExpand === void 0) {
|
|
59
69
|
onlyExpand = false;
|
|
60
70
|
}
|
|
61
|
-
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/
|
|
71
|
+
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
|
|
62
72
|
var id, children, isLeaf;
|
|
63
|
-
return
|
|
73
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
|
|
64
74
|
while (1) {
|
|
65
75
|
switch (_context2.prev = _context2.next) {
|
|
66
76
|
case 0:
|
|
@@ -9,15 +9,25 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var useCheck = require('@hi-ui/use-check');
|
|
13
17
|
var React = require('react');
|
|
14
18
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
|
19
|
+
function _interopDefaultCompat(e) {
|
|
20
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
21
|
+
'default': e
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
25
|
var DEFAULT_CHECKED_ROW_KEYS = [];
|
|
16
26
|
var useTableCheck = function useTableCheck(_ref) {
|
|
17
27
|
var rowSelection = _ref.rowSelection,
|
|
18
28
|
flattedData = _ref.flattedData,
|
|
19
29
|
fieldKey = _ref.fieldKey;
|
|
20
|
-
var checkRowIsDisabledCheckbox =
|
|
30
|
+
var checkRowIsDisabledCheckbox = React__default["default"].useCallback(function (rowItem) {
|
|
21
31
|
var checkboxConfig = rowSelection && rowSelection.getCheckboxConfig && rowSelection.getCheckboxConfig(rowItem);
|
|
22
32
|
return checkboxConfig && checkboxConfig.disabled || false;
|
|
23
33
|
}, [rowSelection]);
|
|
@@ -25,7 +35,7 @@ var useTableCheck = function useTableCheck(_ref) {
|
|
|
25
35
|
checkedRowKeys = _useUncontrolledState[0],
|
|
26
36
|
trySetCheckedRowKeys = _useUncontrolledState[1];
|
|
27
37
|
// 已选中的行数据集合
|
|
28
|
-
var checkedRowDataItemsRef =
|
|
38
|
+
var checkedRowDataItemsRef = React__default["default"].useRef([]);
|
|
29
39
|
var checkedRowDataItems = checkedRowDataItemsRef.current;
|
|
30
40
|
// TODO: 暂时不支持正反选
|
|
31
41
|
var _useCheck = useCheck.useCheck({
|
|
@@ -38,7 +48,7 @@ var useTableCheck = function useTableCheck(_ref) {
|
|
|
38
48
|
handleCheckedRowKeysChange = _useCheck[0],
|
|
39
49
|
isCheckedRowKey = _useCheck[1];
|
|
40
50
|
// 选中项变化会触发该函数
|
|
41
|
-
var onCheckedRowKeysChange =
|
|
51
|
+
var onCheckedRowKeysChange = React__default["default"].useCallback(function (rowItem, checked) {
|
|
42
52
|
// 记录选中的行数据集合
|
|
43
53
|
var nextCheckedDataItems = checkedRowDataItems;
|
|
44
54
|
if (checked) {
|
|
@@ -55,7 +65,7 @@ var useTableCheck = function useTableCheck(_ref) {
|
|
|
55
65
|
handleCheckedRowKeysChange(rowItem, checked);
|
|
56
66
|
}, [checkedRowDataItems, fieldKey, handleCheckedRowKeysChange]);
|
|
57
67
|
// 判断是否全选
|
|
58
|
-
var _React$useMemo =
|
|
68
|
+
var _React$useMemo = React__default["default"].useMemo(function () {
|
|
59
69
|
if (rowSelection) {
|
|
60
70
|
if (flattedData.length === 0 || checkedRowKeys.length === 0) {
|
|
61
71
|
return [false, false];
|
|
@@ -79,7 +89,7 @@ var useTableCheck = function useTableCheck(_ref) {
|
|
|
79
89
|
}, [flattedData, rowSelection, isCheckedRowKey, checkedRowKeys.length, checkRowIsDisabledCheckbox]),
|
|
80
90
|
checkedAll = _React$useMemo[0],
|
|
81
91
|
semiChecked = _React$useMemo[1];
|
|
82
|
-
var tryCheckAllRow =
|
|
92
|
+
var tryCheckAllRow = React__default["default"].useCallback(function () {
|
|
83
93
|
var targetItems = flattedData.filter(function (item) {
|
|
84
94
|
return !checkRowIsDisabledCheckbox(item.raw);
|
|
85
95
|
});
|
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
|
13
|
+
value: true
|
|
14
|
+
});
|
|
12
15
|
var React = require('react');
|
|
13
16
|
var useUpdateEffect = require('@hi-ui/use-update-effect');
|
|
14
17
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
|
@@ -9,15 +9,25 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var React = require('react');
|
|
13
17
|
var index = require('../utils/index.js');
|
|
14
18
|
var useUpdateEffect = require('@hi-ui/use-update-effect');
|
|
19
|
+
function _interopDefaultCompat(e) {
|
|
20
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
21
|
+
'default': e
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
25
|
var useColWidth = function useColWidth(_ref) {
|
|
16
26
|
var resizable = _ref.resizable,
|
|
17
27
|
columns = _ref.columns,
|
|
18
28
|
virtual = _ref.virtual;
|
|
19
|
-
var measureRowElementRef =
|
|
20
|
-
var _React$useState =
|
|
29
|
+
var measureRowElementRef = React__default["default"].useRef(null);
|
|
30
|
+
var _React$useState = React__default["default"].useState(function () {
|
|
21
31
|
return index.getGroupItemWidth(columns);
|
|
22
32
|
}),
|
|
23
33
|
colWidths = _React$useState[0],
|
|
@@ -59,7 +69,7 @@ var useColWidth = function useColWidth(_ref) {
|
|
|
59
69
|
/**
|
|
60
70
|
* 根据实际内容区(table 的第一行)渲染,再次精确收集并设置每列宽度
|
|
61
71
|
*/
|
|
62
|
-
|
|
72
|
+
React__default["default"].useEffect(function () {
|
|
63
73
|
var measureRowElement = measureRowElementRef.current;
|
|
64
74
|
if (measureRowElement) {
|
|
65
75
|
var _resizeObserver = new ResizeObserver(function () {
|
|
@@ -83,13 +93,13 @@ var useColWidth = function useColWidth(_ref) {
|
|
|
83
93
|
return function () {};
|
|
84
94
|
// 测量元素在内容列为空时会是空,切换会使测量元素变化,导致后续的resize时间无法响应,此处测量元素变化时需要重新绑定
|
|
85
95
|
}, [getVirtualWidths, virtual]);
|
|
86
|
-
var _React$useState2 =
|
|
96
|
+
var _React$useState2 = React__default["default"].useState(null),
|
|
87
97
|
headerTableElement = _React$useState2[0],
|
|
88
98
|
setHeaderTableElement = _React$useState2[1];
|
|
89
99
|
/**
|
|
90
100
|
* 控制列最小可调整宽度
|
|
91
101
|
*/
|
|
92
|
-
var minColWidth =
|
|
102
|
+
var minColWidth = React__default["default"].useMemo(function () {
|
|
93
103
|
if (resizable && headerTableElement) {
|
|
94
104
|
var resizableHandlerWidth = 4;
|
|
95
105
|
var _minColWidth = Array.from(headerTableElement.childNodes).map(function (th) {
|
|
@@ -108,7 +118,7 @@ var useColWidth = function useColWidth(_ref) {
|
|
|
108
118
|
/**
|
|
109
119
|
* 列宽拖拽 resize,只处理拖拽线两边的列宽度
|
|
110
120
|
*/
|
|
111
|
-
var onColumnResizable =
|
|
121
|
+
var onColumnResizable = React__default["default"].useCallback(function (_, _ref2, index) {
|
|
112
122
|
var size = _ref2.size;
|
|
113
123
|
var minWidth = minColWidth[index];
|
|
114
124
|
var anotherMinWidth = minColWidth[index + 1];
|
|
@@ -125,7 +135,7 @@ var useColWidth = function useColWidth(_ref) {
|
|
|
125
135
|
return nextColWidths;
|
|
126
136
|
});
|
|
127
137
|
}, [minColWidth]);
|
|
128
|
-
var getColgroupProps =
|
|
138
|
+
var getColgroupProps = React__default["default"].useCallback(function (column, index) {
|
|
129
139
|
var width = colWidths[index] || undefined;
|
|
130
140
|
return {
|
|
131
141
|
style: {
|
|
@@ -9,13 +9,23 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var React = require('react');
|
|
13
17
|
var treeUtils = require('@hi-ui/tree-utils');
|
|
14
18
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
19
|
+
function _interopDefaultCompat(e) {
|
|
20
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
21
|
+
'default': e
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
25
|
var useColumns = function useColumns(_ref) {
|
|
16
26
|
var columns = _ref.columns;
|
|
17
27
|
// 拉平后的数据
|
|
18
|
-
var _React$useMemo =
|
|
28
|
+
var _React$useMemo = React__default["default"].useMemo(function () {
|
|
19
29
|
var clonedColumns = treeUtils.cloneTree(columns);
|
|
20
30
|
var maxDepth = 0;
|
|
21
31
|
// @ts-ignore
|
|
@@ -47,12 +57,12 @@ var useColumns = function useColumns(_ref) {
|
|
|
47
57
|
flattedColumns = _React$useMemo[0],
|
|
48
58
|
maxColumnDepth = _React$useMemo[1];
|
|
49
59
|
// 末级 column
|
|
50
|
-
var flattedColumnsWithoutChildren =
|
|
60
|
+
var flattedColumnsWithoutChildren = React__default["default"].useMemo(function () {
|
|
51
61
|
return flattedColumns.filter(function (col) {
|
|
52
62
|
return !typeAssertion.isArrayNonEmpty(col.children);
|
|
53
63
|
});
|
|
54
64
|
}, [flattedColumns]);
|
|
55
|
-
var _React$useMemo2 =
|
|
65
|
+
var _React$useMemo2 = React__default["default"].useMemo(function () {
|
|
56
66
|
var nextColumns = [].concat(
|
|
57
67
|
// @ts-ignore
|
|
58
68
|
// flattedColumns.filter((col) => isLeaf(col)) as FlattedTableColumnItemData[]
|
|
@@ -9,10 +9,20 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var React = require('react');
|
|
13
17
|
var useLatest = require('@hi-ui/use-latest');
|
|
14
18
|
var treeUtils = require('@hi-ui/tree-utils');
|
|
15
19
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
20
|
+
function _interopDefaultCompat(e) {
|
|
21
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
22
|
+
'default': e
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
26
|
var useTableDrag = function useTableDrag(_ref) {
|
|
17
27
|
var cacheData = _ref.cacheData,
|
|
18
28
|
setCacheData = _ref.setCacheData,
|
|
@@ -20,7 +30,7 @@ var useTableDrag = function useTableDrag(_ref) {
|
|
|
20
30
|
onDropEnd = _ref.onDropEnd,
|
|
21
31
|
onDropProp = _ref.onDrop,
|
|
22
32
|
fieldKey = _ref.fieldKey;
|
|
23
|
-
var dragRowRef =
|
|
33
|
+
var dragRowRef = React__default["default"].useRef(null);
|
|
24
34
|
var onDropEndLatest = useLatest.useLatestCallback(onDropEnd);
|
|
25
35
|
var onDrop = React.useCallback(function (evt, sourceId, targetId, dragDirection) {
|
|
26
36
|
if (!draggable) return;
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
13
17
|
var tslib = require('tslib');
|
|
14
18
|
var React = require('react');
|
|
@@ -16,6 +20,13 @@ var typeAssertion = require('@hi-ui/type-assertion');
|
|
|
16
20
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
|
17
21
|
var useCheck = require('@hi-ui/use-check');
|
|
18
22
|
var useCheckState = require('@hi-ui/use-check-state');
|
|
23
|
+
function _interopDefaultCompat(e) {
|
|
24
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
25
|
+
'default': e
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
|
|
29
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
19
30
|
var DEFAULT_EXPAND_EMBED_ROW_KEYS = [];
|
|
20
31
|
/**
|
|
21
32
|
* 行内嵌面板展开
|
|
@@ -63,7 +74,7 @@ var useEmbedExpand = function useEmbedExpand(_ref) {
|
|
|
63
74
|
* 内嵌面板数据
|
|
64
75
|
* 结构:{ [id]: 内嵌数据 }
|
|
65
76
|
*/
|
|
66
|
-
var _React$useState =
|
|
77
|
+
var _React$useState = React__default["default"].useState({}),
|
|
67
78
|
embedPanelRecord = _React$useState[0],
|
|
68
79
|
setEmbedPanelRecord = _React$useState[1];
|
|
69
80
|
var getEmbedPanelById = React.useCallback(function (id) {
|
|
@@ -73,9 +84,9 @@ var useEmbedExpand = function useEmbedExpand(_ref) {
|
|
|
73
84
|
* 异步展开逻辑处理
|
|
74
85
|
*/
|
|
75
86
|
var onEmbedSwitch = React.useCallback(function (node, rowIndex) {
|
|
76
|
-
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/
|
|
87
|
+
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
|
|
77
88
|
var embedContentMaybePromise;
|
|
78
|
-
return
|
|
89
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
|
|
79
90
|
while (1) {
|
|
80
91
|
switch (_context.prev = _context.next) {
|
|
81
92
|
case 0:
|
|
@@ -9,10 +9,21 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var React = require('react');
|
|
13
17
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
|
14
18
|
var useLatest = require('@hi-ui/use-latest');
|
|
15
19
|
var axios = require('axios');
|
|
20
|
+
function _interopDefaultCompat(e) {
|
|
21
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
22
|
+
'default': e
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
26
|
+
var axios__default = /*#__PURE__*/_interopDefaultCompat(axios);
|
|
16
27
|
var useTablePagination = function useTablePagination(_ref) {
|
|
17
28
|
var pagination = _ref.pagination,
|
|
18
29
|
loadingProp = _ref.loadingProp,
|
|
@@ -25,15 +36,15 @@ var useTablePagination = function useTablePagination(_ref) {
|
|
|
25
36
|
var _useUncontrolledState2 = useUncontrolledState.useUncontrolledState((_b = (_a = pagination === null || pagination === void 0 ? void 0 : pagination.pageSizeOptions) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 10, pagination.pageSize, pagination.onPageSizeChange),
|
|
26
37
|
pageSize = _useUncontrolledState2[0],
|
|
27
38
|
trySetPageSize = _useUncontrolledState2[1];
|
|
28
|
-
var _React$useState =
|
|
39
|
+
var _React$useState = React__default["default"].useState(false),
|
|
29
40
|
internalLoading = _React$useState[0],
|
|
30
41
|
setInternalLoading = _React$useState[1];
|
|
31
42
|
var loading = dataSource ? internalLoading : loadingProp;
|
|
32
|
-
var _React$useState2 =
|
|
43
|
+
var _React$useState2 = React__default["default"].useState(0),
|
|
33
44
|
internalTotal = _React$useState2[0],
|
|
34
45
|
setInternalTotal = _React$useState2[1];
|
|
35
46
|
var total = dataSource ? internalTotal : pagination.total;
|
|
36
|
-
var _React$useState3 =
|
|
47
|
+
var _React$useState3 = React__default["default"].useState([]),
|
|
37
48
|
remoteTableData = _React$useState3[0],
|
|
38
49
|
setRemoteTableData = _React$useState3[1];
|
|
39
50
|
var mergedData = dataSource ? remoteTableData : dataProp;
|
|
@@ -44,7 +55,7 @@ var useTablePagination = function useTablePagination(_ref) {
|
|
|
44
55
|
if (dataSource) {
|
|
45
56
|
var requestConfig = dataSource(currentPage, pageSize);
|
|
46
57
|
setInternalLoading(true);
|
|
47
|
-
|
|
58
|
+
axios__default["default"](requestConfig).then(function (res) {
|
|
48
59
|
var data = res.data;
|
|
49
60
|
setRemoteTableData(data === null || data === void 0 ? void 0 : data.list);
|
|
50
61
|
setInternalTotal(data === null || data === void 0 ? void 0 : data.total);
|
|
@@ -53,10 +64,10 @@ var useTablePagination = function useTablePagination(_ref) {
|
|
|
53
64
|
});
|
|
54
65
|
}
|
|
55
66
|
});
|
|
56
|
-
|
|
67
|
+
React__default["default"].useEffect(function () {
|
|
57
68
|
getData();
|
|
58
69
|
}, [currentPage, getData, pageSize]);
|
|
59
|
-
|
|
70
|
+
React__default["default"].useEffect(function () {
|
|
60
71
|
if (dataSource) {
|
|
61
72
|
// 如果已经在第一页则直接刷新数据,否则重置到第一页
|
|
62
73
|
currentPage === 1 ? getData() : trySetCurrentPage(1);
|
package/lib/cjs/icons/index.js
CHANGED
|
@@ -9,28 +9,38 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var React = require('react');
|
|
13
17
|
var icons = require('@hi-ui/icons');
|
|
14
18
|
var spinner = require('@hi-ui/spinner');
|
|
15
|
-
|
|
19
|
+
function _interopDefaultCompat(e) {
|
|
20
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
21
|
+
'default': e
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
25
|
+
var defaultCollapseIcon = /*#__PURE__*/React__default["default"].createElement(icons.CaretDownFilled, {
|
|
16
26
|
style: {
|
|
17
27
|
transition: 'transform 0.3s',
|
|
18
28
|
transform: 'rotate(-90deg)'
|
|
19
29
|
}
|
|
20
30
|
});
|
|
21
|
-
var defaultExpandIcon = /*#__PURE__*/
|
|
31
|
+
var defaultExpandIcon = /*#__PURE__*/React__default["default"].createElement(icons.CaretDownFilled, {
|
|
22
32
|
style: {
|
|
23
33
|
transition: 'transform 0.3s',
|
|
24
34
|
transform: 'rotate(0)'
|
|
25
35
|
}
|
|
26
36
|
});
|
|
27
|
-
var defaultLeafIcon = /*#__PURE__*/
|
|
37
|
+
var defaultLeafIcon = /*#__PURE__*/React__default["default"].createElement("span", {
|
|
28
38
|
style: {
|
|
29
39
|
display: 'inline-block',
|
|
30
40
|
width: 16
|
|
31
41
|
}
|
|
32
42
|
});
|
|
33
|
-
var defaultLoadingIcon = /*#__PURE__*/
|
|
43
|
+
var defaultLoadingIcon = /*#__PURE__*/React__default["default"].createElement(spinner.Spinner, null);
|
|
34
44
|
exports.defaultCollapseIcon = defaultCollapseIcon;
|
|
35
45
|
exports.defaultExpandIcon = defaultExpandIcon;
|
|
36
46
|
exports.defaultLeafIcon = defaultLeafIcon;
|