@hw-component/table 0.0.9-beta-v18 → 0.0.9-beta-v21
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/Table.js +2 -1
- package/es/TableCustomize.js +2 -1
- package/es/hooks/useCurrentTable.d.ts +3 -1
- package/es/hooks/useCurrentTable.js +6 -2
- package/es/hooks/useRowObj.js +2 -1
- package/es/modal.d.ts +1 -0
- package/lib/Table.js +2 -1
- package/lib/TableCustomize.js +2 -1
- package/lib/hooks/useCurrentTable.d.ts +3 -1
- package/lib/hooks/useCurrentTable.js +6 -2
- package/lib/hooks/useRowObj.js +1 -0
- package/lib/modal.d.ts +1 -0
- package/package.json +2 -2
- package/src/components/Table.tsx +1 -0
- package/src/components/TableCustomize.tsx +1 -0
- package/src/components/hooks/useCurrentTable.ts +7 -1
- package/src/components/hooks/useRowObj.ts +4 -2
- package/src/components/modal.ts +1 -0
- package/src/pages/Table/index.tsx +4 -0
package/es/Table.js
CHANGED
package/es/TableCustomize.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
import type { ParamsModal, HTableInstance } from "../modal";
|
|
3
|
+
import { RowObj } from "../modal";
|
|
3
4
|
interface currentTableParams {
|
|
4
5
|
table?: HTableInstance;
|
|
5
6
|
reload: (params?: ParamsModal) => Promise<any>;
|
|
@@ -7,6 +8,7 @@ interface currentTableParams {
|
|
|
7
8
|
dispatch: (key: string, params: any) => void;
|
|
8
9
|
reloadWithParams: (params?: ParamsModal) => Promise<any>;
|
|
9
10
|
getTableParams: () => any;
|
|
11
|
+
selectedRowData: RowObj;
|
|
10
12
|
}
|
|
11
|
-
declare const _default: ({ table, reload, changeRowData, dispatch, reloadWithParams, getTableParams, }: currentTableParams) => HTableInstance;
|
|
13
|
+
declare const _default: ({ table, reload, changeRowData, dispatch, reloadWithParams, getTableParams, selectedRowData }: currentTableParams) => HTableInstance;
|
|
12
14
|
export default _default;
|
|
@@ -8,7 +8,8 @@ var useCurrentTable = (function (_ref) {
|
|
|
8
8
|
changeRowData = _ref.changeRowData,
|
|
9
9
|
dispatch = _ref.dispatch,
|
|
10
10
|
reloadWithParams = _ref.reloadWithParams,
|
|
11
|
-
getTableParams = _ref.getTableParams
|
|
11
|
+
getTableParams = _ref.getTableParams,
|
|
12
|
+
selectedRowData = _ref.selectedRowData;
|
|
12
13
|
var useCurrentTable = useHTable();
|
|
13
14
|
return useMemo(function () {
|
|
14
15
|
var resultTable = table || useCurrentTable;
|
|
@@ -17,8 +18,11 @@ var useCurrentTable = (function (_ref) {
|
|
|
17
18
|
resultTable.table.dispatch = dispatch;
|
|
18
19
|
resultTable.table.reloadWithParams = reloadWithParams;
|
|
19
20
|
resultTable.table.getParams = getTableParams;
|
|
21
|
+
resultTable.table.getSelectedRowData = function () {
|
|
22
|
+
return selectedRowData;
|
|
23
|
+
};
|
|
20
24
|
return resultTable;
|
|
21
|
-
}, [table]);
|
|
25
|
+
}, [table, selectedRowData]);
|
|
22
26
|
});
|
|
23
27
|
|
|
24
28
|
export { useCurrentTable as default };
|
package/es/hooks/useRowObj.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// welcome to hoo hoo hoo
|
|
2
2
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
|
|
3
|
-
import { useState } from 'react';
|
|
3
|
+
import { useState, useMemo } from 'react';
|
|
4
4
|
|
|
5
5
|
var useRowObj = (function () {
|
|
6
6
|
var _useState = useState({}),
|
|
@@ -9,6 +9,7 @@ var useRowObj = (function () {
|
|
|
9
9
|
setSelectedRowData = _useState2[1];
|
|
10
10
|
var _selectedRowData$sele = selectedRowData.selectAll,
|
|
11
11
|
selectAll = _selectedRowData$sele === void 0 ? false : _selectedRowData$sele;
|
|
12
|
+
useMemo(function () {}, []);
|
|
12
13
|
var rowOnChange = function rowOnChange(keys, rowData) {
|
|
13
14
|
setSelectedRowData({
|
|
14
15
|
keys: keys,
|
package/es/modal.d.ts
CHANGED
package/lib/Table.js
CHANGED
package/lib/TableCustomize.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
import type { ParamsModal, HTableInstance } from "../modal";
|
|
3
|
+
import { RowObj } from "../modal";
|
|
3
4
|
interface currentTableParams {
|
|
4
5
|
table?: HTableInstance;
|
|
5
6
|
reload: (params?: ParamsModal) => Promise<any>;
|
|
@@ -7,6 +8,7 @@ interface currentTableParams {
|
|
|
7
8
|
dispatch: (key: string, params: any) => void;
|
|
8
9
|
reloadWithParams: (params?: ParamsModal) => Promise<any>;
|
|
9
10
|
getTableParams: () => any;
|
|
11
|
+
selectedRowData: RowObj;
|
|
10
12
|
}
|
|
11
|
-
declare const _default: ({ table, reload, changeRowData, dispatch, reloadWithParams, getTableParams, }: currentTableParams) => HTableInstance;
|
|
13
|
+
declare const _default: ({ table, reload, changeRowData, dispatch, reloadWithParams, getTableParams, selectedRowData }: currentTableParams) => HTableInstance;
|
|
12
14
|
export default _default;
|
|
@@ -11,7 +11,8 @@ var useCurrentTable = (function (_ref) {
|
|
|
11
11
|
changeRowData = _ref.changeRowData,
|
|
12
12
|
dispatch = _ref.dispatch,
|
|
13
13
|
reloadWithParams = _ref.reloadWithParams,
|
|
14
|
-
getTableParams = _ref.getTableParams
|
|
14
|
+
getTableParams = _ref.getTableParams,
|
|
15
|
+
selectedRowData = _ref.selectedRowData;
|
|
15
16
|
var useCurrentTable = useHTable.default();
|
|
16
17
|
return React.useMemo(function () {
|
|
17
18
|
var resultTable = table || useCurrentTable;
|
|
@@ -20,8 +21,11 @@ var useCurrentTable = (function (_ref) {
|
|
|
20
21
|
resultTable.table.dispatch = dispatch;
|
|
21
22
|
resultTable.table.reloadWithParams = reloadWithParams;
|
|
22
23
|
resultTable.table.getParams = getTableParams;
|
|
24
|
+
resultTable.table.getSelectedRowData = function () {
|
|
25
|
+
return selectedRowData;
|
|
26
|
+
};
|
|
23
27
|
return resultTable;
|
|
24
|
-
}, [table]);
|
|
28
|
+
}, [table, selectedRowData]);
|
|
25
29
|
});
|
|
26
30
|
|
|
27
31
|
exports.default = useCurrentTable;
|
package/lib/hooks/useRowObj.js
CHANGED
|
@@ -12,6 +12,7 @@ var useRowObj = (function () {
|
|
|
12
12
|
setSelectedRowData = _useState2[1];
|
|
13
13
|
var _selectedRowData$sele = selectedRowData.selectAll,
|
|
14
14
|
selectAll = _selectedRowData$sele === void 0 ? false : _selectedRowData$sele;
|
|
15
|
+
React.useMemo(function () {}, []);
|
|
15
16
|
var rowOnChange = function rowOnChange(keys, rowData) {
|
|
16
17
|
setSelectedRowData({
|
|
17
18
|
keys: keys,
|
package/lib/modal.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hw-component/table",
|
|
3
|
-
"version": "0.0.9-beta-
|
|
3
|
+
"version": "0.0.9-beta-v21",
|
|
4
4
|
"description": "基于antd二次开发table组件",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"table"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@ant-design/icons": "4.6.2",
|
|
33
33
|
"@ant-design/pro-table": "2.70.0",
|
|
34
|
-
"@hw-component/form": "1.1.
|
|
34
|
+
"@hw-component/form": "1.1.3",
|
|
35
35
|
"ahooks": "2.10.9",
|
|
36
36
|
"antd": "4.20.7",
|
|
37
37
|
"core-js": "3",
|
package/src/components/Table.tsx
CHANGED
|
@@ -2,6 +2,7 @@ import type React from "react";
|
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import type { ParamsModal, HTableInstance } from "../modal";
|
|
4
4
|
import useHTable from "../hooks/useHTable";
|
|
5
|
+
import {RowObj} from "../modal";
|
|
5
6
|
|
|
6
7
|
interface currentTableParams {
|
|
7
8
|
table?: HTableInstance;
|
|
@@ -10,6 +11,7 @@ interface currentTableParams {
|
|
|
10
11
|
dispatch: (key: string, params: any) => void;
|
|
11
12
|
reloadWithParams: (params?: ParamsModal) => Promise<any>;
|
|
12
13
|
getTableParams: () => any;
|
|
14
|
+
selectedRowData:RowObj;
|
|
13
15
|
}
|
|
14
16
|
export default ({
|
|
15
17
|
table,
|
|
@@ -18,6 +20,7 @@ export default ({
|
|
|
18
20
|
dispatch,
|
|
19
21
|
reloadWithParams,
|
|
20
22
|
getTableParams,
|
|
23
|
+
selectedRowData
|
|
21
24
|
}: currentTableParams) => {
|
|
22
25
|
const useCurrentTable = useHTable();
|
|
23
26
|
return useMemo(() => {
|
|
@@ -27,6 +30,9 @@ export default ({
|
|
|
27
30
|
resultTable.table.dispatch = dispatch;
|
|
28
31
|
resultTable.table.reloadWithParams = reloadWithParams;
|
|
29
32
|
resultTable.table.getParams = getTableParams;
|
|
33
|
+
resultTable.table.getSelectedRowData=()=>{
|
|
34
|
+
return selectedRowData;
|
|
35
|
+
};
|
|
30
36
|
return resultTable as HTableInstance;
|
|
31
|
-
}, [table]);
|
|
37
|
+
}, [table,selectedRowData]);
|
|
32
38
|
};
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
|
-
import { useState
|
|
2
|
+
import {useMemo, useState} from "react";
|
|
3
3
|
import type { RowObj } from "../modal";
|
|
4
4
|
|
|
5
5
|
export default () => {
|
|
6
6
|
const [selectedRowData, setSelectedRowData] = useState<RowObj>({});
|
|
7
7
|
const { selectAll = false } = selectedRowData;
|
|
8
|
+
const selectedRowDataSource=useMemo(()=>{
|
|
9
|
+
|
|
10
|
+
},[]);
|
|
8
11
|
const rowOnChange = (keys: React.Key[], rowData: any[]) => {
|
|
9
12
|
setSelectedRowData({
|
|
10
13
|
keys,
|
|
@@ -17,7 +20,6 @@ export default () => {
|
|
|
17
20
|
selectAll: newChecked,
|
|
18
21
|
});
|
|
19
22
|
};
|
|
20
|
-
|
|
21
23
|
return {
|
|
22
24
|
rowOnChange,
|
|
23
25
|
selectedRowData,
|
package/src/components/modal.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { HTable, useHTable } from "@/components";
|
|
2
2
|
import { Button } from "antd";
|
|
3
3
|
import { HFormConfigProvider } from "@hw-component/form";
|
|
4
|
+
import table from "@/components/Table";
|
|
4
5
|
|
|
5
6
|
const configData = [
|
|
6
7
|
{
|
|
@@ -66,6 +67,9 @@ export default () => {
|
|
|
66
67
|
return (
|
|
67
68
|
<HFormConfigProvider>
|
|
68
69
|
<div>
|
|
70
|
+
<div onClick={()=>{
|
|
71
|
+
console.log( hTable.table.getSelectedRowData());
|
|
72
|
+
}}>获取</div>
|
|
69
73
|
<HTable
|
|
70
74
|
configData={configData}
|
|
71
75
|
rowKey={"id"}
|