@hw-component/table 0.0.4-beta-v1 → 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/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/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/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/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"> {
|
|
@@ -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 = (
|