ninemoon-ui 0.0.1

package/dist/js/badge/badge.js

@@ -0,0 +1,46 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, renderSlot, withDirectives, createElementVNode, normalizeClass, toDisplayString, vShow } from "vue";
+const _hoisted_1 = { class: "tdd-relative" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "badge",
+  props: {
+    value: {},
+    max: { default: 9 },
+    placement: { default: "rightTop" }
+  },
+  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 showMark = computed(() => Number(props.value) > 0);
+    const mark = computed(() => {
+      if (Number(props.max) < Number(props.value)) {
+        return `${props.max}+`;
+      } else {
+        return `${props.value}`;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
+        withDirectives(createElementVNode("sup", {
+          class: normalizeClass(["EBage", addClass.value])
+        }, toDisplayString(mark.value), 3), [
+          [vShow, showMark.value]
+        ])
+      ]);
+    };
+  }
+});
+const badge_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/dist/js/carousel/carousel.js

@@ -0,0 +1,196 @@
+import { defineComponent, useSlots, ref, computed, onMounted, watch, onUnmounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, h } from "vue";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("svg", {
+  class: "tdd-w-4 tdd-h-4 tdd-fill-white tdd-inline-block",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "613"
+}, [
+  /* @__PURE__ */ 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",
+    "p-id": "614"
+  })
+], -1);
+const _hoisted_2 = [
+  _hoisted_1
+];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("svg", {
+  class: "tdd-w-4 tdd-h-4 tdd-fill-white tdd-inline-block",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "613"
+}, [
+  /* @__PURE__ */ 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",
+    "p-id": "614"
+  })
+], -1);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "carousel",
+  props: {
+    height: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const activeIndex = ref(0);
+    const totalLen = computed(() => {
+      if (slots.default()[0].type.toString().includes("Symbol")) {
+        return slots.default()[0].children.length;
+      } else {
+        return slots.default().length;
+      }
+    });
+    const renderBody = () => {
+      return slots.default().map((MySlot, d) => {
+        if (MySlot.type.toString().includes("Symbol")) {
+          return MySlot.children.map((trueSlot, i) => {
+            let between = i - activeIndex.value;
+            let transformNum = 0;
+            if (between < 0) {
+              if (between == -1) {
+                transformNum = -translatexNum.value;
+              } else {
+                transformNum = (totalLen.value + between) * translatexNum.value;
+              }
+            } else {
+              if (activeIndex.value === 0 && i == totalLen.value - 1 && totalLen.value != 1) {
+                transformNum = -translatexNum.value;
+              } else {
+                transformNum = between * translatexNum.value;
+              }
+            }
+            return h(
+              "div",
+              {
+                class: "carouselBody " + (activeIndex.value === i ? "tdd-z-10" : "-tdd-z-10"),
+                style: {
+                  transform: `translateX(${transformNum}px)`
+                }
+              },
+              h(trueSlot)
+            );
+          });
+        } else {
+          let between = d - activeIndex.value;
+          let transformNum = 0;
+          if (between < 0) {
+            if (between == -1) {
+              transformNum = -translatexNum.value;
+            } else {
+              transformNum = (totalLen.value + between) * translatexNum.value;
+            }
+          } else {
+            if (activeIndex.value === 0 && d == totalLen.value - 1 && totalLen.value != 1) {
+              transformNum = -translatexNum.value;
+            } else {
+              transformNum = between * translatexNum.value;
+            }
+          }
+          return h(
+            "div",
+            {
+              class: "carouselBody " + (activeIndex.value === d ? "tdd-z-10" : "-tdd-z-10"),
+              style: {
+                transform: `translateX(${transformNum}px)`
+              }
+            },
+            h(MySlot)
+          );
+        }
+      });
+    };
+    const body = ref();
+    const translatexNum = ref(0);
+    onMounted(() => {
+      translatexNum.value = body.value.offsetWidth;
+    });
+    const preHandle = () => {
+      if (activeIndex.value === 0) {
+        activeIndex.value = totalLen.value - 1;
+      } else {
+        activeIndex.value -= 1;
+      }
+      animationFrame && cancelAnimationFrame(animationFrame);
+    };
+    const nextHandle = () => {
+      if (activeIndex.value === totalLen.value - 1) {
+        activeIndex.value = 0;
+      } else {
+        activeIndex.value += 1;
+      }
+      animationFrame && cancelAnimationFrame(animationFrame);
+    };
+    let flagTime;
+    let animationFrame;
+    const autoAddHandle = () => {
+      if (totalLen.value === 1 || totalLen.value === 0) {
+        animationFrame && cancelAnimationFrame(animationFrame);
+        return;
+      }
+      let newtime = (/* @__PURE__ */ new Date()).getTime();
+      if (flagTime == null)
+        flagTime = newtime;
+      if (newtime - flagTime >= 2e3) {
+        if (activeIndex.value + 1 == totalLen.value) {
+          activeIndex.value = 0;
+        } else {
+          activeIndex.value += 1;
+        }
+        flagTime = newtime;
+      }
+      animationFrame = requestAnimationFrame(autoAddHandle);
+    };
+    const mouseEnterHandle = () => {
+      flagTime = null;
+      animationFrame && cancelAnimationFrame(animationFrame);
+    };
+    const mouseLeaveHandle = () => {
+      flagTime = null;
+      animationFrame && cancelAnimationFrame(animationFrame);
+      autoAddHandle();
+    };
+    onMounted(() => {
+      autoAddHandle();
+    });
+    watch(totalLen, () => {
+      flagTime = null;
+      animationFrame && cancelAnimationFrame(animationFrame);
+      autoAddHandle();
+    });
+    onUnmounted(() => {
+      flagTime = null;
+      animationFrame && cancelAnimationFrame(animationFrame);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onMouseleave: mouseLeaveHandle,
+        onMouseenter: mouseEnterHandle,
+        class: "tdd-relative tdd-w-full tdd-group tdd-text-center tdd-overflow-x-hidden",
+        ref_key: "body",
+        ref: body,
+        style: normalizeStyle({ height: `${props.height || 200}px` })
+      }, [
+        createElementVNode("button", {
+          onClick: preHandle,
+          type: "button",
+          class: "tdd-z-20 tdd-text-center group-hover:tdd-flex tdd-hidden tdd-items-center tdd-justify-center tdd-absolute tdd-top-1/2 tdd--translate-y-1/2 tdd-left-1 tdd-w-6 tdd-h-6 tdd-rounded-full tdd-bg-slate-300 tdd-appearance-none tdd-transform tdd-rotate-180"
+        }, _hoisted_2),
+        createElementVNode("button", {
+          onClick: nextHandle,
+          type: "button",
+          class: "tdd-z-20 tdd-text-center group-hover:tdd-flex tdd-hidden tdd-items-center tdd-justify-center tdd-absolute tdd-top-1/2 tdd--translate-y-1/2 tdd-right-1 tdd-w-6 tdd-h-6 tdd-rounded-full tdd-bg-slate-300 tdd-appearance-none"
+        }, _hoisted_4),
+        createVNode(renderBody)
+      ], 36);
+    };
+  }
+});
+const carousel_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/dist/js/carousel/carouselitem.js

@@ -0,0 +1,16 @@
+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;
+};
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return renderSlot(_ctx.$slots, "default");
+}
+const carouselitem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  carouselitem as default
+};

package/dist/js/check/checkbox.js

@@ -0,0 +1,16 @@
+import { defineComponent, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkbox",
+  props: {
+    label: {},
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/check/checkgroup.js

@@ -0,0 +1,91 @@
+import { defineComponent, inject, useSlots, openBlock, createBlock, h, withDirectives, vModelCheckbox } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkgroup",
+  props: {
+    modelValue: {},
+    showinput: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ParentGetChangeHandle = inject("changHandle", () => null);
+    const slots = useSlots();
+    const renderBoxs = () => {
+      return h(
+        "div",
+        {},
+        slots.default().map((MySlot) => {
+          var _a;
+          if (MySlot.type.toString().includes("Symbol")) {
+            return MySlot.children.map((trueSlot) => {
+              var _a2;
+              return h(
+                "label",
+                {
+                  class: "checkGroup " + (trueSlot.props.class || "") + (props.modelValue.includes(trueSlot.props.label) ? " tdd-bg-wordblue" : "")
+                },
+                [
+                  withDirectives(
+                    h("input", {
+                      type: "checkbox",
+                      value: trueSlot.props.label,
+                      "onUpdate:modelValue": (value) => {
+                        ParentGetChangeHandle(value);
+                        emit("update:modelValue", value);
+                      },
+                      class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
+                    }),
+                    [[vModelCheckbox, props.modelValue]]
+                  ),
+                  h(
+                    "span",
+                    {
+                      class: "tdd-text-sm " + (props.modelValue.includes(trueSlot.props.label) ? " tdd-text-white" : " tdd-text-word6")
+                    },
+                    ((_a2 = trueSlot.children) == null ? void 0 : _a2.default()) || trueSlot.props.label
+                  )
+                ]
+              );
+            });
+          } else {
+            return h(
+              "label",
+              {
+                class: "checkGroup " + (MySlot.props.class || "") + (props.modelValue.includes(MySlot.props.label) ? " tdd-bg-wordblue" : "")
+              },
+              [
+                withDirectives(
+                  h("input", {
+                    type: "checkbox",
+                    value: MySlot.props.label,
+                    "onUpdate:modelValue": (value) => {
+                      ParentGetChangeHandle(value);
+                      emit("update:modelValue", value);
+                    },
+                    class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
+                  }),
+                  [[vModelCheckbox, props.modelValue]]
+                ),
+                h(
+                  "span",
+                  {
+                    class: "tdd-text-sm " + (props.modelValue.includes(MySlot.props.label) ? " tdd-text-white" : " tdd-text-word6")
+                  },
+                  // @ts-ignore
+                  ((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
+                )
+              ]
+            );
+          }
+        })
+      );
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(renderBoxs);
+    };
+  }
+});
+const checkgroup_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};