@hw-component/table 0.0.3-beta-v18 → 0.0.4-beta-v2
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/es/HTableBody/index.js +1 -1
- package/es/HTableFooter/index.js +3 -5
- package/es/Table.js +4 -2
- package/es/context.d.ts +1 -0
- package/es/hooks/useRowObj.d.ts +1 -0
- package/es/hooks/useRowObj.js +2 -1
- package/es/modal.d.ts +1 -1
- package/lib/HTableBody/index.js +1 -1
- package/lib/HTableFooter/index.js +3 -5
- package/lib/Table.js +4 -2
- package/lib/context.d.ts +1 -0
- package/lib/hooks/useRowObj.d.ts +1 -0
- package/lib/hooks/useRowObj.js +2 -1
- package/lib/modal.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/HTableBody/index.tsx +1 -1
- package/src/components/HTableFooter/index.tsx +2 -4
- package/src/components/Table.tsx +2 -1
- package/src/components/context.ts +1 -0
- package/src/components/hooks/useRowObj.ts +2 -0
- package/src/components/modal.ts +1 -1
- package/src/pages/Table/index.tsx +1 -0
package/es/HTableBody/index.js
CHANGED
|
@@ -108,7 +108,7 @@ var Body = (function (_ref) {
|
|
|
108
108
|
tableStyle: {
|
|
109
109
|
paddingBottom: 0
|
|
110
110
|
},
|
|
111
|
-
rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
111
|
+
rowSelection: rowSelection === false ? rowSelection : _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
112
112
|
selectedRowKeys: _keysInstanceProperty(selectedRowData),
|
|
113
113
|
onChange: change
|
|
114
114
|
}),
|
package/es/HTableFooter/index.js
CHANGED
|
@@ -29,7 +29,8 @@ var Footer = (function (_ref) {
|
|
|
29
29
|
_useHTableContext$sel = _useHTableContext.selectedRowData,
|
|
30
30
|
selectedRowData = _useHTableContext$sel === void 0 ? {} : _useHTableContext$sel,
|
|
31
31
|
allSelectChange = _useHTableContext.allSelectChange,
|
|
32
|
-
tableInstance = _useHTableContext.tableInstance
|
|
32
|
+
tableInstance = _useHTableContext.tableInstance,
|
|
33
|
+
setSelectedRowData = _useHTableContext.setSelectedRowData;
|
|
33
34
|
var _ref2 = data || {},
|
|
34
35
|
_ref2$total = _ref2.total,
|
|
35
36
|
total = _ref2$total === void 0 ? "0" : _ref2$total;
|
|
@@ -45,9 +46,6 @@ var Footer = (function (_ref) {
|
|
|
45
46
|
children: footerRender(tableInstance, selectedRowData, data)
|
|
46
47
|
});
|
|
47
48
|
}
|
|
48
|
-
var allCheck = function allCheck(checked) {
|
|
49
|
-
allSelectChange === null || allSelectChange === void 0 || allSelectChange(checked);
|
|
50
|
-
};
|
|
51
49
|
var btnDom = jsxs(Space, {
|
|
52
50
|
size: 20,
|
|
53
51
|
children: [jsx(Button, {
|
|
@@ -81,7 +79,7 @@ var Footer = (function (_ref) {
|
|
|
81
79
|
children: jsxs(Row, {
|
|
82
80
|
justify: "space-between",
|
|
83
81
|
align: "middle",
|
|
84
|
-
children: [footerBtnRender ? footerBtnRender(btnDom, total, selectedRowData,
|
|
82
|
+
children: [footerBtnRender ? footerBtnRender(btnDom, total, selectedRowData, setSelectedRowData) : btnDom, actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance)]
|
|
85
83
|
})
|
|
86
84
|
});
|
|
87
85
|
if (!data) {
|
package/es/Table.js
CHANGED
|
@@ -57,7 +57,8 @@ var Table = (function (_ref) {
|
|
|
57
57
|
var _useRowObj = useRowObj(),
|
|
58
58
|
selectedRowData = _useRowObj.selectedRowData,
|
|
59
59
|
rowOnChange = _useRowObj.rowOnChange,
|
|
60
|
-
allSelectChange = _useRowObj.allSelectChange
|
|
60
|
+
allSelectChange = _useRowObj.allSelectChange,
|
|
61
|
+
setSelectedRowData = _useRowObj.setSelectedRowData;
|
|
61
62
|
var tableInstance = useCurrentTable({
|
|
62
63
|
table: table,
|
|
63
64
|
reload: function reload(params) {
|
|
@@ -90,7 +91,8 @@ var Table = (function (_ref) {
|
|
|
90
91
|
rowOnChange([], []);
|
|
91
92
|
return run(value);
|
|
92
93
|
},
|
|
93
|
-
onPageChange: tableInstance.table.reloadWithParams
|
|
94
|
+
onPageChange: tableInstance.table.reloadWithParams,
|
|
95
|
+
setSelectedRowData: setSelectedRowData
|
|
94
96
|
},
|
|
95
97
|
children: jsxs(Space, {
|
|
96
98
|
direction: "vertical",
|
package/es/context.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
|
|
|
12
12
|
params?: any;
|
|
13
13
|
onFinish: (value: Record<string, any>) => Promise<any>;
|
|
14
14
|
onPageChange: (value: Record<string, any>) => Promise<any>;
|
|
15
|
+
setSelectedRowData: (row: RowObj) => void;
|
|
15
16
|
}
|
|
16
17
|
export declare const HTableContext: React.Context<HContextModal | null>;
|
|
17
18
|
export declare const useHTableContext: () => HContextModal;
|
package/es/hooks/useRowObj.d.ts
CHANGED
package/es/hooks/useRowObj.js
CHANGED
package/es/modal.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ interface HColumns extends Omit<ProColumns, "render"> {
|
|
|
27
27
|
export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
|
|
28
28
|
export type ConfigDataModal = ConfigItemModal[];
|
|
29
29
|
export type ActionRenderFn = (selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
|
|
30
|
-
export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (
|
|
30
|
+
export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (row: RowObj) => void) => React.ReactNode;
|
|
31
31
|
export type actionFn = (...arg: any[]) => void;
|
|
32
32
|
type FooterRenderFn = (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
|
|
33
33
|
export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource"> {
|
package/lib/HTableBody/index.js
CHANGED
|
@@ -111,7 +111,7 @@ var Body = (function (_ref) {
|
|
|
111
111
|
tableStyle: {
|
|
112
112
|
paddingBottom: 0
|
|
113
113
|
},
|
|
114
|
-
rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
114
|
+
rowSelection: rowSelection === false ? rowSelection : _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
115
115
|
selectedRowKeys: _keysInstanceProperty(selectedRowData),
|
|
116
116
|
onChange: change
|
|
117
117
|
}),
|
|
@@ -32,7 +32,8 @@ var Footer = (function (_ref) {
|
|
|
32
32
|
_useHTableContext$sel = _useHTableContext.selectedRowData,
|
|
33
33
|
selectedRowData = _useHTableContext$sel === void 0 ? {} : _useHTableContext$sel,
|
|
34
34
|
allSelectChange = _useHTableContext.allSelectChange,
|
|
35
|
-
tableInstance = _useHTableContext.tableInstance
|
|
35
|
+
tableInstance = _useHTableContext.tableInstance,
|
|
36
|
+
setSelectedRowData = _useHTableContext.setSelectedRowData;
|
|
36
37
|
var _ref2 = data || {},
|
|
37
38
|
_ref2$total = _ref2.total,
|
|
38
39
|
total = _ref2$total === void 0 ? "0" : _ref2$total;
|
|
@@ -48,9 +49,6 @@ var Footer = (function (_ref) {
|
|
|
48
49
|
children: footerRender(tableInstance, selectedRowData, data)
|
|
49
50
|
});
|
|
50
51
|
}
|
|
51
|
-
var allCheck = function allCheck(checked) {
|
|
52
|
-
allSelectChange === null || allSelectChange === void 0 || allSelectChange(checked);
|
|
53
|
-
};
|
|
54
52
|
var btnDom = jsxRuntime.jsxs(antd.Space, {
|
|
55
53
|
size: 20,
|
|
56
54
|
children: [jsxRuntime.jsx(antd.Button, {
|
|
@@ -84,7 +82,7 @@ var Footer = (function (_ref) {
|
|
|
84
82
|
children: jsxRuntime.jsxs(antd.Row, {
|
|
85
83
|
justify: "space-between",
|
|
86
84
|
align: "middle",
|
|
87
|
-
children: [footerBtnRender ? footerBtnRender(btnDom, total, selectedRowData,
|
|
85
|
+
children: [footerBtnRender ? footerBtnRender(btnDom, total, selectedRowData, setSelectedRowData) : btnDom, actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance)]
|
|
88
86
|
})
|
|
89
87
|
});
|
|
90
88
|
if (!data) {
|
package/lib/Table.js
CHANGED
|
@@ -60,7 +60,8 @@ var Table = (function (_ref) {
|
|
|
60
60
|
var _useRowObj = useRowObj.default(),
|
|
61
61
|
selectedRowData = _useRowObj.selectedRowData,
|
|
62
62
|
rowOnChange = _useRowObj.rowOnChange,
|
|
63
|
-
allSelectChange = _useRowObj.allSelectChange
|
|
63
|
+
allSelectChange = _useRowObj.allSelectChange,
|
|
64
|
+
setSelectedRowData = _useRowObj.setSelectedRowData;
|
|
64
65
|
var tableInstance = useCurrentTable.default({
|
|
65
66
|
table: table,
|
|
66
67
|
reload: function reload(params) {
|
|
@@ -93,7 +94,8 @@ var Table = (function (_ref) {
|
|
|
93
94
|
rowOnChange([], []);
|
|
94
95
|
return run(value);
|
|
95
96
|
},
|
|
96
|
-
onPageChange: tableInstance.table.reloadWithParams
|
|
97
|
+
onPageChange: tableInstance.table.reloadWithParams,
|
|
98
|
+
setSelectedRowData: setSelectedRowData
|
|
97
99
|
},
|
|
98
100
|
children: jsxRuntime.jsxs(antd.Space, {
|
|
99
101
|
direction: "vertical",
|
package/lib/context.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
|
|
|
12
12
|
params?: any;
|
|
13
13
|
onFinish: (value: Record<string, any>) => Promise<any>;
|
|
14
14
|
onPageChange: (value: Record<string, any>) => Promise<any>;
|
|
15
|
+
setSelectedRowData: (row: RowObj) => void;
|
|
15
16
|
}
|
|
16
17
|
export declare const HTableContext: React.Context<HContextModal | null>;
|
|
17
18
|
export declare const useHTableContext: () => HContextModal;
|
package/lib/hooks/useRowObj.d.ts
CHANGED
package/lib/hooks/useRowObj.js
CHANGED
package/lib/modal.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ interface HColumns extends Omit<ProColumns, "render"> {
|
|
|
27
27
|
export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
|
|
28
28
|
export type ConfigDataModal = ConfigItemModal[];
|
|
29
29
|
export type ActionRenderFn = (selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
|
|
30
|
-
export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (
|
|
30
|
+
export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (row: RowObj) => void) => React.ReactNode;
|
|
31
31
|
export type actionFn = (...arg: any[]) => void;
|
|
32
32
|
type FooterRenderFn = (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
|
|
33
33
|
export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource"> {
|
package/package.json
CHANGED
|
@@ -23,6 +23,7 @@ export default ({ actionRender, footerRender, footerStyle ,footerBtnRender}: IFo
|
|
|
23
23
|
selectedRowData = {},
|
|
24
24
|
allSelectChange,
|
|
25
25
|
tableInstance,
|
|
26
|
+
setSelectedRowData
|
|
26
27
|
} = useHTableContext();
|
|
27
28
|
const { total = "0" } = data || {};
|
|
28
29
|
const totalNum = Number.parseInt(total, 10);
|
|
@@ -32,9 +33,6 @@ export default ({ actionRender, footerRender, footerStyle ,footerBtnRender}: IFo
|
|
|
32
33
|
if (footerRender) {
|
|
33
34
|
return <>{footerRender(tableInstance, selectedRowData, data)}</>;
|
|
34
35
|
}
|
|
35
|
-
const allCheck=(checked: boolean)=>{
|
|
36
|
-
allSelectChange?.(checked);
|
|
37
|
-
}
|
|
38
36
|
const btnDom= <Space size={20}>
|
|
39
37
|
<Button
|
|
40
38
|
type={"primary"}
|
|
@@ -57,7 +55,7 @@ export default ({ actionRender, footerRender, footerStyle ,footerBtnRender}: IFo
|
|
|
57
55
|
className="hw_table_footer"
|
|
58
56
|
>
|
|
59
57
|
<Row justify="space-between" align="middle">
|
|
60
|
-
{footerBtnRender?footerBtnRender(btnDom,total,selectedRowData,
|
|
58
|
+
{footerBtnRender?footerBtnRender(btnDom,total,selectedRowData,setSelectedRowData):btnDom}
|
|
61
59
|
{actionRender?.(selectedRowData, tableInstance)}
|
|
62
60
|
</Row>
|
|
63
61
|
</Card>
|
package/src/components/Table.tsx
CHANGED
|
@@ -28,7 +28,7 @@ export default ({
|
|
|
28
28
|
}: HTableProps) => {
|
|
29
29
|
const { run, loading, data, error, saveParams } = useReq({ request });
|
|
30
30
|
const dispatch = useDispatch(action);
|
|
31
|
-
const { selectedRowData, rowOnChange, allSelectChange } = useRowObj();
|
|
31
|
+
const { selectedRowData, rowOnChange, allSelectChange ,setSelectedRowData} = useRowObj();
|
|
32
32
|
const tableInstance = useCurrentTable({
|
|
33
33
|
table,
|
|
34
34
|
reload: (params) => {
|
|
@@ -62,6 +62,7 @@ export default ({
|
|
|
62
62
|
return run(value);
|
|
63
63
|
},
|
|
64
64
|
onPageChange: tableInstance.table.reloadWithParams,
|
|
65
|
+
setSelectedRowData
|
|
65
66
|
}}
|
|
66
67
|
>
|
|
67
68
|
<Space direction={"vertical"} size={spaceSize} style={{width:'100%'}}>
|
|
@@ -13,6 +13,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
|
|
|
13
13
|
params?: any;
|
|
14
14
|
onFinish: (value: Record<string, any>) => Promise<any>;
|
|
15
15
|
onPageChange: (value: Record<string, any>) => Promise<any>;
|
|
16
|
+
setSelectedRowData:(row:RowObj)=>void;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
export const HTableContext = React.createContext<HContextModal | null>(null);
|
package/src/components/modal.ts
CHANGED
|
@@ -43,7 +43,7 @@ export type FooterBtnRenderFn = (
|
|
|
43
43
|
dom: React.ReactNode,
|
|
44
44
|
total: string,
|
|
45
45
|
selectedRowKeys: RowObj,
|
|
46
|
-
setAllCheck: (
|
|
46
|
+
setAllCheck: (row: RowObj) => void
|
|
47
47
|
) => React.ReactNode;
|
|
48
48
|
export type actionFn = (...arg) => void;
|
|
49
49
|
type FooterRenderFn = (
|