@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/TableBody.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 List = require('./node_modules/rc-virtual-list/es/List.js');
|
|
14
18
|
var classname = require('@hi-ui/classname');
|
|
@@ -21,6 +25,12 @@ var TableRow = require('./TableRow.js');
|
|
|
21
25
|
var context = require('./context.js');
|
|
22
26
|
var ColGroupContent = require('./ColGroupContent.js');
|
|
23
27
|
var TbodyContent = require('./TbodyContent.js');
|
|
28
|
+
function _interopDefaultCompat(e) {
|
|
29
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
30
|
+
'default': e
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
24
34
|
var _role = 'table';
|
|
25
35
|
var _prefix = classname.getPrefixCls(_role);
|
|
26
36
|
var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
@@ -75,7 +85,7 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
75
85
|
// TODO: avg和summay row的逻辑
|
|
76
86
|
var realHeight = (_a = scrollBodyElementRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height;
|
|
77
87
|
var vMaxHeight = maxHeight ? !isNaN(Number(String(maxHeight).replace(/px/, ''))) ? Number(maxHeight) : realHeight : 300;
|
|
78
|
-
return /*#__PURE__*/
|
|
88
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
79
89
|
ref: scrollBodyElementRef,
|
|
80
90
|
className: cls,
|
|
81
91
|
onScroll: onVirtualContainerScroll,
|
|
@@ -85,37 +95,37 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
85
95
|
// 表格宽度大于div宽度才出现横向滚动条
|
|
86
96
|
overflowX: canScroll ? 'scroll' : undefined
|
|
87
97
|
}
|
|
88
|
-
}, /*#__PURE__*/
|
|
98
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
89
99
|
ref: measureRowElementRef,
|
|
90
100
|
style: {
|
|
91
101
|
height: 1,
|
|
92
102
|
background: 'transparent'
|
|
93
103
|
}
|
|
94
|
-
}), /*#__PURE__*/
|
|
104
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
95
105
|
ref: bodyTableRef,
|
|
96
106
|
style: {
|
|
97
107
|
height: 1,
|
|
98
108
|
background: 'transparent',
|
|
99
109
|
width: rowWidth
|
|
100
110
|
}
|
|
101
|
-
}), typeAssertion.isArrayNonEmpty(transitionData) ? /*#__PURE__*/
|
|
111
|
+
}), typeAssertion.isArrayNonEmpty(transitionData) ? ( /*#__PURE__*/React__default["default"].createElement("div", {
|
|
102
112
|
style: {
|
|
103
113
|
width: '100%',
|
|
104
114
|
position: 'sticky',
|
|
105
115
|
left: 0
|
|
106
116
|
}
|
|
107
|
-
}, /*#__PURE__*/
|
|
117
|
+
}, /*#__PURE__*/React__default["default"].createElement(List["default"], {
|
|
108
118
|
data: transitionData,
|
|
109
119
|
height: vMaxHeight,
|
|
110
120
|
itemHeight: 10,
|
|
111
121
|
itemKey: "id",
|
|
112
122
|
children: function children(row, index) {
|
|
113
|
-
return /*#__PURE__*/
|
|
123
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
114
124
|
style: {
|
|
115
125
|
position: 'relative',
|
|
116
126
|
left: -scrollLeft
|
|
117
127
|
}
|
|
118
|
-
}, /*#__PURE__*/
|
|
128
|
+
}, /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow
|
|
119
129
|
// key={depth + index}
|
|
120
130
|
, Object.assign({
|
|
121
131
|
// key={depth + index}
|
|
@@ -125,7 +135,7 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
125
135
|
rowData: row
|
|
126
136
|
}, getRequiredProps(row.id))));
|
|
127
137
|
}
|
|
128
|
-
})) : TbodyContent.renderEmptyContent(Object.assign({
|
|
138
|
+
}))) : TbodyContent.renderEmptyContent(Object.assign({
|
|
129
139
|
className: prefixCls + "-empty-content",
|
|
130
140
|
colSpan: columns.length,
|
|
131
141
|
emptyContent: emptyContent
|
|
@@ -133,12 +143,12 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
133
143
|
scrollBodyWidth: window.getComputedStyle(scrollBodyElementRef.current).getPropertyValue('width')
|
|
134
144
|
} : {})));
|
|
135
145
|
}
|
|
136
|
-
var bodyContent = /*#__PURE__*/
|
|
146
|
+
var bodyContent = /*#__PURE__*/React__default["default"].createElement("table", {
|
|
137
147
|
ref: bodyTableRef,
|
|
138
148
|
style: {
|
|
139
149
|
width: canScroll && scrollWidth !== undefined ? scrollWidth : '100%'
|
|
140
150
|
}
|
|
141
|
-
}, /*#__PURE__*/
|
|
151
|
+
}, /*#__PURE__*/React__default["default"].createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React__default["default"].createElement(TbodyContent.TbodyContent, null));
|
|
142
152
|
var scrollBodyProps = {
|
|
143
153
|
ref: scrollBodyElementRef,
|
|
144
154
|
className: cls,
|
|
@@ -148,7 +158,7 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
148
158
|
}
|
|
149
159
|
};
|
|
150
160
|
// 外层增加 div 作为滚动容器
|
|
151
|
-
return !scrollbar ? /*#__PURE__*/
|
|
161
|
+
return !scrollbar ? ( /*#__PURE__*/React__default["default"].createElement("div", Object.assign({}, scrollBodyProps), bodyContent)) : ( /*#__PURE__*/React__default["default"].createElement(Scrollbar.Scrollbar, Object.assign({}, scrollBodyProps, typeAssertion.isObject(scrollbar) ? scrollbar : null), bodyContent));
|
|
152
162
|
});
|
|
153
163
|
if (env.__DEV__) {
|
|
154
164
|
TableBody.displayName = 'TableBody';
|
package/lib/cjs/TableCell.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');
|
|
@@ -18,6 +22,12 @@ var iconButton = require('@hi-ui/icon-button');
|
|
|
18
22
|
var context = require('./context.js');
|
|
19
23
|
var index = require('./icons/index.js');
|
|
20
24
|
var BaseTable = require('./BaseTable.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-cell');
|
|
22
32
|
/**
|
|
23
33
|
* 表格 body 单元格渲染
|
|
@@ -64,7 +74,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
64
74
|
/**
|
|
65
75
|
* normalize 单元格渲染内容,支持自定义 render
|
|
66
76
|
*/
|
|
67
|
-
var cellContent =
|
|
77
|
+
var cellContent = React__default["default"].useMemo(function () {
|
|
68
78
|
var row = rowData.raw;
|
|
69
79
|
var content = row[dataKey];
|
|
70
80
|
if (typeAssertion.isFunction(rawRender)) {
|
|
@@ -73,7 +83,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
73
83
|
content = cellRender(content);
|
|
74
84
|
}
|
|
75
85
|
// 处理单元格内容,重载支持配置式合并单元格
|
|
76
|
-
var childrenMaybePropsReturn = typeAssertion.isObject(content) && ! /*#__PURE__*/
|
|
86
|
+
var childrenMaybePropsReturn = typeAssertion.isObject(content) && ! /*#__PURE__*/React__default["default"].isValidElement(content);
|
|
77
87
|
if (childrenMaybePropsReturn) {
|
|
78
88
|
return content;
|
|
79
89
|
}
|
|
@@ -95,7 +105,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
95
105
|
if (virtual) {
|
|
96
106
|
var width = colWidths[colIndex];
|
|
97
107
|
var colProps = getStickyColProps(column);
|
|
98
|
-
return /*#__PURE__*/
|
|
108
|
+
return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
|
99
109
|
ref: ref,
|
|
100
110
|
key: dataKey,
|
|
101
111
|
className: cls
|
|
@@ -128,7 +138,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
128
138
|
}
|
|
129
139
|
}) : null, cellContent.children);
|
|
130
140
|
}
|
|
131
|
-
return /*#__PURE__*/
|
|
141
|
+
return /*#__PURE__*/React__default["default"].createElement("td", Object.assign({
|
|
132
142
|
ref: ref,
|
|
133
143
|
key: dataKey,
|
|
134
144
|
className: cls
|
|
@@ -170,7 +180,7 @@ var renderIndent = function renderIndent(_ref2) {
|
|
|
170
180
|
var prefixCls = _ref2.prefixCls,
|
|
171
181
|
depth = _ref2.depth;
|
|
172
182
|
return arrayUtils.times(depth, function (index) {
|
|
173
|
-
return /*#__PURE__*/
|
|
183
|
+
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
174
184
|
className: prefixCls + "__indent",
|
|
175
185
|
key: index
|
|
176
186
|
});
|
|
@@ -191,7 +201,7 @@ var renderSwitcher = function renderSwitcher(_ref3) {
|
|
|
191
201
|
onLoadChildren = _ref3.onLoadChildren,
|
|
192
202
|
isTree = _ref3.isTree;
|
|
193
203
|
if (loading) {
|
|
194
|
-
return /*#__PURE__*/
|
|
204
|
+
return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
195
205
|
className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--loading"),
|
|
196
206
|
icon: index.defaultLoadingIcon
|
|
197
207
|
});
|
|
@@ -199,7 +209,7 @@ var renderSwitcher = function renderSwitcher(_ref3) {
|
|
|
199
209
|
var hasChildren = node.children && node.children.length > 0;
|
|
200
210
|
var canLoadChildren = onLoadChildren && !node.children && !node.isLeaf;
|
|
201
211
|
if (hasChildren || canLoadChildren) {
|
|
202
|
-
return /*#__PURE__*/
|
|
212
|
+
return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
203
213
|
tabIndex: -1,
|
|
204
214
|
className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
|
|
205
215
|
icon: expanded ? expandedIcon : collapsedIcon,
|
|
@@ -210,7 +220,7 @@ var renderSwitcher = function renderSwitcher(_ref3) {
|
|
|
210
220
|
});
|
|
211
221
|
}
|
|
212
222
|
if (isTree) {
|
|
213
|
-
return /*#__PURE__*/
|
|
223
|
+
return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
214
224
|
tabIndex: -1,
|
|
215
225
|
className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--noop"),
|
|
216
226
|
icon: leafIcon
|
|
@@ -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');
|
|
@@ -18,6 +22,13 @@ var Popper = require('@hi-ui/popper');
|
|
|
18
22
|
var useToggle = require('@hi-ui/use-toggle');
|
|
19
23
|
var context = require('./context.js');
|
|
20
24
|
var core = require('@hi-ui/core');
|
|
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);
|
|
31
|
+
var Popper__default = /*#__PURE__*/_interopDefaultCompat(Popper);
|
|
21
32
|
var _prefix = classname.getPrefixCls('table-column-menu');
|
|
22
33
|
/**
|
|
23
34
|
* 表头每列下拉式菜单,包含冻结、高亮、递增、递减操作
|
|
@@ -47,28 +58,28 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
47
58
|
}),
|
|
48
59
|
menuVisible = _useUncontrolledToggl[0],
|
|
49
60
|
menuVisibleAction = _useUncontrolledToggl[1];
|
|
50
|
-
var _React$useState =
|
|
61
|
+
var _React$useState = React__default["default"].useState(null),
|
|
51
62
|
menuTrigger = _React$useState[0],
|
|
52
63
|
setMenuTrigger = _React$useState[1];
|
|
53
|
-
return /*#__PURE__*/
|
|
64
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
54
65
|
className: prefixCls + "__trigger",
|
|
55
66
|
ref: setMenuTrigger,
|
|
56
67
|
onClick: menuVisibleAction.not,
|
|
57
|
-
icon: /*#__PURE__*/
|
|
58
|
-
}), /*#__PURE__*/
|
|
68
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null)
|
|
69
|
+
}), /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
|
|
59
70
|
className: prefixCls + "__popper",
|
|
60
71
|
visible: menuVisible,
|
|
61
72
|
attachEl: menuTrigger,
|
|
62
73
|
onClose: menuVisibleAction.off,
|
|
63
74
|
// @DesignToken zIndex: `overlay`
|
|
64
75
|
zIndex: 1050
|
|
65
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
66
77
|
className: prefixCls + "__content"
|
|
67
|
-
}, canSort ? /*#__PURE__*/
|
|
78
|
+
}, canSort ? ( /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
|
|
68
79
|
prefixCls: prefixCls,
|
|
69
80
|
active: activeSorterType === 'ascend' && activeSorterColumn === dataKey,
|
|
70
81
|
content: i18n.get('table.ascend'),
|
|
71
|
-
icon: /*#__PURE__*/
|
|
82
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.SortAscendingOutlined, null),
|
|
72
83
|
onSwitch: function onSwitch(shouldActive) {
|
|
73
84
|
if (shouldActive) {
|
|
74
85
|
setActiveSorterType('ascend');
|
|
@@ -79,11 +90,11 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
79
90
|
}
|
|
80
91
|
menuVisibleAction.off();
|
|
81
92
|
}
|
|
82
|
-
}) : null, canSort ? /*#__PURE__*/
|
|
93
|
+
})) : null, canSort ? ( /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
|
|
83
94
|
prefixCls: prefixCls,
|
|
84
95
|
active: activeSorterType === 'descend' && activeSorterColumn === dataKey,
|
|
85
96
|
content: i18n.get('table.descend'),
|
|
86
|
-
icon: /*#__PURE__*/
|
|
97
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.SortDescendingOutlined, null),
|
|
87
98
|
onSwitch: function onSwitch(shouldActive) {
|
|
88
99
|
if (shouldActive) {
|
|
89
100
|
setActiveSorterType('descend');
|
|
@@ -94,20 +105,20 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
94
105
|
}
|
|
95
106
|
menuVisibleAction.off();
|
|
96
107
|
}
|
|
97
|
-
}) : null, /*#__PURE__*/
|
|
108
|
+
})) : null, /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
|
|
98
109
|
prefixCls: prefixCls,
|
|
99
110
|
active: isHighlightedCol(dataKey),
|
|
100
111
|
content: i18n.get('table.highlight'),
|
|
101
|
-
icon: /*#__PURE__*/
|
|
112
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.ColumnHeightOutlined, null),
|
|
102
113
|
onSwitch: function onSwitch(shouldActive) {
|
|
103
114
|
onHighlightedColChange(column, shouldActive);
|
|
104
115
|
menuVisibleAction.off();
|
|
105
116
|
}
|
|
106
|
-
}), /*#__PURE__*/
|
|
117
|
+
}), /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
|
|
107
118
|
prefixCls: prefixCls,
|
|
108
119
|
active: leftFreezeColumn === dataKey,
|
|
109
120
|
content: i18n.get('table.freeze'),
|
|
110
|
-
icon: /*#__PURE__*/
|
|
121
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.LockOutlined, null),
|
|
111
122
|
onSwitch: function onSwitch(shouldActive) {
|
|
112
123
|
if (shouldActive) {
|
|
113
124
|
setLeftFreezeColumn(dataKey);
|
|
@@ -127,12 +138,12 @@ var TableColumnMenuItem = function TableColumnMenuItem(_ref2) {
|
|
|
127
138
|
onSwitch = _ref2.onSwitch,
|
|
128
139
|
content = _ref2.content,
|
|
129
140
|
icon = _ref2.icon;
|
|
130
|
-
return /*#__PURE__*/
|
|
141
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
131
142
|
className: classname.cx(prefixCls + "__item", active && prefixCls + "__item--active"),
|
|
132
143
|
onClick: function onClick() {
|
|
133
144
|
return onSwitch(!active);
|
|
134
145
|
}
|
|
135
|
-
}, /*#__PURE__*/
|
|
146
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, content), icon);
|
|
136
147
|
};
|
|
137
148
|
exports.TableColumnMenu = TableColumnMenu;
|
|
138
149
|
exports.TableColumnMenuItem = TableColumnMenuItem;
|
package/lib/cjs/TableEmbedRow.js
CHANGED
|
@@ -9,11 +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 React = require('react');
|
|
13
17
|
var classname = require('@hi-ui/classname');
|
|
14
18
|
var env = require('@hi-ui/env');
|
|
15
19
|
var context = require('./context.js');
|
|
16
20
|
var Loading = require('@hi-ui/loading');
|
|
21
|
+
function _interopDefaultCompat(e) {
|
|
22
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
23
|
+
'default': e
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
27
|
+
var Loading__default = /*#__PURE__*/_interopDefaultCompat(Loading);
|
|
17
28
|
var _prefix = classname.getPrefixCls('table-embed-row');
|
|
18
29
|
/**
|
|
19
30
|
* 可展开的内嵌面板
|
|
@@ -37,16 +48,16 @@ var TableEmbedRow = function TableEmbedRow(_ref) {
|
|
|
37
48
|
onEmbedSwitch(rowData, rowIndex);
|
|
38
49
|
}
|
|
39
50
|
}, [onEmbedSwitch, expanded, rowData, rowIndex]);
|
|
40
|
-
return expanded ? /*#__PURE__*/
|
|
51
|
+
return expanded ? ( /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
41
52
|
key: "expanded-row",
|
|
42
53
|
className: prefixCls
|
|
43
|
-
}, /*#__PURE__*/
|
|
54
|
+
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
44
55
|
colSpan: colSpan
|
|
45
|
-
}, /*#__PURE__*/
|
|
56
|
+
}, /*#__PURE__*/React__default["default"].createElement(Loading__default["default"], {
|
|
46
57
|
size: "sm",
|
|
47
58
|
visible: loading,
|
|
48
59
|
part: true
|
|
49
|
-
}, getEmbedPanelById(rowData.id)))) : null;
|
|
60
|
+
}, getEmbedPanelById(rowData.id))))) : null;
|
|
50
61
|
};
|
|
51
62
|
if (env.__DEV__) {
|
|
52
63
|
TableEmbedRow.displayName = 'TableEmbedRow';
|
package/lib/cjs/TableHeader.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 React = require('react');
|
|
13
17
|
var classname = require('@hi-ui/classname');
|
|
14
18
|
var env = require('@hi-ui/env');
|
|
15
19
|
var context = require('./context.js');
|
|
16
20
|
var ColGroupContent = require('./ColGroupContent.js');
|
|
17
21
|
var TheadContent = require('./TheadContent.js');
|
|
22
|
+
function _interopDefaultCompat(e) {
|
|
23
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
24
|
+
'default': e
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
18
28
|
var _prefix = classname.getPrefixCls('table-header');
|
|
19
29
|
var TableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20
30
|
var _ref$prefixCls = _ref.prefixCls,
|
|
@@ -25,15 +35,15 @@ var TableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
25
35
|
scrollHeaderElementRef = _useTableContext.scrollHeaderElementRef,
|
|
26
36
|
getTableHeaderProps = _useTableContext.getTableHeaderProps;
|
|
27
37
|
var cls = classname.cx(prefixCls, className);
|
|
28
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
|
29
39
|
className: cls,
|
|
30
40
|
ref: scrollHeaderElementRef
|
|
31
|
-
}, getTableHeaderProps()), /*#__PURE__*/
|
|
41
|
+
}, getTableHeaderProps()), /*#__PURE__*/React__default["default"].createElement("table", {
|
|
32
42
|
style: {
|
|
33
43
|
width: '100%',
|
|
34
44
|
position: 'relative'
|
|
35
45
|
}
|
|
36
|
-
}, /*#__PURE__*/
|
|
46
|
+
}, /*#__PURE__*/React__default["default"].createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React__default["default"].createElement(TheadContent.TheadContent, {
|
|
37
47
|
onWheel: onTableBodyScrollMock
|
|
38
48
|
})));
|
|
39
49
|
});
|
package/lib/cjs/TableRow.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');
|
|
@@ -20,6 +24,12 @@ var domUtils = require('@hi-ui/dom-utils');
|
|
|
20
24
|
var Table = require('./Table.js');
|
|
21
25
|
var BaseTable = require('./BaseTable.js');
|
|
22
26
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
27
|
+
function _interopDefaultCompat(e) {
|
|
28
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
29
|
+
'default': e
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
23
33
|
var _role = 'table';
|
|
24
34
|
var _prefix = classname.getPrefixCls(_role);
|
|
25
35
|
var EMBED_ON_ROW_PROPS = {};
|
|
@@ -52,14 +62,14 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
52
62
|
var rowData = rowDataProp.raw,
|
|
53
63
|
rowId = rowDataProp.id;
|
|
54
64
|
// ** ************** 拖拽管理 *************** *//
|
|
55
|
-
var _React$useState =
|
|
65
|
+
var _React$useState = React__default["default"].useState(false),
|
|
56
66
|
dragging = _React$useState[0],
|
|
57
67
|
setDragging = _React$useState[1];
|
|
58
|
-
var _React$useState2 =
|
|
68
|
+
var _React$useState2 = React__default["default"].useState(),
|
|
59
69
|
dragDirection = _React$useState2[0],
|
|
60
70
|
setDragDirection = _React$useState2[1];
|
|
61
71
|
var onDragStartContextLatest = useLatest.useLatestCallback(onDragStartContext);
|
|
62
|
-
var onDragStart =
|
|
72
|
+
var onDragStart = React__default["default"].useCallback(function (evt) {
|
|
63
73
|
if (!draggable) return;
|
|
64
74
|
evt.stopPropagation();
|
|
65
75
|
var clientY = evt.clientY;
|
|
@@ -76,7 +86,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
76
86
|
dragNode: rowData
|
|
77
87
|
});
|
|
78
88
|
}, [draggable, dragRowRef, onDragStartContextLatest, rowData, rowId]);
|
|
79
|
-
var onDragOver =
|
|
89
|
+
var onDragOver = React__default["default"].useCallback(function (evt) {
|
|
80
90
|
if (!draggable) return;
|
|
81
91
|
evt.preventDefault();
|
|
82
92
|
evt.stopPropagation();
|
|
@@ -93,7 +103,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
93
103
|
}
|
|
94
104
|
}, [draggable, dragRowRef, rowId]);
|
|
95
105
|
var onDragLeaveContextLatest = useLatest.useLatestCallback(onDragLeaveContext);
|
|
96
|
-
var onDragLeave =
|
|
106
|
+
var onDragLeave = React__default["default"].useCallback(function (evt) {
|
|
97
107
|
if (!draggable) return;
|
|
98
108
|
evt.preventDefault();
|
|
99
109
|
evt.stopPropagation();
|
|
@@ -101,7 +111,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
101
111
|
onDragLeaveContextLatest(evt);
|
|
102
112
|
}, [draggable, onDragLeaveContextLatest]);
|
|
103
113
|
var onDragEndContextLatest = useLatest.useLatestCallback(onDragEndContext);
|
|
104
|
-
var onDragEnd =
|
|
114
|
+
var onDragEnd = React__default["default"].useCallback(function (evt) {
|
|
105
115
|
if (!draggable) return;
|
|
106
116
|
evt.preventDefault();
|
|
107
117
|
evt.stopPropagation();
|
|
@@ -113,7 +123,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
113
123
|
}, [draggable, dragRowRef, onDragEndContextLatest]);
|
|
114
124
|
var onDropContextLatest = useLatest.useLatestCallback(onDropContext);
|
|
115
125
|
// 放置目标元素时触发事件
|
|
116
|
-
var onDrop =
|
|
126
|
+
var onDrop = React__default["default"].useCallback(function (evt) {
|
|
117
127
|
if (!draggable) return;
|
|
118
128
|
if (!dragRowRef.current) return;
|
|
119
129
|
var dragId = dragRowRef.current.dragId;
|
|
@@ -147,7 +157,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
147
157
|
return tmpWidth;
|
|
148
158
|
}, [colWidths]);
|
|
149
159
|
if (virtual) {
|
|
150
|
-
return /*#__PURE__*/
|
|
160
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
|
151
161
|
ref: ref,
|
|
152
162
|
className: cls,
|
|
153
163
|
key: "row"
|
|
@@ -162,7 +172,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
162
172
|
width: rowWidth
|
|
163
173
|
})
|
|
164
174
|
}), flattedColumnsWithoutChildren.map(function (column, idx) {
|
|
165
|
-
return /*#__PURE__*/
|
|
175
|
+
return /*#__PURE__*/React__default["default"].createElement(TableCell.TableCell, {
|
|
166
176
|
key: idx,
|
|
167
177
|
column: column,
|
|
168
178
|
isSwitcherCol: firstColumn ? firstColumn.id === column.id : false,
|
|
@@ -173,7 +183,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
173
183
|
});
|
|
174
184
|
})));
|
|
175
185
|
}
|
|
176
|
-
return /*#__PURE__*/
|
|
186
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("tr", Object.assign({
|
|
177
187
|
ref: ref,
|
|
178
188
|
className: cls,
|
|
179
189
|
key: "row"
|
|
@@ -191,7 +201,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
191
201
|
onDragLeave: onDragLeave,
|
|
192
202
|
onDrop: onDrop
|
|
193
203
|
}), flattedColumnsWithoutChildren.map(function (column, idx) {
|
|
194
|
-
return /*#__PURE__*/
|
|
204
|
+
return /*#__PURE__*/React__default["default"].createElement(TableCell.TableCell, {
|
|
195
205
|
key: idx,
|
|
196
206
|
column: column,
|
|
197
207
|
isSwitcherCol: firstColumn ? firstColumn.id === column.id : false,
|
|
@@ -200,11 +210,11 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
200
210
|
colIndex: idx,
|
|
201
211
|
expandedTree: expandedTree
|
|
202
212
|
});
|
|
203
|
-
})), embedExpandable ? /*#__PURE__*/
|
|
213
|
+
})), embedExpandable ? ( /*#__PURE__*/React__default["default"].createElement(TableEmbedRow.TableEmbedRow, {
|
|
204
214
|
colSpan: columns.length,
|
|
205
215
|
rowData: rowDataProp,
|
|
206
216
|
rowIndex: rowIndex
|
|
207
|
-
}) : null);
|
|
217
|
+
})) : null);
|
|
208
218
|
});
|
|
209
219
|
if (env.__DEV__) {
|
|
210
220
|
TableRow.displayName = 'TableRow';
|
|
@@ -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');
|
|
@@ -24,6 +28,13 @@ var useDragSorter = require('@hi-ui/use-drag-sorter');
|
|
|
24
28
|
var drawer = require('@hi-ui/drawer');
|
|
25
29
|
var button = require('@hi-ui/button');
|
|
26
30
|
var Checkbox = require('@hi-ui/checkbox');
|
|
31
|
+
function _interopDefaultCompat(e) {
|
|
32
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
33
|
+
'default': e
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
|
|
37
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
27
38
|
var _prefix = classname.getPrefixCls('table-setting');
|
|
28
39
|
/**
|
|
29
40
|
* 表头右侧高级设置菜单(抽屉式)
|
|
@@ -47,8 +58,8 @@ var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
47
58
|
draggable: true,
|
|
48
59
|
idFieldName: 'dataKey',
|
|
49
60
|
onSwap: function onSwap(dragItem, dropItem, direction, info) {
|
|
50
|
-
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/
|
|
51
|
-
return
|
|
61
|
+
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
|
|
62
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
|
|
52
63
|
while (1) {
|
|
53
64
|
switch (_context.prev = _context.next) {
|
|
54
65
|
case 0:
|
|
@@ -95,34 +106,34 @@ var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
95
106
|
menuVisibleAction.off();
|
|
96
107
|
};
|
|
97
108
|
var cls = classname.cx(prefixCls);
|
|
98
|
-
return /*#__PURE__*/
|
|
109
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
99
110
|
ref: ref,
|
|
100
111
|
className: cls
|
|
101
|
-
}, /*#__PURE__*/
|
|
102
|
-
icon: /*#__PURE__*/
|
|
112
|
+
}, /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
113
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.EllipsisVerticalOutlined, null),
|
|
103
114
|
onClick: menuVisibleAction.not
|
|
104
|
-
}), /*#__PURE__*/
|
|
115
|
+
}), /*#__PURE__*/React__default["default"].createElement(drawer.Drawer, {
|
|
105
116
|
className: prefixCls + "__drawer",
|
|
106
117
|
title: i18n.get('table.fieldExplorer'),
|
|
107
118
|
visible: menuVisible,
|
|
108
119
|
onClose: menuVisibleAction.off,
|
|
109
120
|
width: 304,
|
|
110
|
-
footer: /*#__PURE__*/
|
|
121
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
111
122
|
className: prefixCls + "__btn-group"
|
|
112
|
-
}, /*#__PURE__*/
|
|
123
|
+
}, /*#__PURE__*/React__default["default"].createElement(button.Button, {
|
|
113
124
|
key: 0,
|
|
114
125
|
className: prefixCls + "__btn-cancel",
|
|
115
126
|
onClick: resetLatest
|
|
116
|
-
}, i18n.get('table.reset')), /*#__PURE__*/
|
|
127
|
+
}, i18n.get('table.reset')), /*#__PURE__*/React__default["default"].createElement(button.Button, {
|
|
117
128
|
key: 1,
|
|
118
129
|
className: prefixCls + "__btn-confirm",
|
|
119
130
|
onClick: onConfirm,
|
|
120
131
|
type: "primary"
|
|
121
132
|
}, i18n.get('table.confirm')))
|
|
122
|
-
}, /*#__PURE__*/
|
|
133
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
123
134
|
className: prefixCls + "__content"
|
|
124
135
|
}, cacheSortedCols.map(function (col, index) {
|
|
125
|
-
return /*#__PURE__*/
|
|
136
|
+
return /*#__PURE__*/React__default["default"].createElement(TableSettingMenuItem, {
|
|
126
137
|
key: col.dataKey,
|
|
127
138
|
prefixCls: prefixCls,
|
|
128
139
|
column: col,
|
|
@@ -157,11 +168,11 @@ function TableSettingMenuItem(_ref2) {
|
|
|
157
168
|
direction = _useDrag.direction,
|
|
158
169
|
getDragTriggerProps = _useDrag.getDragTriggerProps,
|
|
159
170
|
getDropTriggerProps = _useDrag.getDropTriggerProps;
|
|
160
|
-
return /*#__PURE__*/
|
|
171
|
+
return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
|
161
172
|
className: classname.cx(prefixCls + "-item", dragging && prefixCls + "-item--dragging", direction && prefixCls + "-item--direction-" + direction)
|
|
162
|
-
}, getDragTriggerProps(), getDropTriggerProps()), /*#__PURE__*/
|
|
173
|
+
}, getDragTriggerProps(), getDropTriggerProps()), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
163
174
|
className: prefixCls + "-item__wrap"
|
|
164
|
-
}, /*#__PURE__*/
|
|
175
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox.Checkbox, {
|
|
165
176
|
disabled: checkDisabled,
|
|
166
177
|
checked: !cacheHiddenColKeys.includes(dataKey),
|
|
167
178
|
onChange: function onChange(evt) {
|
|
@@ -171,6 +182,6 @@ function TableSettingMenuItem(_ref2) {
|
|
|
171
182
|
}) : cacheHiddenColKeys.concat(dataKey);
|
|
172
183
|
setCacheHiddenColKeys(nextCacheHiddenColKeys);
|
|
173
184
|
}
|
|
174
|
-
}, /*#__PURE__*/
|
|
185
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, funcUtils.runIfFunc(title))), /*#__PURE__*/React__default["default"].createElement(icons.MoveOutlined, null)));
|
|
175
186
|
}
|
|
176
187
|
exports.TableSettingMenu = TableSettingMenu;
|