vue-safe-force-graph 2.0.76 → 2.0.77

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

@@ -27867,23 +27867,23 @@ const KG = {
     },
     svgToUrl() {
       return ze(this, null, function* () {
-        this.$parent.centerAndZoom(), this.$parent.addCanvasBg();
+        this.$parent.centerAndZoom();
         const t = this.$parent.getCanvasStage().toDataURL({
           mimeType: "image/png"
         });
-        return this.$parent.removeCanvasBg(), this.$parent.reset(), t;
+        return this.$parent.reset(), t;
       });
     },
     svgToBlob() {
       return ze(this, null, function* () {
-        this.$parent.centerAndZoom(), this.$parent.addCanvasBg();
+        this.$parent.centerAndZoom();
         const e = this.$parent.getCanvasStage();
         e.find("Image").forEach((n) => {
           const r = n.image();
           r && (r.crossOrigin = "Anonymous");
         });
         const t = yield e.toBlob();
-        return this.$parent.removeCanvasBg(), this.$parent.reset(), t;
+        return this.$parent.reset(), t;
       });
     },
     deleteNodes() {
@@ -38385,7 +38385,7 @@ const qoe = /* @__PURE__ */ Xt(ooe, [["render", Voe], ["__scopeId", "data-v-194a
     utime: "2019-05-06 15:08:10",
     children: []
   }
-], zoe = "vue-safe-force-graph", Hoe = "2.0.76", Goe = "force_graph in security area", Woe = "jason zhang", Koe = "./lib/vue-safe-force-graph.js", Yoe = "./lib/vue-safe-force-graph.umd.cjs", Joe = "module", Xoe = [
+], zoe = "vue-safe-force-graph", Hoe = "2.0.77", Goe = "force_graph in security area", Woe = "jason zhang", Koe = "./lib/vue-safe-force-graph.js", Yoe = "./lib/vue-safe-force-graph.umd.cjs", Joe = "module", Xoe = [
   "/lib/"
 ], Qoe = {
   ".": {
@@ -38616,6 +38616,14 @@ const { toClipboard: sae } = Wd(), oae = "Arial,Helvetica Neue,Helvetica,PingFan
       type: Object,
       default: () => {
       }
+    },
+    enablePopover: {
+      type: Boolean,
+      default: !0
+    },
+    canvasBg: {
+      type: String,
+      default: "transparent"
     }
   },
   emits: [
@@ -38797,7 +38805,7 @@ const { toClipboard: sae } = Wd(), oae = "Arial,Helvetica Neue,Helvetica,PingFan
           id: "grab",
           x: 0,
           y: 0
-        }), this.layer.add(this.grab);
+        }), this.layer.add(this.grab), this.addCanvasBg();
         const r = this.layer.getCanvas()._canvas;
         this.canvasElement = r, this.stage.on("mousemove", (s) => {
           if (!this.mousedownNode || !s.evt[this.actKey]) {
@@ -38878,7 +38886,7 @@ const { toClipboard: sae } = Wd(), oae = "Arial,Helvetica Neue,Helvetica,PingFan
         id: "grab",
         x: 0,
         y: 0
-      }), this.layer.add(this.grab);
+      }), this.layer.add(this.grab), this.addCanvasBg();
     },
     paintNodes() {
       const e = this.stage.width() / 2, t = this.stage.height() / 2, n = this.selection.map((r) => r.id);
@@ -40124,16 +40132,15 @@ const { toClipboard: sae } = Wd(), oae = "Arial,Helvetica Neue,Helvetica,PingFan
       });
     },
     addCanvasBg() {
-      this.darkMode && (this.darkBgRect = new Et.Rect({
+      this.darkBgRect = new Et.Rect({
         x: 0,
         y: 0,
         width: this.stage.width() / this.scale,
         height: this.stage.height() / this.scale,
-        fill: "#021212",
-        stroke: "#021212",
+        fill: this.canvasBg,
         listening: !1,
         draggable: !1
-      }), this.layer.add(this.darkBgRect), this.darkBgRect.moveToBottom(), this.stage.draw());
+      }), this.layer.add(this.darkBgRect), this.darkBgRect.moveToBottom(), this.stage.draw();
     },
     removeCanvasBg() {
       this.darkBgRect && this.darkBgRect.destroy(), this.darkBgRect = null, this.stage.draw();
@@ -40157,7 +40164,8 @@ function dae(e, t, n, r, s, o) {
     ])), [
       [c, s.ticking]
     ]),
-    ne(a, {
+    n.enablePopover ? (O(), he(a, {
+      key: 0,
       "dark-mode": n.darkMode,
       "show-popover": s.showPopover && !s.isDragging,
       "mouse-position": s.hoverNodePosition,
@@ -40167,9 +40175,9 @@ function dae(e, t, n, r, s, o) {
       "custom-tooltip": n.customTooltip,
       history: n.history,
       data: n.history.dataNow
-    }, null, 8, ["dark-mode", "show-popover", "mouse-position", "node-info", "module-detail", "type", "custom-tooltip", "history", "data"]),
+    }, null, 8, ["dark-mode", "show-popover", "mouse-position", "node-info", "module-detail", "type", "custom-tooltip", "history", "data"])) : re("", !0),
     n.isThreatPath ? re("", !0) : (O(), he(l, {
-      key: 0,
+      key: 1,
       show: o.showContextMenuFlag,
       axis: s.mousePosition,
       "node-info": o.contextMenuNodes,
@@ -40670,6 +40678,14 @@ const Nae = {
       type: Boolean,
       default: !0
     },
+    enablePopover: {
+      type: Boolean,
+      default: !0
+    },
+    canvasBg: {
+      type: String,
+      default: "transparent"
+    },
     // 需要隐藏的顶部按钮。
     hideButtonList: {
       type: Array,
@@ -40942,7 +40958,7 @@ const Nae = {
   },
   mounted() {
     return ze(this, null, function* () {
-      console.log('"2024/11/19 15:03:57"', "2024/11/19 15:03:57"), this.initializeGraphApi(), window.onresize = () => {
+      console.log('"2024/11/19 19:21:53"', "2024/11/19 19:21:53"), this.initializeGraphApi(), window.onresize = () => {
         this.fullScreen = !!document.fullscreenElement, this.screenHeight = document.body.clientHeight;
       }, this.margin = this.changeMargin(), ps(nt, "emitDataLoaded", () => {
         this.emitDataLoaded();
@@ -41644,11 +41660,13 @@ function Mae(e, t, n, r, s, o) {
         "custom-tooltip": n.customTooltip,
         "edge-label-max-length": n.edgeLabelMaxLength,
         "custom-node-images": n.customNodeImages,
+        "enable-popover": n.enablePopover,
+        "canvas-bg": n.canvasBg,
         onUpdateSelection: o.updateSelection,
         onOnaction: o.onAction,
         onHandleSelectNode: o.handleSelectNode,
         onCustomContextmenuClick: o.handleCustomContextMenuClick
-      }, null, 8, ["enable-script", "module-detail", "history", "level-list", "selection", "data", "request-graph-data", "dark-mode", "node-type-scale", "node-type-list", "link-distance", "strength", "node-width", "start-node-width", "start-node-animation", "custom-tooltip", "edge-label-max-length", "custom-node-images", "onUpdateSelection", "onOnaction", "onHandleSelectNode", "onCustomContextmenuClick"]),
+      }, null, 8, ["enable-script", "module-detail", "history", "level-list", "selection", "data", "request-graph-data", "dark-mode", "node-type-scale", "node-type-list", "link-distance", "strength", "node-width", "start-node-width", "start-node-animation", "custom-tooltip", "edge-label-max-length", "custom-node-images", "enable-popover", "canvas-bg", "onUpdateSelection", "onOnaction", "onHandleSelectNode", "onCustomContextmenuClick"]),
       s.selection.length > 0 ? (O(), U("p", Pae, [
         t[2] || (t[2] = Pe(" 已选择")),
         q("span", Lae, _e(s.selection.length), 1),