ninemoon-ui 0.0.26 → 0.1.0

package/dist/js/arrow-ebe47bd0.js

@@ -0,0 +1,17 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./index-b4e420ce.js";
+const _sfc_main = {};
+const _hoisted_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, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z" }, null, -1)
+  ]));
+}
+const ArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ArrowIcon as A
+};

package/dist/js/{badge/badge.js → badge-496028b6.js}

@@ -1,25 +1,19 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, renderSlot, withDirectives, createElementVNode, normalizeClass, toDisplayString, vShow } from "vue";
-const _hoisted_1 = { class: "tdd-relative" };
+import { defineComponent, readonly, computed, openBlock, createElementBlock, renderSlot, withDirectives, createElementVNode, normalizeClass, unref, toDisplayString, vShow } from "vue";
+const _hoisted_1 = { class: "relative" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "badge",
   props: {
     value: {},
     max: { default: 9 },
-    placement: { default: "rightTop" }
+    placement: { default: "rightTop" },
+    customClass: {}
   },
   setup(__props) {
     const props = __props;
-    const ClassArr = ref([]);
-    const addClass = computed(() => ClassArr.value.join(" "));
-    switch (props.placement) {
-      case "right":
-        ClassArr.value.push("EBage_right");
-        break;
-      case "rightTop":
-      default:
-        ClassArr.value.push("EBage_default");
-        break;
-    }
+    const classSet = readonly({
+      rightTop: "-top-1/2",
+      right: "top-0"
+    });
     const showMark = computed(() => Number(props.value) > 0);
     const mark = computed(() => {
       if (Number(props.max) < Number(props.value)) {
@@ -32,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("span", _hoisted_1, [
         renderSlot(_ctx.$slots, "default"),
         withDirectives(createElementVNode("sup", {
-          class: normalizeClass(["EBage", addClass.value])
+          class: normalizeClass(["absolute inline-block -right-3 -translate-y-1/2 translate-x-full transform rounded-lg bg-red-500 px-1.5 py-px text-xs text-white", [unref(classSet)[_ctx.placement], _ctx.customClass]])
         }, toDisplayString(mark.value), 3), [
           [vShow, showMark.value]
         ])
@@ -40,7 +34,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const badge_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };

package/dist/js/calendar-5c242731.js

@@ -0,0 +1,87 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./index-b4e420ce.js";
+const getMonthDays = (year, month, flag) => {
+  let stratDate = new Date(year, month - 1, 1).getTime(), endData = new Date(year, month, 1).getTime();
+  let days = (endData - stratDate) / (1e3 * 60 * 60 * 24);
+  let list = [];
+  for (let i = 1; i <= days; i++) {
+    const d = i;
+    const week = (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 0 ? "日" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 1 ? "一" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 2 ? "二" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 3 ? "三" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 4 ? "四" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 5 ? "五" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 6 ? "六" : "";
+    let obj = {
+      week,
+      d,
+      m: month,
+      y: year,
+      isChoosed1Day: false,
+      isChoosed2Day: false
+    };
+    if (flag === 1) {
+      Object.assign(obj, {
+        pred: true
+      });
+    } else if (flag === 2) {
+      Object.assign(obj, {
+        nextd: true
+      });
+    } else {
+      Object.assign(obj, {
+        newd: true
+      });
+    }
+    list.push(obj);
+  }
+  return list;
+};
+const addZero = (data) => {
+  let t = Number(data);
+  if (isNaN(t)) {
+    throw new Error("日期格式不正确");
+  } else {
+    if (t < 10) {
+      return `0${t}`;
+    } else {
+      return `${t}`;
+    }
+  }
+};
+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$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z",
+      fill: "#666666"
+    }, null, -1)
+  ]));
+}
+const Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const _sfc_main = {};
+const _hoisted_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, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M853.333333 149.333333h-138.666666V106.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v42.666666h-277.333334V106.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v42.666666H170.666667c-40.533333 0-74.666667 34.133333-74.666667 74.666667v618.666667C96 883.2 130.133333 917.333333 170.666667 917.333333h682.666666c40.533333 0 74.666667-34.133333 74.666667-74.666666v-618.666667C928 183.466667 893.866667 149.333333 853.333333 149.333333zM170.666667 213.333333h138.666666v64c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-64h277.333334v64c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-64H853.333333c6.4 0 10.666667 4.266667 10.666667 10.666667v194.133333c-4.266667-2.133333-6.4-2.133333-10.666667-2.133333H170.666667c-4.266667 0-6.4 0-10.666667 2.133333v-194.133333c0-6.4 4.266667-10.666667 10.666667-10.666667z m682.666666 640H170.666667c-6.4 0-10.666667-4.266667-10.666667-10.666666V477.866667c4.266667 2.133333 6.4 2.133333 10.666667 2.133333h682.666666c4.266667 0 6.4 0 10.666667-2.133333v364.8c0 6.4-4.266667 10.666667-10.666667 10.666666z",
+      fill: "#666666"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M384 608h-85.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h85.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32zM725.333333 608h-192c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h192c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z",
+      fill: "#666666"
+    }, null, -1)
+  ]));
+}
+const Calendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Arrow as A,
+  Calendar as C,
+  addZero as a,
+  getMonthDays as g
+};

package/dist/js/carousel-10621aeb.js

@@ -0,0 +1,155 @@
+import { defineComponent, readonly, openBlock, createElementBlock, normalizeClass, unref, createVNode, useSlots, ref, onMounted, computed, watch, onUnmounted, normalizeStyle, h } from "vue";
+import { A as ArrowIcon } from "./arrow-ebe47bd0.js";
+import { S as ShapeFlags } from "./shapeFlag-8cf4bcf1.js";
+import "./index-b4e420ce.js";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "clickbutton",
+  props: {
+    position: { default: "left" }
+  },
+  setup(__props) {
+    const props = __props;
+    const classSet = readonly({
+      left: "left-1 rotate-180",
+      right: "right-1"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: normalizeClass(["z-20 text-center group-hover:visible flex invisible items-center justify-center absolute top-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-slate-300 appearance-none transform outline-none", unref(classSet)[props.position]])
+      }, [
+        createVNode(ArrowIcon, { class: "w-3 h-3 fill-white inline-block" })
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "carousel",
+  props: {
+    height: {},
+    holdstop: { type: Boolean, default: true },
+    startindex: { default: 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const body = ref();
+    const translatexNum = ref(0);
+    onMounted(() => {
+      translatexNum.value = body.value.offsetWidth;
+    });
+    const activeIndex = ref(props.startindex);
+    const validSlots = computed(() => {
+      return slots.default().reduce((pre, cur) => {
+        if (cur.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
+          pre = pre.concat(cur.children);
+        } else if (cur.shapeFlag & ShapeFlags.SLOTS_CHILDREN) {
+          pre.push(cur);
+        }
+        return pre;
+      }, []);
+    });
+    const totalLen = computed(() => {
+      return validSlots.value.length;
+    });
+    const calculateCarouselTransform = (currentIndex, activeIndex2, totalItems, itemWidth) => {
+      if (totalItems <= 2) {
+        return Math.abs((currentIndex - activeIndex2) * itemWidth);
+      }
+      const circularIndexDiff = (currentIndex - activeIndex2 + totalItems) % totalItems;
+      const effectiveIndex = circularIndexDiff > totalItems / 2 ? circularIndexDiff - totalItems : circularIndexDiff;
+      return effectiveIndex * itemWidth;
+    };
+    const bodyHandle = (MySlot, currentIndex) => {
+      return h(
+        "div",
+        {
+          key: currentIndex,
+          class: normalizeClass([
+            "inline-block transition-all duration-700 w-full h-full absolute top-0 left-0 overflow-hidden",
+            [activeIndex.value === currentIndex ? "" : "opacity-0"]
+          ]),
+          style: {
+            transform: `translateX(${calculateCarouselTransform(
+              currentIndex,
+              activeIndex.value,
+              totalLen.value,
+              translatexNum.value
+            )}px)`
+          }
+        },
+        MySlot
+      );
+    };
+    const renderCarouselItem = () => {
+      return validSlots.value.map((MySlot, _) => {
+        return bodyHandle(MySlot, _);
+      });
+    };
+    const preHandle = () => {
+      activeIndex.value = (totalLen.value + activeIndex.value - 1) % totalLen.value;
+      animationFrame.value && cancelAnimationFrame(animationFrame.value);
+    };
+    const nextHandle = () => {
+      activeIndex.value = (activeIndex.value + 1) % totalLen.value;
+      animationFrame.value && cancelAnimationFrame(animationFrame.value);
+    };
+    const flagTime = ref(null);
+    const animationFrame = ref(null);
+    const startAutoplay = () => {
+      if (totalLen.value === 1 || totalLen.value === 0) {
+        animationFrame.value && cancelAnimationFrame(animationFrame.value);
+        return;
+      }
+      let newtime = (/* @__PURE__ */ new Date()).getTime();
+      if (flagTime.value == null)
+        flagTime.value = newtime;
+      if (newtime - flagTime.value >= 2e3) {
+        activeIndex.value = (activeIndex.value + 1) % totalLen.value;
+        flagTime.value = newtime;
+      }
+      animationFrame.value = requestAnimationFrame(startAutoplay);
+    };
+    const stopAutoAddHandle = () => {
+      flagTime.value = null;
+      animationFrame.value && cancelAnimationFrame(animationFrame.value);
+    };
+    const mouseLeaveHandle = () => {
+      stopAutoAddHandle();
+      startAutoplay();
+    };
+    onMounted(() => {
+      startAutoplay();
+    });
+    watch(totalLen, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        activeIndex.value = Math.min(activeIndex.value, newVal - 1);
+        stopAutoAddHandle();
+        startAutoplay();
+      }
+    });
+    onUnmounted(() => {
+      stopAutoAddHandle();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onMouseleave: mouseLeaveHandle,
+        onMouseenter: stopAutoAddHandle,
+        class: "relative w-full group text-center overflow-x-hidden",
+        ref_key: "body",
+        ref: body,
+        style: normalizeStyle({ height: `${props.height || 200}px` })
+      }, [
+        createVNode(_sfc_main$1, { onClick: preHandle }),
+        createVNode(_sfc_main$1, {
+          onClick: nextHandle,
+          position: "right"
+        }),
+        createVNode(renderCarouselItem)
+      ], 36);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/{carousel/carouselitem.js → carouselitem-89116745.js}

@@ -1,11 +1,5 @@
 import { renderSlot } from "vue";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
+import { _ as _export_sfc } from "./index-b4e420ce.js";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return renderSlot(_ctx.$slots, "default");

package/dist/js/checkbox-530025c4.js

@@ -0,0 +1,50 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vModelCheckbox, toDisplayString } from "vue";
+const _hoisted_1 = ["value", "disabled"];
+const _hoisted_2 = { class: "pl-2 peer-disabled:text-word9" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkbox",
+  props: {
+    label: {},
+    value: {},
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean, default: false },
+    button: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const addItem = inject("_addItem_", (_) => {
+    });
+    const deleteItem = inject("_deleteItem_", (_) => {
+    });
+    const checkedValues = inject("_checkedValues_", /* @__PURE__ */ new Set());
+    const isChecked = computed(() => checkedValues.has(props.value));
+    const checkedState = computed({
+      get: () => props.modelValue || isChecked.value,
+      set: (val) => {
+        emit("update:modelValue", val);
+        val ? addItem(props.value) : deleteItem(props.value);
+      }
+    });
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["select-none inline-flex items-center", { "cursor-not-allowed": _ctx.disabled }])
+      }, [
+        withDirectives(createElementVNode("input", {
+          type: "checkbox",
+          value: _ctx.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedState.value = $event),
+          disabled: _ctx.disabled,
+          class: "peer disabled:cursor-not-allowed form-tick appearance-none h-4 w-4 border border-gray-300 rounded checked:border-transparent checked:bg-blue-600 focus:outline-none"
+        }, null, 8, _hoisted_1), [
+          [vModelCheckbox, checkedState.value]
+        ]),
+        createElementVNode("span", _hoisted_2, toDisplayString(_ctx.label), 1)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/checkgroup-e4e6adbc.js

@@ -0,0 +1,58 @@
+import { defineComponent, inject, reactive, watch, provide, openBlock, createElementBlock, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkgroup",
+  props: {
+    modelValue: {},
+    showinput: { type: Boolean, default: false },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ParentGetChangeHandle = inject("changHandle", () => null);
+    const checkedSet = reactive(/* @__PURE__ */ new Set());
+    const syncSetToModel = () => {
+      const newValues = Array.from(checkedSet);
+      emit("update:modelValue", newValues);
+      emit("change", newValues);
+      ParentGetChangeHandle(newValues);
+    };
+    const addItem = (value) => {
+      if (!checkedSet.has(value)) {
+        checkedSet.add(value);
+        syncSetToModel();
+      }
+    };
+    const deleteItem = (value) => {
+      if (checkedSet.has(value)) {
+        checkedSet.delete(value);
+        syncSetToModel();
+      }
+    };
+    watch(
+      () => props.modelValue,
+      (newValues) => {
+        const newSet = new Set(newValues);
+        checkedSet.forEach((value) => {
+          if (!newSet.has(value)) {
+            checkedSet.delete(value);
+          }
+        });
+        newValues.forEach((value) => checkedSet.add(value));
+      },
+      { immediate: true }
+    );
+    provide("_addItem_", addItem);
+    provide("_deleteItem_", deleteItem);
+    provide("_checkedValues_", checkedSet);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/dateArrowplus-8181993f.js

@@ -0,0 +1,25 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./index-b4e420ce.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "669"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M842.666667 864c-8.533333 0-14.933333-2.133333-21.333334-8.533333l-341.333333-309.333334c-6.4-6.4-10.666667-14.933333-10.666667-23.466666 0-8.533333 4.266667-17.066667 10.666667-23.466667l341.333333-309.333333c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133333 44.8L548.266667 522.666667l315.733333 285.866666c12.8 10.666667 14.933333 32 2.133333 44.8-6.4 6.4-14.933333 10.666667-23.466666 10.666667z",
+      fill: "#666666"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M512 864c-8.533333 0-14.933333-2.133333-21.333333-8.533333L149.333333 546.133333c-6.4-6.4-10.666667-14.933333-10.666666-23.466666 0-8.533333 4.266667-17.066667 10.666666-23.466667L490.666667 189.866667c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133334 44.8L217.6 522.666667 533.333333 808.533333c12.8 12.8 14.933333 32 2.133334 44.8-6.4 6.4-14.933333 10.666667-23.466667 10.666667z",
+      fill: "#666666"
+    }, null, -1)
+  ]));
+}
+const ArrowPlug = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ArrowPlug as A
+};