vue-data-ui 3.20.3 → 3.20.4

package/dist/RecursiveLinks-BygcpDiT.js

@@ -0,0 +1,78 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, openBlock as a, ref as o, renderList as s, resolveComponent as c, watch as l } from "vue";
+//#region src/atoms/RecursiveLinks.vue
+var u = [
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"stroke",
+	"stroke-width"
+], d = [
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"stroke",
+	"stroke-width"
+], f = {
+	__name: "RecursiveLinks",
+	props: {
+		dataset: {
+			type: Array,
+			default: () => []
+		},
+		color: {
+			type: String,
+			default: "#DDDDDD"
+		},
+		backgroundColor: {
+			type: String,
+			default: "#FFFFFF"
+		},
+		useChildColor: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(f) {
+		let p = f, m = o([]);
+		return l(() => p.dataset, (e) => {
+			let t = e || [];
+			t.forEach((e) => {
+				e.nodes && e.nodes.length > 0 && e.nodes.forEach((t) => {
+					t.ancestor !== e && (t.ancestor = e);
+				});
+			}), m.value = t;
+		}, { immediate: !0 }), (o, l) => {
+			let p = c("RecursiveLinks", !0);
+			return a(), r(e, null, [(a(!0), r(e, null, s(m.value, (t, o) => (a(), r(e, { key: `level_${o}` }, [t.polygonPath && t.polygonPath.coordinates ? (a(!0), r(e, { key: 0 }, s(t.polygonPath.coordinates, (s, c) => (a(), r(e, { key: `node_${o}_${c}` }, [t.ancestor && t.ancestor.polygonPath ? (a(), r(e, { key: 0 }, [i("line", {
+				x1: s.x,
+				y1: s.y,
+				x2: t.ancestor.polygonPath.coordinates[0].x,
+				y2: t.ancestor.polygonPath.coordinates[0].y,
+				stroke: f.backgroundColor,
+				"stroke-width": t.strokeWidth * 1.5
+			}, null, 8, u), i("line", {
+				x1: s.x,
+				y1: s.y,
+				x2: t.ancestor.polygonPath.coordinates[0].x,
+				y2: t.ancestor.polygonPath.coordinates[0].y,
+				stroke: f.useChildColor ? t.color : f.color,
+				"stroke-width": t.strokeWidth
+			}, null, 8, d)], 64)) : n("", !0)], 64))), 128)) : n("", !0)], 64))), 128)), (a(!0), r(e, null, s(m.value, (i) => (a(), r(e, { key: `children_${i.uid || i.name}` }, [i.polygonPath && i.polygonPath.coordinates ? (a(), r(e, { key: 0 }, [i.nodes && i.nodes.length > 0 ? (a(), t(p, {
+				key: 0,
+				dataset: i.nodes,
+				color: f.color,
+				useChildColor: f.useChildColor,
+				backgroundColor: f.backgroundColor
+			}, null, 8, [
+				"dataset",
+				"color",
+				"useChildColor",
+				"backgroundColor"
+			])) : n("", !0)], 64)) : n("", !0)], 64))), 128))], 64);
+		};
+	}
+};
+//#endregion
+export { f as default };

package/dist/Shape-BPCJfphn.js

@@ -0,0 +1,141 @@
+import { D as e, P as t } from "./lib-DUeYQsS0.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, normalizeStyle as a, openBlock as o } from "vue";
+//#region src/atoms/Shape.vue
+var s = [
+	"cx",
+	"cy",
+	"r",
+	"fill",
+	"stroke",
+	"stroke-width"
+], c = [
+	"d",
+	"fill",
+	"stroke",
+	"stroke-width"
+], l = [
+	"points",
+	"fill",
+	"stroke",
+	"stroke-width"
+], u = {
+	__name: "Shape",
+	props: {
+		color: String,
+		isSelected: {
+			type: Boolean,
+			default: !1
+		},
+		limit: {
+			type: Number,
+			default: 3
+		},
+		plot: Object,
+		radius: Number,
+		shape: String,
+		stroke: String,
+		strokeWidth: Number,
+		zoom: {
+			type: Number,
+			default: 1.3
+		},
+		transition: { type: String }
+	},
+	emits: [
+		"mouseover",
+		"mouseout",
+		"click"
+	],
+	setup(u, { emit: d }) {
+		let f = u, p = d;
+		function m(e) {
+			return {
+				circle: {
+					points: 1,
+					rotation: 0
+				},
+				line: {
+					points: 2,
+					rotation: 0
+				},
+				triangle: {
+					points: 3,
+					rotation: .52
+				},
+				square: {
+					points: 4,
+					rotation: .783
+				},
+				diamond: {
+					points: 4,
+					rotation: 0
+				},
+				pentagon: {
+					points: 5,
+					rotation: .95
+				},
+				hexagon: {
+					points: 6,
+					rotation: 0
+				}
+			}[e];
+		}
+		let h = n(() => m(f.shape)), g = n(() => f.shape === "star" ? t({
+			plot: {
+				x: f.plot.x,
+				y: f.plot.y
+			},
+			radius: f.radius * (f.isSelected ? f.zoom : 1)
+		}) : null), _ = n(() => e({
+			plot: {
+				x: f.plot.x,
+				y: f.plot.y
+			},
+			radius: f.radius * (f.isSelected ? f.zoom : 1),
+			sides: h.value.points,
+			rotation: h.value.rotation
+		}).path);
+		return (e, t) => (o(), i("g", null, [
+			h.value && h.value.points === 1 ? (o(), i("circle", {
+				key: 0,
+				class: "vdui-shape-circle",
+				cx: u.plot.x,
+				cy: u.plot.y,
+				r: f.radius * (f.isSelected ? f.zoom : 1),
+				fill: u.color,
+				stroke: u.stroke,
+				"stroke-width": u.strokeWidth,
+				onMouseover: t[0] ||= (e) => p("mouseover"),
+				onMouseout: t[1] ||= (e) => p("mouseout"),
+				onClick: t[2] ||= (e) => p("click"),
+				style: a({ transition: u.transition })
+			}, null, 44, s)) : r("", !0),
+			h.value && h.value.points >= u.limit ? (o(), i("path", {
+				key: 1,
+				class: "vdui-shape-polygon",
+				d: _.value,
+				fill: u.color,
+				stroke: u.stroke,
+				"stroke-width": u.strokeWidth,
+				onMouseover: t[3] ||= (e) => p("mouseover"),
+				onMouseout: t[4] ||= (e) => p("mouseout"),
+				onClick: t[5] ||= (e) => p("click"),
+				style: a({ transition: u.transition })
+			}, null, 44, c)) : r("", !0),
+			g.value ? (o(), i("polygon", {
+				key: 2,
+				class: "vdui-shape-star",
+				points: g.value,
+				fill: u.color,
+				stroke: u.stroke,
+				"stroke-width": u.strokeWidth,
+				onMouseover: t[6] ||= (e) => p("mouseover"),
+				onMouseout: t[7] ||= (e) => p("mouseout"),
+				onClick: t[8] ||= (e) => p("click"),
+				style: a({ transition: u.transition })
+			}, null, 44, l)) : r("", !0)
+		]));
+	}
+};
+//#endregion
+export { u as t };