@web-utils/form-ui 1.0.0-beta71 → 1.0.0-beta73

package/chunks/CGM03LI5.mjs

@@ -1,588 +0,0 @@
-import "./CjjJimnU.mjs";
-import { i as e, n as t } from "./Bdeug17L.mjs";
-import { A as n, C as r, T as i, _ as a, v as o } from "./hgAOQY9a.mjs";
-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 "./DrKq_frR.mjs";
-import { t as te } from "./KGmxNbpi.mjs";
-import { t as ne } from "./77cFhiAz.mjs";
-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 "./D4oNQiIK.mjs";
-import { n as ae } from "./GEtlriHC.mjs";
-import { n as w } from "./BjCfQFUL.mjs";
-import { t as T } from "./BjWs-r2V.mjs";
-import { t as oe } from "./DsZznbt2.mjs";
-import { n as se } from "./BVSQ6DfJ.mjs";
-import { t as E } from "./CnCSm3LY2.mjs";
-import { h as D } from "./D-hj62se2.mjs";
-import { useFormItemProps as O } from "../helper/form-item.mjs";
-import { r as k } from "./BsM0L7CS.mjs";
-import { allProps as A, predicate as j } from "../props/image.mjs";
-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 };