ninemoon-ui 0.0.27 → 0.1.1

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.1",
   "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: "";
-}

package/dist/js/getcalendar/getcalendar.js

@@ -1,48 +0,0 @@
-const getMonthDays = (year, month, flag) => {
-  let stratDate = new Date(year, month - 1, 1).getTime(), endData = new Date(year, month, 1).getTime();
-  let days = (endData - stratDate) / (1e3 * 60 * 60 * 24);
-  let list = [];
-  for (let i = 1; i <= days; i++) {
-    const d = i;
-    const week = (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 0 ? "日" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 1 ? "一" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 2 ? "二" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 3 ? "三" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 4 ? "四" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 5 ? "五" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 6 ? "六" : "";
-    let obj = {
-      week,
-      d,
-      m: month,
-      y: year,
-      isChoosed1Day: false,
-      isChoosed2Day: false
-    };
-    if (flag === 1) {
-      Object.assign(obj, {
-        pred: true
-      });
-    } else if (flag === 2) {
-      Object.assign(obj, {
-        nextd: true
-      });
-    } else {
-      Object.assign(obj, {
-        newd: true
-      });
-    }
-    list.push(obj);
-  }
-  return list;
-};
-const addZero = (data) => {
-  let t = Number(data);
-  if (isNaN(t)) {
-    throw new Error("日期格式不正确");
-  } else {
-    if (t < 10) {
-      return `0${t}`;
-    } else {
-      return `${t}`;
-    }
-  }
-};
-export {
-  addZero as a,
-  getMonthDays as g
-};

package/dist/js/tree/tree.js

@@ -1,72 +0,0 @@
-import { defineComponent, defineAsyncComponent, provide, computed, watch, openBlock, createElementBlock, Fragment, renderList, createBlock, unref } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "tree",
-  props: {
-    data: {},
-    defaultExpandAll: { type: Boolean, default: false },
-    lazy: { type: Boolean, default: false },
-    defaultCheckedKeys: {},
-    nodeKey: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const Leaf = defineAsyncComponent(() => import("./treeleaf.js"));
-    const props = __props;
-    provide("parentlazy", props.lazy);
-    const flattenArr = computed(() => {
-      let data = flatten(props.data);
-      return data;
-    });
-    const flatten = (list, pid) => {
-      let result = [];
-      for (let i = 0; i < list.length; i++) {
-        let temp = list[i];
-        temp.pid = pid;
-        temp.checked = false;
-        temp.somechecked = false;
-        result.push(temp);
-        if (Array.isArray(temp.children)) {
-          result = result.concat(flatten(temp.children, temp[props.nodeKey]));
-        }
-      }
-      return result;
-    };
-    watch(() => props.defaultCheckedKeys, (newd) => {
-      if (newd && newd.length > 0) {
-        flattenArr.value.map((i) => {
-          if (newd == null ? void 0 : newd.includes(i[props.nodeKey])) {
-            i.checked = true;
-          } else {
-            i.checked = false;
-          }
-        });
-      } else {
-        flattenArr.value.map((i) => {
-          i.checked = false;
-        });
-      }
-    }, { deep: true });
-    const getCheckedKeys = (leafOnly = false) => {
-      if (leafOnly) {
-        return flattenArr.value.filter((i) => i.somechecked === false || i.checked === true).map((i) => i[props.nodeKey]);
-      } else {
-        return flattenArr.value.filter((i) => i.checked === true).map((i) => i[props.nodeKey]);
-      }
-    };
-    __expose({
-      getCheckedKeys
-    });
-    return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (i) => {
-        return openBlock(), createBlock(unref(Leaf), {
-          item: i,
-          deepnum: 1,
-          key: i[_ctx.nodeKey],
-          nodeKey: _ctx.nodeKey
-        }, null, 8, ["item", "nodeKey"]);
-      }), 128);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/js/tree/treeleaf.js

@@ -1,116 +0,0 @@
-import { defineComponent, computed, ref, inject, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, withDirectives, vModelCheckbox, toDisplayString, Fragment, renderList, createBlock, vShow } from "vue";
-const _hoisted_1 = { class: "tdd-flow-root" };
-const _hoisted_2 = { class: "tdd-flex tdd-items-center" };
-const __default__ = {
-  name: "Leaf"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    item: {},
-    deepnum: {},
-    nodeKey: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const marginLeft = computed(() => {
-      return `${(props.deepnum - 1) * 16}px`;
-    });
-    const noshow = ref(inject("parentlazy", false));
-    const childList = computed(() => {
-      return props.item.children || [];
-    });
-    const checkedchildLen = computed(() => childList.value.filter((i) => i.checked === true).length);
-    const somecheckchildLen = computed(() => childList.value.filter((i) => i.somechecked === true).length);
-    const childlenChange = computed(() => childList.value.length);
-    watch([checkedchildLen, somecheckchildLen], ([checklen, somechecklen]) => {
-      if (checklen > 0) {
-        if (checklen === childList.value.length) {
-          props.item.checked = true;
-          props.item.somechecked = false;
-        } else {
-          props.item.checked = false;
-          props.item.somechecked = true;
-        }
-      } else if (somechecklen > 0) {
-        props.item.checked = false;
-        props.item.somechecked = true;
-      } else {
-        props.item.somechecked = false;
-        props.item.checked = false;
-      }
-    });
-    const ableExpend = computed(() => {
-      return childList.value.length > 0 || noshow.value === true;
-    });
-    const expendflag = ref(false);
-    const expendHandle = () => {
-      noshow.value = false;
-      if (ableExpend.value === false)
-        return;
-      expendflag.value = !expendflag.value;
-    };
-    watch(() => [props.item.checked, props.item.somechecked, childlenChange], ([checkflag, somecheckflag]) => {
-      if (checkflag === false && somecheckflag === false || checkflag === true) {
-        childList.value.map((i) => {
-          i.checked = checkflag;
-        });
-      }
-    }, {
-      // immediate: true,
-      deep: true
-    });
-    return (_ctx, _cache) => {
-      const _component_Leaf = resolveComponent("Leaf");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: "tdd-flex tdd-items-center",
-          style: normalizeStyle({ marginLeft: marginLeft.value })
-        }, [
-          createElementVNode("div", {
-            class: "tdd-ml-1 tdd-flex",
-            onClick: expendHandle
-          }, [
-            (openBlock(), createElementBlock("svg", {
-              class: normalizeClass([[expendflag.value ? "tdd-rotate-0" : "-tdd-rotate-90", ableExpend.value ? "tdd-visible" : " tdd-invisible"], "tdd-fill-gray-400 tdd-w-3 tdd-h-3 tdd-transition tdd-inline-block"]),
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 10 10"
-            }, _cache[1] || (_cache[1] = [
-              createElementVNode("polygon", { points: "1,2.5 5,7.5 9,2.5" }, null, -1)
-            ]), 2))
-          ]),
-          createElementVNode("label", _hoisted_2, [
-            withDirectives(createElementVNode("input", {
-              type: "checkbox",
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.item.checked = $event),
-              class: "tdd-appearance-none"
-            }, null, 512), [
-              [vModelCheckbox, _ctx.item.checked]
-            ]),
-            createElementVNode("div", {
-              class: normalizeClass(["tdd-w-3 tdd-h-3 tdd-rounded-sm tdd-border tdd-border-solid tdd-mr-1", {
-                "tdd-bg-blue-500 tdd-border-blue-600": _ctx.item.checked == true,
-                "tdd-bg-blue-300 tdd-border-blue-400": _ctx.item.somechecked == true,
-                "tdd-bg-white": _ctx.item.checked == false && _ctx.item.somechecked == false
-              }])
-            }, null, 2),
-            createElementVNode("div", null, toDisplayString(_ctx.item.label), 1)
-          ])
-        ], 4),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(childList.value, (i) => {
-          return withDirectives((openBlock(), createBlock(_component_Leaf, {
-            item: i,
-            deepnum: _ctx.deepnum + 1,
-            nodeKey: _ctx.nodeKey,
-            key: i[props.nodeKey]
-          }, null, 8, ["item", "deepnum", "nodeKey"])), [
-            [vShow, expendflag.value]
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/radiogroup.css

@@ -1,44 +0,0 @@
-
-.radioGroup {
-    display: inline-flex;
-    cursor: pointer;
-    align-items: center;
-    border-top-width: 1px;
-    border-bottom-width: 1px;
-    border-right-width: 1px;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem
-}
-.radioGroup:first-child {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-    border-left-width: 1px
-}
-.radioGroup:last-child {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem
-}
-.radioGroup .hiddeninput {
-    height: 1rem;
-    width: 1rem;
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-    border-radius: 9999px;
-    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))
-}
-.radioGroup .hiddeninput:checked {
-    border-color: transparent;
-    --tw-bg-opacity: 1;
-    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
-}
-.radioGroup .hiddeninput:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px
-}

package/dist/scrollBar.css

@@ -1,37 +0,0 @@
-
-.pageScroll .tddScroll {
-    height: calc(100% + 15px);
-}
-.pageScroll .thumb {
-    height: 0;
-    width: 0;
-}
-.pageScroll .ishor {
-    height: 6px;
-    left: 2px;
-}
-.pageScroll .ishor .thumb {
-    border-radius: inherit;
-    height: 100%;
-    background-color: rgba(144, 146, 152, 0.3);
-    cursor: pointer;
-}
-.pageScroll .isver {
-    width: 6px;
-    top: 2px;
-}
-.pageScroll .isver .thumb {
-    border-radius: inherit;
-    width: 100%;
-    background-color: rgba(144, 146, 152, 0.3);
-    cursor: pointer;
-}
-@media screen and (max-width: 767px) {
-.pageScroll .tddScroll {
-        overflow-x: auto;
-}
-.pageScroll .thumb {
-      height: 0;
-      width: 0;
-}
-}

package/dist/select.css

@@ -1,20 +0,0 @@
-
-.selectOption {
-    height: 100%;
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem
-}
-.selectOption .label {
-    cursor: pointer;
-    padding: 0.25rem
-}
-.selectOption .label:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
-}
-.selectOption .labelselect {
-    --tw-bg-opacity: 1;
-    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
-    --tw-text-opacity: 1;
-    color: rgb(22 119 255 / var(--tw-text-opacity, 1))
-}