ninemoon-ui 0.1.2 → 0.1.4

package/dist/js/popover/popover.js

@@ -1,101 +1,5 @@
-import { defineComponent, h, normalizeClass, normalizeStyle, ref, computed, nextTick, openBlock, createElementBlock, withModifiers, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, unref, 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) => {
-  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);
-      }
-    }
-  };
-};
+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";
 const PLACEMENT_GROUPS = {
   top: ["topleft", "topmiddle", "topright"],
   bottom: ["bottomleft", "bottommiddle", "bottomright"],
@@ -122,7 +26,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 +59,6 @@ const arrowComponent = defineComponent({
       }
       return classes;
     };
-    if (!props.arrowshow)
-      return;
     return () => h("span", {
       class: normalizeClass(getArrowClasses()),
       style: normalizeStyle(getArrowStyles())
@@ -175,8 +76,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 +136,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 +221,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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, onMounted, onUnmounted, renderSlot, createBlock, createCommentVNode } from "vue";
-import { o as on, b as off, e as useResizeObserver } from "../index/index.js";
+import { o as on, j as off, k as useResizeObserver } from "../index/index.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "movebar",
   props: {
@@ -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

@@ -1,64 +1,6 @@
 import { defineComponent, defineAsyncComponent, computed, inject, ref, watch, provide, toRef, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, withDirectives, createElementBlock, renderSlot } from "vue";
 import { A as ArrowIcon } from "../arrow/arrow.js";
-import "../index/index.js";
-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);
-    }
-  };
-};
+import { a as createArrowKeysDirective } from "../index/index.js";
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select",
@@ -72,12 +14,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.4",
   "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",