ninemoon-ui 0.1.1 → 0.1.3

package/dist/index.umd.js

@@ -73,990 +73,11 @@ var __publicField = (obj, key, value) => {
 80%, 90% {
     stroke: #ffa700;
 }
-}*, ::before, ::after {\r
-  --tw-border-spacing-x: 0;\r
-  --tw-border-spacing-y: 0;\r
-  --tw-translate-x: 0;\r
-  --tw-translate-y: 0;\r
-  --tw-rotate: 0;\r
-  --tw-skew-x: 0;\r
-  --tw-skew-y: 0;\r
-  --tw-scale-x: 1;\r
-  --tw-scale-y: 1;\r
-  --tw-pan-x:  ;\r
-  --tw-pan-y:  ;\r
-  --tw-pinch-zoom:  ;\r
-  --tw-scroll-snap-strictness: proximity;\r
-  --tw-gradient-from-position:  ;\r
-  --tw-gradient-via-position:  ;\r
-  --tw-gradient-to-position:  ;\r
-  --tw-ordinal:  ;\r
-  --tw-slashed-zero:  ;\r
-  --tw-numeric-figure:  ;\r
-  --tw-numeric-spacing:  ;\r
-  --tw-numeric-fraction:  ;\r
-  --tw-ring-inset:  ;\r
-  --tw-ring-offset-width: 0px;\r
-  --tw-ring-offset-color: #fff;\r
-  --tw-ring-color: rgb(59 130 246 / 0.5);\r
-  --tw-ring-offset-shadow: 0 0 #0000;\r
-  --tw-ring-shadow: 0 0 #0000;\r
-  --tw-shadow: 0 0 #0000;\r
-  --tw-shadow-colored: 0 0 #0000;\r
-  --tw-blur:  ;\r
-  --tw-brightness:  ;\r
-  --tw-contrast:  ;\r
-  --tw-grayscale:  ;\r
-  --tw-hue-rotate:  ;\r
-  --tw-invert:  ;\r
-  --tw-saturate:  ;\r
-  --tw-sepia:  ;\r
-  --tw-drop-shadow:  ;\r
-  --tw-backdrop-blur:  ;\r
-  --tw-backdrop-brightness:  ;\r
-  --tw-backdrop-contrast:  ;\r
-  --tw-backdrop-grayscale:  ;\r
-  --tw-backdrop-hue-rotate:  ;\r
-  --tw-backdrop-invert:  ;\r
-  --tw-backdrop-opacity:  ;\r
-  --tw-backdrop-saturate:  ;\r
-  --tw-backdrop-sepia:  ;\r
-  --tw-contain-size:  ;\r
-  --tw-contain-layout:  ;\r
-  --tw-contain-paint:  ;\r
-  --tw-contain-style:  ;\r
-}\r
-::backdrop {\r
-  --tw-border-spacing-x: 0;\r
-  --tw-border-spacing-y: 0;\r
-  --tw-translate-x: 0;\r
-  --tw-translate-y: 0;\r
-  --tw-rotate: 0;\r
-  --tw-skew-x: 0;\r
-  --tw-skew-y: 0;\r
-  --tw-scale-x: 1;\r
-  --tw-scale-y: 1;\r
-  --tw-pan-x:  ;\r
-  --tw-pan-y:  ;\r
-  --tw-pinch-zoom:  ;\r
-  --tw-scroll-snap-strictness: proximity;\r
-  --tw-gradient-from-position:  ;\r
-  --tw-gradient-via-position:  ;\r
-  --tw-gradient-to-position:  ;\r
-  --tw-ordinal:  ;\r
-  --tw-slashed-zero:  ;\r
-  --tw-numeric-figure:  ;\r
-  --tw-numeric-spacing:  ;\r
-  --tw-numeric-fraction:  ;\r
-  --tw-ring-inset:  ;\r
-  --tw-ring-offset-width: 0px;\r
-  --tw-ring-offset-color: #fff;\r
-  --tw-ring-color: rgb(59 130 246 / 0.5);\r
-  --tw-ring-offset-shadow: 0 0 #0000;\r
-  --tw-ring-shadow: 0 0 #0000;\r
-  --tw-shadow: 0 0 #0000;\r
-  --tw-shadow-colored: 0 0 #0000;\r
-  --tw-blur:  ;\r
-  --tw-brightness:  ;\r
-  --tw-contrast:  ;\r
-  --tw-grayscale:  ;\r
-  --tw-hue-rotate:  ;\r
-  --tw-invert:  ;\r
-  --tw-saturate:  ;\r
-  --tw-sepia:  ;\r
-  --tw-drop-shadow:  ;\r
-  --tw-backdrop-blur:  ;\r
-  --tw-backdrop-brightness:  ;\r
-  --tw-backdrop-contrast:  ;\r
-  --tw-backdrop-grayscale:  ;\r
-  --tw-backdrop-hue-rotate:  ;\r
-  --tw-backdrop-invert:  ;\r
-  --tw-backdrop-opacity:  ;\r
-  --tw-backdrop-saturate:  ;\r
-  --tw-backdrop-sepia:  ;\r
-  --tw-contain-size:  ;\r
-  --tw-contain-layout:  ;\r
-  --tw-contain-paint:  ;\r
-  --tw-contain-style:  ;\r
-}\r
-.\\!container {\r
-  width: 100% !important;\r
-}\r
-.container {\r
-  width: 100%;\r
-}\r
-@media (min-width: 640px) {\r
-  .\\!container {\r
-    max-width: 640px !important;\r
-  }\r
-  .container {\r
-    max-width: 640px;\r
-  }\r
-}\r
-@media (min-width: 768px) {\r
-  .\\!container {\r
-    max-width: 768px !important;\r
-  }\r
-  .container {\r
-    max-width: 768px;\r
-  }\r
-}\r
-@media (min-width: 1024px) {\r
-  .\\!container {\r
-    max-width: 1024px !important;\r
-  }\r
-  .container {\r
-    max-width: 1024px;\r
-  }\r
-}\r
-@media (min-width: 1280px) {\r
-  .\\!container {\r
-    max-width: 1280px !important;\r
-  }\r
-  .container {\r
-    max-width: 1280px;\r
-  }\r
-}\r
-@media (min-width: 1536px) {\r
-  .\\!container {\r
-    max-width: 1536px !important;\r
-  }\r
-  .container {\r
-    max-width: 1536px;\r
-  }\r
-}\r
-.pointer-events-none {\r
-  pointer-events: none;\r
-}\r
-.pointer-events-auto {\r
-  pointer-events: auto;\r
-}\r
-.visible {\r
-  visibility: visible;\r
-}\r
-.invisible {\r
-  visibility: hidden;\r
-}\r
-.static {\r
-  position: static;\r
-}\r
-.fixed {\r
-  position: fixed;\r
-}\r
-.absolute {\r
-  position: absolute;\r
-}\r
-.relative {\r
-  position: relative;\r
-}\r
-.-bottom-5 {\r
-  bottom: -1.25rem;\r
-}\r
-.-right-3 {\r
-  right: -0.75rem;\r
-}\r
-.-top-1\\/2 {\r
-  top: -50%;\r
-}\r
-.bottom-0 {\r
-  bottom: 0px;\r
-}\r
-.bottom-0\\.5 {\r
-  bottom: 0.125rem;\r
-}\r
-.left-0 {\r
-  left: 0px;\r
-}\r
-.left-0\\.5 {\r
-  left: 0.125rem;\r
-}\r
-.left-1 {\r
-  left: 0.25rem;\r
-}\r
-.left-\\[calc\\(100\\%-20px\\)\\] {\r
-  left: calc(100% - 20px);\r
-}\r
-.right-0 {\r
-  right: 0px;\r
-}\r
-.right-0\\.5 {\r
-  right: 0.125rem;\r
-}\r
-.right-1 {\r
-  right: 0.25rem;\r
-}\r
-.top-0 {\r
-  top: 0px;\r
-}\r
-.top-0\\.5 {\r
-  top: 0.125rem;\r
-}\r
-.top-1\\/2 {\r
-  top: 50%;\r
-}\r
-.top-4 {\r
-  top: 1rem;\r
-}\r
-.z-10 {\r
-  z-index: 10;\r
-}\r
-.z-1000 {\r
-  z-index: 1000;\r
-}\r
-.z-20 {\r
-  z-index: 20;\r
-}\r
-.z-2000 {\r
-  z-index: 2000;\r
-}\r
-.z-50 {\r
-  z-index: 50;\r
-}\r
-.mx-1 {\r
-  margin-left: 0.25rem;\r
-  margin-right: 0.25rem;\r
-}\r
-.mx-2 {\r
-  margin-left: 0.5rem;\r
-  margin-right: 0.5rem;\r
-}\r
-.mx-auto {\r
-  margin-left: auto;\r
-  margin-right: auto;\r
-}\r
-.my-2 {\r
-  margin-top: 0.5rem;\r
-  margin-bottom: 0.5rem;\r
-}\r
-.my-4 {\r
-  margin-top: 1rem;\r
-  margin-bottom: 1rem;\r
-}\r
-.-ml-3 {\r
-  margin-left: -0.75rem;\r
-}\r
-.-mt-3 {\r
-  margin-top: -0.75rem;\r
-}\r
-.mb-5 {\r
-  margin-bottom: 1.25rem;\r
-}\r
-.ml-1 {\r
-  margin-left: 0.25rem;\r
-}\r
-.ml-2 {\r
-  margin-left: 0.5rem;\r
-}\r
-.ml-3 {\r
-  margin-left: 0.75rem;\r
-}\r
-.ml-6 {\r
-  margin-left: 1.5rem;\r
-}\r
-.mr-1 {\r
-  margin-right: 0.25rem;\r
-}\r
-.mr-2 {\r
-  margin-right: 0.5rem;\r
-}\r
-.mr-5 {\r
-  margin-right: 1.25rem;\r
-}\r
-.mr-6 {\r
-  margin-right: 1.5rem;\r
-}\r
-.mt-1 {\r
-  margin-top: 0.25rem;\r
-}\r
-.mt-2 {\r
-  margin-top: 0.5rem;\r
-}\r
-.mt-3 {\r
-  margin-top: 0.75rem;\r
-}\r
-.mt-\\[20vh\\] {\r
-  margin-top: 20vh;\r
-}\r
-.box-border {\r
-  box-sizing: border-box;\r
-}\r
-.block {\r
-  display: block;\r
-}\r
-.inline-block {\r
-  display: inline-block;\r
-}\r
-.inline {\r
-  display: inline;\r
-}\r
-.flex {\r
-  display: flex;\r
-}\r
-.inline-flex {\r
-  display: inline-flex;\r
-}\r
-.table {\r
-  display: table;\r
-}\r
-.hidden {\r
-  display: none;\r
-}\r
-.h-1\\.5 {\r
-  height: 0.375rem;\r
-}\r
-.h-10 {\r
-  height: 2.5rem;\r
-}\r
-.h-11 {\r
-  height: 2.75rem;\r
-}\r
-.h-2\\.5 {\r
-  height: 0.625rem;\r
-}\r
-.h-3 {\r
-  height: 0.75rem;\r
-}\r
-.h-4 {\r
-  height: 1rem;\r
-}\r
-.h-5 {\r
-  height: 1.25rem;\r
-}\r
-.h-6 {\r
-  height: 1.5rem;\r
-}\r
-.h-7 {\r
-  height: 1.75rem;\r
-}\r
-.h-8 {\r
-  height: 2rem;\r
-}\r
-.h-full {\r
-  height: 100%;\r
-}\r
-.max-h-full {\r
-  max-height: 100%;\r
-}\r
-.w-1\\.5 {\r
-  width: 0.375rem;\r
-}\r
-.w-1\\/2 {\r
-  width: 50%;\r
-}\r
-.w-10 {\r
-  width: 2.5rem;\r
-}\r
-.w-14 {\r
-  width: 3.5rem;\r
-}\r
-.w-2\\.5 {\r
-  width: 0.625rem;\r
-}\r
-.w-24 {\r
-  width: 6rem;\r
-}\r
-.w-3 {\r
-  width: 0.75rem;\r
-}\r
-.w-4 {\r
-  width: 1rem;\r
-}\r
-.w-5 {\r
-  width: 1.25rem;\r
-}\r
-.w-6 {\r
-  width: 1.5rem;\r
-}\r
-.w-64 {\r
-  width: 16rem;\r
-}\r
-.w-7 {\r
-  width: 1.75rem;\r
-}\r
-.w-8 {\r
-  width: 2rem;\r
-}\r
-.w-96 {\r
-  width: 24rem;\r
-}\r
-.w-full {\r
-  width: 100%;\r
-}\r
-.min-w-10 {\r
-  min-width: 2.5rem;\r
-}\r
-.max-w-full {\r
-  max-width: 100%;\r
-}\r
-.max-w-xs {\r
-  max-width: 20rem;\r
-}\r
-.flex-1 {\r
-  flex: 1 1 0%;\r
-}\r
-.flex-auto {\r
-  flex: 1 1 auto;\r
-}\r
-.flex-none {\r
-  flex: none;\r
-}\r
-.flex-grow-0 {\r
-  flex-grow: 0;\r
-}\r
-.table-fixed {\r
-  table-layout: fixed;\r
-}\r
-.origin-center {\r
-  transform-origin: center;\r
-}\r
-.-translate-y-1\\/2 {\r
-  --tw-translate-y: -50%;\r
-  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));\r
-}\r
-.translate-x-full {\r
-  --tw-translate-x: 100%;\r
-  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));\r
-}\r
-.-rotate-90 {\r
-  --tw-rotate: -90deg;\r
-  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));\r
-}\r
-.rotate-180 {\r
-  --tw-rotate: 180deg;\r
-  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));\r
-}\r
-.rotate-90 {\r
-  --tw-rotate: 90deg;\r
-  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));\r
-}\r
-.transform {\r
-  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));\r
-}\r
-.cursor-default {\r
-  cursor: default;\r
-}\r
-.cursor-grab {\r
-  cursor: grab;\r
-}\r
-.cursor-grabbing {\r
-  cursor: grabbing;\r
-}\r
-.cursor-not-allowed {\r
-  cursor: not-allowed;\r
-}\r
-.cursor-pointer {\r
-  cursor: pointer;\r
-}\r
-.select-none {\r
-  -webkit-user-select: none;\r
-     -moz-user-select: none;\r
-          user-select: none;\r
-}\r
-.resize {\r
-  resize: both;\r
-}\r
-.list-none {\r
-  list-style-type: none;\r
-}\r
-.appearance-none {\r
-  -webkit-appearance: none;\r
-     -moz-appearance: none;\r
-          appearance: none;\r
-}\r
-.flex-col {\r
-  flex-direction: column;\r
-}\r
-.flex-wrap {\r
-  flex-wrap: wrap;\r
-}\r
-.flex-nowrap {\r
-  flex-wrap: nowrap;\r
-}\r
-.items-center {\r
-  align-items: center;\r
-}\r
-.justify-end {\r
-  justify-content: flex-end;\r
-}\r
-.justify-center {\r
-  justify-content: center;\r
-}\r
-.justify-between {\r
-  justify-content: space-between;\r
-}\r
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-space-x-reverse: 0;\r
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\r
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\r
-}\r
-.space-x-2\\.5 > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-space-x-reverse: 0;\r
-  margin-right: calc(0.625rem * var(--tw-space-x-reverse));\r
-  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));\r
-}\r
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-space-x-reverse: 0;\r
-  margin-right: calc(0.75rem * var(--tw-space-x-reverse));\r
-  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));\r
-}\r
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-space-x-reverse: 0;\r
-  margin-right: calc(1rem * var(--tw-space-x-reverse));\r
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\r
-}\r
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-space-y-reverse: 0;\r
-  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\r
-  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\r
-}\r
-.space-y-5 > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-space-y-reverse: 0;\r
-  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\r
-  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\r
-}\r
-.divide-y > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-divide-y-reverse: 0;\r
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\r
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\r
-}\r
-.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\r
-  --tw-divide-opacity: 1;\r
-  border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));\r
-}\r
-.overflow-auto {\r
-  overflow: auto;\r
-}\r
-.overflow-hidden {\r
-  overflow: hidden;\r
-}\r
-.overflow-x-hidden {\r
-  overflow-x: hidden;\r
-}\r
-.overscroll-contain {\r
-  overscroll-behavior: contain;\r
-}\r
-.whitespace-normal {\r
-  white-space: normal;\r
-}\r
-.whitespace-nowrap {\r
-  white-space: nowrap;\r
-}\r
-.break-all {\r
-  word-break: break-all;\r
-}\r
-.rounded {\r
-  border-radius: 0.25rem;\r
-}\r
-.rounded-full {\r
-  border-radius: 9999px;\r
-}\r
-.rounded-lg {\r
-  border-radius: 0.5rem;\r
-}\r
-.rounded-sm {\r
-  border-radius: 0.125rem;\r
-}\r
-.rounded-xl {\r
-  border-radius: 0.75rem;\r
-}\r
-.rounded-l-\\[1\\.75rem\\] {\r
-  border-top-left-radius: 1.75rem;\r
-  border-bottom-left-radius: 1.75rem;\r
-}\r
-.rounded-r-\\[1\\.75rem\\] {\r
-  border-top-right-radius: 1.75rem;\r
-  border-bottom-right-radius: 1.75rem;\r
-}\r
-.rounded-tl-lg {\r
-  border-top-left-radius: 0.5rem;\r
-}\r
-.rounded-tr-lg {\r
-  border-top-right-radius: 0.5rem;\r
-}\r
-.border {\r
-  border-width: 1px;\r
-}\r
-.border-b {\r
-  border-bottom-width: 1px;\r
-}\r
-.border-t-2 {\r
-  border-top-width: 2px;\r
-}\r
-.border-solid {\r
-  border-style: solid;\r
-}\r
-.border-blue-brand {\r
-  --tw-border-opacity: 1;\r
-  border-color: rgb(1 64 153 / var(--tw-border-opacity, 1));\r
-}\r
-.border-gray-200 {\r
-  --tw-border-opacity: 1;\r
-  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\r
-}\r
-.border-gray-300 {\r
-  --tw-border-opacity: 1;\r
-  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\r
-}\r
-.bg-\\[\\#9092984d\\] {\r
-  background-color: #9092984d;\r
-}\r
-.bg-\\[\\#e6f4ff\\] {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(230 244 255 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-black {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-blue-500 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-blue-light {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(22 119 255 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-gray-100 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-gray-200 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-gray-400 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-green-400 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-inherit {\r
-  background-color: inherit;\r
-}\r
-.bg-red-400 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-red-500 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-slate-300 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-slate-50 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-white {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-yellow-400 {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));\r
-}\r
-.bg-opacity-10 {\r
-  --tw-bg-opacity: 0.1;\r
-}\r
-.bg-opacity-30 {\r
-  --tw-bg-opacity: 0.3;\r
-}\r
-.bg-opacity-50 {\r
-  --tw-bg-opacity: 0.5;\r
-}\r
-.bg-opacity-90 {\r
-  --tw-bg-opacity: 0.9;\r
-}\r
-.fill-current {\r
-  fill: currentColor;\r
-}\r
-.fill-gray-300 {\r
-  fill: #d1d5db;\r
-}\r
-.fill-gray-600 {\r
-  fill: #4b5563;\r
-}\r
-.fill-white {\r
-  fill: #fff;\r
-}\r
-.fill-word6 {\r
-  fill: #666;\r
-}\r
-.stroke-gray-300 {\r
-  stroke: #d1d5db;\r
-}\r
-.stroke-wordblue {\r
-  stroke: #1890ff;\r
-}\r
-.stroke-yellow-300 {\r
-  stroke: #fde047;\r
-}\r
-.stroke-2 {\r
-  stroke-width: 2;\r
-}\r
-.\\!p-0 {\r
-  padding: 0px !important;\r
-}\r
-.p-0 {\r
-  padding: 0px;\r
-}\r
-.p-1 {\r
-  padding: 0.25rem;\r
-}\r
-.p-2 {\r
-  padding: 0.5rem;\r
-}\r
-.p-3 {\r
-  padding: 0.75rem;\r
-}\r
-.p-4 {\r
-  padding: 1rem;\r
-}\r
-.p-px {\r
-  padding: 1px;\r
-}\r
-.px-0 {\r
-  padding-left: 0px;\r
-  padding-right: 0px;\r
-}\r
-.px-1 {\r
-  padding-left: 0.25rem;\r
-  padding-right: 0.25rem;\r
-}\r
-.px-1\\.5 {\r
-  padding-left: 0.375rem;\r
-  padding-right: 0.375rem;\r
-}\r
-.px-2 {\r
-  padding-left: 0.5rem;\r
-  padding-right: 0.5rem;\r
-}\r
-.px-3 {\r
-  padding-left: 0.75rem;\r
-  padding-right: 0.75rem;\r
-}\r
-.px-4 {\r
-  padding-left: 1rem;\r
-  padding-right: 1rem;\r
-}\r
-.py-0\\.5 {\r
-  padding-top: 0.125rem;\r
-  padding-bottom: 0.125rem;\r
-}\r
-.py-1 {\r
-  padding-top: 0.25rem;\r
-  padding-bottom: 0.25rem;\r
-}\r
-.py-1\\.5 {\r
-  padding-top: 0.375rem;\r
-  padding-bottom: 0.375rem;\r
-}\r
-.py-2 {\r
-  padding-top: 0.5rem;\r
-  padding-bottom: 0.5rem;\r
-}\r
-.py-px {\r
-  padding-top: 1px;\r
-  padding-bottom: 1px;\r
-}\r
-.pb-1 {\r
-  padding-bottom: 0.25rem;\r
-}\r
-.pb-9 {\r
-  padding-bottom: 2.25rem;\r
-}\r
-.pl-1 {\r
-  padding-left: 0.25rem;\r
-}\r
-.pl-2 {\r
-  padding-left: 0.5rem;\r
-}\r
-.pr-1 {\r
-  padding-right: 0.25rem;\r
-}\r
-.pt-2 {\r
-  padding-top: 0.5rem;\r
-}\r
-.pt-3 {\r
-  padding-top: 0.75rem;\r
-}\r
-.pt-8 {\r
-  padding-top: 2rem;\r
-}\r
-.text-left {\r
-  text-align: left;\r
-}\r
-.text-center {\r
-  text-align: center;\r
-}\r
-.text-right {\r
-  text-align: right;\r
-}\r
-.align-middle {\r
-  vertical-align: middle;\r
-}\r
-.text-base {\r
-  font-size: 1rem;\r
-  line-height: 1.5rem;\r
-}\r
-.text-lg {\r
-  font-size: 1.125rem;\r
-  line-height: 1.75rem;\r
-}\r
-.text-sm {\r
-  font-size: 0.875rem;\r
-  line-height: 1.25rem;\r
-}\r
-.text-xs {\r
-  font-size: 0.75rem;\r
-  line-height: 1rem;\r
-}\r
-.font-bold {\r
-  font-weight: 700;\r
-}\r
-.font-medium {\r
-  font-weight: 500;\r
-}\r
-.font-normal {\r
-  font-weight: 400;\r
-}\r
-.font-semibold {\r
-  font-weight: 600;\r
-}\r
-.leading-5 {\r
-  line-height: 1.25rem;\r
-}\r
-.leading-6 {\r
-  line-height: 1.5rem;\r
-}\r
-.leading-8 {\r
-  line-height: 2rem;\r
-}\r
-.text-blue-400 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(96 165 250 / var(--tw-text-opacity, 1));\r
-}\r
-.text-blue-500 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));\r
-}\r
-.text-blue-brand {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(1 64 153 / var(--tw-text-opacity, 1));\r
-}\r
-.text-blue-light {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(22 119 255 / var(--tw-text-opacity, 1));\r
-}\r
-.text-red-600 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\r
-}\r
-.text-white {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\r
-}\r
-.text-word3 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(51 51 51 / var(--tw-text-opacity, 1));\r
-}\r
-.text-word6 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(102 102 102 / var(--tw-text-opacity, 1));\r
-}\r
-.text-word9 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(153 153 153 / var(--tw-text-opacity, 1));\r
-}\r
-.text-yellow-400 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(250 204 21 / var(--tw-text-opacity, 1));\r
-}\r
-.opacity-0 {\r
-  opacity: 0;\r
-}\r
-.opacity-100 {\r
-  opacity: 1;\r
-}\r
-.opacity-50 {\r
-  opacity: 0.5;\r
-}\r
-.outline-none {\r
-  outline: 2px solid transparent;\r
-  outline-offset: 2px;\r
-}\r
-.outline-0 {\r
-  outline-width: 0px;\r
-}\r
-.ring-2 {\r
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\r
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\r
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\r
-}\r
-.ring-gray-300 {\r
-  --tw-ring-opacity: 1;\r
-  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));\r
-}\r
-.blur {\r
-  --tw-blur: blur(8px);\r
-  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);\r
-}\r
-.drop-shadow {\r
-  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\r
-  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);\r
-}\r
-.\\!filter {\r
-  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) !important;\r
-}\r
-.filter {\r
-  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);\r
-}\r
-.transition {\r
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\r
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\r
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
-  transition-duration: 150ms;\r
-}\r
-.transition-all {\r
-  transition-property: all;\r
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
-  transition-duration: 150ms;\r
-}\r
-.transition-colors {\r
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\r
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
-  transition-duration: 150ms;\r
-}\r
-.transition-opacity {\r
-  transition-property: opacity;\r
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
-  transition-duration: 150ms;\r
-}\r
-.transition-transform {\r
-  transition-property: transform;\r
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
-  transition-duration: 150ms;\r
-}\r
-.duration-300 {\r
-  transition-duration: 300ms;\r
-}\r
-.duration-700 {\r
-  transition-duration: 700ms;\r
-}\r
-.ease-in-out {\r
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
-}\r
-.scrollbar-none {\r
-  scrollbar-width: none;\r
-}\r
-.scrollbar-none::-webkit-scrollbar {\r
-  display: none;\r
-}\r
+}/* @tailwind base;\r
+@tailwind components; */\r
+/* @tailwind utilities;\r
+\r
+@layer utilities {\r
 .form-tick:checked {\r
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");\r
   border-color: transparent;\r
@@ -1064,173 +85,37 @@ var __publicField = (obj, key, value) => {
   background-position: 50%;\r
   background-repeat: no-repeat;\r
 }\r
-.before\\:absolute::before {\r
-  content: var(--tw-content);\r
-  position: absolute;\r
-}\r
-.before\\:z-\\[-1\\]::before {\r
-  content: var(--tw-content);\r
-  z-index: -1;\r
-}\r
-.before\\:-mr-px::before {\r
-  content: var(--tw-content);\r
-  margin-right: -1px;\r
+.fade-enter-active,\r
+.fade-leave-active {\r
+  transition: opacity 0.2s ease;\r
 }\r
-.before\\:inline-block::before {\r
-  content: var(--tw-content);\r
-  display: inline-block;\r
-}\r
-.before\\:h-1\\/2::before {\r
-  content: var(--tw-content);\r
-  height: 50%;\r
-}\r
-.before\\:h-2\\.5::before {\r
-  content: var(--tw-content);\r
-  height: 0.625rem;\r
-}\r
-.before\\:w-2\\.5::before {\r
-  content: var(--tw-content);\r
-  width: 0.625rem;\r
-}\r
-.before\\:w-\\[1px\\]::before {\r
-  content: var(--tw-content);\r
-  width: 1px;\r
-}\r
-.before\\:rotate-45::before {\r
-  content: var(--tw-content);\r
-  --tw-rotate: 45deg;\r
-  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));\r
-}\r
-.before\\:rounded-bl::before {\r
-  content: var(--tw-content);\r
-  border-bottom-left-radius: 0.25rem;\r
-}\r
-.before\\:rounded-br::before {\r
-  content: var(--tw-content);\r
-  border-bottom-right-radius: 0.25rem;\r
-}\r
-.before\\:rounded-tl::before {\r
-  content: var(--tw-content);\r
-  border-top-left-radius: 0.25rem;\r
-}\r
-.before\\:rounded-tr::before {\r
-  content: var(--tw-content);\r
-  border-top-right-radius: 0.25rem;\r
-}\r
-.before\\:border::before {\r
-  content: var(--tw-content);\r
-  border-width: 1px;\r
-}\r
-.before\\:border-gray-300::before {\r
-  content: var(--tw-content);\r
-  --tw-border-opacity: 1;\r
-  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\r
-}\r
-.before\\:border-b-transparent::before {\r
-  content: var(--tw-content);\r
-  border-bottom-color: transparent;\r
-}\r
-.before\\:border-l-transparent::before {\r
-  content: var(--tw-content);\r
-  border-left-color: transparent;\r
-}\r
-.before\\:border-r-transparent::before {\r
-  content: var(--tw-content);\r
-  border-right-color: transparent;\r
-}\r
-.before\\:border-t-transparent::before {\r
-  content: var(--tw-content);\r
-  border-top-color: transparent;\r
-}\r
-.before\\:bg-white::before {\r
-  content: var(--tw-content);\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\r
-}\r
-.before\\:content-\\[\\'\\'\\]::before {\r
-  --tw-content: '';\r
-  content: var(--tw-content);\r
+\r
+.fade-enter-from,\r
+.fade-leave-to {\r
+  opacity: 0;\r
 }\r
-.checked\\:border-transparent:checked {\r
+} */\r
+\r
+.form-tick:checked {\r
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");\r
   border-color: transparent;\r
+  background-size: 100% 100%;\r
+  background-position: 50%;\r
+  background-repeat: no-repeat;\r
 }\r
-.checked\\:bg-blue-600:checked {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\r
-}\r
-.hover\\:scale-125:hover {\r
-  --tw-scale-x: 1.25;\r
-  --tw-scale-y: 1.25;\r
-  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));\r
-}\r
-.hover\\:bg-gray-100:hover {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\r
-}\r
-.hover\\:bg-gray-200:hover {\r
-  --tw-bg-opacity: 1;\r
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\r
-}\r
-.hover\\:text-blue-400:hover {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(96 165 250 / var(--tw-text-opacity, 1));\r
-}\r
-.hover\\:text-blue-500:hover {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));\r
-}\r
-.hover\\:text-blue-brand:hover {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(1 64 153 / var(--tw-text-opacity, 1));\r
-}\r
-.hover\\:opacity-100:hover {\r
-  opacity: 1;\r
-}\r
-.focus\\:outline-none:focus {\r
-  outline: 2px solid transparent;\r
-  outline-offset: 2px;\r
-}\r
-.active\\:to-blue-700:active {\r
-  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);\r
-}\r
-.disabled\\:cursor-default:disabled {\r
-  cursor: default;\r
-}\r
-.disabled\\:cursor-not-allowed:disabled {\r
-  cursor: not-allowed;\r
-}\r
-.group:hover .group-hover\\:visible {\r
-  visibility: visible;\r
-}\r
-.group\\/scroll:hover .group-hover\\/scroll\\:opacity-100 {\r
-  opacity: 1;\r
-}\r
-.peer:disabled ~ .peer-disabled\\:text-word9 {\r
-  --tw-text-opacity: 1;\r
-  color: rgb(153 153 153 / var(--tw-text-opacity, 1));\r
-}\r
-@media not all and (min-width: 640px) {\r
-  .max-sm\\:opacity-100 {\r
-    opacity: 1;\r
-  }\r
+.fade-enter-active,\r
+.fade-leave-active {\r
+  transition: opacity 0.2s ease;\r
 }\r
-@media (min-width: 640px) {\r
-  .group\\/scroll:hover .sm\\:group-hover\\/scroll\\:opacity-100 {\r
-    opacity: 1;\r
-  }\r
-}
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.2s ease;
-}
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-.ETab {
+\r
+.fade-enter-from,\r
+.fade-leave-to {\r
+  opacity: 0;\r
+}.ETab {
     display: flex;
-    width: -moz-max-content;
-    width: max-content;
+    width: 100%;
+    min-width: -moz-max-content;
+    min-width: max-content;
     flex-wrap: nowrap;
     --tw-text-opacity: 1;
     color: rgb(102 102 102 / var(--tw-text-opacity, 1))
@@ -1383,7 +268,7 @@ var __publicField = (obj, key, value) => {
   }
   const infoTip = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$d]]);
   const _hoisted_1$x = { class: "pointer-events-none fixed right-0 left-0 bottom-0 top-4 z-2000 space-y-5" };
-  const _hoisted_2$e = { class: "pointer-events-auto inline-flex items-center space-x-3 bg-white p-3 text-sm text-word3 drop-shadow" };
+  const _hoisted_2$f = { class: "pointer-events-auto inline-flex items-center space-x-3 bg-white p-3 text-sm text-word3 drop-shadow" };
   const _hoisted_3$9 = { class: "flex-1" };
   const _hoisted_4$5 = ["onClick"];
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
@@ -1455,7 +340,7 @@ var __publicField = (obj, key, value) => {
                     class: "w-full text-center",
                     key: item.id
                   }, [
-                    vue.createElementVNode("div", _hoisted_2$e, [
+                    vue.createElementVNode("div", _hoisted_2$f, [
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass(["flex h-5 w-5 items-center justify-center rounded-full", {
                           "bg-green-400": item.type === "success",
@@ -1636,7 +521,7 @@ var __publicField = (obj, key, value) => {
   }
   const tipIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$c]]);
   const _hoisted_1$v = { class: "z-20 w-96 rounded bg-white px-4 pt-8 pb-9 drop-shadow mt-[20vh] mx-auto" };
-  const _hoisted_2$d = { class: "flex justify-center" };
+  const _hoisted_2$e = { class: "flex justify-center" };
   const _hoisted_3$8 = { class: "h-6 w-6 text-yellow-400" };
   const _hoisted_4$4 = { class: "ml-1 text-lg leading-6 text-word3" };
   const _hoisted_5$4 = { class: "my-4 text-sm text-word3 text-center" };
@@ -1684,7 +569,7 @@ var __publicField = (obj, key, value) => {
                 onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => props.onClose(), ["self"]))
               }, [
                 vue.createElementVNode("div", _hoisted_1$v, [
-                  vue.createElementVNode("div", _hoisted_2$d, [
+                  vue.createElementVNode("div", _hoisted_2$e, [
                     vue.createElementVNode("div", _hoisted_3$8, [
                       vue.createVNode(tipIcon, { class: "w-full h-full" })
                     ]),
@@ -1816,10 +701,12 @@ var __publicField = (obj, key, value) => {
         handleLoadingState(el, binding, binding.value);
       }
     },
-    beforeUnmount(el) {
+    beforeUnmount(el, binding) {
       var _a;
       if (el.__loading_instance__) {
-        cleanupLoadingState(el, document.body);
+        const modifiers = binding.modifiers;
+        const target = modifiers.fullScreen ? document.body : el;
+        cleanupLoadingState(el, target);
         (_a = el.__loading_instance__) == null ? void 0 : _a.$el.remove();
         delete el.__loading_instance__;
       }
@@ -2085,7 +972,7 @@ var __publicField = (obj, key, value) => {
   };
   const DEFAULT_DEBOUNCE_WAIT$2 = 100;
   const DEFAULT_HOLD = 0;
-  const createScrollDirective$1 = (options) => {
+  const createLoadingDirective = (options) => {
     const config = {
       throttleTime: DEFAULT_DEBOUNCE_WAIT$2,
       threshold: DEFAULT_HOLD,
@@ -2326,7 +1213,6 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const dialog_vue_vue_type_style_index_0_lang = "";
   const dialog = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     default: _sfc_main$D
@@ -2411,7 +1297,7 @@ var __publicField = (obj, key, value) => {
     default: _sfc_main$C
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$s = { class: "relative flex-1 items-center h-full leading-8 flex" };
-  const _hoisted_2$c = {
+  const _hoisted_2$d = {
     key: 0,
     class: "absolute -bottom-5 left-0 text-xs text-red-600"
   };
@@ -2479,8 +1365,8 @@ var __publicField = (obj, key, value) => {
           }
           if (validator) {
             const result = await FunctionToPromise(validator, aimdata);
-            if (result !== null) {
-              setErrHandle();
+            if (result !== void 0) {
+              setErrHandle(result);
               break;
             }
           }
@@ -2533,7 +1419,7 @@ var __publicField = (obj, key, value) => {
             vue.renderSlot(_ctx.$slots, "default"),
             vue.createVNode(vue.Transition, { name: "opecity" }, {
               default: vue.withCtx(() => [
-                showTip.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, vue.toDisplayString(tip.value), 1)) : vue.createCommentVNode("", true)
+                showTip.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, vue.toDisplayString(tip.value), 1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             })
@@ -2561,7 +1447,7 @@ var __publicField = (obj, key, value) => {
   }
   const delIcon = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$b]]);
   const _hoisted_1$q = { class: "relative flex h-full w-full items-center overflow-hidden rounded border border-solid" };
-  const _hoisted_2$b = ["placeholder", "type"];
+  const _hoisted_2$c = ["placeholder", "type"];
   const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     __name: "input",
     props: {
@@ -2576,9 +1462,9 @@ var __publicField = (obj, key, value) => {
     setup(__props, { emit: __emit }) {
       const props = __props;
       const heightClass = vue.computed(() => ({
-        "h-8": props.size === "large",
-        "h-7": props.size === "default",
-        "h-6": props.size === "small"
+        "h-10": props.size === "large",
+        "h-9": props.size === "default",
+        "h-8": props.size === "small"
       }));
       const inputValue = vue.computed({
         get() {
@@ -2644,7 +1530,7 @@ var __publicField = (obj, key, value) => {
             onBlur: handleBlur,
             onInput: handleInput,
             onChange: handleChange
-          }, null, 42, _hoisted_2$b), [
+          }, null, 42, _hoisted_2$c), [
             [vue.vModelDynamic, inputValue.value]
           ]),
           vue.withDirectives(vue.createElementVNode("button", {
@@ -2748,12 +1634,14 @@ var __publicField = (obj, key, value) => {
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
       const Pop = vue.defineAsyncComponent(() => Promise.resolve().then(() => popover));
-      const LibScrollBar2 = vue.defineAsyncComponent(() => Promise.resolve().then(() => scrollBar));
+      const LibScrollBar2 = vue.defineAsyncComponent(
+        () => Promise.resolve().then(() => scrollBar)
+      );
       const props = __props;
       const heightClass = vue.computed(() => ({
-        "h-8": props.size === "large",
-        "h-7": props.size === "default",
-        "h-6": props.size === "small"
+        "h-10": props.size === "large",
+        "h-9": props.size === "default",
+        "h-8": props.size === "small"
       }));
       const ParentGetChangeHandle = vue.inject("changHandle", (_params) => null);
       const inputbox = vue.ref();
@@ -3391,7 +2279,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const _hoisted_1$i = { class: "relative inline-block h-full w-full" };
-  const _hoisted_2$a = ["src"];
+  const _hoisted_2$b = ["src"];
   const _hoisted_3$7 = { key: 0 };
   const _hoisted_4$3 = { class: "pointer-events-none fixed top-0 right-0 left-0 bottom-0 z-1000 text-center" };
   const _hoisted_5$3 = { class: "pointer-events-auto absolute top-0 left-0 z-10 flex w-full items-center bg-black bg-opacity-10" };
@@ -3465,7 +2353,7 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("img", {
               class: "w-full align-middle",
               src: _ctx.src
-            }, null, 8, _hoisted_2$a),
+            }, null, 8, _hoisted_2$b),
             _ctx.preview ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               onClick: showPreview,
@@ -3641,7 +2529,7 @@ var __publicField = (obj, key, value) => {
   }
   const Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$4]]);
   const _hoisted_1$e = { class: "flex items-center justify-between p-3" };
-  const _hoisted_2$9 = { class: "flex-1 text-center text-sm font-medium" };
+  const _hoisted_2$a = { class: "flex-1 text-center text-sm font-medium" };
   const _hoisted_3$6 = { class: "relative overflow-hidden px-2 pt-3 pb-1" };
   const _hoisted_4$2 = {
     class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
@@ -3670,9 +2558,9 @@ var __publicField = (obj, key, value) => {
       const Pop = vue.defineAsyncComponent(() => Promise.resolve().then(() => popover));
       const props = __props;
       const heightClass = vue.computed(() => ({
-        "h-8": props.size === "large",
-        "h-7": props.size === "default",
-        "h-6": props.size === "small"
+        "h-10": props.size === "large",
+        "h-9": props.size === "default",
+        "h-8": props.size === "small"
       }));
       const emit = __emit;
       const dateChangeHandle = (e) => {
@@ -3894,7 +2782,7 @@ var __publicField = (obj, key, value) => {
               }, [
                 vue.createVNode(Arrow, { class: "h-4 w-4 rotate-180 transform" })
               ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_2$9, [
+              vue.createElementVNode("div", _hoisted_2$a, [
                 vue.createElementVNode("span", null, vue.toDisplayString(Year.value) + "年", 1),
                 vue.withDirectives(vue.createElementVNode("button", {
                   type: "button",
@@ -4000,7 +2888,7 @@ var __publicField = (obj, key, value) => {
     default: _sfc_main$m
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$d = { class: "flex justify-between items-center p-3" };
-  const _hoisted_2$8 = { class: "w-1/2 flex items-center" };
+  const _hoisted_2$9 = { class: "w-1/2 flex items-center" };
   const _hoisted_3$5 = { class: "flex-1 text-center font-medium text-sm" };
   const _hoisted_4$1 = { class: "w-10 inline-block" };
   const _hoisted_5$1 = { class: "font-medium" };
@@ -4042,9 +2930,9 @@ var __publicField = (obj, key, value) => {
       const emit = __emit;
       const props = __props;
       const heightClass = vue.computed(() => ({
-        "h-8": props.size === "large",
-        "h-7": props.size === "default",
-        "h-6": props.size === "small"
+        "h-10": props.size === "large",
+        "h-9": props.size === "default",
+        "h-8": props.size === "small"
       }));
       const deleteDateHandle = () => {
         emit("update:modelValue", [null, null]);
@@ -4337,7 +3225,7 @@ var __publicField = (obj, key, value) => {
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$d, [
-              vue.createElementVNode("div", _hoisted_2$8, [
+              vue.createElementVNode("div", _hoisted_2$9, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "w-4 h-4 appearance-none",
@@ -4497,7 +3385,7 @@ var __publicField = (obj, key, value) => {
     default: _sfc_main$l
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$c = ["value"];
-  const _hoisted_2$7 = { class: "w-full border-t-2 border-gray-200 border-solid mt-2 relative" };
+  const _hoisted_2$8 = { class: "w-full border-t-2 border-gray-200 border-solid mt-2 relative" };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     __name: "menu",
     props: {
@@ -4568,7 +3456,7 @@ var __publicField = (obj, key, value) => {
               ]);
             }), 128))
           ], 512),
-          vue.createElementVNode("div", _hoisted_2$7, [
+          vue.createElementVNode("div", _hoisted_2$8, [
             vue.createElementVNode("div", {
               class: "absolute w-14 border-t-2 border-solid border-blue-brand bottom-0 transition",
               style: vue.normalizeStyle(indicatorStyle.value)
@@ -4607,7 +3495,7 @@ var __publicField = (obj, key, value) => {
   }
   const ellipsisIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$3]]);
   const _hoisted_1$a = { class: "flex items-center w-full h-7 text-sm text-center select-none" };
-  const _hoisted_2$6 = {
+  const _hoisted_2$7 = {
     key: 0,
     class: "w-24 h-7 flex-none px-1"
   };
@@ -4707,7 +3595,7 @@ var __publicField = (obj, key, value) => {
       };
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
-          showSizeSelector.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
+          showSizeSelector.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
             vue.createVNode(vue.unref(LibSelect2), {
               modelValue: size.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => size.value = $event)
@@ -4873,7 +3761,7 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const DEFAULT_DEBOUNCE_WAIT = 100;
+  const DEFAULT_DEBOUNCE_WAIT = 50;
   const createScrollDirective = (options) => {
     const config = {
       debounceWait: DEFAULT_DEBOUNCE_WAIT,
@@ -4893,12 +3781,14 @@ var __publicField = (obj, key, value) => {
         move: moveDom
       };
       window.addEventListener("resize", el._watchwindow_handlers_.move);
-      window.addEventListener("scroll", el._watchwindow_handlers_.move);
+      const scrollContainer = typeof config.scrollContainerId === "string" ? document.querySelector(config.scrollContainerId) || window : window;
+      scrollContainer.addEventListener("scroll", el._watchwindow_handlers_.move);
     };
     const unbindEvents = (el) => {
       if (el._watchwindow_handlers_) {
         window.removeEventListener("resize", el._watchwindow_handlers_.move);
-        window.removeEventListener("scroll", el._watchwindow_handlers_.move);
+        const scrollContainer = typeof config.scrollContainerId === "string" ? document.querySelector(config.scrollContainerId) || window : window;
+        scrollContainer.removeEventListener("scroll", el._watchwindow_handlers_.move);
         delete el._watchwindow_handlers_;
       }
     };
@@ -4944,7 +3834,6 @@ var __publicField = (obj, key, value) => {
       arrowLeft: { type: Number, required: true },
       arrowTop: { type: Number, required: true },
       placement: { type: String, required: true },
-      arrowshow: { type: Boolean, required: true },
       exChange: { type: Boolean, required: true },
       beforebgcolor: { type: String }
     },
@@ -4978,8 +3867,6 @@ var __publicField = (obj, key, value) => {
         }
         return classes;
       };
-      if (!props.arrowshow)
-        return;
       return () => vue.h("span", {
         class: vue.normalizeClass(getArrowClasses()),
         style: vue.normalizeStyle(getArrowStyles())
@@ -4997,8 +3884,7 @@ var __publicField = (obj, key, value) => {
       beforeHidden: {},
       modelValue: { type: Boolean },
       beforebgcolor: {},
-      arrowshow: { type: Boolean, default: true },
-      isselectMode: { type: Boolean, default: false }
+      arrowshow: { type: Boolean, default: true }
     },
     emits: ["update:modelValue"],
     setup(__props, { expose: __expose, emit: __emit }) {
@@ -5058,12 +3944,15 @@ var __publicField = (obj, key, value) => {
         arrowLeft.value = position.arrowLeft;
         exChange.value = position.exChange;
       };
+      const { proxy } = vue.getCurrentInstance();
       const vScroll = createScrollDirective({
         onMove: () => {
           if (shouldShow.value == false)
             return;
           setPosition();
-        }
+        },
+        // @ts-ignore
+        scrollContainerId: proxy.gloablScrollBar ? proxy.gloablScrollBar : void 0
       });
       const vClickoutside = createBgClickDirective({
         onCheckOut: (event, el) => {
@@ -5140,14 +4029,14 @@ var __publicField = (obj, key, value) => {
                   style: vue.normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
                 }, [
                   vue.renderSlot(_ctx.$slots, "default"),
-                  vue.createVNode(vue.unref(arrowComponent), {
+                  _ctx.arrowshow ? (vue.openBlock(), vue.createBlock(vue.unref(arrowComponent), {
+                    key: 0,
                     arrowLeft: arrowLeft.value,
                     arrowTop: arrowTop.value,
                     exChange: exChange.value,
                     beforebgcolor: _ctx.beforebgcolor,
-                    placement: _ctx.placement,
-                    arrowshow: _ctx.arrowshow
-                  }, null, 8, ["arrowLeft", "arrowTop", "exChange", "beforebgcolor", "placement", "arrowshow"])
+                    placement: _ctx.placement
+                  }, null, 8, ["arrowLeft", "arrowTop", "exChange", "beforebgcolor", "placement"])) : vue.createCommentVNode("", true)
                 ], 6)), [
                   [vue.vShow, shouldShow.value],
                   [vue.unref(vClickoutside)],
@@ -5191,7 +4080,7 @@ var __publicField = (obj, key, value) => {
   }
   const addIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$1]]);
   const _hoisted_1$6 = { class: "inline-flex w-full rounded-sm border border-solid" };
-  const _hoisted_2$5 = ["disabled"];
+  const _hoisted_2$6 = ["disabled"];
   const _hoisted_3$3 = ["disabled"];
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     __name: "numberinput",
@@ -5208,9 +4097,9 @@ var __publicField = (obj, key, value) => {
     setup(__props, { emit: __emit }) {
       const props = __props;
       const sizeClass = vue.computed(() => ({
-        "h-8 w-8": props.size === "large",
-        "h-7 w-7": props.size === "default",
-        "h-6 w-6": props.size === "small"
+        "h-10 w-10": props.size === "large",
+        "h-9 w-9": props.size === "default",
+        "h-8 w-8": props.size === "small"
       }));
       const bounds = vue.computed(() => ({
         min: props.min ?? -Infinity,
@@ -5260,7 +4149,7 @@ var __publicField = (obj, key, value) => {
             class: vue.normalizeClass(["disabled:cursor-not-allowed flex-none bg-gray-200 text-xs", sizeClass.value])
           }, [
             vue.createVNode(minusIcon, { class: "h-4 w-4 fill-word6 inline-block" })
-          ], 10, _hoisted_2$5),
+          ], 10, _hoisted_2$6),
           vue.withDirectives(vue.createElementVNode("input", {
             class: "w-full px-1 text-center outline-none text-word3",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
@@ -5318,7 +4207,7 @@ var __publicField = (obj, key, value) => {
     default: _sfc_main$c
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$5 = ["value", "disabled"];
-  const _hoisted_2$4 = { class: "pl-2 peer-disabled:text-word9" };
+  const _hoisted_2$5 = { class: "pl-2 peer-disabled:text-word9" };
   const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     __name: "radiobox",
     props: {
@@ -5357,7 +4246,7 @@ var __publicField = (obj, key, value) => {
           }, null, 8, _hoisted_1$5), [
             [vue.vModelRadio, checkedState.value]
           ]),
-          vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString(_ctx.label), 1)
+          vue.createElementVNode("span", _hoisted_2$5, vue.toDisplayString(_ctx.label), 1)
         ], 2);
       };
     }
@@ -5425,7 +4314,7 @@ var __publicField = (obj, key, value) => {
     default: _sfc_main$a
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$4 = ["value", "disabled"];
-  const _hoisted_2$3 = { class: "pl-2 peer-disabled:text-word9" };
+  const _hoisted_2$4 = { class: "pl-2 peer-disabled:text-word9" };
   const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     __name: "checkbox",
     props: {
@@ -5465,7 +4354,7 @@ var __publicField = (obj, key, value) => {
           }, null, 8, _hoisted_1$4), [
             [vue.vModelCheckbox, checkedState.value]
           ]),
-          vue.createElementVNode("span", _hoisted_2$3, vue.toDisplayString(_ctx.label), 1)
+          vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString(_ctx.label), 1)
         ], 2);
       };
     }
@@ -5475,7 +4364,7 @@ var __publicField = (obj, key, value) => {
     default: _sfc_main$9
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$3 = ["accept", "multiple"];
-  const _hoisted_2$2 = {
+  const _hoisted_2$3 = {
     key: 0,
     class: "mt-1 list-none space-y-1"
   };
@@ -5541,7 +4430,7 @@ var __publicField = (obj, key, value) => {
               vue.renderSlot(_ctx.$slots, "default")
             ])
           ]),
-          _ctx.showFileList ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$2, [
+          _ctx.showFileList ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$3, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileList.value, (i, d) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: d,
@@ -5566,7 +4455,7 @@ var __publicField = (obj, key, value) => {
     default: _sfc_main$8
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$2 = { class: "relative w-full overflow-hidden" };
-  const _hoisted_2$1 = {
+  const _hoisted_2$2 = {
     key: 0,
     class: "relative my-2 border-t-2 border-solid border-gray-200"
   };
@@ -5579,7 +4468,9 @@ var __publicField = (obj, key, value) => {
     },
     emits: ["update:active"],
     setup(__props, { emit: __emit }) {
-      const LibScrollBar2 = vue.defineAsyncComponent(() => Promise.resolve().then(() => scrollBar));
+      const LibScrollBar2 = vue.defineAsyncComponent(
+        () => Promise.resolve().then(() => scrollBar)
+      );
       const props = __props;
       const showBaseline = vue.computed(() => props.type === "line");
       const emit = __emit;
@@ -5705,12 +4596,12 @@ var __publicField = (obj, key, value) => {
             }
           });
         });
-        if (showBaseline.value) {
+        if (observerRef.value) {
           observer.observe(observerRef.value);
         }
       });
       vue.onUnmounted(() => {
-        if (showBaseline.value) {
+        if (observerRef.value) {
           observer.unobserve(observerRef.value);
         }
       });
@@ -5722,7 +4613,7 @@ var __publicField = (obj, key, value) => {
                 ref_key: "observerRef",
                 ref: observerRef
               }, null, 512),
-              showBaseline.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+              showBaseline.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
                 vue.createElementVNode("div", {
                   class: "absolute bottom-0 border-t-2 border-solid border-blue-brand transition",
                   style: vue.normalizeStyle({
@@ -5893,12 +4784,14 @@ var __publicField = (obj, key, value) => {
     key: 0,
     class: "group/scroll relative h-full overflow-hidden"
   };
+  const _hoisted_2$1 = ["id"];
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "scrollBar",
     props: {
       native: { type: Boolean, default: false },
       height: {},
-      maxHeight: {}
+      maxHeight: {},
+      id: {}
     },
     setup(__props, { expose: __expose }) {
       const props = __props;
@@ -5979,10 +4872,11 @@ var __publicField = (obj, key, value) => {
             ref_key: "wrap",
             ref: wrap,
             onScrollPassive: handleScroll,
-            class: "overscroll-contain overflow-auto h-full scrollbar-none uiscroll",
+            class: "overscroll-contain overflow-auto h-full scrollbar-none",
             style: vue.normalizeStyle(warpStyle.value),
             onTouchstart: _cache[0] || (_cache[0] = ($event) => isTouching.value = true),
-            onTouchend: _cache[1] || (_cache[1] = ($event) => isTouching.value = false)
+            onTouchend: _cache[1] || (_cache[1] = ($event) => isTouching.value = false),
+            id: _ctx.id
           }, [
             vue.createElementVNode("div", {
               ref_key: "contentBox",
@@ -5990,7 +4884,7 @@ var __publicField = (obj, key, value) => {
             }, [
               vue.renderSlot(_ctx.$slots, "default")
             ], 512)
-          ], 36),
+          ], 44, _hoisted_2$1),
           hasHor.value ? (vue.openBlock(), vue.createBlock(_sfc_main$5, {
             key: 0,
             move: moveX.value,
@@ -6255,7 +5149,7 @@ var __publicField = (obj, key, value) => {
   exports2.LibTabs = LibTabs;
   exports2.LibTabsPane = LibTabsPane;
   exports2.LibUpload = LibUpload;
-  exports2.createScrollDirective = createScrollDirective$1;
+  exports2.createLoadingDirective = createLoadingDirective;
   exports2.default = index;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });