exploria-ui 2026.10.19 → 2026.10.21

package/dist/src/components/navigation/ETabs/ETabs.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import e from "../../../utils/EDomUtil.js";
-import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, normalizeStyle as c, onMounted as l, onUnmounted as u, openBlock as d, provide as f, renderList as p, renderSlot as m, shallowRef as h, toDisplayString as g, useTemplateRef as _, vShow as v, watch as y, withDirectives as b } from "vue";
+import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, provide as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, shallowRef as v, toDisplayString as y, useTemplateRef as b, vShow as x, watch as S, withDirectives as C } from "vue";
 //#region src/components/navigation/ETabs/ETabs.vue?vue&type=script&setup=true&lang.ts
-var x = ["onClick"], S = a({
+var w = ["onClick"], T = s({
 	__name: "ETabs",
 	props: {
 		modelValue: {},
@@ -13,34 +13,34 @@ var x = ["onClick"], S = a({
 		}
 	},
 	emits: ["update:modelValue", "tabClick"],
-	setup(a, { emit: S }) {
-		let C = S, w = h([]);
-		f("registerTabPane", (e) => {
-			w.value = [...w.value, e];
-		}), f("unregisterTabPane", (e) => {
-			w.value = w.value.filter((t) => t.name !== e);
+	setup(s, { emit: T }) {
+		let E = T, D = v([]);
+		m("registerTabPane", (e) => {
+			D.value = [...D.value, e];
+		}), m("unregisterTabPane", (e) => {
+			D.value = D.value.filter((t) => t.name !== e);
 		});
-		let T = _("eTabsRef");
-		l(() => {
-			D(T.value.querySelector(".e-tabs-label" + a.modelValue), a.modelValue, !1);
+		let O = b("eTabsRef");
+		d(() => {
+			A(O.value.querySelector(".e-tabs-label" + s.modelValue), s.modelValue, !1);
 			let e = () => {
-				D(T.value.querySelector(".e-tabs-label" + a.modelValue), a.modelValue, !1);
+				A(O.value.querySelector(".e-tabs-label" + s.modelValue), s.modelValue, !1);
 			};
-			T.value?.addEventListener("resize", e), u(() => {
-				T.value?.removeEventListener("resize", e);
+			O.value?.addEventListener("resize", e), f(() => {
+				O.value?.removeEventListener("resize", e);
 			});
 		});
-		let E = (e) => {
-			let t = T.value.querySelector(`.e-tabs-header>.e-tabs-label${a.modelValue}`), n = T.value.querySelector(".e-tabs-header>.line");
-			!t || !n || (n.style.transition = e ? "all 0.3s ease-in-out" : "none", a.placement.includes("left") || a.placement.includes("right") ? (n.style.top = t.offsetTop + "px", n.style.height = t.offsetHeight + "px", n.style.width = "2px", a.placement.includes("left") ? (n.style.right = "0px", n.style.left = "unset") : (n.style.left = "0px", n.style.right = "unset")) : (n.style.left = t.offsetLeft + "px", n.style.width = t.offsetWidth + "px", n.style.height = "2px", a.placement.includes("top") ? (n.style.bottom = "0px", n.style.top = "unset") : (n.style.top = "0px", n.style.bottom = "unset")));
-		}, D = (t, n, r = !0) => {
+		let k = (e) => {
+			let t = O.value.querySelector(`.e-tabs-header>.e-tabs-label${s.modelValue}`), n = O.value.querySelector(".e-tabs-header>.line");
+			!t || !n || (n.style.transition = e ? "all 0.3s ease-in-out" : "none", s.placement.includes("left") || s.placement.includes("right") ? (n.style.top = t.offsetTop + "px", n.style.height = t.offsetHeight + "px", n.style.width = "2px", s.placement.includes("left") ? (n.style.right = "0px", n.style.left = "unset") : (n.style.left = "0px", n.style.right = "unset")) : (n.style.left = t.offsetLeft + "px", n.style.width = t.offsetWidth + "px", n.style.height = "2px", s.placement.includes("top") ? (n.style.bottom = "0px", n.style.top = "unset") : (n.style.top = "0px", n.style.bottom = "unset")));
+		}, A = (t, n, r = !0) => {
 			let i = r ? "smooth" : "auto";
 			if (t && e.scrollIntoView({
 				element: t,
 				block: "center",
 				behavior: i
-			}), a.showContent) {
-				let t = (T.value?.querySelector(".e-tabs-content"))?.querySelector(".e-tab-pane" + n), r = a.placement.includes("left") || a.placement.includes("right");
+			}), s.showContent) {
+				let t = (O.value?.querySelector(".e-tabs-content"))?.querySelector(".e-tab-pane" + n), r = s.placement.includes("left") || s.placement.includes("right");
 				e.scrollIntoView({
 					element: t,
 					behavior: i,
@@ -48,57 +48,57 @@ var x = ["onClick"], S = a({
 					...r ? {} : { inline: "center" }
 				});
 			}
-			C("update:modelValue", n), C("tabClick", n), o(() => {
-				E(r);
+			E("update:modelValue", n), E("tabClick", n), c(() => {
+				k(r);
 			});
 		};
-		y(() => a.placement, () => {
-			o(() => {
-				D(null, a.modelValue, !1);
+		S(() => s.placement, () => {
+			c(() => {
+				A(null, s.modelValue, !1);
 			});
 		});
-		let O = n(() => ({
+		let j = n(() => ({
 			display: "flex",
 			flexDirection: (() => {
-				if (a.placement.includes("top")) return "column";
-				if (a.placement.includes("bottom")) return "column-reverse";
-				if (a.placement.includes("left")) return "row";
-				if (a.placement.includes("right")) return "row-reverse";
+				if (s.placement.includes("top")) return "column";
+				if (s.placement.includes("bottom")) return "column-reverse";
+				if (s.placement.includes("left")) return "row";
+				if (s.placement.includes("right")) return "row-reverse";
 			})()
-		})), k = n(() => {
+		})), M = n(() => {
 			let e = {
-				flexDirection: a.placement.includes("top") || a.placement.includes("bottom") ? "row" : "column",
+				flexDirection: s.placement.includes("top") || s.placement.includes("bottom") ? "row" : "column",
 				justifyContent: [
 					"left",
 					"right",
 					"top",
 					"bottom"
-				].includes(a.placement) ? "center" : "flex-" + a.placement.split("-")[1],
-				alignItems: a.placement.includes("left") || a.placement.includes("top") ? "flex-end" : "flex-start"
+				].includes(s.placement) ? "center" : "flex-" + s.placement.split("-")[1],
+				alignItems: s.placement.includes("left") || s.placement.includes("top") ? "flex-end" : "flex-start"
 			};
-			return e.height = `var(--e-tabs-${a.size}-header-height)`, a.placement.includes("top") ? e.borderBottom = "1px solid var(--e-border-color)" : a.placement.includes("bottom") ? e.borderTop = "1px solid var(--e-border-color)" : a.placement.includes("left") ? e.borderRight = "1px solid var(--e-border-color)" : a.placement.includes("right") && (e.borderLeft = "1px solid var(--e-border-color)"), e;
+			return e.height = `var(--e-tabs-${s.size}-header-height)`, s.placement.includes("top") ? e.borderBottom = "1px solid var(--e-border-color)" : s.placement.includes("bottom") ? e.borderTop = "1px solid var(--e-border-color)" : s.placement.includes("left") ? e.borderRight = "1px solid var(--e-border-color)" : s.placement.includes("right") && (e.borderLeft = "1px solid var(--e-border-color)"), e;
 		});
-		return (e, n) => (d(), r("div", {
-			class: s(["e-tabs", a.size]),
+		return (e, n) => (p(), i("div", {
+			class: l(["e-tabs", s.size]),
 			ref_key: "eTabsRef",
-			ref: T,
-			style: c(O.value)
-		}, [i("div", {
+			ref: O,
+			style: u(j.value)
+		}, [a("div", {
 			class: "e-tabs-header",
-			style: c(k.value)
-		}, [(d(!0), r(t, null, p(w.value, (e) => (d(), r("div", {
+			style: u(M.value)
+		}, [(p(!0), i(t, null, h(D.value, (e) => (p(), i("div", {
 			key: e.name,
-			class: s([
+			class: l([
 				"e-tabs-label",
 				"e-tabs-label" + e.name,
-				{ active: a.modelValue === e.name }
+				{ active: s.modelValue === e.name }
 			]),
-			onClick: (t) => D(t.target, e.name)
-		}, g(e.label), 11, x))), 128)), n[0] ||= i("div", { class: "line" }, null, -1)], 4), b(i("div", {
+			onClick: (t) => A(t.currentTarget, e.name)
+		}, [e.labelSlot ? (p(), r(_(e.labelSlot), { key: 0 })) : (p(), i(t, { key: 1 }, [o(y(e.label), 1)], 64))], 10, w))), 128)), n[0] ||= a("div", { class: "line" }, null, -1)], 4), C(a("div", {
 			class: "e-tabs-content",
-			style: c({ flexDirection: a.placement.includes("top") || a.placement.includes("bottom") ? "row" : "column" })
-		}, [m(e.$slots, "default", {}, void 0, !0)], 4), [[v, a.showContent]])], 6));
+			style: u({ flexDirection: s.placement.includes("top") || s.placement.includes("bottom") ? "row" : "column" })
+		}, [g(e.$slots, "default", {}, void 0, !0)], 4), [[x, s.showContent]])], 6));
 	}
 });
 //#endregion
-export { S as default };
+export { T as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exploria-ui",
-  "version": "2026.10.19",
+  "version": "2026.10.21",
   "private": false,
   "description": "《探索UI》组件库",
   "keywords": [