ninemoon-ui 0.2.1 → 0.2.3

package/dist/components/form/formlabel.vue.d.ts

@@ -13,7 +13,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     inline: undefined;
     showRequire: boolean;
     labelPosition: undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>>, {
+    validateLabel: (callBack?: Function, eventName?: string) => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label?: string;
     prop?: string;
     inline?: boolean;

package/dist/index.d.ts

@@ -252,7 +252,9 @@ declare const LibFormLabel: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {
+        validateLabel: (callBack?: Function, eventName?: string) => Promise<void>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         width: number;
         inline: boolean;
         labelPosition: "top" | "left" | "right";
@@ -287,7 +289,9 @@ declare const LibFormLabel: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
+    }>> & Readonly<{}>, {
+        validateLabel: (callBack?: Function, eventName?: string) => Promise<void>;
+    }, {}, {}, {}, {
         width: number;
         inline: boolean;
         labelPosition: "top" | "left" | "right";
@@ -319,7 +323,9 @@ declare const LibFormLabel: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {
+    validateLabel: (callBack?: Function, eventName?: string) => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     width: number;
     inline: boolean;
     labelPosition: "top" | "left" | "right";

package/dist/js/carousel/carousel.js

@@ -40,6 +40,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       translatexNum.value = body.value.offsetWidth;
     });
     const activeIndex = ref(props.startindex);
+    const handleWheel = (e) => {
+      e.preventDefault();
+      if (e.deltaY < 0) {
+        preHandle();
+      } else {
+        nextHandle();
+      }
+    };
+    const isHovered = ref(false);
     const flattenSlots = (nodes) => {
       const result = [];
       for (const node of nodes) {
@@ -118,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const flagTime = ref(null);
     const animationFrame = ref(null);
     const startAutoplay = () => {
-      if (totalLen.value <= 1) {
+      if (totalLen.value <= 1 || isHovered.value) {
         animationFrame.value && cancelAnimationFrame(animationFrame.value);
         return;
       }
@@ -132,11 +141,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       animationFrame.value = requestAnimationFrame(startAutoplay);
     };
     const stopAutoAddHandle = () => {
+      isHovered.value = true;
       flagTime.value = null;
       animationFrame.value && cancelAnimationFrame(animationFrame.value);
     };
     const mouseLeaveHandle = () => {
-      stopAutoAddHandle();
+      isHovered.value = false;
       startAutoplay();
     };
     onMounted(() => {
@@ -159,7 +169,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "relative w-full group text-center overflow-x-hidden",
         ref_key: "body",
         ref: body,
-        style: normalizeStyle({ height: `${props.height || 200}px` })
+        style: normalizeStyle({ height: `${props.height || 200}px` }),
+        onWheel: handleWheel
       }, [
         createVNode(_sfc_main$1, { onClick: preHandle }),
         createVNode(_sfc_main$1, {

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) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const haslabel = computed(() => !!props.label);
     const Rules = inject("_ParentRules_", {});
-    inject("_ParentModels_", ref());
-    inject("_formRuleCheck_", () => null);
-    inject("_validateClear_", () => null);
+    const Model = inject("_ParentModels_", ref());
+    const sendCheck = inject("_formRuleCheck_", () => null);
+    const sendClear = inject("_validateClear_", () => null);
     const parentLineStatus = inject("_ParentLineStatus_", ref());
     const parentLabelPosition = inject("_ParentLabelPosition_", ref());
-    computed(() => {
+    const getThisRule = computed(() => {
       if (!props.prop) {
         return [];
       }
@@ -43,20 +43,88 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return parentLabelPosition.value;
       }
     });
-    const tip = ref("");
-    const showTip = ref(false);
-    if (props.prop) {
-      const updateTip = (newTip, newShow) => {
-        tip.value = newTip;
-        showTip.value = newShow;
+    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 validateClear = () => {
-        tip.value = "";
+      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;
-      };
-      provide("_updateTip_", updateTip);
-      provide("_validateClear_", validateClear);
-    }
+        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
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([

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, 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 { openBlock, createElementBlock, createElementVNode, defineComponent, ref, watch, Fragment, createVNode, createCommentVNode, renderSlot, createBlock, Teleport, unref, Transition, withCtx, withDirectives, normalizeStyle, withModifiers, normalizeClass } from "vue";
+import { _ as _export_sfc, b as createDraggableDirective, d as createWheelDirective, z as zIndexManager, s as selector } from "../index/index.js";
 import { d as delIcon } from "../delete/delete.js";
 const _sfc_main$3 = {};
 const _hoisted_1$3 = {
@@ -50,10 +50,9 @@ function _sfc_render(_ctx, _cache) {
 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 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 _hoisted_3 = { class: "pointer-events-none fixed top-0 right-0 left-0 bottom-0 text-center" };
+const _hoisted_4 = { class: "pointer-events-auto absolute top-0 left-0 z-10 flex w-full items-center bg-black bg-opacity-10" };
+const _hoisted_5 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "image",
   props: {
@@ -64,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["openPreview", "closePreview"],
   setup(__props, { emit: __emit }) {
     const draggableConfig = {
-      throttleWait: 16,
+      throttleWait: 10,
       onDrag: (pos) => {
         transX.value = pos.x;
         transY.value = pos.y;
@@ -131,18 +130,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
+        (openBlock(), createBlock(Teleport, {
+          to: `#${unref(selector)}`
+        }, [
           createVNode(Transition, { name: "opacity" }, {
             default: withCtx(() => [
-              showBig.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              showBig.value ? withDirectives((openBlock(), createElementBlock("div", {
+                key: 0,
+                style: normalizeStyle({ "z-index": currentZIndex.value })
+              }, [
                 createElementVNode("div", {
                   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("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, [
                     createElementVNode("button", {
                       type: "button",
                       class: "flex h-10 w-10 items-center justify-center text-white",
@@ -178,18 +180,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         transform: `scale3d(${scaleNumber.value}, ${scaleNumber.value}, 1) rotate(${rotateNumber.value}deg)`
                       })
-                    }, null, 14, _hoisted_6)
+                    }, null, 14, _hoisted_5)
                   ], 4)), [
                     [unref(vMove), showBig.value]
                   ])
-                ])), [
-                  [unref(vWheel), showBig.value]
                 ])
-              ])) : createCommentVNode("", true)
+              ], 4)), [
+                [unref(vWheel), showBig.value]
+              ]) : createCommentVNode("", true)
             ]),
             _: 1
           })
-        ]))
+        ], 8, ["to"]))
       ], 64);
     };
   }

package/dist/js/table/table.js

@@ -1,4 +1,4 @@
-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 { defineComponent, computed, useSlots, h, nextTick, ref, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, renderList, withDirectives, vModelCheckbox, createCommentVNode, createTextVNode, toDisplayString, createBlock, markRaw, Comment, Text } from "vue";
 import { S as ShapeFlags } from "../shapeFlag/shapeFlag.js";
 const _hoisted_1 = ["width"];
 const _hoisted_2 = { key: 0 };
@@ -79,7 +79,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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,
@@ -89,7 +88,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         hasindex: false,
         hascheck: false
       };
-      for (const slot of validSlots.value) {
+      validSlots.value.forEach((slot) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         const type = (_a = slot.props) == null ? void 0 : _a.type;
         switch (type) {
           case "append":
@@ -133,19 +133,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             });
             break;
         }
-      }
+      });
       return groups;
     });
     const prependSlot = computed(() => groupedSlots.value.prepend);
     const appendSlot = computed(() => groupedSlots.value.append);
-    const dynamicPre = computed(() => (props2) => {
+    const dynamicPre = (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 = computed(() => (props2) => {
+    };
+    const dynamicAppend = (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);
@@ -168,19 +168,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     nextTick(() => {
       emit("finishRender");
     });
-    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 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 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}`;
@@ -307,8 +305,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 prependSlot.value ? (openBlock(), createElementBlock("tr", _hoisted_2, [
                   createElementVNode("td", { colspan: colSpan.value }, [
-                    (openBlock(), createBlock(resolveDynamicComponent(dynamicPre.value), {
-                      row: rowdata,
+                    (openBlock(), createBlock(dynamicPre, {
+                      row: markRaw(rowdata),
                       index: rowindex,
                       key: getPreRowkey(rowdata, rowindex)
                     }, null, 8, ["row", "index"]))
@@ -332,16 +330,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   hasindexSlot.value ? (openBlock(), createElementBlock("td", _hoisted_8, [
                     createElementVNode("div", null, toDisplayString(rowindex + 1), 1)
                   ])) : createCommentVNode("", true),
-                  (openBlock(), createBlock(resolveDynamicComponent(dynormalRenderHandle.value), {
-                    row: rowdata,
+                  (openBlock(), createBlock(dynormalRenderHandle, {
+                    row: markRaw(rowdata),
                     rowindex,
                     key: getRowKey(rowdata, rowindex)
                   }, null, 8, ["row", "rowindex"]))
                 ]),
                 appendSlot.value ? (openBlock(), createElementBlock("tr", _hoisted_9, [
                   createElementVNode("td", { colspan: colSpan.value }, [
-                    (openBlock(), createBlock(resolveDynamicComponent(dynamicAppend.value), {
-                      row: rowdata,
+                    (openBlock(), createBlock(dynamicAppend, {
+                      row: markRaw(rowdata),
                       index: rowindex,
                       key: getAppendRowkey(rowdata, rowindex)
                     }, null, 8, ["row", "index"]))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninemoon-ui",
   "private": false,
-  "version": "0.2.1",
+  "version": "0.2.3",
   "author": "zhuboy",
   "keywords": [
     "vue3",