react-toolkits 0.0.7 → 0.1.0
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/.turbo/turbo-build.log +8 -6
- package/CHANGELOG.md +12 -0
- package/README.md +41 -0
- package/dist/index.css +252 -1
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +55 -54
- package/dist/index.esm.js +3576 -15
- package/dist/index.esm.js.map +1 -0
- package/package.json +2 -1
- package/src/components/GameSelect/index.tsx +82 -0
- package/src/components/Layout/index.tsx +90 -0
- package/src/{layouts/NavBar.tsx → components/NavMenu/index.tsx} +8 -17
- package/src/components/ReactToolkitsProvider/context.ts +76 -0
- package/src/components/ReactToolkitsProvider/index.tsx +23 -0
- package/src/components/UserWidget/index.tsx +46 -0
- package/src/components/index.ts +25 -1
- package/src/features/permission/components/PermissionCollapse/index.tsx +121 -0
- package/src/features/permission/components/PermissionList/index.tsx +17 -118
- package/src/features/permission/components/PermissionListV1/index.tsx +42 -0
- package/src/features/permission/components/PermissionListV2/index.tsx +146 -0
- package/src/features/permission/hooks/index.ts +24 -9
- package/src/features/permission/types/index.ts +8 -1
- package/src/hooks/use-http-client.tsx +9 -0
- package/src/hooks/use-permission.tsx +10 -2
- package/src/index.ts +0 -1
- package/src/pages/{Login → base/Login}/index.tsx +3 -16
- package/src/pages/{NoMatch → base/NotFound}/index.tsx +4 -4
- package/src/pages/base/index.tsx +20 -0
- package/src/pages/index.ts +3 -4
- package/src/pages/permission/RoleList/index.tsx +63 -36
- package/src/pages/permission/UserList/index.tsx +2 -2
- package/src/pages/permission/index.tsx +26 -1
- package/src/stores/index.ts +0 -1
- package/src/stores/token.ts +15 -1
- package/tsup.config.ts +6 -6
- package/src/layouts/Layout.tsx +0 -103
- package/src/layouts/index.ts +0 -6
- package/src/stores/menu.ts +0 -27
- /package/src/pages/{Login → base/Login}/default.tsx +0 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> react-toolkits@0.0
|
|
2
|
+
> react-toolkits@0.1.0 build /home/runner/work/everythingflow/everythingflow/packages/react-toolkits
|
|
3
3
|
> tsup
|
|
4
4
|
|
|
5
5
|
[34mCLI[39m Building entry: src/index.ts
|
|
@@ -11,8 +11,10 @@
|
|
|
11
11
|
[34mESM[39m Build start
|
|
12
12
|
[34mDTS[39m Build start
|
|
13
13
|
[32mESM[39m [1mdist/512_orange_nobackground-L6MFCL6M.png [22m[32m9.49 KB[39m
|
|
14
|
-
[32mESM[39m [1mdist/index.css [22m[
|
|
15
|
-
[32mESM[39m [1mdist/index.
|
|
16
|
-
[32mESM[39m
|
|
17
|
-
[
|
|
18
|
-
[
|
|
14
|
+
[32mESM[39m [1mdist/index.css [22m[32m4.74 KB[39m
|
|
15
|
+
[32mESM[39m [1mdist/index.css.map [22m[32m8.08 KB[39m
|
|
16
|
+
[32mESM[39m [1mdist/index.esm.js [22m[32m139.24 KB[39m
|
|
17
|
+
[32mESM[39m [1mdist/index.esm.js.map [22m[32m188.23 KB[39m
|
|
18
|
+
[32mESM[39m ⚡️ Build success in 1656ms
|
|
19
|
+
[32mDTS[39m ⚡️ Build success in 7161ms
|
|
20
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m8.72 KB[39m
|
package/CHANGELOG.md
CHANGED
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# React Toolkits
|
|
2
|
+
|
|
3
|
+
## Installation
|
|
4
|
+
|
|
5
|
+
```bash
|
|
6
|
+
pnpm install react-toolkits
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## Usage
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
import 'react-toolkits/style.css'
|
|
13
|
+
import {createRoot} from 'react-dom/client'
|
|
14
|
+
import {ReactToolkitsProvider} from 'react-toolkits'
|
|
15
|
+
import type {ItemType2} from "react-toolkits";
|
|
16
|
+
|
|
17
|
+
const container = document.getElementById('root') as HTMLElement
|
|
18
|
+
const root = createRoot(container)
|
|
19
|
+
|
|
20
|
+
const items: ItemType2[] = []
|
|
21
|
+
|
|
22
|
+
root.render(
|
|
23
|
+
<ReactToolkitsProvider title="React Web" menuItems={items}>
|
|
24
|
+
<RouterProvider
|
|
25
|
+
router={router}
|
|
26
|
+
fallbackElement={
|
|
27
|
+
<Spin
|
|
28
|
+
style={{
|
|
29
|
+
display: 'flex',
|
|
30
|
+
justifyContent: 'center',
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
width: '100vw',
|
|
33
|
+
height: '100vh',
|
|
34
|
+
}}
|
|
35
|
+
/>
|
|
36
|
+
}
|
|
37
|
+
/>
|
|
38
|
+
</ReactToolkitsProvider>,
|
|
39
|
+
)
|
|
40
|
+
|
|
41
|
+
```
|
package/dist/index.css
CHANGED
|
@@ -1 +1,252 @@
|
|
|
1
|
-
@import"antd/dist/reset.css"
|
|
1
|
+
@import "antd/dist/reset.css";
|
|
2
|
+
|
|
3
|
+
/* src/styles/index.css */
|
|
4
|
+
*,
|
|
5
|
+
::before,
|
|
6
|
+
::after {
|
|
7
|
+
--tw-border-spacing-x: 0;
|
|
8
|
+
--tw-border-spacing-y: 0;
|
|
9
|
+
--tw-translate-x: 0;
|
|
10
|
+
--tw-translate-y: 0;
|
|
11
|
+
--tw-rotate: 0;
|
|
12
|
+
--tw-skew-x: 0;
|
|
13
|
+
--tw-skew-y: 0;
|
|
14
|
+
--tw-scale-x: 1;
|
|
15
|
+
--tw-scale-y: 1;
|
|
16
|
+
--tw-pan-x: ;
|
|
17
|
+
--tw-pan-y: ;
|
|
18
|
+
--tw-pinch-zoom: ;
|
|
19
|
+
--tw-scroll-snap-strictness: proximity;
|
|
20
|
+
--tw-gradient-from-position: ;
|
|
21
|
+
--tw-gradient-via-position: ;
|
|
22
|
+
--tw-gradient-to-position: ;
|
|
23
|
+
--tw-ordinal: ;
|
|
24
|
+
--tw-slashed-zero: ;
|
|
25
|
+
--tw-numeric-figure: ;
|
|
26
|
+
--tw-numeric-spacing: ;
|
|
27
|
+
--tw-numeric-fraction: ;
|
|
28
|
+
--tw-ring-inset: ;
|
|
29
|
+
--tw-ring-offset-width: 0px;
|
|
30
|
+
--tw-ring-offset-color: #fff;
|
|
31
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
32
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
33
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
34
|
+
--tw-shadow: 0 0 #0000;
|
|
35
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
36
|
+
--tw-blur: ;
|
|
37
|
+
--tw-brightness: ;
|
|
38
|
+
--tw-contrast: ;
|
|
39
|
+
--tw-grayscale: ;
|
|
40
|
+
--tw-hue-rotate: ;
|
|
41
|
+
--tw-invert: ;
|
|
42
|
+
--tw-saturate: ;
|
|
43
|
+
--tw-sepia: ;
|
|
44
|
+
--tw-drop-shadow: ;
|
|
45
|
+
--tw-backdrop-blur: ;
|
|
46
|
+
--tw-backdrop-brightness: ;
|
|
47
|
+
--tw-backdrop-contrast: ;
|
|
48
|
+
--tw-backdrop-grayscale: ;
|
|
49
|
+
--tw-backdrop-hue-rotate: ;
|
|
50
|
+
--tw-backdrop-invert: ;
|
|
51
|
+
--tw-backdrop-opacity: ;
|
|
52
|
+
--tw-backdrop-saturate: ;
|
|
53
|
+
--tw-backdrop-sepia: ;
|
|
54
|
+
}
|
|
55
|
+
::backdrop {
|
|
56
|
+
--tw-border-spacing-x: 0;
|
|
57
|
+
--tw-border-spacing-y: 0;
|
|
58
|
+
--tw-translate-x: 0;
|
|
59
|
+
--tw-translate-y: 0;
|
|
60
|
+
--tw-rotate: 0;
|
|
61
|
+
--tw-skew-x: 0;
|
|
62
|
+
--tw-skew-y: 0;
|
|
63
|
+
--tw-scale-x: 1;
|
|
64
|
+
--tw-scale-y: 1;
|
|
65
|
+
--tw-pan-x: ;
|
|
66
|
+
--tw-pan-y: ;
|
|
67
|
+
--tw-pinch-zoom: ;
|
|
68
|
+
--tw-scroll-snap-strictness: proximity;
|
|
69
|
+
--tw-gradient-from-position: ;
|
|
70
|
+
--tw-gradient-via-position: ;
|
|
71
|
+
--tw-gradient-to-position: ;
|
|
72
|
+
--tw-ordinal: ;
|
|
73
|
+
--tw-slashed-zero: ;
|
|
74
|
+
--tw-numeric-figure: ;
|
|
75
|
+
--tw-numeric-spacing: ;
|
|
76
|
+
--tw-numeric-fraction: ;
|
|
77
|
+
--tw-ring-inset: ;
|
|
78
|
+
--tw-ring-offset-width: 0px;
|
|
79
|
+
--tw-ring-offset-color: #fff;
|
|
80
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
81
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
82
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
83
|
+
--tw-shadow: 0 0 #0000;
|
|
84
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
85
|
+
--tw-blur: ;
|
|
86
|
+
--tw-brightness: ;
|
|
87
|
+
--tw-contrast: ;
|
|
88
|
+
--tw-grayscale: ;
|
|
89
|
+
--tw-hue-rotate: ;
|
|
90
|
+
--tw-invert: ;
|
|
91
|
+
--tw-saturate: ;
|
|
92
|
+
--tw-sepia: ;
|
|
93
|
+
--tw-drop-shadow: ;
|
|
94
|
+
--tw-backdrop-blur: ;
|
|
95
|
+
--tw-backdrop-brightness: ;
|
|
96
|
+
--tw-backdrop-contrast: ;
|
|
97
|
+
--tw-backdrop-grayscale: ;
|
|
98
|
+
--tw-backdrop-hue-rotate: ;
|
|
99
|
+
--tw-backdrop-invert: ;
|
|
100
|
+
--tw-backdrop-opacity: ;
|
|
101
|
+
--tw-backdrop-saturate: ;
|
|
102
|
+
--tw-backdrop-sepia: ;
|
|
103
|
+
}
|
|
104
|
+
.container {
|
|
105
|
+
width: 100%;
|
|
106
|
+
}
|
|
107
|
+
@media (min-width: 640px) {
|
|
108
|
+
.container {
|
|
109
|
+
max-width: 640px;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
@media (min-width: 768px) {
|
|
113
|
+
.container {
|
|
114
|
+
max-width: 768px;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
@media (min-width: 1024px) {
|
|
118
|
+
.container {
|
|
119
|
+
max-width: 1024px;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
@media (min-width: 1280px) {
|
|
123
|
+
.container {
|
|
124
|
+
max-width: 1280px;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
@media (min-width: 1536px) {
|
|
128
|
+
.container {
|
|
129
|
+
max-width: 1536px;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
.fixed {
|
|
133
|
+
position: fixed;
|
|
134
|
+
}
|
|
135
|
+
.absolute {
|
|
136
|
+
position: absolute;
|
|
137
|
+
}
|
|
138
|
+
.relative {
|
|
139
|
+
position: relative;
|
|
140
|
+
}
|
|
141
|
+
.-top-12 {
|
|
142
|
+
top: -3rem;
|
|
143
|
+
}
|
|
144
|
+
.left-0 {
|
|
145
|
+
left: 0px;
|
|
146
|
+
}
|
|
147
|
+
.right-0 {
|
|
148
|
+
right: 0px;
|
|
149
|
+
}
|
|
150
|
+
.top-1\/2 {
|
|
151
|
+
top: 50%;
|
|
152
|
+
}
|
|
153
|
+
.my-12 {
|
|
154
|
+
margin-top: 3rem;
|
|
155
|
+
margin-bottom: 3rem;
|
|
156
|
+
}
|
|
157
|
+
.mb-12 {
|
|
158
|
+
margin-bottom: 3rem;
|
|
159
|
+
}
|
|
160
|
+
.mb-6 {
|
|
161
|
+
margin-bottom: 1.5rem;
|
|
162
|
+
}
|
|
163
|
+
.ml-2 {
|
|
164
|
+
margin-left: 0.5rem;
|
|
165
|
+
}
|
|
166
|
+
.ml-64 {
|
|
167
|
+
margin-left: 16rem;
|
|
168
|
+
}
|
|
169
|
+
.block {
|
|
170
|
+
display: block;
|
|
171
|
+
}
|
|
172
|
+
.inline {
|
|
173
|
+
display: inline;
|
|
174
|
+
}
|
|
175
|
+
.flex {
|
|
176
|
+
display: flex;
|
|
177
|
+
}
|
|
178
|
+
.hidden {
|
|
179
|
+
display: none;
|
|
180
|
+
}
|
|
181
|
+
.h-8 {
|
|
182
|
+
height: 2rem;
|
|
183
|
+
}
|
|
184
|
+
.h-full {
|
|
185
|
+
height: 100%;
|
|
186
|
+
}
|
|
187
|
+
.h-screen {
|
|
188
|
+
height: 100vh;
|
|
189
|
+
}
|
|
190
|
+
.w-8 {
|
|
191
|
+
width: 2rem;
|
|
192
|
+
}
|
|
193
|
+
.w-full {
|
|
194
|
+
width: 100%;
|
|
195
|
+
}
|
|
196
|
+
.-translate-y-1\/2 {
|
|
197
|
+
--tw-translate-y: -50%;
|
|
198
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
199
|
+
}
|
|
200
|
+
.transform {
|
|
201
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
202
|
+
}
|
|
203
|
+
.flex-col {
|
|
204
|
+
flex-direction: column;
|
|
205
|
+
}
|
|
206
|
+
.items-end {
|
|
207
|
+
align-items: flex-end;
|
|
208
|
+
}
|
|
209
|
+
.items-center {
|
|
210
|
+
align-items: center;
|
|
211
|
+
}
|
|
212
|
+
.justify-end {
|
|
213
|
+
justify-content: flex-end;
|
|
214
|
+
}
|
|
215
|
+
.justify-center {
|
|
216
|
+
justify-content: center;
|
|
217
|
+
}
|
|
218
|
+
.justify-between {
|
|
219
|
+
justify-content: space-between;
|
|
220
|
+
}
|
|
221
|
+
.overflow-auto {
|
|
222
|
+
overflow: auto;
|
|
223
|
+
}
|
|
224
|
+
.bg-gray-50 {
|
|
225
|
+
--tw-bg-opacity: 1;
|
|
226
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
227
|
+
}
|
|
228
|
+
.p-6 {
|
|
229
|
+
padding: 1.5rem;
|
|
230
|
+
}
|
|
231
|
+
.px-6 {
|
|
232
|
+
padding-left: 1.5rem;
|
|
233
|
+
padding-right: 1.5rem;
|
|
234
|
+
}
|
|
235
|
+
.py-4 {
|
|
236
|
+
padding-top: 1rem;
|
|
237
|
+
padding-bottom: 1rem;
|
|
238
|
+
}
|
|
239
|
+
.text-center {
|
|
240
|
+
text-align: center;
|
|
241
|
+
}
|
|
242
|
+
.text-lg {
|
|
243
|
+
font-size: 1.125rem;
|
|
244
|
+
line-height: 1.75rem;
|
|
245
|
+
}
|
|
246
|
+
.font-bold {
|
|
247
|
+
font-weight: 700;
|
|
248
|
+
}
|
|
249
|
+
.filter {
|
|
250
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
251
|
+
}
|
|
252
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/styles/index.css"],"sourcesContent":["@import \"antd/dist/reset.css\";\n\n*, ::before, ::after{\n\n --tw-border-spacing-x: 0;\n\n --tw-border-spacing-y: 0;\n\n --tw-translate-x: 0;\n\n --tw-translate-y: 0;\n\n --tw-rotate: 0;\n\n --tw-skew-x: 0;\n\n --tw-skew-y: 0;\n\n --tw-scale-x: 1;\n\n --tw-scale-y: 1;\n\n --tw-pan-x: ;\n\n --tw-pan-y: ;\n\n --tw-pinch-zoom: ;\n\n --tw-scroll-snap-strictness: proximity;\n\n --tw-gradient-from-position: ;\n\n --tw-gradient-via-position: ;\n\n --tw-gradient-to-position: ;\n\n --tw-ordinal: ;\n\n --tw-slashed-zero: ;\n\n --tw-numeric-figure: ;\n\n --tw-numeric-spacing: ;\n\n --tw-numeric-fraction: ;\n\n --tw-ring-inset: ;\n\n --tw-ring-offset-width: 0px;\n\n --tw-ring-offset-color: #fff;\n\n --tw-ring-color: rgb(59 130 246 / 0.5);\n\n --tw-ring-offset-shadow: 0 0 #0000;\n\n --tw-ring-shadow: 0 0 #0000;\n\n --tw-shadow: 0 0 #0000;\n\n --tw-shadow-colored: 0 0 #0000;\n\n --tw-blur: ;\n\n --tw-brightness: ;\n\n --tw-contrast: ;\n\n --tw-grayscale: ;\n\n --tw-hue-rotate: ;\n\n --tw-invert: ;\n\n --tw-saturate: ;\n\n --tw-sepia: ;\n\n --tw-drop-shadow: ;\n\n --tw-backdrop-blur: ;\n\n --tw-backdrop-brightness: ;\n\n --tw-backdrop-contrast: ;\n\n --tw-backdrop-grayscale: ;\n\n --tw-backdrop-hue-rotate: ;\n\n --tw-backdrop-invert: ;\n\n --tw-backdrop-opacity: ;\n\n --tw-backdrop-saturate: ;\n\n --tw-backdrop-sepia: \n}\n\n::backdrop{\n\n --tw-border-spacing-x: 0;\n\n --tw-border-spacing-y: 0;\n\n --tw-translate-x: 0;\n\n --tw-translate-y: 0;\n\n --tw-rotate: 0;\n\n --tw-skew-x: 0;\n\n --tw-skew-y: 0;\n\n --tw-scale-x: 1;\n\n --tw-scale-y: 1;\n\n --tw-pan-x: ;\n\n --tw-pan-y: ;\n\n --tw-pinch-zoom: ;\n\n --tw-scroll-snap-strictness: proximity;\n\n --tw-gradient-from-position: ;\n\n --tw-gradient-via-position: ;\n\n --tw-gradient-to-position: ;\n\n --tw-ordinal: ;\n\n --tw-slashed-zero: ;\n\n --tw-numeric-figure: ;\n\n --tw-numeric-spacing: ;\n\n --tw-numeric-fraction: ;\n\n --tw-ring-inset: ;\n\n --tw-ring-offset-width: 0px;\n\n --tw-ring-offset-color: #fff;\n\n --tw-ring-color: rgb(59 130 246 / 0.5);\n\n --tw-ring-offset-shadow: 0 0 #0000;\n\n --tw-ring-shadow: 0 0 #0000;\n\n --tw-shadow: 0 0 #0000;\n\n --tw-shadow-colored: 0 0 #0000;\n\n --tw-blur: ;\n\n --tw-brightness: ;\n\n --tw-contrast: ;\n\n --tw-grayscale: ;\n\n --tw-hue-rotate: ;\n\n --tw-invert: ;\n\n --tw-saturate: ;\n\n --tw-sepia: ;\n\n --tw-drop-shadow: ;\n\n --tw-backdrop-blur: ;\n\n --tw-backdrop-brightness: ;\n\n --tw-backdrop-contrast: ;\n\n --tw-backdrop-grayscale: ;\n\n --tw-backdrop-hue-rotate: ;\n\n --tw-backdrop-invert: ;\n\n --tw-backdrop-opacity: ;\n\n --tw-backdrop-saturate: ;\n\n --tw-backdrop-sepia: \n}\n.container{\n\n width: 100%\n}\n@media (min-width: 640px){\n\n .container{\n\n max-width: 640px\n }\n}\n@media (min-width: 768px){\n\n .container{\n\n max-width: 768px\n }\n}\n@media (min-width: 1024px){\n\n .container{\n\n max-width: 1024px\n }\n}\n@media (min-width: 1280px){\n\n .container{\n\n max-width: 1280px\n }\n}\n@media (min-width: 1536px){\n\n .container{\n\n max-width: 1536px\n }\n}\n.fixed{\n\n position: fixed\n}\n.absolute{\n\n position: absolute\n}\n.relative{\n\n position: relative\n}\n.-top-12{\n\n top: -3rem\n}\n.left-0{\n\n left: 0px\n}\n.right-0{\n\n right: 0px\n}\n.top-1\\/2{\n\n top: 50%\n}\n.my-12{\n\n margin-top: 3rem;\n\n margin-bottom: 3rem\n}\n.mb-12{\n\n margin-bottom: 3rem\n}\n.mb-6{\n\n margin-bottom: 1.5rem\n}\n.ml-2{\n\n margin-left: 0.5rem\n}\n.ml-64{\n\n margin-left: 16rem\n}\n.block{\n\n display: block\n}\n.inline{\n\n display: inline\n}\n.flex{\n\n display: flex\n}\n.hidden{\n\n display: none\n}\n.h-8{\n\n height: 2rem\n}\n.h-full{\n\n height: 100%\n}\n.h-screen{\n\n height: 100vh\n}\n.w-8{\n\n width: 2rem\n}\n.w-full{\n\n width: 100%\n}\n.-translate-y-1\\/2{\n\n --tw-translate-y: -50%;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.transform{\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.flex-col{\n\n flex-direction: column\n}\n.items-end{\n\n align-items: flex-end\n}\n.items-center{\n\n align-items: center\n}\n.justify-end{\n\n justify-content: flex-end\n}\n.justify-center{\n\n justify-content: center\n}\n.justify-between{\n\n justify-content: space-between\n}\n.overflow-auto{\n\n overflow: auto\n}\n.bg-gray-50{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(249 250 251 / var(--tw-bg-opacity))\n}\n.p-6{\n\n padding: 1.5rem\n}\n.px-6{\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem\n}\n.py-4{\n\n padding-top: 1rem;\n\n padding-bottom: 1rem\n}\n.text-center{\n\n text-align: center\n}\n.text-lg{\n\n font-size: 1.125rem;\n\n line-height: 1.75rem\n}\n.font-bold{\n\n font-weight: 700\n}\n.filter{\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { FC, PropsWithChildren, ForwardedRef, ReactElement, ReactNode } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { FormProps, FormInstance, ModalProps, ButtonProps } from 'antd';
|
|
5
5
|
import { Merge } from 'ts-essentials';
|
|
6
6
|
import { TableProps } from 'antd/es/table';
|
|
7
7
|
import { AxiosRequestConfig, AxiosInstance } from 'axios';
|
|
8
|
+
import { MenuDividerType, MenuItemType, SubMenuType, MenuItemGroupType } from 'antd/es/menu/hooks/useItems';
|
|
8
9
|
import * as zustand_middleware from 'zustand/middleware';
|
|
9
10
|
import * as zustand from 'zustand';
|
|
10
11
|
import { RouteObject } from 'react-router-dom';
|
|
11
|
-
import { MenuDividerType, MenuItemType, SubMenuType, MenuItemGroupType } from 'antd/es/menu/hooks/useItems';
|
|
12
12
|
|
|
13
13
|
interface DynamicTagsProps {
|
|
14
14
|
initialTags?: string[];
|
|
@@ -22,7 +22,7 @@ declare const DynamicTags: FC<DynamicTagsProps>;
|
|
|
22
22
|
interface FilterFormProps<Values> extends Pick<FormProps<Values>, 'initialValues' | 'requiredMark' | 'onError' | 'onChange' | 'onValuesChange' | 'onFinish' | 'onFinishFailed' | 'layout' | 'labelCol'> {
|
|
23
23
|
form?: FormInstance<Values>;
|
|
24
24
|
onReset?: () => void;
|
|
25
|
-
confirmText?:
|
|
25
|
+
confirmText?: react.ReactNode;
|
|
26
26
|
}
|
|
27
27
|
declare const FilterForm: <Values = unknown>(props: PropsWithChildren<FilterFormProps<Values>>) => react_jsx_runtime.JSX.Element;
|
|
28
28
|
|
|
@@ -53,7 +53,7 @@ type UseFormModalProps<T> = Merge<Omit<FormModalProps<T>, 'open' | 'onCancel' |
|
|
|
53
53
|
content: FormModalProps<T>['children'];
|
|
54
54
|
}>;
|
|
55
55
|
declare function useFormModal<T extends object>(props: UseFormModalProps<T>): {
|
|
56
|
-
Modal:
|
|
56
|
+
Modal: react.ReactPortal;
|
|
57
57
|
showModal: (options?: {
|
|
58
58
|
initialValues?: RecursivePartial<T> | undefined;
|
|
59
59
|
title?: FormModalProps<T>['title'];
|
|
@@ -93,6 +93,50 @@ interface QueryListProps<Item, Values, Response> extends Pick<TableProps<Item>,
|
|
|
93
93
|
}
|
|
94
94
|
declare const QueryList: <Item extends object, Values = {}, Response_1 = ListResponse<Item>>(props: QueryListProps<Item, Values, Response_1>) => react_jsx_runtime.JSX.Element;
|
|
95
95
|
|
|
96
|
+
interface GameType {
|
|
97
|
+
id: string;
|
|
98
|
+
name: string;
|
|
99
|
+
area: 'cn' | 'global';
|
|
100
|
+
Ctime: string;
|
|
101
|
+
}
|
|
102
|
+
declare const GameSelect: () => react_jsx_runtime.JSX.Element | null;
|
|
103
|
+
|
|
104
|
+
type MenuItemType2 = Merge<MenuItemType, {
|
|
105
|
+
code /** 权限编号 **/?: string;
|
|
106
|
+
route /** 前端路由地址 **/?: string;
|
|
107
|
+
}>;
|
|
108
|
+
type SubMenuType2 = Merge<SubMenuType, {
|
|
109
|
+
children?: ItemType2[];
|
|
110
|
+
}>;
|
|
111
|
+
type MenuItemGroupType2 = Merge<MenuItemGroupType, {
|
|
112
|
+
children?: ItemType2[];
|
|
113
|
+
}>;
|
|
114
|
+
type ItemType2 = MenuItemType2 | SubMenuType2 | MenuItemGroupType2 | MenuDividerType | null;
|
|
115
|
+
declare const NavMenu: () => react_jsx_runtime.JSX.Element;
|
|
116
|
+
|
|
117
|
+
interface ReactToolkitsState {
|
|
118
|
+
title: string;
|
|
119
|
+
isPermissionV2: boolean;
|
|
120
|
+
isGlobalNS: boolean;
|
|
121
|
+
game: GameType | null;
|
|
122
|
+
setGame: (game: GameType | null) => void;
|
|
123
|
+
openKeys: string[];
|
|
124
|
+
selectedKeys: string[];
|
|
125
|
+
setOpenKeys: (keys: string[]) => void;
|
|
126
|
+
setSelectedKeys: (keys: string[]) => void;
|
|
127
|
+
menuItems: ItemType2[];
|
|
128
|
+
}
|
|
129
|
+
declare function useReactToolkitsContext<T>(selector: (state: ReactToolkitsState) => T, equalityFn?: (left: T, right: T) => boolean): T;
|
|
130
|
+
|
|
131
|
+
declare const ReactToolkitsProvider: FC<PropsWithChildren<Partial<Pick<ReactToolkitsState, 'isPermissionV2' | 'isGlobalNS' | 'menuItems' | 'title'>>>>;
|
|
132
|
+
|
|
133
|
+
declare const UserWidget: FC;
|
|
134
|
+
|
|
135
|
+
interface LayoutProps extends PropsWithChildren {
|
|
136
|
+
extra?: react.ReactNode;
|
|
137
|
+
}
|
|
138
|
+
declare const Layout: FC<LayoutProps>;
|
|
139
|
+
|
|
96
140
|
type ShimmedAxiosInstance = Merge<AxiosInstance, {
|
|
97
141
|
request<T = unknown, D = unknown>(config: AxiosRequestConfig<D>): Promise<T>;
|
|
98
142
|
get<T = unknown, D = unknown>(url: string, config?: AxiosRequestConfig<D>): Promise<T>;
|
|
@@ -112,7 +156,7 @@ declare function useHttpClient(): ShimmedAxiosInstance;
|
|
|
112
156
|
interface PermissionCheckResult {
|
|
113
157
|
[k: string]: boolean;
|
|
114
158
|
}
|
|
115
|
-
declare function usePermissions(codes: string[]): {
|
|
159
|
+
declare function usePermissions(codes: string[], isGlobalNS?: boolean): {
|
|
116
160
|
data: Record<string, boolean>;
|
|
117
161
|
isLoading: false;
|
|
118
162
|
};
|
|
@@ -121,32 +165,13 @@ declare function usePermission(code: string): {
|
|
|
121
165
|
isValidating: boolean;
|
|
122
166
|
};
|
|
123
167
|
|
|
124
|
-
interface
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
setOpenKeys: (keys: string[]) => void;
|
|
128
|
-
setSelectedKeys: (keys: string[]) => void;
|
|
168
|
+
interface UserInfo {
|
|
169
|
+
authorityId: string;
|
|
170
|
+
exp: number;
|
|
129
171
|
}
|
|
130
|
-
declare const useMenuStore: zustand.UseBoundStore<Omit<zustand.StoreApi<MenuState>, "persist"> & {
|
|
131
|
-
persist: {
|
|
132
|
-
setOptions: (options: Partial<zustand_middleware.PersistOptions<MenuState, {
|
|
133
|
-
openKeys: string[];
|
|
134
|
-
selectedKeys: string[];
|
|
135
|
-
}>>) => void;
|
|
136
|
-
clearStorage: () => void;
|
|
137
|
-
rehydrate: () => void | Promise<void>;
|
|
138
|
-
hasHydrated: () => boolean;
|
|
139
|
-
onHydrate: (fn: (state: MenuState) => void) => () => void;
|
|
140
|
-
onFinishHydration: (fn: (state: MenuState) => void) => () => void;
|
|
141
|
-
getOptions: () => Partial<zustand_middleware.PersistOptions<MenuState, {
|
|
142
|
-
openKeys: string[];
|
|
143
|
-
selectedKeys: string[];
|
|
144
|
-
}>>;
|
|
145
|
-
};
|
|
146
|
-
}>;
|
|
147
|
-
|
|
148
172
|
interface TokenState {
|
|
149
173
|
token: string;
|
|
174
|
+
getUser: () => UserInfo | null;
|
|
150
175
|
setToken: (token: string) => void;
|
|
151
176
|
clearToken: () => void;
|
|
152
177
|
}
|
|
@@ -179,34 +204,10 @@ interface QueryListState {
|
|
|
179
204
|
}
|
|
180
205
|
declare const useQueryListStore: zustand.UseBoundStore<zustand.StoreApi<QueryListState>>;
|
|
181
206
|
|
|
182
|
-
declare const
|
|
183
|
-
|
|
184
|
-
declare const NoMatch: () => react_jsx_runtime.JSX.Element;
|
|
207
|
+
declare const routes$1: RouteObject;
|
|
185
208
|
|
|
186
209
|
declare const routes: RouteObject;
|
|
187
210
|
|
|
188
|
-
type MenuItemType2 = Merge<MenuItemType, {
|
|
189
|
-
code /** 权限编号 **/?: string;
|
|
190
|
-
route /** 前端路由地址 **/?: string;
|
|
191
|
-
}>;
|
|
192
|
-
type SubMenuType2 = Merge<SubMenuType, {
|
|
193
|
-
children?: ItemType2[];
|
|
194
|
-
}>;
|
|
195
|
-
type MenuItemGroupType2 = Merge<MenuItemGroupType, {
|
|
196
|
-
children?: ItemType2[];
|
|
197
|
-
}>;
|
|
198
|
-
type ItemType2 = MenuItemType2 | SubMenuType2 | MenuItemGroupType2 | MenuDividerType | null;
|
|
199
|
-
interface NavBarProps {
|
|
200
|
-
items: ItemType2[];
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
interface LayoutProps {
|
|
204
|
-
title?: ReactNode;
|
|
205
|
-
items: ItemType2[];
|
|
206
|
-
header?: ReactNode;
|
|
207
|
-
}
|
|
208
|
-
declare const Layout: FC<PropsWithChildren<LayoutProps>>;
|
|
209
|
-
|
|
210
211
|
declare const SSO_URL = "https://idaas.ifunplus.cn/enduser/api/application/plugin_FunPlus/sso/v1";
|
|
211
212
|
|
|
212
|
-
export { DynamicTags, DynamicTagsProps, FilterForm, FilterFormProps, FormModal, FormModalProps, FormModalRef, Highlight, HighlightTextsProps, HttpClientError, ItemType2, Layout, LayoutProps,
|
|
213
|
+
export { DynamicTags, DynamicTagsProps, FilterForm, FilterFormProps, FormModal, FormModalProps, FormModalRef, GameSelect, Highlight, HighlightTextsProps, HttpClientError, ItemType2, Layout, LayoutProps, NavMenu, PermissionButton, PermissionButtonProps, PermissionCheckResult, QueryList, QueryListKey, QueryListProps, QueryListState, ReactToolkitsProvider, SSO_URL, TokenState, UseFormModalProps, UserWidget, routes$1 as baseRoutes, routes as permissionRoutes, useFormModal, useHttpClient, usePermission, usePermissions, useQueryListStore, useReactToolkitsContext, useTokenStore };
|