ninemoon-ui 0.1.9 → 0.1.11

package/dist/{tabs.css → css/style.css}

@@ -1,9 +1,85 @@
+@charset "UTF-8";
+.alertOpecity-enter-from{
+  position: absolute;
+  opacity: 0.5
+}
+.alertOpecity-enter-active,
+.alertOpecity-leave-active{
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms
+  /* 300ms 与 JS 清理时间一致 */
+}
+.alertOpecity-enter,
+.alertOpecity-leave-to{
+  opacity: 0
+}.circular {
+  animation: rotate 2s linear infinite;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  left: 0px;
+  bottom: 0px;
+  height: 100%;
+  width: 100%;
+  transform-origin: center;
+}
+.circular .path {
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
+  stroke-linecap: round;
+}
+@keyframes rotate {
+100% {
+    transform: rotate(360deg);
+}
+}
+@keyframes dash {
+0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+}
+50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+}
+100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+}
+}
+@keyframes color {
+100%, 0% {
+    stroke: #d62d20;
+}
+40% {
+    stroke: #0057e7;
+}
+66% {
+    stroke: #008744;
+}
+80%, 90% {
+    stroke: #ffa700;
+}
+}.form-tick:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
+  border-color: transparent;
+  background-size: 100% 100%;
+  background-position: 50%;
+  background-repeat: no-repeat;
+}
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
 .ETab {
-    display: flex;
     width: 100%;
-    min-width: -moz-max-content;
-    min-width: max-content;
-    flex-wrap: nowrap;
     --tw-text-opacity: 1;
     color: rgb(102 102 102 / var(--tw-text-opacity, 1))
 }
@@ -26,6 +102,7 @@
     --tw-text-opacity: 1;
     color: rgb(1 64 153 / var(--tw-text-opacity, 1))
 }
+
 .ETab_Card {
     --tw-bg-opacity: 1;
     background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))

package/dist/js/index/index.js

@@ -1157,6 +1157,7 @@ const createWheelDirective = (options) => {
   };
 };
 const tailwind = "";
+const tabs = "";
 const LibDialog = defineAsyncComponent(() => import("../dialog/dialog.js"));
 const LibForm = defineAsyncComponent(() => import("../form/form.js"));
 const LibFormLabel = defineAsyncComponent(() => import("../form/formlabel.js"));

package/dist/js/tabs/tabs.js

@@ -1,4 +1,4 @@
-import { defineComponent, defineAsyncComponent, computed, ref, reactive, useSlots, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeStyle, createCommentVNode, h, normalizeClass, withDirectives, vShow } from "vue";
+import { defineComponent, computed, ref, reactive, useSlots, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, createElementVNode, normalizeStyle, createCommentVNode, h, normalizeClass, withDirectives, vShow } from "vue";
 import { S as ShapeFlags } from "../shapeFlag/shapeFlag.js";
 const _hoisted_1 = { class: "relative w-full overflow-hidden" };
 const _hoisted_2 = {
@@ -14,9 +14,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:active"],
   setup(__props, { emit: __emit }) {
-    const LibScrollBar = defineAsyncComponent(
-      () => import("../scrollBar/scrollBar.js")
-    );
     const props = __props;
     const showBaseline = computed(() => props.type === "line");
     const emit = __emit;
@@ -153,24 +150,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        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
-        }),
+        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),
         createElementVNode("div", _hoisted_3, [
           createVNode(renderContent)
         ])
@@ -178,7 +170,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tabs_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };

package/package.json

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

package/dist/index.css

@@ -1,80 +0,0 @@
-@charset "UTF-8";
-.alertOpecity-enter-from{
-  position: absolute;
-  opacity: 0.5
-}
-.alertOpecity-enter-active,
-.alertOpecity-leave-active{
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 300ms
-  /* 300ms 与 JS 清理时间一致 */
-}
-.alertOpecity-enter,
-.alertOpecity-leave-to{
-  opacity: 0
-}.circular {
-  animation: rotate 2s linear infinite;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  left: 0px;
-  bottom: 0px;
-  height: 100%;
-  width: 100%;
-  transform-origin: center;
-}
-.circular .path {
-  stroke-dasharray: 1, 200;
-  stroke-dashoffset: 0;
-  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
-  stroke-linecap: round;
-}
-@keyframes rotate {
-100% {
-    transform: rotate(360deg);
-}
-}
-@keyframes dash {
-0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-}
-50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35px;
-}
-100% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124px;
-}
-}
-@keyframes color {
-100%, 0% {
-    stroke: #d62d20;
-}
-40% {
-    stroke: #0057e7;
-}
-66% {
-    stroke: #008744;
-}
-80%, 90% {
-    stroke: #ffa700;
-}
-}.form-tick:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
-  border-color: transparent;
-  background-size: 100% 100%;
-  background-position: 50%;
-  background-repeat: no-repeat;
-}
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.2s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}