react-toolkits 2.4.9 → 2.4.12

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 CHANGED
@@ -1,5 +1,23 @@
1
1
  # react-toolkits
2
2
 
3
+ ## 2.4.12
4
+
5
+ ### Patch Changes
6
+
7
+ - feat: add 'navWidth' prop
8
+
9
+ ## 2.4.11
10
+
11
+ ### Patch Changes
12
+
13
+ - chore: manual release
14
+
15
+ ## 2.4.10
16
+
17
+ ### Patch Changes
18
+
19
+ - fix: issues of QueryList
20
+
3
21
  ## 2.4.9
4
22
 
5
23
  ### Patch Changes
package/lib/index.css CHANGED
@@ -1 +1,2 @@
1
- .expand{animation-duration:.4s;animation-name:expand}@keyframes expand{0%,50%{width:0;opacity:0}75%{width:100%;opacity:0}to{opacity: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-4{margin-left:1rem}.mr-6{margin-right:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-10{height:2.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.w-10\/12{width:83.333333%}.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-2{gap:.5rem}.overflow-hidden{overflow:hidden}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.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-start{text-align:start}.text-end{text-align:end}.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)}
1
+ .expand{animation-duration:.2s;animation-name:expand}@keyframes expand{0%,50%{width:0;opacity:0}75%{width:100%;opacity:0}to{opacity: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-4{margin-left:1rem}.mr-6{margin-right:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-10{height:2.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.w-10\/12{width:83.333333%}.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-2{gap:.5rem}.overflow-hidden{overflow:hidden}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.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-start{text-align:start}.text-end{text-align:end}.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)}
2
+ /*# sourceMappingURL=index.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/layout/style.css","../src/styles/index.css"],"sourcesContent":["\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","*, ::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-2 {\n margin-top: 0.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-\\[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.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))\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-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"],"mappings":"AACA,CAAC,OACC,mBAAoB,IACpB,eAAgB,MAClB,CAEA,WALC,OAMC,OACE,MAAO,EACP,QAAS,CACX,CAEA,IACE,MAAO,KACP,QAAS,CACX,CAEA,GACE,QAAS,CACX,CACF,CCpBA,EAAG,QAAU,OACT,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aACA,aACA,kBACA,6BAA6B,UAC7B,8BACA,6BACA,4BACA,eACA,oBACA,sBACA,uBACA,wBACA,kBACA,wBAAwB,IACxB,wBAAwB,KACxB,iBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE,IAClC,yBAAyB,EAAE,EAAE,MAC7B,kBAAkB,EAAE,EAAE,MACtB,aAAa,EAAE,EAAE,MACjB,qBAAqB,EAAE,EAAE,MACzB,YACA,kBACA,gBACA,iBACA,kBACA,cACA,gBACA,aACA,mBACA,qBACA,2BACA,yBACA,0BACA,2BACA,uBACA,wBACA,yBACA,sBACA,oBACA,sBACA,qBACA,oBACJ,CACA,WACI,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aACA,aACA,kBACA,6BAA6B,UAC7B,8BACA,6BACA,4BACA,eACA,oBACA,sBACA,uBACA,wBACA,kBACA,wBAAwB,IACxB,wBAAwB,KACxB,iBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE,IAClC,yBAAyB,EAAE,EAAE,MAC7B,kBAAkB,EAAE,EAAE,MACtB,aAAa,EAAE,EAAE,MACjB,qBAAqB,EAAE,EAAE,MACzB,YACA,kBACA,gBACA,iBACA,kBACA,cACA,gBACA,aACA,mBACA,qBACA,2BACA,yBACA,0BACA,2BACA,uBACA,wBACA,yBACA,sBACA,oBACA,sBACA,qBACA,oBACJ,CACA,CAAC,UACG,MAAO,IACX,CACA,OAAO,CAAC,SAAS,EAAE,OACf,CAJH,UAKO,UAAW,KACf,CACJ,CACA,OAAO,CAAC,SAAS,EAAE,OACf,CATH,UAUO,UAAW,KACf,CACJ,CACA,OAAO,CAAC,SAAS,EAAE,QACf,CAdH,UAeO,UAAW,MACf,CACJ,CACA,OAAO,CAAC,SAAS,EAAE,QACf,CAnBH,UAoBO,UAAW,MACf,CACJ,CACA,OAAO,CAAC,SAAS,EAAE,QACf,CAxBH,UAyBO,UAAW,MACf,CACJ,CACA,CAAC,MACG,SAAU,KACd,CACA,CAAC,SACG,SAAU,QACd,CACA,CAAC,SACG,SAAU,QACd,CACA,CAAC,SACG,OAAQ,CACZ,CACA,CAAC,OACG,KAAM,CACV,CACA,CAAC,QACG,KAAM,MACV,CACA,CAAC,QACG,MAAO,CACX,CACA,CAAC,SACG,MAAO,IACX,CACA,CAAC,MACG,IAAK,CACT,CACA,CAAC,SACG,IAAK,GACT,CACA,CAAC,OACG,IAAK,IACT,CACA,CAAC,MACG,IAAK,MACT,CACA,CAAC,KACG,QAAS,EACb,CACA,CAAC,MACG,WAAY,KACZ,cAAe,IACnB,CACA,CAAC,KACG,cAAe,CACnB,CACA,CAAC,MACG,cAAe,IACnB,CACA,CAAC,KACG,cAAe,IACnB,CACA,CAAC,KACG,cAAe,MACnB,CACA,CAAC,KACG,YAAa,IACjB,CACA,CAAC,KACG,aAAc,MAClB,CACA,CAAC,KACG,WAAY,KAChB,CACA,CAAC,KACG,WAAY,IAChB,CACA,CAAC,MACG,QAAS,KACb,CACA,CAAC,OACG,QAAS,MACb,CACA,CAAC,KACG,QAAS,IACb,CACA,CAAC,KACG,OAAQ,MACZ,CACA,CAAC,IACG,OAAQ,IACZ,CACA,CAAC,OACG,OAAQ,IACZ,CACA,CAAC,SACG,OAAQ,KACZ,CACA,CAAC,SACG,MAAO,UACX,CACA,CAAC,YACG,MAAO,KACX,CACA,CAAC,OACG,MAAO,IACX,CACA,CAAC,SACG,MAAO,KACX,CACA,CAAC,OACG,KAAM,EAAE,EAAE,EACd,CACA,CAAC,YACG,UAAW,CACf,CACA,CAAC,kBACG,kBAAkB,KAClB,UAAW,UAAU,IAAI,iBAAiB,CAAE,IAAI,mBAAmB,OAAO,IAAI,cAAc,KAAM,IAAI,cAAc,MAAM,IAAI,cAAc,OAAO,IAAI,eAAe,OAAO,IAAI,cACrL,CACA,CAAC,gBACG,kBAAkB,QAClB,UAAW,UAAU,IAAI,iBAAiB,CAAE,IAAI,mBAAmB,OAAO,IAAI,cAAc,KAAM,IAAI,cAAc,MAAM,IAAI,cAAc,OAAO,IAAI,eAAe,OAAO,IAAI,cACrL,CACA,CAAC,SACG,eAAgB,GACpB,CACA,CAAC,SACG,eAAgB,MACpB,CACA,CAAC,aACG,YAAa,MACjB,CACA,CAAC,eACG,gBAAiB,MACrB,CACA,CAAC,gBACG,gBAAiB,aACrB,CACA,CAAC,MACG,IAAK,KACT,CACA,CAAC,gBACG,SAAU,MACd,CACA,CAAC,YACG,iBAAiB,EACjB,iBAAkB,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,iBAC5C,CACA,CAAC,MACG,aAAc,KACd,cAAe,IACnB,CACA,CAAC,KACG,aAAc,OACd,cAAe,MACnB,CACA,CAAC,KACG,YAAa,KACb,eAAgB,IACpB,CACA,CAAC,WACG,WAAY,KAChB,CACA,CAAC,SACG,WAAY,GAChB,CACA,CAAC,OACG,OAAQ,IAAI,WAAW,IAAI,iBAAiB,IAAI,eAAe,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,aAAa,IAAI,eAAe,IAAI,YAAY,IAAI,iBACpK","names":[]}
package/lib/index.d.ts CHANGED
@@ -3,12 +3,12 @@ import { ReactNode, FC, PropsWithChildren, Key, ReactElement, Ref } from 'react'
3
3
  import * as zustand from 'zustand';
4
4
  import { ParagraphProps } from 'antd/es/typography/Paragraph';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
- import * as zustand_middleware from 'zustand/middleware';
7
- import { StateStorage } from 'zustand/middleware';
8
6
  import { FormInstance, ButtonProps, ModalProps, FormProps } from 'antd';
9
7
  import { TableProps } from 'antd/es/table';
10
8
  import { MenuDividerType, MenuItemType, SubMenuType, MenuItemGroupType } from 'antd/es/menu/interface';
11
9
  import { Merge } from 'ts-essentials';
10
+ import * as zustand_middleware from 'zustand/middleware';
11
+ import { StateStorage } from 'zustand/middleware';
12
12
  import { AnyObject } from 'antd/es/_util/type';
13
13
  import * as swr from 'swr';
14
14
  import { MutatorCallback, MutatorOptions } from 'swr';
@@ -159,57 +159,10 @@ interface FilterFormWrapperProps extends PropsWithChildren {
159
159
  }[];
160
160
  isConfirming?: boolean;
161
161
  buttonsAlign?: 'left' | 'right' | 'bottom';
162
+ showReset?: boolean;
162
163
  }
163
164
  declare const FilterFormWrapper: (props: FilterFormWrapperProps) => react_jsx_runtime.JSX.Element;
164
165
 
165
- type Area = 'all' | 'cn' | 'global';
166
- type ScreenLayoutType = 0 | 1;
167
- interface Game {
168
- id: number;
169
- game_id: number;
170
- game_group: string;
171
- name: string;
172
- screen_type: ScreenLayoutType;
173
- area: Area;
174
- icon: string;
175
- auth: string;
176
- game_key: string;
177
- payment_callback_secret: string;
178
- push_key: string;
179
- ctime: string;
180
- mtime: string;
181
- is_delete: 0 | 1;
182
- is_new_game: 0 | 1;
183
- server_type: string;
184
- }
185
- interface GameState {
186
- initialized: boolean;
187
- game: Game | null;
188
- games: Game[];
189
- isLoading: boolean;
190
- switching: boolean;
191
- setGame: (id: number) => Promise<void>;
192
- refetchGames: () => Promise<void>;
193
- setSwitching: (switching: boolean) => void;
194
- }
195
-
196
- interface GameSelectProps {
197
- filter?: (game: Game) => boolean;
198
- }
199
- declare const GameSelect: FC<GameSelectProps>;
200
-
201
- declare const useGameStore: zustand.UseBoundStore<Omit<zustand.StoreApi<GameState>, "persist"> & {
202
- persist: {
203
- setOptions: (options: Partial<zustand_middleware.PersistOptions<GameState, unknown>>) => void;
204
- clearStorage: () => void;
205
- rehydrate: () => Promise<void> | void;
206
- hasHydrated: () => boolean;
207
- onHydrate: (fn: (state: GameState) => void) => () => void;
208
- onFinishHydration: (fn: (state: GameState) => void) => () => void;
209
- getOptions: () => Partial<zustand_middleware.PersistOptions<GameState, unknown>>;
210
- };
211
- }>;
212
-
213
166
  interface HighlightTextsProps extends PropsWithChildren {
214
167
  texts: Array<string | number>;
215
168
  }
@@ -250,20 +203,65 @@ interface NavMenuProps {
250
203
  }
251
204
  declare const NavMenu: react.NamedExoticComponent<NavMenuProps>;
252
205
 
206
+ type Area = 'all' | 'cn' | 'global';
207
+ type ScreenLayoutType = 0 | 1;
208
+ interface Game {
209
+ id: number;
210
+ game_id: number;
211
+ game_group: string;
212
+ name: string;
213
+ screen_type: ScreenLayoutType;
214
+ area: Area;
215
+ icon: string;
216
+ auth: string;
217
+ ctime: string;
218
+ mtime: string;
219
+ is_delete: 0 | 1;
220
+ is_new_game: 0 | 1;
221
+ server_type: string;
222
+ }
223
+ interface GameState {
224
+ initialized: boolean;
225
+ game: Game | null;
226
+ games: Game[];
227
+ isLoading: boolean;
228
+ switching: boolean;
229
+ setGame: (id: number) => Promise<void>;
230
+ refetchGames: () => Promise<void>;
231
+ setSwitching: (switching: boolean) => void;
232
+ }
233
+
234
+ interface GameSelectProps {
235
+ filter?: (game: Game) => boolean;
236
+ onGameChange?: (game: Game) => void;
237
+ }
238
+
253
239
  type HeaderExtra = {
254
240
  key: Key;
255
241
  children: ReactNode;
256
242
  };
257
- interface LayoutProps extends PropsWithChildren {
243
+ interface LayoutProps extends Pick<GameSelectProps, 'filter' | 'onGameChange'> {
258
244
  items?: NavMenuItem[];
259
245
  hideGameSelect?: boolean;
260
246
  headerExtra?: {
261
247
  left?: HeaderExtra[];
262
248
  right?: HeaderExtra[];
263
249
  };
264
- filter?: GameSelectProps['filter'];
250
+ navWidth?: string | number;
265
251
  }
266
- declare const Layout: FC<LayoutProps>;
252
+ declare const Layout: FC<PropsWithChildren<LayoutProps>>;
253
+
254
+ declare const useGameStore: zustand.UseBoundStore<Omit<zustand.StoreApi<GameState>, "persist"> & {
255
+ persist: {
256
+ setOptions: (options: Partial<zustand_middleware.PersistOptions<GameState, unknown>>) => void;
257
+ clearStorage: () => void;
258
+ rehydrate: () => Promise<void> | void;
259
+ hasHydrated: () => boolean;
260
+ onHydrate: (fn: (state: GameState) => void) => () => void;
261
+ onFinishHydration: (fn: (state: GameState) => void) => () => void;
262
+ getOptions: () => Partial<zustand_middleware.PersistOptions<GameState, unknown>>;
263
+ };
264
+ }>;
267
265
 
268
266
  interface PermissionButtonProps extends ButtonProps {
269
267
  code: string | string[];
@@ -298,16 +296,15 @@ interface QueryListRef<Item, Value, Response> {
298
296
  dataSource: Item[] | undefined;
299
297
  form: FormInstance<Value>;
300
298
  }
301
- interface QueryListProps<Item extends AnyObject = AnyObject, Value = any, Response = any> extends Omit<TableProps<Item>, 'pagination' | 'dataSource' | 'loading'> {
299
+ interface QueryListProps<Item extends AnyObject = AnyObject, Value = any, Response = any> extends Omit<TableProps<Item>, 'pagination' | 'dataSource' | 'loading'>, Pick<FilterFormWrapperProps, 'buttonsAlign' | 'showReset'> {
302
300
  code?: string;
303
301
  isGlobal?: boolean;
304
- url: string;
302
+ route: string;
305
303
  method?: 'GET' | 'POST';
306
304
  refreshInterval?: number;
307
305
  onePage?: boolean;
308
306
  defaultSize?: number;
309
307
  headers?: RequestOptions['headers'];
310
- buttonsAlign?: FilterFormWrapperProps['buttonsAlign'];
311
308
  body?: RequestOptions['body'] | ((payload: QueryListPayload<Value>) => RequestOptions['body']);
312
309
  params?: RequestOptions['params'] | ((payload: QueryListPayload<Value>) => RequestOptions['params']);
313
310
  tableExtra?: ReactNode | ((form: FormInstance<Value>) => ReactNode);
@@ -328,11 +325,11 @@ declare const QueryList: <Item extends AnyObject = AnyObject, Value extends obje
328
325
  interface QueryListState {
329
326
  keyMap: Map<string, string | null>;
330
327
  payloadMap: Map<string, QueryListPayload>;
331
- getPayload(url: string): QueryListPayload;
332
- setPayload(url: string, payload: QueryListPayload): void;
333
- refetch(url: string, payload: QueryListPayload): void;
334
- mutate<Data = any, T = Data>(url: string, data?: T | Promise<T> | MutatorCallback<T>, opts?: boolean | MutatorOptions<Data, T>): Promise<T | undefined>;
335
- jump(url: string, page: number): void;
328
+ getPayload(route: string): QueryListPayload;
329
+ setPayload(route: string, payload: QueryListPayload): void;
330
+ refetch(route: string, payload: QueryListPayload, force?: boolean): void;
331
+ mutate<Data = any, T = Data>(route: string, data?: T | Promise<T> | MutatorCallback<T>, opts?: boolean | MutatorOptions<Data, T>): Promise<T | undefined>;
332
+ jump(route: string, page?: number, force?: boolean): void;
336
333
  }
337
334
  declare const useQueryListStore: zustand.UseBoundStore<zustand.StoreApi<QueryListState>>;
338
335
 
@@ -430,4 +427,4 @@ declare const SignIn: FC;
430
427
 
431
428
  declare const mixedStorage: StateStorage;
432
429
 
433
- export { ContextProvider, type ContextState, DynamicTags, type DynamicTagsProps, ExpandableParagraph, FilterFormWrapper, type FilterFormWrapperProps, type Game, GameSelect, type GameState, Highlight, type HighlightTextsProps, InfiniteList, type InfiniteListProps, Layout, NavMenu, type NavMenuItem, NotFound, OperationLogList, PermissionButton, type PermissionButtonProps, PermissionGuard, type PermissionGuardProps, PermissionRoutes, QueryList, QueryListAction, type QueryListProps, type QueryListRef, RequestError, type RequestOptions, type RequestResponse, SignIn, type TokenState, type UseFormModalProps, UserWidget, contextStore, mixedStorage, request, useFormModal, useGameStore, useModal, useModalStore, usePermission, usePermissions, useQueryListStore, useRedirectToSignIn, useTokenStore, useTokenValidation, useToolkitsContext };
430
+ export { ContextProvider, type ContextState, DynamicTags, type DynamicTagsProps, ExpandableParagraph, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightTextsProps, InfiniteList, type InfiniteListProps, Layout, NavMenu, type NavMenuItem, NotFound, OperationLogList, PermissionButton, type PermissionButtonProps, PermissionGuard, type PermissionGuardProps, PermissionRoutes, QueryList, QueryListAction, type QueryListProps, type QueryListRef, RequestError, type RequestOptions, type RequestResponse, SignIn, type TokenState, type UseFormModalProps, UserWidget, contextStore, mixedStorage, request, useFormModal, useGameStore, useModal, useModalStore, usePermission, usePermissions, useQueryListStore, useRedirectToSignIn, useTokenStore, useTokenValidation, useToolkitsContext };