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

package/chunks/message-box.wGWcYSSd.mjs

@@ -1,463 +0,0 @@
-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 };