ninemoon-ui 0.0.27 → 0.1.1

package/dist/js/arrow/arrow.js

@@ -0,0 +1,17 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "../index/index.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

@@ -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/calendar.js

@@ -0,0 +1,87 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "../index/index.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/carousel.js

@@ -1,171 +1,155 @@
-import { defineComponent, useSlots, ref, computed, onMounted, watch, onUnmounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, h, normalizeClass } from "vue";
+import { defineComponent, readonly, openBlock, createElementBlock, normalizeClass, unref, createVNode, useSlots, ref, onMounted, computed, watch, onUnmounted, normalizeStyle, h } from "vue";
+import { A as ArrowIcon } from "../arrow/arrow.js";
+import { S as ShapeFlags } from "../shapeFlag/shapeFlag.js";
+import "../index/index.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: {}
+    height: {},
+    holdstop: { type: Boolean, default: true },
+    startindex: { default: 0 }
   },
   setup(__props) {
     const props = __props;
     const slots = useSlots();
-    const activeIndex = ref(0);
-    const totalLen = computed(() => {
+    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 (typeof cur.children === "string") {
-          return pre;
+        if (cur.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
+          pre = pre.concat(cur.children);
+        } else if (cur.shapeFlag & ShapeFlags.SLOTS_CHILDREN) {
+          pre.push(cur);
         }
-        if (Array.isArray(cur.children)) {
-          return pre += cur.children.length;
-        } else {
-          return pre += 1;
-        }
-      }, 0);
+        return pre;
+      }, []);
     });
-    const bodyHandle = (MySlot, d) => {
-      let between = d - activeIndex.value;
-      let transformNum = 0;
-      if (totalLen.value <= 2) {
-        transformNum = Math.abs(between * translatexNum.value);
-      } else {
-        if (activeIndex.value === 0 && d == totalLen.value - 1) {
-          transformNum = -translatexNum.value;
-        } else if (between < -1) {
-          transformNum = (totalLen.value + between) * translatexNum.value;
-        } else {
-          transformNum = between * translatexNum.value;
-        }
+    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",
         {
-          class: normalizeClass(["carouselBody", [activeIndex.value === d ? "" : "tdd-opacity-0"]]),
+          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(${transformNum}px)`
+            transform: `translateX(${calculateCarouselTransform(
+              currentIndex,
+              activeIndex.value,
+              totalLen.value,
+              translatexNum.value
+            )}px)`
           }
         },
-        h(MySlot)
+        MySlot
       );
     };
-    const renderBody = () => {
-      let indexflag = -1;
-      return slots.default().map((MySlot, _) => {
-        if (typeof MySlot.children == "string")
-          return null;
-        if (Array.isArray(MySlot.children)) {
-          return MySlot.children.map((slot, _2) => {
-            indexflag += 1;
-            return bodyHandle(slot, indexflag);
-          });
-        } else {
-          indexflag += 1;
-          return bodyHandle(MySlot, indexflag);
-        }
+    const renderCarouselItem = () => {
+      return validSlots.value.map((MySlot, _) => {
+        return bodyHandle(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);
+      activeIndex.value = (totalLen.value + activeIndex.value - 1) % totalLen.value;
+      animationFrame.value && cancelAnimationFrame(animationFrame.value);
     };
     const nextHandle = () => {
-      if (activeIndex.value === totalLen.value - 1) {
-        activeIndex.value = 0;
-      } else {
-        activeIndex.value += 1;
-      }
-      animationFrame && cancelAnimationFrame(animationFrame);
+      activeIndex.value = (activeIndex.value + 1) % totalLen.value;
+      animationFrame.value && cancelAnimationFrame(animationFrame.value);
     };
-    let flagTime;
-    let animationFrame;
-    const autoAddHandle = () => {
+    const flagTime = ref(null);
+    const animationFrame = ref(null);
+    const startAutoplay = () => {
       if (totalLen.value === 1 || totalLen.value === 0) {
-        animationFrame && cancelAnimationFrame(animationFrame);
+        animationFrame.value && cancelAnimationFrame(animationFrame.value);
         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;
+      if (flagTime.value == null)
+        flagTime.value = newtime;
+      if (newtime - flagTime.value >= 2e3) {
+        activeIndex.value = (activeIndex.value + 1) % totalLen.value;
+        flagTime.value = newtime;
       }
-      animationFrame = requestAnimationFrame(autoAddHandle);
+      animationFrame.value = requestAnimationFrame(startAutoplay);
     };
-    const mouseEnterHandle = () => {
-      flagTime = null;
-      animationFrame && cancelAnimationFrame(animationFrame);
+    const stopAutoAddHandle = () => {
+      flagTime.value = null;
+      animationFrame.value && cancelAnimationFrame(animationFrame.value);
     };
     const mouseLeaveHandle = () => {
-      flagTime = null;
-      animationFrame && cancelAnimationFrame(animationFrame);
-      autoAddHandle();
+      stopAutoAddHandle();
+      startAutoplay();
     };
     onMounted(() => {
-      autoAddHandle();
+      startAutoplay();
     });
-    watch(totalLen, () => {
-      flagTime = null;
-      animationFrame && cancelAnimationFrame(animationFrame);
-      autoAddHandle();
+    watch(totalLen, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        activeIndex.value = Math.min(activeIndex.value, newVal - 1);
+        stopAutoAddHandle();
+        startAutoplay();
+      }
     });
     onUnmounted(() => {
-      flagTime = null;
-      animationFrame && cancelAnimationFrame(animationFrame);
+      stopAutoAddHandle();
     });
     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",
+        onMouseenter: stopAutoAddHandle,
+        class: "relative w-full group text-center 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"
-        }, _cache[0] || (_cache[0] = [
-          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"
-          }, [
-            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" })
-          ], -1)
-        ])),
-        createElementVNode("button", {
+        createVNode(_sfc_main$1, { onClick: preHandle }),
+        createVNode(_sfc_main$1, {
           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"
-        }, _cache[1] || (_cache[1] = [
-          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"
-          }, [
-            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" })
-          ], -1)
-        ])),
-        createVNode(renderBody)
+          position: "right"
+        }),
+        createVNode(renderCarouselItem)
       ], 36);
     };
   }
 });
-const carousel_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };

package/dist/js/carousel/carouselitem.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/index.js";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return renderSlot(_ctx.$slots, "default");

package/dist/js/check/checkbox.js

@@ -1,13 +1,47 @@
-import { defineComponent, renderSlot } from "vue";
+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: {},
-    class: {}
+    value: {},
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean, default: false },
+    button: { type: Boolean }
   },
-  setup(__props) {
+  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 renderSlot(_ctx.$slots, "default");
+      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);
     };
   }
 });

package/dist/js/check/checkgroup.js

@@ -1,69 +1,58 @@
-import { defineComponent, inject, useSlots, openBlock, createBlock, h, normalizeClass, withDirectives, vModelCheckbox } from "vue";
+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 }
+    showinput: { type: Boolean, default: false },
+    disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const ParentGetChangeHandle = inject("changHandle", () => null);
     const emit = __emit;
-    const slots = useSlots();
-    const BoxHandle = (MySlot) => {
-      var _a;
-      return h(
-        "label",
-        {
-          class: normalizeClass(["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: normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "tdd-hidden"]])
-            }),
-            [[vModelCheckbox, props.modelValue]]
-          ),
-          h(
-            "span",
-            {
-              class: normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? "tdd-text-white" : "tdd-text-word6"]])
-            },
-            ((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
-          )
-        ]
-      );
+    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 renderBoxs = () => {
-      return h(
-        "div",
-        {},
-        slots.default().map((MySlot) => {
-          if (typeof MySlot.children === "string")
-            return null;
-          if (Array.isArray(MySlot.children)) {
-            return MySlot.children.map((slot) => {
-              return BoxHandle(slot);
-            });
-          } else {
-            return BoxHandle(MySlot);
-          }
-        })
-      );
+    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(), createBlock(renderBoxs);
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
     };
   }
 });
-const checkgroup_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };