ninemoon-ui 0.0.1 → 0.0.3

package/dist/index.umd.js

@@ -1158,7 +1158,7 @@
 }`;
   document.head.appendChild(__vite_style__);
   const _hoisted_1$l = { class: "tdd-pointer-events-none tdd-fixed tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-top-4 tdd-z-2000 tdd-space-y-5" };
-  const _hoisted_2$h = { class: "tdd-pointer-events-auto tdd-inline-flex tdd-items-center tdd-space-x-3 tdd-bg-white tdd-p-3 tdd-text-sm tdd-text-word3 tdd-drop-shadow" };
+  const _hoisted_2$g = { class: "tdd-pointer-events-auto tdd-inline-flex tdd-items-center tdd-space-x-3 tdd-bg-white tdd-p-3 tdd-text-sm tdd-text-word3 tdd-drop-shadow" };
   const _hoisted_3$e = {
     key: 0,
     class: "tdd-h-4 tdd-w-4 tdd-fill-white",
@@ -1352,7 +1352,7 @@
                     class: "tdd-w-full tdd-text-center",
                     key: i.key
                   }, [
-                    vue.createElementVNode("div", _hoisted_2$h, [
+                    vue.createElementVNode("div", _hoisted_2$g, [
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass(["tdd-flex tdd-h-5 tdd-w-5 tdd-items-center tdd-justify-center tdd-rounded-full", {
                           "tdd-bg-green-400": i.type === "success",
@@ -1454,7 +1454,7 @@
     key: 0,
     class: "tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-z-1000 tdd-flex tdd-items-center tdd-justify-center"
   };
-  const _hoisted_2$g = {
+  const _hoisted_2$f = {
     key: 0,
     class: "tdd-absolute tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-bg-black tdd-bg-opacity-30"
   };
@@ -1509,7 +1509,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
           showTip.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
-            myoption.bgshow ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g)) : vue.createCommentVNode("", true),
+            myoption.bgshow ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_3$d, [
               vue.createElementVNode("div", _hoisted_4$a, [
                 _hoisted_5$6,
@@ -1621,7 +1621,7 @@
       })
     ])
   ], -1);
-  const _hoisted_2$f = { class: "tdd-mt-3 tdd-text-sm tdd-font-medium tdd-text-word9" };
+  const _hoisted_2$e = { class: "tdd-mt-3 tdd-text-sm tdd-font-medium tdd-text-word9" };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "loadcomponent",
     setup(__props, { expose: __expose }) {
@@ -1636,7 +1636,7 @@
           class: vue.normalizeClass(["tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-z-50 tdd-flex tdd-h-full tdd-w-full tdd-flex-col tdd-items-center tdd-justify-center tdd-bg-white tdd-bg-opacity-90", fullScreen.value ? "fixed" : "absolute"])
         }, [
           _hoisted_1$j,
-          vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString(loaddingWord.value), 1)
+          vue.createElementVNode("div", _hoisted_2$e, vue.toDisplayString(loaddingWord.value), 1)
         ], 2);
       };
     }
@@ -1915,7 +1915,7 @@
     }
   };
   const _hoisted_1$i = ["onClick"];
-  const _hoisted_2$e = {
+  const _hoisted_2$d = {
     key: 0,
     class: "tdd-flex tdd-w-full tdd-justify-between tdd-p-2"
   };
@@ -2027,7 +2027,7 @@
                   class: vue.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 }]),
                   style: vue.normalizeStyle({ width: selfwidth.value })
                 }, [
-                  showdefaultHand.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
+                  showdefaultHand.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
                     vue.createElementVNode("span", null, vue.toDisplayString(_ctx.title), 1),
                     vue.createElementVNode("button", {
                       type: "button",
@@ -2140,7 +2140,7 @@
     default: _sfc_main$s
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$h = { class: "tdd-mb-5" };
-  const _hoisted_2$d = { class: "tdd-relative tdd-flex-1 tdd-items-center" };
+  const _hoisted_2$c = { class: "tdd-relative tdd-flex-1 tdd-items-center" };
   const _hoisted_3$b = {
     key: 0,
     class: "tdd-absolute tdd--bottom-5 tdd-left-0 tdd-text-xs tdd-text-red-600"
@@ -2293,7 +2293,7 @@
               class: "tdd-text-sm",
               style: vue.normalizeStyle({ width: `${_ctx.width}px` })
             }, vue.toDisplayString(_ctx.label), 5),
-            vue.createElementVNode("div", _hoisted_2$d, [
+            vue.createElementVNode("div", _hoisted_2$c, [
               vue.renderSlot(_ctx.$slots, "default"),
               showTip.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b, vue.toDisplayString(tip.value), 1)) : vue.createCommentVNode("", true)
             ])
@@ -2307,7 +2307,7 @@
     default: _sfc_main$r
   }, Symbol.toStringTag, { value: "Module" }));
   const _hoisted_1$g = { class: "tdd-relative tdd-flex tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid" };
-  const _hoisted_2$c = ["placeholder", "type"];
+  const _hoisted_2$b = ["placeholder", "type"];
   const _hoisted_3$a = /* @__PURE__ */ vue.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 _hoisted_4$8 = [
     _hoisted_3$a
@@ -2372,7 +2372,7 @@
             onBlur: defaultEvent,
             onInput: defaultEvent,
             onChange: defaultEvent
-          }, null, 40, _hoisted_2$c), [
+          }, null, 40, _hoisted_2$b), [
             [vue.vModelDynamic, inputValue.value]
           ]),
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("svg", {
@@ -2397,8 +2397,7 @@
     __proto__: null,
     default: _sfc_main$q
   }, Symbol.toStringTag, { value: "Module" }));
-  const _hoisted_1$f = { class: "tdd-absolute tdd-z-2000 tdd-rounded-sm tdd-bg-white tdd-text-sm tdd-drop-shadow tdd-mt-1" };
-  const _hoisted_2$b = ["value", "disabled", "readonly", "placeholder"];
+  const _hoisted_1$f = ["value", "disabled", "readonly", "placeholder"];
   const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "select",
     props: {
@@ -2492,7 +2491,7 @@
           trigger: "native",
           modelValue: showOption.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showOption.value = $event),
-          insertClass: "tdd-min-w-[200px]",
+          insertClass: "tdd-min-w-[200px] tdd-z-2000 tdd-text-sm",
           placement: "bottomleft"
         }, {
           reference: vue.withCtx(() => [
@@ -2507,18 +2506,16 @@
                 readonly: !_ctx.filter,
                 class: "tdd-h-full tdd-w-full tdd-cursor-pointer tdd-appearance-none tdd-p-2 tdd-text-sm tdd-outline-none",
                 placeholder: _ctx.placeHolder
-              }, null, 8, _hoisted_2$b)
+              }, null, 8, _hoisted_1$f)
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$f, [
-              vue.createVNode(vue.unref(LibScrollBar2), { isSelectdom: true }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(renderOption)
-                ]),
-                _: 1
-              })
-            ])
+            vue.createVNode(vue.unref(LibScrollBar2), { isSelectdom: true }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(renderOption)
+              ]),
+              _: 1
+            })
           ]),
           _: 1
         }, 8, ["modelValue"]);
@@ -2601,9 +2598,6 @@
                   vue.h("input", {
                     type: "checkbox",
                     "onUpdate:modelValue": (value) => allSelect.value = value,
-                    onChange: () => {
-                      allSelect.value ? allSelection() : toggleAllSelection();
-                    },
                     class: "tdd-appearance-none form-tick tdd-h-4 tdd-w-4 tdd-border tdd-border-gray-300 tdd-rounded checked:tdd-border-transparent checked:tdd-bg-red-600 tdd-text-red-600 focus:tdd-outline-none"
                   }),
                   [[vue.vModelCheckbox, allSelect.value]]
@@ -2629,15 +2623,6 @@
       const clearSelection = () => {
         choosed.value = [];
       };
-      const a = () => {
-        let arr = [
-          { a: 1, b: 3 },
-          { a: 3, b: 6 },
-          { a: 0, b: 9 }
-        ];
-        return arr.map((i) => i.a);
-      };
-      a();
       const allSelection = () => {
         let temp = [];
         for (let i = 0; i < props.data.length; i++) {
@@ -3583,19 +3568,23 @@
         }
       });
       const activeinputIndex = vue.ref(-1);
-      const showD = vue.computed(() => activeinputIndex.value !== -1);
+      const showD = vue.ref(false);
       const hideDatePick = () => {
         tempaim.value = "";
         activeinputIndex.value = -1;
+        showD.value = false;
       };
       const inputOne = vue.ref(null);
       const inputTwo = vue.ref(null);
       const FloatLeft = vue.ref(0);
       const FloatWidth = vue.ref(0);
       const setActiveHandle = (i) => {
+        showD.value = true;
         activeinputIndex.value = i;
         const LeftArr = [inputOne.value.offsetLeft, inputTwo.value.offsetLeft];
+        const widthArr = [inputOne.value.offsetWidth, inputTwo.value.offsetWidth];
         FloatLeft.value = LeftArr[i];
+        FloatWidth.value = widthArr[i];
         if (i === 0) {
           if (date1.value !== null && date1.value !== void 0 && date1.value !== "") {
             const [y, m] = date1.value.split("-").map((i2) => parseInt(i2));
@@ -3844,7 +3833,7 @@
         return vue.openBlock(), vue.createBlock(vue.unref(Pop), {
           width: "512",
           insertClass: "tdd-z-2000 !tdd-p-0",
-          trigger: "native",
+          trigger: "click",
           modelValue: showD.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showD.value = $event),
           placement: "bottomleft"
@@ -3870,12 +3859,10 @@
                 ref_key: "inputTwo",
                 ref: inputTwo
               }, null, 40, _hoisted_26),
-              vue.withDirectives(vue.createElementVNode("div", {
+              vue.createElementVNode("div", {
                 class: "tdd-h-0.5 tdd-bg-blue-600 tdd-absolute tdd-transition-all tdd-bottom-0",
                 style: vue.normalizeStyle({ width: `${FloatWidth.value}px`, left: `${FloatLeft.value}px` })
-              }, null, 4), [
-                [vue.vShow, showD.value]
-              ])
+              }, null, 4)
             ])
           ]),
           default: vue.withCtx(() => [

package/dist/js/date/datepickerRange.js

@@ -1,4 +1,4 @@
-import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, withDirectives, normalizeStyle, vShow, toDisplayString, createTextVNode, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
+import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, toDisplayString, createTextVNode, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
 import { g as getNewArray } from "../index/index.js";
 import { a as addZero, g as getMonthDays } from "../getcalendar/getcalendar.js";
 const _hoisted_1 = { class: "tdd-flex tdd-justify-between tdd-items-center tdd-p-3" };
@@ -137,19 +137,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const activeinputIndex = ref(-1);
-    const showD = computed(() => activeinputIndex.value !== -1);
+    const showD = ref(false);
     const hideDatePick = () => {
       tempaim.value = "";
       activeinputIndex.value = -1;
+      showD.value = false;
     };
     const inputOne = ref(null);
     const inputTwo = ref(null);
     const FloatLeft = ref(0);
     const FloatWidth = ref(0);
     const setActiveHandle = (i) => {
+      showD.value = true;
       activeinputIndex.value = i;
       const LeftArr = [inputOne.value.offsetLeft, inputTwo.value.offsetLeft];
+      const widthArr = [inputOne.value.offsetWidth, inputTwo.value.offsetWidth];
       FloatLeft.value = LeftArr[i];
+      FloatWidth.value = widthArr[i];
       if (i === 0) {
         if (date1.value !== null && date1.value !== void 0 && date1.value !== "") {
           const [y, m] = date1.value.split("-").map((i2) => parseInt(i2));
@@ -398,7 +402,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(Pop), {
         width: "512",
         insertClass: "tdd-z-2000 !tdd-p-0",
-        trigger: "native",
+        trigger: "click",
         modelValue: showD.value,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showD.value = $event),
         placement: "bottomleft"
@@ -424,12 +428,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref_key: "inputTwo",
               ref: inputTwo
             }, null, 40, _hoisted_26),
-            withDirectives(createElementVNode("div", {
+            createElementVNode("div", {
               class: "tdd-h-0.5 tdd-bg-blue-600 tdd-absolute tdd-transition-all tdd-bottom-0",
               style: normalizeStyle({ width: `${FloatWidth.value}px`, left: `${FloatLeft.value}px` })
-            }, null, 4), [
-              [vShow, showD.value]
-            ])
+            }, null, 4)
           ])
         ]),
         default: withCtx(() => [

package/dist/js/select/select.js

@@ -1,6 +1,5 @@
 import { defineComponent, defineAsyncComponent, inject, useSlots, ref, computed, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, h } from "vue";
-const _hoisted_1 = { class: "tdd-absolute tdd-z-2000 tdd-rounded-sm tdd-bg-white tdd-text-sm tdd-drop-shadow tdd-mt-1" };
-const _hoisted_2 = ["value", "disabled", "readonly", "placeholder"];
+const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select",
   props: {
@@ -94,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: "native",
         modelValue: showOption.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showOption.value = $event),
-        insertClass: "tdd-min-w-[200px]",
+        insertClass: "tdd-min-w-[200px] tdd-z-2000 tdd-text-sm",
         placement: "bottomleft"
       }, {
         reference: withCtx(() => [
@@ -109,18 +108,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               readonly: !_ctx.filter,
               class: "tdd-h-full tdd-w-full tdd-cursor-pointer tdd-appearance-none tdd-p-2 tdd-text-sm tdd-outline-none",
               placeholder: _ctx.placeHolder
-            }, null, 8, _hoisted_2)
+            }, null, 8, _hoisted_1)
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(LibScrollBar), { isSelectdom: true }, {
-              default: withCtx(() => [
-                createVNode(renderOption)
-              ]),
-              _: 1
-            })
-          ])
+          createVNode(unref(LibScrollBar), { isSelectdom: true }, {
+            default: withCtx(() => [
+              createVNode(renderOption)
+            ]),
+            _: 1
+          })
         ]),
         _: 1
       }, 8, ["modelValue"]);

package/dist/js/table/table.js

@@ -54,9 +54,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 h("input", {
                   type: "checkbox",
                   "onUpdate:modelValue": (value) => allSelect.value = value,
-                  onChange: () => {
-                    allSelect.value ? allSelection() : toggleAllSelection();
-                  },
                   class: "tdd-appearance-none form-tick tdd-h-4 tdd-w-4 tdd-border tdd-border-gray-300 tdd-rounded checked:tdd-border-transparent checked:tdd-bg-red-600 tdd-text-red-600 focus:tdd-outline-none"
                 }),
                 [[vModelCheckbox, allSelect.value]]
@@ -82,15 +79,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const clearSelection = () => {
       choosed.value = [];
     };
-    const a = () => {
-      let arr = [
-        { a: 1, b: 3 },
-        { a: 3, b: 6 },
-        { a: 0, b: 9 }
-      ];
-      return arr.map((i) => i.a);
-    };
-    a();
     const allSelection = () => {
       let temp = [];
       for (let i = 0; i < props.data.length; i++) {

package/package.json

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