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

package/chunks/Bpp7HhpF.mjs

@@ -0,0 +1,446 @@
+import { a as e, n as t } from "./_NG8ze6x.mjs";
+import { r as n } from "./BtGJbKCB.mjs";
+import { c as r, h as i, i as a, l as o, n as s, p as c } from "./r6tERHEL.mjs";
+import { N as l, _ as u, b as d, i as f, l as p, s as m, t as h, u as g } from "./cvUTkWmm.mjs";
+import { V as _, i as ee, p as v, r as y, t as b, w as x } from "./DiQUqii-.mjs";
+import { n as S, t as C } from "./BxfDXlNF.mjs";
+import { t as w } from "./g1H2yYXi.mjs";
+import { t as T } from "./BnNJk0GR2.mjs";
+import { t as E } from "./D9Pg_OCD2.mjs";
+import { computed as D, createCommentVNode as O, createElementBlock as k, createVNode as A, defineComponent as j, getCurrentInstance as M, inject as N, nextTick as P, normalizeClass as F, normalizeStyle as I, onBeforeUnmount as L, onBeforeUpdate as te, onMounted as ne, onUpdated as re, openBlock as R, provide as ie, reactive as ae, ref as z, renderSlot as B, shallowRef as oe, triggerRef as se, unref as V, useSlots as H, vShow as U, watch as W, withDirectives as G } from "vue";
+import { clamp as ce, omit as K } from "lodash-unified";
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/virtual-list/src/hooks/use-wheel.mjs
+var le = ({ atEndEdge: e, atStartEdge: t, layout: n }, r) => {
+	let i, o = 0, s = (n) => n < 0 && t.value || n > 0 && e.value;
+	return {
+		hasReachedEdge: s,
+		onWheel: (e) => {
+			C(i);
+			let { deltaX: t, deltaY: c } = e;
+			e.shiftKey && c !== 0 && (t = c, c = 0);
+			let l = n.value === "horizontal" ? t : c;
+			s(l) || (o += l, !a() && l !== 0 && e.preventDefault(), i = S(() => {
+				r(o), o = 0;
+			}));
+		}
+	};
+}, q = Symbol("tabsRootContextKey"), J = p({
+	tabs: {
+		type: g(Array),
+		default: () => T([])
+	},
+	tabRefs: {
+		type: g(Object),
+		default: () => T({})
+	}
+}), Y = "ElTabBar", ue = /* @__PURE__ */ j({
+	name: Y,
+	__name: "tab-bar",
+	props: J,
+	setup(e, { expose: t }) {
+		let n = e, r = N(q);
+		r || s(Y, "<el-tabs><el-tab-bar /></el-tabs>");
+		let i = m("tabs"), a = z(), o = z(), l = D(() => {
+			var e;
+			return d(r.props.defaultValue) || !!((e = o.value) != null && e.transform);
+		}), u = () => {
+			let e = 0, t = 0, i = ["top", "bottom"].includes(r.props.tabPosition) ? "width" : "height", a = i === "width" ? "x" : "y", o = a === "x" ? "left" : "top";
+			return n.tabs.every((r) => {
+				if (d(r.paneName)) return !1;
+				let a = n.tabRefs[r.paneName];
+				if (!a) return !1;
+				if (!r.active) return !0;
+				e = a[`offset${_(o)}`], t = a[`client${_(i)}`];
+				let s = window.getComputedStyle(a);
+				return i === "width" && (t -= Number.parseFloat(s.paddingLeft) + Number.parseFloat(s.paddingRight), e += Number.parseFloat(s.paddingLeft)), !1;
+			}), {
+				[i]: `${t}px`,
+				transform: `translate${_(a)}(${e}px)`
+			};
+		}, f = () => o.value = u(), p = [], h = () => {
+			p.forEach((e) => e.stop()), p.length = 0, Object.values(n.tabRefs).forEach((e) => {
+				p.push(c(e, f));
+			});
+		};
+		W(() => n.tabs, async () => {
+			await P(), f(), h();
+		}, { immediate: !0 });
+		let g = c(a, () => f());
+		return L(() => {
+			p.forEach((e) => e.stop()), p.length = 0, g.stop();
+		}), t({
+			ref: a,
+			update: f
+		}), (e, t) => l.value ? (R(), k("div", {
+			key: 0,
+			ref_key: "barRef",
+			ref: a,
+			class: F([V(i).e("active-bar"), V(i).is(V(r).props.tabPosition)]),
+			style: I(o.value)
+		}, null, 6)) : O("v-if", !0);
+	}
+}), de = p({
+	panes: {
+		type: g(Array),
+		default: () => T([])
+	},
+	currentName: {
+		type: [String, Number],
+		default: ""
+	},
+	editable: Boolean,
+	type: {
+		type: String,
+		values: [
+			"card",
+			"border-card",
+			""
+		],
+		default: ""
+	},
+	stretch: Boolean,
+	tabindex: {
+		type: [String, Number],
+		default: void 0
+	}
+}), X = {
+	tabClick: (e, t, n) => n instanceof Event,
+	tabRemove: (e, t) => t instanceof Event
+}, Z = "ElTabNav", Q = /* @__PURE__ */ j({
+	name: Z,
+	props: de,
+	emits: X,
+	setup(n, { expose: a, emit: l }) {
+		let u = N(q);
+		u || s(Z, "<el-tabs><tab-nav /></el-tabs>");
+		let d = m("tabs"), f = r(), p = i(), h = z(), g = z(), _ = z(), x = z({}), C = z(), w = z(!1), T = z(0), O = z(!1), k = z(!0), j = z(!1), M = oe(), F = D(() => ["top", "bottom"].includes(u.props.tabPosition)), I = D(() => F.value ? "width" : "height"), L = D(() => {
+			let e = I.value === "width" ? "X" : "Y";
+			return {
+				transition: j.value ? "none" : void 0,
+				transform: `translate${e}(-${T.value}px)`
+			};
+		}), { width: te, height: R } = o(h), { width: ie, height: ae } = o(g, {
+			width: 0,
+			height: 0
+		}, { box: "border-box" }), B = D(() => F.value ? te.value : R.value), V = D(() => F.value ? ie.value : ae.value), { onWheel: H } = le({
+			atStartEdge: D(() => T.value <= 0),
+			atEndEdge: D(() => V.value - T.value <= B.value),
+			layout: D(() => F.value ? "horizontal" : "vertical")
+		}, (e) => {
+			T.value = ce(T.value + e, 0, V.value - B.value);
+		}), U = (e) => {
+			j.value = !0, H(e), S(() => {
+				j.value = !1;
+			});
+		}, G = () => {
+			if (!h.value) return;
+			let e = h.value.getBoundingClientRect()[I.value], t = T.value;
+			t && (T.value = t > e ? t - e : 0);
+		}, K = () => {
+			if (!h.value || !g.value) return;
+			let e = g.value.getBoundingClientRect()[I.value], t = h.value.getBoundingClientRect()[I.value], n = T.value;
+			E(e - n, t) && (T.value = e - n > t * 2 ? n + t : e - t);
+		}, J = async () => {
+			let e = g.value;
+			if (!w.value || !_.value || !h.value || !e) return;
+			await P();
+			let t = x.value[n.currentName];
+			if (!t) return;
+			let r = h.value, i = t.getBoundingClientRect(), a = r.getBoundingClientRect(), o = a.left + 1, s = a.right - 1, c = e.getBoundingClientRect(), l = F.value ? c.width - a.width : c.height - a.height, u = T.value, d = u;
+			F.value ? (i.left < o && (d = u - (o - i.left)), i.right > s && (d = u + i.right - s)) : (i.top < a.top && (d = u - (a.top - i.top)), i.bottom > a.bottom && (d = u + (i.bottom - a.bottom))), d = Math.max(d, 0), T.value = Math.min(d, l);
+		}, Y = () => {
+			var e;
+			if (!g.value || !h.value) return;
+			n.stretch && ((e = C.value) == null || e.update());
+			let t = g.value.getBoundingClientRect()[I.value], r = h.value.getBoundingClientRect()[I.value], i = T.value;
+			r < t ? (w.value = w.value || {}, w.value.prev = i, w.value.next = E(t, i + r), E(r, t - i) && (T.value = t - r)) : (w.value = !1, i > 0 && (T.value = 0));
+		}, de = (n) => {
+			let r = t(n), i = 0;
+			switch (r) {
+				case e.left:
+				case e.up:
+					i = -1;
+					break;
+				case e.right:
+				case e.down:
+					i = 1;
+					break;
+				default: return;
+			}
+			let a = Array.from(n.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), o = a.indexOf(n.target) + i;
+			o < 0 ? o = a.length - 1 : o >= a.length && (o = 0), a[o].focus({ preventScroll: !0 }), a[o].click(), X();
+		}, X = () => {
+			k.value && (O.value = !0);
+		}, Q = () => O.value = !1, fe = (e, t) => {
+			x.value[t] = e;
+		};
+		return W(f, (e) => {
+			e === "hidden" ? k.value = !1 : e === "visible" && setTimeout(() => k.value = !0, 50);
+		}), W(p, (e) => {
+			e ? setTimeout(() => k.value = !0, 50) : k.value = !1;
+		}), c(_, () => {
+			S(Y);
+		}), ne(() => setTimeout(() => J(), 0)), re(() => Y()), a({
+			scrollToActiveTab: J,
+			removeFocus: Q,
+			focusActiveTab: async () => {
+				var e;
+				await P(), (e = x.value[n.currentName]) == null || e.focus({ preventScroll: !0 });
+			},
+			tabListRef: g,
+			tabBarRef: C,
+			scheduleRender: () => se(M)
+		}), () => {
+			let r = w.value ? [A("span", {
+				class: [d.e("nav-prev"), d.is("disabled", !w.value.prev)],
+				onClick: G
+			}, [A(b, null, { default: () => [A(y, null, null)] })]), A("span", {
+				class: [d.e("nav-next"), d.is("disabled", !w.value.next)],
+				onClick: K
+			}, [A(b, null, { default: () => [A(ee, null, null)] })])] : null, i = n.panes.map((r, i) => {
+				var a, o;
+				let s = r.uid, c = r.props.disabled, f = r.props.name ?? r.index ?? `${i}`, p = !c && (r.isClosable || r.props.closable !== !1 && n.editable);
+				r.index = `${i}`;
+				let m = p ? A(b, {
+					class: "is-icon-close",
+					onClick: (e) => l("tabRemove", r, e)
+				}, { default: () => [A(v, null, null)] }) : null, h = ((a = (o = r.slots).label) == null ? void 0 : a.call(o)) || r.props.label, g = !c && r.active ? n.tabindex ?? u.props.tabindex : -1;
+				return A("div", {
+					ref: (e) => fe(e, f),
+					class: [
+						d.e("item"),
+						d.is(u.props.tabPosition),
+						d.is("active", r.active),
+						d.is("disabled", c),
+						d.is("closable", p),
+						d.is("focus", O.value)
+					],
+					id: `tab-${f}`,
+					key: `tab-${s}`,
+					"aria-controls": `pane-${f}`,
+					role: "tab",
+					"aria-selected": r.active,
+					tabindex: g,
+					onFocus: () => X(),
+					onBlur: () => Q(),
+					onClick: (e) => {
+						Q(), l("tabClick", r, f, e);
+					},
+					onKeydown: (n) => {
+						let i = t(n);
+						p && (i === e.delete || i === e.backspace) && l("tabRemove", r, n);
+					}
+				}, [...[h, m]]);
+			});
+			return M.value, A("div", {
+				ref: _,
+				class: [
+					d.e("nav-wrap"),
+					d.is("scrollable", !!w.value),
+					d.is(u.props.tabPosition)
+				]
+			}, [r, A("div", {
+				class: d.e("nav-scroll"),
+				ref: h
+			}, [n.panes.length > 0 ? A("div", {
+				class: [
+					d.e("nav"),
+					d.is(u.props.tabPosition),
+					d.is("stretch", n.stretch && ["top", "bottom"].includes(u.props.tabPosition))
+				],
+				ref: g,
+				style: L.value,
+				role: "tablist",
+				onKeydown: de,
+				onWheel: U
+			}, [...[n.type ? null : A(ue, {
+				ref: C,
+				tabs: [...n.panes],
+				tabRefs: x.value
+			}, null), i]]) : null])]);
+		};
+	}
+}), fe = p({
+	type: {
+		type: String,
+		values: [
+			"card",
+			"border-card",
+			""
+		],
+		default: ""
+	},
+	closable: Boolean,
+	addable: Boolean,
+	modelValue: { type: [String, Number] },
+	defaultValue: { type: [String, Number] },
+	editable: Boolean,
+	tabPosition: {
+		type: String,
+		values: [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		],
+		default: "top"
+	},
+	beforeLeave: {
+		type: g(Function),
+		default: () => !0
+	},
+	stretch: Boolean,
+	tabindex: {
+		type: [String, Number],
+		default: 0
+	}
+}), $ = (e) => l(e) || u(e), pe = /* @__PURE__ */ j({
+	name: "ElTabs",
+	props: fe,
+	emits: {
+		[n]: (e) => $(e),
+		tabClick: (e, t) => t instanceof Event,
+		tabChange: (e) => $(e),
+		edit: (e, t) => ["remove", "add"].includes(t),
+		tabRemove: (e) => $(e),
+		tabAdd: () => !0
+	},
+	setup(r, { emit: i, slots: a, expose: o }) {
+		let s = m("tabs"), c = D(() => ["left", "right"].includes(r.tabPosition)), { children: l, addChild: u, removeChild: f, ChildrenSorter: p } = w(M(), "ElTabPane"), h = z(), g = z((d(r.modelValue) ? r.defaultValue : r.modelValue) ?? "0"), _ = async (e, t = !1) => {
+			if (!(g.value === e || d(e))) try {
+				let u;
+				if (r.beforeLeave) {
+					let t = r.beforeLeave(e, g.value);
+					u = t instanceof Promise ? await t : t;
+				} else u = !0;
+				if (u !== !1) {
+					var a, o, s, c;
+					let r = (a = l.value.find((e) => e.paneName === g.value)) == null ? void 0 : a.isFocusInsidePane();
+					g.value = e, t && (i(n, e), i("tabChange", e)), (o = h.value) == null || (s = o.removeFocus) == null || s.call(o), r && ((c = h.value) == null || c.focusActiveTab());
+				}
+			} catch {}
+		}, ee = (e, t, n) => {
+			e.props.disabled || (i("tabClick", e, n), _(t, !0));
+		}, v = (e, t) => {
+			e.props.disabled || d(e.props.name) || (t.stopPropagation(), i("edit", e.props.name, "remove"), i("tabRemove", e.props.name));
+		}, y = () => {
+			i("edit", void 0, "add"), i("tabAdd");
+		}, S = (n) => {
+			let r = t(n);
+			[e.enter, e.numpadEnter].includes(r) && y();
+		}, C = (e) => {
+			let t = e.el.firstChild, n = ["bottom", "right"].includes(r.tabPosition) ? e.children[0].el : e.children[1].el;
+			t !== n && t.before(n);
+		};
+		return W(() => r.modelValue, (e) => _(e)), W(g, async () => {
+			var e;
+			await P(), (e = h.value) == null || e.scrollToActiveTab();
+		}), ie(q, {
+			props: r,
+			currentName: g,
+			registerPane: u,
+			unregisterPane: f,
+			nav$: h
+		}), o({
+			currentName: g,
+			get tabNavRef() {
+				return K(h.value, ["scheduleRender"]);
+			}
+		}), () => {
+			let e = a["add-icon"], t = r.editable || r.addable ? A("div", {
+				class: [s.e("new-tab"), c.value && s.e("new-tab-vertical")],
+				tabindex: r.tabindex,
+				onClick: y,
+				onKeydown: S
+			}, [e ? B(a, "add-icon") : A(b, { class: s.is("icon-plus") }, { default: () => [A(x, null, null)] })]) : null, n = A("div", { class: [
+				s.e("header"),
+				c.value && s.e("header-vertical"),
+				s.is(r.tabPosition)
+			] }, [A(p, null, {
+				default: () => A(Q, {
+					ref: h,
+					currentName: g.value,
+					editable: r.editable,
+					type: r.type,
+					panes: l.value,
+					stretch: r.stretch,
+					onTabClick: ee,
+					onTabRemove: v
+				}, null),
+				$stable: !0
+			}), t]), i = A("div", { class: s.e("content") }, [B(a, "default")]);
+			return A("div", {
+				class: [
+					s.b(),
+					s.m(r.tabPosition),
+					{
+						[s.m("card")]: r.type === "card",
+						[s.m("border-card")]: r.type === "border-card"
+					}
+				],
+				onVnodeMounted: C,
+				onVnodeUpdated: C
+			}, [i, n]);
+		};
+	}
+}), me = p({
+	label: {
+		type: String,
+		default: ""
+	},
+	name: { type: [String, Number] },
+	closable: {
+		type: Boolean,
+		default: void 0
+	},
+	disabled: Boolean,
+	lazy: Boolean
+}), he = [
+	"id",
+	"aria-hidden",
+	"aria-labelledby"
+], ge = "ElTabPane", _e = /* @__PURE__ */ j({
+	name: ge,
+	__name: "tab-pane",
+	props: me,
+	setup(e) {
+		let t = e, n = M(), r = H(), i = N(q);
+		i || s(ge, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
+		let a = m("tab-pane"), o = z(), c = z(), l = D(() => t.closable ?? i.props.closable), u = D(() => i.currentName.value === (t.name ?? c.value)), d = z(u.value), f = D(() => t.name ?? c.value), p = D(() => !t.lazy || d.value || u.value), h = () => {
+			var e;
+			return (e = o.value) == null ? void 0 : e.contains(document.activeElement);
+		};
+		W(u, (e) => {
+			e && (d.value = !0);
+		});
+		let g = ae({
+			uid: n.uid,
+			getVnode: () => n.vnode,
+			slots: r,
+			props: t,
+			paneName: f,
+			active: u,
+			index: c,
+			isClosable: l,
+			isFocusInsidePane: h
+		});
+		return i.registerPane(g), L(() => {
+			i.unregisterPane(g);
+		}), te(() => {
+			var e;
+			r.label && ((e = i.nav$.value) == null || e.scheduleRender());
+		}), (e, t) => p.value ? G((R(), k("div", {
+			key: 0,
+			id: `pane-${f.value}`,
+			ref_key: "paneRef",
+			ref: o,
+			class: F(V(a).b()),
+			role: "tabpanel",
+			"aria-hidden": !u.value,
+			"aria-labelledby": `tab-${f.value}`
+		}, [B(e.$slots, "default")], 10, he)), [[U, u.value]]) : O("v-if", !0);
+	}
+}), ve = h(pe, { TabPane: _e }), ye = f(_e);
+//#endregion
+export { ve as n, ye as t };

package/chunks/Bs0Qas8r.mjs

@@ -0,0 +1,14 @@
+import { D as e } from "./cvUTkWmm.mjs";
+import { isVNode as t } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/utils/vue/vnode.mjs
+var n = /* @__PURE__ */ function(e) {
+	return e[e.TEXT = 1] = "TEXT", e[e.CLASS = 2] = "CLASS", e[e.STYLE = 4] = "STYLE", e[e.PROPS = 8] = "PROPS", e[e.FULL_PROPS = 16] = "FULL_PROPS", e[e.HYDRATE_EVENTS = 32] = "HYDRATE_EVENTS", e[e.STABLE_FRAGMENT = 64] = "STABLE_FRAGMENT", e[e.KEYED_FRAGMENT = 128] = "KEYED_FRAGMENT", e[e.UNKEYED_FRAGMENT = 256] = "UNKEYED_FRAGMENT", e[e.NEED_PATCH = 512] = "NEED_PATCH", e[e.DYNAMIC_SLOTS = 1024] = "DYNAMIC_SLOTS", e[e.HOISTED = -1] = "HOISTED", e[e.BAIL = -2] = "BAIL", e;
+}({}), r = (n) => {
+	let i = e(n) ? n : [n], a = [];
+	return i.forEach((n) => {
+		var i;
+		e(n) ? a.push(...r(n)) : t(n) && (i = n.component) != null && i.subTree ? a.push(n, ...r(n.component.subTree)) : t(n) && e(n.children) ? a.push(...r(n.children)) : t(n) && n.shapeFlag === 2 ? a.push(...r(n.type())) : a.push(n);
+	}), a;
+};
+//#endregion
+export { r as n, n as t };