@hw-component/table 1.9.61 → 1.9.63
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/.eslintcache +1 -1
- package/es/HTableBody/RowCheckBox/RowItem.d.ts +10 -0
- package/es/HTableBody/RowCheckBox/RowItem.js +62 -0
- package/es/HTableBody/RowCheckBox/Title.d.ts +4 -0
- package/es/HTableBody/RowCheckBox/Title.js +81 -0
- package/es/HTableBody/RowCheckBox/hooks.d.ts +9 -0
- package/es/HTableBody/RowCheckBox/hooks.js +73 -0
- package/es/HTableBody/RowRadioBoxSelection.d.ts +10 -0
- package/es/HTableBody/RowRadioBoxSelection.js +37 -0
- package/es/HTableBody/hooks/colsMk.d.ts +17 -0
- package/es/HTableBody/hooks/colsMk.js +51 -0
- package/es/HTableBody/hooks/useColData.js +25 -44
- package/es/HTableBody/hooks/useControl.d.ts +2 -0
- package/es/HTableBody/hooks/useControl.js +13 -1
- package/es/HTableBody/index.js +2 -7
- package/es/Table.js +5 -4
- package/es/hooks/useRowObj.d.ts +1 -0
- package/es/hooks/useRowObj.js +14 -3
- package/es/render/Text.d.ts +0 -1
- package/lib/HTableBody/RowCheckBox/RowItem.d.ts +10 -0
- package/lib/HTableBody/RowCheckBox/RowItem.js +65 -0
- package/lib/HTableBody/RowCheckBox/Title.d.ts +4 -0
- package/lib/HTableBody/RowCheckBox/Title.js +84 -0
- package/lib/HTableBody/RowCheckBox/hooks.d.ts +9 -0
- package/lib/HTableBody/RowCheckBox/hooks.js +75 -0
- package/lib/HTableBody/RowRadioBoxSelection.d.ts +10 -0
- package/lib/HTableBody/RowRadioBoxSelection.js +38 -0
- package/lib/HTableBody/hooks/colsMk.d.ts +17 -0
- package/lib/HTableBody/hooks/colsMk.js +53 -0
- package/lib/HTableBody/hooks/useColData.js +25 -44
- package/lib/HTableBody/hooks/useControl.d.ts +2 -0
- package/lib/HTableBody/hooks/useControl.js +13 -0
- package/lib/HTableBody/index.js +1 -6
- package/lib/Table.js +5 -4
- package/lib/hooks/useRowObj.d.ts +1 -0
- package/lib/hooks/useRowObj.js +13 -2
- package/lib/render/Text.d.ts +0 -1
- package/package.json +1 -1
- package/src/components/HTableBody/RowCheckBox/RowItem.tsx +49 -0
- package/src/components/HTableBody/RowCheckBox/Title.tsx +66 -0
- package/src/components/HTableBody/RowCheckBox/hooks.ts +64 -0
- package/src/components/HTableBody/RowRadioBoxSelection.tsx +27 -0
- package/src/components/HTableBody/hooks/colsMk.tsx +51 -0
- package/src/components/HTableBody/hooks/useColData.tsx +11 -35
- package/src/components/HTableBody/hooks/useControl.tsx +12 -0
- package/src/components/HTableBody/index.tsx +5 -9
- package/src/components/Table.tsx +4 -5
- package/src/components/hooks/useRowObj.ts +11 -1
- package/src/pages/DwTable/index.tsx +7 -2
- package/src/pages/Table/index.tsx +2 -7
- package/es/HTableBody/RowSelection.d.ts +0 -11
- package/es/HTableBody/RowSelection.js +0 -172
- package/lib/HTableBody/RowSelection.d.ts +0 -11
- package/lib/HTableBody/RowSelection.js +0 -174
- package/src/components/HTableBody/RowSelection.tsx +0 -150
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
|
|
6
|
+
var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
|
|
7
|
+
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
8
|
+
var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
|
+
var context = require('../../context.js');
|
|
11
|
+
var antd = require('antd');
|
|
12
|
+
|
|
13
|
+
var RowCheckBoxSelection = (function (_ref) {
|
|
14
|
+
var data = _ref.data,
|
|
15
|
+
onChange = _ref.onChange,
|
|
16
|
+
index = _ref.index,
|
|
17
|
+
getCheckboxProps = _ref.getCheckboxProps;
|
|
18
|
+
var _useHTableContext = context.useHTableContext(),
|
|
19
|
+
selectedRowData = _useHTableContext.selectedRowData,
|
|
20
|
+
rowOnChange = _useHTableContext.rowOnChange,
|
|
21
|
+
_useHTableContext$row = _useHTableContext.rowKey,
|
|
22
|
+
rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
|
|
23
|
+
var _selectedRowData$rowD = selectedRowData.rowData,
|
|
24
|
+
rowData = _selectedRowData$rowD === void 0 ? [] : _selectedRowData$rowD,
|
|
25
|
+
_selectedRowData$keys = _keysInstanceProperty(selectedRowData),
|
|
26
|
+
keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
|
|
27
|
+
var key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
|
|
28
|
+
var add = function add() {
|
|
29
|
+
var newKeys = _toConsumableArray(keys);
|
|
30
|
+
var newRowData = _toConsumableArray(rowData);
|
|
31
|
+
newKeys.push(key);
|
|
32
|
+
newRowData.push(data);
|
|
33
|
+
rowOnChange(newKeys, newRowData);
|
|
34
|
+
onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
|
|
35
|
+
};
|
|
36
|
+
var cancel = function cancel() {
|
|
37
|
+
var newKeys = _toConsumableArray(keys);
|
|
38
|
+
var newRowData = _toConsumableArray(rowData);
|
|
39
|
+
var keyIndex = _indexOfInstanceProperty(newKeys).call(newKeys, key);
|
|
40
|
+
_spliceInstanceProperty(newKeys).call(newKeys, keyIndex, 1);
|
|
41
|
+
_spliceInstanceProperty(newRowData).call(newRowData, keyIndex, 1);
|
|
42
|
+
rowOnChange(newKeys, newRowData);
|
|
43
|
+
onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
|
|
44
|
+
};
|
|
45
|
+
var check = function check(e) {
|
|
46
|
+
var checked = e.target.checked;
|
|
47
|
+
if (checked) {
|
|
48
|
+
add();
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
cancel();
|
|
52
|
+
};
|
|
53
|
+
var _ref2 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
|
|
54
|
+
_ref2$disabled = _ref2.disabled,
|
|
55
|
+
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
|
|
56
|
+
var checked = _indexOfInstanceProperty(keys).call(keys, key) !== -1;
|
|
57
|
+
return jsxRuntime.jsx(antd.Checkbox, {
|
|
58
|
+
checked: checked,
|
|
59
|
+
onChange: check,
|
|
60
|
+
disabled: disabled
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
exports.default = RowCheckBoxSelection;
|
|
65
|
+
// powered by h
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
6
|
+
var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
var context = require('../../context.js');
|
|
9
|
+
var React = require('react');
|
|
10
|
+
var antd = require('antd');
|
|
11
|
+
var hooks = require('./hooks.js');
|
|
12
|
+
|
|
13
|
+
var RowCheckBoxSelectionTitle = (function (_ref) {
|
|
14
|
+
var _ref$allPageCheck = _ref.allPageCheck,
|
|
15
|
+
allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
|
|
16
|
+
onChange = _ref.onChange,
|
|
17
|
+
getCheckboxProps = _ref.getCheckboxProps;
|
|
18
|
+
var _useHTableContext = context.useHTableContext(),
|
|
19
|
+
data = _useHTableContext.data,
|
|
20
|
+
selectedRowData = _useHTableContext.selectedRowData;
|
|
21
|
+
_useHTableContext.rowKey;
|
|
22
|
+
var _ref2 = data || {},
|
|
23
|
+
_ref2$records = _ref2.records,
|
|
24
|
+
records = _ref2$records === void 0 ? [] : _ref2$records;
|
|
25
|
+
var newData = records === null || records === void 0 ? void 0 : _filterInstanceProperty(records).call(records, function (item) {
|
|
26
|
+
var _ref3 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(item)) || {},
|
|
27
|
+
_ref3$disabled = _ref3.disabled,
|
|
28
|
+
disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
|
|
29
|
+
return !disabled;
|
|
30
|
+
});
|
|
31
|
+
var keys = _keysInstanceProperty(selectedRowData),
|
|
32
|
+
selectAll = selectedRowData.selectAll;
|
|
33
|
+
var _useCheckControl = hooks.useCheckControl(newData, onChange),
|
|
34
|
+
checkChange = _useCheckControl.checkChange,
|
|
35
|
+
menuClick = _useCheckControl.menuClick;
|
|
36
|
+
var dataLen = (newData === null || newData === void 0 ? void 0 : newData.length) || 0;
|
|
37
|
+
var checked = hooks.useAllChecked(keys, newData);
|
|
38
|
+
var configItems = React.useMemo(function () {
|
|
39
|
+
var fsArray = checked ? {
|
|
40
|
+
label: "取消此页数据",
|
|
41
|
+
key: "cancel"
|
|
42
|
+
} : {
|
|
43
|
+
label: "选择此页数据",
|
|
44
|
+
key: "check"
|
|
45
|
+
};
|
|
46
|
+
var enArray = selectAll ? {
|
|
47
|
+
label: "取消全部数据",
|
|
48
|
+
key: "cancelAll"
|
|
49
|
+
} : {
|
|
50
|
+
label: "选择全部数据",
|
|
51
|
+
key: "checkAll"
|
|
52
|
+
};
|
|
53
|
+
return [fsArray, enArray];
|
|
54
|
+
}, [checked, selectAll]);
|
|
55
|
+
var menu = function menu() {
|
|
56
|
+
var MenuEle = antd.Menu;
|
|
57
|
+
return jsxRuntime.jsx(MenuEle, {
|
|
58
|
+
onClick: menuClick,
|
|
59
|
+
items: configItems
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
var disabled = dataLen === 0;
|
|
63
|
+
if (allPageCheck) {
|
|
64
|
+
return jsxRuntime.jsx(antd.Dropdown, {
|
|
65
|
+
overlay: menu,
|
|
66
|
+
arrow: true,
|
|
67
|
+
placement: "bottom",
|
|
68
|
+
disabled: disabled,
|
|
69
|
+
children: jsxRuntime.jsx(antd.Checkbox, {
|
|
70
|
+
checked: checked,
|
|
71
|
+
onChange: checkChange,
|
|
72
|
+
disabled: disabled
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
return jsxRuntime.jsx(antd.Checkbox, {
|
|
77
|
+
checked: checked,
|
|
78
|
+
onChange: checkChange,
|
|
79
|
+
disabled: disabled
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
exports.default = RowCheckBoxSelectionTitle;
|
|
84
|
+
// powered by h
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Key } from "react";
|
|
2
|
+
import type { HRowSelection } from "../../modal";
|
|
3
|
+
export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
|
|
4
|
+
export declare const useCheckControl: (data: any[] | undefined, onChange: HRowSelection["onChange"]) => {
|
|
5
|
+
checkChange: (e: any) => void;
|
|
6
|
+
menuClick: ({ key }: {
|
|
7
|
+
key: any;
|
|
8
|
+
}) => void;
|
|
9
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
|
|
4
|
+
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
5
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
6
|
+
var context = require('../../context.js');
|
|
7
|
+
|
|
8
|
+
var getRowKey = function getRowKey(item, index, rowKey) {
|
|
9
|
+
return typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
|
|
10
|
+
};
|
|
11
|
+
var useAllChecked = function useAllChecked() {
|
|
12
|
+
var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
13
|
+
var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
14
|
+
var _useHTableContext = context.useHTableContext(),
|
|
15
|
+
_useHTableContext$row = _useHTableContext.rowKey,
|
|
16
|
+
rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
|
|
17
|
+
return _everyInstanceProperty(data).call(data, function (item, index) {
|
|
18
|
+
var itemKey = getRowKey(item, index, rowKey);
|
|
19
|
+
return _indexOfInstanceProperty(keys).call(keys, itemKey) !== -1;
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
var useCheckControl = function useCheckControl() {
|
|
23
|
+
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
24
|
+
var onChange = arguments.length > 1 ? arguments[1] : undefined;
|
|
25
|
+
var _useHTableContext2 = context.useHTableContext(),
|
|
26
|
+
rowOnChange = _useHTableContext2.rowOnChange,
|
|
27
|
+
_useHTableContext2$ro = _useHTableContext2.rowKey,
|
|
28
|
+
rowKey = _useHTableContext2$ro === void 0 ? "id" : _useHTableContext2$ro,
|
|
29
|
+
allSelectChange = _useHTableContext2.allSelectChange;
|
|
30
|
+
var allCheck = function allCheck() {
|
|
31
|
+
var setKeys = _mapInstanceProperty(data).call(data, function (item, index) {
|
|
32
|
+
return getRowKey(item, index, rowKey);
|
|
33
|
+
});
|
|
34
|
+
rowOnChange(setKeys, data);
|
|
35
|
+
onChange === null || onChange === void 0 || onChange(setKeys, data);
|
|
36
|
+
};
|
|
37
|
+
var allCancel = function allCancel() {
|
|
38
|
+
rowOnChange([], []);
|
|
39
|
+
onChange === null || onChange === void 0 || onChange([], []);
|
|
40
|
+
};
|
|
41
|
+
var checkChange = function checkChange(e) {
|
|
42
|
+
var checked = e.target.checked;
|
|
43
|
+
if (checked) {
|
|
44
|
+
allCheck();
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
allCancel();
|
|
48
|
+
};
|
|
49
|
+
var menuClick = function menuClick(_ref) {
|
|
50
|
+
var key = _ref.key;
|
|
51
|
+
if (key === "check") {
|
|
52
|
+
allCheck();
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
if (key === "cancel") {
|
|
56
|
+
allCancel();
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
if (key === "checkAll") {
|
|
60
|
+
allSelectChange === null || allSelectChange === void 0 || allSelectChange(true);
|
|
61
|
+
onChange === null || onChange === void 0 || onChange([], []);
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
|
|
65
|
+
onChange === null || onChange === void 0 || onChange([], []);
|
|
66
|
+
};
|
|
67
|
+
return {
|
|
68
|
+
checkChange: checkChange,
|
|
69
|
+
menuClick: menuClick
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
exports.useAllChecked = useAllChecked;
|
|
74
|
+
exports.useCheckControl = useCheckControl;
|
|
75
|
+
// powered by h
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HRowSelection } from "@/components/modal";
|
|
3
|
+
interface RowRadioSelection {
|
|
4
|
+
data: any;
|
|
5
|
+
onChange?: HRowSelection["onChange"];
|
|
6
|
+
getCheckboxProps?: HRowSelection["getCheckboxProps"];
|
|
7
|
+
index: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const RowRadioSelection: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelection) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
|
|
4
|
+
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var context = require('../context.js');
|
|
7
|
+
var antd = require('antd');
|
|
8
|
+
|
|
9
|
+
var RowRadioSelection = function RowRadioSelection(_ref) {
|
|
10
|
+
var data = _ref.data,
|
|
11
|
+
onChange = _ref.onChange,
|
|
12
|
+
index = _ref.index,
|
|
13
|
+
getCheckboxProps = _ref.getCheckboxProps;
|
|
14
|
+
var _useHTableContext = context.useHTableContext(),
|
|
15
|
+
selectedRowData = _useHTableContext.selectedRowData,
|
|
16
|
+
rowOnChange = _useHTableContext.rowOnChange,
|
|
17
|
+
_useHTableContext$row = _useHTableContext.rowKey,
|
|
18
|
+
rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
|
|
19
|
+
var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
|
|
20
|
+
keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
|
|
21
|
+
var key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
|
|
22
|
+
var add = function add() {
|
|
23
|
+
rowOnChange([key], [data]);
|
|
24
|
+
onChange === null || onChange === void 0 || onChange([key], [data]);
|
|
25
|
+
};
|
|
26
|
+
var _ref2 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
|
|
27
|
+
_ref2$disabled = _ref2.disabled,
|
|
28
|
+
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
|
|
29
|
+
var checked = _indexOfInstanceProperty(keys).call(keys, key) !== -1;
|
|
30
|
+
return jsxRuntime.jsx(antd.Radio, {
|
|
31
|
+
checked: checked,
|
|
32
|
+
onChange: add,
|
|
33
|
+
disabled: disabled
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports.RowRadioSelection = RowRadioSelection;
|
|
38
|
+
// powered by h
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HRowSelection } from "@/components/modal";
|
|
3
|
+
export declare const checkBoxSelectionCol: (rowSelection: HRowSelection) => {
|
|
4
|
+
title: JSX.Element;
|
|
5
|
+
width: number;
|
|
6
|
+
rowSelectionTitle: boolean;
|
|
7
|
+
fixed: string;
|
|
8
|
+
align: string;
|
|
9
|
+
render: (dom: any, data: any, index: any) => JSX.Element;
|
|
10
|
+
};
|
|
11
|
+
export declare const radioSelectionCol: (rowSelection: HRowSelection) => {
|
|
12
|
+
width: number;
|
|
13
|
+
rowSelectionTitle: boolean;
|
|
14
|
+
fixed: string;
|
|
15
|
+
align: string;
|
|
16
|
+
render: (dom: any, data: any, index: any) => JSX.Element;
|
|
17
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var RowRadioBoxSelection = require('../RowRadioBoxSelection.js');
|
|
5
|
+
var Title = require('../RowCheckBox/Title.js');
|
|
6
|
+
var RowItem = require('../RowCheckBox/RowItem.js');
|
|
7
|
+
|
|
8
|
+
var checkBoxSelectionCol = function checkBoxSelectionCol(rowSelection) {
|
|
9
|
+
var allPageCheck = rowSelection.allPageCheck,
|
|
10
|
+
onChange = rowSelection.onChange,
|
|
11
|
+
getCheckboxProps = rowSelection.getCheckboxProps;
|
|
12
|
+
return {
|
|
13
|
+
title: jsxRuntime.jsx(Title.default, {
|
|
14
|
+
allPageCheck: allPageCheck,
|
|
15
|
+
onChange: onChange,
|
|
16
|
+
getCheckboxProps: getCheckboxProps
|
|
17
|
+
}),
|
|
18
|
+
width: 36,
|
|
19
|
+
rowSelectionTitle: true,
|
|
20
|
+
fixed: "left",
|
|
21
|
+
align: "center",
|
|
22
|
+
render: function render(dom, data, index) {
|
|
23
|
+
return jsxRuntime.jsx(RowItem.default, {
|
|
24
|
+
data: data,
|
|
25
|
+
index: index,
|
|
26
|
+
onChange: onChange,
|
|
27
|
+
getCheckboxProps: getCheckboxProps
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
var radioSelectionCol = function radioSelectionCol(rowSelection) {
|
|
33
|
+
var onChange = rowSelection.onChange,
|
|
34
|
+
getCheckboxProps = rowSelection.getCheckboxProps;
|
|
35
|
+
return {
|
|
36
|
+
width: 36,
|
|
37
|
+
rowSelectionTitle: true,
|
|
38
|
+
fixed: "left",
|
|
39
|
+
align: "center",
|
|
40
|
+
render: function render(dom, data, index) {
|
|
41
|
+
return jsxRuntime.jsx(RowRadioBoxSelection.RowRadioSelection, {
|
|
42
|
+
data: data,
|
|
43
|
+
index: index,
|
|
44
|
+
onChange: onChange,
|
|
45
|
+
getCheckboxProps: getCheckboxProps
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports.checkBoxSelectionCol = checkBoxSelectionCol;
|
|
52
|
+
exports.radioSelectionCol = radioSelectionCol;
|
|
53
|
+
// powered by h
|
|
@@ -14,48 +14,29 @@ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
|
|
|
14
14
|
var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
|
|
15
15
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
16
16
|
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
17
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
18
17
|
var context = require('../../context.js');
|
|
19
18
|
var React = require('react');
|
|
20
19
|
var index = require('../../hooks/index.js');
|
|
21
20
|
var TableConfig = require('../../TableConfig.js');
|
|
22
21
|
var config = require('../../render/config.js');
|
|
23
22
|
var index$1 = require('../../render/index.js');
|
|
24
|
-
var RowSelection = require('../RowSelection.js');
|
|
25
23
|
var utils = require('../utils.js');
|
|
24
|
+
var colsMk = require('./colsMk.js');
|
|
26
25
|
|
|
27
26
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
27
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
return
|
|
35
|
-
title: jsxRuntime.jsx(RowSelection.RowSelectionTitle, {
|
|
36
|
-
allPageCheck: allPageCheck,
|
|
37
|
-
onChange: onChange,
|
|
38
|
-
getCheckboxProps: getCheckboxProps
|
|
39
|
-
}),
|
|
40
|
-
width: 36,
|
|
41
|
-
rowSelectionTitle: true,
|
|
42
|
-
fixed: "left",
|
|
43
|
-
align: "center",
|
|
44
|
-
render: function render(dom, data, index) {
|
|
45
|
-
return jsxRuntime.jsx(RowSelection.RowSelectionBox, {
|
|
46
|
-
data: data,
|
|
47
|
-
index: index,
|
|
48
|
-
onChange: onChange,
|
|
49
|
-
getCheckboxProps: getCheckboxProps
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
};
|
|
28
|
+
var checkBoxMk = function checkBoxMk(rowSelection) {
|
|
29
|
+
var type = rowSelection.type;
|
|
30
|
+
if (type === "radio") {
|
|
31
|
+
return colsMk.radioSelectionCol(rowSelection);
|
|
32
|
+
}
|
|
33
|
+
return colsMk.checkBoxSelectionCol(rowSelection);
|
|
53
34
|
};
|
|
54
|
-
var useCols = function useCols(
|
|
55
|
-
var configData =
|
|
56
|
-
rowSelection =
|
|
57
|
-
table =
|
|
58
|
-
bordered =
|
|
35
|
+
var useCols = function useCols(_ref) {
|
|
36
|
+
var configData = _ref.configData,
|
|
37
|
+
rowSelection = _ref.rowSelection,
|
|
38
|
+
table = _ref.table,
|
|
39
|
+
bordered = _ref.bordered;
|
|
59
40
|
var trClassname = index.useClassName("hw-table-col-hr");
|
|
60
41
|
var _useState = React.useState([]),
|
|
61
42
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -70,9 +51,9 @@ var useCols = function useCols(_ref2) {
|
|
|
70
51
|
};
|
|
71
52
|
var itemProvider = function itemProvider(item, lastItem) {
|
|
72
53
|
var _context2;
|
|
73
|
-
var
|
|
74
|
-
|
|
75
|
-
lastChildren =
|
|
54
|
+
var _ref2 = lastItem || {},
|
|
55
|
+
_ref2$children = _ref2.children,
|
|
56
|
+
lastChildren = _ref2$children === void 0 ? [] : _ref2$children;
|
|
76
57
|
var _item$valueType = item.valueType,
|
|
77
58
|
valueType = _item$valueType === void 0 ? "" : _item$valueType,
|
|
78
59
|
_item$valueTypeProps = item.valueTypeProps,
|
|
@@ -102,7 +83,7 @@ var useCols = function useCols(_ref2) {
|
|
|
102
83
|
return !item.hideInTable;
|
|
103
84
|
});
|
|
104
85
|
if (rowSelection !== false) {
|
|
105
|
-
_spliceInstanceProperty(colsArray).call(colsArray, 0, 0,
|
|
86
|
+
_spliceInstanceProperty(colsArray).call(colsArray, 0, 0, checkBoxMk(rowSelection || {}));
|
|
106
87
|
}
|
|
107
88
|
return _mapInstanceProperty(colsArray).call(colsArray, function (item, index) {
|
|
108
89
|
var lastItem = colsArray[index - 1];
|
|
@@ -116,17 +97,17 @@ var useCols = function useCols(_ref2) {
|
|
|
116
97
|
cols: cols
|
|
117
98
|
};
|
|
118
99
|
};
|
|
119
|
-
var useColumnsStateType = function useColumnsStateType(
|
|
120
|
-
var columnsState =
|
|
121
|
-
columns =
|
|
100
|
+
var useColumnsStateType = function useColumnsStateType(_ref3) {
|
|
101
|
+
var columnsState = _ref3.columnsState,
|
|
102
|
+
columns = _ref3.columns;
|
|
122
103
|
var _useHTableContext = context.useHTableContext(),
|
|
123
104
|
tableInstance = _useHTableContext.tableInstance;
|
|
124
|
-
var
|
|
125
|
-
persistenceType =
|
|
126
|
-
persistenceKey =
|
|
127
|
-
value =
|
|
128
|
-
defaultValue =
|
|
129
|
-
onChange =
|
|
105
|
+
var _ref4 = columnsState || {},
|
|
106
|
+
persistenceType = _ref4.persistenceType,
|
|
107
|
+
persistenceKey = _ref4.persistenceKey,
|
|
108
|
+
value = _ref4.value,
|
|
109
|
+
defaultValue = _ref4.defaultValue,
|
|
110
|
+
onChange = _ref4.onChange;
|
|
130
111
|
var _useState3 = React.useState(defaultValue),
|
|
131
112
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
132
113
|
selfValue = _useState4[0],
|
|
@@ -2,6 +2,7 @@ import type React from "react";
|
|
|
2
2
|
import type { SizeType } from "antd/lib/config-provider/SizeContext";
|
|
3
3
|
import type { HTableBodyProps } from "../modal";
|
|
4
4
|
import type { GetRowKey } from "rc-table/lib/interface";
|
|
5
|
+
import { RowObj } from "@/components/modal";
|
|
5
6
|
export declare const useSize: (size: SizeType) => {
|
|
6
7
|
cuSize: "small" | "middle" | "large" | undefined;
|
|
7
8
|
setCuSize: React.Dispatch<React.SetStateAction<"small" | "middle" | "large" | undefined>>;
|
|
@@ -13,4 +14,5 @@ interface FilterKeysModal {
|
|
|
13
14
|
rowKey?: string | GetRowKey<any>;
|
|
14
15
|
}
|
|
15
16
|
export declare const useSynchronousKeys: ({ selectedRowKeys, records, rowKey, }: FilterKeysModal) => void;
|
|
17
|
+
export declare const useAlwaysShowAlert: (selectedRowData: RowObj, alwaysShowAlert?: boolean) => boolean | undefined;
|
|
16
18
|
export {};
|
|
@@ -13,6 +13,7 @@ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-arr
|
|
|
13
13
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
14
14
|
var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
|
|
15
15
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
16
|
+
var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
|
|
16
17
|
var React = require('react');
|
|
17
18
|
var context = require('../../context.js');
|
|
18
19
|
|
|
@@ -115,7 +116,19 @@ var useSynchronousKeys = function useSynchronousKeys(_ref4) {
|
|
|
115
116
|
}
|
|
116
117
|
}, [selectedRowKeys, records, rowKey]);
|
|
117
118
|
};
|
|
119
|
+
var useAlwaysShowAlert = function useAlwaysShowAlert(selectedRowData, alwaysShowAlert) {
|
|
120
|
+
var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
|
|
121
|
+
keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys,
|
|
122
|
+
selectAll = selectedRowData.selectAll;
|
|
123
|
+
return React.useMemo(function () {
|
|
124
|
+
if (typeof alwaysShowAlert !== "undefined") {
|
|
125
|
+
return alwaysShowAlert;
|
|
126
|
+
}
|
|
127
|
+
return keys.length > 0 || selectAll;
|
|
128
|
+
}, [selectedRowData, alwaysShowAlert]);
|
|
129
|
+
};
|
|
118
130
|
|
|
131
|
+
exports.useAlwaysShowAlert = useAlwaysShowAlert;
|
|
119
132
|
exports.useSize = useSize;
|
|
120
133
|
exports.useSynchronousKeys = useSynchronousKeys;
|
|
121
134
|
exports.useTableChange = useTableChange;
|
package/lib/HTableBody/index.js
CHANGED
|
@@ -12,7 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
|
-
var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
|
|
16
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
17
16
|
var ProTable = require('@ant-design/pro-table');
|
|
18
17
|
var useControl = require('./hooks/useControl.js');
|
|
@@ -117,11 +116,8 @@ var Body = (function (bodyProps) {
|
|
|
117
116
|
onChange: onChange,
|
|
118
117
|
reset: reset
|
|
119
118
|
}));
|
|
120
|
-
var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
|
|
121
|
-
keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys,
|
|
122
|
-
selectAll = selectedRowData.selectAll;
|
|
123
119
|
var defaultOptionsNode = optionsRender ? optionsRender(optionsNode) : optionsNode;
|
|
124
|
-
var alwaysShowAlert =
|
|
120
|
+
var alwaysShowAlert = useControl.useAlwaysShowAlert(selectedRowData, configAlwaysShowAlert);
|
|
125
121
|
var className = index$1.useClassName("hw-table-body");
|
|
126
122
|
var _useHTableConfigConte4 = TableConfig.useHTableConfigContext({
|
|
127
123
|
tableStyle: tableStyle
|
|
@@ -170,7 +166,6 @@ var Body = (function (bodyProps) {
|
|
|
170
166
|
paddingBottom: 0
|
|
171
167
|
},
|
|
172
168
|
options: false,
|
|
173
|
-
rowSelection: false,
|
|
174
169
|
loading: loading,
|
|
175
170
|
rowKey: rowKey,
|
|
176
171
|
dataSource: records,
|
package/lib/Table.js
CHANGED
|
@@ -75,7 +75,8 @@ var Table = (function (_ref) {
|
|
|
75
75
|
selectedRowData = _useRowObj.selectedRowData,
|
|
76
76
|
rowOnChange = _useRowObj.rowOnChange,
|
|
77
77
|
allSelectChange = _useRowObj.allSelectChange,
|
|
78
|
-
setSelectedRowData = _useRowObj.setSelectedRowData
|
|
78
|
+
setSelectedRowData = _useRowObj.setSelectedRowData,
|
|
79
|
+
rowSelectionReload = _useRowObj.rowSelectionReload;
|
|
79
80
|
var _useState = React.useState(),
|
|
80
81
|
_useState2 = _slicedToArray(_useState, 2),
|
|
81
82
|
open = _useState2[0],
|
|
@@ -83,14 +84,14 @@ var Table = (function (_ref) {
|
|
|
83
84
|
var tableInstance = useCurrentTable.default({
|
|
84
85
|
table: table,
|
|
85
86
|
reload: function reload(params) {
|
|
86
|
-
|
|
87
|
+
rowSelectionReload();
|
|
87
88
|
return run(params);
|
|
88
89
|
},
|
|
89
90
|
changeRowData: rowOnChange,
|
|
90
91
|
dispatch: dispatch,
|
|
91
92
|
reloadWithParams: function reloadWithParams() {
|
|
92
93
|
var reloadParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
93
|
-
|
|
94
|
+
rowSelectionReload();
|
|
94
95
|
return run(_objectSpread(_objectSpread({}, saveParams.old), reloadParams));
|
|
95
96
|
},
|
|
96
97
|
getTableParams: function getTableParams() {
|
|
@@ -112,7 +113,7 @@ var Table = (function (_ref) {
|
|
|
112
113
|
action: action,
|
|
113
114
|
configData: configData,
|
|
114
115
|
onFinish: function onFinish(value) {
|
|
115
|
-
|
|
116
|
+
rowSelectionReload();
|
|
116
117
|
return run(_objectSpread(_objectSpread(_objectSpread({}, saveParams.old), value), {}, {
|
|
117
118
|
current: 1
|
|
118
119
|
}));
|
package/lib/hooks/useRowObj.d.ts
CHANGED
|
@@ -6,5 +6,6 @@ declare const _default: (rowSelection?: HRowSelection | false) => {
|
|
|
6
6
|
selectedRowData: RowObj;
|
|
7
7
|
allSelectChange: (checked?: boolean) => void;
|
|
8
8
|
setSelectedRowData: React.Dispatch<React.SetStateAction<RowObj>>;
|
|
9
|
+
rowSelectionReload: () => void;
|
|
9
10
|
};
|
|
10
11
|
export default _default;
|
package/lib/hooks/useRowObj.js
CHANGED
|
@@ -20,7 +20,6 @@ var useRowObj = (function (rowSelection) {
|
|
|
20
20
|
setSelectedRowData = _useState2[1];
|
|
21
21
|
var _selectedRowData$sele = selectedRowData.selectAll,
|
|
22
22
|
selectAll = _selectedRowData$sele === void 0 ? false : _selectedRowData$sele;
|
|
23
|
-
React.useMemo(function () {}, []);
|
|
24
23
|
var rowOnChange = function rowOnChange(keys, rowData) {
|
|
25
24
|
setSelectedRowData({
|
|
26
25
|
keys: keys,
|
|
@@ -34,11 +33,23 @@ var useRowObj = (function (rowSelection) {
|
|
|
34
33
|
selectAll: newChecked
|
|
35
34
|
});
|
|
36
35
|
};
|
|
36
|
+
var rowSelectionReload = function rowSelectionReload() {
|
|
37
|
+
if (rowSelection === false) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
var _ref2 = rowSelection || {},
|
|
41
|
+
preserveSelectedRowKeys = _ref2.preserveSelectedRowKeys;
|
|
42
|
+
if (preserveSelectedRowKeys) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
rowOnChange([], []);
|
|
46
|
+
};
|
|
37
47
|
return {
|
|
38
48
|
rowOnChange: rowOnChange,
|
|
39
49
|
selectedRowData: selectedRowData,
|
|
40
50
|
allSelectChange: allSelectChange,
|
|
41
|
-
setSelectedRowData: setSelectedRowData
|
|
51
|
+
setSelectedRowData: setSelectedRowData,
|
|
52
|
+
rowSelectionReload: rowSelectionReload
|
|
42
53
|
};
|
|
43
54
|
});
|
|
44
55
|
|
package/lib/render/Text.d.ts
CHANGED