ninemoon-ui 0.0.27 → 0.1.1

package/dist/js/dateArrowplus/dateArrowplus.js

@@ -0,0 +1,25 @@
+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",
+  "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
+};

package/dist/js/delete/delete.js

@@ -0,0 +1,19 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "../index/index.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  viewBox: "64 64 896 896",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" }, null, -1)
+  ]));
+}
+const delIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  delIcon as d
+};

package/dist/js/dialog/dialog.js

@@ -1,8 +1,10 @@
-import { defineComponent, computed, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, withModifiers, normalizeClass, normalizeStyle, createElementBlock, toDisplayString, createCommentVNode, renderSlot, vShow } from "vue";
+import { defineComponent, computed, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementBlock, withModifiers, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, unref } from "vue";
+import { c as createEscapeDirective, C as CloseIcon } from "../index/index.js";
 const _hoisted_1 = {
   key: 0,
-  class: "tdd-flex tdd-w-full tdd-justify-between tdd-p-2"
+  class: "flex w-full justify-between p-2"
 };
+const defaultWidth = "500px";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: {
@@ -29,21 +31,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const selfwidth = computed(() => {
-      if (props.width) {
-        if (typeof props.width === "number") {
-          return `${props.width}px`;
-        } else if (typeof props.width === "string") {
-          if (props.width.includes("px") || props.width.includes("%")) {
-            return props.width;
-          } else {
-            return `${props.width}px`;
-          }
-        } else {
-          return "unset";
-        }
-      } else {
-        return "unset";
+      if (!props.width)
+        return defaultWidth;
+      if (typeof props.width === "number") {
+        return `${props.width}px`;
+      }
+      if (typeof props.width === "string") {
+        const validUnit = /^(?:\d+(?:\.\d+)?)(?:px|%|em|rem|vw|vh)$/.test(props.width);
+        return validUnit ? props.width : `${props.width}px`;
       }
+      return defaultWidth;
     });
     const UpdateVisible = __emit;
     const dialogHidden = (cancelflag) => {
@@ -51,88 +48,75 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         UpdateVisible("update:visible", false);
       }
     };
-    const closeIcon = (e) => {
+    const closeDialogHandle = () => {
       if (props.beforeHidden) {
         props.beforeHidden(dialogHidden);
       } else {
         dialogHidden();
       }
-      return e;
     };
-    const bodyClick = (e) => {
+    const whiteSpaceClick = () => {
       if (props.bodyClickAble) {
-        closeIcon(e);
+        closeDialogHandle();
       }
-      return e;
     };
     watch(
       () => props.visible,
       (val) => {
         if (props.lockScroll) {
           if (val === true) {
-            document.body.classList.add("tdd-overflow-hidden");
+            document.body.classList.add("overflow-hidden");
           } else {
-            document.body.classList.remove("tdd-overflow-hidden");
+            document.body.classList.remove("overflow-hidden");
           }
         }
       }
     );
+    const vEsc = createEscapeDirective({
+      onEscape: () => {
+        closeDialogHandle();
+      }
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
-        to: "body",
-        disabled: !_ctx.visible
-      }, [
-        createVNode(Transition, { name: "opecity" }, {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              class: "tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-bg-black tdd-bg-opacity-30 tdd-text-sm tdd-z-1000 tdd-flex tdd-items-center tdd-justify-center",
-              onClick: withModifiers(bodyClick, ["self"])
+            _ctx.visible ? withDirectives((openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "fixed top-0 right-0 left-0 bottom-0 bg-black bg-opacity-30 text-sm z-1000",
+              onClick: withModifiers(whiteSpaceClick, ["self"])
             }, [
               createElementVNode("div", {
-                class: normalizeClass(["tdd-z-50 tdd-divide-y tdd-divide-gray-300 tdd-rounded tdd-drop-shadow", { "tdd-w-96": !hasselfwidth.value, "tdd-bg-white": !_ctx.isDiy }]),
+                class: normalizeClass(["divide-y divide-gray-300 rounded drop-shadow mt-[20vh] mx-auto", { "w-96": !hasselfwidth.value, "bg-white": !_ctx.isDiy }]),
                 style: normalizeStyle({ width: selfwidth.value })
               }, [
                 showdefaultHand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
                   createElementVNode("span", null, toDisplayString(_ctx.title), 1),
                   createElementVNode("button", {
                     type: "button",
-                    onClick: closeIcon
-                  }, _cache[0] || (_cache[0] = [
-                    createElementVNode("svg", {
-                      class: "tdd-h-5 tdd-w-5 tdd-fill-gray-600",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "24",
-                      height: "24",
-                      viewBox: "0 0 24 24",
-                      fill: "none"
-                    }, [
-                      createElementVNode("g", null, [
-                        createElementVNode("path", {
-                          "fill-rule": "evenodd",
-                          "clip-rule": "evenodd",
-                          d: "M16.7782 7.22943C16.4824 6.93364 16.0046 6.93364 15.7088 7.22943L12 10.9306L8.29124 7.22184C7.99545 6.92605 7.51763 6.92605 7.22184 7.22184C6.92605 7.51763 6.92605 7.99545 7.22184 8.29124L10.9306 12L7.22184 15.7088C6.92605 16.0046 6.92605 16.4824 7.22184 16.7782C7.51763 17.0739 7.99545 17.0739 8.29124 16.7782L12 13.0694L15.7088 16.7782C16.0046 17.0739 16.4824 17.0739 16.7782 16.7782C17.0739 16.4824 17.0739 16.0046 16.7782 15.7088L13.0694 12L16.7782 8.29124C17.0664 8.00303 17.0664 7.51763 16.7782 7.22943Z",
-                          fill: "inherit"
-                        })
-                      ])
-                    ], -1)
-                  ]))
+                    onClick: closeDialogHandle,
+                    class: "appearance-none fill-gray-600"
+                  }, [
+                    createVNode(CloseIcon)
+                  ])
                 ])) : createCommentVNode("", true),
                 createElementVNode("div", {
-                  class: normalizeClass({ "tdd-p-2": !_ctx.isDiy })
+                  class: normalizeClass({ "p-2": !_ctx.isDiy })
                 }, [
                   renderSlot(_ctx.$slots, "default")
                 ], 2)
               ], 6)
-            ], 512), [
-              [vShow, _ctx.visible]
-            ])
+            ])), [
+              [unref(vEsc)]
+            ]) : createCommentVNode("", true)
           ]),
           _: 3
         })
-      ], 8, ["disabled"]);
+      ]);
     };
   }
 });
+const dialog_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };

package/dist/js/form/form.js

@@ -1,57 +1,45 @@
-import { defineComponent, readonly, ref, provide, openBlock, createElementBlock, renderSlot } from "vue";
+import { defineComponent, readonly, reactive, ref, provide, toRef, openBlock, createElementBlock, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "form",
   props: {
     rule: {},
     model: {},
-    inline: { type: Boolean, default: true }
+    inline: { type: Boolean, default: false }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const staticModel = readonly(Object.assign({}, props.model));
-    const checkList = ref([]);
-    const pushCheck = (name, fc) => {
-      if (name == null)
-        return;
-      checkList.value.push({
-        name,
-        fc
-      });
-    };
+    const ruleCheck = reactive(/* @__PURE__ */ new Map());
     const clearList = ref([]);
-    const pushClear = (i) => {
-      clearList.value.push(i);
-    };
     const validate = async (callBack) => {
-      let passflag = true;
-      for (const rule of checkList.value) {
-        await rule.fc((msg) => {
-          if (msg !== null && msg !== void 0) {
-            passflag = false;
-            console.warn(msg);
-          }
+      try {
+        const rulePromises = Array.from(ruleCheck.values()).map((rule) => {
+          return new Promise(
+            (resolve) => rule((result) => resolve(result === true))
+          );
         });
-      }
-      if (passflag === true) {
-        callBack(true);
-      } else {
+        const results = await Promise.all(rulePromises);
+        const passedCount = results.filter(Boolean).length;
+        const isValid = passedCount === ruleCheck.size;
+        callBack(isValid);
+        return isValid;
+      } catch (error) {
+        console.error("Validation error:", error);
         callBack(false);
+        return false;
       }
     };
     const validateField = async (propname, callBack) => {
       if (!propname) {
         throw new Error("prop参数为空");
       } else {
-        const ruleArr = checkList.value.filter((check) => check.name === propname);
-        if (ruleArr.length === 0) {
+        const checkFc = ruleCheck.get(propname);
+        if (!checkFc) {
           throw new Error("没有匹配的检查函数");
         } else {
-          for (const rule of ruleArr) {
-            await rule.fc((msg) => {
-              console.warn(msg);
-              callBack(msg);
-            });
-          }
+          await checkFc((msg) => {
+            callBack(msg);
+          });
         }
       }
     };
@@ -70,11 +58,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       validateField,
       resetField
     });
-    provide("rule", props.rule);
-    provide("model", props.model);
-    provide("sendCheck", pushCheck);
-    provide("sendClear", pushClear);
-    provide("inlineStatus", props.inline);
+    provide("_ParentRules_", props.rule);
+    provide("_ParentModels_", readonly(toRef(props, "model")));
+    provide("_ParentLineStatus_", toRef(props, "inline"));
+    provide("_formRuleCheck_", (item, checkFunction) => {
+      ruleCheck.set(item, checkFunction);
+    });
+    provide("_validateClear_", (i) => {
+      clearList.value.push(i);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("form", null, [
         renderSlot(_ctx.$slots, "default")

package/dist/js/form/formlabel.js

@@ -1,9 +1,8 @@
-import { defineComponent, inject, computed, ref, provide, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, renderSlot, createCommentVNode } from "vue";
-const _hoisted_1 = { class: "tdd-mb-5" };
-const _hoisted_2 = { class: "tdd-relative tdd-flex-1 tdd-items-center" };
-const _hoisted_3 = {
+import { defineComponent, inject, ref, computed, provide, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, renderSlot, createVNode, Transition, withCtx, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "relative flex-1 items-center h-full leading-8 flex" };
+const _hoisted_2 = {
   key: 0,
-  class: "tdd-absolute tdd--bottom-5 tdd-left-0 tdd-text-xs tdd-text-red-600"
+  class: "absolute -bottom-5 left-0 text-xs text-red-600"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "formlabel",
@@ -15,23 +14,86 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const Rules = inject("rule");
-    const Model = inject("model");
-    const sendCheck = inject("sendCheck", () => null);
-    const sendClear = inject("sendClear", () => null);
-    const totalInlineStatues = inject("inlineStatus");
+    const Rules = inject("_ParentRules_", {});
+    const Model = inject("_ParentModels_", ref());
+    const sendCheck = inject("_formRuleCheck_", () => null);
+    const sendClear = inject("_validateClear_", () => null);
+    const parentLineStatus = inject("_ParentLineStatus_", ref());
+    const getThisRule = computed(() => {
+      if (!props.prop) {
+        return [];
+      }
+      return Rules[props.prop] || [];
+    });
     const isInline = computed(() => {
-      if (props.inline != null) {
+      if (props.inline !== void 0) {
         return props.inline;
       } else {
-        return totalInlineStatues;
+        return parentLineStatus.value;
       }
     });
-    const tip = ref(null);
-    const showTip = computed(() => tip.value != null && tip.value != "");
-    const thisRules = Rules && props.prop && Rules[props.prop];
+    const checkPropHandle = async (callBack, eventName) => {
+      if (!props.prop)
+        return;
+      const setErrHandle = (errword) => {
+        if (errword)
+          tip.value = errword;
+        showTip.value = true;
+        callBack && callBack(false);
+      };
+      const aimdata = Model.value[props.prop];
+      const filterRule = getThisRule.value.filter(
+        (rule) => !eventName || rule.trigger === eventName
+      );
+      let i = 0;
+      for (; i < filterRule.length; i++) {
+        const { type, min, max, message, validator } = filterRule[i];
+        tip.value = message || "";
+        if (min || max) {
+          const toNum = Number(aimdata);
+          if (isNaN(toNum)) {
+            setErrHandle("请输入数字");
+            break;
+          }
+          if (min && toNum < min || max && toNum > max) {
+            setErrHandle();
+            break;
+          }
+        }
+        if (type) {
+          if (!validateType(aimdata, type)) {
+            setErrHandle();
+            break;
+          }
+        }
+        if (validator) {
+          const result = await FunctionToPromise(validator, aimdata);
+          if (result !== null) {
+            setErrHandle();
+            break;
+          }
+        }
+        if (aimdata === null || aimdata === "" || aimdata === void 0) {
+          setErrHandle();
+          break;
+        }
+      }
+      if (i === getThisRule.value.length) {
+        showTip.value = false;
+        tip.value = "";
+        callBack && callBack(true);
+      }
+    };
+    const validateType = (value, type) => {
+      if (type === "array")
+        return Array.isArray(value);
+      return typeof value === type;
+    };
+    const tip = ref("");
+    const showTip = ref(false);
     const resetField = () => {
-      tip.value = null;
+      tip.value = "";
+      showTip.value = false;
     };
     const FunctionToPromise = (callBack, receiveData) => {
       return new Promise((resolve) => {
@@ -40,125 +102,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       });
     };
-    const mixHandle = async (receiveData, eventname) => {
-      if (thisRules instanceof Array) {
-        for (let i = 0; i < thisRules.length; i++) {
-          const { type, trigger, min, max, message, validator } = thisRules[i];
-          if (trigger === "blur" && eventname === "blurevent" || trigger === "input" && eventname === "inputevent" || trigger === "change" && eventname === "changeevent") {
-            if (min || max) {
-              if (isNaN(Number(receiveData))) {
-                tip.value = "请输入数字";
-                break;
-              } else {
-                if (min && Number(receiveData) < min || max && Number(receiveData) > max) {
-                  tip.value = message;
-                  break;
-                }
-              }
-            } else if (validator) {
-              const result = await FunctionToPromise(validator, receiveData);
-              tip.value = result;
-              if (result != null) {
-                break;
-              }
-            } else if (type == "array") {
-              if (!(receiveData instanceof Array)) {
-                tip.value = message;
-                break;
-              } else if (receiveData.length === 0) {
-                tip.value = message;
-                break;
-              } else {
-                tip.value = null;
-              }
-            } else if (receiveData == null || receiveData == "") {
-              tip.value = message;
-              break;
-            } else {
-              tip.value = null;
-            }
-          }
-        }
-      }
-    };
-    const inputHandle = (data) => mixHandle(data, "inputevent");
-    const blurHandle = (data) => mixHandle(data, "blurevent");
-    const changeHandle = (data) => mixHandle(data, "changeevent");
-    const validateLabel = async (callBack) => {
-      let flag = 0;
-      const data = Model[props.prop];
-      if (thisRules instanceof Array) {
-        for (let i = 0; i < thisRules.length; i++) {
-          const { type, min, max, message, validator } = thisRules[i];
-          if (min || max) {
-            if (isNaN(Number(data))) {
-              callBack("请输入数字");
-              flag += 1;
-              break;
-            } else {
-              if (max && Number(data) > max || min && Number(data) < min) {
-                tip.value = message;
-                callBack(message);
-                flag += 1;
-                break;
-              }
-            }
-          } else if (validator) {
-            const result = await FunctionToPromise(validator, data);
-            tip.value = result;
-            if (result != null) {
-              callBack(result);
-              flag += 1;
-              break;
-            }
-          } else if (type == "array") {
-            if (!(data instanceof Array)) {
-              tip.value = message;
-              callBack(message);
-              flag += 1;
-              break;
-            } else if (data.length === 0) {
-              tip.value = message;
-              callBack(message);
-              flag += 1;
-              break;
-            }
-          } else if (data == null || data == "") {
-            tip.value = message;
-            callBack(message);
-            flag += 1;
-            break;
-          }
-        }
-      }
-      if (flag === 0) {
-        tip.value = null;
-        callBack();
-      }
-    };
-    sendCheck(props.prop, validateLabel);
+    sendCheck(props.prop, checkPropHandle);
     sendClear(resetField);
-    provide("inputHandle", inputHandle);
-    provide("blurHandle", blurHandle);
-    provide("changHandle", changeHandle);
+    provide("inputHandle", () => checkPropHandle(void 0, "input"));
+    provide("blurHandle", () => checkPropHandle(void 0, "blur"));
+    provide("changeHandle", () => checkPropHandle(void 0, "change"));
     __expose({
-      validateLabel
+      validateLabel: checkPropHandle
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mb-5", { "inline-flex mr-5": isInline.value, "flex flex-col": !isInline.value }])
+      }, [
         createElementVNode("div", {
-          class: normalizeClass(["tdd-w-full tdd-flex", { "tdd-flex-col": !isInline.value, "tdd-items-center": isInline.value }])
-        }, [
-          createElementVNode("div", {
-            class: "tdd-text-sm",
-            style: normalizeStyle({ width: `${_ctx.width}px` })
-          }, toDisplayString(_ctx.label), 5),
-          createElementVNode("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "default"),
-            showTip.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(tip.value), 1)) : createCommentVNode("", true)
-          ])
-        ], 2)
-      ]);
+          class: "text-sm flex items-center",
+          style: normalizeStyle({ width: `${_ctx.width}px` })
+        }, toDisplayString(_ctx.label), 5),
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(Transition, { name: "opecity" }, {
+            default: withCtx(() => [
+              showTip.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(tip.value), 1)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ])
+      ], 2);
     };
   }
 });