react-toolkits 2.13.21 → 2.13.22
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/CHANGELOG.md +6 -0
- package/lib/index.css +36 -19
- package/lib/index.css.map +1 -1
- package/lib/index.d.ts +11 -13
- package/lib/index.js +66 -54
- package/lib/index.js.map +1 -1
- package/locale/hooks.js.map +1 -1
- package/locale/index.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/lib/index.css
CHANGED
|
@@ -190,6 +190,9 @@
|
|
|
190
190
|
.mb-6 {
|
|
191
191
|
margin-bottom: 1.5rem;
|
|
192
192
|
}
|
|
193
|
+
.ml-2 {
|
|
194
|
+
margin-left: 0.5rem;
|
|
195
|
+
}
|
|
193
196
|
.ml-4 {
|
|
194
197
|
margin-left: 1rem;
|
|
195
198
|
}
|
|
@@ -208,6 +211,9 @@
|
|
|
208
211
|
.flex {
|
|
209
212
|
display: flex;
|
|
210
213
|
}
|
|
214
|
+
.hidden {
|
|
215
|
+
display: none;
|
|
216
|
+
}
|
|
211
217
|
.h-10 {
|
|
212
218
|
height: 2.5rem;
|
|
213
219
|
}
|
|
@@ -264,9 +270,6 @@
|
|
|
264
270
|
.justify-between {
|
|
265
271
|
justify-content: space-between;
|
|
266
272
|
}
|
|
267
|
-
.gap-2 {
|
|
268
|
-
gap: 0.5rem;
|
|
269
|
-
}
|
|
270
273
|
.gap-8 {
|
|
271
274
|
gap: 2rem;
|
|
272
275
|
}
|
|
@@ -298,26 +301,40 @@
|
|
|
298
301
|
.text-end {
|
|
299
302
|
text-align: end;
|
|
300
303
|
}
|
|
304
|
+
.text-2xl {
|
|
305
|
+
font-size: 1.5rem;
|
|
306
|
+
line-height: 2rem;
|
|
307
|
+
}
|
|
308
|
+
.font-bold {
|
|
309
|
+
font-weight: 700;
|
|
310
|
+
}
|
|
301
311
|
.filter {
|
|
302
312
|
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);
|
|
303
313
|
}
|
|
314
|
+
.transition-all {
|
|
315
|
+
transition-property: all;
|
|
316
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
317
|
+
transition-duration: 150ms;
|
|
318
|
+
}
|
|
319
|
+
.duration-200 {
|
|
320
|
+
transition-duration: 200ms;
|
|
321
|
+
}
|
|
304
322
|
|
|
305
323
|
/* src/components/layout/style.css */
|
|
306
|
-
.
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
}
|
|
324
|
+
.collapsed {
|
|
325
|
+
width: 32px;
|
|
326
|
+
}
|
|
327
|
+
.collapse-text {
|
|
328
|
+
transition: opacity 0.1s ease, visibility 0s 0.1s;
|
|
329
|
+
visibility: hidden;
|
|
330
|
+
}
|
|
331
|
+
.hidden {
|
|
332
|
+
opacity: 0;
|
|
333
|
+
height: 0;
|
|
334
|
+
overflow: hidden;
|
|
335
|
+
}
|
|
336
|
+
.expanded .collapse-text {
|
|
337
|
+
visibility: visible;
|
|
338
|
+
opacity: 1;
|
|
322
339
|
}
|
|
323
340
|
/*# sourceMappingURL=index.css.map */
|
package/lib/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/styles/index.css","../src/components/layout/style.css"],"sourcesContent":["*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: \n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: \n}\n.container {\n width: 100%\n}\n@media (min-width: 640px) {\n .container {\n max-width: 640px\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px\n }\n}\n.fixed {\n position: fixed\n}\n.absolute {\n position: absolute\n}\n.relative {\n position: relative\n}\n.bottom-0 {\n bottom: 0px\n}\n.left-0 {\n left: 0px\n}\n.left-14 {\n left: 3.5rem\n}\n.right-0 {\n right: 0px\n}\n.right-16 {\n right: 4rem\n}\n.top-0 {\n top: 0px\n}\n.top-1\\/2 {\n top: 50%\n}\n.top-16 {\n top: 4rem\n}\n.top-6 {\n top: 1.5rem\n}\n.z-10 {\n z-index: 10\n}\n.my-12 {\n margin-top: 3rem;\n margin-bottom: 3rem\n}\n.mb-0 {\n margin-bottom: 0px\n}\n.mb-12 {\n margin-bottom: 3rem\n}\n.mb-4 {\n margin-bottom: 1rem\n}\n.mb-6 {\n margin-bottom: 1.5rem\n}\n.ml-4 {\n margin-left: 1rem\n}\n.mr-6 {\n margin-right: 1.5rem\n}\n.mt-4 {\n margin-top: 1rem\n}\n.block {\n display: block\n}\n.inline {\n display: inline\n}\n.flex {\n display: flex\n}\n.h-10 {\n height: 2.5rem\n}\n.h-8 {\n height: 2rem\n}\n.h-full {\n height: 100%\n}\n.h-screen {\n height: 100vh\n}\n.w-10\\/12 {\n width: 83.333333%\n}\n.w-8 {\n width: 2rem\n}\n.w-\\[650px\\] {\n width: 650px\n}\n.w-full {\n width: 100%\n}\n.w-screen {\n width: 100vw\n}\n.flex-1 {\n flex: 1 1 0%\n}\n.flex-grow-0 {\n flex-grow: 0\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\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.-translate-y-10 {\n --tw-translate-y: -2.5rem;\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-row {\n flex-direction: row\n}\n.flex-col {\n flex-direction: column\n}\n.items-center {\n align-items: center\n}\n.justify-center {\n justify-content: center\n}\n.justify-between {\n justify-content: space-between\n}\n.gap-2 {\n gap: 0.5rem\n}\n.gap-8 {\n gap: 2rem\n}\n.overflow-hidden {\n overflow: hidden\n}\n.bg-slate-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))\n}\n.px-36 {\n padding-left: 9rem;\n padding-right: 9rem\n}\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.text-center {\n text-align: center\n}\n.text-start {\n text-align: start\n}\n.text-end {\n text-align: end\n}\n.filter {\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","\n.expand {\n animation-duration: 0.2s;\n animation-name: expand;\n}\n\n@keyframes expand {\n 0%, 50% {\n width: 0;\n opacity: 0;\n }\n\n 75% {\n width: 100%;\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n"],"mappings":";AAAA;AAAG;AAAU;AACT,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACJ;AACA;AACI,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACJ;AACA,CAAC;AACG,SAAO;AACX;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAJH;AAKO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GATH;AAUO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAdH;AAeO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAnBH;AAoBO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAxBH;AAyBO,eAAW;AACf;AACJ;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,QAAM;AACV;AACA,CAAC;AACG,QAAM;AACV;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,cAAY;AACZ,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,gBAAc;AAClB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,QAAM,EAAE,EAAE;AACd;AACA,CAAC;AACG,aAAW;AACf;AACA,CAAC;AACG,oBAAkB;AAClB,aAAW,UAAU,IAAI,iBAAiB,EAAE,IAAI,mBAAmB,OAAO,IAAI,cAAc,MAAM,IAAI,cAAc,MAAM,IAAI,cAAc,OAAO,IAAI,eAAe,OAAO,IAAI;AACrL;AACA,CAAC;AACG,oBAAkB;AAClB,aAAW,UAAU,IAAI,iBAAiB,EAAE,IAAI,mBAAmB,OAAO,IAAI,cAAc,MAAM,IAAI,cAAc,MAAM,IAAI,cAAc,OAAO,IAAI,eAAe,OAAO,IAAI;AACrL;AACA,CAAC;AACG,kBAAgB;AACpB;AACA,CAAC;AACG,kBAAgB;AACpB;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,mBAAiB;AACrB;AACA,CAAC;AACG,mBAAiB;AACrB;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,mBAAiB;AACjB,oBAAkB,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,eAAe,EAAE;AAC7D;AACA,CAAC;AACG,gBAAc;AACd,iBAAe;AACnB;AACA,CAAC;AACG,gBAAc;AACd,iBAAe;AACnB;AACA,CAAC;AACG,eAAa;AACb,kBAAgB;AACpB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,UAAQ,IAAI,WAAW,IAAI,iBAAiB,IAAI,eAAe,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,aAAa,IAAI,eAAe,IAAI,YAAY,IAAI;AACpK;;;AC1SA,CAAC;AACC,sBAAoB;AACpB,kBAAgB;AAClB;AAEA,WALC;AAMC;AACE,WAAO;AACP,aAAS;AACX;AAEA;AACE,WAAO;AACP,aAAS;AACX;AAEA;AACE,aAAS;AACX;AACF;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/styles/index.css","../src/components/layout/style.css"],"sourcesContent":["*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: \n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: \n}\n.container {\n width: 100%\n}\n@media (min-width: 640px) {\n .container {\n max-width: 640px\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px\n }\n}\n.fixed {\n position: fixed\n}\n.absolute {\n position: absolute\n}\n.relative {\n position: relative\n}\n.bottom-0 {\n bottom: 0px\n}\n.left-0 {\n left: 0px\n}\n.left-14 {\n left: 3.5rem\n}\n.right-0 {\n right: 0px\n}\n.right-16 {\n right: 4rem\n}\n.top-0 {\n top: 0px\n}\n.top-1\\/2 {\n top: 50%\n}\n.top-16 {\n top: 4rem\n}\n.top-6 {\n top: 1.5rem\n}\n.z-10 {\n z-index: 10\n}\n.my-12 {\n margin-top: 3rem;\n margin-bottom: 3rem\n}\n.mb-0 {\n margin-bottom: 0px\n}\n.mb-12 {\n margin-bottom: 3rem\n}\n.mb-4 {\n margin-bottom: 1rem\n}\n.mb-6 {\n margin-bottom: 1.5rem\n}\n.ml-2 {\n margin-left: 0.5rem\n}\n.ml-4 {\n margin-left: 1rem\n}\n.mr-6 {\n margin-right: 1.5rem\n}\n.mt-4 {\n margin-top: 1rem\n}\n.block {\n display: block\n}\n.inline {\n display: inline\n}\n.flex {\n display: flex\n}\n.hidden {\n display: none\n}\n.h-10 {\n height: 2.5rem\n}\n.h-8 {\n height: 2rem\n}\n.h-full {\n height: 100%\n}\n.h-screen {\n height: 100vh\n}\n.w-10\\/12 {\n width: 83.333333%\n}\n.w-8 {\n width: 2rem\n}\n.w-\\[650px\\] {\n width: 650px\n}\n.w-full {\n width: 100%\n}\n.w-screen {\n width: 100vw\n}\n.flex-1 {\n flex: 1 1 0%\n}\n.flex-grow-0 {\n flex-grow: 0\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\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.-translate-y-10 {\n --tw-translate-y: -2.5rem;\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-row {\n flex-direction: row\n}\n.flex-col {\n flex-direction: column\n}\n.items-center {\n align-items: center\n}\n.justify-center {\n justify-content: center\n}\n.justify-between {\n justify-content: space-between\n}\n.gap-8 {\n gap: 2rem\n}\n.overflow-hidden {\n overflow: hidden\n}\n.bg-slate-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))\n}\n.px-36 {\n padding-left: 9rem;\n padding-right: 9rem\n}\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.text-center {\n text-align: center\n}\n.text-start {\n text-align: start\n}\n.text-end {\n text-align: end\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n.font-bold {\n font-weight: 700\n}\n.filter {\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.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.duration-200 {\n transition-duration: 200ms\n}\n",".collapsed {\n width: 32px; \n}\n\n.collapse-text {\n transition: opacity 0.1s ease, visibility 0s 0.1s;\n visibility: hidden; \n}\n\n.hidden {\n opacity: 0;\n height: 0;\n overflow: hidden;\n}\n\n.expanded .collapse-text {\n visibility: visible; \n opacity: 1;\n}"],"mappings":";AAAA;AAAG;AAAU;AACT,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACJ;AACA;AACI,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACJ;AACA,CAAC;AACG,SAAO;AACX;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAJH;AAKO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GATH;AAUO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAdH;AAeO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAnBH;AAoBO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAxBH;AAyB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","names":[]}
|
package/lib/index.d.ts
CHANGED
|
@@ -117,9 +117,8 @@ type HeaderExtra = {
|
|
|
117
117
|
children: ReactNode;
|
|
118
118
|
};
|
|
119
119
|
interface LayoutProps extends Pick<GameSelectProps, 'filter'> {
|
|
120
|
-
|
|
120
|
+
collapsible?: boolean;
|
|
121
121
|
isMenuLoading?: boolean;
|
|
122
|
-
title?: ReactNode;
|
|
123
122
|
items?: NavMenuItem[];
|
|
124
123
|
hideGameSelect?: boolean;
|
|
125
124
|
navWidth?: string | number;
|
|
@@ -360,9 +359,14 @@ interface ContextSlice {
|
|
|
360
359
|
gameApiV2: boolean;
|
|
361
360
|
signInPath: string;
|
|
362
361
|
isGlobal: boolean;
|
|
363
|
-
|
|
362
|
+
title: {
|
|
363
|
+
text?: string;
|
|
364
|
+
fontSize?: number;
|
|
365
|
+
};
|
|
364
366
|
navWidth?: number;
|
|
365
|
-
|
|
367
|
+
collapsed?: boolean;
|
|
368
|
+
collapsible?: boolean;
|
|
369
|
+
mainPagePath: string;
|
|
366
370
|
interceptors?: {
|
|
367
371
|
request?: [(config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>];
|
|
368
372
|
response?: [
|
|
@@ -371,6 +375,7 @@ interface ContextSlice {
|
|
|
371
375
|
options?: AxiosInterceptorOptions
|
|
372
376
|
];
|
|
373
377
|
};
|
|
378
|
+
setContext(state: Partial<Omit<ContextSlice, 'setContext'>>): void;
|
|
374
379
|
}
|
|
375
380
|
|
|
376
381
|
interface GameSlice {
|
|
@@ -388,17 +393,12 @@ interface TokenSlice {
|
|
|
388
393
|
setToken: (token: string) => void;
|
|
389
394
|
}
|
|
390
395
|
|
|
391
|
-
|
|
392
|
-
collapsed: boolean;
|
|
393
|
-
setCollapsed: (collapsed: boolean) => void;
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
type ToolkitsState = TokenSlice & GameSlice & ContextSlice & AxiosSlice & LayoutSlice & {
|
|
396
|
+
type ToolkitsState = TokenSlice & GameSlice & ContextSlice & AxiosSlice & {
|
|
397
397
|
clearToken: () => void;
|
|
398
398
|
};
|
|
399
399
|
|
|
400
400
|
declare function useToolkitsStore<T>(selector: (state: ToolkitsState) => T): T;
|
|
401
|
-
type ToolkitsProviderProps = PropsWithChildren<Partial<ContextSlice
|
|
401
|
+
type ToolkitsProviderProps = PropsWithChildren<Partial<Omit<ContextSlice, 'setContext'>>>;
|
|
402
402
|
declare const ToolkitsProvider: FC<ToolkitsProviderProps>;
|
|
403
403
|
declare const withContext: (Component: ComponentType, providerProps: Omit<ToolkitsProviderProps, "children">) => (props: any) => react_jsx_runtime.JSX.Element;
|
|
404
404
|
|
|
@@ -446,8 +446,6 @@ declare const _default$1: (props: any) => react_jsx_runtime.JSX.Element;
|
|
|
446
446
|
declare const _default: react_jsx_runtime.JSX.Element;
|
|
447
447
|
|
|
448
448
|
interface SignInProps {
|
|
449
|
-
title?: ReactNode;
|
|
450
|
-
successRedirectUrl: string;
|
|
451
449
|
extra?: ReactNode;
|
|
452
450
|
}
|
|
453
451
|
declare const SignIn: FC<SignInProps>;
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import axios, { AxiosHeaders, isAxiosError } from 'axios';
|
|
2
2
|
import { jwtDecode } from 'jwt-decode';
|
|
3
|
+
import { last, has, template, get, isEqual, merge, first } from 'lodash-es';
|
|
3
4
|
import { useStore, create, createStore } from 'zustand';
|
|
4
5
|
import { persist, createJSONStorage } from 'zustand/middleware';
|
|
5
6
|
import logoUrl from './logo-L6MFCL6M.png';
|
|
@@ -9,7 +10,6 @@ import { Modal, Form, Spin, Result, Table, Button, Card, Input, Select, App, Swi
|
|
|
9
10
|
import { Routes, Route, Navigate, useNavigate, useParams, useLocation, Link } from 'react-router-dom';
|
|
10
11
|
import useSWR6, { mutate, unstable_serialize, useSWRConfig } from 'swr';
|
|
11
12
|
import { forwardRef, lazy, useContext, useMemo, useState, useEffect, useImperativeHandle, cloneElement, useRef, createContext, memo, useCallback, Fragment as Fragment$1, Suspense } from 'react';
|
|
12
|
-
import { last, has, template, get, isEqual, first } from 'lodash-es';
|
|
13
13
|
import { flushSync } from 'react-dom';
|
|
14
14
|
import { createRoot } from 'react-dom/client';
|
|
15
15
|
import { PlusOutlined, UserAddOutlined, UsergroupAddOutlined, LogoutOutlined, UserOutlined, MenuUnfoldOutlined, MenuFoldOutlined, MinusCircleOutlined } from '@ant-design/icons';
|
|
@@ -178,12 +178,19 @@ var createContextSlice;
|
|
|
178
178
|
var init_context = __esm({
|
|
179
179
|
"src/stores/context.ts"() {
|
|
180
180
|
init_en_GB();
|
|
181
|
-
createContextSlice = () => ({
|
|
181
|
+
createContextSlice = (set) => ({
|
|
182
182
|
locale: en_GB_default,
|
|
183
183
|
gameApiV2: false,
|
|
184
184
|
isGlobal: false,
|
|
185
|
-
signInPath: "/",
|
|
186
|
-
|
|
185
|
+
signInPath: "/sign_in",
|
|
186
|
+
mainPagePath: "/",
|
|
187
|
+
title: {
|
|
188
|
+
fontSize: 18
|
|
189
|
+
},
|
|
190
|
+
permissionVersion: "v1" /* V1 */,
|
|
191
|
+
setContext(state) {
|
|
192
|
+
set((prev) => ({ ...prev, ...state }));
|
|
193
|
+
}
|
|
187
194
|
});
|
|
188
195
|
}
|
|
189
196
|
});
|
|
@@ -218,17 +225,6 @@ var init_token = __esm({
|
|
|
218
225
|
});
|
|
219
226
|
}
|
|
220
227
|
});
|
|
221
|
-
|
|
222
|
-
// src/stores/layout.ts
|
|
223
|
-
var createLayoutSlice;
|
|
224
|
-
var init_layout = __esm({
|
|
225
|
-
"src/stores/layout.ts"() {
|
|
226
|
-
createLayoutSlice = (set) => ({
|
|
227
|
-
collapsed: false,
|
|
228
|
-
setCollapsed: (collapsed) => set({ collapsed })
|
|
229
|
-
});
|
|
230
|
-
}
|
|
231
|
-
});
|
|
232
228
|
var createToolkitsStore;
|
|
233
229
|
var init_stores = __esm({
|
|
234
230
|
"src/stores/index.ts"() {
|
|
@@ -237,24 +233,24 @@ var init_stores = __esm({
|
|
|
237
233
|
init_context();
|
|
238
234
|
init_game();
|
|
239
235
|
init_token();
|
|
240
|
-
init_layout();
|
|
241
236
|
createToolkitsStore = (initProps) => {
|
|
242
237
|
return createStore()(
|
|
243
238
|
persist(
|
|
244
239
|
(...args) => {
|
|
245
240
|
const [_set, get2, store] = args;
|
|
246
|
-
return
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
241
|
+
return merge(
|
|
242
|
+
{
|
|
243
|
+
...createTokenSlice(...args),
|
|
244
|
+
...createGameSlice(...args),
|
|
245
|
+
...createContextSlice(...args),
|
|
246
|
+
...createAxiosSlice(...args),
|
|
247
|
+
clearToken() {
|
|
248
|
+
get2().setToken("");
|
|
249
|
+
store.persist.clearStorage();
|
|
250
|
+
}
|
|
255
251
|
},
|
|
256
|
-
|
|
257
|
-
|
|
252
|
+
initProps
|
|
253
|
+
);
|
|
258
254
|
},
|
|
259
255
|
{
|
|
260
256
|
name: "toolkits",
|
|
@@ -309,10 +305,13 @@ var init_signIn = __esm({
|
|
|
309
305
|
}
|
|
310
306
|
}));
|
|
311
307
|
SignIn = (props) => {
|
|
312
|
-
const {
|
|
308
|
+
const { extra } = props;
|
|
313
309
|
const { unregistered } = useSignInStore();
|
|
310
|
+
const {
|
|
311
|
+
title: { text }
|
|
312
|
+
} = useToolkitsStore((s) => s);
|
|
314
313
|
const queryParams = new URLSearchParams(window.location.search);
|
|
315
|
-
const { token, setToken, axios: axios2 } = useToolkitsStore((state) => state);
|
|
314
|
+
const { token, setToken, axios: axios2, mainPagePath } = useToolkitsStore((state) => state);
|
|
316
315
|
const { t } = useTranslation();
|
|
317
316
|
const { isLoading } = useSWR6(
|
|
318
317
|
queryParams.has("ticket") ? `/api/usystem/user/login?ticket=${queryParams.get("ticket")}` : null,
|
|
@@ -330,9 +329,9 @@ var init_signIn = __esm({
|
|
|
330
329
|
}
|
|
331
330
|
if (token) {
|
|
332
331
|
const hashMode = !!window.location.hash;
|
|
333
|
-
const path =
|
|
332
|
+
const path = mainPagePath;
|
|
334
333
|
if (!hashMode) {
|
|
335
|
-
return /* @__PURE__ */ jsx(Navigate, { replace: true, to:
|
|
334
|
+
return /* @__PURE__ */ jsx(Navigate, { replace: true, to: mainPagePath });
|
|
336
335
|
}
|
|
337
336
|
window.location.href = `${window.location.origin}${window.location.pathname}#${path}`;
|
|
338
337
|
return null;
|
|
@@ -341,7 +340,7 @@ var init_signIn = __esm({
|
|
|
341
340
|
/* @__PURE__ */ jsx("div", { className: "absolute top-16 right-16 z-10", children: extra }),
|
|
342
341
|
/* @__PURE__ */ jsx("div", { className: "absolute left-14 top-6", children: /* @__PURE__ */ jsxs(Space, { align: "center", children: [
|
|
343
342
|
/* @__PURE__ */ jsx(Logo_default, { width: 48 }),
|
|
344
|
-
|
|
343
|
+
/* @__PURE__ */ jsx("span", { className: "text-2xl font-bold", children: text })
|
|
345
344
|
] }) }),
|
|
346
345
|
/* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-center items-center bg-slate-50", children: /* @__PURE__ */ jsx("img", { src: background_default, alt: "background", className: "w-10/12" }) }),
|
|
347
346
|
/* @__PURE__ */ jsx("div", { className: "w-[650px] relative top-0 left-0 right-0 bottom-0", children: /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 -translate-y-1/2 left-0 right-0", children: /* @__PURE__ */ jsx("div", { className: "-translate-y-10 px-36", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
|
|
@@ -491,10 +490,7 @@ var init_ToolkitsProvider = __esm({
|
|
|
491
490
|
const storeRef = useRef();
|
|
492
491
|
const parentState = useContext(ToolkitsContext)?.getState();
|
|
493
492
|
if (!storeRef.current) {
|
|
494
|
-
storeRef.current = createToolkitsStore(
|
|
495
|
-
...parentState,
|
|
496
|
-
...restProps
|
|
497
|
-
});
|
|
493
|
+
storeRef.current = createToolkitsStore(merge(parentState, restProps));
|
|
498
494
|
}
|
|
499
495
|
if (!storeRef.current.getState().signInPath) {
|
|
500
496
|
throw new Error('ToolkitsProvider: \u8BF7\u914D\u7F6E "signInPath"');
|
|
@@ -817,7 +813,7 @@ var init_navMenu = __esm({
|
|
|
817
813
|
var Spin4, RequireGame, RequireGame_default;
|
|
818
814
|
var init_RequireGame = __esm({
|
|
819
815
|
"src/components/requireGame/RequireGame.tsx"() {
|
|
820
|
-
|
|
816
|
+
init_layout();
|
|
821
817
|
init_locale();
|
|
822
818
|
init_toolkitsProvider();
|
|
823
819
|
({ Spin: Spin4 } = Antd2);
|
|
@@ -985,30 +981,33 @@ var init_Layout = __esm({
|
|
|
985
981
|
({ Spin: Spin5, theme: theme3 } = Antd2);
|
|
986
982
|
({ Header, Sider, Content } = Antd2.Layout);
|
|
987
983
|
Layout2 = (props) => {
|
|
988
|
-
const {
|
|
984
|
+
const { collapsible, isMenuLoading, items, headerExtra, children, navWidth, hideGameSelect, filter } = props;
|
|
989
985
|
const {
|
|
990
986
|
token: { colorBgContainer, colorBorder }
|
|
991
987
|
} = theme3.useToken();
|
|
992
988
|
const {
|
|
993
989
|
permissionVersion,
|
|
994
|
-
|
|
990
|
+
title: { text, fontSize },
|
|
995
991
|
navWidth: globalNavWidth,
|
|
996
|
-
|
|
992
|
+
collapsible: globalCollapsible,
|
|
993
|
+
mainPagePath,
|
|
997
994
|
collapsed,
|
|
998
|
-
|
|
995
|
+
setContext
|
|
999
996
|
} = useToolkitsStore((s) => s);
|
|
997
|
+
const [internalCollapsed, setInternalCollapsed] = useState(collapsed);
|
|
1000
998
|
const onCollapse = async () => {
|
|
1001
|
-
|
|
999
|
+
setInternalCollapsed(!internalCollapsed);
|
|
1000
|
+
setContext({ collapsed: !internalCollapsed });
|
|
1002
1001
|
};
|
|
1003
|
-
const
|
|
1002
|
+
const internalCollapsible = collapsible ?? globalCollapsible ?? false;
|
|
1004
1003
|
return /* @__PURE__ */ jsxs(Antd2.Layout, { children: [
|
|
1005
1004
|
/* @__PURE__ */ jsxs(
|
|
1006
1005
|
Sider,
|
|
1007
1006
|
{
|
|
1008
|
-
collapsible,
|
|
1007
|
+
collapsible: internalCollapsible,
|
|
1009
1008
|
theme: "light",
|
|
1010
1009
|
trigger: null,
|
|
1011
|
-
collapsed,
|
|
1010
|
+
collapsed: internalCollapsed,
|
|
1012
1011
|
width: navWidth ?? globalNavWidth,
|
|
1013
1012
|
style: {
|
|
1014
1013
|
height: "100vh",
|
|
@@ -1018,10 +1017,23 @@ var init_Layout = __esm({
|
|
|
1018
1017
|
borderRightColor: colorBorder
|
|
1019
1018
|
},
|
|
1020
1019
|
children: [
|
|
1021
|
-
/* @__PURE__ */
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1020
|
+
/* @__PURE__ */ jsx(Link, { to: mainPagePath, children: /* @__PURE__ */ jsxs(
|
|
1021
|
+
"div",
|
|
1022
|
+
{
|
|
1023
|
+
className: `flex px-6 py-4 font-bold transition-all duration-200 ${internalCollapsed ? "collapsed" : "expanded"}`,
|
|
1024
|
+
children: [
|
|
1025
|
+
/* @__PURE__ */ jsx(Logo_default, { width: 32, height: 32 }),
|
|
1026
|
+
/* @__PURE__ */ jsx(
|
|
1027
|
+
"div",
|
|
1028
|
+
{
|
|
1029
|
+
className: `h-8 flex items-center ml-2 collapse-text ${internalCollapsed ? "hidden" : ""}`,
|
|
1030
|
+
style: { fontSize },
|
|
1031
|
+
children: text
|
|
1032
|
+
}
|
|
1033
|
+
)
|
|
1034
|
+
]
|
|
1035
|
+
}
|
|
1036
|
+
) }),
|
|
1025
1037
|
/* @__PURE__ */ jsx(NavMenu_default, { items, loading: isMenuLoading })
|
|
1026
1038
|
]
|
|
1027
1039
|
}
|
|
@@ -1036,11 +1048,11 @@ var init_Layout = __esm({
|
|
|
1036
1048
|
},
|
|
1037
1049
|
children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center h-full", children: [
|
|
1038
1050
|
/* @__PURE__ */ jsxs(Space, { size: "small", split: /* @__PURE__ */ jsx(Divider, { type: "vertical" }), className: "mr-6", children: [
|
|
1039
|
-
|
|
1051
|
+
internalCollapsible && /* @__PURE__ */ jsx(
|
|
1040
1052
|
Button,
|
|
1041
1053
|
{
|
|
1042
1054
|
type: "text",
|
|
1043
|
-
icon:
|
|
1055
|
+
icon: internalCollapsed ? /* @__PURE__ */ jsx(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx(MenuFoldOutlined, {}),
|
|
1044
1056
|
style: { fontSize: "16px" },
|
|
1045
1057
|
onClick: onCollapse
|
|
1046
1058
|
}
|
|
@@ -1096,7 +1108,7 @@ var init_types = __esm({
|
|
|
1096
1108
|
});
|
|
1097
1109
|
|
|
1098
1110
|
// src/components/layout/index.ts
|
|
1099
|
-
var
|
|
1111
|
+
var init_layout = __esm({
|
|
1100
1112
|
"src/components/layout/index.ts"() {
|
|
1101
1113
|
init_hooks3();
|
|
1102
1114
|
init_Layout();
|
|
@@ -2744,7 +2756,7 @@ __export(userDetail_exports, {
|
|
|
2744
2756
|
var UserDetail, userDetail_default;
|
|
2745
2757
|
var init_userDetail = __esm({
|
|
2746
2758
|
"src/pages/permission/userDetail/index.tsx"() {
|
|
2747
|
-
|
|
2759
|
+
init_layout();
|
|
2748
2760
|
init_locale();
|
|
2749
2761
|
init_permissionButton();
|
|
2750
2762
|
init_toolkitsProvider();
|
|
@@ -3404,7 +3416,7 @@ var InfiniteList = forwardRef(InternalInfiniteList);
|
|
|
3404
3416
|
var InfiniteList_default = InfiniteList;
|
|
3405
3417
|
|
|
3406
3418
|
// src/index.ts
|
|
3407
|
-
|
|
3419
|
+
init_layout();
|
|
3408
3420
|
init_modal2();
|
|
3409
3421
|
init_navMenu();
|
|
3410
3422
|
init_permissionButton();
|