exploria-ui 2026.3.2 → 2026.3.4

package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabPane.vue.js

@@ -2,6 +2,6 @@ import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./ETabPane.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                              */
 //#region src/components/navigation/ETabs/ETabPane.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-e36de3b0"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-b143209b"]]);
 //#endregion
 export { n as default };

package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabPane.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,20 @@
-import { createElementBlock as e, defineComponent as t, inject as n, normalizeClass as r, onUnmounted as i, openBlock as a, renderSlot as o } from "vue";
+import { computed as e, createElementBlock as t, defineComponent as n, inject as r, normalizeClass as i, onUnmounted as a, openBlock as o, renderSlot as s } from "vue";
 //#region src/components/navigation/ETabs/ETabPane.vue?vue&type=script&setup=true&lang.ts
-var s = /* @__PURE__ */ t({
+var c = /* @__PURE__ */ n({
 	__name: "ETabPane",
 	props: {
 		name: {},
 		label: {}
 	},
-	setup(t) {
-		let s = n("registerTabPane"), c = n("unregisterTabPane");
-		return s({
-			label: t.label,
-			name: t.name
-		}), i(() => {
-			c(t.name);
-		}), (n, i) => (a(), e("div", { class: r(["e-tab-pane", "e-tab-pane" + t.name]) }, [o(n.$slots, "default", {}, void 0, !0)], 2));
+	setup(n) {
+		let c = r("registerTabPane"), l = r("unregisterTabPane");
+		return c({
+			label: e(() => n.label),
+			name: n.name
+		}), a(() => {
+			l(n.name);
+		}), (e, r) => (o(), t("div", { class: i(["e-tab-pane", "e-tab-pane" + n.name]) }, [s(e.$slots, "default", {}, void 0, !0)], 2));
 	}
 });
 //#endregion
-export { s as default };
+export { c as default };

package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabs.vue.js

@@ -2,6 +2,6 @@ import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./ETabs.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                           */
 //#region src/components/navigation/ETabs/ETabs.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-7576e0b4"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-29bcb422"]]);
 //#endregion
 export { n as default };

package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabs.vue_vue_type_script_setup_true_lang.js

@@ -15,36 +15,40 @@ var y = ["onClick"], b = /* @__PURE__ */ a({
 			S.value.push(e);
 		}), f("unregisterTabPane", (e) => {
 			S.value = S.value.filter((t) => t.name !== e);
-		}), l(() => {
-			w(a.modelValue, !1);
+		});
+		let C = _("eTabsRef");
+		l(() => {
+			T(C.value.querySelector(".e-tabs-label" + a.modelValue), a.modelValue, !1);
 			let e = () => {
-				w(a.modelValue, !1);
+				T(C.value.querySelector(".e-tabs-label" + a.modelValue), a.modelValue, !1);
 			};
-			E.value?.addEventListener("resize", e), u(() => {
-				E.value?.removeEventListener("resize", e);
+			C.value?.addEventListener("resize", e), u(() => {
+				C.value?.removeEventListener("resize", e);
 			});
 		});
-		let C = (e) => {
-			let t = E.value.querySelector(`.e-tabs-header>.e-tabs-label${a.modelValue}`), n = E.value.querySelector(".e-tabs-header>.line");
+		let w = (e) => {
+			let t = C.value.querySelector(`.e-tabs-header>.e-tabs-label${a.modelValue}`), n = C.value.querySelector(".e-tabs-header>.line");
 			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"));
-		}, w = (t, n = !0) => {
-			let r = E.value.querySelector(".e-tabs-content");
-			r.style.scrollBehavior = n ? "smooth" : "auto";
-			let i = r.querySelector(".e-tab-pane" + t);
-			e.scrollIntoView({
-				element: i,
-				block: a.placement.includes("left") || a.placement.includes("right") ? "center" : void 0,
-				inline: a.placement.includes("top") || a.placement.includes("bottom") ? "center" : void 0
-			}), x("update:modelValue", t), x("tabClick", t), o(() => {
-				C(n);
+		}, T = (t, n, r = !0) => {
+			let i = C.value.querySelector(".e-tabs-content");
+			i.style.scrollBehavior = r ? "smooth" : "auto";
+			let s = i.querySelector(".e-tab-pane" + n);
+			t && e.scrollIntoView({
+				element: t,
+				block: "center"
+			}), e.scrollIntoView({
+				element: s,
+				...a.placement.includes("left") || a.placement.includes("right") ? { block: "center" } : { inline: "center" }
+			}), x("update:modelValue", n), x("tabClick", n), o(() => {
+				w(r);
 			});
 		};
 		v(() => a.placement, () => {
 			o(() => {
-				w(a.modelValue, !1);
+				T(null, a.modelValue, !1);
 			});
 		});
-		let T = n(() => ({
+		let E = n(() => ({
 			display: "flex",
 			flexDirection: (() => {
 				if (a.placement.includes("top")) return "column";
@@ -52,7 +56,7 @@ var y = ["onClick"], b = /* @__PURE__ */ a({
 				if (a.placement.includes("left")) return "row";
 				if (a.placement.includes("right")) return "row-reverse";
 			})()
-		})), E = _("tabs"), D = n(() => {
+		})), D = n(() => {
 			let e = {
 				flexDirection: a.placement.includes("top") || a.placement.includes("bottom") ? "row" : "column",
 				justifyContent: [
@@ -67,8 +71,9 @@ var y = ["onClick"], b = /* @__PURE__ */ a({
 		});
 		return (e, n) => (d(), r("div", {
 			class: s(["e-tabs", a.size]),
-			ref: "tabs",
-			style: c(T.value)
+			ref_key: "eTabsRef",
+			ref: C,
+			style: c(E.value)
 		}, [i("div", {
 			class: "e-tabs-header",
 			style: c(D.value)
@@ -79,7 +84,7 @@ var y = ["onClick"], b = /* @__PURE__ */ a({
 				"e-tabs-label" + e.name,
 				{ active: a.modelValue === e.name }
 			]),
-			onClick: (t) => w(e.name)
+			onClick: (t) => T(t.target, e.name)
 		}, g(e.label), 11, y))), 128)), n[0] ||= i("div", { class: "line" }, null, -1)], 4), i("div", {
 			class: "e-tabs-content",
 			style: c({ flexDirection: a.placement.includes("top") || a.placement.includes("bottom") ? "row" : "column" })

package/dist/packages/exploria-ui/src/utils/EDomUtil.js

@@ -1,8 +1,29 @@
 //#region src/utils/EDomUtil.ts
 var e = class {
 	static scrollIntoView(e) {
-		let { element: t, block: n, inline: r } = e, i = t.parentNode;
-		n && (n === "center" && (i.scrollTop = t.offsetTop + (i.clientHeight - t.offsetHeight) / 2), n === "start" && (i.scrollTop = t.offsetTop), n === "end" && (i.scrollTop = t.offsetTop + (i.offsetHeight - t.clientHeight))), r && (r === "center" && (i.scrollLeft = t.offsetLeft + (i.clientWidth - t.clientWidth) / 2), r === "start" && (i.scrollLeft = t.offsetLeft), r === "end" && (i.scrollLeft = t.offsetLeft + (i.offsetWidth - t.clientWidth)));
+		let { element: t, block: n = "start", inline: r = "start" } = e;
+		if (!t) return;
+		let i = t.parentElement;
+		if (!(i instanceof HTMLElement)) return;
+		let a = t.getBoundingClientRect(), { offsetTop: o, offsetLeft: s } = t, { clientHeight: c, clientWidth: l } = i, u = a.height, d = a.width;
+		if (n) switch (n) {
+			case "center":
+				i.scrollTop = o - (c - u) / 2;
+				break;
+			case "end":
+				i.scrollTop = o + u - c;
+				break;
+			default: i.scrollTop = o;
+		}
+		if (r) switch (r) {
+			case "center":
+				i.scrollLeft = s - (l - d) / 2;
+				break;
+			case "end":
+				i.scrollLeft = s + d - l;
+				break;
+			default: i.scrollLeft = s;
+		}
 	}
 };
 //#endregion

package/dist/plugins/EPreloadImageBuilder.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vite';
+declare const EPreloadImageBuilder: (options: {
+    pattern: string | string[];
+}) => Plugin;
+export default EPreloadImageBuilder;

package/dist/plugins/ESvgPolyfill.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vite';
+declare const ESvgPolyfill: () => Plugin;
+export default ESvgPolyfill;

package/dist/plugins/ESvgSpriteBuilder.d.ts

@@ -0,0 +1,6 @@
+import type { Plugin } from 'vite';
+declare const ESvgSpriteBuilder: (options: {
+    pattern: string;
+    symbolId: (filename: string) => string;
+}) => Plugin;
+export default ESvgSpriteBuilder;

package/{src/plugins/index.ts → dist/plugins/index.d.ts}

@@ -1,5 +1,4 @@
 import EPreloadImageBuilder from './EPreloadImageBuilder';
 import ESvgPolyfill from './ESvgPolyfill';
 import ESvgSpriteBuilder from './ESvgSpriteBuilder';
-
 export { ESvgSpriteBuilder, EPreloadImageBuilder, ESvgPolyfill };