@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/chunks/CWvo-ucD.mjs

@@ -0,0 +1,446 @@
+import { i as e, n as t } from "./Bdeug17L.mjs";
+import { r as n } from "./DnBzQ-xh.mjs";
+import { b as r, d as i, g as a, h as o, n as s, x as c } from "./hgAOQY9a.mjs";
+import { M as l, g as u, i as d, l as f, s as p, t as m, u as h, y as g } from "./DrKq_frR.mjs";
+import { S as _, i as v, p as y, r as ee, t as b, z as x } from "./D4oNQiIK.mjs";
+import { n as S, t as C } from "./CbgD7y-5.mjs";
+import { t as w } from "./Bgw_3soo.mjs";
+import { t as T } from "./CnCSm3LY2.mjs";
+import { t as E } from "./Ctd3_wOH2.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_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/virtual-list/src/hooks/use-wheel.mjs
+var le = ({ atEndEdge: e, atStartEdge: t, layout: n }, r) => {
+	let a, o = 0, s = (n) => n < 0 && t.value || n > 0 && e.value;
+	return {
+		hasReachedEdge: s,
+		onWheel: (e) => {
+			C(a);
+			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, !i() && l !== 0 && e.preventDefault(), a = S(() => {
+				r(o), o = 0;
+			}));
+		}
+	};
+}, q = Symbol("tabsRootContextKey"), J = f({
+	tabs: {
+		type: h(Array),
+		default: () => T([])
+	},
+	tabRefs: {
+		type: h(Object),
+		default: () => T({})
+	}
+}), Y = "ElTabBar", ue = /* @__PURE__ */ j({
+	name: Y,
+	__name: "tab-bar",
+	props: J,
+	setup(e, { expose: t }) {
+		let n = e, i = N(q);
+		i || s(Y, "<el-tabs><el-tab-bar /></el-tabs>");
+		let a = p("tabs"), o = z(), c = z(), l = D(() => {
+			var e;
+			return g(i.props.defaultValue) || !!((e = c.value) != null && e.transform);
+		}), u = () => {
+			let e = 0, t = 0, r = ["top", "bottom"].includes(i.props.tabPosition) ? "width" : "height", a = r === "width" ? "x" : "y", o = a === "x" ? "left" : "top";
+			return n.tabs.every((i) => {
+				if (g(i.paneName)) return !1;
+				let a = n.tabRefs[i.paneName];
+				if (!a) return !1;
+				if (!i.active) return !0;
+				e = a[`offset${x(o)}`], t = a[`client${x(r)}`];
+				let s = window.getComputedStyle(a);
+				return r === "width" && (t -= Number.parseFloat(s.paddingLeft) + Number.parseFloat(s.paddingRight), e += Number.parseFloat(s.paddingLeft)), !1;
+			}), {
+				[r]: `${t}px`,
+				transform: `translate${x(a)}(${e}px)`
+			};
+		}, d = () => c.value = u(), f = [], m = () => {
+			f.forEach((e) => e.stop()), f.length = 0, Object.values(n.tabRefs).forEach((e) => {
+				f.push(r(e, d));
+			});
+		};
+		W(() => n.tabs, async () => {
+			await P(), d(), m();
+		}, { immediate: !0 });
+		let h = r(o, () => d());
+		return L(() => {
+			f.forEach((e) => e.stop()), f.length = 0, h.stop();
+		}), t({
+			ref: o,
+			update: d
+		}), (e, t) => l.value ? (R(), k("div", {
+			key: 0,
+			ref_key: "barRef",
+			ref: o,
+			class: F([V(a).e("active-bar"), V(a).is(V(i).props.tabPosition)]),
+			style: I(c.value)
+		}, null, 6)) : O("v-if", !0);
+	}
+}), de = f({
+	panes: {
+		type: h(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: i, emit: l }) {
+		let u = N(q);
+		u || s(Z, "<el-tabs><tab-nav /></el-tabs>");
+		let d = p("tabs"), f = o(), m = c(), 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 } = a(h), { width: ie, height: ae } = a(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(m, (e) => {
+			e ? setTimeout(() => k.value = !0, 50) : k.value = !1;
+		}), r(_, () => {
+			S(Y);
+		}), ne(() => setTimeout(() => J(), 0)), re(() => Y()), i({
+			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(ee, null, null)] })]), A("span", {
+				class: [d.e("nav-next"), d.is("disabled", !w.value.next)],
+				onClick: K
+			}, [A(b, null, { default: () => [A(v, 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(y, 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 = f({
+	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: h(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 = p("tabs"), c = D(() => ["left", "right"].includes(r.tabPosition)), { children: l, addChild: u, removeChild: d, ChildrenSorter: f } = w(M(), "ElTabPane"), m = z(), h = z((g(r.modelValue) ? r.defaultValue : r.modelValue) ?? "0"), v = async (e, t = !1) => {
+			if (!(h.value === e || g(e))) try {
+				let u;
+				if (r.beforeLeave) {
+					let t = r.beforeLeave(e, h.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 === h.value)) == null ? void 0 : a.isFocusInsidePane();
+					h.value = e, t && (i(n, e), i("tabChange", e)), (o = m.value) == null || (s = o.removeFocus) == null || s.call(o), r && ((c = m.value) == null || c.focusActiveTab());
+				}
+			} catch {}
+		}, y = (e, t, n) => {
+			e.props.disabled || (i("tabClick", e, n), v(t, !0));
+		}, ee = (e, t) => {
+			e.props.disabled || g(e.props.name) || (t.stopPropagation(), i("edit", e.props.name, "remove"), i("tabRemove", e.props.name));
+		}, x = () => {
+			i("edit", void 0, "add"), i("tabAdd");
+		}, S = (n) => {
+			let r = t(n);
+			[e.enter, e.numpadEnter].includes(r) && x();
+		}, 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) => v(e)), W(h, async () => {
+			var e;
+			await P(), (e = m.value) == null || e.scrollToActiveTab();
+		}), ie(q, {
+			props: r,
+			currentName: h,
+			registerPane: u,
+			unregisterPane: d,
+			nav$: m
+		}), o({
+			currentName: h,
+			get tabNavRef() {
+				return K(m.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: x,
+				onKeydown: S
+			}, [e ? B(a, "add-icon") : A(b, { class: s.is("icon-plus") }, { default: () => [A(_, null, null)] })]) : null, n = A("div", { class: [
+				s.e("header"),
+				c.value && s.e("header-vertical"),
+				s.is(r.tabPosition)
+			] }, [A(f, null, {
+				default: () => A(Q, {
+					ref: m,
+					currentName: h.value,
+					editable: r.editable,
+					type: r.type,
+					panes: l.value,
+					stretch: r.stretch,
+					onTabClick: y,
+					onTabRemove: ee
+				}, 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 = f({
+	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 = p("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), m = 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) => m.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 = m(pe, { TabPane: _e }), ye = d(_e);
+//#endregion
+export { ve as n, ye as t };

package/chunks/C_eGir-J.mjs

@@ -0,0 +1,17 @@
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/constants/date.mjs
+var e = [
+	"year",
+	"years",
+	"month",
+	"months",
+	"date",
+	"dates",
+	"week",
+	"datetime",
+	"datetimerange",
+	"daterange",
+	"monthrange",
+	"yearrange"
+];
+//#endregion
+export { e as t };