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

package/chunks/8ldF4QwW.mjs

@@ -0,0 +1,209 @@
+import { a as e, n as t } from "./_NG8ze6x.mjs";
+import { y as n } from "./r6tERHEL.mjs";
+import { N as r } from "./cvUTkWmm.mjs";
+import { t as i } from "./Dd5QuF1x.mjs";
+import { t as a } from "./BwVhaeaN2.mjs";
+import { defineComponent as o, nextTick as s, onBeforeUnmount as c, onMounted as l, provide as u, ref as d, renderSlot as f, unref as p, watch as m } from "vue";
+import { isNil as h } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/hooks/use-escape-keydown/index.mjs
+var g = [], _ = (n) => {
+	t(n) === e.esc && g.forEach((e) => e(n));
+}, v = (e) => {
+	l(() => {
+		g.length === 0 && document.addEventListener("keydown", _), n && g.push(e);
+	}), c(() => {
+		g = g.filter((t) => t !== e), g.length === 0 && n && document.removeEventListener("keydown", _);
+	});
+}, y = "focus-trap.focus-after-trapped", b = "focus-trap.focus-after-released", x = "focus-trap.focusout-prevented", S = {
+	cancelable: !0,
+	bubbles: !1
+}, C = {
+	cancelable: !0,
+	bubbles: !1
+}, w = "focusAfterTrapped", T = "focusAfterReleased", E = Symbol("elFocusTrap"), D = d(), O = d(0), k = d(0), A = 0, j = (e) => {
+	let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
+		let t = e.tagName === "INPUT" && e.type === "hidden";
+		return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 || e === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} });
+	for (; n.nextNode();) t.push(n.currentNode);
+	return t;
+}, M = (e, t) => {
+	for (let n of e) if (!N(n, t)) return n;
+}, N = (e, t) => {
+	if (getComputedStyle(e).visibility === "hidden") return !0;
+	for (; e;) {
+		if (t && e === t) return !1;
+		if (getComputedStyle(e).display === "none") return !0;
+		e = e.parentElement;
+	}
+	return !1;
+}, P = (e) => {
+	let t = j(e);
+	return [M(t, e), M(t.reverse(), e)];
+}, F = (e) => e instanceof HTMLInputElement && "select" in e, I = (e, t) => {
+	if (e) {
+		let n = document.activeElement;
+		i(e, { preventScroll: !0 }), k.value = window.performance.now(), e !== n && F(e) && t && e.select();
+	}
+};
+function L(e, t) {
+	let n = [...e], r = e.indexOf(t);
+	return r !== -1 && n.splice(r, 1), n;
+}
+var R = () => {
+	let e = [];
+	return {
+		push: (t) => {
+			let n = e[0];
+			n && t !== n && n.pause(), e = L(e, t), e.unshift(t);
+		},
+		remove: (t) => {
+			var n, r;
+			e = L(e, t), (n = e[0]) == null || (r = n.resume) == null || r.call(n);
+		}
+	};
+}, z = (e, t = !1) => {
+	let n = document.activeElement;
+	for (let r of e) if (I(r, t), document.activeElement !== n) return;
+}, B = R(), V = () => O.value > k.value, H = () => {
+	D.value = "pointer", O.value = window.performance.now();
+}, U = () => {
+	D.value = "keyboard", O.value = window.performance.now();
+}, W = () => (l(() => {
+	A === 0 && (document.addEventListener("mousedown", H), document.addEventListener("touchstart", H), document.addEventListener("keydown", U)), A++;
+}), c(() => {
+	A--, A <= 0 && (document.removeEventListener("mousedown", H), document.removeEventListener("touchstart", H), document.removeEventListener("keydown", U));
+}), {
+	focusReason: D,
+	lastUserFocusTimestamp: O,
+	lastAutomatedFocusTimestamp: k
+}), G = (e) => new CustomEvent(x, {
+	...C,
+	detail: e
+}), K = o({
+	name: "ElFocusTrap",
+	inheritAttrs: !1,
+	props: {
+		loop: Boolean,
+		trapped: Boolean,
+		focusTrapEl: Object,
+		focusStartEl: {
+			type: [Object, String],
+			default: "first"
+		}
+	},
+	emits: [
+		w,
+		T,
+		"focusin",
+		"focusout",
+		"focusout-prevented",
+		"release-requested"
+	],
+	setup(n, { emit: i }) {
+		let a = d(), o, f, { focusReason: g } = W();
+		v((e) => {
+			n.trapped && !_.paused && i("release-requested", e);
+		});
+		let _ = {
+			paused: !1,
+			pause() {
+				this.paused = !0;
+			},
+			resume() {
+				this.paused = !1;
+			}
+		}, x = (r) => {
+			if (!n.loop && !n.trapped || _.paused) return;
+			let { altKey: a, ctrlKey: o, metaKey: s, currentTarget: c, shiftKey: l } = r, { loop: u } = n, d = t(r) === e.tab && !a && !o && !s, f = document.activeElement;
+			if (d && f) {
+				let e = c, [t, n] = P(e);
+				if (!(t && n)) {
+					if (f === e) {
+						let e = G({ focusReason: g.value });
+						i("focusout-prevented", e), e.defaultPrevented || r.preventDefault();
+					}
+				} else if (!l && f === n) {
+					let e = G({ focusReason: g.value });
+					i("focusout-prevented", e), e.defaultPrevented || (r.preventDefault(), u && I(t, !0));
+				} else if (l && [t, e].includes(f)) {
+					let e = G({ focusReason: g.value });
+					i("focusout-prevented", e), e.defaultPrevented || (r.preventDefault(), u && I(n, !0));
+				}
+			}
+		};
+		u(E, {
+			focusTrapRef: a,
+			onKeydown: x
+		}), m(() => n.focusTrapEl, (e) => {
+			e && (a.value = e);
+		}, { immediate: !0 }), m([a], ([e], [t]) => {
+			e && (e.addEventListener("keydown", x), e.addEventListener("focusin", O), e.addEventListener("focusout", k)), t && (t.removeEventListener("keydown", x), t.removeEventListener("focusin", O), t.removeEventListener("focusout", k));
+		});
+		let C = (e) => {
+			i(w, e);
+		}, D = (e) => i(T, e), O = (e) => {
+			let t = p(a);
+			if (!t) return;
+			let r = e.target, s = e.relatedTarget, c = r && t.contains(r);
+			n.trapped || s && t.contains(s) || (o = s), c && i("focusin", e), !_.paused && n.trapped && (c ? f = r : I(f, !0));
+		}, k = (e) => {
+			let t = p(a);
+			if (!(_.paused || !t)) if (n.trapped) {
+				let r = e.relatedTarget;
+				!h(r) && !t.contains(r) && setTimeout(() => {
+					if (!_.paused && n.trapped) {
+						let e = G({ focusReason: g.value });
+						i("focusout-prevented", e), e.defaultPrevented || I(f, !0);
+					}
+				}, 0);
+			} else {
+				let n = e.target;
+				n && t.contains(n) || i("focusout", e);
+			}
+		};
+		async function A() {
+			await s();
+			let e = p(a);
+			if (e) {
+				B.push(_);
+				let t = e.contains(document.activeElement) ? o : document.activeElement;
+				if (o = t, !e.contains(t)) {
+					let i = new Event(y, S);
+					e.addEventListener(y, C), e.dispatchEvent(i), i.defaultPrevented || s(() => {
+						let i = n.focusStartEl;
+						r(i) || (I(i), document.activeElement !== i && (i = "first")), i === "first" && z(j(e), !0), (document.activeElement === t || i === "container") && I(e);
+					});
+				}
+			}
+		}
+		function M() {
+			let e = p(a);
+			if (e) {
+				e.removeEventListener(y, C);
+				let t = new CustomEvent(b, {
+					...S,
+					detail: { focusReason: g.value }
+				});
+				e.addEventListener(b, D), e.dispatchEvent(t), !t.defaultPrevented && (g.value == "keyboard" || !V() || e.contains(document.activeElement)) && I(o ?? document.body), e.removeEventListener(b, D), B.remove(_), o = null, f = null;
+			}
+		}
+		return l(() => {
+			n.trapped && A(), m(() => n.trapped, (e) => {
+				e ? A() : M();
+			});
+		}), c(() => {
+			n.trapped && M(), a.value && (a.value.removeEventListener("keydown", x), a.value.removeEventListener("focusin", O), a.value.removeEventListener("focusout", k), a.value = void 0), o = null, f = null;
+		}), { onKeydown: x };
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/focus-trap/src/focus-trap.mjs
+function q(e, t, n, r, i, a) {
+	return f(e.$slots, "default", { handleKeydown: e.onKeydown });
+}
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/focus-trap/index.mjs
+var J = /* @__PURE__ */ a(K, [["render", q]]);
+//#endregion
+export { E as n, J as t };

package/chunks/{BhHMGhJ8.mjs → B0rLJ6br2.mjs}

@@ -1,38 +1,39 @@
-import { m as e } from "./ClVh1Lek.mjs";
-import { formHolderContextKey as t, formViewContextKey as n } from "../constants/index.mjs";
-import { allProps as r, predicate as i } from "../props/form.mjs";
-import a from "../form-advice/index.mjs";
-import o from "../form-red-table/index.mjs";
-import { ElForm as s, ElRow as c } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
+import "./B2vpUK0j.mjs";
+import "./cvUTkWmm.mjs";
+import { t as e } from "./DuIXSS2d.mjs";
+import { m as t } from "./b58kljs82.mjs";
+import { t as n } from "./DgXDFUzM2.mjs";
+import { formHolderContextKey as r, formViewContextKey as i } from "../constants/index.mjs";
+import "./BFY-akW92.mjs";
+import { allProps as a, predicate as o } from "../props/form.mjs";
+import s from "../form-advice/index.mjs";
+import c from "../form-red-table/index.mjs";
 import { computed as l, createVNode as u, inject as d, mergeProps as f, nextTick as p, provide as m, reactive as h, toRef as g, useTemplateRef as _ } from "vue";
 import { animate as v } from "@web-utils/core";
-import "element-plus/es/components/row/style/css";
-import "element-plus/es/components/form/style/css";
 //#endregion
 //#region src/components/form/FormHolder.vue
 var y = {
 	name: "FormHolder",
 	inheritAttrs: !1,
-	props: { ...r },
+	props: { ...a },
 	emits: {},
-	setup(r, { slots: y, expose: b, attrs: x }) {
-		let { autoBindProps: S, listeners: C } = e(r, { predicate: i }), w = d(n, null), T = _("form"), E = l(() => r.notTableForm === void 0 ? (w == null ? void 0 : w.tableForm) === void 0 ? !1 : w == null ? void 0 : w.tableForm : !r.notTableForm), D = l(() => E.value ? !1 : r.showMessage), O = l(() => {
+	setup(a, { slots: y, expose: b, attrs: x }) {
+		let { autoBindProps: S, listeners: C } = t(a, { predicate: o }), w = d(i, null), T = _("form"), E = l(() => a.notTableForm === void 0 ? (w == null ? void 0 : w.tableForm) === void 0 ? !1 : w == null ? void 0 : w.tableForm : !a.notTableForm), D = l(() => E.value ? !1 : a.showMessage), O = l(() => {
 			let e = {};
-			return r.disabledFields && r.disabledFields.forEach((t) => {
+			return a.disabledFields && a.disabledFields.forEach((t) => {
 				e[t] = !0;
 			}), e;
 		}), k = l(() => {
 			let e = {};
-			return r.enabledFields && r.enabledFields.length && r.enabledFields.forEach((t) => {
+			return a.enabledFields && a.enabledFields.length && a.enabledFields.forEach((t) => {
 				e[t] = !0;
 			}), e;
 		}), A = l(() => {
 			let e = {};
-			return r.requiredFields && r.requiredFields.length && r.requiredFields.forEach((t) => {
+			return a.requiredFields && a.requiredFields.length && a.requiredFields.forEach((t) => {
 				e[t] = !0;
 			}), e;
-		}), j = l(() => r.disabled === !0 ? !0 : r.disabled), M = g(() => r.enabledFields), N = g(() => r.requiredFields), P = g(() => r.disabledFields), F = async () => {
+		}), j = l(() => a.disabled === !0 ? !0 : a.disabled), M = g(() => a.enabledFields), N = g(() => a.requiredFields), P = g(() => a.disabledFields), F = async () => {
 			await p();
 			let e = T.value.$el.querySelector(".el-form-item.is-error");
 			e && e.scrollIntoView({
@@ -68,7 +69,7 @@ var y = {
 			setInitialValues: (e) => T.value.setInitialValues(e),
 			getFields: () => T.value.fields
 		});
-		return m(t, I), b(I), () => u(s, f(C.value, S.value, x, {
+		return m(r, I), b(I), () => u(e, f(C.value, S.value, x, {
 			ref: "form",
 			class: [
 				"form-holder",
@@ -78,26 +79,26 @@ var y = {
 			"show-message": D.value
 		}), { default: () => {
 			if (E.value) {
-				var e, t, n;
+				var e, t, r;
 				return [
 					(e = y.top) == null ? void 0 : e.call(y),
-					u(o, {
+					u(c, {
 						class: { "hide-error-message": E.value },
-						columns: r.columns,
-						"col-count": r.colCount
+						columns: a.columns,
+						"col-count": a.colCount
 					}, { default: () => {
 						var e;
-						return [(e = y.default) == null ? void 0 : e.call(y), r.showAdvice ? u(a, {
-							"label-colspan": r.commentLabelColspan,
-							"value-colspan": r.commentValueColspan
+						return [(e = y.default) == null ? void 0 : e.call(y), a.showAdvice ? u(s, {
+							"label-colspan": a.commentLabelColspan,
+							"value-colspan": a.commentValueColspan
 						}, null) : null];
 					} }),
 					(t = y.bottom) == null ? void 0 : t.call(y),
-					u("div", { class: "red-form-footer" }, [(n = y.footer) == null ? void 0 : n.call(y)])
+					u("div", { class: "red-form-footer" }, [(r = y.footer) == null ? void 0 : r.call(y)])
 				];
 			} else {
 				var i;
-				return r.wrapRow ? u(c, null, { default: () => {
+				return a.wrapRow ? u(n, null, { default: () => {
 					var e;
 					return [(e = y.default) == null ? void 0 : e.call(y)];
 				} }) : (i = y.default) == null ? void 0 : i.call(y);

package/chunks/{DCqyZyF6.mjs → B14qtsOg2.mjs}

@@ -1,7 +1,8 @@
-import { t as e } from "./B1MSrc6f.mjs";
-import { ElInput as t } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/input/style/css";
+import "./B2vpUK0j.mjs";
+import "./cvUTkWmm.mjs";
+import { t as e } from "./DA1LVvTS.mjs";
+import "./CNcSX5f1.mjs";
+import { t } from "./hFCEXdXW.mjs";
 import { createElementBlock as n, createElementVNode as r, createVNode as i, openBlock as a } from "vue";
 import { isBlank as o } from "@web-utils/core";
 //#region src/components/bpmn-process-designer/components/penal/other/ElementOtherConfig.vue
@@ -34,8 +35,8 @@ var s = {
 		}
 	} }
 }, c = { class: "panel-tab__content" }, l = { class: "element-property input-property" }, u = { class: "element-property__value" };
-function d(e, o, s, d, f, p) {
-	let m = t;
+function d(t, o, s, d, f, p) {
+	let m = e;
 	return a(), n("div", c, [r("div", l, [o[1] || (o[1] = r("div", { class: "element-property__label" }, "元素文档：", -1)), r("div", u, [i(m, {
 		modelValue: f.documentation,
 		"onUpdate:modelValue": [o[0] || (o[0] = (e) => f.documentation = e), p.updateDocumentation],
@@ -47,6 +48,6 @@ function d(e, o, s, d, f, p) {
 		}
 	}, null, 8, ["modelValue", "onUpdate:modelValue"])])])]);
 }
-var f = /* @__PURE__ */ e(s, [["render", d]]);
+var f = /* @__PURE__ */ t(s, [["render", d]]);
 //#endregion
 export { f as default };

package/chunks/B2vpUK0j.mjs

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { c as n, o as t };