@jswork/antd-components 1.0.114 → 1.0.115
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/main.cjs.js +1 -1
- package/dist/main.d.mts +2 -0
- package/dist/main.d.ts +2 -0
- package/dist/main.esm.js +1 -1
- package/dist/main.esm.js.map +1 -1
- package/package.json +2 -1
- package/src/lib/table.tsx +11 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jswork/antd-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.115",
|
|
4
4
|
"main": "dist/main.cjs.js",
|
|
5
5
|
"module": "dist/main.esm.js",
|
|
6
6
|
"types": "dist/main.d.ts",
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
"@jswork/noop": "^1.0.0",
|
|
53
53
|
"@jswork/react-codeflask": "^1.1.2",
|
|
54
54
|
"@jswork/react-list": "^1.4.3",
|
|
55
|
+
"@jswork/url-sync-flat": "^1.0.4",
|
|
55
56
|
"@jswork/weibo2res": "^1.0.4",
|
|
56
57
|
"fast-deep-equal": "^3.1.3",
|
|
57
58
|
"nanoid": "5.0.9",
|
package/src/lib/table.tsx
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
import type { EventMittNamespace } from '@jswork/event-mitt';
|
|
8
8
|
import { ReactHarmonyEvents } from '@jswork/harmony-events';
|
|
9
9
|
import '@jswork/next-create-fetcher';
|
|
10
|
+
import UrlSyncFlat from '@jswork/url-sync-flat';
|
|
10
11
|
import { Table, TableProps, message } from 'antd';
|
|
11
12
|
import cx from 'classnames';
|
|
12
13
|
import React, { FC } from 'react';
|
|
@@ -55,15 +56,19 @@ export class AcTable extends React.Component<AcTableProps, any> {
|
|
|
55
56
|
};
|
|
56
57
|
|
|
57
58
|
public eventBus: EventMittNamespace.EventMitt = AcTable.event;
|
|
59
|
+
public sync = new UrlSyncFlat();
|
|
58
60
|
|
|
59
61
|
constructor(props: AcTableProps) {
|
|
60
62
|
super(props);
|
|
61
|
-
const { defaultCurrent, defaultPageSize } = this.props;
|
|
63
|
+
const { defaultCurrent, defaultPageSize, params } = this.props;
|
|
64
|
+
const defaults = { page: defaultCurrent, size: defaultPageSize, ...params };
|
|
65
|
+
const init = this.sync.readInitialState({ defaults });
|
|
66
|
+
|
|
62
67
|
this.state = {
|
|
63
68
|
dataSource: [],
|
|
64
69
|
isLoading: false,
|
|
65
|
-
current:
|
|
66
|
-
pageSize:
|
|
70
|
+
current: init.page,
|
|
71
|
+
pageSize: init.size,
|
|
67
72
|
total: 0,
|
|
68
73
|
};
|
|
69
74
|
}
|
|
@@ -77,12 +82,15 @@ export class AcTable extends React.Component<AcTableProps, any> {
|
|
|
77
82
|
|
|
78
83
|
componentWillUnmount() {
|
|
79
84
|
this.harmonyEvents?.destroy();
|
|
85
|
+
this.sync.cancel();
|
|
80
86
|
}
|
|
81
87
|
|
|
82
88
|
fetchData = async (page: number, size: number) => {
|
|
83
89
|
const abortController = new AbortController();
|
|
84
90
|
const { fetcher, params } = this.props;
|
|
91
|
+
const { current, pageSize } = this.state;
|
|
85
92
|
this.setState({ isLoading: true });
|
|
93
|
+
this.sync.schedule({ page: current, size: pageSize, ...params });
|
|
86
94
|
try {
|
|
87
95
|
const result = await fetcher({ current: page, pageSize: size, params });
|
|
88
96
|
if (!abortController.signal.aborted) {
|