@web-utils/component 5.0.0-beta02 → 5.0.0-beta03

package/chunks/message-box.wGWcYSSd.mjs

@@ -0,0 +1,463 @@
+import { c as e, l as t } from "./use-empty-values.CxYKjLV9.mjs";
+import { _ as n, l as r, m as i, p as a } from "./install.BJl2MN77.mjs";
+import { B as o, I as s, O as c, S as l, m as u } from "./style.CraPDfJA.mjs";
+import { t as d } from "./input.B_wW4aF-.mjs";
+import { i as ee, n as te, r as ne, t as f } from "./overlay.Rhu_rfhx.mjs";
+import { n as p, t as m } from "./focus-trap.CuUc8N2C.mjs";
+import { t as h } from "./use-id.CyzdvfQn.mjs";
+import { h as re, t as g } from "./icon.niAg1zTC.mjs";
+import { n as _, r as v } from "./icon.AJYLfX1m.mjs";
+import { t as y } from "./button.gVyl7Y__.mjs";
+import { n as ie } from "./use-global-config.Dkt91Ob3.mjs";
+import { t as b } from "./validator.Drv0r2Nb.mjs";
+import { Transition as x, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createTextVNode as D, createVNode as O, defineComponent as k, isVNode as A, markRaw as j, nextTick as M, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as ae, onMounted as oe, openBlock as F, reactive as se, ref as I, render as L, renderSlot as R, resolveComponent as z, resolveDynamicComponent as B, toDisplayString as V, toRefs as ce, vShow as H, watch as U, withCtx as W, withDirectives as G, withKeys as K, withModifiers as q } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b86181ecd25892dfea09546870d44c51/node_modules/element-plus/es/directives/trap-focus/index.mjs
+var J = "_trap-focus-children", Y = [], X = (n) => {
+	if (Y.length === 0) return;
+	let r = e(n), i = Y[Y.length - 1][J];
+	if (i.length > 0 && r === t.tab) {
+		if (i.length === 1) {
+			n.preventDefault(), document.activeElement !== i[0] && i[0].focus();
+			return;
+		}
+		let e = n.shiftKey, t = n.target === i[0], r = n.target === i[i.length - 1];
+		t && e && (n.preventDefault(), i[i.length - 1].focus()), r && !e && (n.preventDefault(), i[0].focus());
+	}
+}, le = k({
+	name: "ElMessageBox",
+	directives: { TrapFocus: {
+		beforeMount(e) {
+			e[J] = u(e), Y.push(e), Y.length <= 1 && document.addEventListener("keydown", X);
+		},
+		updated(e) {
+			M(() => {
+				e[J] = u(e);
+			});
+		},
+		unmounted() {
+			Y.shift(), Y.length === 0 && document.removeEventListener("keydown", X);
+		}
+	} },
+	components: {
+		ElButton: y,
+		ElFocusTrap: m,
+		ElInput: d,
+		ElOverlay: f,
+		ElIcon: g,
+		..._
+	},
+	inheritAttrs: !1,
+	props: {
+		buttonSize: {
+			type: String,
+			validator: b
+		},
+		modal: {
+			type: Boolean,
+			default: !0
+		},
+		lockScroll: {
+			type: Boolean,
+			default: !0
+		},
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnClickModal: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnPressEscape: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnHashChange: {
+			type: Boolean,
+			default: !0
+		},
+		center: Boolean,
+		draggable: Boolean,
+		overflow: Boolean,
+		roundButton: Boolean,
+		container: {
+			type: String,
+			default: "body"
+		},
+		boxType: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["vanish", "action"],
+	setup(e, { emit: t }) {
+		let { locale: r, zIndex: i, ns: o, size: s } = ie("message-box", S(() => e.buttonSize)), { t: c } = r, { nextZIndex: l } = i, u = I(!1), d = se({
+			autofocus: !0,
+			beforeClose: null,
+			callback: null,
+			cancelButtonText: "",
+			cancelButtonClass: "",
+			confirmButtonText: "",
+			confirmButtonClass: "",
+			cancelButtonType: "",
+			confirmButtonType: "primary",
+			customClass: "",
+			customStyle: {},
+			dangerouslyUseHTMLString: !1,
+			distinguishCancelAndClose: !1,
+			icon: "",
+			closeIcon: "",
+			inputPattern: null,
+			inputPlaceholder: "",
+			inputType: "text",
+			inputValue: "",
+			inputValidator: void 0,
+			inputErrorMessage: "",
+			message: "",
+			modalFade: !0,
+			modalClass: "",
+			showCancelButton: !1,
+			showConfirmButton: !0,
+			type: "",
+			title: void 0,
+			showInput: !1,
+			action: "",
+			confirmButtonLoading: !1,
+			cancelButtonLoading: !1,
+			confirmButtonLoadingIcon: j(re),
+			cancelButtonLoadingIcon: j(re),
+			confirmButtonDisabled: !1,
+			editorErrorMessage: "",
+			validateError: !1,
+			zIndex: l()
+		}), f = S(() => {
+			let e = d.type;
+			return { [o.bm("icon", e)]: e && v[e] };
+		}), p = h(), m = h(), g = S(() => {
+			let e = d.type;
+			return d.icon || e && v[e] || "";
+		}), _ = S(() => !!d.message), y = I(), b = I(), x = I(), C = I(), w = I(), T = S(() => d.confirmButtonClass);
+		U(() => d.inputValue, async (t) => {
+			await M(), e.boxType === "prompt" && t && P();
+		}, { immediate: !0 }), U(() => u.value, (t) => {
+			if (t) {
+				var n;
+				e.boxType !== "prompt" && (d.autofocus ? x.value = ((n = w.value) == null ? void 0 : n.$el) ?? y.value : x.value = y.value), d.zIndex = l();
+			}
+			e.boxType === "prompt" && (t ? M().then(() => {
+				C.value && C.value.$el && (d.autofocus ? x.value = F() ?? y.value : x.value = y.value);
+			}) : (d.editorErrorMessage = "", d.validateError = !1));
+		});
+		let { isDragging: E } = ee(y, b, S(() => e.draggable), S(() => e.overflow));
+		oe(async () => {
+			await M(), e.closeOnHashChange && window.addEventListener("hashchange", D);
+		}), ae(() => {
+			e.closeOnHashChange && window.removeEventListener("hashchange", D);
+		});
+		function D() {
+			u.value && (u.value = !1, M(() => {
+				d.action && t("action", d.action);
+			}));
+		}
+		let O = () => {
+			e.closeOnClickModal && N(d.distinguishCancelAndClose ? "close" : "cancel");
+		}, k = te(O), A = (e) => {
+			var t;
+			if (d.inputType !== "textarea" && !((t = C.value) != null && t.isComposing)) return e.preventDefault(), N("confirm");
+		}, N = (t) => {
+			var n;
+			e.boxType === "prompt" && t === "confirm" && !P() || (d.action = t, d.beforeClose ? (n = d.beforeClose) == null || n.call(d, t, d, D) : D());
+		}, P = () => {
+			if (e.boxType === "prompt") {
+				let e = d.inputPattern;
+				if (e && !e.test(d.inputValue || "")) return d.editorErrorMessage = d.inputErrorMessage || c("el.messagebox.error"), d.validateError = !0, !1;
+				let t = d.inputValidator;
+				if (a(t)) {
+					let e = t(d.inputValue);
+					if (e === !1) return d.editorErrorMessage = d.inputErrorMessage || c("el.messagebox.error"), d.validateError = !0, !1;
+					if (n(e)) return d.editorErrorMessage = e, d.validateError = !0, !1;
+				}
+			}
+			return d.editorErrorMessage = "", d.validateError = !1, !0;
+		}, F = () => {
+			var e;
+			let t = (e = C.value) == null ? void 0 : e.$refs;
+			return (t == null ? void 0 : t.input) ?? (t == null ? void 0 : t.textarea);
+		}, L = () => {
+			N("close");
+		}, R = () => {
+			e.closeOnPressEscape && L();
+		};
+		return e.lockScroll && ne(u, { ns: o }), {
+			...ce(d),
+			ns: o,
+			overlayEvent: k,
+			visible: u,
+			hasMessage: _,
+			typeClass: f,
+			contentId: p,
+			inputId: m,
+			btnSize: s,
+			iconComponent: g,
+			confirmButtonClasses: T,
+			rootRef: y,
+			focusStartRef: x,
+			headerRef: b,
+			inputRef: C,
+			isDragging: E,
+			confirmRef: w,
+			doClose: D,
+			handleClose: L,
+			onCloseRequested: R,
+			handleWrapperClick: O,
+			handleInputEnter: A,
+			handleAction: N,
+			t: c
+		};
+	}
+}), ue = ["aria-label", "aria-describedby"], de = ["aria-label"], fe = ["id"];
+function pe(e, t, n, r, i, a) {
+	let o = z("el-icon"), s = z("el-input"), c = z("el-button"), l = z("el-focus-trap"), u = z("el-overlay");
+	return F(), C(x, {
+		name: "fade-in-linear",
+		onAfterLeave: t[11] || (t[11] = (t) => e.$emit("vanish")),
+		persisted: ""
+	}, {
+		default: W(() => [G(O(u, {
+			"z-index": e.zIndex,
+			"overlay-class": [e.ns.is("message-box"), e.modalClass],
+			mask: e.modal
+		}, {
+			default: W(() => [E("div", {
+				role: "dialog",
+				"aria-label": e.title,
+				"aria-modal": "true",
+				"aria-describedby": e.showInput ? void 0 : e.contentId,
+				class: N(`${e.ns.namespace.value}-overlay-message-box`),
+				onClick: t[8] || (t[8] = (...t) => e.overlayEvent.onClick && e.overlayEvent.onClick(...t)),
+				onMousedown: t[9] || (t[9] = (...t) => e.overlayEvent.onMousedown && e.overlayEvent.onMousedown(...t)),
+				onMouseup: t[10] || (t[10] = (...t) => e.overlayEvent.onMouseup && e.overlayEvent.onMouseup(...t))
+			}, [O(l, {
+				loop: "",
+				trapped: e.visible,
+				"focus-trap-el": e.rootRef,
+				"focus-start-el": e.focusStartRef,
+				onReleaseRequested: e.onCloseRequested
+			}, {
+				default: W(() => [E("div", {
+					ref: "rootRef",
+					class: N([
+						e.ns.b(),
+						e.customClass,
+						e.ns.is("draggable", e.draggable),
+						e.ns.is("dragging", e.isDragging),
+						{ [e.ns.m("center")]: e.center }
+					]),
+					style: P(e.customStyle),
+					tabindex: "-1",
+					onClick: t[7] || (t[7] = q(() => {}, ["stop"]))
+				}, [
+					e.title !== null && e.title !== void 0 ? (F(), T("div", {
+						key: 0,
+						ref: "headerRef",
+						class: N([e.ns.e("header"), { "show-close": e.showClose }])
+					}, [E("div", { class: N(e.ns.e("title")) }, [e.iconComponent && e.center ? (F(), C(o, {
+						key: 0,
+						class: N([e.ns.e("status"), e.typeClass])
+					}, {
+						default: W(() => [(F(), C(B(e.iconComponent)))]),
+						_: 1
+					}, 8, ["class"])) : w("v-if", !0), E("span", null, V(e.title), 1)], 2), e.showClose ? (F(), T("button", {
+						key: 0,
+						type: "button",
+						class: N(e.ns.e("headerbtn")),
+						"aria-label": e.t("el.messagebox.close"),
+						onClick: t[0] || (t[0] = (t) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel")),
+						onKeydown: t[1] || (t[1] = K(q((t) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
+					}, [O(o, { class: N(e.ns.e("close")) }, {
+						default: W(() => [(F(), C(B(e.closeIcon || "close")))]),
+						_: 1
+					}, 8, ["class"])], 42, de)) : w("v-if", !0)], 2)) : w("v-if", !0),
+					E("div", {
+						id: e.contentId,
+						class: N(e.ns.e("content"))
+					}, [E("div", { class: N(e.ns.e("container")) }, [e.iconComponent && !e.center && e.hasMessage ? (F(), C(o, {
+						key: 0,
+						class: N([e.ns.e("status"), e.typeClass])
+					}, {
+						default: W(() => [(F(), C(B(e.iconComponent)))]),
+						_: 1
+					}, 8, ["class"])) : w("v-if", !0), e.hasMessage ? (F(), T("div", {
+						key: 1,
+						class: N(e.ns.e("message"))
+					}, [R(e.$slots, "default", {}, () => [e.dangerouslyUseHTMLString ? (F(), C(B(e.showInput ? "label" : "p"), {
+						key: 1,
+						for: e.showInput ? e.inputId : void 0,
+						innerHTML: e.message
+					}, null, 8, ["for", "innerHTML"])) : (F(), C(B(e.showInput ? "label" : "p"), {
+						key: 0,
+						for: e.showInput ? e.inputId : void 0,
+						textContent: V(e.message)
+					}, null, 8, ["for", "textContent"]))])], 2)) : w("v-if", !0)], 2), G(E("div", { class: N(e.ns.e("input")) }, [O(s, {
+						id: e.inputId,
+						ref: "inputRef",
+						modelValue: e.inputValue,
+						"onUpdate:modelValue": t[2] || (t[2] = (t) => e.inputValue = t),
+						type: e.inputType,
+						placeholder: e.inputPlaceholder,
+						"aria-invalid": e.validateError,
+						class: N({ invalid: e.validateError }),
+						onKeydown: K(e.handleInputEnter, ["enter"])
+					}, null, 8, [
+						"id",
+						"modelValue",
+						"type",
+						"placeholder",
+						"aria-invalid",
+						"class",
+						"onKeydown"
+					]), E("div", {
+						class: N(e.ns.e("errormsg")),
+						style: P({ visibility: e.editorErrorMessage ? "visible" : "hidden" })
+					}, V(e.editorErrorMessage), 7)], 2), [[H, e.showInput]])], 10, fe),
+					E("div", { class: N(e.ns.e("btns")) }, [e.showCancelButton ? (F(), C(c, {
+						key: 0,
+						type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
+						text: e.cancelButtonType === "text",
+						loading: e.cancelButtonLoading,
+						"loading-icon": e.cancelButtonLoadingIcon,
+						class: N([e.cancelButtonClass]),
+						round: e.roundButton,
+						size: e.btnSize,
+						onClick: t[3] || (t[3] = (t) => e.handleAction("cancel")),
+						onKeydown: t[4] || (t[4] = K(q((t) => e.handleAction("cancel"), ["prevent"]), ["enter"]))
+					}, {
+						default: W(() => [D(V(e.cancelButtonText || e.t("el.messagebox.cancel")), 1)]),
+						_: 1
+					}, 8, [
+						"type",
+						"text",
+						"loading",
+						"loading-icon",
+						"class",
+						"round",
+						"size"
+					])) : w("v-if", !0), G(O(c, {
+						ref: "confirmRef",
+						type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
+						text: e.confirmButtonType === "text",
+						loading: e.confirmButtonLoading,
+						"loading-icon": e.confirmButtonLoadingIcon,
+						class: N([e.confirmButtonClasses]),
+						round: e.roundButton,
+						disabled: e.confirmButtonDisabled,
+						size: e.btnSize,
+						onClick: t[5] || (t[5] = (t) => e.handleAction("confirm")),
+						onKeydown: t[6] || (t[6] = K(q((t) => e.handleAction("confirm"), ["prevent"]), ["enter"]))
+					}, {
+						default: W(() => [D(V(e.confirmButtonText || e.t("el.messagebox.confirm")), 1)]),
+						_: 1
+					}, 8, [
+						"type",
+						"text",
+						"loading",
+						"loading-icon",
+						"class",
+						"round",
+						"disabled",
+						"size"
+					]), [[H, e.showConfirmButton]])], 2)
+				], 6)]),
+				_: 3
+			}, 8, [
+				"trapped",
+				"focus-trap-el",
+				"focus-start-el",
+				"onReleaseRequested"
+			])], 42, ue)]),
+			_: 3
+		}, 8, [
+			"z-index",
+			"overlay-class",
+			"mask"
+		]), [[H, e.visible]])]),
+		_: 3
+	});
+}
+var me = /* @__PURE__ */ p(le, [["render", pe]]), Z = /* @__PURE__ */ new Map(), he = (e) => {
+	let t = document.body;
+	return e.appendTo && (n(e.appendTo) && (t = document.querySelector(e.appendTo)), s(e.appendTo) && (t = e.appendTo), s(t) || (c("ElMessageBox", "the appendTo option is not an HTMLElement. Falling back to document.body."), t = document.body)), t;
+}, ge = (e, t, n = null) => {
+	let r = O(me, e, a(e.message) || A(e.message) ? { default: a(e.message) ? e.message : () => e.message } : null);
+	return r.appContext = n, L(r, t), he(e).appendChild(t.firstElementChild), r.component;
+}, _e = () => document.createElement("div"), ve = (e, t) => {
+	let n = _e();
+	e.onVanish = () => {
+		L(null, n), Z.delete(o);
+	}, e.onAction = (t) => {
+		let n = Z.get(o), r;
+		r = e.showInput ? {
+			value: o.inputValue,
+			action: t
+		} : t, e.callback ? e.callback(r, a.proxy) : t === "cancel" || t === "close" ? e.distinguishCancelAndClose && t !== "cancel" ? n.reject("close") : n.reject("cancel") : n.resolve(r);
+	};
+	let a = ge(e, n, t), o = a.proxy;
+	for (let t in e) r(e, t) && !r(o.$props, t) && (t === "closeIcon" && i(e[t]) ? o[t] = j(e[t]) : o[t] = e[t]);
+	return o.visible = !0, o;
+};
+function Q(e, t = null) {
+	if (!l) return Promise.reject();
+	let r;
+	return n(e) || A(e) ? e = { message: e } : r = e.callback, new Promise((n, i) => {
+		let a = ve(e, t ?? Q._context);
+		Z.set(a, {
+			options: e,
+			callback: r,
+			resolve: n,
+			reject: i
+		});
+	});
+}
+var ye = [
+	"alert",
+	"confirm",
+	"prompt"
+], be = {
+	alert: {
+		closeOnPressEscape: !1,
+		closeOnClickModal: !1
+	},
+	confirm: { showCancelButton: !0 },
+	prompt: {
+		showCancelButton: !0,
+		showInput: !0
+	}
+};
+ye.forEach((e) => {
+	Q[e] = xe(e);
+});
+function xe(e) {
+	return (t, n, r, a) => {
+		let s = "";
+		return i(n) ? (r = n, s = "") : s = o(n) ? "" : n, Q(Object.assign({
+			title: s,
+			message: t,
+			type: "",
+			...be[e]
+		}, r, { boxType: e }), a);
+	};
+}
+Q.close = () => {
+	Z.forEach((e, t) => {
+		t.doClose();
+	}), Z.clear();
+}, Q._context = null;
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b86181ecd25892dfea09546870d44c51/node_modules/element-plus/es/components/message-box/index.mjs
+var $ = Q;
+$.install = (e) => {
+	$._context = e._context, e.config.globalProperties.$msgbox = $, e.config.globalProperties.$messageBox = $, e.config.globalProperties.$alert = $.alert, e.config.globalProperties.$confirm = $.confirm, e.config.globalProperties.$prompt = $.prompt;
+};
+var Se = $;
+//#endregion
+export { Se as t };