vue-safe-force-graph 2.0.3 → 2.0.5

package/lib/vue-safe-force-graph.js

@@ -31764,6 +31764,9 @@ const Q1e = {
         t && (e = !(Object.values(t).filter((r) => r === !1).length > 0));
       }
       return !e;
+    },
+    nodesLength() {
+      return this.data.nodes.filter((e) => e.type !== "nodeType").length;
     }
   },
   watch: {
@@ -32206,7 +32209,7 @@ const Q1e = {
 }, N1e = {
   key: 1,
   class: "relation-title"
-}, L1e = /* @__PURE__ */ W("h3", { class: "title-top" }, "关联列表", -1), O1e = {
+}, L1e = { class: "title-top" }, O1e = {
   key: 0,
   class: "extent-icon"
 }, D1e = {
@@ -32237,7 +32240,7 @@ function K1e(e, t, n, r, o, s) {
         }, null, 8, ["modelValue"])
       ])) : me("", !0),
       o.rootNode.type !== "nodeType" && !o.isAggregation ? (j(), oe("div", N1e, [
-        L1e,
+        W("h3", L1e, "关联列表（共" + De(s.nodesLength) + "个节点）", 1),
         s.showAllExtent ? (j(), oe("div", O1e, [
           (j(!0), oe(vt, null, Jt(o.allOptions, (f, d) => (j(), oe("div", { key: d }, [
             f.namec === "拓线全部" ? (j(), Qe(l, {
@@ -51792,7 +51795,7 @@ const lSe = /* @__PURE__ */ Ht(BCe, [["render", ASe], ["__scopeId", "data-v-4d80
     utime: "2019-05-06 15:08:10",
     children: []
   }
-], uSe = "vue-safe-force-graph", fSe = "2.0.3", dSe = "force_graph in security area", hSe = "jason zhang", gSe = "./lib/vue-safe-force-graph.js", pSe = "./lib/vue-safe-force-graph.umd.cjs", mSe = "module", vSe = [
+], uSe = "vue-safe-force-graph", fSe = "2.0.5", dSe = "force_graph in security area", hSe = "jason zhang", gSe = "./lib/vue-safe-force-graph.js", pSe = "./lib/vue-safe-force-graph.umd.cjs", mSe = "module", vSe = [
   "/lib/"
 ], ySe = {
   ".": {
@@ -52111,7 +52114,7 @@ const Ao = {}, USe = {
     }
   },
   created() {
-    na.setProject("QH_10542_1724").getTrack().getClickAndKeydown(), localStorage.getItem("showSafeForceGraphLog") && (eA("组件名称: " + xS.name), eA("组件版本: " + xS.version), eA("环境变量")), this.isThreatPath || this.initKeyEvent(), this.uniqueClass = "unique" + (/* @__PURE__ */ new Date()).getTime() + Math.floor(Math.random() * 1e5);
+    console.log("graph created time", Date.now()), na.setProject("QH_10542_1724").getTrack().getClickAndKeydown(), localStorage.getItem("showSafeForceGraphLog") && (eA("组件名称: " + xS.name), eA("组件版本: " + xS.version), eA("环境变量")), this.isThreatPath || this.initKeyEvent(), this.uniqueClass = "unique" + (/* @__PURE__ */ new Date()).getTime() + Math.floor(Math.random() * 1e5);
   },
   mounted() {
     return It(this, null, function* () {
@@ -52181,7 +52184,7 @@ const Ao = {}, USe = {
       }
       const e = this.stage.width() / (2 * ss), t = this.stage.height() / (2 * ss);
       this.simulation = XU(this.nodes).force("link", YU(this.links).id((r) => r.id).distance(120).strength(1)).force("charge", JU().strength(-600)).force("x", ZU()).force("y", eT()).force("center", Db(e, t)).on("tick", this.ticked), this.simulation.alphaDecay = this.alphaDecay * 1, this.simulation.alphaMin = this.alphaMin * 1, this.simulation.on("end", () => {
-        console.log("simulation end"), this.isThreatPath && this.centerAndZoom(1);
+        console.log("simulation end time", Date.now()), this.isThreatPath && this.centerAndZoom(1);
       });
     },
     update() {
@@ -52201,7 +52204,7 @@ const Ao = {}, USe = {
       const e = this.stage.width() / 2, t = this.stage.height() / 2, n = this.selection.map((r) => r.id);
       this.nodes.forEach((r) => It(this, null, function* () {
         var p, v, y, x, _, C, F, U, I, k, G, L, R, O;
-        const o = r.type === "nodeType" ? this.iconSizeComputed[r.icon] || this.iconSizeComputed.node_type : this.iconSizeComputed[r.type] || 24, s = (y = (v = (p = r == null ? void 0 : r.detail) == null ? void 0 : p.info) == null ? void 0 : v.basic) == null ? void 0 : y.level, a = (C = (_ = (x = r == null ? void 0 : r.detail) == null ? void 0 : x.info) == null ? void 0 : _.basic) == null ? void 0 : C.flag, A = yield this.getNodeImage(r);
+        const o = (r.type === "nodeType" ? this.iconSizeComputed[r.icon] || this.iconSizeComputed.node_type : this.iconSizeComputed[r.type]) || 24, s = (y = (v = (p = r == null ? void 0 : r.detail) == null ? void 0 : p.info) == null ? void 0 : v.basic) == null ? void 0 : y.level, a = (C = (_ = (x = r == null ? void 0 : r.detail) == null ? void 0 : x.info) == null ? void 0 : _.basic) == null ? void 0 : C.flag, A = yield this.getNodeImage(r);
         Ar[r.id] && ((F = Ar[r.id]) == null || F.destroy());
         const l = new jn.Group({
           name: "nodeGroup",
@@ -52239,7 +52242,7 @@ const Ao = {}, USe = {
           l.add(N), l.add(q), l.add(V);
           const Z = (ie, Ae) => new jn.Animation(function(pe) {
             const ve = pe.time, xe = 0.5 - 0.5 * (ve % Ae) / Ae, Ue = 40 * (ve % Ae) / Ae;
-            ie.radius(Ue), ie.opacity(xe);
+            ie.radius(Ue || 0), ie.opacity(xe);
           }, this.layer), J = Z(N, 1500), Y = Z(q, 1500), K = Z(V, 1500);
           J.start(), setTimeout(function() {
             Y.start();
@@ -52259,7 +52262,7 @@ const Ao = {}, USe = {
           l.add(M);
         }
         if (A) {
-          const M = a ? 20 : o, N = A && new jn.Image({
+          const M = (a ? 20 : o) || 24, N = A && new jn.Image({
             x: 0,
             y: 0,
             offsetX: M / 2,
@@ -52455,7 +52458,7 @@ const Ao = {}, USe = {
       for (let n = 0; n < this.links.length; n++) {
         const r = this.links[n], o = Ci[`${r.source.id}-${r.target.id}`], s = o == null ? void 0 : o.findOne(".konvaLine"), a = o == null ? void 0 : o.findOne(".linkArrow"), A = o == null ? void 0 : o.findOne(".edgeLabel");
         let l = r.source.x, c = r.source.y, u = r.target.x, f = r.target.y;
-        const d = u - l || 1, h = f - c || 1, g = Math.sqrt(d * d + h * h), p = d / g || 1, v = h / g || 1, y = r.source.type === "nodeType" ? (this.iconSizeComputed[r.source.icon] || 14) / 2 - 1 : this.iconSizeComputed[r.source.type] / 2 - 1, x = r.target.type === "nodeType" ? (this.iconSizeComputed[r.target.icon] || 14) / 2 - 1 : (this.iconSizeComputed[r.target.type] || 14) / 2 - 1;
+        const d = u - l || 1, h = f - c || 1, g = Math.sqrt(d * d + h * h), p = d / g || 1, v = h / g || 1, y = r.source.type === "nodeType" ? (this.iconSizeComputed[r.source.icon] || 14) / 2 - 1 : (this.iconSizeComputed[r.target.type] || 14) / 2 - 1, x = r.target.type === "nodeType" ? (this.iconSizeComputed[r.target.icon] || 14) / 2 - 1 : (this.iconSizeComputed[r.target.type] || 14) / 2 - 1;
         if (l = l + y * p, c = c + y * v, u = u - x * p, f = f - x * v, isNaN(l) || isNaN(c) || isNaN(u) || isNaN(f)) {
           e = !1;
           break;
@@ -52463,7 +52466,7 @@ const Ao = {}, USe = {
         s == null || s.points([l, c, u, f]);
         const _ = c4(l, c, u, f, T4);
         if (a == null || a.x((_ == null ? void 0 : _.x) || 0), a == null || a.y((_ == null ? void 0 : _.y) || 0), a == null || a.rotation(Math.atan2(f - c, u - l) * (180 / Math.PI)), A) {
-          A.x((l + u) / 2), A.y((c + f) / 2), A.offsetX(A.getWidth() / 2), A.offsetY(A.getHeight() / 2 + 8);
+          A.x((l + u) / 2), A.y((c + f) / 2), A.offsetX(A.getWidth() / 2 || 0), A.offsetY(A.getHeight() / 2 + 8 || 0);
           const C = Math.atan2(f - c, u - l) * (180 / Math.PI);
           u < l ? A.rotation(C + 180) : A.rotation(C);
         }