ninemoon-ui 0.0.27 → 0.1.0

package/dist/js/{tabs/tabs.js → tabs-9d7be734.js}

@@ -1,10 +1,11 @@
-import { defineComponent, computed, ref, useSlots, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, createElementVNode, normalizeStyle, createCommentVNode, h, normalizeClass, withDirectives, vShow } from "vue";
-const _hoisted_1 = { class: "tdd-relative tdd-w-full tdd-overflow-hidden" };
+import { defineComponent, defineAsyncComponent, computed, ref, reactive, useSlots, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeStyle, createCommentVNode, h, normalizeClass, withDirectives, vShow } from "vue";
+import { S as ShapeFlags } from "./shapeFlag-8cf4bcf1.js";
+const _hoisted_1 = { class: "relative w-full overflow-hidden" };
 const _hoisted_2 = {
   key: 0,
-  class: "tdd-relative tdd-my-2 tdd-w-full tdd-border-t-2 tdd-border-solid tdd-border-gray-200"
+  class: "relative my-2 border-t-2 border-solid border-gray-200"
 };
-const _hoisted_3 = { class: "tdd-relative tdd-w-full" };
+const _hoisted_3 = { class: "relative w-full" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: {
@@ -13,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:active"],
   setup(__props, { emit: __emit }) {
+    const LibScrollBar = defineAsyncComponent(() => import("./scrollBar-07906042.js"));
     const props = __props;
     const showBaseline = computed(() => props.type === "line");
     const emit = __emit;
@@ -35,33 +37,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const activeIndex = ref(0);
-    const arrowNum = ref(8);
-    const arrowWidth = ref(0);
+    const indicatorPos = reactive({
+      left: 0,
+      width: 0
+    });
     const slots = useSlots();
+    const validSlots = computed(() => {
+      return slots.default().reduce((pre, cur) => {
+        if (cur.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
+          pre = pre.concat(cur.children);
+        } else if (cur.shapeFlag & ShapeFlags.STATEFUL_COMPONENT) {
+          pre.push(cur);
+        }
+        return pre;
+      }, []);
+    });
     const renderBar = () => {
       return h(
         "div",
         {
-          class: normalizeClass(["ETab", [props.type === "line" ? "tdd-px-2 tdd-pt-2" : " ETab_Card"]])
+          class: normalizeClass([
+            "ETab",
+            [showBaseline.value ? "px-2 pt-2" : " ETab_Card"]
+          ])
         },
-        slots.default().map((it, index) => {
-          if (typeof it.children == "string")
-            return null;
-          if (Array.isArray(it.children)) {
-            return it.children.map((simple, i) => {
-              return renderBtn(simple, i);
-            });
-          } else {
-            return renderBtn(it, index);
-          }
+        validSlots.value.map((it, index) => {
+          return renderBtn(it, index);
         })
       );
     };
     const renderBtn = (node, index) => {
       let btc = [];
       let divc = [];
-      switch (props.type) {
-        case "card":
+      switch (showBaseline.value) {
+        case false:
           btc.push("ETab_Card_Btn");
           divc.push("ETabline");
           if (index - 1 === activeIndex.value) {
@@ -86,44 +95,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "button",
         {
           type: "button",
+          key: `tab-${index}`,
           class: normalizeClass(btc),
           onClick: (e) => {
             activeIndex.value = index;
             let aim = e.target;
-            arrowWidth.value = aim.offsetWidth;
-            arrowNum.value = aim.offsetLeft;
+            indicatorPos.width = aim.offsetWidth;
+            indicatorPos.left = aim.offsetLeft;
             currentActive.value = node.props.name;
           }
         },
         h(
           "span",
           {
-            class: divc.join(" ")
+            class: normalizeClass(divc)
           },
           node.props.name
         )
       );
     };
-    const renderContent = () => {
-      let defaultindex = -1;
-      return h(
-        "div",
-        {},
-        slots.default().map((it, _) => {
-          if (typeof it.children == "string")
-            return null;
-          if (Array.isArray(it.children)) {
-            return it.children.map((itt, _i) => {
-              defaultindex += 1;
-              return contentHandle(itt, defaultindex);
-            });
-          } else {
-            defaultindex += 1;
-            return contentHandle(it, defaultindex);
-          }
-        })
-      );
-    };
+    const renderContent = () => validSlots.value.map((it, i) => {
+      return contentHandle(it, i);
+    });
     const contentHandle = (it, i) => {
       if (currentActive.value === it.props.name) {
         activeIndex.value = i;
@@ -142,35 +135,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         entries.forEach((entry) => {
           if (entry.isIntersecting) {
             const aim = observerRef.value.children[activeIndex.value];
-            arrowWidth.value = aim.offsetWidth;
-            arrowNum.value = aim.offsetLeft;
+            indicatorPos.width = aim.offsetWidth;
+            indicatorPos.left = aim.offsetLeft;
           }
         });
       });
-      if (observerRef.value) {
+      if (showBaseline.value) {
         observer.observe(observerRef.value);
       }
     });
     onUnmounted(() => {
-      if (observerRef.value) {
+      if (showBaseline.value) {
         observer.unobserve(observerRef.value);
       }
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(renderBar, {
-          ref_key: "observerRef",
-          ref: observerRef
-        }, null, 512),
-        showBaseline.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("div", {
-            class: "tdd-absolute tdd-bottom-0 tdd-border-t-2 tdd-border-solid tdd-border-blue-brand tdd-transition",
-            style: normalizeStyle({
-              transform: `translateX(${arrowNum.value}px`,
-              width: `${arrowWidth.value}px`
-            })
-          }, null, 4)
-        ])) : createCommentVNode("", true),
+        createVNode(unref(LibScrollBar), null, {
+          default: withCtx(() => [
+            createVNode(renderBar, {
+              ref_key: "observerRef",
+              ref: observerRef
+            }, null, 512),
+            showBaseline.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              createElementVNode("div", {
+                class: "absolute bottom-0 border-t-2 border-solid border-blue-brand transition",
+                style: normalizeStyle({
+                  transform: `translateX(${indicatorPos.left}px`,
+                  width: `${indicatorPos.width}px`
+                })
+              }, null, 4)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
         createElementVNode("div", _hoisted_3, [
           createVNode(renderContent)
         ])

package/dist/js/{upload/upload.js → upload-16dbef22.js}

@@ -1,8 +1,9 @@
-import { defineComponent, ref, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, renderList, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, renderList, toDisplayString, createVNode, createCommentVNode } from "vue";
+import { C as CloseIcon } from "./index-b4e420ce.js";
 const _hoisted_1 = ["accept", "multiple"];
 const _hoisted_2 = {
   key: 0,
-  class: "tdd-mt-1 tdd-list-none tdd-space-y-1"
+  class: "mt-1 list-none space-y-1"
 };
 const _hoisted_3 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -61,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("button", {
             onClick: fileGet,
             type: "button",
-            class: "tdd-appearance-none"
+            class: "appearance-none"
           }, [
             renderSlot(_ctx.$slots, "default")
           ])
@@ -70,31 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (i, d) => {
             return openBlock(), createElementBlock("li", {
               key: d,
-              class: "tdd-flex tdd-w-full tdd-justify-between tdd-p-1 hover:tdd-bg-gray-100"
+              class: "flex w-full justify-between p-1 hover:bg-gray-100"
             }, [
               createElementVNode("span", null, toDisplayString(i.name), 1),
               createElementVNode("button", {
                 type: "button",
                 onClick: ($event) => DeleteFileHandle(d)
-              }, _cache[1] || (_cache[1] = [
-                createElementVNode("svg", {
-                  class: "h-5 w-5 fill-gray-600",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "24",
-                  height: "24",
-                  viewBox: "0 0 24 24",
-                  fill: "none"
-                }, [
-                  createElementVNode("g", null, [
-                    createElementVNode("path", {
-                      "fill-rule": "evenodd",
-                      "clip-rule": "evenodd",
-                      d: "M16.7782 7.22943C16.4824 6.93364 16.0046 6.93364 15.7088 7.22943L12 10.9306L8.29124 7.22184C7.99545 6.92605 7.51763 6.92605 7.22184 7.22184C6.92605 7.51763 6.92605 7.99545 7.22184 8.29124L10.9306 12L7.22184 15.7088C6.92605 16.0046 6.92605 16.4824 7.22184 16.7782C7.51763 17.0739 7.99545 17.0739 8.29124 16.7782L12 13.0694L15.7088 16.7782C16.0046 17.0739 16.4824 17.0739 16.7782 16.7782C17.0739 16.4824 17.0739 16.0046 16.7782 15.7088L13.0694 12L16.7782 8.29124C17.0664 8.00303 17.0664 7.51763 16.7782 7.22943Z",
-                      fill: "inherit"
-                    })
-                  ])
-                ], -1)
-              ]), 8, _hoisted_3)
+              }, [
+                createVNode(CloseIcon, { class: "h-5 w-5 fill-gray-600" })
+              ], 8, _hoisted_3)
             ]);
           }), 128))
         ])) : createCommentVNode("", true)

package/dist/types/shapeFlag.d.ts

@@ -0,0 +1,13 @@
+export declare enum ShapeFlags {
+    ELEMENT = 1,// 表示一个普通的HTML元素
+    FUNCTIONAL_COMPONENT = 2,// 函数式组件
+    STATEFUL_COMPONENT = 4,// 有状态组件
+    TEXT_CHILDREN = 8,// 子节点是文本
+    ARRAY_CHILDREN = 16,// 子节点是数组
+    SLOTS_CHILDREN = 32,// 子节点是插槽
+    TELEPORT = 64,// 表示vnode描述的是个teleport组件
+    SUSPENSE = 128,// 表示vnode描述的是个suspense组件
+    COMPONENT_SHOULD_KEEP_ALIVE = 256,// 表示需要被keep-live的有状态组件
+    COMPONENT_KEPT_ALIVE = 512,// 已经被keep-live的有状态组件
+    COMPONENT = 6
+}

package/dist/{components/utils → utils}/tool.d.ts

@@ -11,6 +11,9 @@ export declare const usePotion: (baseDom: HTMLElement, aimDom: HTMLElement, set?
     exChange: boolean;
 };
 export declare function getNewArray(array: Array<any>, subGroupLength: number): any[][];
+export declare const formatDate: (date: string | Date | null) => string;
+export declare const checkinputDate: (input: string, success: Function, fail: Function) => void;
+export declare const isValidDate: (date: any) => boolean;
 export declare function getScrollWidth(): number;
 /**
  * 窗口缩放执行回调
@@ -22,8 +25,8 @@ export declare function resizeHandler(entries: any): void;
  * @param {Function} fn 回调
  */
 export declare const addResizeListener: (element: HTMLElement & {
-    __resizeListeners__: Function[];
-    __ro__: ResizeObserver;
+    __resizeListeners__?: Function[];
+    __ro__?: ResizeObserver;
 }, fn: any) => void;
 /**
  * 移除尺寸改变时事件监听
@@ -31,8 +34,8 @@ export declare const addResizeListener: (element: HTMLElement & {
  * @param {Function} fn 回调
  */
 export declare const removeResizeListener: (element: HTMLElement & {
-    __resizeListeners__: any[];
-    __ro__: {
+    __resizeListeners__?: any[];
+    __ro__?: {
         disconnect: () => void;
     };
 }, fn: any) => void;
@@ -43,5 +46,9 @@ export declare const off: (element: {
     removeEventListener: (arg0: any, arg1: any, arg2: boolean) => void;
 }, event: any, handler: any) => void;
 export declare function createAndAppendElementWithId(id: string): void;
+export declare const useResizeObserver: (callback: () => void) => {
+    observe: (el: HTMLElement) => void;
+    unobserve: (el: HTMLElement) => void;
+};
 declare const _default: {};
 export default _default;

package/package.json

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

package/dist/badge.css

@@ -1,27 +0,0 @@
-
-.EBage {
-    position: absolute;
-    display: inline-block;
-    --tw-translate-y: -50%;
-    --tw-translate-x: 100%;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    border-radius: 0.5rem;
-    --tw-bg-opacity: 1;
-    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-    padding-top: 1px;
-    padding-bottom: 1px;
-    font-size: 0.75rem;
-    line-height: 1rem;
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
-}
-.EBage_default {
-    top: 0px;
-    right: 0.375rem
-}
-.EBage_right {
-    top: 50%;
-    right: -0.75rem
-}

package/dist/carousel.css

@@ -1,13 +0,0 @@
-
-.carouselBody {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    display: inline-block;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 700ms
-}

package/dist/checkgroup.css

@@ -1,41 +0,0 @@
-
-.checkGroup {
-    margin-bottom: 0.25rem;
-    display: inline-flex;
-    align-items: center
-}
-.checkGroup > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
-}
-.checkGroup {
-    border-radius: 0.25rem;
-    border-width: 1px;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem
-}
-.checkGroup .hiddeninput {
-    height: 1rem;
-    width: 1rem;
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-    border-radius: 0.25rem;
-    border-width: 1px;
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
-    --tw-text-opacity: 1;
-    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
-}
-.checkGroup .hiddeninput:checked {
-    border-color: transparent;
-    --tw-bg-opacity: 1;
-    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
-}
-.checkGroup .hiddeninput:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px
-}

package/dist/datepickerRange.css

@@ -1,79 +0,0 @@
-
-.pickBetween {
-    background: 0 0;
-}
-.pickBetween::before {
-    content: "";
-    z-index: 1;
-    background: #e6f4ff;
-    position: absolute;
-    top: 50%;
-    left: 0px;
-    inset-inline-start: 0px;
-    inset-inline-end: 0px;
-    height: 1.5rem;
-    --tw-translate-y: -50%;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-.pickStart {
-    background: 0 0;
-}
-.pickStart::before {
-    content: "";
-    z-index: 1;
-    background: #e6f4ff;
-    position: absolute;
-    top: 50%;
-    left: 0px;
-    inset-inline-start: 0px;
-    inset-inline-end: 0px;
-    height: 1.5rem;
-    --tw-translate-y: -50%;
-    --tw-translate-x: 50%;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-.pickEnd {
-    background: 0 0;
-}
-.pickEnd::before {
-    content: "";
-    z-index: 1;
-    background: #e6f4ff;
-    position: absolute;
-    top: 50%;
-    left: 0px;
-    inset-inline-start: 0px;
-    inset-inline-end: 0px;
-    height: 1.5rem;
-    --tw-translate-y: -50%;
-    --tw-translate-x: -50%;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-.pickRange {
-    background: 0 0;
-}
-.pickRange::before {
-    content: "";
-    z-index: 1;
-    background: #c8dfff;
-    position: absolute;
-    top: 50%;
-    left: 0px;
-    inset-inline-start: 0px;
-    inset-inline-end: 0px;
-    height: 1.5rem;
-    --tw-translate-y: -50%;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}

package/dist/image.css

@@ -1,8 +0,0 @@
-
-.Eimage-content::before {
-    display: inline-block;
-    width: 1px;
-    height: 50%;
-    margin-right: -1px;
-    content: "";
-}