fix: render react shape in dnd graph (#2970)

packages/x6-plugin-snapline/src/index.ts

@@ -5,10 +5,12 @@ import './api'
 
 export class Snapline extends Disposable {
   private snaplineImpl: SnaplineImpl
+  public options: Snapline.Options
   public name = 'snapline'
 
-  constructor(public readonly options: Snapline.Options) {
+  constructor(options: Snapline.Options) {
     super()
+    this.options = { tolerance: 10, ...options }
     CssLoader.ensure(this.name, content)
   }
 

packages/x6-plugin-snapline/src/snapline.ts

@@ -47,7 +47,7 @@ export class SnaplineImpl extends View implements IDisablable {
 
     const { graph, ...others } = options
     this.graph = graph
-    this.options = { tolerance: 10, ...others }
+    this.options = { ...others }
     this.offset = { x: 0, y: 0 }
     this.render()
     if (!this.disabled) {

packages/x6-react-shape/src/view.ts

@@ -29,7 +29,10 @@ export class ReactShapeView extends NodeView<ReactShape> {
     const node = this.cell
 
     if (container) {
-      const elem = React.createElement(Wrap, { node, graph: node.model!.graph })
+      const graph = node.model ? node.model.graph : null
+      // Actually in the dnd plugin, this graph is empty,
+      // in order to make the external perception type of graph is a graph, rather than graph | null, so hack this.
+      const elem = React.createElement(Wrap, { node, graph: graph! })
       if (Portal.isActive()) {
         const portal = createPortal(elem, container) as ReactPortal
         Portal.connect(this.cell.id, portal)

packages/x6/src/renderer/queueJob.ts

@@ -72,7 +72,8 @@ export class JobQueue {
       try {
         job.cb()
       } catch (error) {
-        // pass
+        // eslint-disable-next-line
+        console.log(error)
       }
     }