ninemoon-ui 0.0.8 → 0.0.10

package/dist/js/tabs/tabs.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, useSlots, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, normalizeStyle, createCommentVNode, h, withDirectives, vShow } from "vue";
+import { defineComponent, computed, ref, useSlots, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, normalizeStyle, createCommentVNode, h, normalizeClass, withDirectives, vShow } from "vue";
 const _hoisted_1 = { class: "tdd-relative tdd-w-full tdd-overflow-hidden" };
 const _hoisted_2 = {
   key: 0,
@@ -8,23 +8,39 @@ const _hoisted_3 = { class: "tdd-relative tdd-w-full" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: {
-    active: {},
-    default: {},
+    active: { default: "" },
     type: { default: "line" }
   },
   emits: ["update:active"],
   setup(__props, { emit }) {
     const props = __props;
     const showBaseline = computed(() => props.type === "line");
-    const currentActive = ref(props.default || "");
-    const activeIndex = ref(0);
-    const arrowNum = ref(8);
-    const arrowWidth = ref(0);
     const changeHandle = (name) => {
       emit("update:active", name);
     };
+    const noactive = ref(props.active === "");
+    const activename = ref("");
+    const currentActive = computed({
+      set(val) {
+        if (noactive.value) {
+          activename.value = val;
+        } else {
+          changeHandle(val);
+        }
+      },
+      get() {
+        if (noactive.value) {
+          return activename.value;
+        } else {
+          return props.active;
+        }
+      }
+    });
+    const activeIndex = ref(0);
+    const arrowNum = ref(8);
+    const arrowWidth = ref(0);
     const slots = useSlots();
-    const renderBtn = (name, index) => {
+    const renderBtn = (node, index) => {
       let btc = [];
       let divc = [];
       switch (props.type) {
@@ -53,23 +69,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "button",
         {
           type: "button",
-          class: btc.join(" "),
+          class: normalizeClass(btc),
           onClick: (e) => {
             activeIndex.value = index;
             let aim = e.target;
             arrowWidth.value = aim.offsetWidth;
             arrowNum.value = aim.offsetLeft;
-            changeHandle(name);
-            currentActive.value = name;
+            currentActive.value = node.props.name;
           }
-          // key: index,
         },
         h(
           "span",
           {
             class: divc.join(" ")
           },
-          name
+          node.props.name
         )
       );
     };
@@ -77,63 +91,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return h(
         "div",
         {
-          class: `ETab${props.type === "line" ? " px-2 pt-2" : " ETab_Card"}`
+          class: normalizeClass(["ETab", [props.type === "line" ? " tdd-px-2 tdd-pt-2" : " ETab_Card"]])
         },
         slots.default().map((it, index) => {
-          var _a;
-          if (it.type.toString().includes("Symbol")) {
+          if (typeof it.children == "string")
+            return null;
+          if (Array.isArray(it.children)) {
             return it.children.map((simple, i) => {
-              return renderBtn(simple.props.name, i);
+              return renderBtn(simple, i);
             });
           } else {
-            return renderBtn((_a = it.props) == null ? void 0 : _a.name, index);
+            return renderBtn(it, index);
           }
         })
       );
     };
+    const contentHandle = (it, i) => {
+      if (currentActive.value === "") {
+        activeIndex.value = i;
+        currentActive.value = it.props.name;
+      } else if (currentActive.value === it.props.name) {
+        activeIndex.value = i;
+      }
+      return withDirectives(
+        h(it, {
+          key: it.props.name
+        }),
+        [[vShow, currentActive.value === "" || currentActive.value === it.props.name]]
+      );
+    };
     const renderContent = () => {
+      let defaultindex = -1;
       return h(
         "div",
         {},
-        slots.default().map((it, index) => {
-          var _a, _b;
-          if (it.type.toString().includes("Symbol")) {
-            return it.children.map((simple, i) => {
-              if (currentActive.value === "") {
-                activeIndex.value = i;
-                currentActive.value = simple.props.name;
-              } else if (currentActive.value === simple.props.name) {
-                activeIndex.value = i;
-              }
-              return withDirectives(
-                h(simple, {
-                  key: simple.props.name
-                }),
-                [[vShow, currentActive.value === "" || currentActive.value === simple.props.name]]
-              );
+        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 {
-            if (currentActive.value === "") {
-              activeIndex.value = index;
-              currentActive.value = (_a = it.props) == null ? void 0 : _a.name;
-            } else if (currentActive.value === ((_b = it.props) == null ? void 0 : _b.name)) {
-              activeIndex.value = index;
-            }
-            return withDirectives(
-              h(it, {
-                key: it.props.name
-              }),
-              [[vShow, currentActive.value === "" || currentActive.value === it.props.name]]
-            );
+            defaultindex += 1;
+            return contentHandle(it, defaultindex);
           }
         })
       );
     };
     const btnBar = ref();
     onMounted(() => {
-      if (props.type === "line") {
+      if (showBaseline.value) {
         const aim = btnBar.value.children[activeIndex.value];
-        arrowWidth.value = aim.children[0].innerHTML.length * 14 + 16;
+        arrowWidth.value = aim.children[0].innerHTML.length * 14;
       }
     });
     return (_ctx, _cache) => {

package/package.json

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