@web-utils/form-ui 1.0.0-beta85 → 1.0.0-beta87

package/chunks/Bs8cIxmy.mjs

@@ -0,0 +1,384 @@
+import "./B2vpUK0j.mjs";
+import { s as e, t } from "./cvUTkWmm.mjs";
+import { t as n } from "./Cm5l5wtF.mjs";
+import { t as r } from "./K7NMn1cU.mjs";
+import { t as i } from "./DiQUqii-.mjs";
+import { n as a, r as o, t as s } from "./ZIHPaVeg.mjs";
+import { n as c } from "./DUQs5bPg.mjs";
+import { n as l, t as u } from "./8ldF4QwW.mjs";
+import { t as d } from "./Dq9YiS-H.mjs";
+import { m as f } from "./b58kljs82.mjs";
+import { a as p, i as m, n as h, o as g, r as _, t as v } from "./JvWWISEH2.mjs";
+import { Transition as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as T, createVNode as E, defineComponent as D, getCurrentInstance as O, inject as k, mergeModels as A, mergeProps as j, normalizeClass as M, normalizeStyle as N, openBlock as P, provide as ee, ref as F, renderSlot as I, resolveDynamicComponent as L, toDisplayString as R, toHandlers as z, unref as B, useModel as V, useSlots as H, useTemplateRef as U, vShow as W, withCtx as G, withDirectives as te, withModifiers as K } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/utils/vue/refs.mjs
+var q = (...e) => (t) => {
+	e.forEach((e) => {
+		e.value = t;
+	});
+}, J = ["aria-level"], Y = ["aria-label"], X = ["id"], ne = /* @__PURE__ */ D({
+	name: "ElDialogContent",
+	__name: "dialog-content",
+	props: g,
+	emits: p,
+	setup(e, { expose: t }) {
+		let { t: n } = c(), { Close: r } = d, a = e, { dialogRef: s, headerRef: u, bodyId: f, ns: p, style: m } = k(h), { focusTrapRef: g } = k(l), _ = q(g, s), v = b(() => !!a.draggable), { resetPosition: y, updatePosition: T, isDragging: D } = o(s, u, v, b(() => !!a.overflow)), O = b(() => [
+			p.b(),
+			p.is("fullscreen", a.fullscreen),
+			p.is("draggable", v.value),
+			p.is("dragging", D.value),
+			p.is("align-center", !!a.alignCenter),
+			{ [p.m("center")]: a.center }
+		]);
+		return t({
+			resetPosition: y,
+			updatePosition: T
+		}), (t, a) => (P(), C("div", {
+			ref: B(_),
+			class: M(O.value),
+			style: N(B(m)),
+			tabindex: "-1"
+		}, [
+			w("header", {
+				ref_key: "headerRef",
+				ref: u,
+				class: M([
+					B(p).e("header"),
+					e.headerClass,
+					{ "show-close": e.showClose }
+				])
+			}, [I(t.$slots, "header", {}, () => [w("span", {
+				role: "heading",
+				"aria-level": e.ariaLevel,
+				class: M(B(p).e("title"))
+			}, R(e.title), 11, J)]), e.showClose ? (P(), C("button", {
+				key: 0,
+				"aria-label": B(n)("el.dialog.close"),
+				class: M(B(p).e("headerbtn")),
+				type: "button",
+				onClick: a[0] || (a[0] = (e) => t.$emit("close"))
+			}, [E(B(i), { class: M(B(p).e("close")) }, {
+				default: G(() => [(P(), x(L(e.closeIcon || B(r))))]),
+				_: 1
+			}, 8, ["class"])], 10, Y)) : S("v-if", !0)], 2),
+			w("div", {
+				id: B(f),
+				class: M([B(p).e("body"), e.bodyClass])
+			}, [I(t.$slots, "default")], 10, X),
+			t.$slots.footer ? (P(), C("footer", {
+				key: 0,
+				class: M([B(p).e("footer"), e.footerClass])
+			}, [I(t.$slots, "footer")], 2)) : S("v-if", !0)
+		], 6));
+	}
+}), re = [
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby"
+], Z = t(/* @__PURE__ */ D({
+	name: "ElDialog",
+	inheritAttrs: !1,
+	__name: "dialog",
+	props: m,
+	emits: _,
+	setup(t, { expose: i }) {
+		let o = t, c = H();
+		r({
+			scope: "el-dialog",
+			from: "the title slot",
+			replacement: "the header slot",
+			version: "3.0.0",
+			ref: "https://element-plus.org/en-US/component/dialog.html#slots"
+		}, b(() => !!c.title));
+		let l = e("dialog"), d = F(), f = F(), p = F(), { visible: m, titleId: g, bodyId: _, style: C, overlayDialogStyle: D, rendered: O, transitionConfig: k, zIndex: A, _draggable: L, _alignCenter: R, _overflow: z, penetrable: V, handleClose: U, onModalClick: K, onOpenAutoFocus: q, onCloseAutoFocus: J, onCloseRequested: Y, onFocusoutPrevented: X, bringToFront: Z, closing: Q } = v(o, d);
+		ee(h, {
+			dialogRef: d,
+			headerRef: f,
+			bodyId: _,
+			ns: l,
+			rendered: O,
+			style: C
+		});
+		let $ = a(K);
+		return i({
+			visible: m,
+			dialogContentRef: p,
+			resetPosition: () => {
+				var e;
+				(e = p.value) == null || e.resetPosition();
+			},
+			handleClose: U
+		}), (e, r) => (P(), x(B(n), {
+			to: t.appendTo,
+			disabled: t.appendTo === "body" ? !t.appendToBody : !1
+		}, {
+			default: G(() => [E(y, j(B(k), { persisted: "" }), {
+				default: G(() => [te(E(B(s), {
+					"custom-mask-event": "",
+					mask: t.modal,
+					"overlay-class": [
+						t.modalClass ?? "",
+						`${B(l).namespace.value}-modal-dialog`,
+						B(l).is("penetrable", B(V))
+					],
+					"z-index": B(A)
+				}, {
+					default: G(() => [w("div", {
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-label": t.title || void 0,
+						"aria-labelledby": t.title ? void 0 : B(g),
+						"aria-describedby": B(_),
+						class: M([`${B(l).namespace.value}-overlay-dialog`, B(l).is("closing", B(Q))]),
+						style: N(B(D)),
+						onClick: r[0] || (r[0] = (...e) => B($).onClick && B($).onClick(...e)),
+						onMousedown: r[1] || (r[1] = (...e) => B($).onMousedown && B($).onMousedown(...e)),
+						onMouseup: r[2] || (r[2] = (...e) => B($).onMouseup && B($).onMouseup(...e))
+					}, [E(B(u), {
+						loop: "",
+						trapped: B(m),
+						"focus-start-el": "container",
+						onFocusAfterTrapped: B(q),
+						onFocusAfterReleased: B(J),
+						onFocusoutPrevented: B(X),
+						onReleaseRequested: B(Y)
+					}, {
+						default: G(() => [B(O) ? (P(), x(ne, j({
+							key: 0,
+							ref_key: "dialogContentRef",
+							ref: p
+						}, e.$attrs, {
+							center: t.center,
+							"align-center": B(R),
+							"close-icon": t.closeIcon,
+							draggable: B(L),
+							overflow: B(z),
+							fullscreen: t.fullscreen,
+							"header-class": t.headerClass,
+							"body-class": t.bodyClass,
+							"footer-class": t.footerClass,
+							"show-close": t.showClose,
+							title: t.title,
+							"aria-level": t.headerAriaLevel,
+							onClose: B(U),
+							onMousedown: B(Z)
+						}), T({
+							header: G(() => [e.$slots.title ? I(e.$slots, "title", { key: 1 }) : I(e.$slots, "header", {
+								key: 0,
+								close: B(U),
+								titleId: B(g),
+								titleClass: B(l).e("title")
+							})]),
+							default: G(() => [I(e.$slots, "default")]),
+							_: 2
+						}, [e.$slots.footer ? {
+							name: "footer",
+							fn: G(() => [I(e.$slots, "footer")]),
+							key: "0"
+						} : void 0]), 1040, [
+							"center",
+							"align-center",
+							"close-icon",
+							"draggable",
+							"overflow",
+							"fullscreen",
+							"header-class",
+							"body-class",
+							"footer-class",
+							"show-close",
+							"title",
+							"aria-level",
+							"onClose",
+							"onMousedown"
+						])) : S("v-if", !0)]),
+						_: 3
+					}, 8, [
+						"trapped",
+						"onFocusAfterTrapped",
+						"onFocusAfterReleased",
+						"onFocusoutPrevented",
+						"onReleaseRequested"
+					])], 46, re)]),
+					_: 3
+				}, 8, [
+					"mask",
+					"overlay-class",
+					"z-index"
+				]), [[W, B(m)]])]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 8, ["to", "disabled"]));
+	}
+})), Q = {
+	modelValue: {
+		type: Boolean,
+		default: !1
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	width: [String, Number],
+	fullscreen: {
+		type: Boolean,
+		default: !1
+	},
+	top: {
+		type: String,
+		default: ""
+	},
+	modal: {
+		type: Boolean,
+		default: !0
+	},
+	modalPenetrable: {
+		type: Boolean,
+		default: !1
+	},
+	modalClass: String,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	appendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	lockScroll: {
+		type: Boolean,
+		default: !0
+	},
+	openDelay: {
+		type: Number,
+		default: 0
+	},
+	closeDelay: {
+		type: Number,
+		default: 0
+	},
+	closeOnClickModal: { type: Boolean },
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	showClose: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClose: Function,
+	draggable: {
+		type: Boolean,
+		default: !0
+	},
+	overflow: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	alignCenter: {
+		type: Boolean,
+		default: !1
+	},
+	destroyOnClose: {
+		type: Boolean,
+		default: !1
+	},
+	closeIcon: [String, Object],
+	zIndex: Number,
+	headerAriaLevel: {
+		type: String,
+		default: "2"
+	},
+	transition: [String, Object],
+	customClass: {
+		type: String,
+		default: ""
+	},
+	height: String,
+	embed: Boolean,
+	showFullscreen: Boolean,
+	showFullScreen: Boolean,
+	bodyPadding: {
+		type: Boolean,
+		default: !0
+	}
+}, $ = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0,
+	bodyPadding: !0
+}, ie = (e) => $[e] !== !0, ae = { class: "dialog-title" }, oe = { class: "dialog-header-buttons" }, se = /* @__PURE__ */ Object.assign({
+	name: "ElementDialog",
+	inheritAttrs: !1
+}, {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ A({ ...Q }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ A({ "toggle-fullscreen": null }, ["update:modelValue"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = V(e, "modelValue"), i = e, a = n, { autoBindProps: o, listeners: s } = f(i, {
+			predicate: ie,
+			removeOn: !0
+		}), c = U("dialog"), l = F(i.fullscreen), u = () => {
+			l.value = !l.value, a("toggle-fullscreen", l.value);
+		}, d = b(() => l.value ? "100%" : i.height), p = O(), m = () => {
+			i.embed ? (p.parent.emit("update:visible", !1), p.parent.emit("update:modelValue", !1)) : c.value.handleClose();
+		};
+		return t({
+			close: m,
+			hide: m
+		}), (e, t) => {
+			let n = Z;
+			return P(), x(n, j({
+				ref: "dialog",
+				modelValue: r.value,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => r.value = e),
+				class: "element-dialog"
+			}, B(o), {
+				class: e.$attrs.class,
+				"show-close": !1,
+				fullscreen: B(l),
+				"body-class": `${e.bodyClass || ""}${e.bodyPadding ? "" : " no-padding"}`,
+				style: { "--dialog-body-height": B(d) }
+			}, z(B(s))), T({
+				header: G(() => [S(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), I(e.$slots, "header", {}, () => [w("div", ae, R(e.title), 1), w("div", oe, [e.showFullscreen || e.showFullScreen ? (P(), C("i", {
+					key: 0,
+					class: M(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: K(u, ["stop"])
+				}, null, 2)) : S("v-if", !0), e.showClose ? (P(), C("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: K(m, ["stop"])
+				})) : S("v-if", !0)])])]),
+				default: G(() => [S(" @slot 对话框的默认内容 "), I(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: G(() => [S(" @slot Dialog 按钮操作区的内容 "), I(e.$slots, "footer", { close: m })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"class",
+				"fullscreen",
+				"body-class",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { q as n, se as t };