ninemoon-ui 0.0.27 → 0.1.1

package/dist/js/scrollBar/scrollBar.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, onMounted, nextTick, onUnmounted, renderSlot, createVNode } from "vue";
-import { o as on, a as off, b as getScrollWidth, e as addResizeListener, r as removeResizeListener } from "../index/index.js";
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, onMounted, onUnmounted, renderSlot, createBlock, createCommentVNode } from "vue";
+import { o as on, b as off, e as useResizeObserver } from "../index/index.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "movebar",
   props: {
@@ -47,8 +47,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]
       );
       const thumbHalf = thumb.value[bar.value.offset] / 2;
-      const thumbPositionPercentage = (offset - thumbHalf) * 100 / el.value[bar.value.offset];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
+      const thumbPositionPercentage = (
+        // @ts-ignore
+        (offset - thumbHalf) * 100 / el.value[bar.value.offset]
+      );
+      wrap.value[bar.value.scroll] = // @ts-ignore
+      thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
     };
     const clickThumbHandler = (e) => {
       if (e.ctrlKey || e.button === 2) {
@@ -59,7 +63,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       //  滑块的高度
       e.currentTarget[bar.value.offset] - //  点击滑块距离顶部的位置 减去 滑块元素距离顶部的位置
       // @ts-ignore
-      (e[bar.value.client] - e.currentTarget.getBoundingClientRect()[bar.value.direction]);
+      (e[bar.value.client] - // @ts-ignore
+      e.currentTarget.getBoundingClientRect()[bar.value.direction]);
     };
     const cursorDown = ref(false);
     const startDrag = (e) => {
@@ -75,10 +80,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const prevPage = baraxis;
       if (!prevPage)
         return;
-      const offset = (el.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
+      const offset = (
+        // @ts-ignore
+        (el.value.getBoundingClientRect()[bar.value.direction] - // @ts-ignore
+        e[bar.value.client]) * -1
+      );
       const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
-      const thumbPositionPercentage = (offset - thumbClickPosition) * 100 / el.value[bar.value.offset];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
+      const thumbPositionPercentage = (
+        // @ts-ignore
+        (offset - thumbClickPosition) * 100 / el.value[bar.value.offset]
+      );
+      wrap.value[bar.value.scroll] = // @ts-ignore
+      thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
     };
     const mouseUpDocumentHandler = () => {
       cursorDown.value = false;
@@ -100,109 +113,140 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         onMousedown: clickTrackHandler,
         ref_key: "el",
         ref: el,
-        class: normalizeClass(["tdd-absolute tdd-right-0.5 tdd-bottom-0.5 tdd-rounded tdd-transition-transform", [
-          _ctx.vertical ? "isver" : "ishor"
-        ]])
+        class: normalizeClass(["absolute right-0.5 bottom-0.5 rounded transition-transform", [_ctx.vertical ? "top-0.5 w-1.5" : "left-0.5 h-1.5"]])
       }, [
         createElementVNode("div", {
           onMousedown: clickThumbHandler,
           ref_key: "thumb",
           ref: thumb,
-          class: "thumb",
+          class: normalizeClass([_ctx.vertical ? "w-full" : "h-full", "bg-[#9092984d] cursor-pointer rounded"]),
           style: normalizeStyle(renderThumbstyle())
-        }, null, 36)
+        }, null, 38)
       ], 34);
     };
   }
 });
 const _hoisted_1 = {
-  key: 1,
-  class: "tdd-group/scroll tdd-relative tdd-h-full tdd-w-full tdd-overflow-hidden pageScroll"
+  key: 0,
+  class: "group/scroll relative h-full overflow-hidden"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "scrollBar",
   props: {
     native: { type: Boolean, default: false },
-    noresize: { type: Boolean, default: false },
-    vertical: { type: Boolean, default: false },
-    isSelectdom: { type: Boolean, default: false }
+    height: {},
+    maxHeight: {}
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
-    const marginnum = ref(0);
-    onMounted(() => {
-      if (props.native)
-        return;
-      marginnum.value = getScrollWidth();
+    const warpStyle = computed(() => {
+      return {
+        maxHeight: props.maxHeight,
+        height: props.height
+      };
     });
     const wrap = ref();
-    const resize = ref();
+    const contentBox = ref();
     const moveX = ref(0);
     const moveY = ref(0);
-    const sizeHeight = ref("");
-    const sizeWidth = ref("");
+    const isTouching = ref(false);
+    const heightPercentage = ref(100);
+    const widthPercentage = ref(100);
+    const hasHor = computed(() => {
+      return widthPercentage.value !== 100;
+    });
+    const hasVer = computed(() => {
+      return heightPercentage.value !== 100;
+    });
+    const sizeHeight = computed(() => {
+      return `${heightPercentage.value}%`;
+    });
+    const sizeWidth = computed(() => {
+      return `${widthPercentage.value}%`;
+    });
     const handleScroll = () => {
       moveY.value = wrap.value.scrollTop / wrap.value.clientHeight * 100;
       moveX.value = wrap.value.scrollLeft / wrap.value.clientWidth * 100;
     };
     const update = () => {
-      let heightPercentage, widthPercentage;
-      if (!wrap.value)
-        return;
-      heightPercentage = wrap.value.clientHeight * 100 / wrap.value.scrollHeight;
-      widthPercentage = wrap.value.clientWidth * 100 / wrap.value.scrollWidth;
-      sizeHeight.value = heightPercentage < 100 ? heightPercentage + "%" : "";
-      sizeWidth.value = widthPercentage < 100 ? widthPercentage + "%" : "";
+      if (wrap.value) {
+        const { clientWidth, clientHeight, scrollWidth, scrollHeight } = wrap.value;
+        heightPercentage.value = scrollHeight > 0 ? Math.min(clientHeight / scrollHeight * 100, 100) : 100;
+        widthPercentage.value = scrollWidth > 0 ? Math.min(clientWidth / scrollWidth * 100, 100) : 100;
+      }
     };
+    const { observe, unobserve } = useResizeObserver(update);
     onMounted(() => {
       if (props.native)
         return;
-      nextTick(() => update);
-      !props.noresize && addResizeListener(resize.value, update);
+      contentBox.value && observe(contentBox.value);
     });
     onUnmounted(() => {
       if (props.native)
         return;
-      !props.noresize && removeResizeListener(resize.value, update);
+      contentBox.value && unobserve(contentBox.value);
+    });
+    const setScrollTop = (percentage, options = { behavior: "auto" }) => {
+      if (!wrap.value)
+        return;
+      const validPercentage = Math.max(0, Math.min(percentage, 100));
+      const maxScroll = wrap.value.scrollHeight - wrap.value.clientHeight;
+      wrap.value.scrollTo({
+        top: maxScroll * validPercentage / 100,
+        behavior: options.behavior
+      });
+    };
+    const setScrollLeft = (percentage, options = { behavior: "auto" }) => {
+      if (!wrap.value)
+        return;
+      const validPercentage = Math.max(0, Math.min(percentage, 100));
+      const maxScroll = wrap.value.scrollWidth - wrap.value.clientWidth;
+      wrap.value.scrollTo({
+        left: maxScroll * validPercentage / 100,
+        behavior: options.behavior
+      });
+    };
+    __expose({
+      setScrollTop,
+      setScrollLeft
     });
     return (_ctx, _cache) => {
-      return _ctx.native ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("div", _hoisted_1, [
+      return !_ctx.native ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           ref_key: "wrap",
           ref: wrap,
-          onScroll: handleScroll,
-          class: normalizeClass([{ "tdd-max-h-[300px]": _ctx.isSelectdom }, "tddScroll tdd-overscroll-contain tdd-overflow-scroll"]),
-          style: normalizeStyle({
-            marginRight: `-${marginnum.value}px`,
-            marginBottom: `-${marginnum.value}px`
-          })
+          onScrollPassive: handleScroll,
+          class: "overscroll-contain overflow-auto h-full scrollbar-none uiscroll",
+          style: normalizeStyle(warpStyle.value),
+          onTouchstart: _cache[0] || (_cache[0] = ($event) => isTouching.value = true),
+          onTouchend: _cache[1] || (_cache[1] = ($event) => isTouching.value = false)
         }, [
           createElementVNode("div", {
-            ref_key: "resize",
-            ref: resize,
-            class: "block"
+            ref_key: "contentBox",
+            ref: contentBox
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 512)
-        ], 38),
-        createVNode(_sfc_main$1, {
+        ], 36),
+        hasHor.value ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
           move: moveX.value,
           size: sizeWidth.value,
           parent: wrap.value,
-          class: "tdd-opacity-0 group-hover/scroll:tdd-opacity-100"
-        }, null, 8, ["move", "size", "parent"]),
-        createVNode(_sfc_main$1, {
+          class: normalizeClass(["opacity-0 group-hover/scroll:opacity-100 max-sm:opacity-100 sm:group-hover/scroll:opacity-100 transition-opacity duration-300", { "opacity-100": isTouching.value }])
+        }, null, 8, ["move", "size", "parent", "class"])) : createCommentVNode("", true),
+        hasVer.value ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
           vertical: "",
           move: moveY.value,
           size: sizeHeight.value,
           parent: wrap.value,
-          class: "tdd-opacity-0 group-hover/scroll:tdd-opacity-100"
-        }, null, 8, ["move", "size", "parent"])
-      ]));
+          class: normalizeClass(["opacity-0 group-hover/scroll:opacity-100 max-sm:opacity-100 sm:group-hover/scroll:opacity-100 transition-opacity duration-300", { "opacity-100": isTouching.value }])
+        }, null, 8, ["move", "size", "parent", "class"])) : createCommentVNode("", true)
+      ])) : renderSlot(_ctx.$slots, "default", { key: 1 });
     };
   }
 });
-const scrollBar_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };

package/dist/js/select/select.js

@@ -1,4 +1,64 @@
-import { defineComponent, defineAsyncComponent, inject, useSlots, ref, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, h, normalizeClass } from "vue";
+import { defineComponent, defineAsyncComponent, computed, inject, ref, watch, provide, toRef, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, withDirectives, createElementBlock, renderSlot } from "vue";
+import { A as ArrowIcon } from "../arrow/arrow.js";
+import "../index/index.js";
+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);
+    }
+  };
+};
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select",
@@ -6,87 +66,102 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     filter: { type: Boolean, default: false },
     placeHolder: { default: "点击选择" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    size: { default: "default" }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
-    const LibScrollBar = defineAsyncComponent(() => import("../scrollBar/scrollBar.js"));
     const Pop = defineAsyncComponent(() => import("../popover/popover.js"));
+    const LibScrollBar = defineAsyncComponent(() => import("../scrollBar/scrollBar.js"));
     const props = __props;
-    const ParentGetChangeHandle = inject(
-      "changHandle",
-      (_params) => null
-      // false
-    );
+    const heightClass = computed(() => ({
+      "h-8": props.size === "large",
+      "h-7": props.size === "default",
+      "h-6": props.size === "small"
+    }));
+    const ParentGetChangeHandle = inject("changHandle", (_params) => null);
+    const inputbox = ref();
+    const popwidth = computed(() => {
+      var _a;
+      return ((_a = inputbox.value) == null ? void 0 : _a.clientWidth) || 200;
+    });
+    const scrollRef = ref();
+    const vArrowKeys = createArrowKeysDirective({
+      up: () => {
+        if (showOption.value) {
+          const newIndex = (inputLabelIndex.value - 1 + totalNum.value) % totalNum.value;
+          updateModelvalue(selectDataArr.value[newIndex].value);
+        }
+      },
+      down: () => {
+        if (showOption.value) {
+          const newIndex = (inputLabelIndex.value + 1 + totalNum.value) % totalNum.value;
+          updateModelvalue(selectDataArr.value[newIndex].value);
+        }
+      }
+    });
     const emit = __emit;
-    const slots = useSlots();
     const showOption = ref(false);
     const showHandle = () => {
       if (props.disabled === true)
         return;
       showOption.value = !showOption.value;
     };
-    const inputLabel = computed(() => {
-      const isThis = optionList.value.filter((v) => v.value === props.modelValue);
-      if (isThis.length > 0) {
-        return isThis[0].label;
-      } else if (props.modelValue) {
-        return;
-      } else {
-        return null;
+    const selectDataArr = ref([]);
+    const insertData = (data) => {
+      selectDataArr.value.push(data);
+    };
+    watch(showOption, (newval) => {
+      if (newval === false) {
+        LastChildSelect(props.modelValue);
       }
     });
-    const optionList = ref([]);
-    const optionHandle = (it) => {
-      optionList.value.push({
-        value: it.props.value,
-        label: it.props.label
-      });
-      return h(
-        "div",
-        {
-          class: normalizeClass(["label", [props.modelValue === it.props.value ? "labelselect" : ""]]),
-          key: it.props.key,
-          onClick: () => {
-            emit("update:modelValue", it.props.value);
-            ParentGetChangeHandle && ParentGetChangeHandle(it.props.value);
-            emit("change", it.props.value);
-            showOption.value = false;
-          }
-        },
-        it.children || it.props.label
-      );
+    const updateModelvalue = (value) => {
+      emit("update:modelValue", value);
+      emit("change", value);
+      LastChildSelect(value);
+      ParentGetChangeHandle && ParentGetChangeHandle(value);
     };
-    const renderOption = () => {
-      return h(
-        "div",
-        {
-          class: "selectOption"
-        },
-        slots.default().map((i, _j) => {
-          if (typeof i.children == "string")
-            return null;
-          if (Array.isArray(i.children)) {
-            return i.children.map((it) => {
-              return optionHandle(it);
-            });
-          } else {
-            return optionHandle(i);
-          }
-        })
-      );
+    provide("_SelectItemPush_", insertData);
+    provide("_UpdateSelectData_", (value) => {
+      updateModelvalue(value);
+      showOption.value = false;
+    });
+    provide("_SelectModelValue_", toRef(props, "modelValue"));
+    const lastMouseEnterValue = toRef(props.modelValue);
+    const LastChildSelect = (value) => {
+      lastMouseEnterValue.value = value;
     };
+    provide("_LastSelectValue_", lastMouseEnterValue);
+    provide("_LastChildSelect_", LastChildSelect);
+    const inputLabel = computed(() => {
+      const isThis = selectDataArr.value.find((v) => v.value === props.modelValue);
+      return isThis ? isThis.label : props.modelValue;
+    });
+    const inputLabelIndex = computed(() => {
+      return selectDataArr.value.findIndex((v) => v.value === props.modelValue);
+    });
+    const totalNum = computed(() => {
+      return selectDataArr.value.length;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Pop), {
+        isselectMode: "",
         trigger: "native",
         modelValue: showOption.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showOption.value = $event),
-        insertClass: "tdd-min-w-[200px] tdd-z-2000 tdd-text-sm !tdd-p-1",
-        placement: "bottomleft"
+        width: popwidth.value,
+        insertClass: "z-2000 text-sm py-0.5 px-0",
+        placement: "bottommiddle"
       }, {
         reference: withCtx(() => [
           createElementVNode("div", {
-            class: "tdd-relative tdd-flex tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid",
+            ref_key: "inputbox",
+            ref: inputbox,
+            class: normalizeClass([{
+              "bg-gray-100 cursor-default": _ctx.disabled,
+              "cursor-pointer": !_ctx.disabled
+            }, "relative flex h-full w-full items-center overflow-hidden rounded border border-solid"]),
             onClick: showHandle
           }, [
             createElementVNode("input", {
@@ -94,25 +169,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               type: "text",
               disabled: _ctx.disabled,
               readonly: !_ctx.filter,
-              class: "tdd-h-full tdd-w-full tdd-cursor-pointer tdd-appearance-none tdd-p-2 tdd-text-sm tdd-outline-none",
+              class: normalizeClass(["w-full cursor-pointer appearance-none px-2 text-sm outline-none disabled:cursor-default text-word3", heightClass.value]),
               placeholder: _ctx.placeHolder
-            }, null, 8, _hoisted_1)
-          ])
+            }, null, 10, _hoisted_1),
+            createVNode(ArrowIcon, {
+              class: normalizeClass(["w-3 h-3 fill-gray-300 inline-block transform transition-all mx-1", { "-rotate-90": showOption.value, "rotate-90": !showOption.value }])
+            }, null, 8, ["class"])
+          ], 2)
         ]),
         default: withCtx(() => [
-          createVNode(unref(LibScrollBar), { isSelectdom: true }, {
-            default: withCtx(() => [
-              createVNode(renderOption)
-            ]),
-            _: 1
-          })
+          withDirectives((openBlock(), createElementBlock("div", null, [
+            createVNode(unref(LibScrollBar), {
+              ref_key: "scrollRef",
+              ref: scrollRef,
+              maxHeight: "274px"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 512)
+          ])), [
+            [unref(vArrowKeys)]
+          ])
         ]),
-        _: 1
-      }, 8, ["modelValue"]);
+        _: 3
+      }, 8, ["modelValue", "width"]);
     };
   }
 });
-const select_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };

package/dist/js/select/selectoption.js

@@ -1,13 +1,54 @@
-import { defineComponent, renderSlot } from "vue";
+import { defineComponent, ref, inject, computed, useSlots, openBlock, createElementBlock, normalizeClass, toDisplayString, renderSlot } from "vue";
+const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "selectoption",
   props: {
     value: {},
-    label: {}
+    label: {},
+    disabled: { type: Boolean, default: false }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const elRef = ref();
+    const modelValue = inject("_SelectModelValue_");
+    const isSelected = computed(() => modelValue.value === props.value);
+    const slots = useSlots();
+    const pushData = inject("_SelectItemPush_", (_params) => {
+    });
+    const selectHandle = inject("_UpdateSelectData_", (_params) => {
+    });
+    const hoverValue = inject("_LastSelectValue_");
+    const hoverHandle = inject("_LastChildSelect_", (_params) => {
+    });
+    const clickMeHandle = () => {
+      if (props.disabled)
+        return;
+      selectHandle(props.value);
+    };
+    pushData({ ...props });
+    const hasSlot = computed(() => !!slots.default);
+    const isHovered = computed(() => hoverValue.value === props.value);
+    const moveIn = () => {
+      hoverHandle(props.value);
+    };
+    __expose({
+      el: elRef
+    });
     return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
+      return openBlock(), createElementBlock("div", {
+        ref_key: "elRef",
+        ref: elRef,
+        onClick: clickMeHandle,
+        onMouseenter: moveIn,
+        class: normalizeClass(["px-1 py-2 cursor-pointer", {
+          "text-blue-light": isSelected.value,
+          "opacity-50 cursor-not-allowed": _ctx.disabled,
+          "bg-gray-100": !_ctx.disabled && isHovered.value,
+          "bg-inherit": !isHovered.value
+        }])
+      }, [
+        !hasSlot.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.label || _ctx.value), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+      ], 34);
     };
   }
 });

package/dist/js/shapeFlag/shapeFlag.js

@@ -0,0 +1,17 @@
+var ShapeFlags = /* @__PURE__ */ ((ShapeFlags2) => {
+  ShapeFlags2[ShapeFlags2["ELEMENT"] = 1] = "ELEMENT";
+  ShapeFlags2[ShapeFlags2["FUNCTIONAL_COMPONENT"] = 2] = "FUNCTIONAL_COMPONENT";
+  ShapeFlags2[ShapeFlags2["STATEFUL_COMPONENT"] = 4] = "STATEFUL_COMPONENT";
+  ShapeFlags2[ShapeFlags2["TEXT_CHILDREN"] = 8] = "TEXT_CHILDREN";
+  ShapeFlags2[ShapeFlags2["ARRAY_CHILDREN"] = 16] = "ARRAY_CHILDREN";
+  ShapeFlags2[ShapeFlags2["SLOTS_CHILDREN"] = 32] = "SLOTS_CHILDREN";
+  ShapeFlags2[ShapeFlags2["TELEPORT"] = 64] = "TELEPORT";
+  ShapeFlags2[ShapeFlags2["SUSPENSE"] = 128] = "SUSPENSE";
+  ShapeFlags2[ShapeFlags2["COMPONENT_SHOULD_KEEP_ALIVE"] = 256] = "COMPONENT_SHOULD_KEEP_ALIVE";
+  ShapeFlags2[ShapeFlags2["COMPONENT_KEPT_ALIVE"] = 512] = "COMPONENT_KEPT_ALIVE";
+  ShapeFlags2[ShapeFlags2["COMPONENT"] = 6] = "COMPONENT";
+  return ShapeFlags2;
+})(ShapeFlags || {});
+export {
+  ShapeFlags as S
+};

package/dist/js/switch/switch.js

@@ -1,20 +1,20 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString } from "vue";
-const _hoisted_1 = { class: "tdd-inline-block tdd-cursor-pointer tdd-select-none tdd-text-xs" };
+const _hoisted_1 = { class: "inline-block cursor-pointer select-none text-xs relative" };
 const _hoisted_2 = {
   key: 0,
-  class: "tdd-z-10 tdd-absolute tdd-top-0 tdd-font-semibold tdd-text-white tdd-left-1 tdd-leading-5 tdd-rounded-tr-sm tdd-rounded-br-sm"
+  class: "z-10 font-semibold text-white leading-5 mr-6 pl-1"
 };
 const _hoisted_3 = {
   key: 1,
-  class: "tdd-z-10 tdd-absolute tdd-top-0 tdd-font-semibold tdd-text-white tdd-right-1 tdd-leading-5 tdd-rounded-tl-sm tdd-rounded-bl-sm"
+  class: "z-10 font-semibold text-white leading-5 ml-6 pr-1"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "switch",
   props: {
-    labelChecked: {},
-    labelUnchecked: {},
-    colorChecked: { default: "#25b9e9" },
-    colorUnchecked: { default: "#666666" },
+    checkedLabel: {},
+    uncheckedLabel: {},
+    checkedColor: { default: "#25b9e9" },
+    uncheckedColor: { default: "#666666" },
     modelValue: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "switchChange"],
@@ -29,18 +29,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", _hoisted_1, [
         createElementVNode("input", {
           type: "checkbox",
-          class: "tdd-hidden",
+          class: "hidden",
           onChange: togglehandle
         }, null, 32),
         createElementVNode("div", {
-          class: "tdd-relative tdd-m-0 tdd-box-border tdd-block tdd-h-5 tdd-w-10 tdd-transform tdd-select-none tdd-overflow-hidden tdd-rounded-xl tdd-outline-0 tdd-ring-2 tdd-ring-gray-300 tdd-transition",
-          style: normalizeStyle({ backgroundColor: _ctx.modelValue ? _ctx.colorChecked : _ctx.colorUnchecked })
+          class: "relative box-border block h-5 min-w-10 select-none overflow-hidden rounded-xl outline-0 ring-2 ring-gray-300",
+          style: normalizeStyle({ backgroundColor: _ctx.modelValue ? _ctx.checkedColor : _ctx.uncheckedColor })
         }, [
           createElementVNode("div", {
-            class: normalizeClass(["tdd-absolute tdd-top-0 tdd-left-0 tdd-z-10 tdd-block tdd-h-full tdd-w-1/2 tdd-translate-x-0 tdd-transform tdd-rounded-full tdd-bg-slate-50 tdd-transition", { "tdd-translate-x-full ": _ctx.modelValue }])
-          }, null, 2)
-        ], 4),
-        _ctx.modelValue ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.labelChecked), 1)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.labelUnchecked), 1))
+            class: normalizeClass(["absolute top-0 z-10 block h-5 w-5 transform rounded-full bg-slate-50 transition-all", [_ctx.modelValue ? "left-[calc(100%-20px)]" : "left-0"]])
+          }, null, 2),
+          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.checkedLabel), 1)) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.uncheckedLabel), 1))
+        ], 4)
       ]);
     };
   }