ninemoon-ui 0.1.1 → 0.1.3

package/dist/js/date/datepicker.js

@@ -32,9 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const Pop = defineAsyncComponent(() => import("../popover/popover.js"));
     const props = __props;
     const heightClass = 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) => {

package/dist/js/date/datepickerRange.js

@@ -45,9 +45,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const props = __props;
     const heightClass = 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]);

package/dist/js/dialog/dialog.js

@@ -116,7 +116,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dialog_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };

package/dist/js/form/formlabel.js

@@ -68,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         if (validator) {
           const result = await FunctionToPromise(validator, aimdata);
-          if (result !== null) {
-            setErrHandle();
+          if (result !== void 0) {
+            setErrHandle(result);
             break;
           }
         }

package/dist/js/index/index.js

@@ -516,10 +516,12 @@ const LibLoad = {
       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__;
     }
@@ -785,7 +787,7 @@ const useResizeObserver = (callback) => {
 };
 const DEFAULT_DEBOUNCE_WAIT = 100;
 const DEFAULT_HOLD = 0;
-const createScrollDirective = (options) => {
+const createLoadingDirective = (options) => {
   const config = {
     throttleTime: DEFAULT_DEBOUNCE_WAIT,
     threshold: DEFAULT_HOLD,
@@ -924,7 +926,7 @@ export {
   LibLoad as K,
   LibDialog as L,
   MessageClass as M,
-  createScrollDirective as N,
+  createLoadingDirective as N,
   LibCarousel as O,
   LibCarouselItem as P,
   LibSwitch as Q,

package/dist/js/input/input.js

@@ -17,9 +17,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const heightClass = 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 = computed({
       get() {

package/dist/js/numberInput/numberinput.js

@@ -42,9 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const sizeClass = 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 = computed(() => ({
       min: props.min ?? -Infinity,

package/dist/js/popover/popover.js

@@ -1,4 +1,4 @@
-import { defineComponent, h, normalizeClass, normalizeStyle, ref, computed, nextTick, openBlock, createElementBlock, withModifiers, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, unref, vShow } from "vue";
+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 { d as debounce, u as usePotion, c as createEscapeDirective } from "../index/index.js";
 const DEFAULT_DEBOUNCE_WAIT$1 = 100;
 const createBgClickDirective = (options) => {
@@ -51,7 +51,7 @@ const createBgClickDirective = (options) => {
     }
   };
 };
-const DEFAULT_DEBOUNCE_WAIT = 100;
+const DEFAULT_DEBOUNCE_WAIT = 50;
 const createScrollDirective = (options) => {
   const config = {
     debounceWait: DEFAULT_DEBOUNCE_WAIT,
@@ -71,12 +71,14 @@ const createScrollDirective = (options) => {
       move: moveDom
     };
     window.addEventListener("resize", el._watchwindow_handlers_.move);
-    window.addEventListener("scroll", el._watchwindow_handlers_.move);
+    const scrollContainer = typeof config.scrollContainerId === "string" ? document.querySelector(config.scrollContainerId) || window : window;
+    scrollContainer.addEventListener("scroll", el._watchwindow_handlers_.move);
   };
   const unbindEvents = (el) => {
     if (el._watchwindow_handlers_) {
       window.removeEventListener("resize", el._watchwindow_handlers_.move);
-      window.removeEventListener("scroll", el._watchwindow_handlers_.move);
+      const scrollContainer = typeof config.scrollContainerId === "string" ? document.querySelector(config.scrollContainerId) || window : window;
+      scrollContainer.removeEventListener("scroll", el._watchwindow_handlers_.move);
       delete el._watchwindow_handlers_;
     }
   };
@@ -122,7 +124,6 @@ const arrowComponent = defineComponent({
     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 }
   },
@@ -156,8 +157,6 @@ const arrowComponent = defineComponent({
       }
       return classes;
     };
-    if (!props.arrowshow)
-      return;
     return () => h("span", {
       class: normalizeClass(getArrowClasses()),
       style: normalizeStyle(getArrowStyles())
@@ -175,8 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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 }) {
@@ -236,12 +234,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       arrowLeft.value = position.arrowLeft;
       exChange.value = position.exChange;
     };
+    const { proxy } = 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) => {
@@ -318,14 +319,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
               }, [
                 renderSlot(_ctx.$slots, "default"),
-                createVNode(unref(arrowComponent), {
+                _ctx.arrowshow ? (openBlock(), createBlock(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"])) : createCommentVNode("", true)
               ], 6)), [
                 [vShow, shouldShow.value],
                 [unref(vClickoutside)],

package/dist/js/scrollBar/scrollBar.js

@@ -130,12 +130,14 @@ const _hoisted_1 = {
   key: 0,
   class: "group/scroll relative h-full overflow-hidden"
 };
+const _hoisted_2 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "scrollBar",
   props: {
     native: { type: Boolean, default: false },
     height: {},
-    maxHeight: {}
+    maxHeight: {},
+    id: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -216,10 +218,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           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: 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
         }, [
           createElementVNode("div", {
             ref_key: "contentBox",
@@ -227,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 512)
-        ], 36),
+        ], 44, _hoisted_2),
         hasHor.value ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           move: moveX.value,

package/dist/js/select/select.js

@@ -72,12 +72,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const Pop = defineAsyncComponent(() => import("../popover/popover.js"));
-    const LibScrollBar = defineAsyncComponent(() => import("../scrollBar/scrollBar.js"));
+    const LibScrollBar = defineAsyncComponent(
+      () => import("../scrollBar/scrollBar.js")
+    );
     const props = __props;
     const heightClass = 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 = inject("changHandle", (_params) => null);
     const inputbox = ref();

package/dist/js/tabs/tabs.js

@@ -14,7 +14,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:active"],
   setup(__props, { emit: __emit }) {
-    const LibScrollBar = defineAsyncComponent(() => import("../scrollBar/scrollBar.js"));
+    const LibScrollBar = defineAsyncComponent(
+      () => import("../scrollBar/scrollBar.js")
+    );
     const props = __props;
     const showBaseline = computed(() => props.type === "line");
     const emit = __emit;
@@ -140,12 +142,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         });
       });
-      if (showBaseline.value) {
+      if (observerRef.value) {
         observer.observe(observerRef.value);
       }
     });
     onUnmounted(() => {
-      if (showBaseline.value) {
+      if (observerRef.value) {
         observer.unobserve(observerRef.value);
       }
     });

package/dist/tabs.css

@@ -1,7 +1,8 @@
 .ETab {
     display: flex;
-    width: -moz-max-content;
-    width: max-content;
+    width: 100%;
+    min-width: -moz-max-content;
+    min-width: max-content;
     flex-wrap: nowrap;
     --tw-text-opacity: 1;
     color: rgb(102 102 102 / var(--tw-text-opacity, 1))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninemoon-ui",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.3",
   "author": "zhuboy",
   "keywords": [
     "vue3",
@@ -16,7 +16,6 @@
     "vue": "^3.3.4"
   },
   "main": "dist/index.es.js",
-  "module": "dist/index.umd.js",
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
     "autoprefixer": "^10.4.14",

package/dist/dialog.css

@@ -1,9 +0,0 @@
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.2s ease;
-}
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}