vue-data-ui 3.20.3 → 3.20.4

package/dist/vue-ui-cursor-CiU4ttGN.js

@@ -0,0 +1,283 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { H as t, Mt as n, t as r } from "./lib-DUeYQsS0.js";
+import { t as ee } from "./useConfig-DAyQk86L.js";
+import { t as te } from "./useNestedProp-CNcoy38D.js";
+import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as a } from "./PackageVersion-BYcZLGDG.js";
+import { Teleport as o, computed as s, createBlock as ne, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, toDisplayString as y, unref as b } from "vue";
+//#region src/components/vue-ui-cursor.vue
+var x = /* @__PURE__ */ e({ default: () => R }), re = [
+	"xmlns",
+	"height",
+	"width"
+], ie = {
+	id: "follower",
+	fy: "30%",
+	fx: "30%"
+}, ae = ["stop-color", "stop-opacity"], oe = [
+	"r",
+	"fill",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], se = ["r"], S = {
+	key: 2,
+	class: "wave"
+}, C = ["id"], w = ["id"], T = ["filter", "stroke"], E = {
+	key: 3,
+	class: "crosshair"
+}, D = [
+	"x1",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], O = [
+	"x1",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], k = [
+	"y1",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], A = [
+	"y1",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], j = [
+	"cy",
+	"r",
+	"fill"
+], M = [
+	"cy",
+	"r",
+	"fill"
+], N = [
+	"cx",
+	"r",
+	"fill"
+], P = [
+	"cx",
+	"r",
+	"fill"
+], F = {
+	key: 5,
+	class: "coordinates"
+}, I = [
+	"x",
+	"y",
+	"font-size",
+	"fill"
+], L = ["transform"], ce = ["font-size", "fill"], R = /* @__PURE__ */ i({
+	__name: "vue-ui-cursor",
+	props: { config: {
+		type: Object,
+		default: {}
+	} },
+	setup(e) {
+		let { vue_ui_cursor: i } = ee(), x = e, R = v(t()), z = s(() => te({
+			userConfig: x.config,
+			defaultConfig: i
+		})), B = v({
+			x: -100,
+			y: -100
+		}), V = s(() => Math.round(z.value.centerCircleRadius)), H = s(() => Math.round(z.value.coordinatesOffset));
+		function U({ clientX: e, clientY: t, ...n }) {
+			B.value.x = e - V.value, B.value.y = t - V.value;
+		}
+		function W(e) {
+			B.value.x = e.targetTouches[0].clientX - V.value, B.value.y = e.targetTouches[0].clientY - V.value;
+		}
+		let G = v(!0);
+		function K(e) {
+			G.value = e;
+		}
+		let q = v(!1), J = v(null);
+		function Y() {
+			q.value = !1, J.value && clearTimeout(J.value), f(() => {
+				q.value = !0, J.value = setTimeout(() => {
+					q.value = !1;
+				}, 1e3);
+			});
+		}
+		let X = v(null), Z = v(null);
+		function Q() {
+			return z.value.parentId ? document.getElementById(z.value.parentId) : document.getElementsByTagName("div")[0] || null;
+		}
+		function $(e) {
+			e && (e.addEventListener("mousemove", U), e.addEventListener("touchmove", W), e.addEventListener("mouseleave", () => K(!1)), e.addEventListener("mouseenter", () => K(!0)), e.addEventListener("click", Y));
+		}
+		function le(e) {
+			e && (e.removeEventListener("mousemove", U), e.removeEventListener("touchmove", W), e.removeEventListener("mouseleave", () => K(!1)), e.removeEventListener("mouseenter", () => K(!0)), e.removeEventListener("click", Y));
+		}
+		return g(() => {
+			let e = Q();
+			if (e) {
+				X.value = e, $(e);
+				return;
+			}
+			if (!z.value.parentId) return;
+			let t = new MutationObserver(() => {
+				let e = Q();
+				e && (X.value = e, $(e), t.disconnect(), Z.value = null);
+			});
+			t.observe(document.body, {
+				childList: !0,
+				subtree: !0
+			}), Z.value = t;
+		}), h(() => {
+			Z.value &&= (Z.value.disconnect(), null), X.value &&= (le(X.value), null);
+		}), (e, t) => (_(), ne(o, { to: "body" }, [G.value ? (_(), l("svg", {
+			key: 0,
+			"data-dom-to-png-ignore": "",
+			xmlns: b(r),
+			style: m(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${B.value.y}px; left:${B.value.x}px;`),
+			viewBox: "0 0 100 100",
+			height: V.value * 2,
+			width: V.value * 2
+		}, [
+			d(a),
+			u("defs", null, [u("radialGradient", ie, [u("stop", {
+				offset: "10%",
+				"stop-color": z.value.bubbleEffectColor,
+				"stop-opacity": z.value.bubbleEffectOpacity
+			}, null, 8, ae), t[0] ||= u("stop", {
+				offset: "95%",
+				"stop-color": "transparent"
+			}, null, -1)])]),
+			z.value.showCenterCircle ? (_(), l("circle", {
+				key: 0,
+				cx: 50,
+				cy: 50,
+				r: V.value,
+				fill: b(n)(z.value.centerCircleColor, z.value.centerCircleOpacity * 100),
+				stroke: z.value.centerCircleStroke,
+				"stroke-width": z.value.centerCircleStrokeWidth,
+				"stroke-dasharray": z.value.centerCircleDasharray
+			}, null, 8, oe)) : c("", !0),
+			z.value.bubbleEffect ? (_(), l("circle", {
+				key: 1,
+				cx: 50,
+				cy: 50,
+				r: V.value,
+				fill: "url(#follower)",
+				stroke: "none"
+			}, null, 8, se)) : c("", !0),
+			z.value.useWaveOnClick ? (_(), l("g", S, [u("defs", null, [u("filter", {
+				id: `blur_${R.value}`,
+				x: "-50%",
+				y: "-50%",
+				width: "200%",
+				height: "200%"
+			}, [u("feGaussianBlur", {
+				in: "SourceGraphic",
+				stdDeviation: 4,
+				id: `blur_std_${R.value}`
+			}, null, 8, w), t[1] ||= u("feColorMatrix", {
+				type: "saturate",
+				values: "0"
+			}, null, -1)], 8, C)]), q.value ? (_(), l("circle", {
+				key: 0,
+				class: p({ "circle-wave": q.value }),
+				cx: 50,
+				cy: 50,
+				r: 50,
+				filter: `url(#blur_${R.value})`,
+				stroke: z.value.centerCircleStroke,
+				fill: "none",
+				"stroke-width": "3"
+			}, null, 10, T)) : c("", !0)])) : c("", !0),
+			z.value.showCrosshair ? (_(), l("g", E, [
+				u("line", {
+					x1: -V.value + 50,
+					x2: -5e3,
+					y1: 50,
+					y2: 50,
+					stroke: z.value.crosshairStroke,
+					"stroke-width": z.value.crosshairStrokeWidth,
+					"stroke-dasharray": z.value.crosshairDasharray,
+					"stroke-linecap": "round"
+				}, null, 8, D),
+				u("line", {
+					x1: 50 + V.value,
+					x2: 5e3,
+					y1: 50,
+					y2: 50,
+					stroke: z.value.crosshairStroke,
+					"stroke-width": z.value.crosshairStrokeWidth,
+					"stroke-dasharray": z.value.crosshairDasharray,
+					"stroke-linecap": "round"
+				}, null, 8, O),
+				u("line", {
+					x1: 50,
+					x2: 50,
+					y1: -V.value + 50,
+					y2: -5e3,
+					stroke: z.value.crosshairStroke,
+					"stroke-width": z.value.crosshairStrokeWidth,
+					"stroke-dasharray": z.value.crosshairDasharray,
+					"stroke-linecap": "round"
+				}, null, 8, k),
+				u("line", {
+					x1: 50,
+					x2: 50,
+					y1: V.value + 50,
+					y2: 5e3,
+					stroke: z.value.crosshairStroke,
+					"stroke-width": z.value.crosshairStrokeWidth,
+					"stroke-dasharray": z.value.crosshairDasharray,
+					"stroke-linecap": "round"
+				}, null, 8, A)
+			])) : c("", !0),
+			z.value.showIntersectCircles ? (_(), l("g", {
+				key: 4,
+				class: p({ "rotating-circles": z.value.isLoading })
+			}, [
+				u("circle", {
+					cx: 50,
+					cy: V.value + 50,
+					r: z.value.intersectCirclesRadius,
+					fill: z.value.intersectCirclesFill
+				}, null, 8, j),
+				u("circle", {
+					cx: 50,
+					cy: -V.value + 50,
+					r: z.value.intersectCirclesRadius,
+					fill: z.value.intersectCirclesFill
+				}, null, 8, M),
+				u("circle", {
+					cx: -V.value + 50,
+					cy: 50,
+					r: z.value.intersectCirclesRadius,
+					fill: z.value.intersectCirclesFill
+				}, null, 8, N),
+				u("circle", {
+					cx: V.value + 50,
+					cy: 50,
+					r: z.value.intersectCirclesRadius,
+					fill: z.value.intersectCirclesFill
+				}, null, 8, P)
+			], 2)) : c("", !0),
+			z.value.showCoordinates ? (_(), l("g", F, [u("text", {
+				"text-anchor": "end",
+				x: -V.value + 50 - z.value.coordinatesFontSize / 2 + H.value,
+				y: 50 - z.value.coordinatesFontSize / 2 + H.value,
+				"font-size": z.value.coordinatesFontSize,
+				fill: z.value.coordinatesColor,
+				style: { "font-variant-numeric": "tabular-nums" },
+				"font-family": "Arial"
+			}, y(B.value.x.toFixed(0)), 9, I), u("g", { transform: `translate(${50 - z.value.coordinatesFontSize / 2 + H.value}, ${-V.value + 50 - z.value.coordinatesFontSize / 2 + H.value})` }, [u("text", {
+				"text-anchor": "start",
+				"font-size": z.value.coordinatesFontSize,
+				fill: z.value.coordinatesColor,
+				style: { "font-variant-numeric": "tabular-nums" },
+				transform: "rotate(-90)",
+				"font-family": "Arial"
+			}, y(B.value.y.toFixed(0)), 9, ce)], 8, L)])) : c("", !0)
+		], 12, re)) : c("", !0)]));
+	}
+}, [["__scopeId", "data-v-4b1f566e"]]);
+//#endregion
+export { x as n, R as t };