vue-data-ui 3.0.0-next.9 → 3.0.1

package/dist/{RecursiveLinks-ld_gDZH4.js → RecursiveLinks-00zGWPf9.js}

@@ -1,5 +1,5 @@
-import { toRef as k, resolveComponent as d, createElementBlock as o, openBlock as e, Fragment as r, renderList as c, createCommentVNode as s, createElementVNode as y, createBlock as h } from "vue";
-const g = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], x = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], C = {
+import { toRef as h, resolveComponent as g, createElementBlock as o, openBlock as e, Fragment as r, renderList as c, createCommentVNode as l, createElementVNode as y, createBlock as x } from "vue";
+const p = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], m = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], F = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -16,49 +16,51 @@ const g = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], x = ["x1", "y1", "
     }
   },
   setup(n) {
-    return k(n, "dataset").value.forEach((a) => {
+    return h(n, "dataset").value.forEach((a) => {
       a.nodes && a.nodes.length > 0 && a.nodes.forEach((u) => {
         u.ancestor = a;
       });
     }), (a, u) => {
-      const i = d("RecursiveLinks", !0);
+      const i = g("RecursiveLinks", !0);
       return e(), o(r, null, [
-        (e(!0), o(r, null, c(n.dataset, (t) => (e(), o(r, null, [
-          t.polygonPath && t.polygonPath.coordinates ? (e(!0), o(r, { key: 0 }, c(t.polygonPath.coordinates, (l, f) => (e(), o(r, null, [
+        (e(!0), o(r, null, c(n.dataset, (t, k) => (e(), o(r, null, [
+          t.polygonPath && t.polygonPath.coordinates ? (e(!0), o(r, { key: 0 }, c(t.polygonPath.coordinates, (s, d) => (e(), o(r, {
+            key: `node_${k}_${d}`
+          }, [
             t.ancestor && t.ancestor.polygonPath ? (e(), o(r, { key: 0 }, [
               y("line", {
-                x1: l.x,
-                y1: l.y,
+                x1: s.x,
+                y1: s.y,
                 x2: t.ancestor.polygonPath.coordinates[0].x,
                 y2: t.ancestor.polygonPath.coordinates[0].y,
                 stroke: n.backgroundColor,
                 "stroke-width": t.circleRadius / 1.5
-              }, null, 8, g),
+              }, null, 8, p),
               y("line", {
-                x1: l.x,
-                y1: l.y,
+                x1: s.x,
+                y1: s.y,
                 x2: t.ancestor.polygonPath.coordinates[0].x,
                 y2: t.ancestor.polygonPath.coordinates[0].y,
                 stroke: n.color,
                 "stroke-width": t.circleRadius / 2
-              }, null, 8, x)
-            ], 64)) : s("", !0)
-          ], 64))), 256)) : s("", !0)
+              }, null, 8, m)
+            ], 64)) : l("", !0)
+          ], 64))), 128)) : l("", !0)
         ], 64))), 256)),
         (e(!0), o(r, null, c(n.dataset, (t) => (e(), o(r, null, [
           t.polygonPath && t.polygonPath.coordinates ? (e(), o(r, { key: 0 }, [
-            t.nodes && t.nodes.length > 0 ? (e(), h(i, {
+            t.nodes && t.nodes.length > 0 ? (e(), x(i, {
               key: 0,
               dataset: t.nodes,
               color: n.color,
               backgroundColor: n.backgroundColor
-            }, null, 8, ["dataset", "color", "backgroundColor"])) : s("", !0)
-          ], 64)) : s("", !0)
+            }, null, 8, ["dataset", "color", "backgroundColor"])) : l("", !0)
+          ], 64)) : l("", !0)
         ], 64))), 256))
       ], 64);
     };
   }
 };
 export {
-  C as default
+  F as default
 };

package/dist/{Shape-Mr1eIp_G.js → Shape-Adi9i_-f.js}

@@ -1,6 +1,6 @@
-import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a } from "vue";
-import { _ as c, R as f } from "./index-CgShIRes.js";
-const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], g = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], h = {
+import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a, normalizeStyle as d } from "vue";
+import { _ as f, R as p } from "./index-Dzc2Gi60.js";
+const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], w = {
   __name: "Shape",
   props: {
     color: String,
@@ -20,12 +20,15 @@ const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], g = ["d", "fill",
     zoom: {
       type: Number,
       default: 1.3
+    },
+    transition: {
+      type: String
     }
   },
   emits: ["mouseover", "mouseout", "click"],
-  setup(e, { emit: k }) {
-    const o = e, i = k;
-    function v(m) {
+  setup(o, { emit: v }) {
+    const e = o, i = v;
+    function y(k) {
       return {
         circle: {
           points: 1,
@@ -55,56 +58,59 @@ const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], g = ["d", "fill",
           points: 6,
           rotation: 0
         }
-      }[m];
+      }[k];
     }
-    const s = u(() => v(o.shape)), d = u(() => o.shape !== "star" ? null : c({
-      plot: { x: o.plot.x, y: o.plot.y },
-      radius: o.radius * (o.isSelected ? o.zoom : 1)
-    })), p = u(() => f({
-      plot: { x: o.plot.x, y: o.plot.y },
-      radius: o.radius * (o.isSelected ? o.zoom : 1),
+    const s = u(() => y(e.shape)), m = u(() => e.shape !== "star" ? null : f({
+      plot: { x: e.plot.x, y: e.plot.y },
+      radius: e.radius * (e.isSelected ? e.zoom : 1)
+    })), c = u(() => p({
+      plot: { x: e.plot.x, y: e.plot.y },
+      radius: e.radius * (e.isSelected ? e.zoom : 1),
       sides: s.value.points,
       rotation: s.value.rotation
     }).path);
-    return (m, t) => (l(), r("g", null, [
+    return (k, t) => (l(), r("g", null, [
       s.value && s.value.points === 1 ? (l(), r("circle", {
         key: 0,
         class: "vdui-shape-circle",
-        cx: e.plot.x,
-        cy: e.plot.y,
-        r: o.radius * (o.isSelected ? o.zoom : 1),
-        fill: e.color,
-        stroke: e.stroke,
-        "stroke-width": e.strokeWidth,
+        cx: o.plot.x,
+        cy: o.plot.y,
+        r: e.radius * (e.isSelected ? e.zoom : 1),
+        fill: o.color,
+        stroke: o.stroke,
+        "stroke-width": o.strokeWidth,
         onMouseover: t[0] || (t[0] = (n) => i("mouseover")),
         onMouseout: t[1] || (t[1] = (n) => i("mouseout")),
-        onClick: t[2] || (t[2] = (n) => i("click"))
-      }, null, 40, y)) : a("", !0),
-      s.value && s.value.points >= e.limit ? (l(), r("path", {
+        onClick: t[2] || (t[2] = (n) => i("click")),
+        style: d({ transition: o.transition })
+      }, null, 44, g)) : a("", !0),
+      s.value && s.value.points >= o.limit ? (l(), r("path", {
         key: 1,
         class: "vdui-shape-polygon",
-        d: p.value,
-        fill: e.color,
-        stroke: e.stroke,
-        "stroke-width": e.strokeWidth,
+        d: c.value,
+        fill: o.color,
+        stroke: o.stroke,
+        "stroke-width": o.strokeWidth,
         onMouseover: t[3] || (t[3] = (n) => i("mouseover")),
         onMouseout: t[4] || (t[4] = (n) => i("mouseout")),
-        onClick: t[5] || (t[5] = (n) => i("click"))
-      }, null, 40, g)) : a("", !0),
-      d.value ? (l(), r("polygon", {
+        onClick: t[5] || (t[5] = (n) => i("click")),
+        style: d({ transition: o.transition })
+      }, null, 44, S)) : a("", !0),
+      m.value ? (l(), r("polygon", {
         key: 2,
         class: "vdui-shape-star",
-        points: d.value,
-        fill: e.color,
-        stroke: e.stroke,
-        "stroke-width": e.strokeWidth,
+        points: m.value,
+        fill: o.color,
+        stroke: o.stroke,
+        "stroke-width": o.strokeWidth,
         onMouseover: t[6] || (t[6] = (n) => i("mouseover")),
         onMouseout: t[7] || (t[7] = (n) => i("mouseout")),
-        onClick: t[8] || (t[8] = (n) => i("click"))
-      }, null, 40, x)) : a("", !0)
+        onClick: t[8] || (t[8] = (n) => i("click")),
+        style: d({ transition: o.transition })
+      }, null, 44, x)) : a("", !0)
     ]));
   }
 };
 export {
-  h as _
+  w as _
 };