exploria-ui 2026.2.31 → 2026.3.2

package/dist/packages/exploria-ui/src/components/form/EInput/EInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,165 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, inject as a, normalizeClass as o, onMounted as s, onUnmounted as c, openBlock as l, ref as u, renderSlot as d, unref as f, useCssVars as p, useSlots as m, useTemplateRef as h, vModelDynamic as g, vModelText as _, withDirectives as v } from "vue";
+//#region src/components/form/EInput/EInput.vue?vue&type=script&setup=true&lang.ts
+var y = {
+	key: 0,
+	class: "e-input__prefix"
+}, b = ["disabled", "placeholder"], x = [
+	"disabled",
+	"placeholder",
+	"min",
+	"max"
+], S = [
+	"disabled",
+	"type",
+	"placeholder"
+], C = {
+	key: 4,
+	class: "e-input__number-controller"
+}, w = {
+	key: 6,
+	class: "e-input__suffix"
+}, T = {
+	key: 7,
+	class: "e-input__suffix"
+}, E = ["src"], D = /* @__PURE__ */ i({
+	__name: "EInput",
+	props: {
+		type: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		placeholder: {},
+		clearable: { type: Boolean },
+		eyeTrigger: { default: "click" },
+		min: {},
+		max: {},
+		size: { default: "medium" },
+		src: {}
+	},
+	emits: [
+		"update:modelValue",
+		"click:img",
+		"focus",
+		"blur"
+	],
+	setup(i, { emit: D }) {
+		p((e) => ({
+			v53f8da20: f(P).prefix ? "0" : "8px",
+			v6f916d8a: L.value ? "8px" : "0"
+		}));
+		let O = h("input");
+		s(() => {
+			let e = O.value.querySelector(".e-input__eye");
+			if (e) {
+				let t = () => {
+					M.value = !M.value;
+				};
+				i.eyeTrigger === "hover" && (e.addEventListener("mouseenter", t), e.addEventListener("mouseleave", t)), i.eyeTrigger === "click" && e.addEventListener("click", t), i.eyeTrigger === "long-press" && (e.addEventListener("mousedown", t), e.addEventListener("mouseup", t)), i.eyeTrigger === "dblclick" && e.addEventListener("dblclick", t), c(() => {
+					e.removeEventListener("mouseenter", t), e.removeEventListener("mouseleave", t), e.removeEventListener("click", t), e.removeEventListener("mousedown", t), e.removeEventListener("mouseup", t), e.removeEventListener("dblclick", t);
+				});
+			}
+		});
+		let k = D, A = e({
+			get: () => i.modelValue,
+			set: (e) => {
+				k("update:modelValue", e);
+			}
+		}), j = a("isError", e(() => !1)), M = u(!1), N = u(!1), P = m(), F = () => {
+			N.value = !0, k("focus");
+		}, I = () => {
+			N.value = !1, k("blur");
+		}, L = e(() => [
+			P.suffix,
+			i.clearable,
+			i.type === "password"
+		].filter((e) => !!e).length >= 2);
+		return (e, a) => (l(), n("div", {
+			ref: "input",
+			class: o([
+				"e-input",
+				f(j) && "e-input--error",
+				`e-input--${i.size}`
+			])
+		}, [
+			f(P).prefix ? (l(), n("div", y, [d(e.$slots, "prefix", {}, void 0, !0)])) : t("", !0),
+			["captcha", "text"].includes(i.type) ? v((l(), n("input", {
+				key: 1,
+				disabled: i.disabled,
+				placeholder: i.placeholder,
+				onFocus: F,
+				onBlur: I,
+				type: "text",
+				"onUpdate:modelValue": a[0] ||= (e) => A.value = e
+			}, null, 40, b)), [[_, A.value]]) : i.type === "number" ? v((l(), n("input", {
+				key: 2,
+				disabled: i.disabled,
+				placeholder: i.placeholder,
+				onFocus: F,
+				onBlur: I,
+				type: "number",
+				"onUpdate:modelValue": a[1] ||= (e) => A.value = e,
+				min: i.min,
+				max: i.max
+			}, null, 40, x)), [[_, A.value]]) : i.type === "password" ? v((l(), n("input", {
+				key: 3,
+				disabled: i.disabled,
+				type: M.value ? "text" : "password",
+				"onUpdate:modelValue": a[2] ||= (e) => A.value = e,
+				placeholder: i.placeholder,
+				autocomplete: "off",
+				autocapitalize: "off",
+				onFocus: F,
+				onBlur: I
+			}, null, 40, S)), [[g, A.value]]) : t("", !0),
+			i.type === "number" ? (l(), n("div", C, [r("div", {
+				class: o(["e-input__number-controller-top", { "e-input__number-controller-top--disabled": i.max && Number(A.value) >= i.max }]),
+				onClick: a[3] ||= (e) => A.value = A.value === i.max ? i.max : Number(A.value) + 1
+			}, " + ", 2), r("div", {
+				class: o(["e-input__number-controller-bottom", { "e-input__number-controller-bottom--disabled": i.min && Number(A.value) <= i.min }]),
+				onClick: a[4] ||= (e) => A.value = A.value === i.min ? i.min : Number(A.value) - 1
+			}, " - ", 2)])) : t("", !0),
+			i.clearable && A.value.toString().length > 0 ? (l(), n("span", {
+				key: 5,
+				class: "e-input__controller iconfont icon-iov-clear e-input__controller--interactive",
+				onClick: a[5] ||= (e) => k("update:modelValue", "")
+			})) : t("", !0),
+			f(P).suffix ? (l(), n("div", w, [d(e.$slots, "suffix", {}, void 0, !0)])) : i.type === "password" && A.value ? (l(), n("div", T, [r("i", {
+				onClick: a[6] ||= () => {
+					i.eyeTrigger === "click" && (M.value = !M.value);
+				},
+				onDblclick: a[7] ||= () => {
+					i.eyeTrigger === "dblclick" && (M.value = !M.value);
+				},
+				onLongpress: a[8] ||= () => {
+					i.eyeTrigger === "long-press" && (M.value = !0);
+				},
+				onMouseup: a[9] ||= () => {
+					i.eyeTrigger === "long-press" && (M.value = !1);
+				},
+				onMouseleave: a[10] ||= () => {
+					i.eyeTrigger === "hover" && (M.value = !1);
+				},
+				onMouseenter: a[11] ||= () => {
+					i.eyeTrigger === "hover" && (M.value = !0);
+				},
+				class: o([
+					"e-input__eye",
+					"iconfont",
+					"e-input__eye--interactive",
+					M.value ? "icon-yanjing_xianshi_o" : "icon-yanjing_yincang_o"
+				])
+			}, null, 34)])) : t("", !0),
+			i.type === "captcha" ? (l(), n("img", {
+				key: 8,
+				src: i.src,
+				alt: "验证码",
+				style: {
+					height: "100%",
+					"background-color": "red"
+				},
+				onClick: a[12] ||= (e) => k("click:img")
+			}, null, 8, E)) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { D as default };

package/dist/packages/exploria-ui/src/components/form/ERadio.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./ERadio.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                            */
+//#region src/components/form/ERadio.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a51ea617"]]);
+//#endregion
+export { n as default };

package/dist/packages/exploria-ui/src/components/form/ERadio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
+//#region src/components/form/ERadio.vue?vue&type=script&setup=true&lang.ts
+var s = {
+	key: 0,
+	t: "1771315717569",
+	viewBox: "0 0 1024 1024",
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "200",
+	height: "200"
+}, c = { class: "e-radio__label" }, l = /* @__PURE__ */ r({
+	__name: "ERadio",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "medium" }
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: l }) {
+		let u = l;
+		return (l, d) => (a(), t("label", {
+			class: i([
+				"e-radio",
+				`e-radio--${r.size}`,
+				{ "e-radio--checked": r.modelValue }
+			]),
+			onClick: d[0] ||= (e) => u("update:modelValue", !r.modelValue)
+		}, [n("span", { class: i(["e-radio__icon", [`e-radio__icon--${r.size}`, { "e-radio__icon--checked": r.modelValue }]]) }, [r.modelValue ? (a(), t("svg", s, [...d[1] ||= [n("path", {
+			d: "M422.4 802.133333L128 512l29.866667-29.866667 264.533333 264.533334L908.8 256l29.866667 29.866667L422.4 802.133333z",
+			fill: "#fff"
+		}, null, -1)]])) : e("", !0)], 2), n("span", c, [o(l.$slots, "default", {}, void 0, !0)])], 2));
+	}
+});
+//#endregion
+export { l as default };

package/dist/packages/exploria-ui/src/components/form/ESelect/ESelect.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./ESelect.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
+//#region src/components/form/ESelect/ESelect.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-8393a1c7"]]);
+//#endregion
+export { n as default };

package/dist/packages/exploria-ui/src/components/form/ESelect/ESelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,82 @@
+import e from "../../../utils/EUUIDUtil.js";
+import { usePosition as t } from "../../hooks/usePosition.js";
+import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, isRef as m, normalizeClass as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useTemplateRef as w, withCtx as T, withModifiers as E } from "vue";
+//#region src/components/form/ESelect/ESelect.vue?vue&type=script&setup=true&lang.ts
+var D = ["data-id"], O = ["onClick"], k = /* @__PURE__ */ f({
+	__name: "ESelect",
+	props: {
+		modelValue: {},
+		items: {},
+		size: { default: "medium" },
+		placement: { default: "start" }
+	},
+	emits: ["update:model-value"],
+	setup(f, { emit: k }) {
+		let A = k, j = a({
+			get: () => f.modelValue,
+			set: (e) => A("update:model-value", e)
+		}), M = b(!1), N = w("eSelectRef"), { position: P, arrowPosition: F, arrowSize: I, resetPosition: L, computePositionByRect: R, _computePosition: z } = t(a(() => `bottom-${f.placement}`).value, f.size, !0), B = () => M.value = !1;
+		_(() => {
+			window.addEventListener("click", B);
+		}), v(() => {
+			window.removeEventListener("click", B);
+		});
+		let V = b(!1), H = p()?.uid || e.generate(), U;
+		return (e, t) => (y(), c("div", {
+			ref_key: "eSelectRef",
+			ref: N,
+			class: h([
+				"e-select",
+				f.size,
+				V.value && "hover"
+			]),
+			"data-id": C(H),
+			onMouseenter: t[3] ||= (e) => V.value = !0,
+			onMouseleave: t[4] ||= (e) => V.value = !1,
+			onClick: t[5] ||= E((e) => {
+				let t = e.currentTarget, n = t.getBoundingClientRect();
+				M.value = !M.value, M.value ? (C(L)(), C(R)(n), m(U) ? U.value = C(z)(t) : U = C(z)(t)) : C(U)?.();
+			}, ["stop"])
+		}, [
+			u(S(f.items.find((e) => e.value == j.value)?.label) + " ", 1),
+			t[6] ||= l("span", {
+				style: { "font-family": "'iconfont-select', serif" },
+				class: "icon-xia"
+			}, null, -1),
+			(y(), o(r, { to: "body" }, [d(i, { onEnter: t[2] ||= (e) => {
+				e.animate([{ clipPath: "inset(0 0 100% 0)" }, { clipPath: "inset(0 0 0 0)" }], { duration: 0 }).play();
+			} }, {
+				default: T(() => [M.value ? (y(), c("div", {
+					key: 0,
+					class: "e-select-option-list",
+					onMouseenter: t[0] ||= (e) => V.value = !0,
+					onMouseleave: t[1] ||= (e) => V.value = !1,
+					style: g({
+						left: `${C(P).left}px`,
+						top: `${C(P).top}px`,
+						transform: `translateX(${C(P).translateX}) translateY(${C(P).translateY})`,
+						minWidth: `${N.value?.offsetWidth}px`
+					})
+				}, [l("div", {
+					class: "e-select-arrow",
+					style: g({
+						height: `${C(I)}px`,
+						width: `${C(I)}px`,
+						left: C(F).left,
+						top: C(F).top,
+						clipPath: C(F).clipPath
+					})
+				}, null, 4), (y(!0), c(n, null, x(f.items, (e, t) => (y(), c("div", {
+					class: h(["option", f.size]),
+					key: t,
+					onClick: E(() => {
+						j.value = e.value, M.value = !1, V.value = !1;
+					}, ["stop"])
+				}, S(e.label), 11, O))), 128))], 36)) : s("", !0)]),
+				_: 1
+			})]))
+		], 42, D));
+	}
+});
+//#endregion
+export { k as default };

package/dist/packages/exploria-ui/src/components/form/ESlider.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./ESlider.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
+//#region src/components/form/ESlider.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-360719d0"]]);
+//#endregion
+export { n as default };

package/dist/packages/exploria-ui/src/components/form/ESlider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import e from "../feedback/ETooltip.vue.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, ref as c, useTemplateRef as l, watchEffect as u, withCtx as d, withModifiers as f } from "vue";
+//#region src/components/form/ESlider.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ i({
+	__name: "ESlider",
+	props: {
+		modelValue: {},
+		min: {},
+		max: {},
+		step: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "medium" },
+		showValue: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: p }) {
+		let m = p, h = l("eSliderRef"), g = c(0);
+		u(() => {
+			g.value = (i.modelValue - i.min) / (i.max - i.min);
+		});
+		let _ = (e) => e < 0 ? i.min : e > 1 ? i.max : i.step ? Math.round((e * (i.max - i.min) + i.min) / i.step) * i.step : e * (i.max - i.min) + i.min, v = c(!1), y = (e) => {
+			if (v.value = !0, i.disabled) return;
+			let t = h.value.querySelector(".e-slider__track").getBoundingClientRect(), n = e.pageX, r = g.value;
+			window.onmousemove = (e) => {
+				m("update:modelValue", _(r + (e.pageX - n) / t.width));
+			}, window.onmouseup = () => {
+				v.value = !1, window.onmousemove = null, window.onmouseup = null;
+			};
+		};
+		return (c, l) => (s(), t("div", {
+			class: a(["e-slider", [`e-slider--${i.size}`, { "e-slider--disabled": i.disabled }]]),
+			ref_key: "eSliderRef",
+			ref: h
+		}, [n("div", {
+			class: a(["e-slider__track", `e-slider__track--${i.size}`]),
+			onMousedown: l[2] ||= (e) => {
+				if (i.disabled) return;
+				let t = e.currentTarget;
+				m("update:modelValue", _(e.offsetX / t.offsetWidth));
+			}
+		}, [n("div", {
+			class: "e-slider__track-fill",
+			style: o({ width: `${g.value * 100}%` })
+		}, null, 4), r(e, {
+			open: i.showValue,
+			placement: "top",
+			content: i.modelValue.toString(),
+			style: o([{ left: `${g.value * 100}%` }, {
+				position: "absolute",
+				top: "50%",
+				right: "0",
+				"user-select": "none"
+			}])
+		}, {
+			default: d(() => [n("div", {
+				class: a(["e-slider__thumb", { "e-slider__thumb--disabled": i.disabled }]),
+				onMousedown: f(y, ["stop"]),
+				onMouseenter: l[0] ||= (e) => v.value = !0,
+				onMouseleave: l[1] ||= (e) => v.value = !1
+			}, null, 34)]),
+			_: 1
+		}, 8, [
+			"open",
+			"content",
+			"style"
+		])], 34)], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/packages/exploria-ui/src/components/form/ETimePicker.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./ETimePicker.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                 */
+//#region src/components/form/ETimePicker.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-29f6aca7"]]);
+//#endregion
+export { n as default };

package/dist/packages/exploria-ui/src/components/form/ETimePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,89 @@
+import e from "../../utils/EDomUtil.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onMounted as s, openBlock as c, renderList as l, toDisplayString as u, unref as d, useTemplateRef as f } from "vue";
+//#region src/components/form/ETimePicker.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ a({
+	__name: "ETimePicker",
+	props: {
+		time: {},
+		size: { default: "default" }
+	},
+	emits: ["update:time"],
+	setup(a, { emit: p }) {
+		let m = p, h = f("eTimePickerRef");
+		function g(e) {
+			let t = e.currentTarget, n = e.pageY, r = t.scrollTop;
+			window.onmousemove = (e) => {
+				t.scrollTop = r + (n - e.pageY), window.onmouseup = () => {
+					let e = t.children[0];
+					t.scrollTop = Math.round(t.scrollTop / e.clientHeight) * e.clientHeight, window.onmousemove = null, window.onmouseup = null;
+				};
+			};
+		}
+		let _ = Array.from({ length: 24 }, (e, t) => t.toString().padStart(2, "0")), v = Array.from({ length: 60 }, (e, t) => t.toString().padStart(2, "0"));
+		s(() => {
+			let t = h.value.querySelector(".h"), n = h.value.querySelector(".m"), r = Array.from(t.children).filter((e) => e.innerText === y(a.time).split(":")[0])[0], i = Array.from(n.children).filter((e) => e.innerText === y(a.time).split(":")[1])[0];
+			e.scrollIntoView({
+				element: r,
+				block: "center"
+			}), e.scrollIntoView({
+				element: i,
+				block: "center"
+			});
+		});
+		let y = (e) => {
+			let t = String(e.getHours()).padStart(2, "0"), n = String(e.getMinutes()).padStart(2, "0");
+			return "HH:mm".replace("HH", t).replace("mm", n);
+		}, b = n({
+			get() {
+				return y(a.time);
+			},
+			set(e) {
+				let [t, n] = e.split(":");
+				m("update:time", new Date(0, 0, 0, Number(t), Number(n)));
+			}
+		}), x = (e) => {
+			let t = e.currentTarget, n = Math.round(t.scrollTop / (t.scrollHeight / _.length));
+			b.value = b.value.replace(/\d{2}/, n.toString());
+		}, S = (e) => {
+			let t = e.currentTarget, n = Math.round(t.scrollTop / (t.scrollHeight / v.length));
+			b.value = b.value.replace(/\d{2}$/, n.toString());
+		};
+		return (n, s) => (c(), r("div", {
+			class: o(["e-time-picker", a.size]),
+			ref_key: "eTimePickerRef",
+			ref: h
+		}, [
+			i("div", {
+				class: "h",
+				onMousedown: g,
+				onScroll: x
+			}, [(c(!0), r(t, null, l(d(_), (t) => (c(), r("div", {
+				class: "item",
+				key: t,
+				onClick: s[0] ||= (t) => {
+					d(e).scrollIntoView({
+						element: t.target,
+						block: "center"
+					});
+				}
+			}, u(t), 1))), 128))], 32),
+			s[2] ||= i("div", { class: "icon" }, ":", -1),
+			i("div", {
+				class: "m",
+				onMousedown: g,
+				onScroll: S
+			}, [(c(!0), r(t, null, l(d(v), (t) => (c(), r("div", {
+				class: "item",
+				key: t,
+				onClick: s[1] ||= (t) => {
+					d(e).scrollIntoView({
+						element: t.target,
+						block: "center"
+					});
+				}
+			}, u(t), 1))), 128))], 32)
+		], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/packages/exploria-ui/src/components/geometry/ECube.vue.js

@@ -0,0 +1,11 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                           */
+import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+//#region src/components/geometry/ECube.vue
+var i = {}, a = { class: "cube" };
+function o(e, i) {
+	return r(), t("div", a, [...i[0] ||= [n("<div class=\"plane top\" data-v-0ea5b937></div><div class=\"plane bottom\" data-v-0ea5b937></div><div class=\"plane front\" data-v-0ea5b937></div><div class=\"plane back\" data-v-0ea5b937></div><div class=\"plane right\" data-v-0ea5b937></div><div class=\"plane left\" data-v-0ea5b937></div><div class=\"cube-inner\" data-v-0ea5b937><div class=\"plane top\" data-v-0ea5b937></div><div class=\"plane bottom\" data-v-0ea5b937></div><div class=\"plane front\" data-v-0ea5b937></div><div class=\"plane back\" data-v-0ea5b937></div><div class=\"plane right\" data-v-0ea5b937></div><div class=\"plane left\" data-v-0ea5b937></div></div>", 7)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o], ["__scopeId", "data-v-0ea5b937"]]);
+//#endregion
+export { s as default };

package/dist/packages/exploria-ui/src/components/hooks/usePosition.js

@@ -0,0 +1,42 @@
+import { reactive as e } from "vue";
+//#region src/components/hooks/usePosition.ts
+var t = (t, n, r) => {
+	let i = r ? {
+		large: 12,
+		medium: 8,
+		small: 6
+	}[n] : 0, a = e({
+		left: 0,
+		top: 0,
+		translateX: "0",
+		translateY: "0"
+	}), o = e({
+		left: "0",
+		top: "0",
+		clipPath: ""
+	}), s = () => {
+		a.left = 0, a.top = 0, a.translateX = "0", a.translateY = "0";
+	}, c = (e) => {
+		t.startsWith("top") && (a.left = e.left + e.width / 2, a.translateX = "-50%", a.top = e.top - i, a.translateY = "-100%", o.left = `calc(50% - ${i / 2}px)`, o.top = "100%", o.clipPath = "polygon(0% 0%, 100% 0%, 50% 100%)", t.endsWith("start") ? (a.left = e.left, a.translateX = "0", o.left = `${e.width / 2 - i / 2}px`) : t.endsWith("end") && (a.left = e.left + e.width, a.translateX = "-100%", o.left = `calc(100% - ${e.width / 2 + i / 2}px)`)), t.startsWith("bottom") && (a.left = e.left + e.width / 2, a.translateX = "-50%", a.top = e.bottom + i, o.left = `calc(50% - ${i / 2}px)`, o.clipPath = "polygon(0% 100%, 50% 0%, 100% 100%)", o.top = `-${i}px`, t.endsWith("start") ? (a.left = e.left, a.translateX = "0%", o.left = `${e.width / 2 - i / 2}px`) : t.endsWith("end") && (a.left = e.left + e.width, a.translateX = "-100%", o.left = `calc(100% - ${e.width / 2 + i / 2}px)`)), t.startsWith("left") && (a.left = e.left - i, a.translateX = "-100%", a.top = e.top + e.height / 2, a.translateY = "-50%", o.left = "100%", o.clipPath = "polygon(0% 0%, 100% 50%, 0% 100%)", o.top = `calc(50% - ${i / 2}px)`, t.endsWith("start") ? (a.top = e.top, a.translateY = "0%", o.top = e.height / 2 - i / 2 + "px") : t.endsWith("end") && (a.top = e.top + e.height, a.translateY = "-100%", o.top = `calc(100% - ${e.height / 2 + i / 2}px)`)), t.startsWith("right") && (a.left = e.right + i, a.top = e.top + e.height / 2, a.translateY = "-50%", o.left = `-${i}px`, o.clipPath = "polygon(0% 50%, 100% 0%, 100% 100%)", o.top = `calc(50% - ${i / 2}px)`, t.endsWith("start") ? (a.top = e.top, a.translateY = "0", o.top = e.height / 2 - i / 2 + "px") : t.endsWith("end") && (a.top = e.top + e.height, a.translateY = "-100%", o.top = `calc(100% - ${e.height / 2 + i / 2}px)`));
+	};
+	return {
+		position: a,
+		arrowPosition: o,
+		arrowSize: i,
+		DELAY_TIME: 100,
+		resetPosition: s,
+		computePositionByRect: c,
+		_computePosition: (e) => {
+			let t = () => c(e.getBoundingClientRect()), n = new MutationObserver(t), r = new ResizeObserver(t);
+			return r.observe(e), window.onresize = t, window.addEventListener("scroll", t, !0), n.observe(e.parentNode, {
+				attributes: !0,
+				childList: !0,
+				subtree: !0
+			}), () => {
+				r.disconnect(), window.onresize = null, window.removeEventListener("scroll", t, !0), n.disconnect();
+			};
+		}
+	};
+};
+//#endregion
+export { t as usePosition };

package/dist/packages/exploria-ui/src/components/layout/EContainerWithScrollbar.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./EContainerWithScrollbar.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                             */
+//#region src/components/layout/EContainerWithScrollbar.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-9c812bf8"]]);
+//#endregion
+export { n as default };

package/dist/packages/exploria-ui/src/components/layout/EContainerWithScrollbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import e from "./EScrollbar.vue.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, renderSlot as o } from "vue";
+//#region src/components/layout/EContainerWithScrollbar.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "e-container-with-scrollbar" }, c = { class: "content" }, l = /* @__PURE__ */ i({
+	__name: "EContainerWithScrollbar",
+	props: {
+		scrollbarThumbColor: { default: "#ffffff" },
+		scrollbarThumbMarginRight: { default: "2px" },
+		scrollbarWidth: { default: "4px" }
+	},
+	emits: ["scroll"],
+	setup(i, { emit: l }) {
+		let u = l;
+		return (l, d) => (a(), t("div", s, [n("div", c, [o(l.$slots, "default", {}, void 0, !0)]), r(e, {
+			onScroll: d[0] ||= (e) => u("scroll", e),
+			scrollbarThumbMarginRight: i.scrollbarThumbMarginRight,
+			scrollbarWidth: i.scrollbarWidth,
+			"scrollbar-thumb-color": i.scrollbarThumbColor
+		}, null, 8, [
+			"scrollbarThumbMarginRight",
+			"scrollbarWidth",
+			"scrollbar-thumb-color"
+		])]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/packages/exploria-ui/src/components/layout/EDivider.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./EDivider.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                              */
+//#region src/components/layout/EDivider.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-1368e8aa"]]);
+//#endregion
+export { n as default };

package/dist/packages/exploria-ui/src/components/layout/EDivider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,15 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/layout/EDivider.vue?vue&type=script&setup=true&lang.ts
+var o = { class: "one-divider-text" }, s = /* @__PURE__ */ n({
+	__name: "EDivider",
+	props: { direction: { default: "left" } },
+	setup(n) {
+		return (s, c) => (i(), e("div", { class: r(["one-divider", n.direction]) }, [
+			c[0] ||= t("div", { class: "one-divider-line" }, null, -1),
+			t("div", o, [a(s.$slots, "default", {}, void 0, !0)]),
+			c[1] ||= t("div", { class: "one-divider-line" }, null, -1)
+		], 2));
+	}
+});
+//#endregion
+export { s as default };

package/dist/packages/exploria-ui/src/components/layout/EScrollX.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./EScrollX.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                              */
+//#region src/components/layout/EScrollX.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-3b883da6"]]);
+//#endregion
+export { n as default };

package/dist/packages/exploria-ui/src/components/layout/EScrollX.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeStyle as r, onBeforeUnmount as i, onMounted as a, openBlock as o, reactive as s, renderSlot as c, useTemplateRef as l } from "vue";
+//#region src/components/layout/EScrollX.vue?vue&type=script&setup=true&lang.ts
+var u = {
+	class: "e-scroll-y",
+	ref: "scroll-y"
+}, d = /* @__PURE__ */ n({
+	__name: "EScrollX",
+	setup(n) {
+		let d = s({
+			width: 0,
+			height: 0
+		}), f = l("scroll-y"), p = new ResizeObserver((e) => {
+			let t = e[0].contentRect;
+			d.width = t.width, d.height = t.height;
+		});
+		return a(() => {
+			p.observe(f.value);
+		}), i(() => {
+			p.unobserve(f.value);
+		}), (n, i) => (o(), e("div", u, [t("div", {
+			class: "v-scroll",
+			style: r({
+				transform: `translateY(${d.height + "px"}) rotate(-90deg)`,
+				height: d.width + "px",
+				width: d.height + "px"
+			})
+		}, [t("div", {
+			class: "content",
+			style: r({ height: d.height + "px" })
+		}, [c(n.$slots, "default", {}, void 0, !0)], 4)], 4)], 512));
+	}
+});
+//#endregion
+export { d as default };

package/dist/packages/exploria-ui/src/components/layout/EScrollbar.vue.js

@@ -0,0 +1,7 @@
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./EScrollbar.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                */
+//#region src/components/layout/EScrollbar.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-8d7de205"]]);
+//#endregion
+export { n as default };