@base-stone/hooks 0.7.1 → 0.7.3
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.
|
@@ -11,7 +11,7 @@ export declare function configureTableOption(config: GlobalTableConfig): void;
|
|
|
11
11
|
|
|
12
12
|
declare interface GlobalTableConfig {
|
|
13
13
|
sortField: string[];
|
|
14
|
-
sortOrder: [
|
|
14
|
+
sortOrder: string[];
|
|
15
15
|
pageSize: number;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -28,6 +28,7 @@ declare interface TableListResult<T> {
|
|
|
28
28
|
queryParams: QueryParamsData;
|
|
29
29
|
/** 执行查询方法 */
|
|
30
30
|
reload: (params?: Record<string, any>) => void;
|
|
31
|
+
refresh: (params?: Record<string, any>) => void;
|
|
31
32
|
reset: (params?: Record<string, any>) => void;
|
|
32
33
|
/** 选中的行 keys */
|
|
33
34
|
selectedRowKeys: Key[];
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { useState as z, useRef as
|
|
1
|
+
import { useState as z, useRef as B, useMemo as q, useCallback as d, useEffect as H } from "react";
|
|
2
2
|
import { Empty as A } from "antd";
|
|
3
3
|
var T = { exports: {} }, S = {};
|
|
4
4
|
var F;
|
|
5
|
-
function
|
|
5
|
+
function U() {
|
|
6
6
|
if (F) return S;
|
|
7
7
|
F = 1;
|
|
8
8
|
var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
|
|
9
|
-
function
|
|
10
|
-
var
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
for (var
|
|
14
|
-
|
|
15
|
-
} else
|
|
16
|
-
return t =
|
|
9
|
+
function i(p, t, o) {
|
|
10
|
+
var g = null;
|
|
11
|
+
if (o !== void 0 && (g = "" + o), t.key !== void 0 && (g = "" + t.key), "key" in t) {
|
|
12
|
+
o = {};
|
|
13
|
+
for (var a in t)
|
|
14
|
+
a !== "key" && (o[a] = t[a]);
|
|
15
|
+
} else o = t;
|
|
16
|
+
return t = o.ref, {
|
|
17
17
|
$$typeof: n,
|
|
18
|
-
type:
|
|
19
|
-
key:
|
|
18
|
+
type: p,
|
|
19
|
+
key: g,
|
|
20
20
|
ref: t !== void 0 ? t : null,
|
|
21
|
-
props:
|
|
21
|
+
props: o
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
|
-
return S.Fragment = l, S.jsx =
|
|
24
|
+
return S.Fragment = l, S.jsx = i, S.jsxs = i, S;
|
|
25
25
|
}
|
|
26
26
|
var J;
|
|
27
|
-
function
|
|
28
|
-
return J || (J = 1, T.exports =
|
|
27
|
+
function W() {
|
|
28
|
+
return J || (J = 1, T.exports = U()), T.exports;
|
|
29
29
|
}
|
|
30
|
-
var
|
|
30
|
+
var X = W();
|
|
31
31
|
const f = {
|
|
32
32
|
sortField: ["orderType", "orderField"],
|
|
33
33
|
sortOrder: ["ASC", "DESC"],
|
|
34
34
|
pageSize: 15
|
|
35
35
|
};
|
|
36
|
-
function
|
|
36
|
+
function te(n) {
|
|
37
37
|
Object.keys(n).forEach((l) => {
|
|
38
38
|
f[l] = n[l];
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
|
-
function
|
|
42
|
-
const { rowSelection:
|
|
41
|
+
function re(n, l = {}) {
|
|
42
|
+
const { rowSelection: i, ...p } = l, t = f.pageSize, [o, g] = z({
|
|
43
43
|
pagination: {
|
|
44
44
|
showSizeChanger: !0,
|
|
45
45
|
showQuickJumper: !0,
|
|
@@ -51,85 +51,91 @@ function te(n, l = {}) {
|
|
|
51
51
|
queryParams: {
|
|
52
52
|
pageNo: 1,
|
|
53
53
|
pageSize: t,
|
|
54
|
-
...
|
|
54
|
+
...p
|
|
55
55
|
}
|
|
56
|
-
}), { pagination:
|
|
57
|
-
if (
|
|
56
|
+
}), { pagination: a, list: P, queryParams: r } = o, { pageNo: h, pageSize: u } = r, [E, y] = z(!0), L = B(r), [m, C] = z([]), N = q(() => {
|
|
57
|
+
if (i)
|
|
58
58
|
return {
|
|
59
59
|
selectedRowKeys: m,
|
|
60
60
|
onChange: (e) => C(e)
|
|
61
61
|
};
|
|
62
|
-
}, [
|
|
63
|
-
(e) => `共 ${e} 条记录 第 ${h}/${Math.ceil(e /
|
|
64
|
-
[h,
|
|
65
|
-
),
|
|
62
|
+
}, [i, m]), _ = d(
|
|
63
|
+
(e) => `共 ${e} 条记录 第 ${h}/${Math.ceil(e / u)} 页 `,
|
|
64
|
+
[h, u]
|
|
65
|
+
), s = d(
|
|
66
66
|
async (e) => {
|
|
67
67
|
const { pageNo: w } = e;
|
|
68
68
|
y(!0);
|
|
69
|
-
const c = { ...
|
|
70
|
-
e.pageNo === void 0 && (c.pageNo = 1), e.pageSize === void 0 && (c.pageSize =
|
|
69
|
+
const c = { ...p, pageSize: u, ...e };
|
|
70
|
+
e.pageNo === void 0 && (c.pageNo = 1), e.pageSize === void 0 && (c.pageSize = u);
|
|
71
71
|
const { data: x } = await n(c), { list: R = [], totalCount: v = 0 } = x || {};
|
|
72
|
-
|
|
72
|
+
i && C([]), g({
|
|
73
73
|
list: R,
|
|
74
74
|
queryParams: c,
|
|
75
75
|
pagination: {
|
|
76
|
-
...
|
|
76
|
+
...a,
|
|
77
77
|
current: w,
|
|
78
78
|
pageSize: c.pageSize,
|
|
79
79
|
total: v
|
|
80
80
|
}
|
|
81
81
|
}), y(!1);
|
|
82
82
|
},
|
|
83
|
-
[
|
|
84
|
-
), M =
|
|
83
|
+
[r, p, i, u, n, a]
|
|
84
|
+
), M = d(
|
|
85
85
|
(e) => {
|
|
86
|
-
|
|
86
|
+
s({ ...r, ...e, pageNo: 1 });
|
|
87
87
|
},
|
|
88
|
-
[
|
|
89
|
-
), b =
|
|
88
|
+
[s, r]
|
|
89
|
+
), b = d(
|
|
90
90
|
(e) => {
|
|
91
|
-
|
|
91
|
+
s({ ...r, ...e });
|
|
92
92
|
},
|
|
93
|
-
[
|
|
94
|
-
),
|
|
93
|
+
[s, r]
|
|
94
|
+
), I = d(
|
|
95
|
+
(e) => {
|
|
96
|
+
s({ ...e, pageSize: u, pageNo: 1 });
|
|
97
|
+
},
|
|
98
|
+
[s, u]
|
|
99
|
+
), k = d(
|
|
95
100
|
(e, w, c, x) => {
|
|
96
101
|
const { action: R } = x;
|
|
97
102
|
if (["paginate", "sort"].includes(R)) {
|
|
98
|
-
const { current: v, pageSize:
|
|
99
|
-
...
|
|
100
|
-
[
|
|
101
|
-
[
|
|
103
|
+
const { current: v, pageSize: D } = e, { field: O, order: j } = c, [G, Q] = f.sortField, [V, Y] = f.sortOrder, Z = {
|
|
104
|
+
...r,
|
|
105
|
+
[G]: j ? j === "ascend" ? V : Y : void 0,
|
|
106
|
+
[Q]: O,
|
|
102
107
|
pageNo: v,
|
|
103
|
-
pageSize:
|
|
108
|
+
pageSize: D
|
|
104
109
|
};
|
|
105
|
-
|
|
110
|
+
s(Z);
|
|
106
111
|
}
|
|
107
112
|
},
|
|
108
|
-
[
|
|
109
|
-
),
|
|
113
|
+
[r, s]
|
|
114
|
+
), $ = q(() => ({
|
|
110
115
|
bordered: !0,
|
|
111
116
|
size: "middle",
|
|
112
117
|
sticky: !0,
|
|
113
118
|
rowSelection: N,
|
|
114
|
-
pagination: { ...
|
|
119
|
+
pagination: { ...a, showTotal: _ },
|
|
115
120
|
loading: E,
|
|
116
121
|
dataSource: P,
|
|
117
122
|
onChange: k,
|
|
118
123
|
locale: {
|
|
119
|
-
emptyText: E ? "" : /* @__PURE__ */
|
|
124
|
+
emptyText: E ? "" : /* @__PURE__ */ X.jsx(A, { image: A.PRESENTED_IMAGE_SIMPLE })
|
|
120
125
|
}
|
|
121
|
-
}), [N,
|
|
122
|
-
return
|
|
123
|
-
|
|
126
|
+
}), [N, a, _, E, P, k]);
|
|
127
|
+
return H(() => {
|
|
128
|
+
s(L.current);
|
|
124
129
|
}, []), {
|
|
125
|
-
queryParams:
|
|
130
|
+
queryParams: r,
|
|
126
131
|
reload: M,
|
|
127
|
-
|
|
132
|
+
refresh: b,
|
|
133
|
+
reset: I,
|
|
128
134
|
selectedRowKeys: m,
|
|
129
|
-
tableProps:
|
|
135
|
+
tableProps: $
|
|
130
136
|
};
|
|
131
137
|
}
|
|
132
138
|
export {
|
|
133
|
-
|
|
134
|
-
|
|
139
|
+
te as configureTableOption,
|
|
140
|
+
re as useTableList
|
|
135
141
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react"),require("antd")):typeof define=="function"&&define.amd?define(["exports","react","antd"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.DesignReact={},r.React,r.antd))})(this,(function(r,e,y){"use strict";var T={exports:{}},f={};var C;function L(){if(C)return f;C=1;var u=Symbol.for("react.transitional.element"),p=Symbol.for("react.fragment");function l(g,o,s){var S=null;if(s!==void 0&&(S=""+s),o.key!==void 0&&(S=""+o.key),"key"in o){s={};for(var a in o)a!=="key"&&(s[a]=o[a])}else s=o;return o=s.ref,{$$typeof:u,type:g,key:S,ref:o!==void 0?o:null,props:s}}return f.Fragment=p,f.jsx=l,f.jsxs=l,f}var z;function A(){return z||(z=1,T.exports=L()),T.exports}var F=A();const E={sortField:["orderType","orderField"],sortOrder:["ASC","DESC"],pageSize:15};function J(u){Object.keys(u).forEach(p=>{E[p]=u[p]})}function O(u,p={}){const{rowSelection:l,...g}=p,o=E.pageSize,[s,S]=e.useState({pagination:{showSizeChanger:!0,showQuickJumper:!0,total:0,pageSize:o,current:1},list:[],queryParams:{pageNo:1,pageSize:o,...g}}),{pagination:a,list:P,queryParams:n}=s,{pageNo:k,pageSize:c}=n,[m,b]=e.useState(!0),D=e.useRef(n),[R,N]=e.useState([]),_=e.useMemo(()=>{if(l)return{selectedRowKeys:R,onChange:t=>N(t)}},[l,R]),j=e.useCallback(t=>`共 ${t} 条记录 第 ${k}/${Math.ceil(t/c)} 页 `,[k,c]),i=e.useCallback(async t=>{const{pageNo:w}=t;b(!0);const d={...g,pageSize:c,...t};t.pageNo===void 0&&(d.pageNo=1),t.pageSize===void 0&&(d.pageSize=c);const{data:x}=await u(d),{list:h=[],totalCount:v=0}=x||{};l&&N([]),S({list:h,queryParams:d,pagination:{...a,current:w,pageSize:d.pageSize,total:v}}),b(!1)},[n,g,l,c,u,a]),I=e.useCallback(t=>{i({...n,...t,pageNo:1})},[i,n]),$=e.useCallback(t=>{i({...n,...t})},[i,n]),G=e.useCallback(t=>{i({...t,pageSize:c,pageNo:1})},[i,c]),q=e.useCallback((t,w,d,x)=>{const{action:h}=x;if(["paginate","sort"].includes(h)){const{current:v,pageSize:V}=t,{field:Y,order:M}=d,[Z,B]=E.sortField,[H,U]=E.sortOrder,W={...n,[Z]:M?M==="ascend"?H:U:void 0,[B]:Y,pageNo:v,pageSize:V};i(W)}},[n,i]),Q=e.useMemo(()=>({bordered:!0,size:"middle",sticky:!0,rowSelection:_,pagination:{...a,showTotal:j},loading:m,dataSource:P,onChange:q,locale:{emptyText:m?"":F.jsx(y.Empty,{image:y.Empty.PRESENTED_IMAGE_SIMPLE})}}),[_,a,j,m,P,q]);return e.useEffect(()=>{i(D.current)},[]),{queryParams:n,reload:I,refresh:$,reset:G,selectedRowKeys:R,tableProps:Q}}r.configureTableOption=J,r.useTableList=O,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
|