vue-data-ui 3.27.0 → 3.27.1-beta.0

package/dist/RecursiveCircles-D6aDPmoe.js

@@ -1,117 +0,0 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, mergeProps as a, openBlock as o, ref as s, renderList as c, renderSlot as l, resolveComponent as u, watch as d, withCtx as f, withModifiers as p } from "vue";
-//#region src/atoms/RecursiveCircles.vue
-var m = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width",
-	"onClick",
-	"onMouseover"
-], h = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"onClick",
-	"onMouseover"
-], g = {
-	__name: "RecursiveCircles",
-	props: {
-		color: {
-			type: String,
-			default: "#000000"
-		},
-		dataset: {
-			type: Array,
-			default: () => []
-		},
-		hoveredUid: {
-			type: String,
-			default: null
-		},
-		linkColor: {
-			type: String,
-			default: "#CCCCCC"
-		},
-		stroke: {
-			type: String,
-			default: "#FFFFFF"
-		},
-		strokeHovered: {
-			type: String,
-			default: "#000000"
-		}
-	},
-	emits: ["click", "hover"],
-	setup(g, { emit: _ }) {
-		let v = g, y = _;
-		function b(e) {
-			y("click", e);
-		}
-		function x(e) {
-			y("hover", e);
-		}
-		let S = s([]);
-		return d(() => v.dataset, (e) => {
-			S.value = e || [];
-		}, { immediate: !0 }), (s, d) => {
-			let _ = u("RecursiveCircles", !0);
-			return o(!0), r(e, null, c(g.dataset, (u, v) => (o(), r(e, null, [u.polygonPath && u.polygonPath.coordinates ? (o(), r(e, { key: 0 }, [(o(!0), r(e, null, c(u.polygonPath.coordinates, (t, c) => (o(), r(e, { key: `node_${v}_${c}` }, [l(s.$slots, "node-svg", { nodeSvg: {
-				x: t.x,
-				y: t.y,
-				radius: u.circleRadius,
-				color: u.color,
-				stroke: g.stroke,
-				strokeWidth: u.circleRadius / 12,
-				isSelected: g.hoveredUid && g.hoveredUid === u.uid,
-				onClick: () => b(u),
-				onEnter: () => x(u),
-				onLeave: () => x(null)
-			} }, () => [i("circle", {
-				cx: t.x,
-				cy: t.y,
-				r: u.circleRadius,
-				fill: `url(#gradient_${u.color})`,
-				stroke: g.hoveredUid && g.hoveredUid === u.uid ? g.strokeHovered : g.stroke,
-				"stroke-width": g.hoveredUid && g.hoveredUid === u.uid ? u.circleRadius / 6 : u.circleRadius / 12,
-				style: { cursor: "pointer" },
-				onClick: (e) => b(u),
-				onMouseover: (e) => x(u),
-				onMouseleave: d[0] ||= (e) => x(null)
-			}, null, 40, m)]), s.$slots.node ? (o(), r("foreignObject", {
-				key: 0,
-				x: t.x - u.circleRadius,
-				y: t.y - u.circleRadius,
-				height: u.circleRadius * 2,
-				width: u.circleRadius * 2,
-				style: { overflow: "visible" },
-				onClick: p((e) => b(u), ["stop"]),
-				onMouseover: (e) => x(u),
-				onMouseleave: d[1] ||= (e) => x(null)
-			}, [l(s.$slots, "node", a({ ref_for: !0 }, { node: u }))], 40, h)) : n("", !0)], 64))), 128)), u.nodes && u.nodes.length > 0 ? (o(), t(_, {
-				key: 0,
-				dataset: u.nodes,
-				color: g.color,
-				stroke: g.stroke,
-				strokeHovered: g.strokeHovered,
-				hoveredUid: g.hoveredUid,
-				onClick: b,
-				onHover: x
-			}, {
-				node: f(({ node: e }) => [l(s.$slots, "node", a({ ref_for: !0 }, { node: e }))]),
-				"node-svg": f(({ nodeSvg: e }) => [l(s.$slots, "node-svg", a({ ref_for: !0 }, { nodeSvg: e }))]),
-				_: 2
-			}, 1032, [
-				"dataset",
-				"color",
-				"stroke",
-				"strokeHovered",
-				"hoveredUid"
-			])) : n("", !0)], 64)) : n("", !0)], 64))), 256);
-		};
-	}
-};
-//#endregion
-export { g as default };

package/dist/RecursiveLabels-D9rfID6q.js

@@ -1,56 +0,0 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, openBlock as i, ref as a, renderList as o, resolveComponent as s, toDisplayString as c, watch as l } from "vue";
-//#region src/atoms/RecursiveLabels.vue
-var u = [
-	"x",
-	"y",
-	"fill",
-	"font-size"
-], d = {
-	__name: "RecursiveLabels",
-	props: {
-		color: {
-			type: String,
-			default: "#000000"
-		},
-		dataset: {
-			type: Array,
-			default: () => []
-		},
-		hoveredUid: {
-			type: String,
-			default: null
-		}
-	},
-	emits: ["zoom", "hover"],
-	setup(d, { emit: f }) {
-		let p = d, m = a([]);
-		return l(() => p.dataset, (e) => {
-			m.value = e || [];
-		}, { immediate: !0 }), (a, l) => {
-			let f = s("RecursiveLabels", !0);
-			return i(!0), r(e, null, o(m.value, (a, s) => (i(), r(e, { key: `level_${s}` }, [a.polygonPath && a.polygonPath.coordinates ? (i(), r(e, { key: 0 }, [(i(!0), r(e, null, o(a.polygonPath.coordinates, (e, t) => (i(), r("text", {
-				key: `node_${s}_${t}`,
-				x: e.x,
-				y: e.y + a.circleRadius * 2,
-				fill: d.color,
-				"font-size": a.circleRadius,
-				"text-anchor": "middle",
-				style: {
-					opacity: "0.8",
-					"pointer-events": "none"
-				}
-			}, c(a.name), 9, u))), 128)), a.nodes && a.nodes.length > 0 ? (i(), t(f, {
-				key: 0,
-				dataset: a.nodes,
-				color: d.color,
-				hoveredUid: d.hoveredUid
-			}, null, 8, [
-				"dataset",
-				"color",
-				"hoveredUid"
-			])) : n("", !0)], 64)) : n("", !0)], 64))), 128);
-		};
-	}
-};
-//#endregion
-export { d as default };

package/dist/RecursiveLinks-BygcpDiT.js

@@ -1,78 +0,0 @@
-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-DSwamtmO.js

@@ -1,143 +0,0 @@
-import { B as e, M as t } from "./lib-D4wK6ljP.js";
-import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { computed as r, createCommentVNode as i, createElementBlock as a, normalizeClass as o, normalizeStyle as s, openBlock as c } from "vue";
-//#region src/atoms/Shape.vue
-var l = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], u = [
-	"d",
-	"fill",
-	"stroke",
-	"stroke-width"
-], d = [
-	"points",
-	"fill",
-	"stroke",
-	"stroke-width"
-], f = /*#__PURE__*/ n({
-	__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 },
-		still: { type: Boolean }
-	},
-	emits: [
-		"mouseover",
-		"mouseout",
-		"click"
-	],
-	setup(n, { emit: f }) {
-		let p = n, m = f;
-		function h(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 g = r(() => h(p.shape)), _ = r(() => p.shape === "star" ? e({
-			plot: {
-				x: p.plot.x,
-				y: p.plot.y
-			},
-			radius: p.radius * (p.isSelected ? p.zoom : 1)
-		}) : null), v = r(() => t({
-			plot: {
-				x: p.plot.x,
-				y: p.plot.y
-			},
-			radius: p.radius * (p.isSelected ? p.zoom : 1),
-			sides: g.value.points,
-			rotation: g.value.rotation
-		}).path);
-		return (e, t) => (c(), a("g", null, [
-			g.value && g.value.points === 1 ? (c(), a("circle", {
-				key: 0,
-				class: o(["vdui-shape-circle", { "vdui-shape-no-transition": n.still }]),
-				cx: n.plot.x,
-				cy: n.plot.y,
-				r: p.radius * (p.isSelected ? p.zoom : 1),
-				fill: n.color,
-				stroke: n.stroke,
-				"stroke-width": n.strokeWidth,
-				onMouseover: t[0] ||= (e) => m("mouseover"),
-				onMouseout: t[1] ||= (e) => m("mouseout"),
-				onClick: t[2] ||= (e) => m("click"),
-				style: s({ transition: n.transition })
-			}, null, 46, l)) : i("", !0),
-			g.value && g.value.points >= n.limit ? (c(), a("path", {
-				key: 1,
-				class: o(["vdui-shape-polygon", { "vdui-shape-no-transition": n.still }]),
-				d: v.value,
-				fill: n.color,
-				stroke: n.stroke,
-				"stroke-width": n.strokeWidth,
-				onMouseover: t[3] ||= (e) => m("mouseover"),
-				onMouseout: t[4] ||= (e) => m("mouseout"),
-				onClick: t[5] ||= (e) => m("click"),
-				style: s({ transition: n.transition })
-			}, null, 46, u)) : i("", !0),
-			_.value ? (c(), a("polygon", {
-				key: 2,
-				class: o(["vdui-shape-star", { "vdui-shape-no-transition": n.still }]),
-				points: _.value,
-				fill: n.color,
-				stroke: n.stroke,
-				"stroke-width": n.strokeWidth,
-				onMouseover: t[6] ||= (e) => m("mouseover"),
-				onMouseout: t[7] ||= (e) => m("mouseout"),
-				onClick: t[8] ||= (e) => m("click"),
-				style: s({ transition: n.transition })
-			}, null, 46, d)) : i("", !0)
-		]));
-	}
-}, [["__scopeId", "data-v-848f7c20"]]);
-//#endregion
-export { f as t };