ninemoon-ui 0.0.27 → 0.1.0

package/dist/js/index-e12c8d65.js

@@ -0,0 +1,36 @@
+import "vue";
+import { J, x, O, P, E, D, r, s, L, h, j, q, k, K, v, M, z, w, y, A, B, I, l, m, Q, n, p, G, H, F, N, i } from "./index-b4e420ce.js";
+export {
+  J as LibAlert,
+  x as LibBadge,
+  O as LibCarousel,
+  P as LibCarouselItem,
+  E as LibCheckBox,
+  D as LibCheckGroup,
+  r as LibDatePicker,
+  s as LibDatePickerRange,
+  L as LibDialog,
+  h as LibForm,
+  j as LibFormLabel,
+  q as LibImage,
+  k as LibInput,
+  K as LibLoad,
+  v as LibMenu,
+  M as LibMessage,
+  z as LibNumberInput,
+  w as LibPagination,
+  y as LibPopover,
+  A as LibRadioBox,
+  B as LibRadioGroup,
+  I as LibScrollBar,
+  l as LibSelect,
+  m as LibSelectOption,
+  Q as LibSwitch,
+  n as LibTable,
+  p as LibTableItem,
+  G as LibTabs,
+  H as LibTabsPane,
+  F as LibUpload,
+  N as createScrollDirective,
+  i as default
+};

package/dist/js/input-11fe67a5.js

@@ -0,0 +1,107 @@
+import { defineComponent, computed, inject, openBlock, createElementBlock, renderSlot, withDirectives, createElementVNode, normalizeClass, vModelDynamic, createVNode, vShow } from "vue";
+import { d as delIcon } from "./delete-e898f83c.js";
+import "./index-b4e420ce.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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "input",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {},
+    type: { default: "text" },
+    placeHolder: {},
+    clearable: { type: Boolean, default: false },
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue", "blur", "input", "change"],
+  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"
+    }));
+    const inputValue = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value) {
+        var _a, _b;
+        let processedValue = value;
+        if ((_a = props.modelModifiers) == null ? void 0 : _a.trim) {
+          if (typeof processedValue === "string") {
+            processedValue = processedValue.trim();
+          }
+        }
+        if ((_b = props.modelModifiers) == null ? void 0 : _b.number) {
+          processedValue = processedValue ? Number(processedValue) : null;
+        }
+        emit("update:modelValue", processedValue);
+      }
+    });
+    const emit = __emit;
+    const ParentGetInputHandle = inject("inputHandle", () => null);
+    const ParentGetBlurHandle = inject("blurHandle", () => null);
+    const clearHandle = () => {
+      emit("update:modelValue", null);
+      emit("change", null);
+    };
+    const showcloseico = computed(() => {
+      return props.clearable && props.modelValue !== null && props.modelValue !== "";
+    });
+    const processValue = (rawValue, methodStr) => {
+      var _a, _b;
+      let value = ((_a = props.modelModifiers) == null ? void 0 : _a.trim) ? rawValue.trim() : rawValue;
+      if ((_b = props.modelModifiers) == null ? void 0 : _b.number) {
+        return value ? Number(value) : null;
+      }
+      if (methodStr === "blur") {
+        ParentGetBlurHandle(value || null);
+      } else {
+        ParentGetInputHandle(value || null);
+      }
+      return value || null;
+    };
+    const handleBlur = (event) => {
+      const target = event.target;
+      emit("blur", processValue(target.value, "blur"));
+    };
+    const handleInput = (event) => {
+      const target = event.target;
+      emit("input", processValue(target.value, "input"));
+    };
+    const handleChange = (event) => {
+      const target = event.target;
+      emit("change", processValue(target.value, "change"));
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "prepend"),
+        withDirectives(createElementVNode("input", {
+          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,
+          onBlur: handleBlur,
+          onInput: handleInput,
+          onChange: handleChange
+        }, null, 42, _hoisted_2), [
+          [vModelDynamic, inputValue.value]
+        ]),
+        withDirectives(createElementVNode("button", {
+          type: "button",
+          onClick: clearHandle,
+          class: "mr-2 flex-grow-0"
+        }, [
+          createVNode(delIcon, { class: "w-3 h-3" })
+        ], 512), [
+          [vShow, showcloseico.value]
+        ]),
+        renderSlot(_ctx.$slots, "append")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/menu-fb9b4a4f.js

@@ -0,0 +1,86 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, withDirectives, vModelRadio, normalizeClass, toDisplayString, normalizeStyle } from "vue";
+const _hoisted_1 = ["value"];
+const _hoisted_2 = { class: "w-full border-t-2 border-gray-200 border-solid mt-2 relative" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "menu",
+  props: {
+    menulist: {},
+    activeIndex: { default: 1 }
+  },
+  emits: ["updatemenu", "update:activeIndex"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const bigIndex = computed({
+      set(val) {
+        emit("update:activeIndex", val);
+        emit("updatemenu", val);
+      },
+      get() {
+        updateIndicatorPosition();
+        if (props.menulist.length === 0)
+          return 0;
+        if (props.menulist.length <= props.activeIndex)
+          return props.menulist.length - 1;
+        return props.activeIndex;
+      }
+    });
+    const emit = __emit;
+    const menuListRef = ref();
+    const indicatorPosition = ref(0);
+    const indicatorStyle = computed(() => ({
+      transform: `translateX(${indicatorPosition.value}px)`,
+      width: `${currentItemWidth.value}px`
+    }));
+    const currentItemWidth = computed(() => {
+      var _a;
+      if (!menuListRef.value)
+        return 0;
+      return ((_a = menuListRef.value.children[props.activeIndex]) == null ? void 0 : _a.clientWidth) || 0;
+    });
+    const updateIndicatorPosition = () => {
+      if (!menuListRef.value)
+        return;
+      const currentItem = menuListRef.value.children[props.activeIndex];
+      if (currentItem) {
+        const containerRect = menuListRef.value.getBoundingClientRect();
+        const itemRect = currentItem.getBoundingClientRect();
+        indicatorPosition.value = itemRect.left - containerRect.left;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", {
+          class: "w-full flex text-word6 space-x-4",
+          ref_key: "menuListRef",
+          ref: menuListRef
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menulist, (item, i) => {
+            return openBlock(), createElementBlock("label", { key: item }, [
+              withDirectives(createElementVNode("input", {
+                class: "hidden",
+                name: "classone",
+                type: "radio",
+                value: i,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => bigIndex.value = $event)
+              }, null, 8, _hoisted_1), [
+                [vModelRadio, bigIndex.value]
+              ]),
+              createElementVNode("span", {
+                class: normalizeClass(["hover:text-blue-brand text-sm cursor-pointer inline-block text-center px-2", { "text-blue-brand": bigIndex.value == i }])
+              }, toDisplayString(item), 3)
+            ]);
+          }), 128))
+        ], 512),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: "absolute w-14 border-t-2 border-solid border-blue-brand bottom-0 transition",
+            style: normalizeStyle(indicatorStyle.value)
+          }, null, 4)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/numberinput-00fa4429.js

@@ -0,0 +1,119 @@
+import { openBlock, createElementBlock, createElementVNode, defineComponent, computed, normalizeClass, createVNode, withDirectives, vModelText } from "vue";
+import { _ as _export_sfc } from "./index-b4e420ce.js";
+const _sfc_main$2 = {};
+const _hoisted_1$2 = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M853.333333 544H170.666667c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h682.666666c17.066667 0 32 14.933333 32 32s-14.933333 32-32 32z" }, null, -1)
+  ]));
+}
+const minusIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
+const _sfc_main$1 = {};
+const _hoisted_1$1 = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M853.333333 480H544V170.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v309.333333H170.666667c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h309.333333V853.333333c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V544H853.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z" }, null, -1)
+  ]));
+}
+const addIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+const _hoisted_1 = { class: "inline-flex w-full rounded-sm border border-solid" };
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "numberinput",
+  props: {
+    modelValue: {},
+    size: { default: "default" },
+    min: {},
+    max: {},
+    strict: { type: Boolean, default: false },
+    step: { default: 1 },
+    integer: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "NumChange"],
+  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"
+    }));
+    const bounds = computed(() => ({
+      min: props.min ?? -Infinity,
+      max: props.max ?? Infinity
+    }));
+    const isMinReached = computed(() => props.modelValue <= bounds.value.min);
+    const isMaxReached = computed(() => props.modelValue >= bounds.value.max);
+    function updateModelValueAndEmit(value) {
+      const formattedValue = value.toFixed(lastLen.value);
+      emitAct("update:modelValue", Number(formattedValue));
+      emitAct("NumChange", Number(formattedValue));
+    }
+    const emitAct = __emit;
+    const lastLen = computed(() => {
+      const stepString = props.step.toString();
+      return stepString.includes(".") ? stepString.split(".")[1].length : 0;
+    });
+    const addHandle = () => {
+      let result = props.modelValue + props.step;
+      updateModelValueAndEmit(result);
+    };
+    const reduceHandle = () => {
+      let result = props.modelValue - props.step;
+      updateModelValueAndEmit(result);
+    };
+    const inputValue = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value) {
+        if (isNaN(Number(value))) {
+          emitAct("update:modelValue", Number(props.modelValue));
+        } else if (props.integer && /[.]/.test(value.toString())) {
+          emitAct("update:modelValue", Number(props.modelValue));
+        } else {
+          emitAct("update:modelValue", Number(value));
+          emitAct("NumChange", Number(value));
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("button", {
+          type: "button",
+          disabled: isMinReached.value,
+          onClick: reduceHandle,
+          class: normalizeClass(["disabled:cursor-not-allowed flex-none bg-gray-200 text-xs", sizeClass.value])
+        }, [
+          createVNode(minusIcon, { class: "h-4 w-4 fill-word6 inline-block" })
+        ], 10, _hoisted_2),
+        withDirectives(createElementVNode("input", {
+          class: "w-full px-1 text-center outline-none text-word3",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+          type: "text"
+        }, null, 512), [
+          [vModelText, inputValue.value]
+        ]),
+        createElementVNode("button", {
+          type: "button",
+          disabled: isMaxReached.value,
+          onClick: addHandle,
+          class: normalizeClass(["disabled:cursor-not-allowed flex-none bg-gray-200 text-xs", sizeClass.value])
+        }, [
+          createVNode(addIcon, { class: "h-4 w-4 fill-word6 inline-block" })
+        ], 10, _hoisted_3)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/pagination-3bcaa109.js

@@ -0,0 +1,203 @@
+import { openBlock, createElementBlock, createElementVNode, defineComponent, defineAsyncComponent, computed, withDirectives, createVNode, unref, withCtx, Fragment, renderList, createBlock, toDisplayString, createCommentVNode, normalizeClass, vShow } from "vue";
+import { A as ArrowPlug } from "./dateArrowplus-8181993f.js";
+import { _ as _export_sfc } from "./index-b4e420ce.js";
+const _sfc_main$1 = {};
+const _hoisted_1$1 = {
+  style: { "width": "1em", "height": "1em", "vertical-align": "middle", "fill": "currentColor", "overflow": "hidden" },
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M192 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
+      fill: "currentColor"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
+      fill: "currentColor"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M832 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const ellipsisIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+const _hoisted_1 = { class: "flex items-center w-full h-7 text-sm text-center select-none" };
+const _hoisted_2 = {
+  key: 0,
+  class: "w-24 h-7 flex-none px-1"
+};
+const _hoisted_3 = { class: "text-center" };
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = { class: "flex items-center" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pagination",
+  props: {
+    sizeArr: {},
+    total: {},
+    hideOnSinglePage: { type: Boolean, default: false },
+    currentPage: { default: 1 },
+    activeSize: { default: 20 },
+    visibleRange: { default: 3 },
+    edgeVisibleCount: { default: 7 }
+  },
+  emits: [
+    "size-change",
+    "current-change",
+    "update:currentPage",
+    "update:activeSize"
+  ],
+  setup(__props, { emit: __emit }) {
+    const LibSelect = defineAsyncComponent(() => import("./select-b5bbb138.js"));
+    const LibSelectOption = defineAsyncComponent(
+      () => import("./selectoption-00c8f06d.js")
+    );
+    const props = __props;
+    const showSizeSelector = computed(() => {
+      var _a;
+      return props.sizeArr && ((_a = props.sizeArr) == null ? void 0 : _a.length) > 0;
+    });
+    const emit = __emit;
+    const size = computed({
+      set(num) {
+        emit("size-change", num);
+        emit("update:activeSize", num);
+      },
+      get() {
+        return props.activeSize;
+      }
+    });
+    const maxPage = computed(() => {
+      return Math.ceil(props.total / size.value);
+    });
+    const numberArr = computed(() => {
+      if (maxPage.value <= props.edgeVisibleCount) {
+        return range(2, maxPage.value - 1);
+      }
+      const start = Math.max(2, currentPage.value - props.visibleRange);
+      const end = Math.min(
+        maxPage.value - 1,
+        currentPage.value + props.visibleRange
+      );
+      return range(start, end);
+    });
+    const showComponent = computed(() => {
+      if (props.hideOnSinglePage === true) {
+        return maxPage.value > 1;
+      } else {
+        return true;
+      }
+    });
+    const currentPage = computed({
+      set(num) {
+        emit("current-change", num);
+        emit("update:currentPage", num);
+      },
+      get() {
+        return props.currentPage;
+      }
+    });
+    const firstBtnDisable = computed(() => {
+      return currentPage.value === 1;
+    });
+    const lastBtnDisable = computed(() => {
+      return currentPage.value >= maxPage.value;
+    });
+    const showFirst = computed(() => {
+      return currentPage.value - 5 > 0 && maxPage.value > 7;
+    });
+    const showLast = computed(() => {
+      return maxPage.value - currentPage.value > 4 && maxPage.value > 7;
+    });
+    const activeChange = (num) => {
+      currentPage.value += num;
+    };
+    const indexHandle = (k) => {
+      currentPage.value = k;
+    };
+    const range = (start, end) => {
+      const length = end - start + 1;
+      return Array.from({ length }, (_, i) => start + i);
+    };
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        showSizeSelector.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(LibSelect), {
+            modelValue: size.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => size.value = $event)
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sizeArr, (i) => {
+                return openBlock(), createBlock(unref(LibSelectOption), {
+                  value: i,
+                  label: `${i}条/页`
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_3, [
+                      createElementVNode("span", null, toDisplayString(i) + "条", 1),
+                      _cache[5] || (_cache[5] = createElementVNode("span", null, "/页", -1))
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["value", "label"]);
+              }), 256))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])) : createCommentVNode("", true),
+        createElementVNode("button", {
+          onClick: _cache[1] || (_cache[1] = ($event) => activeChange(-1)),
+          type: "button",
+          class: normalizeClass(["w-5 h-5", { "cursor-not-allowed": firstBtnDisable.value }]),
+          disabled: firstBtnDisable.value
+        }, [
+          createVNode(ArrowPlug, { class: "h-4 w-4" })
+        ], 10, _hoisted_4),
+        createElementVNode("ul", _hoisted_5, [
+          createElementVNode("li", {
+            onClick: _cache[2] || (_cache[2] = ($event) => indexHandle(1)),
+            class: normalizeClass(["px-2 h-5 leading-5 cursor-pointer font-bold", { "text-blue-500": 1 === currentPage.value }])
+          }, " 1 ", 2),
+          showFirst.value ? (openBlock(), createBlock(ellipsisIcon, {
+            key: 0,
+            class: "fill-word6 w-4 h-4 block"
+          })) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(numberArr.value, (i) => {
+            return openBlock(), createElementBlock("li", {
+              onClick: ($event) => indexHandle(i),
+              class: normalizeClass([{ "text-blue-500": i === currentPage.value }, "px-2 h-5 leading-5 cursor-pointer font-bold"]),
+              key: i
+            }, toDisplayString(i), 11, _hoisted_6);
+          }), 128)),
+          showLast.value ? (openBlock(), createBlock(ellipsisIcon, {
+            key: 1,
+            class: "fill-word6 w-4 h-4 block"
+          })) : createCommentVNode("", true),
+          maxPage.value > 1 ? (openBlock(), createElementBlock("li", {
+            key: 2,
+            onClick: _cache[3] || (_cache[3] = ($event) => indexHandle(maxPage.value)),
+            class: normalizeClass(["px-2 h-5 leading-5 cursor-pointer font-bold", { "text-blue-500": maxPage.value === currentPage.value }])
+          }, toDisplayString(maxPage.value), 3)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("button", {
+          onClick: _cache[4] || (_cache[4] = ($event) => activeChange(1)),
+          type: "button",
+          class: normalizeClass(["w-5 h-5", { "cursor-not-allowed": lastBtnDisable.value }]),
+          disabled: lastBtnDisable.value
+        }, [
+          createVNode(ArrowPlug, { class: "h-4 w-4 rotate-180 transform" })
+        ], 10, _hoisted_7)
+      ], 512)), [
+        [vShow, showComponent.value]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};