ninemoon-ui 0.1.8 → 0.1.10

package/dist/js/date/datepicker.js

@@ -34,7 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const heightClass = computed(() => ({
       "h-10": props.size === "large",
       "h-9": props.size === "default",
-      "h-8": props.size === "small"
+      "h-8": props.size === "small",
+      "h-7": props.size === "mini"
     }));
     const emit = __emit;
     const dateChangeHandle = (e) => {
@@ -227,11 +228,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: showHandle,
             class: "relative inline-flex h-full w-full items-center overflow-hidden rounded border border-solid"
           }, [
-            createVNode(Calendar, { class: "ml-1" }),
+            createVNode(Calendar, { class: "ml-1 flex-shrink-0" }),
             createElementVNode("input", {
               type: "text",
               value: _ctx.modelValue,
-              class: normalizeClass(["w-full px-2 outline-none text-sm text-word3 text-center", heightClass.value]),
+              class: normalizeClass(["w-full px-2 outline-none text-sm text-word3", heightClass.value]),
               placeholder: _ctx.placeholder,
               onFocus: showDatePick,
               onBlur: dateChangeHandle,

package/dist/js/date/datepickerRange.js

@@ -11,8 +11,8 @@ const _hoisted_6 = { class: "w-1/2 flex items-center" };
 const _hoisted_7 = { class: "flex-1 text-center font-medium text-sm" };
 const _hoisted_8 = { class: "w-10 inline-block" };
 const _hoisted_9 = { class: "font-medium" };
-const _hoisted_10 = { class: "flex" };
-const _hoisted_11 = { class: "w-64 px-2 pt-3 pb-1 relative overflow-hidden" };
+const _hoisted_10 = { class: "flex justify-center" };
+const _hoisted_11 = { class: "w-[252px] box-content pt-3 pb-1 relative overflow-hidden" };
 const _hoisted_12 = {
   class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
   cellpadding: "0",
@@ -20,7 +20,7 @@ const _hoisted_12 = {
 };
 const _hoisted_13 = ["onMouseenter"];
 const _hoisted_14 = ["onClick"];
-const _hoisted_15 = { class: "w-64 px-2 pt-3 pb-1 relative overflow-hidden" };
+const _hoisted_15 = { class: "w-[252px] box-content pt-3 pb-1 relative overflow-hidden" };
 const _hoisted_16 = {
   class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
   cellpadding: "0",
@@ -47,7 +47,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const heightClass = computed(() => ({
       "h-10": props.size === "large",
       "h-9": props.size === "default",
-      "h-8": props.size === "small"
+      "h-8": props.size === "small",
+      "h-7": props.size === "mini"
     }));
     const deleteDateHandle = () => {
       emit("update:modelValue", [null, null]);
@@ -320,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: showPopHandle,
             class: "inline-flex relative h-full w-full items-center overflow-hidden rounded border border-solid text-word3"
           }, [
-            createVNode(Calendar, { class: "ml-1" }),
+            createVNode(Calendar, { class: "ml-1 flex-shrink-0" }),
             createElementVNode("input", {
               type: "text",
               value: inputOneShowValue.value,
@@ -406,22 +407,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       (openBlock(true), createElementBlock(Fragment, null, renderList(i, (j) => {
                         return openBlock(), createElementBlock("td", {
                           key: j.d,
-                          class: "py-1",
+                          class: "py-1 box-border",
                           onMouseenter: ($event) => secondDaymoveHandle(j)
                         }, [
                           createElementVNode("div", {
-                            class: normalizeClass(["text-xs w-full h-7 leading-6 flex items-center justify-center", {
+                            class: normalizeClass(["text-xs h-7 leading-6 relative", {
                               "text-word9 cursor-default": j.pred || j.nextd,
                               "bg-gray-200 text-word9 cursor-not-allowed": j.disabled,
                               "bg-[#e6f4ff]": j.between || j.isChoosed1Day || j.isChoosed2Day,
-                              "rounded-l-[1.75rem]": j.isChoosed1Day,
-                              "rounded-r-[1.75rem]": j.isChoosed2Day
+                              "rounded-l-[14px] ml-1": j.isChoosed1Day,
+                              "rounded-r-[14px] mr-1": j.isChoosed2Day
                             }]),
                             onClick: ($event) => setAimdate(j)
                           }, [
                             createElementVNode("div", {
-                              class: normalizeClass(["w-6 h-6", {
-                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day
+                              class: normalizeClass(["w-6 h-6 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", {
+                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day,
+                                "-ml-0.5": j.isChoosed1Day && !j.isChoosed2Day,
+                                "ml-0.5": j.isChoosed2Day && !j.isChoosed1Day
                               }])
                             }, toDisplayString(j.d), 3)
                           ], 10, _hoisted_14)
@@ -450,22 +453,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       (openBlock(true), createElementBlock(Fragment, null, renderList(i, (j) => {
                         return openBlock(), createElementBlock("td", {
                           key: j.d,
-                          class: "py-1",
+                          class: "py-1 box-border",
                           onMouseenter: ($event) => secondDaymoveHandle(j)
                         }, [
                           createElementVNode("div", {
-                            class: normalizeClass(["text-xs w-full h-7 leading-6 flex items-center justify-center", {
+                            class: normalizeClass(["text-xs h-7 leading-6 relative", {
                               "text-word9 cursor-default": j.pred || j.nextd,
                               "bg-gray-200 text-word9 cursor-not-allowed": j.disabled,
                               "bg-[#e6f4ff]": j.between || j.isChoosed1Day || j.isChoosed2Day,
-                              "rounded-l-[1.75rem]": j.isChoosed1Day,
-                              "rounded-r-[1.75rem]": j.isChoosed2Day
+                              "rounded-l-[14px] ml-1": j.isChoosed1Day,
+                              "rounded-r-[14px] mr-1": j.isChoosed2Day
                             }]),
                             onClick: ($event) => setAimdate(j)
                           }, [
                             createElementVNode("div", {
-                              class: normalizeClass(["w-6 h-6", {
-                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day
+                              class: normalizeClass(["w-6 h-6 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", {
+                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day,
+                                "-ml-0.5": j.isChoosed1Day && !j.isChoosed2Day,
+                                "ml-0.5": j.isChoosed2Day && !j.isChoosed1Day
                               }])
                             }, toDisplayString(j.d), 3)
                           ], 10, _hoisted_18)

package/dist/js/dialog/dialog.js

@@ -1,5 +1,5 @@
-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";
+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";
 const _hoisted_1 = {
   key: 0,
   class: "flex w-full justify-between p-2"
@@ -37,7 +37,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return `${props.width}px`;
       }
       if (typeof props.width === "string") {
-        const validUnit = /^(?:\d+(?:\.\d+)?)(?:px|%|em|rem|vw|vh)$/.test(props.width);
+        const validUnit = /^(?:\d+(?:\.\d+)?)(?:px|%|em|rem|vw|vh)$/.test(
+          props.width
+        );
         return validUnit ? props.width : `${props.width}px`;
       }
       return defaultWidth;
@@ -78,41 +80,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        createVNode(Transition, { name: "fade" }, {
-          default: withCtx(() => [
-            _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-[20vh] mx-auto", { "w-96": !hasselfwidth.value, "bg-white": !_ctx.isDiy }]),
-                style: normalizeStyle({ width: selfwidth.value })
+      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"
               }, [
-                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 })
-                }, [
-                  renderSlot(_ctx.$slots, "default")
-                ], 2)
-              ], 6)
-            ])), [
-              [unref(vEsc)]
-            ]) : createCommentVNode("", true)
-          ]),
-          _: 3
-        })
-      ]);
+                createVNode(CloseIcon)
+              ])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass({ "p-2": !_ctx.isDiy })
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 2)
+          ], 6)
+        ])), [
+          [unref(vEsc), _ctx.visible]
+        ]) : createCommentVNode("", true)
+      ], 8, ["to"]);
     };
   }
 });

package/dist/js/form/form.js

@@ -4,7 +4,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     rule: {},
     model: {},
-    inline: { type: Boolean, default: false }
+    inline: { type: Boolean, default: false },
+    labelPosition: { default: "right" }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -61,6 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide("_ParentRules_", props.rule);
     provide("_ParentModels_", readonly(toRef(props, "model")));
     provide("_ParentLineStatus_", toRef(props, "inline"));
+    provide("_ParentLabelPosition_", toRef(props, "labelPosition"));
     provide("_formRuleCheck_", (item, checkFunction) => {
       ruleCheck.set(item, checkFunction);
     });

package/dist/js/form/formlabel.js

@@ -1,5 +1,5 @@
-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" };
+import { defineComponent, computed, inject, ref, provide, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, renderSlot, createVNode, Transition, withCtx } from "vue";
+const _hoisted_1 = { class: "relative flex-1 flex" };
 const _hoisted_2 = {
   key: 0,
   class: "absolute -bottom-5 left-0 text-xs text-red-600"
@@ -10,15 +10,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     label: {},
     prop: {},
     inline: { type: Boolean, default: void 0 },
-    width: { default: 70 }
+    width: { default: 70 },
+    showRequire: { type: Boolean, default: false },
+    labelPosition: { default: void 0 }
   },
   setup(__props, { expose: __expose }) {
     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);
     const parentLineStatus = inject("_ParentLineStatus_", ref());
+    const parentLabelPosition = inject("_ParentLabelPosition_", ref());
     const getThisRule = computed(() => {
       if (!props.prop) {
         return [];
@@ -32,9 +36,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return parentLineStatus.value;
       }
     });
+    const labelPosition = computed(() => {
+      if (props.labelPosition) {
+        return props.labelPosition;
+      } else {
+        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;
@@ -102,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       });
     };
-    sendCheck(props.prop, checkPropHandle);
+    props.prop && sendCheck(props.prop, checkPropHandle);
     sendClear(resetField);
     provide("inputHandle", () => checkPropHandle(void 0, "input"));
     provide("blurHandle", () => checkPropHandle(void 0, "blur"));
@@ -112,12 +127,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["mb-5", { "inline-flex mr-5": isInline.value, "flex flex-col": !isInline.value }])
+        class: normalizeClass([
+          "mb-5 h-full leading-8",
+          isInline.value ? "inline-flex mr-5" : labelPosition.value === "top" ? "flex flex-col" : "inline-flex w-full"
+        ])
       }, [
-        createElementVNode("div", {
-          class: "text-sm flex items-center",
+        haslabel.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([
+            "text-sm flex items-center h-8",
+            {
+              "text-right": labelPosition.value === "right",
+              "text-left": labelPosition.value === "left"
+            }
+          ]),
           style: normalizeStyle({ width: `${_ctx.width}px` })
-        }, toDisplayString(_ctx.label), 5),
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass({
+              "before:content-['*'] before:text-[#E4391D] before:mr-1": _ctx.showRequire
+            })
+          }, toDisplayString(_ctx.label), 3)
+        ], 6)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "default"),
           createVNode(Transition, { name: "opecity" }, {

package/dist/js/image/image.js

@@ -181,10 +181,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       })
                     }, null, 14, _hoisted_6)
                   ], 4)), [
-                    [unref(vMove)]
+                    [unref(vMove), showBig.value]
                   ])
                 ])), [
-                  [unref(vWheel)]
+                  [unref(vWheel), showBig.value]
                 ])
               ])) : createCommentVNode("", true)
             ]),