ninemoon-ui 0.1.2 → 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/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;

package/dist/tabs.css

@@ -1,54 +1,9 @@
-.\!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 {
     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))
 }
@@ -120,5 +75,4 @@
 .ETab_Card .ETab_Line_Btn_Btw {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
-}
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninemoon-ui",
   "private": false,
-  "version": "0.1.2",
+  "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",