ninemoon-ui 0.0.1

package/dist/js/upload/upload.js

@@ -0,0 +1,108 @@
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, renderList, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = ["accept", "multiple"];
+const _hoisted_2 = {
+  key: 0,
+  class: "tdd-mt-1 tdd-list-none tdd-space-y-1"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = /* @__PURE__ */ 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"
+}, [
+  /* @__PURE__ */ createElementVNode("g", null, [
+    /* @__PURE__ */ 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);
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "upload",
+  props: {
+    type: { default: "picture" },
+    limit: {},
+    accept: { default: "" },
+    fileList: {},
+    showFileList: { type: Boolean, default: true },
+    multiple: { type: Boolean, default: false }
+  },
+  emits: ["getNewFile", "delOldFile"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const FILEINPUT = ref();
+    const fileList = ref(props.fileList || []);
+    const fileGet = () => {
+      FILEINPUT.value.click();
+    };
+    const FileHandle = () => {
+      var _a, _b, _c;
+      if ((_a = FILEINPUT.value) == null ? void 0 : _a.files) {
+        for (const i of (_b = FILEINPUT.value) == null ? void 0 : _b.files) {
+          fileList.value.push(i);
+        }
+      }
+      emit("getNewFile", (_c = FILEINPUT.value) == null ? void 0 : _c.files, fileList.value);
+    };
+    const DeleteFileHandle = (i) => {
+      let aim = fileList.value[i];
+      fileList.value.splice(i, 1);
+      emit("delOldFile", aim, fileList.value);
+    };
+    const clearFiles = () => {
+      fileList.value.map((_img, i) => {
+        DeleteFileHandle(i);
+      });
+    };
+    __expose({
+      clearFiles
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("span", null, [
+          createElementVNode("input", {
+            ref_key: "FILEINPUT",
+            ref: FILEINPUT,
+            onChange: _cache[0] || (_cache[0] = ($event) => FileHandle()),
+            accept: _ctx.accept,
+            multiple: _ctx.multiple,
+            type: "file",
+            class: "hidden"
+          }, null, 40, _hoisted_1),
+          createElementVNode("button", {
+            onClick: fileGet,
+            type: "button",
+            class: "tdd-appearance-none"
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _ctx.showFileList ? (openBlock(), createElementBlock("ul", _hoisted_2, [
+          (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"
+            }, [
+              createElementVNode("span", null, toDisplayString(i.name), 1),
+              createElementVNode("button", {
+                type: "button",
+                onClick: ($event) => DeleteFileHandle(d)
+              }, _hoisted_5, 8, _hoisted_3)
+            ]);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/radiogroup.css

@@ -0,0 +1,44 @@
+
+.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));
+    --tw-text-opacity: 1;
+    color: rgb(220 38 38 / var(--tw-text-opacity))
+}
+.radioGroup .hiddeninput:checked {
+    border-color: transparent;
+    --tw-bg-opacity: 1;
+    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
+}
+.radioGroup .hiddeninput:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px
+}

package/dist/scrollBar.css

@@ -0,0 +1,37 @@
+
+.pageScroll .tddScroll {
+    overflow-x: clip;
+}
+.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

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

package/dist/tabs.css

@@ -0,0 +1,77 @@
+
+.ETab {
+    display: flex;
+    width: 100%;
+    flex-wrap: wrap;
+    --tw-text-opacity: 1;
+    color: rgb(102 102 102 / var(--tw-text-opacity))
+}
+.ETab .ETab_Line_Btn {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    outline: 2px solid transparent;
+    outline-offset: 2px
+}
+.ETab .ETab_Line_Btn .ETabline {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    --tw-text-opacity: 1;
+    color: rgb(1 64 153 / var(--tw-text-opacity))
+}
+.ETab .ETab_Line_Btn .ETab_Line_Act {
+    --tw-text-opacity: 1;
+    color: rgb(1 64 153 / var(--tw-text-opacity))
+}
+.ETab_Card {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
+}
+.ETab_Card .ETab_Card_Btn {
+    height: 2.75rem;
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 500;
+    --tw-text-opacity: 1;
+    color: rgb(1 64 153 / var(--tw-text-opacity));
+    outline: 2px solid transparent;
+    outline-offset: 2px
+}
+.ETab_Card .ETab_Card_Btn:focus {
+    --tw-text-opacity: 1;
+    color: rgb(1 64 153 / var(--tw-text-opacity))
+}
+.ETab_Card .ETab_Card_Btn .ETabline {
+    white-space: nowrap;
+    padding-left: 1rem;
+    padding-right: 1rem
+}
+.ETab_Card .ETab_Card_Btn .ETablineActBtw {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+    --tw-bg-opacity: 1;
+    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
+}
+.ETab_Card .ETab_Card_Btn .ETablineActPr {
+    border-bottom-right-radius: 0.5rem
+}
+.ETab_Card .ETab_Card_Btn .ETablineActNe {
+    border-bottom-left-radius: 0.5rem
+}
+.ETab_Card .ETab_Card_Btn_Act {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: rgb(1 64 153 / var(--tw-text-opacity))
+}
+.ETab_Card .ETab_Line_Btn_Btw {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "ninemoon-ui",
+  "private": false,
+  "version": "0.0.1",
+  "author": "zhuboy",
+  "keywords": [
+    "vue3",
+    "UI"
+  ],
+  "scripts": {
+    "dev": "vite --host",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.3.4"
+  },
+  "main": "dist/index.es.js",
+  "module": "dist/index.umd.js",
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.27",
+    "sass": "^1.64.1",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^5.0.2",
+    "unplugin-vue-define-options": "^1.3.12",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.3.1",
+    "vue-tsc": "^1.8.5"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "types": "dist/index.d.ts"
+}