ninemoon-ui 0.1.20 → 0.2.1

package/dist/js/dialog/dialog.js

@@ -1,5 +1,5 @@
-import { defineComponent, computed, watch, openBlock, createBlock, Teleport, unref, withDirectives, createElementBlock, withModifiers, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createVNode, createCommentVNode, renderSlot } from "vue";
-import { c as createEscapeDirective, s as selector, C as CloseIcon } from "../index/index.js";
+import { defineComponent, ref, watch, computed, openBlock, createBlock, Teleport, unref, createVNode, Transition, withCtx, withDirectives, createElementBlock, normalizeStyle, withModifiers, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, vShow } from "vue";
+import { z as zIndexManager, c as createEscapeDirective, s as selector, C as CloseIcon } from "../index/index.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex w-full justify-between p-2"
@@ -20,6 +20,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:visible"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const currentZIndex = ref(zIndexManager.getCurrentZIndex());
+    watch(() => props.visible, (newVal) => {
+      if (newVal) {
+        currentZIndex.value = zIndexManager.getNextZIndex();
+      }
+    });
     const showdefaultHand = computed(() => {
       return props.headShow && !props.isDiy;
     });
@@ -83,34 +89,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(Teleport, {
         to: `#${unref(selector)}`
       }, [
-        _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(["divide-y divide-gray-300 rounded drop-shadow mt-20 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: closeDialogHandle,
-                class: "appearance-none fill-gray-600"
-              }, [
-                createVNode(CloseIcon)
-              ])
-            ])) : createCommentVNode("", true),
-            createElementVNode("div", {
-              class: normalizeClass({ "p-2": !_ctx.isDiy })
+        createVNode(Transition, { name: "dialog-fade" }, {
+          default: withCtx(() => [
+            withDirectives((openBlock(), createElementBlock("div", {
+              class: "fixed top-0 right-0 left-0 bottom-0 bg-black bg-opacity-30 text-sm",
+              style: normalizeStyle({ "z-index": currentZIndex.value }),
+              onClick: withModifiers(whiteSpaceClick, ["self"])
             }, [
-              renderSlot(_ctx.$slots, "default")
-            ], 2)
-          ], 6)
-        ])), [
-          [unref(vEsc), _ctx.visible]
-        ]) : createCommentVNode("", true)
+              createElementVNode("div", {
+                class: normalizeClass(["divide-y divide-gray-300 rounded drop-shadow mt-20 mx-auto dialogBody", { "w-96": !hasselfwidth.value, "bg-white": !__props.isDiy }]),
+                style: normalizeStyle({ width: selfwidth.value })
+              }, [
+                showdefaultHand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  createElementVNode("span", null, toDisplayString(__props.title), 1),
+                  createElementVNode("button", {
+                    type: "button",
+                    onClick: closeDialogHandle,
+                    class: "appearance-none fill-gray-600"
+                  }, [
+                    createVNode(CloseIcon)
+                  ])
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", {
+                  class: normalizeClass({ "p-2": !__props.isDiy })
+                }, [
+                  renderSlot(_ctx.$slots, "default")
+                ], 2)
+              ], 6)
+            ], 4)), [
+              [vShow, __props.visible],
+              [unref(vEsc), __props.visible]
+            ])
+          ]),
+          _: 3
+        })
       ], 8, ["to"]);
     };
   }

package/dist/js/form/formlabel.js

@@ -14,16 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showRequire: { type: Boolean, default: false },
     labelPosition: { default: void 0 }
   },
-  setup(__props, { expose: __expose }) {
+  setup(__props) {
     const props = __props;
     const haslabel = computed(() => !!props.label);
     const Rules = inject("_ParentRules_", {});
-    const Model = inject("_ParentModels_", ref());
-    const sendCheck = inject("_formRuleCheck_", () => null);
-    const sendClear = inject("_validateClear_", () => null);
+    inject("_ParentModels_", ref());
+    inject("_formRuleCheck_", () => null);
+    inject("_validateClear_", () => null);
     const parentLineStatus = inject("_ParentLineStatus_", ref());
     const parentLabelPosition = inject("_ParentLabelPosition_", ref());
-    const getThisRule = computed(() => {
+    computed(() => {
       if (!props.prop) {
         return [];
       }
@@ -43,88 +43,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return parentLabelPosition.value;
       }
     });
-    const checkPropHandle = async (callBack, eventName) => {
-      if (!props.prop)
-        return;
-      if (getThisRule.value.length === 0) {
-        callBack && callBack(true);
-        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 !== void 0) {
-            setErrHandle(result);
-            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);
-        });
-      });
-    };
-    props.prop && 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
-    });
+    if (props.prop) {
+      const updateTip = (newTip, newShow) => {
+        tip.value = newTip;
+        showTip.value = newShow;
+      };
+      const validateClear = () => {
+        tip.value = "";
+        showTip.value = false;
+      };
+      provide("_updateTip_", updateTip);
+      provide("_validateClear_", validateClear);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
@@ -141,17 +73,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "text-left": labelPosition.value === "left"
             }
           ]),
-          style: normalizeStyle({ width: `${_ctx.width}px` })
+          style: normalizeStyle({ width: `${__props.width}px` })
         }, [
           createElementVNode("span", {
             class: normalizeClass({
-              "before:content-['*'] before:text-[#E4391D] before:mr-1": _ctx.showRequire
+              "before:content-['*'] before:text-[#E4391D] before:mr-1": __props.showRequire
             })
-          }, toDisplayString(_ctx.label), 3)
+          }, toDisplayString(__props.label), 3)
         ], 6)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "default"),
-          createVNode(Transition, { name: "opecity" }, {
+          createVNode(Transition, { name: "opacity" }, {
             default: withCtx(() => [
               showTip.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(tip.value), 1)) : createCommentVNode("", true)
             ]),

package/dist/js/image/image.js

@@ -1,5 +1,5 @@
-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, b as createDraggableDirective, d as createWheelDirective } from "../index/index.js";
+import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, watch, Fragment, createVNode, createCommentVNode, renderSlot, createBlock, Teleport, Transition, withCtx, normalizeStyle, withDirectives, withModifiers, normalizeClass, unref } from "vue";
+import { _ as _export_sfc, b as createDraggableDirective, d as createWheelDirective, z as zIndexManager } from "../index/index.js";
 import { d as delIcon } from "../delete/delete.js";
 const _sfc_main$3 = {};
 const _hoisted_1$3 = {
@@ -12,9 +12,9 @@ const _hoisted_1$3 = {
   "aria-hidden": "true"
 };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [
+  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 = {};
@@ -27,10 +27,10 @@ const _hoisted_1$2 = {
   "aria-hidden": "true"
 };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
+  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 = {};
@@ -42,16 +42,16 @@ const _hoisted_1$1 = {
   "aria-hidden": "true"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+  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 _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_4 = { class: "pointer-events-none fixed top-0 right-0 left-0 bottom-0 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({
@@ -88,8 +88,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const ImgIsMoving = ref(false);
     const showBig = ref(false);
+    const currentZIndex = ref(zIndexManager.getCurrentZIndex());
     watch(showBig, (val) => {
       if (val === true) {
+        currentZIndex.value = zIndexManager.getNextZIndex();
         document.body.classList.add("overflow-hidden");
       } else {
         document.body.classList.remove("overflow-hidden");
@@ -102,10 +104,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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);
@@ -122,9 +120,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_1, [
           createElementVNode("img", {
             class: "w-full align-middle",
-            src: _ctx.src
+            src: __props.src
           }, null, 8, _hoisted_2),
-          _ctx.preview ? (openBlock(), createElementBlock("div", {
+          __props.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"
@@ -138,10 +136,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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",
+                  class: "pointer-events-auto fixed top-0 right-0 left-0 bottom-0 bg-black bg-opacity-30",
+                  style: normalizeStyle({ "z-index": currentZIndex.value }),
                   key: "1",
                   onClick: hidenPreview
-                }),
+                }, null, 4),
                 withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
                   createElementVNode("div", _hoisted_5, [
                     createElementVNode("button", {
@@ -171,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle({ transform: `translate3d(${transX.value}px, ${transY.value}px, 0px)` })
                   }, [
                     createElementVNode("img", {
-                      src: _ctx.src,
+                      src: __props.src,
                       class: normalizeClass([{
                         "cursor-grab": !ImgIsMoving.value,
                         "cursor-grabbing": ImgIsMoving.value