ninemoon-ui 0.1.20 → 0.2.1

package/dist/js/radio/radiobox.js

@@ -28,18 +28,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["select-none text-sm inline-flex items-center cursor-pointer first:rounded-l-md last:rounded-r-md border-t border-b border-l last:border-r overflow-hidden", { "cursor-not-allowed": _ctx.disabled }])
+        class: normalizeClass(["select-none text-sm inline-flex items-center cursor-pointer first:rounded-l-md last:rounded-r-md border-t border-b border-l last:border-r overflow-hidden", { "cursor-not-allowed": __props.disabled }])
       }, [
         withDirectives(createElementVNode("input", {
           type: "radio",
-          value: _ctx.value,
+          value: __props.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedState.value = $event),
-          disabled: _ctx.disabled,
+          disabled: __props.disabled,
           class: "peer hidden disabled:cursor-not-allowed form-tick appearance-none h-4 w-4 rounded-full border border-gray-300 checked:border-transparent checked:bg-blue-600 focus:outline-none"
         }, null, 8, _hoisted_1), [
           [vModelRadio, checkedState.value]
         ]),
-        createElementVNode("div", _hoisted_2, toDisplayString(_ctx.label), 1)
+        createElementVNode("div", _hoisted_2, toDisplayString(__props.label), 1)
       ], 2);
     };
   }

package/dist/js/scrollBar/scrollBar.js

@@ -113,13 +113,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         onMousedown: clickTrackHandler,
         ref_key: "el",
         ref: el,
-        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"]])
+        class: normalizeClass(["absolute right-0.5 bottom-0.5 rounded transition-transform", [__props.vertical ? "top-0.5 w-1.5" : "left-0.5 h-1.5"]])
       }, [
         createElementVNode("div", {
           onMousedown: clickThumbHandler,
           ref_key: "thumb",
           ref: thumb,
-          class: normalizeClass([_ctx.vertical ? "w-full" : "h-full", "bg-[#9092984d] cursor-pointer rounded"]),
+          class: normalizeClass([__props.vertical ? "w-full" : "h-full", "bg-[#9092984d] cursor-pointer rounded"]),
           style: normalizeStyle(renderThumbstyle())
         }, null, 38)
       ], 34);
@@ -213,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setScrollLeft
     });
     return (_ctx, _cache) => {
-      return !_ctx.native ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return !__props.native ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           ref_key: "wrap",
           ref: wrap,
@@ -222,7 +222,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(warpStyle.value),
           onTouchstart: _cache[0] || (_cache[0] = ($event) => isTouching.value = true),
           onTouchend: _cache[1] || (_cache[1] = ($event) => isTouching.value = false),
-          id: _ctx.id
+          id: __props.id
         }, [
           createElementVNode("div", {
             ref_key: "contentBox",

package/dist/js/select/select.js

@@ -104,18 +104,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "inputbox",
             ref: inputbox,
             class: normalizeClass([{
-              "bg-gray-100 cursor-default": _ctx.disabled,
-              "cursor-pointer": !_ctx.disabled
+              "bg-gray-100 cursor-default": __props.disabled,
+              "cursor-pointer": !__props.disabled
             }, "relative flex h-full w-full items-center overflow-hidden rounded border border-solid"]),
             onClick: showHandle
           }, [
             createElementVNode("input", {
               value: inputLabel.value,
               type: "text",
-              disabled: _ctx.disabled,
-              readonly: !_ctx.filter,
+              disabled: __props.disabled,
+              readonly: !__props.filter,
               class: normalizeClass(["w-full cursor-pointer appearance-none pl-2 text-sm outline-none disabled:cursor-default text-word3", heightClass.value]),
-              placeholder: _ctx.placeHolder
+              placeholder: __props.placeHolder
             }, 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 }])

package/dist/js/select/selectoption.js

@@ -42,12 +42,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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,
+          "opacity-50 cursor-not-allowed": __props.disabled,
+          "bg-gray-100": !__props.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 })
+        !hasSlot.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.label || __props.value), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
       ], 34);
     };
   }

package/dist/js/switch/switch.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString } from "vue";
 const _hoisted_1 = { class: "inline-block cursor-pointer select-none text-xs relative" };
 const _hoisted_2 = {
   key: 0,
@@ -15,7 +15,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     uncheckedLabel: {},
     checkedColor: { default: "#25b9e9" },
     uncheckedColor: { default: "#666666" },
-    modelValue: { type: Boolean, default: false }
+    modelValue: { type: Boolean, default: false },
+    width: { default: "40px" },
+    height: { default: "20px" }
   },
   emits: ["update:modelValue", "switchChange"],
   setup(__props, { emit: __emit }) {
@@ -25,6 +27,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", !props.modelValue);
       emit("switchChange", !props.modelValue);
     };
+    const containerStyle = computed(() => {
+      const width = typeof props.width === "number" ? props.width + "px" : props.width;
+      const height = typeof props.height === "number" ? props.height + "px" : props.height;
+      return {
+        backgroundColor: props.modelValue ? props.checkedColor : props.uncheckedColor,
+        width,
+        height,
+        minWidth: width,
+        borderRadius: typeof props.height === "number" ? props.height / 2 + "px" : `calc(${props.height} / 2)`
+      };
+    });
+    const handleStyle = computed(() => {
+      const height = typeof props.height === "number" ? props.height + "px" : props.height;
+      return {
+        width: height,
+        height,
+        borderRadius: height
+      };
+    });
+    const handleClass = computed(() => {
+      const height = typeof props.height === "number" ? props.height + "px" : props.height;
+      return props.modelValue ? "left-[calc(100%-" + height + ")]" : "left-0";
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", _hoisted_1, [
         createElementVNode("input", {
@@ -33,13 +58,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onChange: togglehandle
         }, null, 32),
         createElementVNode("div", {
-          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 })
+          class: "relative box-border block select-none overflow-hidden outline-0 ring-2 ring-gray-300",
+          style: normalizeStyle(containerStyle.value)
         }, [
           createElementVNode("div", {
-            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))
+            class: normalizeClass(["absolute top-0 z-10 block bg-slate-50 transition-all", handleClass.value]),
+            style: normalizeStyle(handleStyle.value)
+          }, null, 6),
+          __props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.checkedLabel), 1)) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.uncheckedLabel), 1))
         ], 4)
       ]);
     };

package/dist/js/table/table.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useSlots, h, nextTick, ref, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, renderList, withDirectives, vModelCheckbox, createCommentVNode, createTextVNode, toDisplayString, createBlock, markRaw } from "vue";
+import { defineComponent, computed, useSlots, h, nextTick, normalizeClass, ref, openBlock, createElementBlock, Fragment, createElementVNode, renderList, withDirectives, vModelCheckbox, createCommentVNode, createTextVNode, toDisplayString, createBlock, resolveDynamicComponent, Comment, Text } from "vue";
 import { S as ShapeFlags } from "../shapeFlag/shapeFlag.js";
 const _hoisted_1 = ["width"];
 const _hoisted_2 = { key: 0 };
@@ -8,11 +8,8 @@ const _hoisted_5 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_6 = {
-  class: "px-1",
-  for: "checkbox"
-};
-const _hoisted_7 = ["checked", "onChange"];
+const _hoisted_6 = ["for"];
+const _hoisted_7 = ["id", "checked", "onChange"];
 const _hoisted_8 = {
   key: 1,
   class: "text-center"
@@ -49,7 +46,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("selectionChange", resultArray.value);
     };
     const slots = useSlots();
+    const flattenSlots = (nodes) => {
+      const result = [];
+      for (const node of nodes) {
+        if (!node)
+          continue;
+        if (node.type === Comment || node.type === Text)
+          continue;
+        if (node.type === Fragment) {
+          if (node.children) {
+            result.push(...flattenSlots(
+              Array.isArray(node.children) ? node.children : [node.children]
+            ));
+          }
+          continue;
+        }
+        if (node.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
+          if (node.children) {
+            result.push(...flattenSlots(node.children));
+          }
+          continue;
+        }
+        if (node.shapeFlag & (ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.FUNCTIONAL_COMPONENT | ShapeFlags.SLOTS_CHILDREN)) {
+          result.push(node);
+        }
+      }
+      return result;
+    };
+    const validSlots = computed(() => {
+      var _a;
+      const defaultSlots = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
+      return flattenSlots(defaultSlots);
+    });
     const groupedSlots = computed(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       const groups = {
         append: null,
         prepend: null,
@@ -59,8 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         hasindex: false,
         hascheck: false
       };
-      const _categorizeSlot = (slot) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      for (const slot of validSlots.value) {
         const type = (_a = slot.props) == null ? void 0 : _a.type;
         switch (type) {
           case "append":
@@ -71,59 +100,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             break;
           case "index":
             groups.rest.push({
-              type: (_b = slot.props) == null ? void 0 : _b.type,
-              prop: (_c = slot.props) == null ? void 0 : _c.prop,
-              label: ((_d = slot.props) == null ? void 0 : _d.label) || "",
-              width: (_e = slot.props) == null ? void 0 : _e.width
+              type,
+              prop: (_b = slot.props) == null ? void 0 : _b.prop,
+              label: ((_c = slot.props) == null ? void 0 : _c.label) || "",
+              width: (_d = slot.props) == null ? void 0 : _d.width
             });
             groups.restLen += 1;
             groups.hasindex = true;
             break;
           case "selection":
             groups.rest.push({
-              type: (_f = slot.props) == null ? void 0 : _f.type,
-              prop: (_g = slot.props) == null ? void 0 : _g.prop,
-              label: ((_h = slot.props) == null ? void 0 : _h.label) || "",
-              width: (_i = slot.props) == null ? void 0 : _i.width
+              type,
+              prop: (_e = slot.props) == null ? void 0 : _e.prop,
+              label: ((_f = slot.props) == null ? void 0 : _f.label) || "",
+              width: (_g = slot.props) == null ? void 0 : _g.width
             });
             groups.restLen += 1;
             groups.hascheck = true;
             break;
           default:
             groups.rest.push({
-              type: (_j = slot.props) == null ? void 0 : _j.type,
-              prop: (_k = slot.props) == null ? void 0 : _k.prop,
-              label: ((_l = slot.props) == null ? void 0 : _l.label) || "",
-              width: (_m = slot.props) == null ? void 0 : _m.width
+              type,
+              prop: (_h = slot.props) == null ? void 0 : _h.prop,
+              label: ((_i = slot.props) == null ? void 0 : _i.label) || "",
+              width: (_j = slot.props) == null ? void 0 : _j.width
             });
             groups.restLen += 1;
             groups.normal.push({
-              isSlot: Boolean((_n = slot.children) == null ? void 0 : _n.default),
-              prop: (_o = slot.props) == null ? void 0 : _o.prop,
+              isSlot: Boolean((_k = slot.children) == null ? void 0 : _k.default),
+              prop: (_l = slot.props) == null ? void 0 : _l.prop,
               slot
             });
             break;
         }
-      };
-      slots.default().forEach((node) => {
-        if (node.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
-          node.children.forEach(_categorizeSlot);
-        } else if (node.shapeFlag & ShapeFlags.STATEFUL_COMPONENT) {
-          _categorizeSlot(node);
-        }
-      });
+      }
       return groups;
     });
     const prependSlot = computed(() => groupedSlots.value.prepend);
     const appendSlot = computed(() => groupedSlots.value.append);
-    const dynamicPre = (props2) => {
+    const dynamicPre = computed(() => (props2) => {
       var _a, _b, _c;
       return (_c = (_a = prependSlot.value) == null ? void 0 : (_b = _a.children).default) == null ? void 0 : _c.call(_b, props2);
-    };
-    const dynamicAppend = (props2) => {
+    });
+    const dynamicAppend = computed(() => (props2) => {
       var _a, _b, _c;
       return (_c = (_a = appendSlot.value) == null ? void 0 : (_b = _a.children).default) == null ? void 0 : _c.call(_b, props2);
-    };
+    });
     const hasindexSlot = computed(() => groupedSlots.value.hasindex);
     const hascheckSlot = computed(() => groupedSlots.value.hascheck);
     const normalSlots = computed(() => groupedSlots.value.normal);
@@ -146,17 +168,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     nextTick(() => {
       emit("finishRender");
     });
-    const dynormalRenderHandle = (rowprops) => {
-      return dynamicnormal.value.map((rh, _) => {
-        return h(
-          "td",
-          {
-            class: normalizeClass(["text-center py-2", props.cellclass])
-          },
-          rh({ row: rowprops.row, index: rowprops.rowindex })
-        );
-      });
-    };
+    const dynormalRenderHandle = computed(() => {
+      return (rowprops) => {
+        return dynamicnormal.value.map((rh, _) => {
+          return h(
+            "td",
+            {
+              class: normalizeClass(["text-center py-2", props.cellclass])
+            },
+            rh({ row: rowprops.row, index: rowprops.rowindex })
+          );
+        });
+      };
+    });
     const getRowKey = (rowdata, index) => props.idKey ? `row_${rowdata[props.idKey]}` : `row_${index}`;
     const getPreRowkey = (rowdata, index) => props.idKey ? `prepend_${rowdata[props.idKey]}` : `prepend_${index}`;
     const getAppendRowkey = (rowdata, index) => props.idKey ? `append_${rowdata[props.idKey]}` : `append_${index}`;
@@ -240,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("table", {
-          class: normalizeClass(["w-full text-sm", _ctx.tableclass])
+          class: normalizeClass(["w-full text-sm", __props.tableclass])
         }, [
           createElementVNode("colgroup", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(cachedSlots.value, (i, j) => {
@@ -250,39 +274,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, _hoisted_1);
             }), 128))
           ]),
-          _ctx.showHead ? (openBlock(), createElementBlock("thead", {
+          __props.showHead ? (openBlock(), createElementBlock("thead", {
             key: 0,
-            class: normalizeClass(["text-word6", _ctx.headclass])
+            class: normalizeClass(["text-word6", __props.headclass])
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(cachedSlots.value, (i, j) => {
-              return openBlock(), createElementBlock("th", {
-                class: "font-normal h-10 border-b",
-                key: j
-              }, [
-                i.type === "selection" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  !_ctx.outSideCheck ? withDirectives((openBlock(), createElementBlock("input", {
-                    key: 0,
-                    type: "checkbox",
-                    class: "appearance-none form-tick h-4 w-4 border border-gray-300 rounded checked:border-transparent checked:bg-blue-600 focus:outline-none",
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => allSelect.value = $event)
-                  }, null, 512)), [
-                    [vModelCheckbox, allSelect.value]
-                  ]) : createCommentVNode("", true)
-                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(i.label), 1)
-                ], 64))
-              ]);
-            }), 128))
+            createElementVNode("tr", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(cachedSlots.value, (i, j) => {
+                return openBlock(), createElementBlock("th", {
+                  class: "font-normal h-10 border-b",
+                  key: j
+                }, [
+                  i.type === "selection" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    !__props.outSideCheck ? withDirectives((openBlock(), createElementBlock("input", {
+                      key: 0,
+                      type: "checkbox",
+                      class: "appearance-none form-tick h-4 w-4 border border-gray-300 rounded checked:border-transparent checked:bg-blue-600 focus:outline-none",
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => allSelect.value = $event)
+                    }, null, 512)), [
+                      [vModelCheckbox, allSelect.value]
+                    ]) : createCommentVNode("", true)
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createTextVNode(toDisplayString(i.label), 1)
+                  ], 64))
+                ]);
+              }), 128))
+            ])
           ], 2)) : createCommentVNode("", true),
           createElementVNode("tbody", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (rowdata, rowindex) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (rowdata, rowindex) => {
               return openBlock(), createElementBlock(Fragment, {
                 key: getRowKey(rowdata, rowindex)
               }, [
                 prependSlot.value ? (openBlock(), createElementBlock("tr", _hoisted_2, [
                   createElementVNode("td", { colspan: colSpan.value }, [
-                    (openBlock(), createBlock(dynamicPre, {
-                      row: markRaw(rowdata),
+                    (openBlock(), createBlock(resolveDynamicComponent(dynamicPre.value), {
+                      row: rowdata,
                       index: rowindex,
                       key: getPreRowkey(rowdata, rowindex)
                     }, null, 8, ["row", "index"]))
@@ -290,28 +316,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])) : createCommentVNode("", true),
                 createElementVNode("tr", _hoisted_4, [
                   hascheckSlot.value ? (openBlock(), createElementBlock("td", _hoisted_5, [
-                    createElementVNode("label", _hoisted_6, [
+                    createElementVNode("label", {
+                      class: "px-1",
+                      for: `checkbox_${getRowKey(rowdata, rowindex)}`
+                    }, [
                       createElementVNode("input", {
                         type: "checkbox",
-                        checked: choosedSet.value.has(_ctx.idKey ? rowdata[_ctx.idKey] : rowindex),
+                        id: `checkbox_${getRowKey(rowdata, rowindex)}`,
+                        checked: choosedSet.value.has(__props.idKey ? rowdata[__props.idKey] : rowindex),
                         onChange: ($event) => checkChange($event, rowdata, rowindex),
                         class: "appearance-none form-tick h-4 w-4 border border-gray-300 rounded checked:border-transparent checked:bg-blue-600 text-red-600 focus:outline-none"
                       }, null, 40, _hoisted_7)
-                    ])
+                    ], 8, _hoisted_6)
                   ])) : createCommentVNode("", true),
                   hasindexSlot.value ? (openBlock(), createElementBlock("td", _hoisted_8, [
                     createElementVNode("div", null, toDisplayString(rowindex + 1), 1)
                   ])) : createCommentVNode("", true),
-                  (openBlock(), createBlock(dynormalRenderHandle, {
-                    row: markRaw(rowdata),
+                  (openBlock(), createBlock(resolveDynamicComponent(dynormalRenderHandle.value), {
+                    row: rowdata,
                     rowindex,
                     key: getRowKey(rowdata, rowindex)
                   }, null, 8, ["row", "rowindex"]))
                 ]),
                 appendSlot.value ? (openBlock(), createElementBlock("tr", _hoisted_9, [
                   createElementVNode("td", { colspan: colSpan.value }, [
-                    (openBlock(), createBlock(dynamicAppend, {
-                      row: markRaw(rowdata),
+                    (openBlock(), createBlock(resolveDynamicComponent(dynamicAppend.value), {
+                      row: rowdata,
                       index: rowindex,
                       key: getAppendRowkey(rowdata, rowindex)
                     }, null, 8, ["row", "index"]))

package/dist/js/table/tableItem.js

@@ -15,8 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "default", {
-        row: _ctx.row,
-        index: _ctx.index
+        row: __props.row,
+        index: __props.index
       });
     };
   }