ninemoon-ui 0.1.2 → 0.1.4

package/dist/js/date/datepicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, withKeys, createElementBlock, createCommentVNode, toDisplayString, withDirectives, vShow, TransitionGroup, Fragment, renderList, nextTick } from "vue";
-import { g as getNewArray, a as checkinputDate, f as formatDate } from "../index/index.js";
+import { g as getNewArray, e as checkinputDate, f as formatDate } from "../index/index.js";
 import { g as getMonthDays, C as Calendar, A as Arrow, a as addZero } from "../calendar/calendar.js";
 import { A as ArrowPlug } from "../dateArrowplus/dateArrowplus.js";
 const _hoisted_1 = { class: "flex items-center justify-between p-3" };
@@ -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

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createTextVNode, createElementBlock, Fragment, renderList, nextTick } from "vue";
-import { f as formatDate, g as getNewArray, a as checkinputDate } from "../index/index.js";
+import { f as formatDate, g as getNewArray, e as checkinputDate } from "../index/index.js";
 import { g as getMonthDays, C as Calendar, A as Arrow, a as addZero } from "../calendar/calendar.js";
 import { A as ArrowPlug } from "../dateArrowplus/dateArrowplus.js";
 const _hoisted_1 = { class: "flex justify-between items-center p-3" };
@@ -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/image/image.js

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, watch, Fragment, createVNode, createCommentVNode, renderSlot, createBlock, Teleport, Transition, withCtx, withDirectives, withModifiers, normalizeStyle, normalizeClass, unref } from "vue";
-import { _ as _export_sfc, t as throttle } from "../index/index.js";
+import { _ as _export_sfc, b as createDraggableDirective, d as createWheelDirective } from "../index/index.js";
 import { d as delIcon } from "../delete/delete.js";
 const _sfc_main$3 = {};
 const _hoisted_1$3 = {
@@ -48,106 +48,6 @@ function _sfc_render(_ctx, _cache) {
   ]));
 }
 const turnRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-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 = { class: "relative inline-block h-full w-full" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { key: 0 };

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__;
     }
@@ -575,6 +577,64 @@ function cleanupLoadingState(el, container, modifiers) {
   }
   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() {
@@ -783,11 +843,131 @@ const useResizeObserver = (callback) => {
   };
   return { observe, unobserve };
 };
-const DEFAULT_DEBOUNCE_WAIT = 100;
+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 DEFAULT_DEBOUNCE_WAIT$2 = 100;
+const createBgClickDirective = (options) => {
+  const config = {
+    debounceWait: DEFAULT_DEBOUNCE_WAIT$2,
+    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$1 = 100;
 const DEFAULT_HOLD = 0;
-const createScrollDirective = (options) => {
+const createLoadingDirective = (options) => {
   const config = {
-    throttleTime: DEFAULT_DEBOUNCE_WAIT,
+    throttleTime: DEFAULT_DEBOUNCE_WAIT$1,
     threshold: DEFAULT_HOLD,
     edge: "bottom",
     onWheel: () => {
@@ -851,6 +1031,115 @@ const createScrollDirective = (options) => {
     }
   };
 };
+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 = defineAsyncComponent(() => import("../dialog/dialog.js"));
 const LibForm = defineAsyncComponent(() => import("../form/form.js"));
@@ -911,48 +1200,52 @@ const index = {
   }
 };
 export {
-  LibRadioBox as A,
-  LibRadioGroup as B,
+  LibBadge as A,
+  LibPopover as B,
   CloseIcon as C,
-  LibCheckGroup as D,
-  LibCheckBox as E,
-  LibUpload as F,
-  LibTabs as G,
-  LibTabsPane as H,
-  LibScrollBar as I,
-  AlertFunction as J,
-  LibLoad as K,
+  LibNumberInput as D,
+  LibRadioBox as E,
+  LibRadioGroup as F,
+  LibCheckGroup as G,
+  LibCheckBox as H,
+  LibUpload as I,
+  LibTabs as J,
+  LibTabsPane as K,
   LibDialog as L,
-  MessageClass as M,
-  createScrollDirective as N,
-  LibCarousel as O,
-  LibCarouselItem as P,
-  LibSwitch as Q,
+  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,
   _export_sfc as _,
-  checkinputDate as a,
-  off as b,
+  createArrowKeysDirective as a,
+  createDraggableDirective as b,
   createEscapeDirective as c,
-  debounce as d,
-  useResizeObserver as e,
+  createWheelDirective as d,
+  checkinputDate as e,
   formatDate as f,
   getNewArray as g,
-  LibForm as h,
-  index as i,
-  LibFormLabel as j,
-  LibInput as k,
-  LibSelect as l,
-  LibSelectOption as m,
-  LibTable as n,
+  createScrollDirective as h,
+  createBgClickDirective as i,
+  off as j,
+  useResizeObserver as k,
+  index as l,
+  LibForm as m,
+  LibFormLabel as n,
   on as o,
-  LibTableItem as p,
-  LibImage as q,
-  LibDatePicker as r,
-  LibDatePickerRange as s,
-  throttle as t,
+  LibInput as p,
+  LibSelect as q,
+  LibSelectOption as r,
+  LibTable as s,
+  LibTableItem as t,
   usePotion as u,
-  LibMenu as v,
-  LibPagination as w,
-  LibBadge as x,
-  LibPopover as y,
-  LibNumberInput as z
+  LibImage as v,
+  LibDatePicker as w,
+  LibDatePickerRange as x,
+  LibMenu as y,
+  LibPagination as z
 };

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,