exploria-ui 2026.8.28 → 2026.10.2

package/dist/src/components/feedback/EMessage/EMessage.js

@@ -1,69 +1,81 @@
 import { nextZIndex as e } from "../../hooks/useZIndex.js";
-import t from "./EMessage.vue.js";
-import { createApp as n } from "vue";
+import { createContainerContext as t } from "../../hooks/useContainer.js";
+import n from "./EMessage.vue.js";
+import { createApp as r } from "vue";
 //#region src/components/feedback/EMessage/EMessage.ts
-var r = [], i = 10, a = 10, o = "cubic-bezier(0.4, 0, 0.2, 1)", s = 300, c = class c {
-	static layout() {
-		let e = a;
-		for (let t of r) t.style.top = `${e}px`, e += t.offsetHeight + i;
+var i = new Map(), a = 10, o = 10, s = "cubic-bezier(0.4, 0, 0.2, 1)", c = 300, l = class l {
+	static getMessageState(e) {
+		let t = i.get(e.container);
+		if (t) return t;
+		let n = {
+			context: e,
+			list: [],
+			dispose: () => {}
+		};
+		return n.dispose = e.observe(() => l.layout(n)), i.set(e.container, n), n;
 	}
-	static centerElement(e) {
-		let t = e.offsetWidth;
-		e.style.left = `calc(50% - ${t / 2}px)`;
+	static layout(e) {
+		let { context: t, list: n } = e, r = t.getBox(), i = o;
+		for (let e of n) e.style.top = `${t.toLocal(0, r.top + i).top}px`, e.style.left = `${t.center(e.offsetWidth, e.offsetHeight).left}px`, i += e.offsetHeight + a;
 	}
-	static flipExisting() {
-		let e = new Map();
-		for (let t of r) {
-			let n = t.getBoundingClientRect();
-			e.set(t, n.top);
+	static flipExisting(e, t) {
+		let { list: n } = e, r = new Map();
+		for (let e of n) {
+			if (e === t) continue;
+			let n = e.getBoundingClientRect();
+			r.set(e, n.top);
 		}
-		c.layout();
-		for (let t of r) {
-			let n = e.get(t);
+		l.layout(e);
+		for (let e of n) {
+			if (e === t) continue;
+			let n = r.get(e);
 			if (n === void 0) continue;
-			let r = t.getBoundingClientRect().top - n;
-			r !== 0 && t.animate([{ transform: `translateY(${-r}px)` }, { transform: "translateY(0)" }], {
-				duration: s,
-				easing: o
+			let i = e.getBoundingClientRect().top - n;
+			i !== 0 && e.animate([{ transform: `translateY(${-i}px)` }, { transform: "translateY(0)" }], {
+				duration: c,
+				easing: s
 			});
 		}
 	}
-	static show(i, l, u = 1.7) {
-		let d = document.createElement("div");
-		d.style.position = "fixed", d.style.userSelect = "none", d.style.zIndex = String(e()), document.body.append(d);
-		let f = n(t, {
-			type: l,
+	static releaseState(e) {
+		e.list.length > 0 || (e.dispose(), i.delete(e.context.container));
+	}
+	static show(i, a, u = 1.7, d) {
+		let f = t(d), p = l.getMessageState(f), m = document.createElement("div");
+		m.style.position = f.positionMode, m.style.userSelect = "none", m.style.zIndex = String(e()), f.container.append(m);
+		let h = r(n, {
+			type: a,
 			msg: i
 		});
-		f.mount(d), c.centerElement(d);
-		let p = r.length > 0 ? r[r.length - 1] : null, m = new Map();
-		for (let e of r) {
+		h.mount(m);
+		let { list: g } = p, _ = new Map();
+		for (let e of g) {
 			let t = e.getBoundingClientRect();
-			m.set(e, t.top);
+			_.set(e, t.top);
 		}
-		let h = p ? p.getBoundingClientRect().bottom : a;
-		r.push(d), c.layout();
-		for (let e of r) {
-			if (e === d) continue;
-			let t = m.get(e);
+		let v = g.length > 0 ? g[g.length - 1] : null, y = v ? v.getBoundingClientRect().bottom : f.getBox().top + o;
+		g.push(m), l.layout(p);
+		for (let e of g) {
+			if (e === m) continue;
+			let t = _.get(e);
 			if (t === void 0) continue;
 			let n = e.getBoundingClientRect().top - t;
 			n !== 0 && e.animate([{ transform: `translateY(${-n}px)` }, { transform: "translateY(0)" }], {
-				duration: s,
-				easing: o
+				duration: c,
+				easing: s
 			});
 		}
-		let g = d.getBoundingClientRect().top - h;
-		d.animate([
+		let b = m.getBoundingClientRect().top - y;
+		m.animate([
 			{
 				opacity: 0,
-				transform: `translateY(${g}px)`,
+				transform: `translateY(${b}px)`,
 				offset: 0,
 				easing: "linear"
 			},
 			{
 				opacity: 1,
-				transform: `translateY(${g}px)`,
+				transform: `translateY(${b}px)`,
 				offset: .15,
 				easing: "linear"
 			},
@@ -72,13 +84,13 @@ var r = [], i = 10, a = 10, o = "cubic-bezier(0.4, 0, 0.2, 1)", s = 300, c = cla
 				transform: "translateY(0)",
 				offset: 1
 			}
-		], { duration: s });
-		let _ = !1, v = () => {
-			if (_) return;
-			_ = !0;
-			let e = r.indexOf(d);
-			e > -1 && (r.splice(e, 1), c.flipExisting());
-			let t = d.animate([
+		], { duration: c });
+		let x = !1, S = () => {
+			if (x) return;
+			x = !0;
+			let e = g.indexOf(m);
+			e > -1 && (g.splice(e, 1), l.flipExisting(p, m), l.releaseState(p));
+			let t = m.animate([
 				{
 					opacity: 1,
 					transform: "translateY(0)",
@@ -87,37 +99,37 @@ var r = [], i = 10, a = 10, o = "cubic-bezier(0.4, 0, 0.2, 1)", s = 300, c = cla
 				},
 				{
 					opacity: 1,
-					transform: `translateY(${g}px)`,
+					transform: `translateY(${b}px)`,
 					offset: .85,
 					easing: "linear"
 				},
 				{
 					opacity: 0,
-					transform: `translateY(${g}px)`,
+					transform: `translateY(${b}px)`,
 					offset: 1
 				}
-			], { duration: s });
+			], { duration: c });
 			t.onfinish = () => {
-				f.unmount(), d.remove();
+				h.unmount(), m.remove();
 			};
 		};
-		return u > 0 && setTimeout(v, u * 1e3), v;
+		return u > 0 && setTimeout(S, u * 1e3), S;
 	}
-	static loading(e) {
-		return c.show(e, "loading", 0);
+	static loading(e, t) {
+		return l.show(e, "loading", 0, t);
 	}
-	static success(e, t) {
-		return c.show(e, "success", t);
+	static success(e, t, n) {
+		return l.show(e, "success", t, n);
 	}
-	static error(e, t) {
-		return c.show(e, "error", t);
+	static error(e, t, n) {
+		return l.show(e, "error", t, n);
 	}
-	static info(e, t) {
-		return c.show(e, "info", t);
+	static info(e, t, n) {
+		return l.show(e, "info", t, n);
 	}
-	static warning(e, t) {
-		return c.show(e, "warning", t);
+	static warning(e, t, n) {
+		return l.show(e, "warning", t, n);
 	}
 };
 //#endregion
-export { c as default };
+export { l as default };

package/dist/src/components/feedback/EMessageBox/EMessageBox.js

@@ -1,26 +1,27 @@
 import { nextZIndex as e } from "../../hooks/useZIndex.js";
-import t from "./EMessageBox.vue.js";
-import { createApp as n } from "vue";
+import { createContainerContext as t } from "../../hooks/useContainer.js";
+import n from "./EMessageBox.vue.js";
+import { createApp as r, reactive as i } from "vue";
 //#region src/components/feedback/EMessageBox/EMessageBox.ts
-var r = (e) => e ? "$el" in e ? e.$el : e : null, i = class i {
-	static show(i, a, o) {
-		return new Promise((s) => {
-			let c = document.createElement("div");
-			c.style.position = "fixed", c.style.inset = "0", c.style.display = "grid", c.style.placeItems = "center", c.style.backgroundColor = "var(--e-message-box-mask-background-color)", c.style.zIndex = String(e());
-			let l = r(o?.animationReferenceElement), u = () => {
-				if (!l) return "translate(0,0) scale(0)";
-				let e = l.getBoundingClientRect(), t = c.querySelector(".e-message-box");
+var a = class a {
+	static show(a, o, s) {
+		return new Promise((c) => {
+			let l = t(s?.mountPoint), u = l.container.dataset.eContainerPositioned === "true", d = document.createElement("div");
+			d.dataset.eMessageBoxMask = "true", d.style.display = "grid", d.style.placeItems = "center", d.style.backgroundColor = "var(--e-message-box-mask-background-color)", d.style.backdropFilter = "blur(5px)", d.style.zIndex = String(e()), d.style.opacity = "0", l.cover(d);
+			let f = document.activeElement, p = f instanceof HTMLElement && f !== document.body && f !== document.documentElement ? f : null, m = s?.animationReferenceElement ?? p, h = () => {
+				if (!m) return "translate(0,0) scale(0)";
+				let e = m.getBoundingClientRect(), t = d.querySelector(".e-message-box");
 				if (!t) return "translate(0,0) scale(0)";
 				let n = t.getBoundingClientRect(), r = e.width / n.width, i = e.height / n.height;
 				return `translate(${e.left + e.width / 2 - (n.left + n.width / 2)}px,${e.top + e.height / 2 - (n.top + n.height / 2)}px) scale(${r},${i})`;
-			}, d = (e, t) => {
-				let n = c.querySelector(".e-message-box");
+			}, g = (e, t) => {
+				let n = d.querySelector(".e-message-box");
 				if (!n) {
 					t?.();
 					return;
 				}
 				if (e === "enter") {
-					let e = u();
+					let e = h();
 					n.style.transformOrigin = "center center", n.style.transform = e, requestAnimationFrame(() => {
 						let t = n.animate([
 							{
@@ -48,7 +49,7 @@ var r = (e) => e ? "$el" in e ? e.$el : e : null, i = class i {
 				} else {
 					let e = window.getComputedStyle(n).transform;
 					n.style.transformOrigin = "center center";
-					let r = l && l.isConnected ? u() : "translate(0,0) scale(0)", i = n.animate([
+					let r = m && m.isConnected ? h() : "translate(0,0) scale(0)", i = n.animate([
 						{
 							opacity: 1,
 							transform: e,
@@ -69,66 +70,84 @@ var r = (e) => e ? "$el" in e ? e.$el : e : null, i = class i {
 					], { duration: 300 });
 					t && (i.onfinish = t);
 				}
-			}, f = (e) => {
-				d("leave", () => {
-					c.remove(), s(e);
+			}, _ = l.observe(() => l.cover(d)), v = i({ confirmButtonLoading: !1 }), y = !1, b = (e) => {
+				if (y) return;
+				y = !0;
+				let t = getComputedStyle(d).opacity || "1";
+				Promise.all([new Promise((e) => g("leave", () => e())), new Promise((e) => {
+					d.animate([{ opacity: t }, { opacity: 0 }], {
+						duration: 300,
+						easing: "linear"
+					}).onfinish = () => e();
+				})]).then(() => {
+					_(), d.remove(), u && l.container.querySelectorAll("[data-e-message-box-mask]").length === 0 && (l.container.style.position = "", delete l.container.dataset.eContainerPositioned), c(e);
 				});
+			}, x = (e, t) => {
+				s?.beforeClose ? s.beforeClose(e, v, () => b(t)) : b(t);
 			};
-			n(t, {
-				title: o?.title,
-				message: i,
-				type: a,
-				width: o?.width,
-				okText: o?.okText,
-				cancelText: o?.cancelText,
+			r(n, {
+				title: s?.title,
+				message: a,
+				type: o,
+				width: s?.width,
+				okText: s?.okText,
+				cancelText: s?.cancelText,
+				instance: v,
 				onOk: (e) => {
-					f(a !== "prompt" || e);
+					x("confirm", o !== "prompt" || e);
 				},
 				onClose: () => {
-					f(!1);
+					x("close", !1);
 				},
 				onCancel: () => {
-					f(!1);
+					x("cancel", !1);
 				}
-			}).mount(c), document.body.appendChild(c), d("enter");
+			}).mount(d), l.container.appendChild(d), requestAnimationFrame(() => {
+				d.animate([{ opacity: 0 }, { opacity: 1 }], {
+					duration: 300,
+					easing: "linear"
+				}).onfinish = () => {
+					d.style.opacity = "";
+				};
+			}), g("enter");
 		});
 	}
 	static confirm(e, t, n) {
-		return i.show(e, "confirm", {
+		return a.show(e, "confirm", {
 			title: t,
 			...n
 		});
 	}
 	static prompt(e, t, n) {
-		return i.show(e, "prompt", {
+		return a.show(e, "prompt", {
 			title: t,
 			...n
 		});
 	}
 	static warning(e, t, n) {
-		return i.show(e, "warning", {
+		return a.show(e, "warning", {
 			title: t,
 			...n
 		});
 	}
 	static success(e, t, n) {
-		return i.show(e, "success", {
+		return a.show(e, "success", {
 			title: t,
 			...n
 		});
 	}
 	static error(e, t, n) {
-		return i.show(e, "error", {
+		return a.show(e, "error", {
 			title: t,
 			...n
 		});
 	}
 	static info(e, t, n) {
-		return i.show(e, "info", {
+		return a.show(e, "info", {
 			title: t,
 			...n
 		});
 	}
 };
 //#endregion
-export { i as default };
+export { a as default };

package/dist/src/components/feedback/EMessageBox/EMessageBox.vue.js

@@ -2,6 +2,6 @@ import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./EMessageBox.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                 */
 //#region src/components/feedback/EMessageBox/EMessageBox.vue
-var n = e(t, [["__scopeId", "data-v-942dd795"]]);
+var n = e(t, [["__scopeId", "data-v-3278b5ff"]]);
 //#endregion
 export { n as default };

package/dist/src/components/feedback/EMessageBox/EMessageBox.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import e from "../../form/EInput/EInput.vue.js";
-import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, toDisplayString as u, unref as d } from "vue";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, isVNode as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, toDisplayString as p, unref as m, vShow as h, withDirectives as g } from "vue";
 //#region src/components/feedback/EMessageBox/EMessageBox.vue?vue&type=script&setup=true&lang.ts
-var f = { class: "e-message-box__header" }, p = {
+var _ = { class: "e-message-box__header" }, v = {
 	key: 0,
 	class: "e-message-box__title"
-}, m = { class: "e-message-box__content" }, h = { class: "e-message-box__message" }, g = { class: "e-message-box__footer" }, _ = a({
+}, y = { class: "e-message-box__content" }, b = { class: "e-message-box__message" }, x = { class: "e-message-box__footer" }, S = ["disabled"], C = { class: "e-message-box__spinner" }, w = s({
 	__name: "EMessageBox",
 	props: {
 		type: {},
@@ -12,58 +12,63 @@ var f = { class: "e-message-box__header" }, p = {
 		message: {},
 		width: {},
 		okText: { default: "确定" },
-		cancelText: { default: "取消" }
+		cancelText: { default: "取消" },
+		instance: {}
 	},
 	emits: [
 		"ok",
 		"close",
 		"cancel"
 	],
-	setup(a, { emit: _ }) {
-		let v = _, y = l(""), b = () => {
-			v("close");
-		}, x = () => {
-			v("cancel");
-		}, S = {
+	setup(s, { emit: w }) {
+		let T = (e) => e.vnode, E = w, D = f(""), O = () => {
+			E("close");
+		}, k = () => {
+			E("cancel");
+		}, A = {
 			success: "icon-chenggong",
 			warning: "icon-jinggao",
 			danger: "icon-guanbi",
 			info: "icon-info",
 			error: "icon-guanbi"
-		}, C = [
+		}, j = [
 			"success",
 			"warning",
 			"danger",
 			"info",
 			"error"
-		].includes(a.type);
-		return (l, _) => (c(), r("div", {
+		].includes(s.type);
+		return (f, w) => (d(), i("div", {
 			class: "e-message-box",
-			style: s({ width: a.width || void 0 })
+			style: u({ width: s.width || void 0 })
 		}, [
-			i("div", f, [a.title ? (c(), r("div", p, u(a.title), 1)) : n("", !0), i("span", {
+			a("div", _, [s.title ? (d(), i("div", v, p(s.title), 1)) : r("", !0), a("span", {
 				class: "iconfont icon-guanbi_o e-message-box__close",
-				onClick: b
+				onClick: O
 			})]),
-			i("div", m, [d(C) ? (c(), r("span", {
+			a("div", y, [m(j) ? (d(), i("span", {
 				key: 0,
-				class: o(["iconfont e-message-box__icon", [S[a.type], `e-message-box__icon--${a.type}`]])
-			}, null, 2)) : n("", !0), i("div", h, u(a.message), 1)]),
-			a.type === "prompt" ? (c(), t(e, {
+				class: l(["iconfont e-message-box__icon", [A[s.type], `e-message-box__icon--${s.type}`]])
+			}, null, 2)) : r("", !0), a("div", b, [c(s.message) ? (d(), n(T, {
+				key: 0,
+				vnode: s.message
+			}, null, 8, ["vnode"])) : (d(), i(t, { key: 1 }, [o(p(s.message), 1)], 64))])]),
+			s.type === "prompt" ? (d(), n(e, {
 				key: 0,
 				type: "text",
-				modelValue: y.value,
-				"onUpdate:modelValue": _[0] ||= (e) => y.value = e
-			}, null, 8, ["modelValue"])) : n("", !0),
-			i("div", g, [i("button", {
+				modelValue: D.value,
+				"onUpdate:modelValue": w[0] ||= (e) => D.value = e
+			}, null, 8, ["modelValue"])) : r("", !0),
+			a("div", x, [a("button", {
 				class: "e-message-box__btn e-message-box__btn--cancel",
-				onClick: x
-			}, u(a.cancelText), 1), i("button", {
+				onClick: k
+			}, p(s.cancelText), 1), a("button", {
 				class: "e-message-box__btn e-message-box__btn--ok",
-				onClick: _[1] ||= (e) => v("ok", y.value)
-			}, u(a.okText), 1)])
+				disabled: !!s.instance?.confirmButtonLoading,
+				onClick: w[1] ||= (e) => E("ok", D.value)
+			}, [g(a("span", C, null, 512), [[h, s.instance?.confirmButtonLoading]]), o(" " + p(s.okText), 1)], 8, S)])
 		], 4));
 	}
 });
 //#endregion
-export { _ as default };
+export { w as default };