@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/chunks/itbzUWg4.js

@@ -0,0 +1,4 @@
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/form/src/constants.mjs
+var e = Symbol("formContextKey"), t = Symbol("formItemContextKey");
+//#endregion
+export { t as n, e as t };

package/chunks/kPKqEDo-.js

@@ -0,0 +1,588 @@
+import "./B1EPd8qV.js";
+import { i as e, n as t } from "./BykQpC2D.js";
+import { A as n, C as r, T as i, _ as a, v as o } from "./fICCbPEl.js";
+import { E as s, M as c, b as l, f as u, g as d, l as f, m as p, s as ee, t as m, u as h } from "./D73tXuJP.js";
+import { t as te } from "./DdW8XqoW.js";
+import { t as ne } from "./CuVxnUGN.js";
+import { E as g, M as _, N as v, T as y, g as b, i as x, p as re, r as S, t as C, w as ie } from "./BtonI3XP.js";
+import { n as ae } from "./byLw7vSU.js";
+import { n as w } from "./BVQMbnV7.js";
+import { t as T } from "./DuuoytDu.js";
+import { t as oe } from "./BMuH4fKH.js";
+import { n as se } from "./BjwA4s46.js";
+import { t as E } from "./BLiwTT_i2.js";
+import { h as D } from "./DiB3ANPI2.js";
+import { useFormItemProps as O } from "../helper/form-item.js";
+import { r as k } from "./Beh1v279.js";
+import { allProps as A, predicate as j } from "../props/image.js";
+import { Fragment as ce, Transition as le, computed as M, createBlock as ue, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createSlots as I, createTextVNode as L, createVNode as R, defineComponent as z, effectScope as de, guardReactiveProps as B, isVNode as fe, markRaw as pe, mergeProps as V, nextTick as me, normalizeClass as H, normalizeProps as U, normalizeStyle as he, onMounted as ge, openBlock as W, ref as G, renderSlot as K, resolveDynamicComponent as _e, shallowRef as ve, toDisplayString as ye, unref as q, useAttrs as be, watch as J, withCtx as Y, withModifiers as xe } from "vue";
+import { fromPairs as Se, throttle as X } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/image/src/image.mjs
+var Ce = f({
+	hideOnClickModal: Boolean,
+	src: {
+		type: String,
+		default: ""
+	},
+	fit: {
+		type: String,
+		values: [
+			"",
+			"contain",
+			"cover",
+			"fill",
+			"none",
+			"scale-down"
+		],
+		default: ""
+	},
+	loading: {
+		type: String,
+		values: ["eager", "lazy"]
+	},
+	lazy: Boolean,
+	scrollContainer: { type: h([String, Object]) },
+	previewSrcList: {
+		type: h(Array),
+		default: () => E([])
+	},
+	previewTeleported: Boolean,
+	zIndex: { type: Number },
+	initialIndex: {
+		type: Number,
+		default: 0
+	},
+	infinite: {
+		type: Boolean,
+		default: !0
+	},
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	zoomRate: {
+		type: Number,
+		default: 1.2
+	},
+	scale: {
+		type: Number,
+		default: 1
+	},
+	minScale: {
+		type: Number,
+		default: .2
+	},
+	maxScale: {
+		type: Number,
+		default: 7
+	},
+	showProgress: Boolean,
+	crossorigin: { type: h(String) }
+}), we = {
+	load: (e) => e instanceof Event,
+	error: (e) => e instanceof Event,
+	switch: (e) => d(e),
+	close: () => !0,
+	show: () => !0
+}, Z = f({
+	urlList: {
+		type: h(Array),
+		default: () => E([])
+	},
+	zIndex: { type: Number },
+	initialIndex: {
+		type: Number,
+		default: 0
+	},
+	infinite: {
+		type: Boolean,
+		default: !0
+	},
+	hideOnClickModal: Boolean,
+	teleported: Boolean,
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	zoomRate: {
+		type: Number,
+		default: 1.2
+	},
+	scale: {
+		type: Number,
+		default: 1
+	},
+	minScale: {
+		type: Number,
+		default: .2
+	},
+	maxScale: {
+		type: Number,
+		default: 7
+	},
+	showProgress: Boolean,
+	crossorigin: { type: h(String) }
+}), Te = {
+	close: () => !0,
+	error: (e) => e instanceof Event,
+	switch: (e) => d(e),
+	rotate: (e) => d(e)
+}, Ee = ["src", "crossorigin"], De = m(/* @__PURE__ */ z({
+	name: "ElImageViewer",
+	__name: "image-viewer",
+	props: Z,
+	emits: Te,
+	setup(n, { expose: i, emit: o }) {
+		let s = {
+			CONTAIN: {
+				name: "contain",
+				icon: pe(b)
+			},
+			ORIGINAL: {
+				name: "original",
+				icon: pe(g)
+			}
+		}, c = n, l = o, d, { t: f } = ae(), p = ee("image-viewer"), { nextZIndex: m } = se(), h = G(), ne = G(), w = de(), E = M(() => {
+			let { scale: e, minScale: t, maxScale: n } = c;
+			return r(e, t, n);
+		}), D = G(!0), O = G(!1), k = G(!1), A = G(c.initialIndex), j = ve(s.CONTAIN), I = G({
+			scale: E.value,
+			deg: 0,
+			offsetX: 0,
+			offsetY: 0,
+			enableTransition: !1
+		}), z = G(c.zIndex ?? m());
+		T(k, { ns: p });
+		let B = M(() => {
+			let { urlList: e } = c;
+			return e.length <= 1;
+		}), fe = M(() => A.value === 0), V = M(() => A.value === c.urlList.length - 1), U = M(() => c.urlList[A.value]), be = M(() => [
+			p.e("btn"),
+			p.e("prev"),
+			p.is("disabled", !c.infinite && fe.value)
+		]), Se = M(() => [
+			p.e("btn"),
+			p.e("next"),
+			p.is("disabled", !c.infinite && V.value)
+		]), Ce = M(() => {
+			let { scale: e, deg: t, offsetX: n, offsetY: r, enableTransition: i } = I.value, a = n / e, o = r / e, c = t * Math.PI / 180, l = Math.cos(c), u = Math.sin(c);
+			a = a * l + o * u, o = o * l - n / e * u;
+			let d = {
+				transform: `scale(${e}) rotate(${t}deg) translate(${a}px, ${o}px)`,
+				transition: i ? "transform .3s" : ""
+			};
+			return j.value.name === s.CONTAIN.name && (d.maxWidth = d.maxHeight = "100%"), d;
+		}), we = M(() => `${A.value + 1} / ${c.urlList.length}`);
+		function Z() {
+			De(), d == null || d(), k.value = !1, l("close");
+		}
+		function Te() {
+			let n = X((n) => {
+				switch (t(n)) {
+					case e.esc:
+						c.closeOnPressEscape && Z();
+						break;
+					case e.space:
+						Ne();
+						break;
+					case e.left:
+						Pe();
+						break;
+					case e.up:
+						$("zoomIn");
+						break;
+					case e.right:
+						Fe();
+						break;
+					case e.down:
+						$("zoomOut");
+						break;
+				}
+			}), r = X((e) => {
+				$((e.deltaY || e.deltaX) < 0 ? "zoomIn" : "zoomOut", {
+					zoomRate: c.zoomRate,
+					enableTransition: !1
+				});
+			});
+			w.run(() => {
+				a(document, "keydown", n), a(h, "wheel", r);
+			});
+		}
+		function De() {
+			w.stop();
+		}
+		function Oe() {
+			D.value = !1;
+		}
+		function ke(e) {
+			O.value = !0, D.value = !1, l("error", e), e.target.alt = f("el.image.error");
+		}
+		function Ae(e) {
+			if (D.value || e.button !== 0 || !h.value) return;
+			I.value.enableTransition = !1;
+			let { offsetX: t, offsetY: n } = I.value, r = e.pageX, i = e.pageY, o = X((e) => {
+				I.value = {
+					...I.value,
+					offsetX: t + e.pageX - r,
+					offsetY: n + e.pageY - i
+				};
+			}), s = a(document, "mousemove", o), c = a(document, "mouseup", () => {
+				s(), c();
+			});
+			e.preventDefault();
+		}
+		function je(e) {
+			if (D.value || !h.value || e.touches.length !== 1) return;
+			I.value.enableTransition = !1;
+			let { offsetX: t, offsetY: n } = I.value, { pageX: r, pageY: i } = e.touches[0], o = X((e) => {
+				let a = e.touches[0];
+				I.value = {
+					...I.value,
+					offsetX: t + a.pageX - r,
+					offsetY: n + a.pageY - i
+				};
+			}), s = a(document, "touchmove", o), c = a(document, "touchend", () => {
+				s(), c();
+			});
+			e.preventDefault();
+		}
+		function Me() {
+			I.value = {
+				scale: E.value,
+				deg: 0,
+				offsetX: 0,
+				offsetY: 0,
+				enableTransition: !1
+			};
+		}
+		function Ne() {
+			if (D.value || O.value) return;
+			let e = u(s), t = Object.values(s), n = j.value.name;
+			j.value = s[e[(t.findIndex((e) => e.name === n) + 1) % e.length]], Me();
+		}
+		function Q(e) {
+			O.value = !1;
+			let t = c.urlList.length;
+			A.value = (e + t) % t;
+		}
+		function Pe() {
+			fe.value && !c.infinite || Q(A.value - 1);
+		}
+		function Fe() {
+			V.value && !c.infinite || Q(A.value + 1);
+		}
+		function $(e, t = {}) {
+			if (D.value || O.value) return;
+			let { minScale: n, maxScale: r } = c, { zoomRate: i, rotateDeg: a, enableTransition: o } = {
+				zoomRate: c.zoomRate,
+				rotateDeg: 90,
+				enableTransition: !0,
+				...t
+			};
+			switch (e) {
+				case "zoomOut":
+					I.value.scale > n && (I.value.scale = Number.parseFloat((I.value.scale / i).toFixed(3)));
+					break;
+				case "zoomIn":
+					I.value.scale < r && (I.value.scale = Number.parseFloat((I.value.scale * i).toFixed(3)));
+					break;
+				case "clockwise":
+					I.value.deg += a, l("rotate", I.value.deg);
+					break;
+				case "anticlockwise":
+					I.value.deg -= a, l("rotate", I.value.deg);
+					break;
+			}
+			I.value.enableTransition = o;
+		}
+		function Ie(e) {
+			var t;
+			((t = e.detail) == null ? void 0 : t.focusReason) === "pointer" && e.preventDefault();
+		}
+		function Le() {
+			c.closeOnPressEscape && Z();
+		}
+		function Re(e) {
+			if (e.ctrlKey && (e.deltaY < 0 || e.deltaY > 0)) return e.preventDefault(), !1;
+		}
+		return J(() => E.value, (e) => {
+			I.value.scale = e;
+		}), J(U, () => {
+			me(() => {
+				var e;
+				(e = ne.value) != null && e.complete || (D.value = !0);
+			});
+		}), J(A, (e) => {
+			Me(), l("switch", e);
+		}), ge(() => {
+			k.value = !0, Te(), d = a("wheel", Re, { passive: !1 });
+		}), i({ setActiveItem: Q }), (e, t) => (W(), ue(q(te), {
+			to: "body",
+			disabled: !n.teleported
+		}, {
+			default: Y(() => [R(le, {
+				name: "viewer-fade",
+				appear: ""
+			}, {
+				default: Y(() => [F("div", {
+					ref_key: "wrapper",
+					ref: h,
+					tabindex: -1,
+					class: H(q(p).e("wrapper")),
+					style: he({ zIndex: z.value })
+				}, [R(q(oe), {
+					loop: "",
+					trapped: "",
+					"focus-trap-el": h.value,
+					"focus-start-el": "container",
+					onFocusoutPrevented: Ie,
+					onReleaseRequested: Le
+				}, {
+					default: Y(() => [
+						F("div", {
+							class: H(q(p).e("mask")),
+							onClick: t[0] || (t[0] = xe((e) => n.hideOnClickModal && Z(), ["self"]))
+						}, null, 2),
+						N(" CLOSE "),
+						F("span", {
+							class: H([q(p).e("btn"), q(p).e("close")]),
+							onClick: Z
+						}, [R(q(C), null, {
+							default: Y(() => [R(q(re))]),
+							_: 1
+						})], 2),
+						N(" ARROW "),
+						B.value ? N("v-if", !0) : (W(), P(ce, { key: 0 }, [F("span", {
+							class: H(be.value),
+							onClick: Pe
+						}, [R(q(C), null, {
+							default: Y(() => [R(q(S))]),
+							_: 1
+						})], 2), F("span", {
+							class: H(Se.value),
+							onClick: Fe
+						}, [R(q(C), null, {
+							default: Y(() => [R(q(x))]),
+							_: 1
+						})], 2)], 64)),
+						e.$slots.progress || n.showProgress ? (W(), P("div", {
+							key: 1,
+							class: H([q(p).e("btn"), q(p).e("progress")])
+						}, [K(e.$slots, "progress", {
+							activeIndex: A.value,
+							total: n.urlList.length
+						}, () => [L(ye(we.value), 1)])], 2)) : N("v-if", !0),
+						N(" ACTIONS "),
+						F("div", { class: H([q(p).e("btn"), q(p).e("actions")]) }, [F("div", { class: H(q(p).e("actions__inner")) }, [K(e.$slots, "toolbar", {
+							actions: $,
+							prev: Pe,
+							next: Fe,
+							reset: Ne,
+							activeIndex: A.value,
+							setActiveItem: Q
+						}, () => [
+							R(q(C), { onClick: t[1] || (t[1] = (e) => $("zoomOut")) }, {
+								default: Y(() => [R(q(v))]),
+								_: 1
+							}),
+							R(q(C), { onClick: t[2] || (t[2] = (e) => $("zoomIn")) }, {
+								default: Y(() => [R(q(_))]),
+								_: 1
+							}),
+							F("i", { class: H(q(p).e("actions__divider")) }, null, 2),
+							R(q(C), { onClick: Ne }, {
+								default: Y(() => [(W(), ue(_e(j.value.icon)))]),
+								_: 1
+							}),
+							F("i", { class: H(q(p).e("actions__divider")) }, null, 2),
+							R(q(C), { onClick: t[3] || (t[3] = (e) => $("anticlockwise")) }, {
+								default: Y(() => [R(q(ie))]),
+								_: 1
+							}),
+							R(q(C), { onClick: t[4] || (t[4] = (e) => $("clockwise")) }, {
+								default: Y(() => [R(q(y))]),
+								_: 1
+							})
+						])], 2)], 2),
+						N(" CANVAS "),
+						F("div", { class: H(q(p).e("canvas")) }, [O.value && e.$slots["viewer-error"] ? K(e.$slots, "viewer-error", {
+							key: 0,
+							activeIndex: A.value,
+							src: U.value
+						}) : (W(), P("img", {
+							ref_key: "imgRef",
+							ref: ne,
+							key: U.value,
+							src: U.value,
+							style: he(Ce.value),
+							class: H(q(p).e("img")),
+							crossorigin: n.crossorigin,
+							onLoad: Oe,
+							onError: ke,
+							onMousedown: Ae,
+							onTouchstart: je
+						}, null, 46, Ee))], 2),
+						K(e.$slots, "default")
+					]),
+					_: 3
+				}, 8, ["focus-trap-el"])], 6)]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["disabled"]));
+	}
+})), Oe = [
+	"src",
+	"loading",
+	"crossorigin"
+], ke = { key: 0 }, Ae = m(/* @__PURE__ */ z({
+	name: "ElImage",
+	inheritAttrs: !1,
+	__name: "image",
+	props: Ce,
+	emits: we,
+	setup(e, { expose: t, emit: r }) {
+		let a = e, u = r, { t: d } = ae(), f = ee("image"), m = be(), h = M(() => Se(Object.entries(m).filter(([e]) => /^(data-|on[A-Z])/i.test(e) || ["id", "style"].includes(e)))), te = ne({
+			excludeListeners: !0,
+			excludeKeys: M(() => Object.keys(h.value))
+		}), g = G(), _ = G(!1), v = G(!0), y = G(!1), b = G(), x = G(), re = i && "loading" in HTMLImageElement.prototype, S, C = M(() => [
+			f.e("inner"),
+			T.value && f.e("preview"),
+			v.value && f.is("loading")
+		]), ie = M(() => {
+			let { fit: e } = a;
+			return i && e ? { objectFit: e } : {};
+		}), T = M(() => {
+			let { previewSrcList: e } = a;
+			return s(e) && e.length > 0;
+		}), oe = M(() => {
+			let { previewSrcList: e, initialIndex: t } = a, n = t;
+			return t > e.length - 1 && (n = 0), n;
+		}), se = M(() => a.loading === "eager" ? !1 : !re && a.loading === "lazy" || a.lazy), E = () => {
+			i && (v.value = !0, _.value = !1, g.value = a.src);
+		};
+		function D(e) {
+			v.value = !1, _.value = !1, u("load", e);
+		}
+		function O(e) {
+			v.value = !1, _.value = !0, u("error", e);
+		}
+		function k(e) {
+			e && (E(), le());
+		}
+		let A = n(k, 200, !0);
+		async function j() {
+			if (!i) return;
+			await me();
+			let { scrollContainer: e } = a;
+			if (p(e)) x.value = e;
+			else if (c(e) && e !== "") x.value = document.querySelector(e) ?? void 0;
+			else if (b.value) {
+				let e = w(b.value);
+				x.value = l(e) ? void 0 : e;
+			}
+			let { stop: t } = o(b, ([e]) => {
+				A(e.isIntersecting);
+			}, { root: x });
+			S = t;
+		}
+		function le() {
+			!i || !A || (S == null || S(), x.value = void 0, S = void 0);
+		}
+		function L() {
+			T.value && (y.value = !0, u("show"));
+		}
+		function R() {
+			y.value = !1, u("close");
+		}
+		function z(e) {
+			u("switch", e);
+		}
+		return J(() => a.src, () => {
+			se.value ? (v.value = !0, _.value = !1, le(), j()) : E();
+		}), ge(() => {
+			se.value ? j() : E();
+		}), t({ showPreview: L }), (t, n) => (W(), P("div", V({
+			ref_key: "container",
+			ref: b
+		}, h.value, { class: [q(f).b(), t.$attrs.class] }), [_.value ? K(t.$slots, "error", { key: 0 }, () => [F("div", { class: H(q(f).e("error")) }, ye(q(d)("el.image.error")), 3)]) : (W(), P(ce, { key: 1 }, [g.value === void 0 ? N("v-if", !0) : (W(), P("img", V({ key: 0 }, q(te), {
+			src: g.value,
+			loading: e.loading,
+			style: ie.value,
+			class: C.value,
+			crossorigin: e.crossorigin,
+			onClick: L,
+			onLoad: D,
+			onError: O
+		}), null, 16, Oe)), v.value ? (W(), P("div", {
+			key: 1,
+			class: H(q(f).e("wrapper"))
+		}, [K(t.$slots, "placeholder", {}, () => [F("div", { class: H(q(f).e("placeholder")) }, null, 2)])], 2)) : N("v-if", !0)], 64)), T.value ? (W(), P(ce, { key: 2 }, [y.value ? (W(), ue(q(De), {
+			key: 0,
+			"z-index": e.zIndex,
+			"initial-index": oe.value,
+			infinite: e.infinite,
+			"zoom-rate": e.zoomRate,
+			"min-scale": e.minScale,
+			"max-scale": e.maxScale,
+			"show-progress": e.showProgress,
+			"url-list": e.previewSrcList,
+			scale: e.scale,
+			crossorigin: e.crossorigin,
+			"hide-on-click-modal": e.hideOnClickModal,
+			teleported: e.previewTeleported,
+			"close-on-press-escape": e.closeOnPressEscape,
+			onClose: R,
+			onSwitch: z
+		}, I({
+			toolbar: Y((e) => [K(t.$slots, "toolbar", U(B(e)))]),
+			default: Y(() => [t.$slots.viewer ? (W(), P("div", ke, [K(t.$slots, "viewer")])) : N("v-if", !0)]),
+			_: 2
+		}, [t.$slots.progress ? {
+			name: "progress",
+			fn: Y((e) => [K(t.$slots, "progress", U(B(e)))]),
+			key: "0"
+		} : void 0, t.$slots["viewer-error"] ? {
+			name: "viewer-error",
+			fn: Y((e) => [K(t.$slots, "viewer-error", U(B(e)))]),
+			key: "1"
+		} : void 0]), 1032, [
+			"z-index",
+			"initial-index",
+			"infinite",
+			"zoom-rate",
+			"min-scale",
+			"max-scale",
+			"show-progress",
+			"url-list",
+			"scale",
+			"crossorigin",
+			"hide-on-click-modal",
+			"teleported",
+			"close-on-press-escape"
+		])) : N("v-if", !0)], 64)) : N("v-if", !0)], 16));
+	}
+}));
+//#endregion
+//#region src/components/form/FormImage.vue?vue&type=script&lang.jsx
+function je(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !fe(e);
+}
+//#endregion
+//#region src/components/form/FormImage.vue
+var Me = {
+	name: "FormImage",
+	inheritAttrs: !1,
+	props: { ...A },
+	emits: {},
+	setup(e, { slots: t, attrs: n }) {
+		let r = O(e, { attrs: n }), i = D(e, j);
+		return () => k(e, {
+			vNodes: R(Ae, V(i.value, n, { "preview-src-list": [e.src] }), je(t) ? t : { default: () => [t] }),
+			formItemProps: r,
+			slots: t
+		});
+	}
+};
+//#endregion
+export { Me as t };