@arim-aisdc/public-components 0.0.55 → 0.0.57
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/dist/assets/iconfont/index.css +2 -0
- package/dist/components/TableMax/TableBody/Row.d.ts +3 -1
- package/dist/components/TableMax/TableBody/Row.js +19 -37
- package/dist/components/TableMax/TableBody/index.d.ts +3 -1
- package/dist/components/TableMax/TableBody/index.js +4 -0
- package/dist/components/TableMax/TableMax.js +62 -46
- package/dist/components/TableMax/type.d.ts +2 -0
- package/package.json +1 -1
- package/dist/assets/iconfont/color-icon/iconfont.css +0 -41
- package/dist/assets/iconfont/color-icon/iconfont.js +0 -43
- package/dist/assets/iconfont/color-icon/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/colours/three/demo.css +0 -539
- package/dist/assets/iconfont/colours/three/demo_index.html +0 -927
- package/dist/assets/iconfont/colours/three/iconfont.css +0 -145
- package/dist/assets/iconfont/colours/three/iconfont.js +0 -43
- package/dist/assets/iconfont/colours/three/iconfont.json +0 -233
- package/dist/assets/iconfont/colours/three/iconfont.ttf +0 -0
- package/dist/assets/iconfont/colours/three/iconfont.woff +0 -0
- package/dist/assets/iconfont/colours/three/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/colours/two/demo.css +0 -539
- package/dist/assets/iconfont/colours/two/demo_index.html +0 -973
- package/dist/assets/iconfont/colours/two/iconfont.css +0 -153
- package/dist/assets/iconfont/colours/two/iconfont.js +0 -43
- package/dist/assets/iconfont/colours/two/iconfont.json +0 -247
- package/dist/assets/iconfont/colours/two/iconfont.ttf +0 -0
- package/dist/assets/iconfont/colours/two/iconfont.woff +0 -0
- package/dist/assets/iconfont/colours/two/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/floating-window/demo.css +0 -539
- package/dist/assets/iconfont/floating-window/demo_index.html +0 -559
- package/dist/assets/iconfont/floating-window/iconfont.css +0 -81
- package/dist/assets/iconfont/floating-window/iconfont.js +0 -43
- package/dist/assets/iconfont/floating-window/iconfont.json +0 -121
- package/dist/assets/iconfont/floating-window/iconfont.ttf +0 -0
- package/dist/assets/iconfont/floating-window/iconfont.woff +0 -0
- package/dist/assets/iconfont/floating-window/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/machine/demo.css +0 -539
- package/dist/assets/iconfont/machine/demo_index.html +0 -1088
- package/dist/assets/iconfont/machine/iconfont.css +0 -173
- package/dist/assets/iconfont/machine/iconfont.js +0 -43
- package/dist/assets/iconfont/machine/iconfont.json +0 -282
- package/dist/assets/iconfont/machine/iconfont.ttf +0 -0
- package/dist/assets/iconfont/machine/iconfont.woff +0 -0
- package/dist/assets/iconfont/machine/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/menu/demo.css +0 -539
- package/dist/assets/iconfont/menu/demo_index.html +0 -1111
- package/dist/assets/iconfont/menu/iconfont.css +0 -177
- package/dist/assets/iconfont/menu/iconfont.js +0 -43
- package/dist/assets/iconfont/menu/iconfont.json +0 -289
- package/dist/assets/iconfont/menu/iconfont.ttf +0 -0
- package/dist/assets/iconfont/menu/iconfont.woff +0 -0
- package/dist/assets/iconfont/menu/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/sidebar/demo.css +0 -539
- package/dist/assets/iconfont/sidebar/demo_index.html +0 -2718
- package/dist/assets/iconfont/sidebar/iconfont.css +0 -455
- package/dist/assets/iconfont/sidebar/iconfont.js +0 -43
- package/dist/assets/iconfont/sidebar/iconfont.json +0 -779
- package/dist/assets/iconfont/sidebar/iconfont.ttf +0 -0
- package/dist/assets/iconfont/sidebar/iconfont.woff +0 -0
- package/dist/assets/iconfont/sidebar/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/theme-dark/four/demo.css +0 -539
- package/dist/assets/iconfont/theme-dark/four/demo_index.html +0 -352
- package/dist/assets/iconfont/theme-dark/four/iconfont.css +0 -45
- package/dist/assets/iconfont/theme-dark/four/iconfont.js +0 -43
- package/dist/assets/iconfont/theme-dark/four/iconfont.json +0 -58
- package/dist/assets/iconfont/theme-dark/four/iconfont.ttf +0 -0
- package/dist/assets/iconfont/theme-dark/four/iconfont.woff +0 -0
- package/dist/assets/iconfont/theme-dark/four/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/theme-dark/one/demo.css +0 -539
- package/dist/assets/iconfont/theme-dark/one/demo_index.html +0 -1088
- package/dist/assets/iconfont/theme-dark/one/iconfont.css +0 -173
- package/dist/assets/iconfont/theme-dark/one/iconfont.js +0 -43
- package/dist/assets/iconfont/theme-dark/one/iconfont.json +0 -282
- package/dist/assets/iconfont/theme-dark/one/iconfont.ttf +0 -0
- package/dist/assets/iconfont/theme-dark/one/iconfont.woff +0 -0
- package/dist/assets/iconfont/theme-dark/one/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/theme-dark/three/demo.css +0 -539
- package/dist/assets/iconfont/theme-dark/three/demo_index.html +0 -1111
- package/dist/assets/iconfont/theme-dark/three/iconfont.css +0 -177
- package/dist/assets/iconfont/theme-dark/three/iconfont.js +0 -43
- package/dist/assets/iconfont/theme-dark/three/iconfont.json +0 -289
- package/dist/assets/iconfont/theme-dark/three/iconfont.ttf +0 -0
- package/dist/assets/iconfont/theme-dark/three/iconfont.woff +0 -0
- package/dist/assets/iconfont/theme-dark/three/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/theme-dark/two/demo.css +0 -539
- package/dist/assets/iconfont/theme-dark/two/demo_index.html +0 -1088
- package/dist/assets/iconfont/theme-dark/two/iconfont.css +0 -173
- package/dist/assets/iconfont/theme-dark/two/iconfont.js +0 -43
- package/dist/assets/iconfont/theme-dark/two/iconfont.json +0 -282
- package/dist/assets/iconfont/theme-dark/two/iconfont.ttf +0 -0
- package/dist/assets/iconfont/theme-dark/two/iconfont.woff +0 -0
- package/dist/assets/iconfont/theme-dark/two/iconfont.woff2 +0 -0
- package/dist/assets/iconfont/tip/demo.css +0 -539
- package/dist/assets/iconfont/tip/demo_index.html +0 -306
- package/dist/assets/iconfont/tip/iconfont.css +0 -37
- package/dist/assets/iconfont/tip/iconfont.js +0 -43
- package/dist/assets/iconfont/tip/iconfont.json +0 -44
- package/dist/assets/iconfont/tip/iconfont.ttf +0 -0
- package/dist/assets/iconfont/tip/iconfont.woff +0 -0
- package/dist/assets/iconfont/tip/iconfont.woff2 +0 -0
|
@@ -8,6 +8,8 @@ type IRowProps = {
|
|
|
8
8
|
row: any;
|
|
9
9
|
rowSelectedId?: string;
|
|
10
10
|
setRowSelectedId?: Dispatch<SetStateAction<string | undefined>>;
|
|
11
|
+
rowHighLightId: string;
|
|
12
|
+
setRowHighLightId?: Dispatch<SetStateAction<string | undefined>>;
|
|
11
13
|
selectedRowChange?: (row: any) => void;
|
|
12
14
|
onSelectChange?: OnSelectChangeType;
|
|
13
15
|
tableBodyRef: any;
|
|
@@ -50,5 +52,5 @@ type IRowProps = {
|
|
|
50
52
|
color: string;
|
|
51
53
|
};
|
|
52
54
|
};
|
|
53
|
-
declare const Row: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, }: IRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
55
|
+
declare const Row: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, }: IRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
54
56
|
export default Row;
|
|
@@ -13,7 +13,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
13
13
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
14
14
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
15
|
import { flexRender } from '@tanstack/react-table';
|
|
16
|
-
import { useEffect, useRef, useState } from 'react';
|
|
16
|
+
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
17
17
|
import { useDrag, useDrop } from 'react-dnd';
|
|
18
18
|
import { getEmptyImage } from 'react-dnd-html5-backend';
|
|
19
19
|
import { EditableCell } from "../components/ColumnEdit";
|
|
@@ -31,6 +31,8 @@ var Row = function Row(_ref) {
|
|
|
31
31
|
row = _ref.row,
|
|
32
32
|
rowSelectedId = _ref.rowSelectedId,
|
|
33
33
|
setRowSelectedId = _ref.setRowSelectedId,
|
|
34
|
+
rowHighLightId = _ref.rowHighLightId,
|
|
35
|
+
setRowHighLightId = _ref.setRowHighLightId,
|
|
34
36
|
selectedRowChange = _ref.selectedRowChange,
|
|
35
37
|
onSelectChange = _ref.onSelectChange,
|
|
36
38
|
canSelection = _ref.canSelection,
|
|
@@ -126,7 +128,11 @@ var Row = function Row(_ref) {
|
|
|
126
128
|
var rowClickHandler = function rowClickHandler(evt) {
|
|
127
129
|
// 触发单击事件
|
|
128
130
|
onRowMouseClick === null || onRowMouseClick === void 0 || onRowMouseClick(row);
|
|
129
|
-
if (!
|
|
131
|
+
if (!row.getCanSelect()) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
if (canSelection && !selectRowWhenClick) {
|
|
135
|
+
setRowHighLightId(row.id);
|
|
130
136
|
return;
|
|
131
137
|
}
|
|
132
138
|
// 多选
|
|
@@ -197,39 +203,6 @@ var Row = function Row(_ref) {
|
|
|
197
203
|
onSelectChange === null || onSelectChange === void 0 || onSelectChange(row, row === null || row === void 0 ? void 0 : row.original, true, evt);
|
|
198
204
|
}
|
|
199
205
|
};
|
|
200
|
-
|
|
201
|
-
// const rowClickHandler = (evt: any) => {
|
|
202
|
-
// // 触发单击回调
|
|
203
|
-
// onRowMouseClick?.(row);
|
|
204
|
-
|
|
205
|
-
// if (!selectRowWhenClick) {
|
|
206
|
-
// // 如果配置了selectRowWhenClick这个props,单击时不选中
|
|
207
|
-
// return;
|
|
208
|
-
// }
|
|
209
|
-
|
|
210
|
-
// const selectionConfig = {
|
|
211
|
-
// ...table.getState().rowSelection
|
|
212
|
-
// };
|
|
213
|
-
// if (canSelection) {
|
|
214
|
-
// if (evt.ctrlKey) {
|
|
215
|
-
// if (!row.getIsSelected()) {
|
|
216
|
-
// selectionConfig[row.id] = true
|
|
217
|
-
// } else {
|
|
218
|
-
// delete selectionConfig[row.id]
|
|
219
|
-
// }
|
|
220
|
-
// } else if ({ ...table.getState().rowSelection }[row.id]) {
|
|
221
|
-
// delete selectionConfig[row.id]
|
|
222
|
-
// }
|
|
223
|
-
// if (row.getCanSelect()) {
|
|
224
|
-
// table?.setRowSelection(selectionConfig);
|
|
225
|
-
// }
|
|
226
|
-
// }
|
|
227
|
-
// setRowSelectedId?.(row?.id);
|
|
228
|
-
// selectedRowChange?.(row);
|
|
229
|
-
// onSelectChange?.(row, row?.original, true, evt);
|
|
230
|
-
|
|
231
|
-
// };
|
|
232
|
-
|
|
233
206
|
var rowClickOrDoubleClick = function rowClickOrDoubleClick(e) {
|
|
234
207
|
// console.log('rowClickOrDoubleClick');
|
|
235
208
|
if (editting) return;
|
|
@@ -277,10 +250,19 @@ var Row = function Row(_ref) {
|
|
|
277
250
|
setTooltipConfig(getRowHoverTipConfig(row.original));
|
|
278
251
|
}
|
|
279
252
|
};
|
|
253
|
+
|
|
254
|
+
// 当前行是否高亮
|
|
255
|
+
var isHighLight = useMemo(function () {
|
|
256
|
+
return !canSelection && String(row.id) === String(rowSelectedId) ||
|
|
257
|
+
// 单选选中
|
|
258
|
+
canSelection && selectRowWhenClick && row.getIsSelected() ||
|
|
259
|
+
// 多选并且点击行时也选中
|
|
260
|
+
canSelection && !selectRowWhenClick && String(row.id) === String(rowHighLightId) // 多选并且点击行时不选中,高亮状态单独管理
|
|
261
|
+
;
|
|
262
|
+
}, [row.id, row.getIsSelected(), rowSelectedId, selectRowWhenClick, rowHighLightId, canSelection]);
|
|
280
263
|
var rowCom = function rowCom() {
|
|
281
264
|
var _row;
|
|
282
265
|
return /*#__PURE__*/_jsx("tr", {
|
|
283
|
-
// ref={canRowDrag && !editting ? dropRef : null}
|
|
284
266
|
id: rowEditing ? "".concat(tableId, "-tbody-tr-editing") : undefined,
|
|
285
267
|
ref: function ref(node) {
|
|
286
268
|
dropRef(node && !editting ? node : null);
|
|
@@ -293,7 +275,7 @@ var Row = function Row(_ref) {
|
|
|
293
275
|
onClick: rowClickOrDoubleClick,
|
|
294
276
|
onMouseEnter: rowMouseEnter,
|
|
295
277
|
onMouseLeave: rowMouseLeave,
|
|
296
|
-
className: "tbody-tr ".concat(
|
|
278
|
+
className: "tbody-tr ".concat(isHighLight ? 'tbody-tr-selected' : '', " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
|
|
297
279
|
return "".concat(item, "-").concat(theme);
|
|
298
280
|
}).join(' ')) || ''),
|
|
299
281
|
children: (_row = row["getVisibleCells"]) === null || _row === void 0 ? void 0 : _row.call(row).map(function (cell) {
|
|
@@ -18,6 +18,8 @@ type TableBodyPropsType = {
|
|
|
18
18
|
selectionWithoutChecked?: boolean;
|
|
19
19
|
selectedRowDragging: boolean;
|
|
20
20
|
setSelectedRowDragging: Dispatch<SetStateAction<boolean>>;
|
|
21
|
+
rowHighLightId: string;
|
|
22
|
+
setRowHighLightId?: Dispatch<SetStateAction<string | undefined>>;
|
|
21
23
|
canRowDrag: boolean;
|
|
22
24
|
rowKey: string;
|
|
23
25
|
hasGroup: boolean;
|
|
@@ -68,5 +70,5 @@ type TableBodyPropsType = {
|
|
|
68
70
|
color: string;
|
|
69
71
|
};
|
|
70
72
|
};
|
|
71
|
-
declare const TableBody: ({ tableContentRef, tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, hasVerticalScrollBar, datas, emptyDataHeight, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
|
|
73
|
+
declare const TableBody: ({ tableContentRef, tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, hasVerticalScrollBar, datas, emptyDataHeight, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
|
|
72
74
|
export default TableBody;
|
|
@@ -41,6 +41,8 @@ var TableBody = function TableBody(_ref) {
|
|
|
41
41
|
reorderRow = _ref.reorderRow,
|
|
42
42
|
rowSelectedId = _ref.rowSelectedId,
|
|
43
43
|
setRowSelectedId = _ref.setRowSelectedId,
|
|
44
|
+
rowHighLightId = _ref.rowHighLightId,
|
|
45
|
+
setRowHighLightId = _ref.setRowHighLightId,
|
|
44
46
|
selectedRowChange = _ref.selectedRowChange,
|
|
45
47
|
onSelectChange = _ref.onSelectChange,
|
|
46
48
|
canSelection = _ref.canSelection,
|
|
@@ -253,6 +255,8 @@ var TableBody = function TableBody(_ref) {
|
|
|
253
255
|
reorderRow: reorderRow,
|
|
254
256
|
rowSelectedId: rowSelectedId,
|
|
255
257
|
setRowSelectedId: setRowSelectedId,
|
|
258
|
+
rowHighLightId: rowHighLightId,
|
|
259
|
+
setRowHighLightId: setRowHighLightId,
|
|
256
260
|
selectedRowChange: selectedRowChange,
|
|
257
261
|
onSelectChange: onSelectChange,
|
|
258
262
|
canSelection: canSelection,
|
|
@@ -158,7 +158,7 @@ var TableMax = function TableMax(_ref) {
|
|
|
158
158
|
onRowCheckboxClick = _ref.onRowCheckboxClick,
|
|
159
159
|
disableDragRowIds = _ref.disableDragRowIds,
|
|
160
160
|
_ref$selectRowWhenCli = _ref.selectRowWhenClick,
|
|
161
|
-
|
|
161
|
+
originSelectRowWhenClick = _ref$selectRowWhenCli === void 0 ? true : _ref$selectRowWhenCli,
|
|
162
162
|
_ref$autoHeight = _ref.autoHeight,
|
|
163
163
|
autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
|
|
164
164
|
_ref$emptyDataHeight = _ref.emptyDataHeight,
|
|
@@ -170,7 +170,8 @@ var TableMax = function TableMax(_ref) {
|
|
|
170
170
|
dragBeforeStart = _ref.dragBeforeStart,
|
|
171
171
|
getContextMenu = _ref.getContextMenu,
|
|
172
172
|
onClickContextMenu = _ref.onClickContextMenu,
|
|
173
|
-
getRowHoverTipConfig = _ref.getRowHoverTipConfig
|
|
173
|
+
getRowHoverTipConfig = _ref.getRowHoverTipConfig,
|
|
174
|
+
defaultHighLightRowId = _ref.defaultHighLightRowId;
|
|
174
175
|
var columns = useMemo(function () {
|
|
175
176
|
// 给columns配置默认的过滤函数、排序函数
|
|
176
177
|
return setDefaultSortFn(setDefaultFilterFn(cloneDeep(originColumns)));
|
|
@@ -180,6 +181,11 @@ var TableMax = function TableMax(_ref) {
|
|
|
180
181
|
theme = _useConfig.theme,
|
|
181
182
|
tableKeyPrefixCls = _useConfig.tableKeyPrefixCls;
|
|
182
183
|
|
|
184
|
+
// 多选场景下,点击行时是否选中改行。在不展示多选框(selectionWithoutChecked=true)时,会一直为true
|
|
185
|
+
var selectRowWhenClick = useMemo(function () {
|
|
186
|
+
return originSelectRowWhenClick || selectionWithoutChecked;
|
|
187
|
+
}, [originSelectRowWhenClick, selectionWithoutChecked]);
|
|
188
|
+
|
|
183
189
|
// console.log('bingo', userId, theme, tableKeyPrefixCls);
|
|
184
190
|
|
|
185
191
|
/**表格配置信息缓存 */
|
|
@@ -230,32 +236,40 @@ var TableMax = function TableMax(_ref) {
|
|
|
230
236
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
231
237
|
rowSelection = _useState14[0],
|
|
232
238
|
setRowSelection = _useState14[1];
|
|
233
|
-
|
|
234
|
-
var _useState15 = useState(
|
|
239
|
+
// 高亮行的id:多选场景并且点击行不勾选时,高亮点击的行
|
|
240
|
+
var _useState15 = useState(defaultHighLightRowId),
|
|
235
241
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
236
|
-
|
|
237
|
-
|
|
242
|
+
rowHighLightId = _useState16[0],
|
|
243
|
+
setRowHighLightId = _useState16[1];
|
|
244
|
+
useEffect(function () {
|
|
245
|
+
setRowHighLightId(defaultHighLightRowId);
|
|
246
|
+
}, [defaultHighLightRowId]);
|
|
247
|
+
/**列固定 */
|
|
248
|
+
var _useState17 = useState(columnPinningConfig),
|
|
249
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
250
|
+
columnPinning = _useState18[0],
|
|
251
|
+
setColumnPinning = _useState18[1];
|
|
238
252
|
/**列宽 */
|
|
239
253
|
// const [columnSizes, setColumnSizes] = useState();
|
|
240
|
-
var _useState17 = useState({}),
|
|
241
|
-
_useState18 = _slicedToArray(_useState17, 2),
|
|
242
|
-
columnSizing = _useState18[0],
|
|
243
|
-
setColumnSizing = _useState18[1];
|
|
244
254
|
var _useState19 = useState({}),
|
|
245
255
|
_useState20 = _slicedToArray(_useState19, 2),
|
|
246
|
-
|
|
247
|
-
|
|
256
|
+
columnSizing = _useState20[0],
|
|
257
|
+
setColumnSizing = _useState20[1];
|
|
258
|
+
var _useState21 = useState({}),
|
|
259
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
260
|
+
initColumnsSizing = _useState22[0],
|
|
261
|
+
setInitColumnsSizing = _useState22[1];
|
|
248
262
|
|
|
249
263
|
// const [visibleColumnSizes, setVisibleColumnSizes] = useState([]);
|
|
250
264
|
/**列筛选 */
|
|
251
|
-
var
|
|
252
|
-
_useState22 = _slicedToArray(_useState21, 2),
|
|
253
|
-
columnFilters = _useState22[0],
|
|
254
|
-
setColumnFilters = _useState22[1];
|
|
255
|
-
var _useState23 = useState(''),
|
|
265
|
+
var _useState23 = useState(defaultColumnFilters),
|
|
256
266
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
257
|
-
|
|
258
|
-
|
|
267
|
+
columnFilters = _useState24[0],
|
|
268
|
+
setColumnFilters = _useState24[1];
|
|
269
|
+
var _useState25 = useState(''),
|
|
270
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
271
|
+
globalFilter = _useState26[0],
|
|
272
|
+
setGlobalFilter = _useState26[1];
|
|
259
273
|
/**分页 */
|
|
260
274
|
var pagination = useMemo(function () {
|
|
261
275
|
return typeof skipCount === 'number' && pageSize ? {
|
|
@@ -264,43 +278,43 @@ var TableMax = function TableMax(_ref) {
|
|
|
264
278
|
} : undefined;
|
|
265
279
|
}, [skipCount, pageSize]);
|
|
266
280
|
/**是否有分组 */
|
|
267
|
-
var _useState25 = useState(false),
|
|
268
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
|
269
|
-
hasGroup = _useState26[0],
|
|
270
|
-
setHasGroup = _useState26[1];
|
|
271
|
-
|
|
272
|
-
/**是否正在多行拖拽 */
|
|
273
281
|
var _useState27 = useState(false),
|
|
274
282
|
_useState28 = _slicedToArray(_useState27, 2),
|
|
275
|
-
|
|
276
|
-
|
|
283
|
+
hasGroup = _useState28[0],
|
|
284
|
+
setHasGroup = _useState28[1];
|
|
277
285
|
|
|
278
|
-
|
|
279
|
-
var _useState29 = useState(
|
|
286
|
+
/**是否正在多行拖拽 */
|
|
287
|
+
var _useState29 = useState(false),
|
|
280
288
|
_useState30 = _slicedToArray(_useState29, 2),
|
|
281
|
-
|
|
282
|
-
|
|
289
|
+
selectedRowDragging = _useState30[0],
|
|
290
|
+
setSelectedRowDragging = _useState30[1];
|
|
291
|
+
|
|
292
|
+
/**显示筛选开关状态 */
|
|
293
|
+
var _useState31 = useState(defaultEnableFilters),
|
|
294
|
+
_useState32 = _slicedToArray(_useState31, 2),
|
|
295
|
+
enableFilters = _useState32[0],
|
|
296
|
+
setEnableFilters = _useState32[1];
|
|
283
297
|
var _Form$useForm = _Form.useForm(),
|
|
284
298
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
285
299
|
form = _Form$useForm2[0];
|
|
286
300
|
/**正在编辑的行id*/
|
|
287
|
-
var
|
|
288
|
-
|
|
289
|
-
editingRowId =
|
|
290
|
-
setEditingRowId =
|
|
301
|
+
var _useState33 = useState(''),
|
|
302
|
+
_useState34 = _slicedToArray(_useState33, 2),
|
|
303
|
+
editingRowId = _useState34[0],
|
|
304
|
+
setEditingRowId = _useState34[1];
|
|
291
305
|
var _React$useState = React.useState({}),
|
|
292
306
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
293
307
|
expanded = _React$useState2[0],
|
|
294
308
|
setExpanded = _React$useState2[1];
|
|
295
309
|
|
|
296
310
|
// 固定列是否显示阴影
|
|
297
|
-
var
|
|
311
|
+
var _useState35 = useState({
|
|
298
312
|
left: false,
|
|
299
313
|
right: false
|
|
300
314
|
}),
|
|
301
|
-
|
|
302
|
-
pinShadowVisible =
|
|
303
|
-
setPinShadowVisible =
|
|
315
|
+
_useState36 = _slicedToArray(_useState35, 2),
|
|
316
|
+
pinShadowVisible = _useState36[0],
|
|
317
|
+
setPinShadowVisible = _useState36[1];
|
|
304
318
|
|
|
305
319
|
// table
|
|
306
320
|
var table = useReactTable({
|
|
@@ -364,14 +378,14 @@ var TableMax = function TableMax(_ref) {
|
|
|
364
378
|
var tableBodyRef = useRef(null);
|
|
365
379
|
|
|
366
380
|
/**表格容器宽度 */
|
|
367
|
-
var
|
|
368
|
-
_useState36 = _slicedToArray(_useState35, 2),
|
|
369
|
-
tableContainerWidth = _useState36[0],
|
|
370
|
-
setTableContainerWidth = _useState36[1];
|
|
371
|
-
var _useState37 = useState(false),
|
|
381
|
+
var _useState37 = useState(),
|
|
372
382
|
_useState38 = _slicedToArray(_useState37, 2),
|
|
373
|
-
|
|
374
|
-
|
|
383
|
+
tableContainerWidth = _useState38[0],
|
|
384
|
+
setTableContainerWidth = _useState38[1];
|
|
385
|
+
var _useState39 = useState(false),
|
|
386
|
+
_useState40 = _slicedToArray(_useState39, 2),
|
|
387
|
+
hasVerticalScrollBar = _useState40[0],
|
|
388
|
+
setHasVerticalScrollBar = _useState40[1];
|
|
375
389
|
|
|
376
390
|
// 暴露给外部的api
|
|
377
391
|
useImperativeHandle(refInstance, function () {
|
|
@@ -973,6 +987,8 @@ var TableMax = function TableMax(_ref) {
|
|
|
973
987
|
reorderRow: reorderRow,
|
|
974
988
|
rowSelectedId: rowSelectedId,
|
|
975
989
|
setRowSelectedId: setRowSelectedId,
|
|
990
|
+
rowHighLightId: rowHighLightId,
|
|
991
|
+
setRowHighLightId: setRowHighLightId,
|
|
976
992
|
selectedRowChange: selectedRowChange,
|
|
977
993
|
onSelectChange: onSelectChange,
|
|
978
994
|
canFilter: canFilter,
|
package/package.json
CHANGED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: "iconfont"; /* Project id 3699069 */
|
|
3
|
-
/* Color fonts */
|
|
4
|
-
src:
|
|
5
|
-
url('iconfont.woff2?t=1665990071502') format('woff2'),
|
|
6
|
-
url('iconfont.woff?t=1665990071502') format('woff'),
|
|
7
|
-
url('iconfont.ttf?t=1665990071502') format('truetype');
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.iconfont {
|
|
11
|
-
font-family: "iconfont" !important;
|
|
12
|
-
font-size: 16px;
|
|
13
|
-
font-style: normal;
|
|
14
|
-
-webkit-font-smoothing: antialiased;
|
|
15
|
-
-moz-osx-font-smoothing: grayscale;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.icon-machine-KR:before {
|
|
19
|
-
content: "\e65d";
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.icon-machine-BOF:before {
|
|
23
|
-
content: "\e65e";
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.icon-machine-LF:before {
|
|
27
|
-
content: "\e65f";
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.icon-machine-BF:before {
|
|
31
|
-
content: "\e660";
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.icon-machine-RH:before {
|
|
35
|
-
content: "\e661";
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.icon-machine-CCM:before {
|
|
39
|
-
content: "\e662";
|
|
40
|
-
}
|
|
41
|
-
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
window._iconfont_svg_string_3699069 = '<svg><symbol id="icon-machine-KR" viewBox="0 0 1024 1024"><path d="M755.858286 352H714.24V297.618286H339.858286v54.381714H298.24V277.138286A20.48 20.48 0 0 1 318.72 256h416.658286a20.48 20.48 0 0 1 20.48 21.138286v74.861714zM736 752.64H319.341714a20.48 20.48 0 0 1-20.48-21.101714V376.32H340.48v337.92h374.381714v-343.661714h41.618286v360.96a20.48 20.48 0 0 1-20.48 21.101714z" fill="#252525" ></path><path d="M358.4 519.68h337.92v172.8H358.4z" fill="#EA5322" ></path><path d="M750.08 427.52h37.12v41.581714H750.08z" fill="#252525" ></path><path d="M774.4 392.338286h36.571429v110.08h-36.571429zM266.861714 427.52h37.12v41.581714H266.861714z" fill="#252525" ></path><path d="M256 392.96h36.571429v110.08H256z" fill="#252525" ></path></symbol><symbol id="icon-machine-BOF" viewBox="0 0 1024 1024"><path d="M342.125714 403.931429H299.081143V305.078857h138.459428v43.154286H342.125714zM773.485714 403.931429h-43.081143V348.196571h-85.467428V305.078857h128.548571zM536.941714 819.2h-123.245714l-113.956571-143.945143v-240.128h43.044571v224.877714l92.123429 116.077715h102.034285z" fill="#252525" ></path><path d="M660.187429 819.2h-123.245715v-43.117714h102.692572l91.428571-116.077715v-227.547428h43.081143v242.797714z" fill="#252525" ></path><path d="M637.659429 756.845714h-200.118858L362.057143 660.662857v-82.285714h349.842286v84.260571z" fill="#EA5322" ></path><path d="M767.524571 482.194286h38.436572v43.117714h-38.436572z" fill="#252525" ></path><path d="M792.685714 446.390857h36.571429v114.102857h-36.571429zM267.264 482.194286h38.436571v43.117714H267.264z" fill="#252525" ></path><path d="M256 447.049143h36.571429v114.102857H256zM519.716571 256h43.081143v299.849143h-43.081143zM582.656 305.078857h62.281143v43.117714h-62.281143zM437.540571 305.078857h62.281143v43.117714h-62.281143z" fill="#252525" ></path></symbol><symbol id="icon-machine-LF" viewBox="0 0 1024 1024"><path d="M339.2 537.6H297.581714v-74.861714a20.48 20.48 0 0 1 21.138286-20.48h112.64v41.581714h-92.16v53.76zM755.858286 537.6H714.24v-53.76h-82.541714v-41.618286h103.68c11.300571 0 20.48 9.179429 20.48 20.48V537.6zM736 938.24H319.341714a21.138286 21.138286 0 0 1-21.101714-21.138286v-358.4h41.581714v337.92h375.04v-340.48h41.618286v360.96a20.48 20.48 0 0 1-20.48 21.138286z" fill="#252525" ></path><path d="M358.4 705.901714h337.92v172.8H358.4z" fill="#EA5322" ></path><path d="M750.08 613.12h37.12v41.581714H750.08z" fill="#252525" ></path><path d="M774.4 578.56h36.571429v110.08h-36.571429zM266.861714 613.12h37.12v41.581714H266.861714z" fill="#252525" ></path><path d="M256 579.218286h36.571429v110.08H256zM510.72 64h41.581714v620.8h-41.581714zM450.56 64h41.581714v620.8H450.56zM570.88 64h41.581714v620.8H570.88z" fill="#252525" ></path><path d="M358.4 227.218286h337.92V268.8H358.4z" fill="#252525" ></path></symbol><symbol id="icon-machine-BF" viewBox="0 0 1024 1024"><path d="M417.28 750.701714h137.618286v54.418286H417.28zM417.938286 825.6h137.618285v54.418286h-137.618285zM574.72 670.72h-174.08l-80.018286-94.061714 71.68-320h190.098286l65.901714 321.28z" fill="#EA5322" ></path><path d="M381.44 214.381714l-40.338286-8.923428 27.538286-124.818286a21.76 21.76 0 0 1 20.48-16.64h200.301714c9.874286 0.073143 18.395429 6.985143 20.48 16.64l26.258286 128-40.96 8.338286-21.76-111.36h-167.68l-24.32 108.763428zM360.301714 722.578286l-99.84-128a20.48 20.48 0 0 1-3.84-17.298286l78.738286-348.16 40.96 8.96-76.8 341.138286 93.44 116.48-32.658286 26.88zM593.92 939.52h-217.6a20.48 20.48 0 0 1-20.48-21.138286v-167.643428h41.618286v147.163428h175.981714v-147.163428h41.618286v167.68a21.138286 21.138286 0 0 1-21.138286 21.101714zM610.56 722.578286l-32.658286-25.6 93.476572-117.76-71.058286-341.138286 40.338286-8.96 72.923428 350.72a20.48 20.48 0 0 1-3.84 17.298286l-99.181714 125.44z" fill="#252525" ></path><path d="M584.96 765.44h129.28v36.571429h-129.28zM256 839.68h129.28v36.571429H256zM256 897.901714h458.24v41.581715H256z" fill="#252525" ></path></symbol><symbol id="icon-machine-RH" viewBox="0 0 1024 1024"><path d="M736 920.32H319.341714a20.48 20.48 0 0 1-21.101714-20.48v-358.4h40.301714v337.298286h375.04v-339.858286h41.618286v360.96a20.48 20.48 0 0 1-19.2 20.48z" fill="#252525" ></path><path d="M358.4 688.018286h337.92v172.8H358.4z" fill="#EA5322" ></path><path d="M750.08 595.858286h37.12v41.581714H750.08z" fill="#252525" ></path><path d="M774.4 560.64h36.571429v110.08h-36.571429zM266.861714 595.858286h37.12v41.581714H266.861714z" fill="#252525" ></path><path d="M256 561.298286h36.571429v110.08H256zM535.04 460.141714h41.581714v207.36H535.04zM478.72 460.141714h41.581714v207.36H478.72zM457.581714 668.818286h-41.581714v-109.458286h-37.778286a20.48 20.48 0 0 1-21.101714-20.48v-263.68h-58.88V234.861714h80.018286a20.48 20.48 0 0 1 20.48 21.138286v263.058286h37.741714c11.666286 0 21.101714 9.435429 21.101714 21.101714v128.658286z" fill="#252525" ></path><path d="M641.938286 668.818286h-41.618286v-128a20.48 20.48 0 0 1 20.48-21.138286h32.658286V170.861714H358.4v-40.96h315.538286a20.48 20.48 0 0 1 21.101714 20.48V537.6a20.48 20.48 0 0 1-21.138286 20.48h-32v110.701714z" fill="#252525" ></path><path d="M507.538286 64h41.581714v307.2h-41.581714z" fill="#252525" ></path></symbol><symbol id="icon-machine-CCM" viewBox="0 0 1024 1024"><path d="M422.4 445.44H255.378286a20.48 20.48 0 0 1-20.48-21.138286V66.56H276.48v337.298286h145.92v41.581714zM672 445.44H504.32v-41.581714h147.2V64h41.581714v360.301714a20.48 20.48 0 0 1-21.101714 21.138286z" fill="#252525" ></path><path d="M295.021714 213.101714h337.92v172.8h-337.92z" fill="#EA5322" ></path><path d="M686.08 120.978286h37.12v41.581714H686.08z" fill="#252525" ></path><path d="M710.4 85.76h36.571429v110.08h-36.571429zM202.861714 120.978286h37.12v41.581714H202.861714z" fill="#252525" ></path><path d="M192 86.418286h36.571429v110.08h-36.571429zM766.061714 818.578286h85.138286v41.581714h-85.138286zM746.861714 860.16h-87.661714a216.32 216.32 0 0 1-216.32-215.661714v-241.298286h41.581714v241.298286a174.08 174.08 0 0 0 174.738286 174.08h87.661714v41.581714zM255.341714 463.36h167.021715v41.581714H255.341714z" fill="#252525" ></path><path d="M504.32 463.36h167.021714v41.581714H504.32zM504.32 525.421714h41.581714v41.581715H504.32zM380.781714 525.421714h41.581715v41.581715h-41.581715zM504.941714 586.24h41.581715v41.581714h-41.581715zM380.781714 586.24h41.581715v41.581714h-41.581715zM504.941714 647.058286h41.581715v41.581714h-41.581715zM638.061714 757.138286h41.581715v41.581714h-41.581715zM705.28 757.138286h41.581714v41.581714h-41.581714zM705.28 878.701714h41.581714v41.581715h-41.581714zM380.781714 647.058286h41.581715v41.581714h-41.581715z" fill="#252525" ></path></symbol></svg>', function (a) {
|
|
2
|
-
var h = (h = document.getElementsByTagName("script"))[h.length - 1],
|
|
3
|
-
t = h.getAttribute("data-injectcss"),
|
|
4
|
-
h = h.getAttribute("data-disable-injectsvg");
|
|
5
|
-
if (!h) {
|
|
6
|
-
var l,
|
|
7
|
-
_v,
|
|
8
|
-
e,
|
|
9
|
-
i,
|
|
10
|
-
n,
|
|
11
|
-
d = function d(h, t) {
|
|
12
|
-
t.parentNode.insertBefore(h, t);
|
|
13
|
-
};
|
|
14
|
-
if (t && !a.__iconfont__svg__cssinject__) {
|
|
15
|
-
a.__iconfont__svg__cssinject__ = !0;
|
|
16
|
-
try {
|
|
17
|
-
document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
|
|
18
|
-
} catch (h) {
|
|
19
|
-
console && console.log(h);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
l = function l() {
|
|
23
|
-
var h,
|
|
24
|
-
t = document.createElement("div");
|
|
25
|
-
t.innerHTML = a._iconfont_svg_string_3699069, (t = t.getElementsByTagName("svg")[0]) && (t.setAttribute("aria-hidden", "true"), t.style.position = "absolute", t.style.width = 0, t.style.height = 0, t.style.overflow = "hidden", t = t, (h = document.body).firstChild ? d(t, h.firstChild) : h.appendChild(t));
|
|
26
|
-
}, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(l, 0) : (_v = function v() {
|
|
27
|
-
document.removeEventListener("DOMContentLoaded", _v, !1), l();
|
|
28
|
-
}, document.addEventListener("DOMContentLoaded", _v, !1)) : document.attachEvent && (e = l, i = a.document, n = !1, M(), i.onreadystatechange = function () {
|
|
29
|
-
"complete" == i.readyState && (i.onreadystatechange = null, o());
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
function o() {
|
|
33
|
-
n || (n = !0, e());
|
|
34
|
-
}
|
|
35
|
-
function M() {
|
|
36
|
-
try {
|
|
37
|
-
i.documentElement.doScroll("left");
|
|
38
|
-
} catch (h) {
|
|
39
|
-
return void setTimeout(M, 50);
|
|
40
|
-
}
|
|
41
|
-
o();
|
|
42
|
-
}
|
|
43
|
-
}(window);
|
|
Binary file
|