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

package/chunks/BDVLN2ly.mjs

@@ -0,0 +1,105 @@
+import { l as e, s as t, u as n, x as r } from "./DrKq_frR.mjs";
+import { F as i } from "./D4oNQiIK.mjs";
+import { t as a } from "./BsKwchVA.mjs";
+import { createVNode as o, defineComponent as s, h as c, onBeforeUnmount as l, onMounted as u, ref as d, renderSlot as f, watchEffect as p } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-draggable/index.mjs
+var m = (e, t, n, r) => {
+	let a = {
+		offsetX: 0,
+		offsetY: 0
+	}, o = d(!1), s = (t, n) => {
+		if (e.value) {
+			let { offsetX: o, offsetY: s } = a, c = e.value.getBoundingClientRect(), l = c.left, u = c.top, d = c.width, f = c.height, p = document.documentElement.clientWidth, m = document.documentElement.clientHeight, h = -l + o, g = -u + s, _ = p - l - d + o, v = m - u - (f < m ? f : 0) + s;
+			r != null && r.value || (t = Math.min(Math.max(t, h), _), n = Math.min(Math.max(n, g), v)), a.offsetX = t, a.offsetY = n, e.value.style.transform = `translate(${i(t)}, ${i(n)})`;
+		}
+	}, c = (e) => {
+		let t = e.clientX, n = e.clientY, { offsetX: r, offsetY: i } = a, c = (e) => {
+			o.value || (o.value = !0), s(r + e.clientX - t, i + e.clientY - n);
+		}, l = () => {
+			o.value = !1, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l);
+		};
+		document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+	}, f = () => {
+		t.value && e.value && (t.value.addEventListener("mousedown", c), window.addEventListener("resize", g));
+	}, m = () => {
+		t.value && e.value && (t.value.removeEventListener("mousedown", c), window.removeEventListener("resize", g));
+	}, h = () => {
+		a.offsetX = 0, a.offsetY = 0, e.value && (e.value.style.transform = "");
+	}, g = () => {
+		let { offsetX: e, offsetY: t } = a;
+		s(e, t);
+	};
+	return u(() => {
+		p(() => {
+			n.value ? f() : m();
+		});
+	}), l(() => {
+		m();
+	}), {
+		isDragging: o,
+		resetPosition: h,
+		updatePosition: g
+	};
+}, h = (e) => {
+	if (!e) return {
+		onClick: r,
+		onMousedown: r,
+		onMouseup: r
+	};
+	let t = !1, n = !1;
+	return {
+		onClick: (r) => {
+			t && n && e(r), t = n = !1;
+		},
+		onMousedown: (e) => {
+			t = e.target === e.currentTarget;
+		},
+		onMouseup: (e) => {
+			n = e.target === e.currentTarget;
+		}
+	};
+}, g = e({
+	mask: {
+		type: Boolean,
+		default: !0
+	},
+	customMaskEvent: Boolean,
+	overlayClass: { type: n([
+		String,
+		Array,
+		Object
+	]) },
+	zIndex: { type: n([String, Number]) }
+}), _ = { click: (e) => e instanceof MouseEvent }, v = "overlay", y = s({
+	name: "ElOverlay",
+	props: g,
+	emits: _,
+	setup(e, { slots: n, emit: r }) {
+		let i = t(v), { onClick: s, onMousedown: l, onMouseup: u } = h(e.customMaskEvent ? void 0 : (e) => {
+			r("click", e);
+		});
+		return () => e.mask ? o("div", {
+			class: [i.b(), e.overlayClass],
+			style: { zIndex: e.zIndex },
+			onClick: s,
+			onMousedown: l,
+			onMouseup: u
+		}, [f(n, "default")], a.STYLE | a.CLASS | a.PROPS, [
+			"onClick",
+			"onMouseup",
+			"onMousedown"
+		]) : c("div", {
+			class: e.overlayClass,
+			style: {
+				zIndex: e.zIndex,
+				position: "fixed",
+				top: "0px",
+				right: "0px",
+				bottom: "0px",
+				left: "0px"
+			}
+		}, [f(n, "default")]);
+	}
+});
+//#endregion
+export { h as n, m as r, y as t };