ninemoon-ui 0.0.26 → 0.1.0

package/dist/js/form-6ae96387.js

@@ -0,0 +1,79 @@
+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: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const staticModel = readonly(Object.assign({}, props.model));
+    const ruleCheck = reactive(/* @__PURE__ */ new Map());
+    const clearList = ref([]);
+    const validate = async (callBack) => {
+      try {
+        const rulePromises = Array.from(ruleCheck.values()).map((rule) => {
+          return new Promise(
+            (resolve) => rule((result) => resolve(result === true))
+          );
+        });
+        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 checkFc = ruleCheck.get(propname);
+        if (!checkFc) {
+          throw new Error("没有匹配的检查函数");
+        } else {
+          await checkFc((msg) => {
+            callBack(msg);
+          });
+        }
+      }
+    };
+    const resetField = () => {
+      for (const clearFun of clearList.value) {
+        clearFun();
+      }
+      for (const key in props.model) {
+        if (Object.prototype.hasOwnProperty.call(props.model, key)) {
+          props.model[key] = staticModel[key];
+        }
+      }
+    };
+    __expose({
+      validate,
+      validateField,
+      resetField
+    });
+    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")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/formlabel-9339bd1c.js

@@ -0,0 +1,136 @@
+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: "absolute -bottom-5 left-0 text-xs text-red-600"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "formlabel",
+  props: {
+    label: {},
+    prop: {},
+    inline: { type: Boolean, default: void 0 },
+    width: { default: 70 }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    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 !== void 0) {
+        return props.inline;
+      } else {
+        return parentLineStatus.value;
+      }
+    });
+    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 = "";
+      showTip.value = false;
+    };
+    const FunctionToPromise = (callBack, receiveData) => {
+      return new Promise((resolve) => {
+        callBack(receiveData, (result) => {
+          resolve(result);
+        });
+      });
+    };
+    sendCheck(props.prop, checkPropHandle);
+    sendClear(resetField);
+    provide("inputHandle", () => checkPropHandle(void 0, "input"));
+    provide("blurHandle", () => checkPropHandle(void 0, "blur"));
+    provide("changeHandle", () => checkPropHandle(void 0, "change"));
+    __expose({
+      validateLabel: checkPropHandle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mb-5", { "inline-flex mr-5": isInline.value, "flex flex-col": !isInline.value }])
+      }, [
+        createElementVNode("div", {
+          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);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/image-76711716.js

@@ -0,0 +1,300 @@
+import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, watch, Fragment, createVNode, createCommentVNode, renderSlot, createBlock, Teleport, Transition, withCtx, withDirectives, withModifiers, normalizeStyle, normalizeClass, unref } from "vue";
+import { _ as _export_sfc, t as throttle } from "./index-b4e420ce.js";
+import { d as delIcon } from "./delete-e898f83c.js";
+const _sfc_main$3 = {};
+const _hoisted_1$3 = {
+  viewBox: "64 64 896 896",
+  focusable: "false",
+  "data-icon": "eye",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+};
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }, null, -1)
+  ]));
+}
+const EyeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
+const _sfc_main$2 = {};
+const _hoisted_1$2 = {
+  viewBox: "64 64 896 896",
+  focusable: "false",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z" }, null, -1),
+    createElementVNode("path", { d: "M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z" }, null, -1)
+  ]));
+}
+const turnLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
+const _sfc_main$1 = {};
+const _hoisted_1$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$1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z" }, null, -1),
+    createElementVNode("path", { d: "M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z" }, null, -1)
+  ]));
+}
+const turnRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+const DEFAULT_THROTTLE_WAIT = 60;
+const createDraggableDirective = (options) => {
+  const config = {
+    throttleWait: DEFAULT_THROTTLE_WAIT,
+    resetOnEnd: false,
+    onDrag: () => {
+    },
+    // default implementation
+    ...options
+  };
+  const bindEvents = (el, binding) => {
+    if (el.__draggable_handlers__)
+      return;
+    let startX = 0;
+    let startY = 0;
+    let initialX = 0;
+    let initialY = 0;
+    const handleMove = throttle((e) => {
+      e.preventDefault();
+      const deltaX = e.pageX - startX;
+      const deltaY = e.pageY - startY;
+      config.onDrag({
+        x: deltaX + initialX,
+        y: deltaY + initialY
+      });
+    }, config.throttleWait);
+    const handleDown = (e) => {
+      var _a;
+      e.preventDefault();
+      const rect = el.getBoundingClientRect();
+      initialX = rect.left + window.scrollX;
+      initialY = rect.top + window.scrollY;
+      startX = e.pageX;
+      startY = e.pageY;
+      (_a = config.onDragStart) == null ? void 0 : _a.call(config, { x: initialX, y: initialY });
+      window.addEventListener("mousemove", handleMove);
+      window.addEventListener("mouseup", handleUp);
+    };
+    const handleUp = () => {
+      var _a;
+      window.removeEventListener("mousemove", handleMove);
+      window.removeEventListener("mouseup", handleUp);
+      if (config.resetOnEnd) {
+        config.onDrag({ x: initialX, y: initialY });
+      }
+      (_a = config.onDragEnd) == null ? void 0 : _a.call(config, { x: initialX, y: initialY });
+    };
+    el.__draggable_handlers__ = {
+      move: handleMove,
+      up: handleUp
+    };
+    el.addEventListener("mousedown", handleDown);
+  };
+  const unbindEvents = (el) => {
+    if (el.__draggable_handlers__) {
+      window.removeEventListener("mousemove", el.__draggable_handlers__.move);
+      window.removeEventListener("mouseup", el.__draggable_handlers__.up);
+      delete el.__draggable_handlers__;
+    }
+  };
+  return {
+    mounted(el, binding) {
+      bindEvents(el);
+    },
+    beforeUnmount(el) {
+      unbindEvents(el);
+    }
+  };
+};
+const createWheelDirective = (options) => {
+  const config = {
+    onWheel: () => {
+    },
+    ...options
+  };
+  const bindEvents = (el, binding) => {
+    const wheelHandler = (e) => {
+      e.preventDefault();
+      config.onWheel(e);
+    };
+    el._wheel_handlers_ = {
+      wheel: wheelHandler
+    };
+    el.addEventListener("wheel", wheelHandler);
+  };
+  const unbindEvents = (el) => {
+    if (el._wheel_handlers_) {
+      el.removeEventListener("wheel", el._wheel_handlers_.wheel);
+      delete el._wheel_handlers_;
+    }
+  };
+  return {
+    mounted(el, binding) {
+      bindEvents(el);
+    },
+    beforeUnmount(el) {
+      unbindEvents(el);
+    }
+  };
+};
+const _hoisted_1 = { class: "relative inline-block h-full w-full" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { class: "pointer-events-none fixed top-0 right-0 left-0 bottom-0 z-1000 text-center" };
+const _hoisted_5 = { class: "pointer-events-auto absolute top-0 left-0 z-10 flex w-full items-center bg-black bg-opacity-10" };
+const _hoisted_6 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "image",
+  props: {
+    src: {},
+    width: {},
+    preview: { type: Boolean, default: true }
+  },
+  emits: ["openPreview", "closePreview"],
+  setup(__props, { emit: __emit }) {
+    const draggableConfig = {
+      throttleWait: 16,
+      onDrag: (pos) => {
+        transX.value = pos.x;
+        transY.value = pos.y;
+        ImgIsMoving.value = true;
+      },
+      onDragEnd: () => {
+        ImgIsMoving.value = false;
+      }
+    };
+    const wheelConfig = {
+      onWheel: (e) => {
+        if (e.deltaY > 0) {
+          scaleNumber.value = scaleNumber.value > 1 ? scaleNumber.value - 1 : 1;
+        } else {
+          scaleNumber.value += 1;
+        }
+      }
+    };
+    const vMove = createDraggableDirective(draggableConfig);
+    const vWheel = createWheelDirective(wheelConfig);
+    const emit = __emit;
+    const ImgIsMoving = ref(false);
+    const showBig = ref(false);
+    watch(showBig, (val) => {
+      if (val === true) {
+        document.body.classList.add("overflow-hidden");
+      } else {
+        document.body.classList.remove("overflow-hidden");
+      }
+    });
+    const showPreview = () => {
+      emit("openPreview");
+      showBig.value = true;
+    };
+    const hidenPreview = () => {
+      emit("closePreview");
+      showBig.value = false;
+      scaleNumber.value = 1;
+      transX.value = 0;
+      transY.value = 0;
+      rotateNumber.value = 0;
+    };
+    const transX = ref(0);
+    const transY = ref(0);
+    const scaleNumber = ref(1);
+    const rotateNumber = ref(0);
+    const leftRotate = () => {
+      rotateNumber.value -= 90;
+    };
+    const rightRotate = () => {
+      rotateNumber.value += 90;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("img", {
+            class: "w-full align-middle",
+            src: _ctx.src
+          }, null, 8, _hoisted_2),
+          _ctx.preview ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            onClick: showPreview,
+            class: "absolute top-0 right-0 left-0 bottom-0 flex cursor-pointer items-center justify-center bg-black bg-opacity-50 text-white opacity-0 transition-opacity hover:opacity-100"
+          }, [
+            createVNode(EyeIcon)
+          ])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createVNode(Transition, { name: "opacity" }, {
+            default: withCtx(() => [
+              showBig.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createElementVNode("div", {
+                  class: "pointer-events-auto fixed top-0 right-0 left-0 bottom-0 z-1000 bg-black bg-opacity-30",
+                  key: "1",
+                  onClick: hidenPreview
+                }),
+                withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, [
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "flex h-10 w-10 items-center justify-center text-white",
+                      onClick: hidenPreview
+                    }, [
+                      createVNode(delIcon)
+                    ]),
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "flex h-10 w-10 items-center justify-center text-white",
+                      onClick: withModifiers(leftRotate, ["stop"])
+                    }, [
+                      createVNode(turnLeftIcon)
+                    ]),
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "flex h-10 w-10 items-center justify-center text-white",
+                      onClick: withModifiers(rightRotate, ["stop"])
+                    }, [
+                      createVNode(turnRightIcon)
+                    ])
+                  ]),
+                  withDirectives((openBlock(), createElementBlock("div", {
+                    class: "absolute top-0 right-0 left-0 bottom-0 transition-transform before:inline-block before:w-[1px] before:h-1/2 before:-mr-px before:content-['']",
+                    style: normalizeStyle({ transform: `translate3d(${transX.value}px, ${transY.value}px, 0px)` })
+                  }, [
+                    createElementVNode("img", {
+                      src: _ctx.src,
+                      class: normalizeClass([{
+                        "cursor-grab": !ImgIsMoving.value,
+                        "cursor-grabbing": ImgIsMoving.value
+                      }, "pointer-events-auto inline max-h-full max-w-full select-none transition-transform duration-300"]),
+                      style: normalizeStyle({
+                        transform: `scale3d(${scaleNumber.value}, ${scaleNumber.value}, 1) rotate(${rotateNumber.value}deg)`
+                      })
+                    }, null, 14, _hoisted_6)
+                  ], 4)), [
+                    [unref(vMove)]
+                  ])
+                ])), [
+                  [unref(vWheel)]
+                ])
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};