@arim-aisdc/public-components 2.3.34 → 2.3.35
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/components/TableMax/TableBody/Row.js +0 -1
- package/dist/components/TableMax/TableBody/index.js +24 -2
- package/dist/components/TableMax/TableMax.js +0 -7
- package/dist/components/TableMax/components/ColumnFilterV2/customFilterFns.d.ts +1 -0
- package/dist/components/TableMax/components/ColumnFilterV2/customFilterFns.js +12 -1
- package/dist/components/TableMax/components/ColumnFilterV2/index.js +1 -1
- package/package.json +1 -1
|
@@ -328,7 +328,6 @@ var Row = function Row(_ref) {
|
|
|
328
328
|
|
|
329
329
|
// 优化:将行渲染逻辑提取为useMemo
|
|
330
330
|
var rowComMemo = useMemo(function () {
|
|
331
|
-
console.log(row.getIsSelected(), row.renderValue(), 'row.getIsSelected()');
|
|
332
331
|
var renderCell = function renderCell(cell) {
|
|
333
332
|
var _cellClassName;
|
|
334
333
|
var _cell$column$columnDe = cell.column.columnDef,
|
|
@@ -18,7 +18,7 @@ import { CustomDragLayer } from "../components/CustomDragerLayer";
|
|
|
18
18
|
// import RowContent from "../components/RowContent";
|
|
19
19
|
import { DropSide } from "../type";
|
|
20
20
|
import { events, useEventBus } from "../../..";
|
|
21
|
-
import React, { useCallback, useMemo, useState } from 'react';
|
|
21
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
22
22
|
import { createPortal } from 'react-dom';
|
|
23
23
|
import { useConfig } from "../../ConfigProvider";
|
|
24
24
|
import Empty from "../../Empty";
|
|
@@ -181,6 +181,9 @@ var TableBody = function TableBody(_ref) {
|
|
|
181
181
|
visible: false
|
|
182
182
|
}));
|
|
183
183
|
}, []);
|
|
184
|
+
useEffect(function () {
|
|
185
|
+
console.log("emptyTheme-tableMax", theme);
|
|
186
|
+
}, [theme]);
|
|
184
187
|
|
|
185
188
|
// useEffect(() => {
|
|
186
189
|
// if (tbodyRef.current) {
|
|
@@ -307,6 +310,7 @@ var TableBody = function TableBody(_ref) {
|
|
|
307
310
|
_useDrop4 = _slicedToArray(_useDrop3, 2),
|
|
308
311
|
dropTableEmptyRef = _useDrop4[1];
|
|
309
312
|
var LoadingAndEmptyContent = function LoadingAndEmptyContent() {
|
|
313
|
+
console.log('emptyTheme0');
|
|
310
314
|
return /*#__PURE__*/_jsx("div", {
|
|
311
315
|
className: "empty-container",
|
|
312
316
|
style: {
|
|
@@ -485,7 +489,25 @@ var TableBody = function TableBody(_ref) {
|
|
|
485
489
|
})]
|
|
486
490
|
})]
|
|
487
491
|
})
|
|
488
|
-
}) :
|
|
492
|
+
}) : /*#__PURE__*/_jsx("div", {
|
|
493
|
+
className: "empty-container",
|
|
494
|
+
style: {
|
|
495
|
+
width: table.getTotalSize()
|
|
496
|
+
},
|
|
497
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
498
|
+
className: "empty-wrapper",
|
|
499
|
+
style: {
|
|
500
|
+
width: "".concat(tableContainerWidth - 10, "px")
|
|
501
|
+
},
|
|
502
|
+
children: loading ? /*#__PURE__*/_jsx(Spin, {}) : /*#__PURE__*/_jsx("span", {
|
|
503
|
+
className: "empty-content",
|
|
504
|
+
ref: dropEmptyRef,
|
|
505
|
+
children: /*#__PURE__*/_jsx(Empty, {})
|
|
506
|
+
})
|
|
507
|
+
})
|
|
508
|
+
})
|
|
509
|
+
// LoadingAndEmptyContent()
|
|
510
|
+
, /*#__PURE__*/_jsx(ContextMenu, _objectSpread(_objectSpread({}, contextMenuData), {}, {
|
|
489
511
|
onClickContextMenu: onClickContextMenu,
|
|
490
512
|
closeContextMenu: closeContextMenu
|
|
491
513
|
}))]
|
|
@@ -553,10 +553,6 @@ var TableMax = function TableMax(_ref) {
|
|
|
553
553
|
}
|
|
554
554
|
setColumnOrder(arr);
|
|
555
555
|
};
|
|
556
|
-
var _useState39 = useState(0),
|
|
557
|
-
_useState40 = _slicedToArray(_useState39, 2),
|
|
558
|
-
checkboxRender = _useState40[0],
|
|
559
|
-
setCheckboxRender = _useState40[1];
|
|
560
556
|
var setColumnsByProps = useCallback(function () {
|
|
561
557
|
var extraColumns = [];
|
|
562
558
|
if (getRowCanExpand() && columns.findIndex(function (column) {
|
|
@@ -620,9 +616,6 @@ var TableMax = function TableMax(_ref) {
|
|
|
620
616
|
}
|
|
621
617
|
return item.getIsSelected();
|
|
622
618
|
});
|
|
623
|
-
setCheckboxRender(function (prev) {
|
|
624
|
-
return prev + 1;
|
|
625
|
-
});
|
|
626
619
|
onRowCheckboxClick === null || onRowCheckboxClick === void 0 || onRowCheckboxClick(row, row.original, !row.getIsSelected(), curSelectedRows);
|
|
627
620
|
// 阻止点击事件冒泡,监听行双击事件时,点击这里会有问题
|
|
628
621
|
e.stopPropagation();
|
|
@@ -3,5 +3,6 @@ declare const customFilterFns: {
|
|
|
3
3
|
fuzzyFilter: (row: any, columnId: any, filterValue: any) => boolean;
|
|
4
4
|
multiSelectFilter: (row: any, columnId: any, filterValue: any) => any;
|
|
5
5
|
numberRangeFilter: (row: any, columnId: any, filterValue: any) => boolean;
|
|
6
|
+
singleSelectFilter: (row: any, columnId: any, filterValue: any) => boolean;
|
|
6
7
|
};
|
|
7
8
|
export default customFilterFns;
|
|
@@ -15,6 +15,16 @@ var fuzzyFilter = function fuzzyFilter(row, columnId, filterValue) {
|
|
|
15
15
|
return rowStringValue.toUpperCase().indexOf(filterStringValue.toUpperCase().trim()) !== -1;
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
+
// singleSelect使用的模糊筛选
|
|
19
|
+
var singleSelectFilter = function singleSelectFilter(row, columnId, filterValue) {
|
|
20
|
+
var _row$getValue2;
|
|
21
|
+
var value = filterValue.filterValue;
|
|
22
|
+
var filterStringValue = (value !== null && value !== void 0 ? value : '') + '';
|
|
23
|
+
var rowStringValue = ((_row$getValue2 = row.getValue(columnId)) !== null && _row$getValue2 !== void 0 ? _row$getValue2 : '') + '';
|
|
24
|
+
// console.log('object :>> ', rowStringValue, filterStringValue);
|
|
25
|
+
return rowStringValue.toUpperCase().indexOf(filterStringValue.toUpperCase().trim()) !== -1;
|
|
26
|
+
};
|
|
27
|
+
|
|
18
28
|
// 多选筛选
|
|
19
29
|
var multiSelectFilter = function multiSelectFilter(row, columnId, filterValue) {
|
|
20
30
|
var rowValue = row.getValue(columnId);
|
|
@@ -49,6 +59,7 @@ var customFilterFns = {
|
|
|
49
59
|
timeRangeFilter: timeRangeFilter,
|
|
50
60
|
fuzzyFilter: fuzzyFilter,
|
|
51
61
|
multiSelectFilter: multiSelectFilter,
|
|
52
|
-
numberRangeFilter: numberRangeFilter
|
|
62
|
+
numberRangeFilter: numberRangeFilter,
|
|
63
|
+
singleSelectFilter: singleSelectFilter
|
|
53
64
|
};
|
|
54
65
|
export default customFilterFns;
|
|
@@ -36,7 +36,7 @@ export var FilterType = /*#__PURE__*/function (FilterType) {
|
|
|
36
36
|
return FilterType;
|
|
37
37
|
}({}); // 输入框
|
|
38
38
|
// 不同筛选类型需要特定的过滤函数
|
|
39
|
-
var FILTER_FN_ENUM = (_FILTER_FN_ENUM = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_FILTER_FN_ENUM, FilterType.Date, 'timeRangeFilter'), FilterType.DateRange, 'timeRangeFilter'), FilterType.SingleDate, 'fuzzyFilter'), FilterType.MultiSelect, 'multiSelectFilter'), FilterType.Integer, 'numberRangeFilter'), FilterType.NumberRange, 'numberRangeFilter'), FilterType.SingleInteger, 'fuzzyFilter'), FilterType.SingleNumber, 'fuzzyFilter'), FilterType.SingleSelect, '
|
|
39
|
+
var FILTER_FN_ENUM = (_FILTER_FN_ENUM = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_FILTER_FN_ENUM, FilterType.Date, 'timeRangeFilter'), FilterType.DateRange, 'timeRangeFilter'), FilterType.SingleDate, 'fuzzyFilter'), FilterType.MultiSelect, 'multiSelectFilter'), FilterType.Integer, 'numberRangeFilter'), FilterType.NumberRange, 'numberRangeFilter'), FilterType.SingleInteger, 'fuzzyFilter'), FilterType.SingleNumber, 'fuzzyFilter'), FilterType.SingleSelect, 'singleSelectFilter'), FilterType.AutoComplete, 'fuzzyFilter'), _defineProperty(_FILTER_FN_ENUM, FilterType.Input, 'fuzzyFilter'));
|
|
40
40
|
|
|
41
41
|
// 给columns配置填充默认的过滤函数
|
|
42
42
|
export function setDefaultFilterFn(columns) {
|