react-toolkits 2.14.7 → 2.14.9

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +6 -3
  3. package/lib/index.css +1 -319
  4. package/lib/index.d.ts +2 -2
  5. package/lib/index.js +2 -3595
  6. package/locale/context.js +1 -7
  7. package/locale/en_GB.js +1 -94
  8. package/locale/hooks.js +1 -37
  9. package/locale/index.js +1 -37
  10. package/locale/ja_JP.js +1 -94
  11. package/locale/ko_KR.js +1 -94
  12. package/locale/zh_CN.js +1 -94
  13. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # react-toolkits
2
2
 
3
+ ## 2.14.9
4
+
5
+ ### Patch Changes
6
+
7
+ - 362bbc6: fix(react-toolkits): 修复gameId的URL编码问题
8
+
9
+ ## 2.14.8
10
+
11
+ ### Patch Changes
12
+
13
+ - 4e10c9d: refactor(QueryList): 为QueryListRef和QueryListProps接口添加泛型默认值
14
+
3
15
  ## 2.14.7
4
16
 
5
17
  ### Patch Changes
package/README.md CHANGED
@@ -8,11 +8,11 @@ pnpm install react-toolkits
8
8
 
9
9
  ## Usage
10
10
 
11
- ```tsx
11
+ ```tsx
12
12
  import 'react-toolkits/style.css'
13
13
  import { createRoot } from 'react-dom/client'
14
14
  import { ReactToolkitsProvider } from 'react-toolkits'
15
- import type { NavMenuItem } from "react-toolkits";
15
+ import type { NavMenuItem } from 'react-toolkits'
16
16
 
17
17
  const container = document.getElementById('root') as HTMLElement
18
18
  const root = createRoot(container)
@@ -37,5 +37,8 @@ root.render(
37
37
  />
38
38
  </ContextProvider>,
39
39
  )
40
-
41
40
  ```
41
+
42
+ ## TODO
43
+
44
+ - [ ] 移除导出的 axios 实例
package/lib/index.css CHANGED
@@ -1,319 +1 @@
1
- /* src/styles/index.css */
2
- *,
3
- ::before,
4
- ::after {
5
- --tw-border-spacing-x: 0;
6
- --tw-border-spacing-y: 0;
7
- --tw-translate-x: 0;
8
- --tw-translate-y: 0;
9
- --tw-rotate: 0;
10
- --tw-skew-x: 0;
11
- --tw-skew-y: 0;
12
- --tw-scale-x: 1;
13
- --tw-scale-y: 1;
14
- --tw-pan-x: ;
15
- --tw-pan-y: ;
16
- --tw-pinch-zoom: ;
17
- --tw-scroll-snap-strictness: proximity;
18
- --tw-gradient-from-position: ;
19
- --tw-gradient-via-position: ;
20
- --tw-gradient-to-position: ;
21
- --tw-ordinal: ;
22
- --tw-slashed-zero: ;
23
- --tw-numeric-figure: ;
24
- --tw-numeric-spacing: ;
25
- --tw-numeric-fraction: ;
26
- --tw-ring-inset: ;
27
- --tw-ring-offset-width: 0px;
28
- --tw-ring-offset-color: #fff;
29
- --tw-ring-color: rgb(59 130 246 / 0.5);
30
- --tw-ring-offset-shadow: 0 0 #0000;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-shadow: 0 0 #0000;
33
- --tw-shadow-colored: 0 0 #0000;
34
- --tw-blur: ;
35
- --tw-brightness: ;
36
- --tw-contrast: ;
37
- --tw-grayscale: ;
38
- --tw-hue-rotate: ;
39
- --tw-invert: ;
40
- --tw-saturate: ;
41
- --tw-sepia: ;
42
- --tw-drop-shadow: ;
43
- --tw-backdrop-blur: ;
44
- --tw-backdrop-brightness: ;
45
- --tw-backdrop-contrast: ;
46
- --tw-backdrop-grayscale: ;
47
- --tw-backdrop-hue-rotate: ;
48
- --tw-backdrop-invert: ;
49
- --tw-backdrop-opacity: ;
50
- --tw-backdrop-saturate: ;
51
- --tw-backdrop-sepia: ;
52
- --tw-contain-size: ;
53
- --tw-contain-layout: ;
54
- --tw-contain-paint: ;
55
- --tw-contain-style: ;
56
- }
57
- ::backdrop {
58
- --tw-border-spacing-x: 0;
59
- --tw-border-spacing-y: 0;
60
- --tw-translate-x: 0;
61
- --tw-translate-y: 0;
62
- --tw-rotate: 0;
63
- --tw-skew-x: 0;
64
- --tw-skew-y: 0;
65
- --tw-scale-x: 1;
66
- --tw-scale-y: 1;
67
- --tw-pan-x: ;
68
- --tw-pan-y: ;
69
- --tw-pinch-zoom: ;
70
- --tw-scroll-snap-strictness: proximity;
71
- --tw-gradient-from-position: ;
72
- --tw-gradient-via-position: ;
73
- --tw-gradient-to-position: ;
74
- --tw-ordinal: ;
75
- --tw-slashed-zero: ;
76
- --tw-numeric-figure: ;
77
- --tw-numeric-spacing: ;
78
- --tw-numeric-fraction: ;
79
- --tw-ring-inset: ;
80
- --tw-ring-offset-width: 0px;
81
- --tw-ring-offset-color: #fff;
82
- --tw-ring-color: rgb(59 130 246 / 0.5);
83
- --tw-ring-offset-shadow: 0 0 #0000;
84
- --tw-ring-shadow: 0 0 #0000;
85
- --tw-shadow: 0 0 #0000;
86
- --tw-shadow-colored: 0 0 #0000;
87
- --tw-blur: ;
88
- --tw-brightness: ;
89
- --tw-contrast: ;
90
- --tw-grayscale: ;
91
- --tw-hue-rotate: ;
92
- --tw-invert: ;
93
- --tw-saturate: ;
94
- --tw-sepia: ;
95
- --tw-drop-shadow: ;
96
- --tw-backdrop-blur: ;
97
- --tw-backdrop-brightness: ;
98
- --tw-backdrop-contrast: ;
99
- --tw-backdrop-grayscale: ;
100
- --tw-backdrop-hue-rotate: ;
101
- --tw-backdrop-invert: ;
102
- --tw-backdrop-opacity: ;
103
- --tw-backdrop-saturate: ;
104
- --tw-backdrop-sepia: ;
105
- --tw-contain-size: ;
106
- --tw-contain-layout: ;
107
- --tw-contain-paint: ;
108
- --tw-contain-style: ;
109
- }
110
- .container {
111
- width: 100%;
112
- }
113
- @media (min-width: 640px) {
114
- .container {
115
- max-width: 640px;
116
- }
117
- }
118
- @media (min-width: 768px) {
119
- .container {
120
- max-width: 768px;
121
- }
122
- }
123
- @media (min-width: 1024px) {
124
- .container {
125
- max-width: 1024px;
126
- }
127
- }
128
- @media (min-width: 1280px) {
129
- .container {
130
- max-width: 1280px;
131
- }
132
- }
133
- @media (min-width: 1536px) {
134
- .container {
135
- max-width: 1536px;
136
- }
137
- }
138
- .fixed {
139
- position: fixed;
140
- }
141
- .absolute {
142
- position: absolute;
143
- }
144
- .relative {
145
- position: relative;
146
- }
147
- .bottom-0 {
148
- bottom: 0px;
149
- }
150
- .left-0 {
151
- left: 0px;
152
- }
153
- .left-14 {
154
- left: 3.5rem;
155
- }
156
- .right-0 {
157
- right: 0px;
158
- }
159
- .right-16 {
160
- right: 4rem;
161
- }
162
- .top-0 {
163
- top: 0px;
164
- }
165
- .top-1\/2 {
166
- top: 50%;
167
- }
168
- .top-16 {
169
- top: 4rem;
170
- }
171
- .top-6 {
172
- top: 1.5rem;
173
- }
174
- .z-10 {
175
- z-index: 10;
176
- }
177
- .my-12 {
178
- margin-top: 3rem;
179
- margin-bottom: 3rem;
180
- }
181
- .mb-0 {
182
- margin-bottom: 0px;
183
- }
184
- .mb-12 {
185
- margin-bottom: 3rem;
186
- }
187
- .mb-4 {
188
- margin-bottom: 1rem;
189
- }
190
- .mb-6 {
191
- margin-bottom: 1.5rem;
192
- }
193
- .ml-2 {
194
- margin-left: 0.5rem;
195
- }
196
- .ml-4 {
197
- margin-left: 1rem;
198
- }
199
- .mr-6 {
200
- margin-right: 1.5rem;
201
- }
202
- .mt-4 {
203
- margin-top: 1rem;
204
- }
205
- .block {
206
- display: block;
207
- }
208
- .inline {
209
- display: inline;
210
- }
211
- .flex {
212
- display: flex;
213
- }
214
- .hidden {
215
- display: none;
216
- }
217
- .h-10 {
218
- height: 2.5rem;
219
- }
220
- .h-8 {
221
- height: 2rem;
222
- }
223
- .h-full {
224
- height: 100%;
225
- }
226
- .h-screen {
227
- height: 100vh;
228
- }
229
- .w-10\/12 {
230
- width: 83.333333%;
231
- }
232
- .w-8 {
233
- width: 2rem;
234
- }
235
- .w-\[650px\] {
236
- width: 650px;
237
- }
238
- .w-full {
239
- width: 100%;
240
- }
241
- .w-screen {
242
- width: 100vw;
243
- }
244
- .flex-1 {
245
- flex: 1 1 0%;
246
- }
247
- .flex-grow-0 {
248
- flex-grow: 0;
249
- }
250
- .-translate-y-1\/2 {
251
- --tw-translate-y: -50%;
252
- 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));
253
- }
254
- .-translate-y-10 {
255
- --tw-translate-y: -2.5rem;
256
- 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));
257
- }
258
- .flex-row {
259
- flex-direction: row;
260
- }
261
- .flex-col {
262
- flex-direction: column;
263
- }
264
- .items-center {
265
- align-items: center;
266
- }
267
- .justify-center {
268
- justify-content: center;
269
- }
270
- .justify-between {
271
- justify-content: space-between;
272
- }
273
- .gap-8 {
274
- gap: 2rem;
275
- }
276
- .overflow-hidden {
277
- overflow: hidden;
278
- }
279
- .bg-slate-50 {
280
- --tw-bg-opacity: 1;
281
- background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
282
- }
283
- .px-36 {
284
- padding-left: 9rem;
285
- padding-right: 9rem;
286
- }
287
- .px-6 {
288
- padding-left: 1.5rem;
289
- padding-right: 1.5rem;
290
- }
291
- .py-4 {
292
- padding-top: 1rem;
293
- padding-bottom: 1rem;
294
- }
295
- .text-center {
296
- text-align: center;
297
- }
298
- .text-start {
299
- text-align: start;
300
- }
301
- .text-end {
302
- text-align: end;
303
- }
304
- .text-2xl {
305
- font-size: 1.5rem;
306
- line-height: 2rem;
307
- }
308
- .font-bold {
309
- font-weight: 700;
310
- }
311
- .opacity-0 {
312
- opacity: 0;
313
- }
314
- .filter {
315
- 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);
316
- }
317
- .delay-200 {
318
- transition-delay: 200ms;
319
- }
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.left-14{left:3.5rem}.right-0{right:0}.right-16{right:4rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-6{top:1.5rem}.z-10{z-index:10}.my-12{margin-top:3rem;margin-bottom:3rem}.mb-0{margin-bottom:0}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-6{margin-right:1.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.w-10\/12{width:83.333333%}.w-8{width:2rem}.w-\[650px\]{width:650px}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.flex-grow-0{flex-grow:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-10{--tw-translate-y: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.px-36{padding-left:9rem;padding-right:9rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.opacity-0{opacity:0}.filter{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)}.delay-200{transition-delay:.2s}
package/lib/index.d.ts CHANGED
@@ -203,12 +203,12 @@ declare enum QueryListAction {
203
203
  Jump = 2,
204
204
  Init = 3
205
205
  }
206
- interface QueryListRef<Item, Values, Data> {
206
+ interface QueryListRef<Item extends AnyObject = AnyObject, Values = AnyObject, Data = any> {
207
207
  data: Data | undefined;
208
208
  dataSource: Item[] | undefined;
209
209
  form: FormInstance<Values>;
210
210
  }
211
- interface QueryListProps<Item, Values, Data> extends Omit<TableProps<Item>, 'pagination' | 'dataSource' | 'loading' | 'footer'>, Pick<FilterFormWrapperProps, 'buttonsAlign' | 'showReset'> {
211
+ interface QueryListProps<Item extends AnyObject = AnyObject, Values = AnyObject, Data = any> extends Omit<TableProps<Item>, 'pagination' | 'dataSource' | 'loading' | 'footer'>, Pick<FilterFormWrapperProps, 'buttonsAlign' | 'showReset'> {
212
212
  url: string;
213
213
  code?: string;
214
214
  form?: FormInstance<Values>;