ninemoon-ui 0.1.8 → 0.1.10

package/dist/js/index/index.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, onUnmounted, createBlock, Teleport, createVNode, TransitionGroup, withCtx, Fragment, renderList, normalizeClass, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, createApp, isVNode, watch, computed, Transition, withDirectives, withModifiers, unref, reactive, defineAsyncComponent } from "vue";
+import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, onUnmounted, createBlock, Teleport, unref, createVNode, TransitionGroup, withCtx, Fragment, renderList, normalizeClass, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, createApp, isVNode, watch, computed, Transition, withDirectives, withModifiers, reactive, defineAsyncComponent } from "vue";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -82,6 +82,17 @@ function _sfc_render$1(_ctx, _cache) {
   ]));
 }
 const infoTip = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1]]);
+let cachedContainer;
+const selector = `popper-container`;
+const usePopperContainer = () => {
+  if (!cachedContainer && !document.querySelector(`#${selector}`)) {
+    const container = document.createElement("div");
+    container.id = selector;
+    cachedContainer = container;
+    document.body.appendChild(container);
+  }
+  return { container: cachedContainer };
+};
 const _hoisted_1$3 = { class: "pointer-events-none fixed right-0 left-0 bottom-0 top-4 z-2000 space-y-5" };
 const _hoisted_2$1 = { class: "pointer-events-auto inline-flex items-center space-x-3 bg-white p-3 text-sm text-word3 drop-shadow" };
 const _hoisted_3$1 = { class: "flex-1" };
@@ -146,7 +157,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       dealConfig
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
+      return openBlock(), createBlock(Teleport, {
+        to: `#${unref(selector)}`
+      }, [
         createElementVNode("div", _hoisted_1$3, [
           createVNode(TransitionGroup, { name: "message" }, {
             default: withCtx(() => [
@@ -190,7 +203,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ])
-      ]);
+      ], 8, ["to"]);
     };
   }
 });
@@ -277,6 +290,11 @@ const createEscapeDirective = (options) => {
     ...options
   };
   const bindEvents = (el, binding) => {
+    if (el.__Escape_Handler__) {
+      const index2 = handlerStack.indexOf(el.__Escape_Handler__);
+      if (index2 !== -1)
+        handlerStack.splice(index2, 1);
+    }
     const thisHandler = (e) => {
       e.preventDefault();
       config.onEscape(e);
@@ -302,20 +320,17 @@ const createEscapeDirective = (options) => {
   };
   return {
     mounted(el, binding) {
-      bindEvents(el);
+      if (binding.value)
+        bindEvents(el);
     },
     updated(el, binding) {
-      if (el.__Escape_Handler__) {
-        const index2 = handlerStack.indexOf(el.__Escape_Handler__);
-        if (index2 !== -1)
-          handlerStack.splice(index2, 1);
+      if (binding.value !== binding.oldValue) {
+        if (binding.value) {
+          bindEvents(el);
+        } else {
+          unbindEvents(el);
+        }
       }
-      const newHandler = (e) => {
-        e.preventDefault();
-        config.onEscape(e);
-      };
-      handlerStack.push(newHandler);
-      el.__Escape_Handler__ = newHandler;
     },
     beforeUnmount(el) {
       unbindEvents(el);
@@ -403,7 +418,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ])
               ])
             ], 2)), [
-              [unref(vEsc)]
+              [unref(vEsc), visible.value]
             ]) : createCommentVNode("", true)
           ]),
           _: 1
@@ -624,11 +639,17 @@ const createArrowKeysDirective = (options) => {
   };
   return {
     mounted(el, binding) {
-      bindEvents(el);
+      if (binding.value)
+        bindEvents(el);
     },
     updated(el, binding) {
-      unbindEvents(el);
-      bindEvents(el);
+      if (binding.value !== binding.oldValue) {
+        if (binding.value) {
+          bindEvents(el);
+        } else {
+          unbindEvents(el);
+        }
+      }
     },
     unmounted(el) {
       unbindEvents(el);
@@ -905,14 +926,24 @@ const createDraggableDirective = (options) => {
   };
   return {
     mounted(el, binding) {
-      bindEvents(el);
+      if (binding.value)
+        bindEvents(el);
+    },
+    updated(el, binding) {
+      if (binding.value !== binding.oldValue) {
+        if (binding.value) {
+          bindEvents(el);
+        } else {
+          unbindEvents(el);
+        }
+      }
     },
     beforeUnmount(el) {
       unbindEvents(el);
     }
   };
 };
-const DEFAULT_DEBOUNCE_WAIT$2 = 100;
+const DEFAULT_DEBOUNCE_WAIT$2 = 50;
 const createBgClickDirective = (options) => {
   const config = {
     debounceWait: DEFAULT_DEBOUNCE_WAIT$2,
@@ -932,24 +963,25 @@ const createBgClickDirective = (options) => {
       click: clickDom
     };
     if (config.moveModel) {
-      document.addEventListener("mousemove", clickDom);
+      window.addEventListener("mousemove", clickDom, true);
     } else {
-      document.addEventListener("click", clickDom);
+      window.addEventListener("click", clickDom, true);
     }
   };
   const unbindEvents = (el) => {
     if (el._checkout_handlers_) {
       if (config.moveModel) {
-        document.removeEventListener("mousemove", el._checkout_handlers_.click);
+        window.removeEventListener("mousemove", el._checkout_handlers_.click, true);
       } else {
-        document.removeEventListener("click", el._checkout_handlers_.click);
+        window.removeEventListener("click", el._checkout_handlers_.click, true);
       }
       delete el._checkout_handlers_;
     }
   };
   return {
     mounted(el, binding) {
-      bindEvents(el);
+      if (binding.value)
+        bindEvents(el);
     },
     beforeUnmount(el) {
       unbindEvents(el);
@@ -957,73 +989,73 @@ const createBgClickDirective = (options) => {
     // 添加 updated 钩子处理配置变化
     updated(el, binding) {
       if (binding.value !== binding.oldValue) {
-        unbindEvents(el);
-        bindEvents(el);
+        if (binding.value) {
+          bindEvents(el);
+        } else {
+          unbindEvents(el);
+        }
       }
     }
   };
 };
 const DEFAULT_DEBOUNCE_WAIT$1 = 100;
-const DEFAULT_HOLD = 0;
+const DEFAULT_HOLD = 300;
 const createLoadingDirective = (options) => {
   const config = {
-    throttleTime: DEFAULT_DEBOUNCE_WAIT$1,
+    debounceTime: DEFAULT_DEBOUNCE_WAIT$1,
     threshold: DEFAULT_HOLD,
     edge: "bottom",
     onWheel: () => {
     },
     ...options
   };
-  const checkEdgeProximity = (el, edge) => {
-    const { scrollTop, scrollHeight, clientHeight } = el;
+  const checkEdges = (el, edge) => {
+    const rect = el.getBoundingClientRect();
+    const windowHeight = window.innerHeight;
+    console.log(rect.bottom, rect.top, windowHeight);
     const threshold = config.threshold;
-    const epsilon = 0.1;
-    if (scrollHeight <= clientHeight) {
-      return edge === "top" ? scrollTop === 0 : true;
-    }
-    const maxScroll = scrollHeight - clientHeight;
     switch (edge) {
       case "top":
-        return scrollTop <= threshold + epsilon;
+        return rect.top >= -threshold && rect.top <= threshold;
       case "bottom": {
-        const remaining = maxScroll - scrollTop;
-        return remaining <= threshold + epsilon;
+        const bottomDistance = windowHeight - rect.bottom;
+        return bottomDistance >= 0 && bottomDistance <= threshold;
       }
       default:
         return false;
     }
   };
   const bindEvents = (el, binding) => {
-    const isScrollable = el.scrollHeight > el.clientHeight;
-    if (!isScrollable)
-      return;
     if (el._scroll_handlers_)
       return;
-    const wheelDom = throttle(() => {
-      if (checkEdgeProximity(el, config.edge)) {
+    const wheelDom = debounce(() => {
+      if (checkEdges(el, config.edge)) {
         config.onWheel();
       }
-    }, config.throttleTime);
+    }, config.debounceTime);
     el._scroll_handlers_ = {
       wheel: wheelDom
     };
-    el.addEventListener("wheel", el._scroll_handlers_.wheel);
+    window.addEventListener("wheel", el._scroll_handlers_.wheel);
   };
   const unbindEvents = (el) => {
     if (el._scroll_handlers_) {
-      el.removeEventListener("wheel", el._scroll_handlers_.wheel);
+      window.removeEventListener("wheel", el._scroll_handlers_.wheel);
       delete el._scroll_handlers_;
     }
   };
   return {
     mounted(el, binding) {
-      bindEvents(el);
+      if (binding.value)
+        bindEvents(el);
     },
     updated(el, binding) {
-      if (binding.value.ableLoading === false) {
-        unbindEvents(el);
-      } else {
-        bindEvents(el);
+      if (binding.value !== binding.oldValue) {
+        if (binding.value) {
+          bindEvents(el);
+        } else {
+          unbindEvents(el);
+        }
       }
     },
     beforeUnmount(el) {
@@ -1031,7 +1063,7 @@ const createLoadingDirective = (options) => {
     }
   };
 };
-const DEFAULT_DEBOUNCE_WAIT = 50;
+const DEFAULT_DEBOUNCE_WAIT = 20;
 const createScrollDirective = (options) => {
   const config = {
     debounceWait: DEFAULT_DEBOUNCE_WAIT,
@@ -1064,7 +1096,9 @@ const createScrollDirective = (options) => {
   };
   return {
     mounted(el, binding) {
-      bindEvents(el);
+      if (binding.value) {
+        bindEvents(el);
+      }
     },
     beforeUnmount(el) {
       unbindEvents(el);
@@ -1072,8 +1106,11 @@ const createScrollDirective = (options) => {
     // 添加 updated 钩子处理配置变化
     updated(el, binding) {
       if (binding.value !== binding.oldValue) {
-        unbindEvents(el);
-        bindEvents(el);
+        if (binding.value) {
+          bindEvents(el);
+        } else {
+          unbindEvents(el);
+        }
       }
     }
   };
@@ -1102,38 +1139,17 @@ const createWheelDirective = (options) => {
   };
   return {
     mounted(el, binding) {
-      bindEvents(el);
-    },
-    beforeUnmount(el) {
-      unbindEvents(el);
-    }
-  };
-};
-const createBgClickeDirective = (options) => {
-  const config = {
-    onBgPicture: () => {
+      if (binding.value)
+        bindEvents(el);
     },
-    ...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);
+    updated(el, binding) {
+      if (binding.value !== binding.oldValue) {
+        if (binding.value) {
+          bindEvents(el);
+        } else {
+          unbindEvents(el);
+        }
+      }
     },
     beforeUnmount(el) {
       unbindEvents(el);
@@ -1141,6 +1157,7 @@ const createBgClickeDirective = (options) => {
   };
 };
 const tailwind = "";
+const tabs = "";
 const LibDialog = defineAsyncComponent(() => import("../dialog/dialog.js"));
 const LibForm = defineAsyncComponent(() => import("../form/form.js"));
 const LibFormLabel = defineAsyncComponent(() => import("../form/formlabel.js"));
@@ -1168,6 +1185,7 @@ const LibScrollBar = defineAsyncComponent(() => import("../scrollBar/scrollBar.j
 const LibCarousel = defineAsyncComponent(() => import("../carousel/carousel.js"));
 const LibCarouselItem = defineAsyncComponent(() => import("../carousel/carouselitem.js"));
 const LibSwitch = defineAsyncComponent(() => import("../switch/switch.js"));
+usePopperContainer();
 const index = {
   install(app) {
     app.component("LibDialog", LibDialog);
@@ -1200,27 +1218,27 @@ const index = {
   }
 };
 export {
-  LibBadge as A,
-  LibPopover as B,
+  LibPagination as A,
+  LibBadge as B,
   CloseIcon as C,
-  LibNumberInput as D,
-  LibRadioBox as E,
-  LibRadioGroup as F,
-  LibCheckGroup as G,
-  LibCheckBox as H,
-  LibUpload as I,
-  LibTabs as J,
-  LibTabsPane as K,
+  LibPopover as D,
+  LibNumberInput as E,
+  LibRadioBox as F,
+  LibRadioGroup as G,
+  LibCheckGroup as H,
+  LibCheckBox as I,
+  LibUpload as J,
+  LibTabs as K,
   LibDialog as L,
-  LibScrollBar as M,
-  MessageClass as N,
-  AlertFunction as O,
-  LibLoad as P,
-  LibCarousel as Q,
-  LibCarouselItem as R,
-  LibSwitch as S,
-  createLoadingDirective as T,
-  createBgClickeDirective as U,
+  LibTabsPane as M,
+  LibScrollBar as N,
+  MessageClass as O,
+  AlertFunction as P,
+  LibLoad as Q,
+  LibCarousel as R,
+  LibCarouselItem as S,
+  LibSwitch as T,
+  createLoadingDirective as U,
   _export_sfc as _,
   createArrowKeysDirective as a,
   createDraggableDirective as b,
@@ -1240,12 +1258,12 @@ export {
   LibInput as p,
   LibSelect as q,
   LibSelectOption as r,
-  LibTable as s,
-  LibTableItem as t,
+  selector as s,
+  LibTable as t,
   usePotion as u,
-  LibImage as v,
-  LibDatePicker as w,
-  LibDatePickerRange as x,
-  LibMenu as y,
-  LibPagination as z
+  LibTableItem as v,
+  LibImage as w,
+  LibDatePicker as x,
+  LibDatePickerRange as y,
+  LibMenu as z
 };

package/dist/js/input/input.js

@@ -1,8 +1,9 @@
-import { defineComponent, computed, inject, openBlock, createElementBlock, renderSlot, withDirectives, createElementVNode, normalizeClass, vModelDynamic, createVNode, vShow } from "vue";
+import { defineComponent, computed, inject, openBlock, createElementBlock, renderSlot, withDirectives, normalizeClass, vModelDynamic, vModelText, createElementVNode, createVNode, vShow } from "vue";
 import { d as delIcon } from "../delete/delete.js";
 import "../index/index.js";
 const _hoisted_1 = { class: "relative flex h-full w-full items-center overflow-hidden rounded border border-solid" };
-const _hoisted_2 = ["placeholder", "type"];
+const _hoisted_2 = ["placeholder", "type", "autocomplete"];
+const _hoisted_3 = ["placeholder", "rows", "autocomplete"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "input",
   props: {
@@ -11,15 +12,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     type: { default: "text" },
     placeHolder: {},
     clearable: { type: Boolean, default: false },
-    size: { default: "default" }
+    rows: {},
+    size: { default: "default" },
+    autocomplete: { default: "off" }
   },
   emits: ["update:modelValue", "blur", "input", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const isTextarea = computed(() => props.type === "textarea");
     const heightClass = computed(() => ({
       "h-10": props.size === "large",
       "h-9": props.size === "default",
-      "h-8": props.size === "small"
+      "h-8": props.size === "small",
+      "h-7": props.size === "mini"
     }));
     const inputValue = computed({
       get() {
@@ -77,16 +82,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "prepend"),
-        withDirectives(createElementVNode("input", {
+        !isTextarea.value ? withDirectives((openBlock(), createElementBlock("input", {
+          key: 0,
           class: normalizeClass(["w-full px-2 outline-none appearance-none", heightClass.value]),
           placeholder: _ctx.placeHolder,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
           type: _ctx.type,
+          autocomplete: _ctx.autocomplete,
           onBlur: handleBlur,
           onInput: handleInput,
           onChange: handleChange
-        }, null, 42, _hoisted_2), [
+        }, null, 42, _hoisted_2)), [
           [vModelDynamic, inputValue.value]
+        ]) : withDirectives((openBlock(), createElementBlock("textarea", {
+          key: 1,
+          class: normalizeClass(["w-full h-full px-2 outline-none appearance-none", heightClass.value]),
+          placeholder: _ctx.placeHolder,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+          autosize: "",
+          rows: _ctx.rows,
+          autocomplete: _ctx.autocomplete,
+          onBlur: handleBlur,
+          onInput: handleInput,
+          onChange: handleChange
+        }, null, 42, _hoisted_3)), [
+          [vModelText, inputValue.value]
         ]),
         withDirectives(createElementVNode("button", {
           type: "button",

package/dist/js/numberInput/numberinput.js

@@ -44,7 +44,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const sizeClass = computed(() => ({
       "h-10 w-10": props.size === "large",
       "h-9 w-9": props.size === "default",
-      "h-8 w-8": props.size === "small"
+      "h-8 w-8": props.size === "small",
+      "h-7 w-7": props.size === "mini"
     }));
     const bounds = computed(() => ({
       min: props.min ?? -Infinity,

package/dist/js/pagination/pagination.js

@@ -129,7 +129,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showSizeSelector.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(unref(LibSelect), {
             modelValue: size.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => size.value = $event)
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => size.value = $event),
+            size: "mini"
           }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sizeArr, (i) => {

package/dist/js/popover/popover.js

@@ -1,5 +1,5 @@
-import { defineComponent, h, normalizeClass, normalizeStyle, ref, computed, nextTick, getCurrentInstance, openBlock, createElementBlock, withModifiers, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, unref, createCommentVNode, vShow } from "vue";
-import { u as usePotion, h as createScrollDirective, i as createBgClickDirective, c as createEscapeDirective } from "../index/index.js";
+import { defineComponent, h, normalizeClass, normalizeStyle, ref, computed, nextTick, getCurrentInstance, openBlock, createElementBlock, withModifiers, renderSlot, createBlock, Teleport, unref, createVNode, Transition, withCtx, withDirectives, createCommentVNode, vShow } from "vue";
+import { u as usePotion, h as createScrollDirective, i as createBgClickDirective, c as createEscapeDirective, s as selector } from "../index/index.js";
 const PLACEMENT_GROUPS = {
   top: ["topleft", "topmiddle", "topright"],
   bottom: ["bottomleft", "bottommiddle", "bottomright"],
@@ -139,17 +139,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { proxy } = getCurrentInstance();
     const vScroll = createScrollDirective({
       onMove: () => {
-        if (shouldShow.value == false)
-          return;
         setPosition();
       },
-      // @ts-ignore
-      scrollContainerId: proxy.gloablScrollBar ? proxy.gloablScrollBar : void 0
+      scrollContainerId: (proxy == null ? void 0 : proxy.gloablScrollBar) ? proxy == null ? void 0 : proxy.gloablScrollBar : void 0
     });
     const vClickoutside = createBgClickDirective({
       onCheckOut: (event, el) => {
-        if (shouldShow.value == false)
-          return;
         if (el.contains(event.target)) {
           return;
         } else if (base.value.contains(event.target)) {
@@ -162,9 +157,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const vEsc = createEscapeDirective({
       onEscape: () => {
-        if (shouldShow.value == false)
-          return;
-        console.log("work");
         hideHandle();
       }
     });
@@ -211,7 +203,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onMouseenter: withModifiers(hovershowHandle, ["prevent"])
       }, [
         renderSlot(_ctx.$slots, "reference"),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
+        (openBlock(), createBlock(Teleport, {
+          to: `#${unref(selector)}`
+        }, [
           createVNode(Transition, { name: "opecity" }, {
             default: withCtx(() => [
               withDirectives((openBlock(), createElementBlock("div", {
@@ -231,14 +225,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["arrowLeft", "arrowTop", "exChange", "beforebgcolor", "placement"])) : createCommentVNode("", true)
               ], 6)), [
                 [vShow, shouldShow.value],
-                [unref(vClickoutside)],
-                [unref(vEsc)],
-                [unref(vScroll)]
+                [unref(vClickoutside), shouldShow.value],
+                [unref(vEsc), shouldShow.value],
+                [unref(vScroll), shouldShow.value]
               ])
             ]),
             _: 3
           })
-        ]))
+        ], 8, ["to"]))
       ], 544);
     };
   }

package/dist/js/radio/radiobox.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vModelRadio, toDisplayString } from "vue";
 const _hoisted_1 = ["value", "disabled"];
-const _hoisted_2 = { class: "pl-2 peer-disabled:text-word9" };
+const _hoisted_2 = { class: "peer-disabled:text-word9 px-2 py-1 bg-white text-word6 peer-checked:bg-[#1890ff] peer-checked:text-white" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "radiobox",
   props: {
@@ -28,18 +28,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["select-none inline-flex items-center", { "cursor-not-allowed": _ctx.disabled }])
+        class: normalizeClass(["select-none text-sm inline-flex items-center cursor-pointer first:rounded-l-md last:rounded-r-md border-t border-b border-l last:border-r overflow-hidden", { "cursor-not-allowed": _ctx.disabled }])
       }, [
         withDirectives(createElementVNode("input", {
           type: "radio",
           value: _ctx.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedState.value = $event),
           disabled: _ctx.disabled,
-          class: "peer disabled:cursor-not-allowed form-tick appearance-none h-4 w-4 rounded-full border border-gray-300 checked:border-transparent checked:bg-blue-600 focus:outline-none"
+          class: "peer hidden disabled:cursor-not-allowed form-tick appearance-none h-4 w-4 rounded-full border border-gray-300 checked:border-transparent checked:bg-blue-600 focus:outline-none"
         }, null, 8, _hoisted_1), [
           [vModelRadio, checkedState.value]
         ]),
-        createElementVNode("span", _hoisted_2, toDisplayString(_ctx.label), 1)
+        createElementVNode("div", _hoisted_2, toDisplayString(_ctx.label), 1)
       ], 2);
     };
   }

package/dist/js/select/select.js

@@ -21,7 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const heightClass = computed(() => ({
       "h-10": props.size === "large",
       "h-9": props.size === "default",
-      "h-8": props.size === "small"
+      "h-8": props.size === "small",
+      "h-7": props.size === "mini"
     }));
     const ParentGetChangeHandle = inject("changHandle", (_params) => null);
     const inputbox = ref();
@@ -113,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               type: "text",
               disabled: _ctx.disabled,
               readonly: !_ctx.filter,
-              class: normalizeClass(["w-full cursor-pointer appearance-none px-2 text-sm outline-none disabled:cursor-default text-word3", heightClass.value]),
+              class: normalizeClass(["w-full cursor-pointer appearance-none pl-2 text-sm outline-none disabled:cursor-default text-word3", heightClass.value]),
               placeholder: _ctx.placeHolder
             }, null, 10, _hoisted_1),
             createVNode(ArrowIcon, {
@@ -134,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 3
             }, 512)
           ])), [
-            [unref(vArrowKeys)]
+            [unref(vArrowKeys), showOption.value]
           ])
         ]),
         _: 3