@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.
Files changed (99) hide show
  1. package/dist/assets/iconfont/index.css +2 -0
  2. package/dist/components/TableMax/TableBody/Row.d.ts +3 -1
  3. package/dist/components/TableMax/TableBody/Row.js +19 -37
  4. package/dist/components/TableMax/TableBody/index.d.ts +3 -1
  5. package/dist/components/TableMax/TableBody/index.js +4 -0
  6. package/dist/components/TableMax/TableMax.js +62 -46
  7. package/dist/components/TableMax/type.d.ts +2 -0
  8. package/package.json +1 -1
  9. package/dist/assets/iconfont/color-icon/iconfont.css +0 -41
  10. package/dist/assets/iconfont/color-icon/iconfont.js +0 -43
  11. package/dist/assets/iconfont/color-icon/iconfont.woff2 +0 -0
  12. package/dist/assets/iconfont/colours/three/demo.css +0 -539
  13. package/dist/assets/iconfont/colours/three/demo_index.html +0 -927
  14. package/dist/assets/iconfont/colours/three/iconfont.css +0 -145
  15. package/dist/assets/iconfont/colours/three/iconfont.js +0 -43
  16. package/dist/assets/iconfont/colours/three/iconfont.json +0 -233
  17. package/dist/assets/iconfont/colours/three/iconfont.ttf +0 -0
  18. package/dist/assets/iconfont/colours/three/iconfont.woff +0 -0
  19. package/dist/assets/iconfont/colours/three/iconfont.woff2 +0 -0
  20. package/dist/assets/iconfont/colours/two/demo.css +0 -539
  21. package/dist/assets/iconfont/colours/two/demo_index.html +0 -973
  22. package/dist/assets/iconfont/colours/two/iconfont.css +0 -153
  23. package/dist/assets/iconfont/colours/two/iconfont.js +0 -43
  24. package/dist/assets/iconfont/colours/two/iconfont.json +0 -247
  25. package/dist/assets/iconfont/colours/two/iconfont.ttf +0 -0
  26. package/dist/assets/iconfont/colours/two/iconfont.woff +0 -0
  27. package/dist/assets/iconfont/colours/two/iconfont.woff2 +0 -0
  28. package/dist/assets/iconfont/floating-window/demo.css +0 -539
  29. package/dist/assets/iconfont/floating-window/demo_index.html +0 -559
  30. package/dist/assets/iconfont/floating-window/iconfont.css +0 -81
  31. package/dist/assets/iconfont/floating-window/iconfont.js +0 -43
  32. package/dist/assets/iconfont/floating-window/iconfont.json +0 -121
  33. package/dist/assets/iconfont/floating-window/iconfont.ttf +0 -0
  34. package/dist/assets/iconfont/floating-window/iconfont.woff +0 -0
  35. package/dist/assets/iconfont/floating-window/iconfont.woff2 +0 -0
  36. package/dist/assets/iconfont/machine/demo.css +0 -539
  37. package/dist/assets/iconfont/machine/demo_index.html +0 -1088
  38. package/dist/assets/iconfont/machine/iconfont.css +0 -173
  39. package/dist/assets/iconfont/machine/iconfont.js +0 -43
  40. package/dist/assets/iconfont/machine/iconfont.json +0 -282
  41. package/dist/assets/iconfont/machine/iconfont.ttf +0 -0
  42. package/dist/assets/iconfont/machine/iconfont.woff +0 -0
  43. package/dist/assets/iconfont/machine/iconfont.woff2 +0 -0
  44. package/dist/assets/iconfont/menu/demo.css +0 -539
  45. package/dist/assets/iconfont/menu/demo_index.html +0 -1111
  46. package/dist/assets/iconfont/menu/iconfont.css +0 -177
  47. package/dist/assets/iconfont/menu/iconfont.js +0 -43
  48. package/dist/assets/iconfont/menu/iconfont.json +0 -289
  49. package/dist/assets/iconfont/menu/iconfont.ttf +0 -0
  50. package/dist/assets/iconfont/menu/iconfont.woff +0 -0
  51. package/dist/assets/iconfont/menu/iconfont.woff2 +0 -0
  52. package/dist/assets/iconfont/sidebar/demo.css +0 -539
  53. package/dist/assets/iconfont/sidebar/demo_index.html +0 -2718
  54. package/dist/assets/iconfont/sidebar/iconfont.css +0 -455
  55. package/dist/assets/iconfont/sidebar/iconfont.js +0 -43
  56. package/dist/assets/iconfont/sidebar/iconfont.json +0 -779
  57. package/dist/assets/iconfont/sidebar/iconfont.ttf +0 -0
  58. package/dist/assets/iconfont/sidebar/iconfont.woff +0 -0
  59. package/dist/assets/iconfont/sidebar/iconfont.woff2 +0 -0
  60. package/dist/assets/iconfont/theme-dark/four/demo.css +0 -539
  61. package/dist/assets/iconfont/theme-dark/four/demo_index.html +0 -352
  62. package/dist/assets/iconfont/theme-dark/four/iconfont.css +0 -45
  63. package/dist/assets/iconfont/theme-dark/four/iconfont.js +0 -43
  64. package/dist/assets/iconfont/theme-dark/four/iconfont.json +0 -58
  65. package/dist/assets/iconfont/theme-dark/four/iconfont.ttf +0 -0
  66. package/dist/assets/iconfont/theme-dark/four/iconfont.woff +0 -0
  67. package/dist/assets/iconfont/theme-dark/four/iconfont.woff2 +0 -0
  68. package/dist/assets/iconfont/theme-dark/one/demo.css +0 -539
  69. package/dist/assets/iconfont/theme-dark/one/demo_index.html +0 -1088
  70. package/dist/assets/iconfont/theme-dark/one/iconfont.css +0 -173
  71. package/dist/assets/iconfont/theme-dark/one/iconfont.js +0 -43
  72. package/dist/assets/iconfont/theme-dark/one/iconfont.json +0 -282
  73. package/dist/assets/iconfont/theme-dark/one/iconfont.ttf +0 -0
  74. package/dist/assets/iconfont/theme-dark/one/iconfont.woff +0 -0
  75. package/dist/assets/iconfont/theme-dark/one/iconfont.woff2 +0 -0
  76. package/dist/assets/iconfont/theme-dark/three/demo.css +0 -539
  77. package/dist/assets/iconfont/theme-dark/three/demo_index.html +0 -1111
  78. package/dist/assets/iconfont/theme-dark/three/iconfont.css +0 -177
  79. package/dist/assets/iconfont/theme-dark/three/iconfont.js +0 -43
  80. package/dist/assets/iconfont/theme-dark/three/iconfont.json +0 -289
  81. package/dist/assets/iconfont/theme-dark/three/iconfont.ttf +0 -0
  82. package/dist/assets/iconfont/theme-dark/three/iconfont.woff +0 -0
  83. package/dist/assets/iconfont/theme-dark/three/iconfont.woff2 +0 -0
  84. package/dist/assets/iconfont/theme-dark/two/demo.css +0 -539
  85. package/dist/assets/iconfont/theme-dark/two/demo_index.html +0 -1088
  86. package/dist/assets/iconfont/theme-dark/two/iconfont.css +0 -173
  87. package/dist/assets/iconfont/theme-dark/two/iconfont.js +0 -43
  88. package/dist/assets/iconfont/theme-dark/two/iconfont.json +0 -282
  89. package/dist/assets/iconfont/theme-dark/two/iconfont.ttf +0 -0
  90. package/dist/assets/iconfont/theme-dark/two/iconfont.woff +0 -0
  91. package/dist/assets/iconfont/theme-dark/two/iconfont.woff2 +0 -0
  92. package/dist/assets/iconfont/tip/demo.css +0 -539
  93. package/dist/assets/iconfont/tip/demo_index.html +0 -306
  94. package/dist/assets/iconfont/tip/iconfont.css +0 -37
  95. package/dist/assets/iconfont/tip/iconfont.js +0 -43
  96. package/dist/assets/iconfont/tip/iconfont.json +0 -44
  97. package/dist/assets/iconfont/tip/iconfont.ttf +0 -0
  98. package/dist/assets/iconfont/tip/iconfont.woff +0 -0
  99. package/dist/assets/iconfont/tip/iconfont.woff2 +0 -0
@@ -0,0 +1,2 @@
1
+ @import url('./other/iconfont.css');
2
+ @import url('./menu-gray/iconfont.css');
@@ -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 (!selectRowWhenClick || !row.getCanSelect()) {
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(String(row.id) === String(rowSelectedId) || row.getIsSelected() ? 'tbody-tr-selected' : '', " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
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
- selectRowWhenClick = _ref$selectRowWhenCli === void 0 ? true : _ref$selectRowWhenCli,
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(columnPinningConfig),
239
+ // 高亮行的id:多选场景并且点击行不勾选时,高亮点击的行
240
+ var _useState15 = useState(defaultHighLightRowId),
235
241
  _useState16 = _slicedToArray(_useState15, 2),
236
- columnPinning = _useState16[0],
237
- setColumnPinning = _useState16[1];
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
- initColumnsSizing = _useState20[0],
247
- setInitColumnsSizing = _useState20[1];
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 _useState21 = useState(defaultColumnFilters),
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
- globalFilter = _useState24[0],
258
- setGlobalFilter = _useState24[1];
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
- selectedRowDragging = _useState28[0],
276
- setSelectedRowDragging = _useState28[1];
283
+ hasGroup = _useState28[0],
284
+ setHasGroup = _useState28[1];
277
285
 
278
- /**显示筛选开关状态 */
279
- var _useState29 = useState(defaultEnableFilters),
286
+ /**是否正在多行拖拽 */
287
+ var _useState29 = useState(false),
280
288
  _useState30 = _slicedToArray(_useState29, 2),
281
- enableFilters = _useState30[0],
282
- setEnableFilters = _useState30[1];
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 _useState31 = useState(''),
288
- _useState32 = _slicedToArray(_useState31, 2),
289
- editingRowId = _useState32[0],
290
- setEditingRowId = _useState32[1];
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 _useState33 = useState({
311
+ var _useState35 = useState({
298
312
  left: false,
299
313
  right: false
300
314
  }),
301
- _useState34 = _slicedToArray(_useState33, 2),
302
- pinShadowVisible = _useState34[0],
303
- setPinShadowVisible = _useState34[1];
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 _useState35 = useState(),
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
- hasVerticalScrollBar = _useState38[0],
374
- setHasVerticalScrollBar = _useState38[1];
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,
@@ -188,6 +188,8 @@ export type TableMaxProps = {
188
188
  enableVirtualList?: boolean;
189
189
  /**点击行时是否选中改行 */
190
190
  selectRowWhenClick?: boolean;
191
+ /**默认高亮的rowId */
192
+ defaultHighLightRowId?: string;
191
193
  /**高度是否自动占满父级高度 */
192
194
  autoHeight?: boolean;
193
195
  /**暂无数据高度 */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arim-aisdc/public-components",
3
- "version": "0.0.55",
3
+ "version": "0.0.57",
4
4
  "description": "前端组件库",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -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);