@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/Modal-BhmFYVFw.js

@@ -0,0 +1,975 @@
+import "./src-DNBBthjO.js";
+import { N as e, r as t, t as n } from "./foundation-Cawx37mp.js";
+import { r } from "./keyCode-DMNg63wX.js";
+import { t as i } from "./isPromise-D2v3Ejff.js";
+import { t as a } from "./isElement-Cx0AsIov.js";
+import { l as o } from "./typography-DF8KwKuL.js";
+import { t as s } from "./config-context-CyynTtDb.js";
+import { n as c, o as l } from "./config-provider-VMfNNSF1.js";
+import { t as u } from "./Button-RCaDTqHh.js";
+import { Teleport as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, getCurrentInstance as b, h as ee, inject as x, markRaw as S, mergeProps as C, nextTick as te, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as E, onMounted as D, openBlock as O, shallowReactive as k, shallowRef as A, toDisplayString as j, unref as M, useAttrs as N, useId as P, useSlots as F, useTemplateRef as I, watch as L, withCtx as R } from "vue";
+import { IconClose as z } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var ne = class extends n {
+	constructor(e) {
+		super({ ...e }), this._debouncedOk = (0, t.default)((e) => {
+			this._invokeOk(e);
+		}, 100, {
+			leading: !0,
+			trailing: !1
+		}), this._debouncedCancel = (0, t.default)((e) => {
+			this._invokeCancel(e);
+		}, 100, {
+			leading: !0,
+			trailing: !1
+		}), this._lastCancelTarget = null, this._lastOkTarget = null, this.toggleDisplayNone = (e, t) => {
+			this._adapter.toggleDisplayNone(e, t);
+		};
+	}
+	destroy() {
+		this._debouncedOk.cancel(), this._debouncedCancel.cancel(), this.afterHide();
+	}
+	handleCancel(e) {
+		let t = e?.currentTarget ?? e?.target ?? null;
+		t !== this._lastCancelTarget && this._debouncedCancel.cancel(), this._lastCancelTarget = t, this._debouncedCancel(e);
+	}
+	handleOk(e) {
+		let t = e?.currentTarget ?? e?.target ?? null;
+		t !== this._lastOkTarget && this._debouncedOk.cancel(), this._lastOkTarget = t, this._debouncedOk(e);
+	}
+	_invokeCancel(e) {
+		let t = this._adapter.notifyCancel(e);
+		i(t) && (this._adapter.setState({ onCancelReturnPromiseStatus: "pending" }), t?.then(() => {
+			this._adapter.setState({ onCancelReturnPromiseStatus: "fulfilled" });
+		})?.catch((e) => {
+			throw this._adapter.setState({ onCancelReturnPromiseStatus: "rejected" }), e;
+		}));
+	}
+	_invokeOk(e) {
+		let t = this._adapter.notifyOk(e);
+		i(t) && (this._adapter.setState({ onOKReturnPromiseStatus: "pending" }), t?.then(() => {
+			this._adapter.setState({ onOKReturnPromiseStatus: "fulfilled" });
+		})?.catch((e) => {
+			throw this._adapter.setState({ onOKReturnPromiseStatus: "rejected" }), e;
+		}));
+	}
+	beforeShow() {
+		this._adapter.disabledBodyScroll();
+	}
+	afterHide() {
+		this._adapter.enabledBodyScroll(), this._adapter.notifyClose();
+	}
+	enabledBodyScroll() {
+		this._adapter.enabledBodyScroll();
+	}
+}, B = class e extends n {
+	constructor(t) {
+		super({
+			...e.defaultAdapter,
+			...t
+		}), this.handleKeyDown = (e) => {
+			let { closeOnEsc: t } = this.getProps();
+			if (t && e.keyCode === r.ESC) {
+				e.stopPropagation(), this.close(e);
+				return;
+			}
+		};
+	}
+	destroy() {
+		this.handleKeyDownEventListenerUnmount(), this.modalDialogBlur(), this.prevFocusElementReFocus();
+	}
+	handleDialogMouseDown() {
+		this._adapter.notifyDialogMouseDown();
+	}
+	handleMaskMouseUp() {
+		this._adapter.notifyDialogMouseUp();
+	}
+	handleKeyDownEventListenerMount() {
+		this._adapter.addKeyDownEventListener();
+	}
+	handleKeyDownEventListenerUnmount() {
+		this._adapter.removeKeyDownEventListener();
+	}
+	getMouseState() {
+		this._adapter.getMouseState();
+	}
+	handleMaskClick(e) {
+		let { dialogMouseDown: t } = this.getStates();
+		e.target === e.currentTarget && !t && this.close(e);
+	}
+	close(e) {
+		this._adapter.notifyClose(e);
+	}
+	modalDialogFocus() {
+		this._adapter.modalDialogFocus();
+	}
+	modalDialogBlur() {
+		this._adapter.modalDialogBlur();
+	}
+	prevFocusElementReFocus() {
+		this._adapter.prevFocusElementReFocus();
+	}
+}, V = class t {
+	constructor(n, r) {
+		this.addFocusRedirectListener = (e) => (this.focusRedirectListenerList.push(e), () => this.removeFocusRedirectListener(e)), this.removeFocusRedirectListener = (t) => {
+			this.focusRedirectListenerList = (0, e.default)(this.focusRedirectListenerList, t);
+		}, this.destroy = () => {
+			this.container?.removeEventListener("keydown", this.onKeyPress);
+		}, this.shouldFocusRedirect = (e) => {
+			if (!this.enable) return !1;
+			for (let t of this.focusRedirectListenerList) if (!t(e)) return !1;
+			return !0;
+		}, this.focusElement = (e, t) => {
+			let { preventScroll: n } = this.options;
+			e?.focus({ preventScroll: n }), t.preventDefault();
+		}, this.onKeyPress = (e) => {
+			if (e && e.key === "Tab") {
+				let n = t.getFocusableElements(this.container);
+				n.length && (e.shiftKey ? this.handleContainerShiftTabKeyDown(n, e) : this.handleContainerTabKeyDown(n, e));
+			}
+		}, this.handleContainerTabKeyDown = (e, n) => {
+			let r = t.getActiveElement(), i = e[e.length - 1] === r, a = e[0];
+			i && this.shouldFocusRedirect(a) && this.focusElement(a, n);
+		}, this.handleContainerShiftTabKeyDown = (e, n) => {
+			let r = t.getActiveElement(), i = e[0] === r, a = e[e.length - 1];
+			i && this.shouldFocusRedirect(a) && this.focusElement(a, n);
+		}, Object.freeze(r), this.container = n, this.options = r, this.enable = r?.enable ?? !0, this.focusRedirectListenerList = r?.onFocusRedirectListener ? Array.isArray(r.onFocusRedirectListener) ? [...r.onFocusRedirectListener] : [r.onFocusRedirectListener] : [], this.container.addEventListener("keydown", this.onKeyPress);
+	}
+	get enable() {
+		return this._enable;
+	}
+	set enable(e) {
+		this._enable = e;
+	}
+	static getFocusableElements(e) {
+		if (!a(e)) return [];
+		let t = [
+			"input:not([disabled]):not([tabindex='-1'])",
+			"textarea:not([disabled]):not([tabindex='-1'])",
+			"button:not([disabled]):not([tabindex='-1'])",
+			"a[href]:not([tabindex='-1'])",
+			"select:not([disabled]):not([tabindex='-1'])",
+			"area[href]:not([tabindex='-1'])",
+			"iframe:not([tabindex='-1'])",
+			"object:not([tabindex='-1'])",
+			"*[tabindex]:not([tabindex='-1'])",
+			"*[contenteditable]:not([tabindex='-1'])"
+		].join(",");
+		return Array.from(e.querySelectorAll(t));
+	}
+	static getActiveElement() {
+		return document ? document.activeElement : null;
+	}
+}, re = /* @__PURE__ */ y({
+	__name: "ModalDefaultFooter",
+	props: {
+		cancelButtonProps: {},
+		cancelLoading: { type: Boolean },
+		cancelText: {},
+		footerFill: { type: Boolean },
+		hasCancel: { type: Boolean },
+		locale: {},
+		okButtonProps: {},
+		okLoading: { type: Boolean },
+		okText: {},
+		okType: {}
+	},
+	emits: ["cancel", "ok"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = f(() => ({
+			"aria-label": "cancel",
+			type: "tertiary",
+			block: n.footerFill,
+			autofocus: !0,
+			...n.cancelButtonProps,
+			style: [n.footerFill ? { marginLeft: "unset" } : void 0, n.cancelButtonProps?.style]
+		})), a = f(() => ({
+			"aria-label": "confirm",
+			type: n.okType,
+			theme: "solid",
+			block: n.footerFill,
+			...n.okButtonProps
+		}));
+		return (e, t) => (O(), h("div", { class: w({ "semi-modal-footerfill": n.footerFill }) }, [n.hasCancel ? (O(), p(M(u), C({ key: 0 }, i.value, {
+			loading: n.cancelLoading,
+			"x-semi-children-alias": "cancelText",
+			onClick: t[0] ||= (e) => r("cancel", e)
+		}), {
+			default: R(() => [_(j(n.cancelText || n.locale.cancel), 1)]),
+			_: 1
+		}, 16, ["loading"])) : m("", !0), v(M(u), C(a.value, {
+			loading: n.okLoading,
+			"x-semi-children-alias": "okText",
+			onClick: t[1] ||= (e) => r("ok", e)
+		}), {
+			default: R(() => [_(j(n.okText || n.locale.confirm), 1)]),
+			_: 1
+		}, 16, ["loading"])], 2));
+	}
+}), H = y({
+	name: "ModalNodeRenderer",
+	props: { content: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Array,
+			Object
+		],
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), U = ["id"], W = {
+	key: 1,
+	class: "semi-modal-header"
+}, G = {
+	key: 0,
+	class: "semi-modal-icon-wrapper",
+	"x-semi-prop": "icon"
+}, K = {
+	key: 3,
+	class: "semi-modal-body-wrapper"
+}, q = {
+	key: 0,
+	class: "semi-modal-icon-wrapper",
+	"x-semi-prop": "icon"
+}, J = {
+	key: 4,
+	class: "semi-modal-footer",
+	"x-semi-prop": "footer"
+}, Y = /* @__PURE__ */ y({
+	__name: "ModalInnerContent",
+	props: {
+		body: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		bodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		centered: { type: Boolean },
+		closable: { type: Boolean },
+		closeIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		contentClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		dialogId: {},
+		footer: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		fullScreen: { type: Boolean },
+		header: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		headerProvided: { type: Boolean },
+		height: {},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		outerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		outerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		width: {}
+	},
+	emits: [
+		"animationEnd",
+		"close",
+		"mousedown"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = I("dialog"), s = f(() => r.title !== null && r.title !== void 0), c = f(() => r.headerProvided || s.value), l = f(() => [
+			r.outerStyle,
+			r.width === void 0 ? void 0 : { width: r.width },
+			r.height === void 0 ? void 0 : { height: r.height },
+			r.fullScreen ? {
+				width: "100%",
+				height: "100%",
+				margin: "unset"
+			} : void 0
+		]), d = f(() => [
+			"semi-modal-content",
+			r.contentClass,
+			{
+				"semi-modal-content-fullScreen": r.fullScreen,
+				"semi-modal-content-height-set": r.height !== void 0
+			}
+		]), _ = f(() => ["semi-modal-body", { "semi-modal-withIcon": r.icon !== null && r.icon !== void 0 }]);
+		return t({ element: a }), (e, t) => (O(), h("div", {
+			id: r.dialogId,
+			class: w(["semi-modal", [
+				r.outerClass,
+				`semi-modal-${r.size}`,
+				{ "semi-modal-centered": r.centered }
+			]]),
+			style: T(l.value),
+			onMousedown: t[3] ||= (e) => i("mousedown", e)
+		}, [g("div", {
+			ref: "dialog",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "semi-modal-title",
+			"aria-describedby": "semi-modal-body",
+			class: w(d.value),
+			onAnimationend: t[2] ||= (e) => i("animationEnd", e)
+		}, [
+			r.headerProvided ? (O(), p(M(H), {
+				key: 0,
+				content: r.header
+			}, null, 8, ["content"])) : s.value ? (O(), h("div", W, [
+				r.icon !== null && r.icon !== void 0 ? (O(), h("span", G, [v(M(H), { content: r.icon }, null, 8, ["content"])])) : m("", !0),
+				v(M(o), {
+					id: "semi-modal-title",
+					heading: 5,
+					class: "semi-modal-title",
+					"x-semi-prop": "title"
+				}, {
+					default: R(() => [v(M(H), { content: r.title }, null, 8, ["content"])]),
+					_: 1
+				}),
+				r.closable ? (O(), p(M(u), {
+					key: 1,
+					"aria-label": "close",
+					class: "semi-modal-close",
+					type: "tertiary",
+					theme: "borderless",
+					size: "small",
+					onClick: t[0] ||= (e) => i("close", e)
+				}, {
+					icon: R(() => [r.closeIcon !== null && r.closeIcon !== void 0 ? (O(), p(M(H), {
+						key: 0,
+						content: r.closeIcon
+					}, null, 8, ["content"])) : (O(), p(M(z), {
+						key: 1,
+						"x-semi-prop": "closeIcon"
+					}))]),
+					_: 1
+				})) : m("", !0)
+			])) : m("", !0),
+			c.value ? (O(), h("div", {
+				key: 2,
+				id: "semi-modal-body",
+				class: w(_.value),
+				style: T(r.bodyStyle),
+				"x-semi-prop": "children"
+			}, [v(M(H), { content: r.body }, null, 8, ["content"])], 6)) : (O(), h("div", K, [
+				r.icon !== null && r.icon !== void 0 ? (O(), h("span", q, [v(M(H), { content: r.icon }, null, 8, ["content"])])) : m("", !0),
+				g("div", {
+					class: w(_.value),
+					style: T(r.bodyStyle),
+					"x-semi-prop": "children"
+				}, [v(M(H), { content: r.body }, null, 8, ["content"])], 6),
+				r.closable ? (O(), p(M(u), {
+					key: 1,
+					"aria-label": "close",
+					class: "semi-modal-close",
+					type: "tertiary",
+					theme: "borderless",
+					size: "small",
+					onClick: t[1] ||= (e) => i("close", e)
+				}, {
+					icon: R(() => [r.closeIcon !== null && r.closeIcon !== void 0 ? (O(), p(M(H), {
+						key: 0,
+						content: r.closeIcon
+					}, null, 8, ["content"])) : (O(), p(M(z), {
+						key: 1,
+						"x-semi-prop": "closeIcon"
+					}))]),
+					_: 1
+				})) : m("", !0)
+			])),
+			r.footer !== null && r.footer !== void 0 ? (O(), h("div", J, [v(M(H), { content: r.footer }, null, 8, ["content"])])) : m("", !0)
+		], 34)], 46, U));
+	}
+}), ie = /* @__PURE__ */ y({
+	__name: "ModalDialog",
+	props: {
+		body: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		bodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		centered: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		closable: { type: Boolean },
+		closeIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		closeOnEsc: { type: Boolean },
+		contentClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		customContainer: { type: Boolean },
+		dataAttrs: {},
+		direction: {},
+		footer: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		fullScreen: { type: Boolean },
+		header: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		headerProvided: { type: Boolean },
+		height: {},
+		hidden: { type: Boolean },
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		mask: { type: Boolean },
+		maskClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		maskClosable: { type: Boolean },
+		maskFixed: { type: Boolean },
+		maskStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		modalRender: { type: Function },
+		outerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		preventScroll: { type: Boolean },
+		size: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		visible: { type: Boolean },
+		width: {}
+	},
+	emits: ["animationEnd", "close"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = P(), o = A(null), s = k({
+			dialogMouseDown: !1,
+			prevFocusElement: null
+		}), c = /* @__PURE__ */ new Map(), l, u, d = !1, p = f(() => ({ closeOnEsc: r.closeOnEsc })), _ = S(new B({
+			getContext: () => void 0,
+			getContexts: () => ({}),
+			getProp: (e) => p.value[e],
+			getProps: () => p.value,
+			getState: (e) => s[e],
+			getStates: () => s,
+			setState: (e, t) => {
+				Object.assign(s, e), t?.();
+			},
+			getCache: (e) => c.get(e),
+			getCaches: () => c,
+			setCache: (e, t) => c.set(e, t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			notifyClose: (e) => i("close", e),
+			notifyDialogMouseDown: () => {
+				s.dialogMouseDown = !0;
+			},
+			notifyDialogMouseUp: () => {
+				s.dialogMouseDown && (clearTimeout(u), u = setTimeout(() => {
+					s.dialogMouseDown = !1;
+				}, 0));
+			},
+			addKeyDownEventListener: () => document.addEventListener("keydown", _.handleKeyDown),
+			removeKeyDownEventListener: () => document.removeEventListener("keydown", _.handleKeyDown),
+			getMouseState: () => s.dialogMouseDown,
+			modalDialogFocus: () => {
+				let e = o.value?.element;
+				if (!e) return;
+				let t = V.getActiveElement(), n = t instanceof Node && e.contains(t);
+				l?.destroy(), l = S(new V(e, { preventScroll: r.preventScroll })), n || e.focus({ preventScroll: r.preventScroll });
+			},
+			modalDialogBlur: () => {
+				o.value?.element?.blur(), l?.destroy(), l = void 0;
+			},
+			prevFocusElementReFocus: () => {
+				s.prevFocusElement?.focus?.({ preventScroll: r.preventScroll });
+			}
+		})), y = f(() => [r.class, {
+			"semi-modal-popup": r.customContainer && !r.maskFixed,
+			"semi-modal-fixed": r.maskFixed,
+			"semi-modal-rtl": r.direction === "rtl"
+		}]), b = f(() => ee(Y, {
+			ref: o,
+			body: r.body,
+			bodyStyle: r.bodyStyle,
+			centered: r.centered,
+			closable: r.closable,
+			closeIcon: r.closeIcon,
+			contentClass: r.contentClass,
+			dialogId: a,
+			footer: r.footer,
+			fullScreen: r.fullScreen,
+			header: r.header,
+			headerProvided: r.headerProvided,
+			height: r.height,
+			icon: r.icon,
+			outerStyle: r.outerStyle,
+			size: r.size,
+			title: r.title,
+			width: r.width,
+			onAnimationEnd: (e) => i("animationEnd", e),
+			onClose: (e) => _.close(e),
+			onMousedown: () => _.handleDialogMouseDown()
+		})), x = f(() => r.modalRender?.(b.value) ?? b.value);
+		async function j() {
+			if (d || typeof document > "u" || (d = !0, s.prevFocusElement = V.getActiveElement(), _.handleKeyDownEventListenerMount(), await te(), !d)) return;
+			_.modalDialogFocus();
+			let e = o.value?.element;
+			if (e && !e.contains(document.activeElement)) {
+				let t = e.querySelector("[autofocus]"), n = V.getFocusableElements(e);
+				(t ?? n[0])?.focus({ preventScroll: r.preventScroll });
+			}
+		}
+		function N() {
+			!d || typeof document > "u" || (d = !1, _.destroy());
+		}
+		function F(e) {
+			r.maskClosable && _.handleMaskClick(e);
+		}
+		function I() {
+			r.maskClosable && _.handleMaskMouseUp();
+		}
+		return D(() => {
+			r.visible && !r.hidden && j();
+		}), L(() => r.visible, (e) => {
+			e && !r.hidden && j();
+		}), L(() => r.hidden, (e) => {
+			e && N();
+		}), E(() => {
+			clearTimeout(u), N();
+		}), t({
+			activate: j,
+			deactivate: N
+		}), (e, t) => (O(), h("div", C(r.dataAttrs, { class: y.value }), [r.mask ? (O(), h("div", {
+			key: 0,
+			class: w(["semi-modal-mask", r.maskClass]),
+			style: T(r.maskStyle),
+			onAnimationend: t[0] ||= (e) => i("animationEnd", e)
+		}, null, 38)) : m("", !0), g("div", {
+			role: "none",
+			class: w(["semi-modal-wrap", { "semi-modal-wrap-center": r.centered }]),
+			onClick: F,
+			onMouseup: I
+		}, [v(M(H), { content: x.value }, null, 8, ["content"])], 34)], 16));
+	}
+}), X = /* @__PURE__ */ y({
+	name: "Modal",
+	inheritAttrs: !1,
+	__name: "Modal",
+	props: {
+		afterClose: { type: Function },
+		bodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		cancelButtonProps: {},
+		cancelLoading: { type: Boolean },
+		cancelText: {},
+		centered: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		closable: { type: Boolean },
+		closeIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		closeOnEsc: { type: Boolean },
+		confirmLoading: { type: Boolean },
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		direction: {},
+		footer: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		footerFill: { type: Boolean },
+		fullScreen: { type: Boolean },
+		getContainerContext: { type: Function },
+		getPopupContainer: { type: Function },
+		hasCancel: { type: Boolean },
+		header: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		height: {},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		keepDOM: { type: Boolean },
+		lazyRender: { type: Boolean },
+		mask: { type: Boolean },
+		maskClosable: { type: Boolean },
+		maskFixed: { type: Boolean },
+		maskStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		modalContentClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		modalRender: { type: Function },
+		motion: { type: Boolean },
+		okButtonProps: {},
+		okText: {},
+		okType: {},
+		onAfterClose: { type: Function },
+		onCancel: { type: Function },
+		onOk: { type: Function },
+		preventScroll: { type: Boolean },
+		size: {},
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		visible: { type: Boolean },
+		width: {},
+		zIndex: {}
+	},
+	emits: ["update:visible"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = N(), a = F(), o = b(), u = x(s, void 0), g = I("dialog"), _ = A(null), y = A(!1), C = A(!1), j = /* @__PURE__ */ new Map(), P = !1, R, z = null, B = "";
+		function V(e) {
+			let t = String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), n = o?.vnode.props;
+			return !!(n && (Object.prototype.hasOwnProperty.call(n, e) || Object.prototype.hasOwnProperty.call(n, t)));
+		}
+		function H(e, t) {
+			if (V(e) && n[e] !== void 0) return n[e];
+			let r = c.config.overrideDefaultProps?.Modal?.[e];
+			return r === void 0 ? t : r;
+		}
+		function U(e) {
+			if (V(e)) return n[e];
+			let t = c.config.overrideDefaultProps?.Modal?.[e];
+			return t === void 0 ? void 0 : t;
+		}
+		let W = f(() => u?.value), G = f(() => H("visible", !1)), K = f(() => ({
+			centered: H("centered", !1),
+			closable: H("closable", !0),
+			closeOnEsc: H("closeOnEsc", !0),
+			footerFill: H("footerFill", !1),
+			fullScreen: H("fullScreen", !1),
+			hasCancel: H("hasCancel", !0),
+			keepDOM: H("keepDOM", !1),
+			lazyRender: H("lazyRender", !0),
+			mask: H("mask", !0),
+			maskClosable: H("maskClosable", !0),
+			maskFixed: H("maskFixed", !1),
+			motion: H("motion", !0),
+			okType: H("okType", "primary"),
+			preventScroll: H("preventScroll", !1),
+			size: H("size", "small"),
+			visible: G.value,
+			zIndex: H("zIndex", 1e3)
+		})), q = k({
+			displayNone: !G.value,
+			isFullScreen: K.value.fullScreen
+		});
+		function J(e, t) {
+			return e?.(t);
+		}
+		function Y() {
+			if (typeof document > "u" || _.value !== document.body || (z = document.body.style.overflow || "", B = document.body.style.width, z === "hidden")) return;
+			let e = Math.max(0, window.innerWidth - document.documentElement.clientWidth);
+			document.body.style.overflow = "hidden", document.body.style.width = `calc(${B || "100%"} - ${e}px)`;
+		}
+		function X() {
+			typeof document > "u" || z === null || (z !== "hidden" && (document.body.style.overflow = z, document.body.style.width = B), z = null);
+		}
+		let Z = S(new ne({
+			getContext: () => void 0,
+			getContexts: () => ({}),
+			getProp: (e) => K.value[e],
+			getProps: () => K.value,
+			getState: (e) => q[e],
+			getStates: () => q,
+			setState: (e, t) => {
+				Object.assign(q, e), t?.();
+			},
+			getCache: (e) => j.get(e),
+			getCaches: () => j,
+			setCache: (e, t) => j.set(e, t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			disabledBodyScroll: Y,
+			enabledBodyScroll: X,
+			notifyCancel: (e) => (r("update:visible", !1), J(n.onCancel, e)),
+			notifyOk: (e) => J(n.onOk, e),
+			notifyClose: () => {
+				n.afterClose?.(), n.onAfterClose !== n.afterClose && n.onAfterClose?.();
+			},
+			toggleDisplayNone: (e, t) => {
+				q.displayNone !== e && (q.displayNone = e), t?.(e);
+			},
+			notifyFullScreen: (e) => {
+				q.isFullScreen = e;
+			}
+		})), ae = f(() => U("getPopupContainer") || W.value?.getPopupContainer), oe = f(() => typeof document < "u" && _.value !== document.body), se = f(() => U("direction") ?? W.value?.direction ?? "ltr"), ce = f(() => {
+			let e = W.value?.locale.Modal, t = l.Modal;
+			return e ?? t ?? {
+				confirm: "确定",
+				cancel: "取消"
+			};
+		}), le = f(() => a.body?.() ?? a.default?.() ?? (V("content") ? n.content : void 0)), ue = f(() => a.title?.() ?? (V("title") ? n.title : void 0)), de = f(() => a.icon?.() ?? (V("icon") ? n.icon : void 0)), fe = f(() => a.closeIcon?.() ?? (V("closeIcon") ? n.closeIcon : void 0)), pe = f(() => !!a.header || V("header")), me = f(() => a.header?.() ?? n.header), he = f(() => !!a.footer || V("footer")), ge = f(() => he.value ? a.footer?.() ?? n.footer : ee(re, {
+			cancelButtonProps: U("cancelButtonProps"),
+			cancelLoading: U("cancelLoading") ?? q.onCancelReturnPromiseStatus === "pending",
+			cancelText: U("cancelText"),
+			footerFill: K.value.footerFill,
+			hasCancel: K.value.hasCancel,
+			locale: ce.value,
+			okButtonProps: U("okButtonProps"),
+			okLoading: U("confirmLoading") ?? q.onOKReturnPromiseStatus === "pending",
+			okText: U("okText"),
+			okType: K.value.okType,
+			onCancel: (e) => Z.handleCancel(e),
+			onOk: (e) => Z.handleOk(e)
+		})), _e = f(() => Object.fromEntries(Object.entries(i).filter(([e]) => e.startsWith("data-")))), ve = f(() => [
+			i.class,
+			n.class,
+			n.className,
+			K.value.keepDOM && q.displayNone ? "semi-modal-displayNone" : void 0
+		]), ye = f(() => [U("modalContentClass"), K.value.motion ? G.value ? "semi-modal-content-animate-show" : "semi-modal-content-animate-hide" : void 0]), be = f(() => K.value.motion ? G.value ? "semi-modal-mask-animate-show" : "semi-modal-mask-animate-hide" : void 0), xe = f(() => G.value || K.value.keepDOM && (!K.value.lazyRender || C.value) || K.value.motion && !q.displayNone), Se = f(() => ({
+			zIndex: K.value.zIndex,
+			...oe.value ? { position: "static" } : {}
+		}));
+		function Q() {
+			if (typeof document > "u") return;
+			let e = ae.value, t = e?.();
+			_.value = t instanceof HTMLElement ? t : e ? null : document.body;
+		}
+		async function Ce() {
+			clearTimeout(R), P = !0, q.displayNone = !1, q.isFullScreen = K.value.fullScreen, C.value = !0, Q(), Z.beforeShow(), await te(), await g.value?.activate();
+		}
+		function $() {
+			!P || G.value || (clearTimeout(R), g.value?.deactivate(), Z.toggleDisplayNone(!0), P = !1, Z.afterHide());
+		}
+		function we() {
+			if (P) {
+				if (!K.value.motion) {
+					$();
+					return;
+				}
+				clearTimeout(R), R = setTimeout($, 180);
+			}
+		}
+		function Te() {
+			G.value || $();
+		}
+		return D(() => {
+			y.value = !0, Q(), G.value && Ce();
+		}), L(G, (e, t) => {
+			!y.value || e === t || (e ? Ce() : we());
+		}), L(ae, () => {
+			y.value && Q();
+		}), L(() => K.value.fullScreen, (e) => Z.notifyFullScreen(e)), E(() => {
+			clearTimeout(R), g.value?.deactivate(), P ? Z.destroy() : Z.enabledBodyScroll();
+		}), (e, t) => (O(), p(d, {
+			to: _.value ?? "body",
+			disabled: _.value === null
+		}, [xe.value ? (O(), h("div", {
+			key: 0,
+			class: w(["semi-portal", { "semi-portal-rtl": se.value === "rtl" }]),
+			style: T(Se.value)
+		}, [v(ie, {
+			ref_key: "dialog",
+			ref: g,
+			body: le.value,
+			"body-style": U("bodyStyle"),
+			centered: K.value.centered,
+			class: w(ve.value),
+			closable: K.value.closable,
+			"close-icon": fe.value,
+			"close-on-esc": K.value.closeOnEsc,
+			"content-class": ye.value,
+			"custom-container": oe.value,
+			"data-attrs": _e.value,
+			direction: se.value,
+			footer: ge.value,
+			"full-screen": M(q).isFullScreen,
+			header: me.value,
+			"header-provided": pe.value,
+			height: U("height"),
+			hidden: M(q).displayNone,
+			icon: de.value,
+			mask: K.value.mask,
+			"mask-class": be.value,
+			"mask-closable": K.value.maskClosable,
+			"mask-fixed": K.value.maskFixed,
+			"mask-style": U("maskStyle"),
+			"modal-render": U("modalRender"),
+			"outer-style": [M(i).style, U("style")],
+			"prevent-scroll": K.value.preventScroll,
+			size: K.value.size,
+			title: ue.value,
+			visible: G.value,
+			width: U("width"),
+			onAnimationEnd: Te,
+			onClose: t[0] ||= (e) => M(Z).handleCancel(e)
+		}, null, 8, /* @__PURE__ */ "body.body-style.centered.class.closable.close-icon.close-on-esc.content-class.custom-container.data-attrs.direction.footer.full-screen.header.header-provided.height.hidden.icon.mask.mask-class.mask-closable.mask-fixed.mask-style.modal-render.outer-style.prevent-scroll.size.title.visible.width".split("."))], 6)) : m("", !0)], 8, ["to", "disabled"]));
+	}
+});
+//#endregion
+export { H as n, X as t };