ninemoon-ui 0.1.2 → 0.1.4

package/dist/index.umd.js

@@ -75,823 +75,9 @@ var __publicField = (obj, key, value) => {
 }
 }/* @tailwind base;\r
 @tailwind components; */\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-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
-.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
-.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
-.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 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
@@ -899,211 +85,38 @@ 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
-}\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
+.fade-enter-active,\r
+.fade-leave-active {\r
+  transition: opacity 0.2s ease;\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
-}.\\!container {
-  width: 100% !important
-}
-.container {
-  width: 100%
-}
-@media (min-width: 640px) {
-.\\!container {
-    max-width: 640px !important
-}
-.container {
-    max-width: 640px
-}
-}
-@media (min-width: 768px) {
-.\\!container {
-    max-width: 768px !important
-}
-.container {
-    max-width: 768px
-}
-}
-@media (min-width: 1024px) {
-.\\!container {
-    max-width: 1024px !important
-}
-.container {
-    max-width: 1024px
-}
-}
-@media (min-width: 1280px) {
-.\\!container {
-    max-width: 1280px !important
-}
-.container {
-    max-width: 1280px
-}
-}
-@media (min-width: 1536px) {
-.\\!container {
-    max-width: 1536px !important
-}
-.container {
-    max-width: 1536px
-}
-}
-@layer {
-.ETab {
+\r
+.fade-enter-from,\r
+.fade-leave-to {\r
+  opacity: 0;\r
+}.ETab {
     display: flex;
     width: 100%;
-    flex-wrap: wrap;
+    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))
 }
@@ -1175,7 +188,6 @@ var __publicField = (obj, key, value) => {
 .ETab_Card .ETab_Line_Btn_Btw {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
-}
 }`;
   document.head.appendChild(__vite_style__);
   const _export_sfc = (sfc, props) => {
@@ -1256,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({
@@ -1328,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",
@@ -1509,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" };
@@ -1557,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" })
                     ]),
@@ -1689,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__;
       }
@@ -1748,6 +762,64 @@ var __publicField = (obj, key, value) => {
     }
     delete el.__loading_instance__;
   }
+  const directionMap = {
+    ArrowUp: "up",
+    Up: "up",
+    // IE/Edge 兼容
+    ArrowDown: "down",
+    Down: "down",
+    // IE/Edge 兼容
+    ArrowLeft: "left",
+    Left: "left",
+    // IE/Edge 兼容
+    ArrowRight: "right",
+    Right: "right"
+    // IE/Edge 兼容
+  };
+  const createArrowKeysDirective = (options) => {
+    const config = {
+      // 默认配置
+      up: () => {
+      },
+      down: () => {
+      },
+      left: () => {
+      },
+      right: () => {
+      },
+      ...options
+    };
+    const bindEvents = (el, binding) => {
+      const handler = (e) => {
+        var _a;
+        const direction = directionMap[e.key];
+        if (direction && config[direction]) {
+          e.preventDefault();
+          (_a = config[direction]) == null ? void 0 : _a.call(config, e);
+        }
+      };
+      el._arrowKeysHandler = handler;
+      document.addEventListener("keydown", handler);
+    };
+    const unbindEvents = (el) => {
+      if (el._arrowKeysHandler) {
+        document.removeEventListener("keydown", el._arrowKeysHandler);
+      }
+      delete el._arrowKeysHandler;
+    };
+    return {
+      mounted(el, binding) {
+        bindEvents(el);
+      },
+      updated(el, binding) {
+        unbindEvents(el);
+        bindEvents(el);
+      },
+      unmounted(el) {
+        unbindEvents(el);
+      }
+    };
+  };
   function debounce(func, wait) {
     let timeout;
     return function() {
@@ -1919,48 +991,168 @@ var __publicField = (obj, key, value) => {
         fail();
         return;
       }
-      const newDate = new Date(year, month - 1, safeDay);
-      if (newDate.getFullYear() !== year || newDate.getMonth() + 1 !== month || newDate.getDate() !== safeDay) {
-        fail();
-        return;
+      const newDate = new Date(year, month - 1, safeDay);
+      if (newDate.getFullYear() !== year || newDate.getMonth() + 1 !== month || newDate.getDate() !== safeDay) {
+        fail();
+        return;
+      }
+      const formatted = formatDate(newDate);
+      success(formatted);
+    } catch (error) {
+      fail();
+    }
+  };
+  const on = function() {
+    return function(element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  }();
+  const off = function() {
+    return function(element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  }();
+  const useResizeObserver = (callback) => {
+    let observer = null;
+    const observe = (el) => {
+      observer = new ResizeObserver(callback);
+      observer.observe(el);
+    };
+    const unobserve = (el) => {
+      observer == null ? void 0 : observer.unobserve(el);
+      observer == null ? void 0 : observer.disconnect();
+    };
+    return { observe, unobserve };
+  };
+  const DEFAULT_THROTTLE_WAIT = 60;
+  const createDraggableDirective = (options) => {
+    const config = {
+      throttleWait: DEFAULT_THROTTLE_WAIT,
+      resetOnEnd: false,
+      onDrag: () => {
+      },
+      // default implementation
+      ...options
+    };
+    const bindEvents = (el, binding) => {
+      if (el.__draggable_handlers__)
+        return;
+      let startX = 0;
+      let startY = 0;
+      let initialX = 0;
+      let initialY = 0;
+      const handleMove = throttle((e) => {
+        e.preventDefault();
+        const deltaX = e.pageX - startX;
+        const deltaY = e.pageY - startY;
+        config.onDrag({
+          x: deltaX + initialX,
+          y: deltaY + initialY
+        });
+      }, config.throttleWait);
+      const handleDown = (e) => {
+        var _a;
+        e.preventDefault();
+        const rect = el.getBoundingClientRect();
+        initialX = rect.left + window.scrollX;
+        initialY = rect.top + window.scrollY;
+        startX = e.pageX;
+        startY = e.pageY;
+        (_a = config.onDragStart) == null ? void 0 : _a.call(config, { x: initialX, y: initialY });
+        window.addEventListener("mousemove", handleMove);
+        window.addEventListener("mouseup", handleUp);
+      };
+      const handleUp = () => {
+        var _a;
+        window.removeEventListener("mousemove", handleMove);
+        window.removeEventListener("mouseup", handleUp);
+        if (config.resetOnEnd) {
+          config.onDrag({ x: initialX, y: initialY });
+        }
+        (_a = config.onDragEnd) == null ? void 0 : _a.call(config, { x: initialX, y: initialY });
+      };
+      el.__draggable_handlers__ = {
+        move: handleMove,
+        up: handleUp
+      };
+      el.addEventListener("mousedown", handleDown);
+    };
+    const unbindEvents = (el) => {
+      if (el.__draggable_handlers__) {
+        window.removeEventListener("mousemove", el.__draggable_handlers__.move);
+        window.removeEventListener("mouseup", el.__draggable_handlers__.up);
+        delete el.__draggable_handlers__;
+      }
+    };
+    return {
+      mounted(el, binding) {
+        bindEvents(el);
+      },
+      beforeUnmount(el) {
+        unbindEvents(el);
       }
-      const formatted = formatDate(newDate);
-      success(formatted);
-    } catch (error) {
-      fail();
-    }
+    };
   };
-  const on = function() {
-    return function(element, event, handler) {
-      if (element && event && handler) {
-        element.addEventListener(event, handler, false);
-      }
+  const DEFAULT_DEBOUNCE_WAIT$2 = 100;
+  const createBgClickDirective = (options) => {
+    const config = {
+      debounceWait: DEFAULT_DEBOUNCE_WAIT$2,
+      moveModel: false,
+      onCheckOut: () => {
+      },
+      ...options
     };
-  }();
-  const off = function() {
-    return function(element, event, handler) {
-      if (element && event) {
-        element.removeEventListener(event, handler, false);
+    const bindEvents = (el, binding) => {
+      if (el._checkout_handlers_)
+        return;
+      const clickDom = debounce((e) => {
+        e.preventDefault();
+        config.onCheckOut(e, el);
+      }, config.debounceWait);
+      el._checkout_handlers_ = {
+        click: clickDom
+      };
+      if (config.moveModel) {
+        document.addEventListener("mousemove", clickDom);
+      } else {
+        document.addEventListener("click", clickDom);
       }
     };
-  }();
-  const useResizeObserver = (callback) => {
-    let observer = null;
-    const observe = (el) => {
-      observer = new ResizeObserver(callback);
-      observer.observe(el);
+    const unbindEvents = (el) => {
+      if (el._checkout_handlers_) {
+        if (config.moveModel) {
+          document.removeEventListener("mousemove", el._checkout_handlers_.click);
+        } else {
+          document.removeEventListener("click", el._checkout_handlers_.click);
+        }
+        delete el._checkout_handlers_;
+      }
     };
-    const unobserve = (el) => {
-      observer == null ? void 0 : observer.unobserve(el);
-      observer == null ? void 0 : observer.disconnect();
+    return {
+      mounted(el, binding) {
+        bindEvents(el);
+      },
+      beforeUnmount(el) {
+        unbindEvents(el);
+      },
+      // 添加 updated 钩子处理配置变化
+      updated(el, binding) {
+        if (binding.value !== binding.oldValue) {
+          unbindEvents(el);
+          bindEvents(el);
+        }
+      }
     };
-    return { observe, unobserve };
   };
-  const DEFAULT_DEBOUNCE_WAIT$2 = 100;
+  const DEFAULT_DEBOUNCE_WAIT$1 = 100;
   const DEFAULT_HOLD = 0;
-  const createScrollDirective$1 = (options) => {
+  const createLoadingDirective = (options) => {
     const config = {
-      throttleTime: DEFAULT_DEBOUNCE_WAIT$2,
+      throttleTime: DEFAULT_DEBOUNCE_WAIT$1,
       threshold: DEFAULT_HOLD,
       edge: "bottom",
       onWheel: () => {
@@ -2024,6 +1216,115 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
+  const DEFAULT_DEBOUNCE_WAIT = 50;
+  const createScrollDirective = (options) => {
+    const config = {
+      debounceWait: DEFAULT_DEBOUNCE_WAIT,
+      onMove: () => {
+      },
+      ...options
+    };
+    const bindEvents = (el, binding) => {
+      if (el._watchwindow_handlers_) {
+        return;
+      }
+      const moveDom = debounce((e) => {
+        e.preventDefault();
+        config.onMove();
+      }, config.debounceWait);
+      el._watchwindow_handlers_ = {
+        move: moveDom
+      };
+      window.addEventListener("resize", 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);
+        const scrollContainer = typeof config.scrollContainerId === "string" ? document.querySelector(config.scrollContainerId) || window : window;
+        scrollContainer.removeEventListener("scroll", el._watchwindow_handlers_.move);
+        delete el._watchwindow_handlers_;
+      }
+    };
+    return {
+      mounted(el, binding) {
+        bindEvents(el);
+      },
+      beforeUnmount(el) {
+        unbindEvents(el);
+      },
+      // 添加 updated 钩子处理配置变化
+      updated(el, binding) {
+        if (binding.value !== binding.oldValue) {
+          unbindEvents(el);
+          bindEvents(el);
+        }
+      }
+    };
+  };
+  const createWheelDirective = (options) => {
+    const config = {
+      onWheel: () => {
+      },
+      ...options
+    };
+    const bindEvents = (el, binding) => {
+      const wheelHandler = (e) => {
+        e.preventDefault();
+        config.onWheel(e);
+      };
+      el._wheel_handlers_ = {
+        wheel: wheelHandler
+      };
+      el.addEventListener("wheel", wheelHandler);
+    };
+    const unbindEvents = (el) => {
+      if (el._wheel_handlers_) {
+        el.removeEventListener("wheel", el._wheel_handlers_.wheel);
+        delete el._wheel_handlers_;
+      }
+    };
+    return {
+      mounted(el, binding) {
+        bindEvents(el);
+      },
+      beforeUnmount(el) {
+        unbindEvents(el);
+      }
+    };
+  };
+  const createBgClickeDirective = (options) => {
+    const config = {
+      onBgPicture: () => {
+      },
+      ...options
+    };
+    const bindEvents = (el, binding) => {
+      const bgPictureHandler = (e) => {
+        e.preventDefault();
+        config.onBgPicture(e);
+      };
+      el._bgPicture_handlers_ = {
+        bgPicture: bgPictureHandler
+      };
+      el.addEventListener("click", bgPictureHandler);
+    };
+    const unbindEvents = (el) => {
+      if (el._bgPicture_handlers_) {
+        el.removeEventListener("click", el._bgPicture_handlers_.bgPicture);
+        delete el._bgPicture_handlers_;
+      }
+    };
+    return {
+      mounted(el, binding) {
+        bindEvents(el);
+      },
+      beforeUnmount(el) {
+        unbindEvents(el);
+      }
+    };
+  };
   const tailwind = "";
   const LibDialog = vue.defineAsyncComponent(() => Promise.resolve().then(() => dialog));
   const LibForm = vue.defineAsyncComponent(() => Promise.resolve().then(() => form));
@@ -2283,7 +1584,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"
   };
@@ -2405,7 +1706,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
             })
@@ -2433,7 +1734,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: {
@@ -2448,9 +1749,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() {
@@ -2516,97 +1817,39 @@ 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", {
-            type: "button",
-            onClick: clearHandle,
-            class: "mr-2 flex-grow-0"
-          }, [
-            vue.createVNode(delIcon, { class: "w-3 h-3" })
-          ], 512), [
-            [vue.vShow, showcloseico.value]
-          ]),
-          vue.renderSlot(_ctx.$slots, "append")
-        ]);
-      };
-    }
-  });
-  const input = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    default: _sfc_main$z
-  }, Symbol.toStringTag, { value: "Module" }));
-  const _sfc_main$y = {};
-  const _hoisted_1$p = {
-    viewBox: "0 0 1024 1024",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  };
-  function _sfc_render$a(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, _cache[0] || (_cache[0] = [
-      vue.createElementVNode("path", { d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z" }, null, -1)
-    ]));
-  }
-  const ArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$a]]);
-  const directionMap = {
-    ArrowUp: "up",
-    Up: "up",
-    // IE/Edge 兼容
-    ArrowDown: "down",
-    Down: "down",
-    // IE/Edge 兼容
-    ArrowLeft: "left",
-    Left: "left",
-    // IE/Edge 兼容
-    ArrowRight: "right",
-    Right: "right"
-    // IE/Edge 兼容
-  };
-  const createArrowKeysDirective = (options) => {
-    const config = {
-      // 默认配置
-      up: () => {
-      },
-      down: () => {
-      },
-      left: () => {
-      },
-      right: () => {
-      },
-      ...options
-    };
-    const bindEvents = (el, binding) => {
-      const handler = (e) => {
-        var _a;
-        const direction = directionMap[e.key];
-        if (direction && config[direction]) {
-          e.preventDefault();
-          (_a = config[direction]) == null ? void 0 : _a.call(config, e);
-        }
+          ]),
+          vue.withDirectives(vue.createElementVNode("button", {
+            type: "button",
+            onClick: clearHandle,
+            class: "mr-2 flex-grow-0"
+          }, [
+            vue.createVNode(delIcon, { class: "w-3 h-3" })
+          ], 512), [
+            [vue.vShow, showcloseico.value]
+          ]),
+          vue.renderSlot(_ctx.$slots, "append")
+        ]);
       };
-      el._arrowKeysHandler = handler;
-      document.addEventListener("keydown", handler);
-    };
-    const unbindEvents = (el) => {
-      if (el._arrowKeysHandler) {
-        document.removeEventListener("keydown", el._arrowKeysHandler);
-      }
-      delete el._arrowKeysHandler;
-    };
-    return {
-      mounted(el, binding) {
-        bindEvents(el);
-      },
-      updated(el, binding) {
-        unbindEvents(el);
-        bindEvents(el);
-      },
-      unmounted(el) {
-        unbindEvents(el);
-      }
-    };
+    }
+  });
+  const input = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    default: _sfc_main$z
+  }, Symbol.toStringTag, { value: "Module" }));
+  const _sfc_main$y = {};
+  const _hoisted_1$p = {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
   };
+  function _sfc_render$a(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, _cache[0] || (_cache[0] = [
+      vue.createElementVNode("path", { d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z" }, null, -1)
+    ]));
+  }
+  const ArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$a]]);
   const _hoisted_1$o = ["value", "disabled", "readonly", "placeholder"];
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     __name: "select",
@@ -2620,12 +1863,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();
@@ -3162,108 +2407,8 @@ var __publicField = (obj, key, value) => {
     ]));
   }
   const turnRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$7]]);
-  const DEFAULT_THROTTLE_WAIT = 60;
-  const createDraggableDirective = (options) => {
-    const config = {
-      throttleWait: DEFAULT_THROTTLE_WAIT,
-      resetOnEnd: false,
-      onDrag: () => {
-      },
-      // default implementation
-      ...options
-    };
-    const bindEvents = (el, binding) => {
-      if (el.__draggable_handlers__)
-        return;
-      let startX = 0;
-      let startY = 0;
-      let initialX = 0;
-      let initialY = 0;
-      const handleMove = throttle((e) => {
-        e.preventDefault();
-        const deltaX = e.pageX - startX;
-        const deltaY = e.pageY - startY;
-        config.onDrag({
-          x: deltaX + initialX,
-          y: deltaY + initialY
-        });
-      }, config.throttleWait);
-      const handleDown = (e) => {
-        var _a;
-        e.preventDefault();
-        const rect = el.getBoundingClientRect();
-        initialX = rect.left + window.scrollX;
-        initialY = rect.top + window.scrollY;
-        startX = e.pageX;
-        startY = e.pageY;
-        (_a = config.onDragStart) == null ? void 0 : _a.call(config, { x: initialX, y: initialY });
-        window.addEventListener("mousemove", handleMove);
-        window.addEventListener("mouseup", handleUp);
-      };
-      const handleUp = () => {
-        var _a;
-        window.removeEventListener("mousemove", handleMove);
-        window.removeEventListener("mouseup", handleUp);
-        if (config.resetOnEnd) {
-          config.onDrag({ x: initialX, y: initialY });
-        }
-        (_a = config.onDragEnd) == null ? void 0 : _a.call(config, { x: initialX, y: initialY });
-      };
-      el.__draggable_handlers__ = {
-        move: handleMove,
-        up: handleUp
-      };
-      el.addEventListener("mousedown", handleDown);
-    };
-    const unbindEvents = (el) => {
-      if (el.__draggable_handlers__) {
-        window.removeEventListener("mousemove", el.__draggable_handlers__.move);
-        window.removeEventListener("mouseup", el.__draggable_handlers__.up);
-        delete el.__draggable_handlers__;
-      }
-    };
-    return {
-      mounted(el, binding) {
-        bindEvents(el);
-      },
-      beforeUnmount(el) {
-        unbindEvents(el);
-      }
-    };
-  };
-  const createWheelDirective = (options) => {
-    const config = {
-      onWheel: () => {
-      },
-      ...options
-    };
-    const bindEvents = (el, binding) => {
-      const wheelHandler = (e) => {
-        e.preventDefault();
-        config.onWheel(e);
-      };
-      el._wheel_handlers_ = {
-        wheel: wheelHandler
-      };
-      el.addEventListener("wheel", wheelHandler);
-    };
-    const unbindEvents = (el) => {
-      if (el._wheel_handlers_) {
-        el.removeEventListener("wheel", el._wheel_handlers_.wheel);
-        delete el._wheel_handlers_;
-      }
-    };
-    return {
-      mounted(el, binding) {
-        bindEvents(el);
-      },
-      beforeUnmount(el) {
-        unbindEvents(el);
-      }
-    };
-  };
   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" };
@@ -3337,7 +2482,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,
@@ -3513,7 +2658,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",
@@ -3542,9 +2687,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) => {
@@ -3766,7 +2911,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",
@@ -3872,7 +3017,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" };
@@ -3914,9 +3059,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]);
@@ -4209,7 +3354,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",
@@ -4369,7 +3514,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: {
@@ -4440,7 +3585,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)
@@ -4479,7 +3624,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"
   };
@@ -4579,7 +3724,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)
@@ -4694,102 +3839,6 @@ var __publicField = (obj, key, value) => {
     __proto__: null,
     default: _sfc_main$h
   }, Symbol.toStringTag, { value: "Module" }));
-  const DEFAULT_DEBOUNCE_WAIT$1 = 100;
-  const createBgClickDirective = (options) => {
-    const config = {
-      debounceWait: DEFAULT_DEBOUNCE_WAIT$1,
-      moveModel: false,
-      onCheckOut: () => {
-      },
-      ...options
-    };
-    const bindEvents = (el, binding) => {
-      if (el._checkout_handlers_)
-        return;
-      const clickDom = debounce((e) => {
-        e.preventDefault();
-        config.onCheckOut(e, el);
-      }, config.debounceWait);
-      el._checkout_handlers_ = {
-        click: clickDom
-      };
-      if (config.moveModel) {
-        document.addEventListener("mousemove", clickDom);
-      } else {
-        document.addEventListener("click", clickDom);
-      }
-    };
-    const unbindEvents = (el) => {
-      if (el._checkout_handlers_) {
-        if (config.moveModel) {
-          document.removeEventListener("mousemove", el._checkout_handlers_.click);
-        } else {
-          document.removeEventListener("click", el._checkout_handlers_.click);
-        }
-        delete el._checkout_handlers_;
-      }
-    };
-    return {
-      mounted(el, binding) {
-        bindEvents(el);
-      },
-      beforeUnmount(el) {
-        unbindEvents(el);
-      },
-      // 添加 updated 钩子处理配置变化
-      updated(el, binding) {
-        if (binding.value !== binding.oldValue) {
-          unbindEvents(el);
-          bindEvents(el);
-        }
-      }
-    };
-  };
-  const DEFAULT_DEBOUNCE_WAIT = 100;
-  const createScrollDirective = (options) => {
-    const config = {
-      debounceWait: DEFAULT_DEBOUNCE_WAIT,
-      onMove: () => {
-      },
-      ...options
-    };
-    const bindEvents = (el, binding) => {
-      if (el._watchwindow_handlers_) {
-        return;
-      }
-      const moveDom = debounce((e) => {
-        e.preventDefault();
-        config.onMove();
-      }, config.debounceWait);
-      el._watchwindow_handlers_ = {
-        move: moveDom
-      };
-      window.addEventListener("resize", el._watchwindow_handlers_.move);
-      window.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);
-        delete el._watchwindow_handlers_;
-      }
-    };
-    return {
-      mounted(el, binding) {
-        bindEvents(el);
-      },
-      beforeUnmount(el) {
-        unbindEvents(el);
-      },
-      // 添加 updated 钩子处理配置变化
-      updated(el, binding) {
-        if (binding.value !== binding.oldValue) {
-          unbindEvents(el);
-          bindEvents(el);
-        }
-      }
-    };
-  };
   const PLACEMENT_GROUPS = {
     top: ["topleft", "topmiddle", "topright"],
     bottom: ["bottomleft", "bottommiddle", "bottomright"],
@@ -4816,7 +3865,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 }
     },
@@ -4850,8 +3898,6 @@ var __publicField = (obj, key, value) => {
         }
         return classes;
       };
-      if (!props.arrowshow)
-        return;
       return () => vue.h("span", {
         class: vue.normalizeClass(getArrowClasses()),
         style: vue.normalizeStyle(getArrowStyles())
@@ -4869,8 +3915,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 }) {
@@ -4930,12 +3975,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) => {
@@ -5012,14 +4060,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)],
@@ -5063,7 +4111,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",
@@ -5080,9 +4128,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,
@@ -5132,7 +4180,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),
@@ -5190,7 +4238,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: {
@@ -5229,7 +4277,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);
       };
     }
@@ -5297,7 +4345,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: {
@@ -5337,7 +4385,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);
       };
     }
@@ -5347,7 +4395,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"
   };
@@ -5413,7 +4461,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,
@@ -5438,7 +4486,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"
   };
@@ -5451,7 +4499,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;
@@ -5594,7 +4644,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({
@@ -5765,12 +4815,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;
@@ -5851,10 +4903,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",
@@ -5862,7 +4915,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,
@@ -6127,7 +5180,14 @@ var __publicField = (obj, key, value) => {
   exports2.LibTabs = LibTabs;
   exports2.LibTabsPane = LibTabsPane;
   exports2.LibUpload = LibUpload;
-  exports2.createScrollDirective = createScrollDirective$1;
+  exports2.createArrowKeysDirective = createArrowKeysDirective;
+  exports2.createBgClickDirective = createBgClickDirective;
+  exports2.createBgClickeDirective = createBgClickeDirective;
+  exports2.createDraggableDirective = createDraggableDirective;
+  exports2.createEscapeDirective = createEscapeDirective;
+  exports2.createLoadingDirective = createLoadingDirective;
+  exports2.createScrollDirective = createScrollDirective;
+  exports2.createWheelDirective = createWheelDirective;
   exports2.default = index;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });