@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/use-table.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 treeUtils = require('@hi-ui/tree-utils');
|
|
@@ -25,6 +29,12 @@ var useExpand = require('./hooks/use-expand.js');
|
|
|
25
29
|
var useColWidth = require('./hooks/use-col-width.js');
|
|
26
30
|
var useColgroup = require('./hooks/use-colgroup.js');
|
|
27
31
|
var useDrag = require('./hooks/use-drag.js');
|
|
32
|
+
function _interopDefaultCompat(e) {
|
|
33
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
34
|
+
'default': e
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
28
38
|
var DEFAULT_COLUMNS = [];
|
|
29
39
|
var DEFAULT_DATA = [];
|
|
30
40
|
var DEFAULT_ERROR_ROW_KEYS = [];
|
|
@@ -81,7 +91,7 @@ var useTable = function useTable(_a) {
|
|
|
81
91
|
/**
|
|
82
92
|
* 获取 key 字段值
|
|
83
93
|
*/
|
|
84
|
-
var getRowKeyField =
|
|
94
|
+
var getRowKeyField = React__default["default"].useCallback(function (item) {
|
|
85
95
|
var val = item[fieldKey];
|
|
86
96
|
env.invariant(!typeAssertion.isNullish(val), 'Not found for the unique %s attribute in each row of data prop.', fieldKey);
|
|
87
97
|
return val;
|
|
@@ -199,7 +209,7 @@ var useTable = function useTable(_a) {
|
|
|
199
209
|
return next;
|
|
200
210
|
});
|
|
201
211
|
}, [setFixedToColumn]);
|
|
202
|
-
var _React$useMemo =
|
|
212
|
+
var _React$useMemo = React__default["default"].useMemo(function () {
|
|
203
213
|
if (!leftFreezeColumn && !rightFreezeColumn) {
|
|
204
214
|
return {
|
|
205
215
|
leftFrozenColKeys: [],
|
|
@@ -347,7 +357,7 @@ var useTable = function useTable(_a) {
|
|
|
347
357
|
/**
|
|
348
358
|
* 同步 双 table 左右滚动偏移
|
|
349
359
|
*/
|
|
350
|
-
var syncScrollLeft =
|
|
360
|
+
var syncScrollLeft = React__default["default"].useCallback(function (scrollLeft, syncTarget) {
|
|
351
361
|
var scrollRight = scrollSize.scrollRight;
|
|
352
362
|
if (syncTarget && syncTarget.scrollLeft !== scrollLeft) {
|
|
353
363
|
syncTarget.scrollLeft = scrollLeft;
|
|
@@ -365,7 +375,7 @@ var useTable = function useTable(_a) {
|
|
|
365
375
|
});
|
|
366
376
|
}, [rightFrozenColKeys, scrollSize]);
|
|
367
377
|
var scrollHeaderElementRef = React.useRef(null);
|
|
368
|
-
var onTableBodyScroll =
|
|
378
|
+
var onTableBodyScroll = React__default["default"].useCallback(function (evt) {
|
|
369
379
|
evt.stopPropagation();
|
|
370
380
|
if (scrollBodyElementRef.current) {
|
|
371
381
|
syncScrollLeft(scrollBodyElementRef.current.scrollLeft, scrollHeaderElementRef.current);
|
|
@@ -373,7 +383,7 @@ var useTable = function useTable(_a) {
|
|
|
373
383
|
}, [syncScrollLeft]);
|
|
374
384
|
// 1. 对于 sticky 的元素,触发滚轮滚动,需要模拟 onScroll 触发,比如 tableHeader 固定吸顶时
|
|
375
385
|
// 2. 同时不允许其出现滚动条
|
|
376
|
-
var onTableBodyScrollMock =
|
|
386
|
+
var onTableBodyScrollMock = React__default["default"].useCallback(function (evt) {
|
|
377
387
|
if (!scrollHeaderElementRef.current) return;
|
|
378
388
|
evt.stopPropagation();
|
|
379
389
|
var deltaX = evt.deltaX;
|
|
@@ -398,12 +408,12 @@ var useTable = function useTable(_a) {
|
|
|
398
408
|
return errorRowKeys.includes(key);
|
|
399
409
|
}, [errorRowKeys]);
|
|
400
410
|
// 末级 column
|
|
401
|
-
var flattedColumnsWithoutChildren =
|
|
411
|
+
var flattedColumnsWithoutChildren = React__default["default"].useMemo(function () {
|
|
402
412
|
return mergedColumns1.filter(function (col) {
|
|
403
413
|
return !typeAssertion.isArrayNonEmpty(col.children);
|
|
404
414
|
});
|
|
405
415
|
}, [mergedColumns1]);
|
|
406
|
-
var groupedColumns =
|
|
416
|
+
var groupedColumns = React__default["default"].useMemo(function () {
|
|
407
417
|
return mergedColumns1.reduce(function (acc, cur) {
|
|
408
418
|
var depth = cur.depth;
|
|
409
419
|
if (!acc[depth]) {
|
|
@@ -433,7 +443,7 @@ var useTable = function useTable(_a) {
|
|
|
433
443
|
'data-sticky': domUtils.setAttrStatus(sticky)
|
|
434
444
|
};
|
|
435
445
|
});
|
|
436
|
-
var getTableHeaderProps =
|
|
446
|
+
var getTableHeaderProps = React__default["default"].useCallback(function () {
|
|
437
447
|
var style = {
|
|
438
448
|
position: sticky ? 'sticky' : 'relative',
|
|
439
449
|
top: sticky ? stickyTop : undefined,
|
package/lib/cjs/utils/index.js
CHANGED
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
|
13
|
+
value: true
|
|
14
|
+
});
|
|
12
15
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
13
16
|
var setColumnsDefaultWidth = function setColumnsDefaultWidth(columns, defaultWidth) {
|
|
14
17
|
var _columns = columns.concat();
|
package/lib/esm/BaseTable.js
CHANGED
|
@@ -196,7 +196,7 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
196
196
|
var extraFooter = extra && extra.footer;
|
|
197
197
|
var alwaysFixedColumn = fixedColumnTrigger === 'always';
|
|
198
198
|
var renderTable = function renderTable() {
|
|
199
|
-
return needDoubleTable ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", Object.assign({}, getTableHeaderProps()), /*#__PURE__*/React__default.createElement(TableHeader, null), extraHeader ? /*#__PURE__*/React__default.createElement("div", {
|
|
199
|
+
return needDoubleTable ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", Object.assign({}, getTableHeaderProps()), /*#__PURE__*/React__default.createElement(TableHeader, null), extraHeader ? ( /*#__PURE__*/React__default.createElement("div", {
|
|
200
200
|
style: {
|
|
201
201
|
position: 'absolute',
|
|
202
202
|
right: 0,
|
|
@@ -204,9 +204,9 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
204
204
|
bottom: 0,
|
|
205
205
|
top: 0
|
|
206
206
|
}
|
|
207
|
-
}, extraHeader) : null), /*#__PURE__*/React__default.createElement(TableBody, {
|
|
207
|
+
}, extraHeader)) : null), /*#__PURE__*/React__default.createElement(TableBody, {
|
|
208
208
|
emptyContent: emptyContent
|
|
209
|
-
})) : /*#__PURE__*/React__default.createElement("div", {
|
|
209
|
+
}))) : ( /*#__PURE__*/React__default.createElement("div", {
|
|
210
210
|
ref: scrollBodyElementRef,
|
|
211
211
|
className: prefixCls + "-content",
|
|
212
212
|
onScroll: onTableBodyScroll,
|
|
@@ -221,20 +221,20 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
221
221
|
}
|
|
222
222
|
}, /*#__PURE__*/React__default.createElement(ColGroupContent, null), /*#__PURE__*/React__default.createElement(TheadContent, null), /*#__PURE__*/React__default.createElement(TbodyContent, {
|
|
223
223
|
emptyContent: emptyContent
|
|
224
|
-
})));
|
|
224
|
+
}))));
|
|
225
225
|
};
|
|
226
226
|
var renderFreezeShadow = function renderFreezeShadow() {
|
|
227
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? /*#__PURE__*/React__default.createElement("div", {
|
|
227
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? ( /*#__PURE__*/React__default.createElement("div", {
|
|
228
228
|
className: prefixCls + "-freeze-shadow " + prefixCls + "-freeze-shadow--left",
|
|
229
229
|
style: {
|
|
230
230
|
width: leftFixedColumnsWidth + 'px'
|
|
231
231
|
}
|
|
232
|
-
}) : null, (alwaysFixedColumn || scrollSize.scrollRight > 0) && rightFrozenColKeys.length > 0 ? /*#__PURE__*/React__default.createElement("div", {
|
|
232
|
+
})) : null, (alwaysFixedColumn || scrollSize.scrollRight > 0) && rightFrozenColKeys.length > 0 ? ( /*#__PURE__*/React__default.createElement("div", {
|
|
233
233
|
className: prefixCls + "-freeze-shadow " + prefixCls + "-freeze-shadow--right",
|
|
234
234
|
style: {
|
|
235
235
|
width: rightFixedColumnsWidth + 'px'
|
|
236
236
|
}
|
|
237
|
-
}) : null);
|
|
237
|
+
})) : null);
|
|
238
238
|
};
|
|
239
239
|
var tableFooter = /*#__PURE__*/React__default.createElement("div", {
|
|
240
240
|
className: prefixCls + "-footer",
|
package/lib/esm/Table.js
CHANGED
|
@@ -187,7 +187,7 @@ var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
187
187
|
var checked = isCheckedRowKey(rowKey);
|
|
188
188
|
var disabledCheckbox = checkRowIsDisabledCheckbox(rowItem);
|
|
189
189
|
return {
|
|
190
|
-
node: /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
190
|
+
node: ( /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
191
191
|
checked: isCheckedRowKey(rowKey),
|
|
192
192
|
disabled: disabledCheckbox,
|
|
193
193
|
onChange: function onChange(evt) {
|
|
@@ -196,7 +196,7 @@ var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
196
196
|
onClick: function onClick(evt) {
|
|
197
197
|
evt.stopPropagation();
|
|
198
198
|
}
|
|
199
|
-
}),
|
|
199
|
+
})),
|
|
200
200
|
checked: checked
|
|
201
201
|
};
|
|
202
202
|
};
|
|
@@ -218,11 +218,11 @@ var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
218
218
|
};
|
|
219
219
|
var renderTitleCell = function renderTitleCell() {
|
|
220
220
|
return {
|
|
221
|
-
node: /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
221
|
+
node: ( /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
222
222
|
checked: checkedAll,
|
|
223
223
|
indeterminate: semiChecked,
|
|
224
224
|
onChange: tryCheckAllRow
|
|
225
|
-
}),
|
|
225
|
+
})),
|
|
226
226
|
checked: checkedAll,
|
|
227
227
|
semiChecked: semiChecked
|
|
228
228
|
};
|
|
@@ -269,7 +269,7 @@ var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
269
269
|
virtual: virtual,
|
|
270
270
|
needDoubleTable: needDoubleTable,
|
|
271
271
|
extra: Object.assign({
|
|
272
|
-
header: setting ? /*#__PURE__*/React__default.createElement(TableSettingMenu, {
|
|
272
|
+
header: setting ? ( /*#__PURE__*/React__default.createElement(TableSettingMenu, {
|
|
273
273
|
prefixCls: prefixCls + "-setting",
|
|
274
274
|
// sort
|
|
275
275
|
sortedCols: sortedCols,
|
|
@@ -283,15 +283,15 @@ var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
283
283
|
setCacheHiddenColKeys: setCacheHiddenColKeys,
|
|
284
284
|
checkDisabledColKeys: checkDisabledColKeys,
|
|
285
285
|
onSetColKeysChange: onSetColKeysChange
|
|
286
|
-
}) : null,
|
|
287
|
-
footer: dataSource || !hiddenPagination ? /*#__PURE__*/React__default.createElement(Pagination, Object.assign({
|
|
286
|
+
})) : null,
|
|
287
|
+
footer: dataSource || !hiddenPagination ? ( /*#__PURE__*/React__default.createElement(Pagination, Object.assign({
|
|
288
288
|
className: cx(prefixCls + "-pagination", pagination.placement && prefixCls + "-pagination--placement-" + pagination.placement)
|
|
289
289
|
}, pagination, {
|
|
290
290
|
current: currentPage,
|
|
291
291
|
onChange: trySetCurrentPage,
|
|
292
292
|
pageSize: pageSize,
|
|
293
293
|
onPageSizeChange: trySetPageSize
|
|
294
|
-
})) : null
|
|
294
|
+
}))) : null
|
|
295
295
|
}, extra)
|
|
296
296
|
})));
|
|
297
297
|
});
|
|
@@ -26,26 +26,26 @@ var renderFilter = function renderFilter(_ref) {
|
|
|
26
26
|
sorter = _column$raw.sorter,
|
|
27
27
|
filterIcon = _column$raw.filterIcon,
|
|
28
28
|
selectFilters = _column$raw.selectFilters;
|
|
29
|
-
return [showColMenu && /*#__PURE__*/React__default.createElement(TableColumnMenu, {
|
|
29
|
+
return [showColMenu && ( /*#__PURE__*/React__default.createElement(TableColumnMenu, {
|
|
30
30
|
prefixCls: prefixCls + "-dropdown",
|
|
31
31
|
key: "0",
|
|
32
32
|
column: column,
|
|
33
33
|
onOpen: onOpen,
|
|
34
34
|
onClose: onClose
|
|
35
|
-
}), sorter && !showColMenu && /*#__PURE__*/React__default.createElement(SorterMenu, {
|
|
35
|
+
})), sorter && !showColMenu && ( /*#__PURE__*/React__default.createElement(SorterMenu, {
|
|
36
36
|
prefixCls: prefixCls + "-sorter",
|
|
37
37
|
key: "1",
|
|
38
38
|
column: column
|
|
39
|
-
}), selectFilters && /*#__PURE__*/React__default.createElement(Select, Object.assign({
|
|
39
|
+
})), selectFilters && /*#__PURE__*/React__default.createElement(Select, Object.assign({
|
|
40
40
|
prefixCls: prefixCls + "-select",
|
|
41
41
|
key: "2"
|
|
42
|
-
}, selectFilters)), filterIcon && /*#__PURE__*/React__default.createElement(FilterDropdown, {
|
|
42
|
+
}, selectFilters)), filterIcon && ( /*#__PURE__*/React__default.createElement(FilterDropdown, {
|
|
43
43
|
prefixCls: prefixCls + "-custom",
|
|
44
44
|
key: "3",
|
|
45
45
|
column: column,
|
|
46
46
|
onOpen: onOpen,
|
|
47
47
|
onClose: onClose
|
|
48
|
-
})].filter(Boolean);
|
|
48
|
+
}))].filter(Boolean);
|
|
49
49
|
};
|
|
50
50
|
var SorterMenu = function SorterMenu(_ref2) {
|
|
51
51
|
var _cx, _cx2;
|
package/lib/esm/TableBody.js
CHANGED
|
@@ -96,7 +96,7 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
96
96
|
background: 'transparent',
|
|
97
97
|
width: rowWidth
|
|
98
98
|
}
|
|
99
|
-
}), isArrayNonEmpty(transitionData) ? /*#__PURE__*/React__default.createElement("div", {
|
|
99
|
+
}), isArrayNonEmpty(transitionData) ? ( /*#__PURE__*/React__default.createElement("div", {
|
|
100
100
|
style: {
|
|
101
101
|
width: '100%',
|
|
102
102
|
position: 'sticky',
|
|
@@ -123,7 +123,7 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
123
123
|
rowData: row
|
|
124
124
|
}, getRequiredProps(row.id))));
|
|
125
125
|
}
|
|
126
|
-
})) : renderEmptyContent(Object.assign({
|
|
126
|
+
}))) : renderEmptyContent(Object.assign({
|
|
127
127
|
className: prefixCls + "-empty-content",
|
|
128
128
|
colSpan: columns.length,
|
|
129
129
|
emptyContent: emptyContent
|
|
@@ -146,7 +146,7 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
146
146
|
}
|
|
147
147
|
};
|
|
148
148
|
// 外层增加 div 作为滚动容器
|
|
149
|
-
return !scrollbar ? /*#__PURE__*/React__default.createElement("div", Object.assign({}, scrollBodyProps), bodyContent) : /*#__PURE__*/React__default.createElement(Scrollbar, Object.assign({}, scrollBodyProps, isObject(scrollbar) ? scrollbar : null), bodyContent);
|
|
149
|
+
return !scrollbar ? ( /*#__PURE__*/React__default.createElement("div", Object.assign({}, scrollBodyProps), bodyContent)) : ( /*#__PURE__*/React__default.createElement(Scrollbar, Object.assign({}, scrollBodyProps, isObject(scrollbar) ? scrollbar : null), bodyContent));
|
|
150
150
|
});
|
|
151
151
|
if (__DEV__) {
|
|
152
152
|
TableBody.displayName = 'TableBody';
|
|
@@ -62,7 +62,7 @@ var TableColumnMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
62
62
|
zIndex: 1050
|
|
63
63
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
64
64
|
className: prefixCls + "__content"
|
|
65
|
-
}, canSort ? /*#__PURE__*/React__default.createElement(TableColumnMenuItem, {
|
|
65
|
+
}, canSort ? ( /*#__PURE__*/React__default.createElement(TableColumnMenuItem, {
|
|
66
66
|
prefixCls: prefixCls,
|
|
67
67
|
active: activeSorterType === 'ascend' && activeSorterColumn === dataKey,
|
|
68
68
|
content: i18n.get('table.ascend'),
|
|
@@ -77,7 +77,7 @@ var TableColumnMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
77
77
|
}
|
|
78
78
|
menuVisibleAction.off();
|
|
79
79
|
}
|
|
80
|
-
}) : null, canSort ? /*#__PURE__*/React__default.createElement(TableColumnMenuItem, {
|
|
80
|
+
})) : null, canSort ? ( /*#__PURE__*/React__default.createElement(TableColumnMenuItem, {
|
|
81
81
|
prefixCls: prefixCls,
|
|
82
82
|
active: activeSorterType === 'descend' && activeSorterColumn === dataKey,
|
|
83
83
|
content: i18n.get('table.descend'),
|
|
@@ -92,7 +92,7 @@ var TableColumnMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
92
92
|
}
|
|
93
93
|
menuVisibleAction.off();
|
|
94
94
|
}
|
|
95
|
-
}) : null, /*#__PURE__*/React__default.createElement(TableColumnMenuItem, {
|
|
95
|
+
})) : null, /*#__PURE__*/React__default.createElement(TableColumnMenuItem, {
|
|
96
96
|
prefixCls: prefixCls,
|
|
97
97
|
active: isHighlightedCol(dataKey),
|
|
98
98
|
content: i18n.get('table.highlight'),
|
package/lib/esm/TableEmbedRow.js
CHANGED
|
@@ -35,7 +35,7 @@ var TableEmbedRow = function TableEmbedRow(_ref) {
|
|
|
35
35
|
onEmbedSwitch(rowData, rowIndex);
|
|
36
36
|
}
|
|
37
37
|
}, [onEmbedSwitch, expanded, rowData, rowIndex]);
|
|
38
|
-
return expanded ? /*#__PURE__*/React__default.createElement("tr", {
|
|
38
|
+
return expanded ? ( /*#__PURE__*/React__default.createElement("tr", {
|
|
39
39
|
key: "expanded-row",
|
|
40
40
|
className: prefixCls
|
|
41
41
|
}, /*#__PURE__*/React__default.createElement("td", {
|
|
@@ -44,7 +44,7 @@ var TableEmbedRow = function TableEmbedRow(_ref) {
|
|
|
44
44
|
size: "sm",
|
|
45
45
|
visible: loading,
|
|
46
46
|
part: true
|
|
47
|
-
}, getEmbedPanelById(rowData.id)))) : null;
|
|
47
|
+
}, getEmbedPanelById(rowData.id))))) : null;
|
|
48
48
|
};
|
|
49
49
|
if (__DEV__) {
|
|
50
50
|
TableEmbedRow.displayName = 'TableEmbedRow';
|
package/lib/esm/TableRow.js
CHANGED
|
@@ -198,11 +198,11 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
198
198
|
colIndex: idx,
|
|
199
199
|
expandedTree: expandedTree
|
|
200
200
|
});
|
|
201
|
-
})), embedExpandable ? /*#__PURE__*/React__default.createElement(TableEmbedRow, {
|
|
201
|
+
})), embedExpandable ? ( /*#__PURE__*/React__default.createElement(TableEmbedRow, {
|
|
202
202
|
colSpan: columns.length,
|
|
203
203
|
rowData: rowDataProp,
|
|
204
204
|
rowIndex: rowIndex
|
|
205
|
-
}) : null);
|
|
205
|
+
})) : null);
|
|
206
206
|
});
|
|
207
207
|
if (__DEV__) {
|
|
208
208
|
TableRow.displayName = 'TableRow';
|
package/lib/esm/TbodyContent.js
CHANGED
|
@@ -42,7 +42,7 @@ var TbodyContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
42
42
|
};
|
|
43
43
|
});
|
|
44
44
|
// 外层增加 div 作为滚动容器
|
|
45
|
-
return /*#__PURE__*/React__default.createElement("tbody", null, isArrayNonEmpty(transitionData) ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, transitionData.map(function (row, index) {
|
|
45
|
+
return /*#__PURE__*/React__default.createElement("tbody", null, isArrayNonEmpty(transitionData) ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, transitionData.map(function (row, index) {
|
|
46
46
|
return /*#__PURE__*/React__default.createElement(TableRow, Object.assign({
|
|
47
47
|
ref: index === 0 ? measureRowElementRef : null,
|
|
48
48
|
// key={depth + index}
|
|
@@ -51,17 +51,17 @@ var TbodyContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
51
51
|
rowIndex: index,
|
|
52
52
|
rowData: row
|
|
53
53
|
}, getRequiredProps(row.id)));
|
|
54
|
-
}), hasSumColumn ? /*#__PURE__*/React__default.createElement(TableRow, {
|
|
54
|
+
}), hasSumColumn ? ( /*#__PURE__*/React__default.createElement(TableRow, {
|
|
55
55
|
key: sumRow.id,
|
|
56
56
|
rowIndex: transitionData.length,
|
|
57
57
|
rowData: sumRow,
|
|
58
58
|
isSumRow: true
|
|
59
|
-
}) : null, hasAvgColumn ? /*#__PURE__*/React__default.createElement(TableRow, {
|
|
59
|
+
})) : null, hasAvgColumn ? ( /*#__PURE__*/React__default.createElement(TableRow, {
|
|
60
60
|
key: avgRow.id,
|
|
61
61
|
rowIndex: transitionData.length + 1,
|
|
62
62
|
rowData: avgRow,
|
|
63
63
|
isAvgRow: true
|
|
64
|
-
}) : null) :
|
|
64
|
+
})) : null)) :
|
|
65
65
|
// 空状态,colSpan 占满表格整行
|
|
66
66
|
renderEmptyContent(Object.assign({
|
|
67
67
|
className: prefixCls + "-empty-content",
|
package/lib/esm/TheadContent.js
CHANGED
|
@@ -42,9 +42,9 @@ var TheadContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
42
42
|
title = _ref.title,
|
|
43
43
|
raw = _ref.raw;
|
|
44
44
|
var titleContent = isFunction(title) ? title(col) : title;
|
|
45
|
-
titleContent = resizable ? /*#__PURE__*/React__default.createElement("span", {
|
|
45
|
+
titleContent = resizable ? ( /*#__PURE__*/React__default.createElement("span", {
|
|
46
46
|
className: prefixCls + "-header__title"
|
|
47
|
-
}, titleContent) : titleContent;
|
|
47
|
+
}, titleContent)) : titleContent;
|
|
48
48
|
var cell = /*#__PURE__*/React__default.createElement("th", Object.assign({
|
|
49
49
|
key: dataKey
|
|
50
50
|
}, getStickyColProps(col), {
|
|
@@ -65,7 +65,7 @@ var TheadContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
65
65
|
return activeColumnKeysAction.remove(dataKey);
|
|
66
66
|
}
|
|
67
67
|
}));
|
|
68
|
-
return resizable && colIndex !== colWidths.length - 1 ? /*#__PURE__*/React__default.createElement(Resizable, {
|
|
68
|
+
return resizable && colIndex !== colWidths.length - 1 ? ( /*#__PURE__*/React__default.createElement(Resizable, {
|
|
69
69
|
key: colIndex,
|
|
70
70
|
className: prefixCls + "__resizable",
|
|
71
71
|
draggableOpts: {
|
|
@@ -79,7 +79,7 @@ var TheadContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
79
79
|
onResize: function onResize(evt, options) {
|
|
80
80
|
onColumnResizable(evt, options, colIndex);
|
|
81
81
|
}
|
|
82
|
-
}, cell) : cell;
|
|
82
|
+
}, cell)) : cell;
|
|
83
83
|
}));
|
|
84
84
|
}));
|
|
85
85
|
});
|
|
@@ -36,83 +36,82 @@ var MapShim = function () {
|
|
|
36
36
|
});
|
|
37
37
|
return result;
|
|
38
38
|
}
|
|
39
|
-
return
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* @returns {boolean}
|
|
46
|
-
*/
|
|
47
|
-
get: function get() {
|
|
48
|
-
return this.__entries__.length;
|
|
49
|
-
},
|
|
50
|
-
enumerable: true,
|
|
51
|
-
configurable: true
|
|
52
|
-
});
|
|
53
|
-
/**
|
|
54
|
-
* @param {*} key
|
|
55
|
-
* @returns {*}
|
|
56
|
-
*/
|
|
57
|
-
class_1.prototype.get = function (key) {
|
|
58
|
-
var index = getIndex(this.__entries__, key);
|
|
59
|
-
var entry = this.__entries__[index];
|
|
60
|
-
return entry && entry[1];
|
|
61
|
-
};
|
|
62
|
-
/**
|
|
63
|
-
* @param {*} key
|
|
64
|
-
* @param {*} value
|
|
65
|
-
* @returns {void}
|
|
66
|
-
*/
|
|
67
|
-
class_1.prototype.set = function (key, value) {
|
|
68
|
-
var index = getIndex(this.__entries__, key);
|
|
69
|
-
if (~index) {
|
|
70
|
-
this.__entries__[index][1] = value;
|
|
71
|
-
} else {
|
|
72
|
-
this.__entries__.push([key, value]);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* @param {*} key
|
|
77
|
-
* @returns {void}
|
|
78
|
-
*/
|
|
79
|
-
class_1.prototype["delete"] = function (key) {
|
|
80
|
-
var entries = this.__entries__;
|
|
81
|
-
var index = getIndex(entries, key);
|
|
82
|
-
if (~index) {
|
|
83
|
-
entries.splice(index, 1);
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
/**
|
|
87
|
-
* @param {*} key
|
|
88
|
-
* @returns {void}
|
|
89
|
-
*/
|
|
90
|
-
class_1.prototype.has = function (key) {
|
|
91
|
-
return !!~getIndex(this.__entries__, key);
|
|
92
|
-
};
|
|
93
|
-
/**
|
|
94
|
-
* @returns {void}
|
|
95
|
-
*/
|
|
96
|
-
class_1.prototype.clear = function () {
|
|
97
|
-
this.__entries__.splice(0);
|
|
98
|
-
};
|
|
39
|
+
return /** @class */function () {
|
|
40
|
+
function class_1() {
|
|
41
|
+
this.__entries__ = [];
|
|
42
|
+
}
|
|
43
|
+
Object.defineProperty(class_1.prototype, "size", {
|
|
99
44
|
/**
|
|
100
|
-
* @
|
|
101
|
-
* @param {*} [ctx=null]
|
|
102
|
-
* @returns {void}
|
|
45
|
+
* @returns {boolean}
|
|
103
46
|
*/
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
47
|
+
get: function get() {
|
|
48
|
+
return this.__entries__.length;
|
|
49
|
+
},
|
|
50
|
+
enumerable: true,
|
|
51
|
+
configurable: true
|
|
52
|
+
});
|
|
53
|
+
/**
|
|
54
|
+
* @param {*} key
|
|
55
|
+
* @returns {*}
|
|
56
|
+
*/
|
|
57
|
+
class_1.prototype.get = function (key) {
|
|
58
|
+
var index = getIndex(this.__entries__, key);
|
|
59
|
+
var entry = this.__entries__[index];
|
|
60
|
+
return entry && entry[1];
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* @param {*} key
|
|
64
|
+
* @param {*} value
|
|
65
|
+
* @returns {void}
|
|
66
|
+
*/
|
|
67
|
+
class_1.prototype.set = function (key, value) {
|
|
68
|
+
var index = getIndex(this.__entries__, key);
|
|
69
|
+
if (~index) {
|
|
70
|
+
this.__entries__[index][1] = value;
|
|
71
|
+
} else {
|
|
72
|
+
this.__entries__.push([key, value]);
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
/**
|
|
76
|
+
* @param {*} key
|
|
77
|
+
* @returns {void}
|
|
78
|
+
*/
|
|
79
|
+
class_1.prototype["delete"] = function (key) {
|
|
80
|
+
var entries = this.__entries__;
|
|
81
|
+
var index = getIndex(entries, key);
|
|
82
|
+
if (~index) {
|
|
83
|
+
entries.splice(index, 1);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
/**
|
|
87
|
+
* @param {*} key
|
|
88
|
+
* @returns {void}
|
|
89
|
+
*/
|
|
90
|
+
class_1.prototype.has = function (key) {
|
|
91
|
+
return !!~getIndex(this.__entries__, key);
|
|
92
|
+
};
|
|
93
|
+
/**
|
|
94
|
+
* @returns {void}
|
|
95
|
+
*/
|
|
96
|
+
class_1.prototype.clear = function () {
|
|
97
|
+
this.__entries__.splice(0);
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* @param {Function} callback
|
|
101
|
+
* @param {*} [ctx=null]
|
|
102
|
+
* @returns {void}
|
|
103
|
+
*/
|
|
104
|
+
class_1.prototype.forEach = function (callback, ctx) {
|
|
105
|
+
if (ctx === void 0) {
|
|
106
|
+
ctx = null;
|
|
107
|
+
}
|
|
108
|
+
for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
|
|
109
|
+
var entry = _a[_i];
|
|
110
|
+
callback.call(ctx, entry[1], entry[0]);
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
return class_1;
|
|
114
|
+
}();
|
|
116
115
|
}();
|
|
117
116
|
|
|
118
117
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/table",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.3",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HiUI <mi-hiui@xiaomi.com>",
|
|
@@ -43,46 +43,46 @@
|
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@hi-ui/array-utils": "^4.0.
|
|
47
|
-
"@hi-ui/button": "^4.0.
|
|
48
|
-
"@hi-ui/checkbox": "^4.0.
|
|
49
|
-
"@hi-ui/classname": "^4.0.
|
|
50
|
-
"@hi-ui/dom-utils": "^4.0.
|
|
51
|
-
"@hi-ui/drawer": "^4.1.
|
|
52
|
-
"@hi-ui/empty-state": "^4.0.
|
|
53
|
-
"@hi-ui/env": "^4.0.
|
|
54
|
-
"@hi-ui/func-utils": "^4.0.
|
|
55
|
-
"@hi-ui/icon-button": "^4.0.
|
|
56
|
-
"@hi-ui/icons": "^4.0.
|
|
57
|
-
"@hi-ui/loading": "^4.1.
|
|
58
|
-
"@hi-ui/object-utils": "^4.0.
|
|
59
|
-
"@hi-ui/pagination": "^4.0.
|
|
60
|
-
"@hi-ui/popper": "^4.1.
|
|
61
|
-
"@hi-ui/react-utils": "^4.0.
|
|
62
|
-
"@hi-ui/select": "^4.2.
|
|
63
|
-
"@hi-ui/spinner": "^4.0.
|
|
64
|
-
"@hi-ui/times": "^4.0.
|
|
65
|
-
"@hi-ui/tree-utils": "^4.1.
|
|
66
|
-
"@hi-ui/type-assertion": "^4.0.
|
|
67
|
-
"@hi-ui/use-cache": "^4.0.
|
|
68
|
-
"@hi-ui/use-check": "^4.0.
|
|
69
|
-
"@hi-ui/use-check-state": "^4.0.
|
|
70
|
-
"@hi-ui/use-drag-sorter": "^4.0.
|
|
71
|
-
"@hi-ui/use-latest": "^4.0.
|
|
72
|
-
"@hi-ui/use-toggle": "^4.0.
|
|
73
|
-
"@hi-ui/use-uncontrolled-state": "^4.0.
|
|
74
|
-
"@hi-ui/use-update-effect": "^4.0.
|
|
46
|
+
"@hi-ui/array-utils": "^4.0.3",
|
|
47
|
+
"@hi-ui/button": "^4.0.8",
|
|
48
|
+
"@hi-ui/checkbox": "^4.0.7",
|
|
49
|
+
"@hi-ui/classname": "^4.0.3",
|
|
50
|
+
"@hi-ui/dom-utils": "^4.0.6",
|
|
51
|
+
"@hi-ui/drawer": "^4.1.2",
|
|
52
|
+
"@hi-ui/empty-state": "^4.0.6",
|
|
53
|
+
"@hi-ui/env": "^4.0.3",
|
|
54
|
+
"@hi-ui/func-utils": "^4.0.3",
|
|
55
|
+
"@hi-ui/icon-button": "^4.0.7",
|
|
56
|
+
"@hi-ui/icons": "^4.0.17",
|
|
57
|
+
"@hi-ui/loading": "^4.1.2",
|
|
58
|
+
"@hi-ui/object-utils": "^4.0.3",
|
|
59
|
+
"@hi-ui/pagination": "^4.0.13",
|
|
60
|
+
"@hi-ui/popper": "^4.1.2",
|
|
61
|
+
"@hi-ui/react-utils": "^4.0.3",
|
|
62
|
+
"@hi-ui/select": "^4.2.4",
|
|
63
|
+
"@hi-ui/spinner": "^4.0.7",
|
|
64
|
+
"@hi-ui/times": "^4.0.3",
|
|
65
|
+
"@hi-ui/tree-utils": "^4.1.3",
|
|
66
|
+
"@hi-ui/type-assertion": "^4.0.3",
|
|
67
|
+
"@hi-ui/use-cache": "^4.0.3",
|
|
68
|
+
"@hi-ui/use-check": "^4.0.4",
|
|
69
|
+
"@hi-ui/use-check-state": "^4.0.3",
|
|
70
|
+
"@hi-ui/use-drag-sorter": "^4.0.3",
|
|
71
|
+
"@hi-ui/use-latest": "^4.0.3",
|
|
72
|
+
"@hi-ui/use-toggle": "^4.0.3",
|
|
73
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.3",
|
|
74
|
+
"@hi-ui/use-update-effect": "^4.0.3",
|
|
75
75
|
"axios": "^1.5.0",
|
|
76
76
|
"react-resizable": "^3.0.4"
|
|
77
77
|
},
|
|
78
78
|
"peerDependencies": {
|
|
79
|
-
"@hi-ui/core": ">=4.0.
|
|
79
|
+
"@hi-ui/core": ">=4.0.7",
|
|
80
80
|
"react": ">=16.8.6",
|
|
81
81
|
"react-dom": ">=16.8.6"
|
|
82
82
|
},
|
|
83
83
|
"devDependencies": {
|
|
84
|
-
"@hi-ui/core": "^4.0.
|
|
85
|
-
"@hi-ui/core-css": "^4.1.
|
|
84
|
+
"@hi-ui/core": "^4.0.7",
|
|
85
|
+
"@hi-ui/core-css": "^4.1.4",
|
|
86
86
|
"@types/react-resizable": "^1.7.4",
|
|
87
87
|
"react": "^17.0.1",
|
|
88
88
|
"react-dom": "^17.0.1"
|