react-toolkits 2.11.17 → 2.11.19

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-toolkits
 
+## 2.11.19
+
+### Patch Changes
+
+- 7838c76: fix: resolve exported useModalStore undefined issue
+
+## 2.11.18
+
+### Patch Changes
+
+- b3a0f65: fix: zustand create shoulde be called
+
 ## 2.11.17
 
 ### Patch Changes

package/lib/index.css

@@ -269,7 +269,7 @@
 }
 .bg-slate-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
 .px-36 {
   padding-left: 9rem;

package/lib/index.css.map

@@ -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-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-\\[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))\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","\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,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,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;AAC5C;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,UAAQ,IAAI,WAAW,IAAI,iBAAiB,IAAI,eAAe,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,aAAa,IAAI,eAAe,IAAI,YAAY,IAAI;AACpK;;;ACjSA,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":[]}
+{"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-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-\\[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-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,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,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,UAAQ,IAAI,WAAW,IAAI,iBAAiB,IAAI,eAAe,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,aAAa,IAAI,eAAe,IAAI,YAAY,IAAI;AACpK;;;ACjSA,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":[]}

package/lib/index.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { FC, PropsWithChildren, Key, ReactNode, ReactElement, Ref, ComponentType } from 'react';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormInstance, MenuProps, ButtonProps, ModalProps, FormProps } from 'antd';
+import { FormInstance, MenuProps, ModalProps, FormProps, ButtonProps } from 'antd';
 import { TableProps } from 'antd/es/table';
 import { AxiosHeaderValue, AxiosInstance, InternalAxiosRequestConfig, AxiosResponse, AxiosInterceptorOptions } from 'axios';
 import { ItemType, SubMenuType, MenuItemGroupType, MenuItemType } from 'antd/es/menu/interface';
@@ -116,6 +116,7 @@ interface LayoutProps extends Pick<GameSelectProps, 'filter' | 'onGameChange'> {
     title?: ReactNode;
     items?: NavMenuItem[];
     navWidth?: string | number;
+    hideGame?: boolean;
     headerExtra?: {
         left?: HeaderExtra[];
         right?: HeaderExtra[];
@@ -139,6 +140,39 @@ declare const useLayoutStore: zustand.UseBoundStore<Omit<zustand.StoreApi<Layout
     };
 }>;
 
+interface UseModalOperation {
+    hide: () => void;
+}
+interface UseModalProps extends Omit<ModalProps, 'open' | 'confirmLoading' | 'onOk' | 'onCancel'> {
+    content?: ReactNode | ((operation: UseModalOperation) => ReactNode);
+    onConfirm?: () => void | Promise<void>;
+}
+declare function useModal(props: UseModalProps): {
+    id: number;
+    show: () => void;
+    hide: () => void;
+    modal: react_jsx_runtime.JSX.Element;
+};
+
+type RecursivePartial<T> = NonNullable<T> extends object ? {
+    [P in keyof T]?: NonNullable<T[P]> extends (infer U)[] ? RecursivePartial<U>[] : NonNullable<T[P]> extends object ? RecursivePartial<T[P]> : T[P];
+} : T;
+interface UseFormModalProps<Values extends AnyObject = AnyObject, ExtraValues = any> extends Omit<UseModalProps, 'afterClose' | 'onConfirm' | 'content'> {
+    formProps?: Omit<FormProps, 'form'>;
+    form?: FormInstance<Values>;
+    content?: ReactNode | ((extraValues: ExtraValues, operation: UseModalOperation) => ReactNode);
+    onConfirm?: (values: Values, extraValues: ExtraValues) => void | Promise<void>;
+}
+declare function useFormModal<Values extends AnyObject = AnyObject, ExtraValues = any>(props: UseFormModalProps<Values, ExtraValues>): {
+    id: number;
+    show: ({ initialValues, extraValues, }?: {
+        initialValues?: RecursivePartial<Values>;
+        extraValues?: ExtraValues;
+    }) => void;
+    hide: () => void;
+    modal: react_jsx_runtime.JSX.Element;
+};
+
 interface PermissionButtonProps extends ButtonProps {
     code?: string | string[];
     showLoading?: boolean;
@@ -395,58 +429,17 @@ interface MenuListItem {
 
 declare function useMenuList(): swr.SWRResponse<MenuListItem[], any, any>;
 
-interface ModalState {
-    open: Map<number, boolean>;
-    getOpen: (uuid: number) => boolean;
-    show: (uuid: number) => void;
-    hide: (uuid: number) => void;
-    hideAll: () => void;
-}
-declare const useModalStore: zustand.UseBoundStore<zustand.StoreApi<ModalState>>;
-interface UseModalOperation {
-    hide: () => void;
-}
-interface UseModalProps extends Omit<ModalProps, 'open' | 'confirmLoading' | 'onOk' | 'onCancel'> {
-    content?: ReactNode | ((operation: UseModalOperation) => ReactNode);
-    onConfirm?: () => void | Promise<void>;
-}
-declare function useModal(props: UseModalProps): {
-    id: number;
-    show: () => void;
-    hide: () => void;
-    modal: react_jsx_runtime.JSX.Element;
-};
-
-type RecursivePartial<T> = NonNullable<T> extends object ? {
-    [P in keyof T]?: NonNullable<T[P]> extends (infer U)[] ? RecursivePartial<U>[] : NonNullable<T[P]> extends object ? RecursivePartial<T[P]> : T[P];
-} : T;
-interface UseFormModalProps<Values extends AnyObject = AnyObject, ExtraValues = any> extends Omit<UseModalProps, 'afterClose' | 'onConfirm' | 'content'> {
-    formProps?: Omit<FormProps, 'form'>;
-    form?: FormInstance<Values>;
-    content?: ReactNode | ((extraValues: ExtraValues, operation: UseModalOperation) => ReactNode);
-    onConfirm?: (values: Values, extraValues: ExtraValues) => void | Promise<void>;
-}
-declare function useFormModal<Values extends AnyObject = AnyObject, ExtraValues = any>(props: UseFormModalProps<Values, ExtraValues>): {
-    id: number;
-    show: ({ initialValues, extraValues, }?: {
-        initialValues?: RecursivePartial<Values>;
-        extraValues?: ExtraValues;
-    }) => void;
-    hide: () => void;
-    modal: react_jsx_runtime.JSX.Element;
-};
-
 type PermissionCheckResult = {
     has_all: true;
 } | Record<string, boolean>;
-declare function usePermissions(codes?: string[]): {
+declare const usePermissions: (codes?: string[]) => {
     data: Record<string, boolean>;
     error: any;
     mutate: swr.KeyedMutator<PermissionCheckResult>;
     isValidating: boolean;
     isLoading: boolean;
 };
-declare function usePermission(code?: string): {
+declare const usePermission: (code?: string) => {
     accessible: boolean;
     isValidating: boolean;
     isLoading: boolean;
@@ -480,4 +473,4 @@ type JsonData<T = any> = {
 
 declare const mixedStorage: StateStorage;
 
-export { APP_ID_HEADER, DynamicTags, type DynamicTagsProps, ExpandableParagraph, type ExpandableParagraphProps, FRONTEND_ROUTE_PREFIX, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightProps, InfiniteList, type InfiniteListProps, type JsonData, Layout, type LayoutState, NavMenu, type NavMenuItem, NotFound, _default$1 as OperationLogList, PermissionButton, type PermissionButtonProps, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, RequirePermission, type RequirePermissionProps, SSO_URL, SignIn, ToolkitsProvider, type ToolkitsProviderProps, type UseFormModalProps, type UseModalOperation, type UseModalProps, UserWidget, _default$2 as menuRoutes, mixedStorage, _default as permissionRoutes, toolkitsStore, useFormModal, useLayoutStore, useMenuList, useModal, useModalStore, usePermission, usePermissions, useQueryListStore, useToolkitsStore, withContext };
+export { APP_ID_HEADER, DynamicTags, type DynamicTagsProps, ExpandableParagraph, type ExpandableParagraphProps, FRONTEND_ROUTE_PREFIX, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightProps, InfiniteList, type InfiniteListProps, type JsonData, Layout, type LayoutState, NavMenu, type NavMenuItem, NotFound, _default$1 as OperationLogList, PermissionButton, type PermissionButtonProps, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, RequirePermission, type RequirePermissionProps, SSO_URL, SignIn, ToolkitsProvider, type ToolkitsProviderProps, type UseFormModalProps, UserWidget, _default$2 as menuRoutes, mixedStorage, _default as permissionRoutes, toolkitsStore, useFormModal, useLayoutStore, useMenuList, useModal, usePermission, usePermissions, useQueryListStore, useToolkitsStore, withContext };

package/lib/index.js

@@ -3,17 +3,17 @@ import { jwtDecode } from 'jwt-decode';
 import { create, useStore, createStore } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
 import * as Antd from 'antd';
-import { Spin, Menu, Modal, Form, Card, Input, Select, theme, Space, Tag, Typography, Result, Table, Button, Dropdown, Divider, Alert, App, Switch, InputNumber, Row, Col, Breadcrumb, Skeleton, Descriptions, Tooltip, Popconfirm, Empty, Collapse, Checkbox } from 'antd';
-import { memo, useMemo, useCallback, useEffect, lazy, useContext, useState, useRef, Suspense, createContext, forwardRef, Fragment as Fragment$1, useImperativeHandle, cloneElement } from 'react';
+import { Spin, Menu, Typography, Select, Card, Form, Input, theme, Space, Tag, Result, Table, Button, Divider, Dropdown, Alert, Modal, App, Tooltip, Popconfirm, Switch, InputNumber, Row, Col, Breadcrumb, Skeleton, Descriptions, Empty, Collapse, Checkbox } from 'antd';
+import { createContext, memo, useMemo, useCallback, useEffect, forwardRef, lazy, useContext, useState, useRef, Suspense, Fragment as Fragment$1, useImperativeHandle, cloneElement } from 'react';
 import useSWR5, { mutate, SWRConfig, unstable_serialize } from 'swr';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { has, template, get, isEqual } from 'lodash-es';
+import { isEqual, has, template, get } from 'lodash-es';
 import { flushSync } from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import useSWRMutation2 from 'swr/mutation';
-import { useLocation, Routes, Route, Navigate, Link, useNavigate, useParams } from 'react-router-dom';
+import { useLocation, Link, useNavigate, Navigate, Routes, Route, useParams } from 'react-router-dom';
 import { Editor } from '@monaco-editor/react';
-import { PlusOutlined, LogoutOutlined, UserOutlined, MenuUnfoldOutlined, MenuFoldOutlined, UserAddOutlined, UsergroupAddOutlined } from '@ant-design/icons';
+import { PlusOutlined, MenuUnfoldOutlined, MenuFoldOutlined, LogoutOutlined, UserOutlined, UserAddOutlined, UsergroupAddOutlined } from '@ant-design/icons';
 import { produce } from 'immer';
 import qs from 'query-string';
 import useSWRInfinite from 'swr/infinite';
@@ -555,35 +555,146 @@ var init_highlight = __esm({
     init_Highlight();
   }
 });
-function usePermissions(codes = []) {
-  const usePermissionApiV2 = useToolkitsStore((state) => state.usePermissionApiV2);
-  const url4 = usePermissionApiV2 ? "/api/usystem/user/checkV2" : "/api/usystem/user/check";
-  const key = codes.length ? { method: "POST", url: url4, data: { permissions: codes } } : null;
-  const { data, ...rest } = useSWR5(key);
-  const newData = codes.reduce((acc, curr) => {
-    acc[curr] = data?.has_all ? true : data?.[curr] ?? false;
-    return acc;
-  }, {});
-  return { ...rest, data: newData };
-}
-function usePermission(code) {
-  const { data, isValidating, isLoading } = usePermissions(code ? [code] : void 0);
-  if (code === void 0) {
-    return {
-      accessible: true,
-      isValidating: false,
-      isLoading: false
+var usePermissions, usePermission;
+var init_permission = __esm({
+  "src/hooks/permission.ts"() {
+    init_toolkitsProvider();
+    usePermissions = (codes = []) => {
+      const usePermissionApiV2 = useToolkitsStore((state) => state.usePermissionApiV2);
+      const url4 = usePermissionApiV2 ? "/api/usystem/user/checkV2" : "/api/usystem/user/check";
+      const key = codes.length ? { method: "POST", url: url4, data: { permissions: codes } } : null;
+      const { data, ...rest } = useSWR5(key);
+      const newData = codes.reduce((acc, curr) => {
+        acc[curr] = data?.has_all ? true : data?.[curr] ?? false;
+        return acc;
+      }, {});
+      return { ...rest, data: newData };
     };
+    usePermission = (code) => {
+      const { data, isValidating, isLoading } = usePermissions(code ? [code] : void 0);
+      if (code === void 0) {
+        return {
+          accessible: true,
+          isValidating: false,
+          isLoading: false
+        };
+      }
+      return {
+        accessible: data?.[code] ?? false,
+        isValidating,
+        isLoading
+      };
+    };
+  }
+});
+var useModalStore;
+var init_stores2 = __esm({
+  "src/components/modal/stores.ts"() {
+    useModalStore = create((set, get2) => ({
+      open: /* @__PURE__ */ new Map(),
+      isOpen: (uuid) => get2().open.get(uuid) ?? false,
+      show(uuid) {
+        set({ open: new Map(get2().open).set(uuid, true) });
+      },
+      hide(uuid) {
+        set({ open: new Map(get2().open).set(uuid, false) });
+      },
+      hideAll() {
+        set({ open: /* @__PURE__ */ new Map() });
+      }
+    }));
   }
+});
+function useModal(props) {
+  const { content, onConfirm, ...modalProps } = props;
+  const _id = useMemo(() => ++id, []);
+  const { show, hide, isOpen } = useModalStore();
+  const open = isOpen(_id);
+  const [confirmLoading, setConfirmLoading] = useState(false);
+  const isRenderFunction = typeof content === "function";
+  const _show = () => {
+    show(_id);
+  };
+  const _hide = () => {
+    hide(_id);
+  };
+  const onCancel = () => {
+    _hide();
+  };
+  const onOk = async () => {
+    try {
+      setConfirmLoading(true);
+      await onConfirm?.();
+      _hide();
+    } finally {
+      setConfirmLoading(false);
+    }
+  };
+  const internalModal = /* @__PURE__ */ jsx(Modal, { ...modalProps, open, confirmLoading, onOk, onCancel, children: isRenderFunction ? content({ hide: _hide }) : content });
   return {
-    accessible: data?.[code] ?? false,
-    isValidating,
-    isLoading
+    id: _id,
+    show: _show,
+    hide: _hide,
+    modal: internalModal
   };
 }
-var init_permission = __esm({
-  "src/hooks/permission.ts"() {
-    init_toolkitsProvider();
+var id;
+var init_modal = __esm({
+  "src/components/modal/modal.tsx"() {
+    init_stores2();
+    id = 0;
+  }
+});
+function useFormModal(props) {
+  const { content, form, formProps, onConfirm, ...modalProps } = props;
+  const [internalExtraValues, setInternalExtraValues] = useState({});
+  let [internalForm] = Form.useForm();
+  internalForm = form || internalForm;
+  const isRenderFunction = typeof content === "function";
+  const hanldeConfirm = async () => {
+    const values = await internalForm.validateFields();
+    await onConfirm?.(values, internalExtraValues);
+    hide();
+  };
+  const afterClose = () => {
+    internalForm.resetFields();
+  };
+  const { id: id2, show, hide, modal } = useModal({
+    ...modalProps,
+    content: (operation) => /* @__PURE__ */ jsx(Form, { ...formProps, form: internalForm, children: isRenderFunction ? content(internalExtraValues, operation) : content }),
+    onConfirm: hanldeConfirm,
+    afterClose
+  });
+  const onShow = ({
+    initialValues,
+    extraValues
+  } = {}) => {
+    if (extraValues) {
+      setInternalExtraValues(extraValues);
+    }
+    if (initialValues) {
+      internalForm.setFieldsValue(initialValues);
+    }
+    show();
+  };
+  return {
+    id: id2,
+    show: onShow,
+    hide,
+    modal
+  };
+}
+var init_formModal = __esm({
+  "src/components/modal/formModal.tsx"() {
+    init_modal();
+  }
+});
+
+// src/components/modal/index.ts
+var init_modal2 = __esm({
+  "src/components/modal/index.ts"() {
+    init_formModal();
+    init_modal();
   }
 });
 var PermissionButton, PermissionButton_default;
@@ -615,7 +726,7 @@ var init_permissionButton = __esm({
   }
 });
 var useQueryListStore;
-var init_stores2 = __esm({
+var init_stores3 = __esm({
   "src/components/queryList/stores.ts"() {
     useQueryListStore = create((set, get2) => ({
       keyMap: /* @__PURE__ */ new Map(),
@@ -651,7 +762,7 @@ var init_QueryList = __esm({
     init_filterFormWrapper();
     init_locale();
     init_toolkitsProvider();
-    init_stores2();
+    init_stores3();
     QueryListAction = /* @__PURE__ */ ((QueryListAction2) => {
       QueryListAction2[QueryListAction2["Confirm"] = 0] = "Confirm";
       QueryListAction2[QueryListAction2["Reset"] = 1] = "Reset";
@@ -874,7 +985,7 @@ var init_QueryList = __esm({
 var init_queryList = __esm({
   "src/components/queryList/index.ts"() {
     init_QueryList();
-    init_stores2();
+    init_stores3();
   }
 });
 
@@ -933,103 +1044,6 @@ var init_menu = __esm({
     init_types();
   }
 });
-function useModal(props) {
-  const { content, onConfirm, ...modalProps } = props;
-  const _id = useMemo(() => ++id, []);
-  console.log(typeof useModalStore);
-  const modalStore = useModalStore();
-  const open = modalStore.getOpen(_id);
-  const [confirmLoading, setConfirmLoading] = useState(false);
-  const isRenderFunction = typeof content === "function";
-  const show = () => {
-    modalStore.show(_id);
-  };
-  const hide = () => {
-    modalStore.hide(_id);
-  };
-  const onCancel = () => {
-    hide();
-  };
-  const onOk = async () => {
-    try {
-      setConfirmLoading(true);
-      await onConfirm?.();
-      hide();
-    } finally {
-      setConfirmLoading(false);
-    }
-  };
-  const internalModal = /* @__PURE__ */ jsx(Modal, { ...modalProps, open, confirmLoading, onOk, onCancel, children: isRenderFunction ? content({ hide }) : content });
-  return {
-    id: _id,
-    show,
-    hide,
-    modal: internalModal
-  };
-}
-var useModalStore, id;
-var init_modal = __esm({
-  "src/hooks/modal.tsx"() {
-    useModalStore = create((set, get2) => ({
-      open: /* @__PURE__ */ new Map(),
-      getOpen: (uuid) => get2().open.get(uuid) ?? false,
-      show(uuid) {
-        set({ open: new Map(get2().open).set(uuid, true) });
-      },
-      hide(uuid) {
-        set({ open: new Map(get2().open).set(uuid, false) });
-      },
-      hideAll() {
-        set({ open: /* @__PURE__ */ new Map() });
-      }
-    }));
-    id = 0;
-  }
-});
-function useFormModal(props) {
-  const { content, form, formProps, onConfirm, ...modalProps } = props;
-  const [internalExtraValues, setInternalExtraValues] = useState({});
-  let [internalForm] = Form.useForm();
-  internalForm = form || internalForm;
-  const isRenderFunction = typeof content === "function";
-  const hanldeConfirm = async () => {
-    const values = await internalForm.validateFields();
-    await onConfirm?.(values, internalExtraValues);
-    hide();
-  };
-  const afterClose = () => {
-    internalForm.resetFields();
-  };
-  const { id: id2, show, hide, modal } = useModal({
-    ...modalProps,
-    content: (operation) => /* @__PURE__ */ jsx(Form, { ...formProps, form: internalForm, children: isRenderFunction ? content(internalExtraValues, operation) : content }),
-    onConfirm: hanldeConfirm,
-    afterClose
-  });
-  const onShow = ({
-    initialValues,
-    extraValues
-  } = {}) => {
-    if (extraValues) {
-      setInternalExtraValues(extraValues);
-    }
-    if (initialValues) {
-      internalForm.setFieldsValue(initialValues);
-    }
-    show();
-  };
-  return {
-    id: id2,
-    show: onShow,
-    hide,
-    modal
-  };
-}
-var init_formModal = __esm({
-  "src/hooks/formModal.tsx"() {
-    init_modal();
-  }
-});
 
 // src/pages/menu/menuItemList/index.tsx
 var menuItemList_exports = {};
@@ -1710,11 +1724,11 @@ var init_userList = __esm({
   "src/pages/permission/userList/index.tsx"() {
     init_highlight();
     init_locale();
+    init_modal2();
     init_permissionButton();
     init_queryList();
     init_toolkitsProvider();
     init_permission2();
-    init_formModal();
     ({ Option: Option3 } = Select);
     url2 = "/api/usystem/user/list";
     useModal2 = (isCreate) => {
@@ -1901,12 +1915,12 @@ var init_roleList = __esm({
   "src/pages/permission/roleList/index.tsx"() {
     init_highlight();
     init_locale();
+    init_modal2();
     init_permissionButton();
     init_queryList();
-    init_stores2();
+    init_stores3();
     init_toolkitsProvider();
     init_permission2();
-    init_formModal();
     init_permission();
     url3 = "/api/usystem/role/list";
     useModal3 = (isCreate) => {
@@ -2628,11 +2642,22 @@ var useLayoutStore = create()(
 var { Spin: Spin3, theme: theme3 } = Antd;
 var { Header, Sider, Content } = Antd.Layout;
 var Layout2 = (props) => {
-  const { menuCollapsible, isMenuLoading, title, items, headerExtra, children, navWidth, filter, onGameChange } = props;
+  const {
+    menuCollapsible,
+    isMenuLoading,
+    title,
+    items,
+    headerExtra,
+    children,
+    navWidth,
+    hideGame,
+    filter,
+    onGameChange
+  } = props;
   const {
     token: { colorBgContainer, colorBorder }
   } = theme3.useToken();
-  const { usePermissionApiV2, hideGame } = useToolkitsStore((s) => s);
+  const { usePermissionApiV2 } = useToolkitsStore((s) => s);
   const { collapsed, setCollapsed } = useLayoutStore();
   const onCollapse = async () => {
     setCollapsed(!collapsed);
@@ -2724,6 +2749,7 @@ var Layout2 = (props) => {
 var Layout_default = Layout2;
 
 // src/index.ts
+init_modal2();
 init_permissionButton();
 init_queryList();
 
@@ -2758,6 +2784,7 @@ var RequirePermission_default = RequirePermission;
 init_toolkitsProvider();
 init_constants();
 init_menu();
+init_permission();
 var MenuItemList2 = lazy(() => Promise.resolve().then(() => (init_menuItemList(), menuItemList_exports)));
 var CreateMenuItem2 = lazy(() => Promise.resolve().then(() => (init_createMenuItem(), createMenuItem_exports)));
 var UpdateMenuItem = lazy(() => Promise.resolve().then(() => (init_updateMenuItem(), updateMenuItem_exports)));
@@ -2955,6 +2982,6 @@ var signIn_default = SignIn;
 // src/index.ts
 init_storage();
 
-export { APP_ID_HEADER, DynamicTags_default as DynamicTags, ExpandableParagraph_default as ExpandableParagraph, FRONTEND_ROUTE_PREFIX, FilterFormWrapper_default as FilterFormWrapper, Highlight_default as Highlight, InfiniteList_default as InfiniteList, Layout_default as Layout, NavMenu_default as NavMenu, notFound_default as NotFound, operationLogList_default as OperationLogList, PermissionButton_default as PermissionButton, QueryList_default as QueryList, QueryListAction, RequirePermission_default as RequirePermission, SSO_URL, signIn_default as SignIn, Provider_default as ToolkitsProvider, UserWidget_default as UserWidget, menu_default as menuRoutes, mixedStorage, permission_default as permissionRoutes, toolkitsStore, useFormModal, useLayoutStore, useMenuList, useModal, useModalStore, usePermission, usePermissions, useQueryListStore, useToolkitsStore, withContext };
+export { APP_ID_HEADER, DynamicTags_default as DynamicTags, ExpandableParagraph_default as ExpandableParagraph, FRONTEND_ROUTE_PREFIX, FilterFormWrapper_default as FilterFormWrapper, Highlight_default as Highlight, InfiniteList_default as InfiniteList, Layout_default as Layout, NavMenu_default as NavMenu, notFound_default as NotFound, operationLogList_default as OperationLogList, PermissionButton_default as PermissionButton, QueryList_default as QueryList, QueryListAction, RequirePermission_default as RequirePermission, SSO_URL, signIn_default as SignIn, Provider_default as ToolkitsProvider, UserWidget_default as UserWidget, menu_default as menuRoutes, mixedStorage, permission_default as permissionRoutes, toolkitsStore, useFormModal, useLayoutStore, useMenuList, useModal, usePermission, usePermissions, useQueryListStore, useToolkitsStore, withContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map