layout增加倒三角符号

demo/Layouter/ChainHashTable.js

@@ -64,9 +64,10 @@ SV.registerLayout('ChainHashTable', {
                     }
                 }
             },
-            pointer: {
+            marker: {
                 external: {
-                    anchor: 3,
+                    type: 'pointer',
+                    anchor: 1,
                     offset: 8,
                     style: {
                         fill: '#f08a5d'

demo/Layouter/LinkQueue.js

@@ -72,6 +72,20 @@ SV.registerLayout('LinkQueue', {
                             fill: '#333'
                         }
                     }
+                },
+                loopNext: {
+                    type: 'quadratic',
+                    curveOffset: -100,
+                    sourceAnchor: 2,
+                    targetAnchor: 7,
+                    style: {
+                        stroke: '#333',
+                        endArrow: 'default',
+                        startArrow: {
+                            path: G6.Arrow.circle(2, -1),
+                            fill: '#333'
+                        }
+                    }
                 }
             },
             marker: {
@@ -85,7 +99,7 @@ SV.registerLayout('LinkQueue', {
             },
             layout: {
                 xInterval: 50,
-                yInterval: 50
+                yInterval: 58
             },
             behavior: {
                 dragNode: ['node']

demo/Layouter/LinkStack.js

@@ -44,6 +44,20 @@
                             fill: '#333'
                         }
                     }
+                },
+                loopNext: {
+                    type: 'quadratic',
+                    curveOffset: -100,
+                    sourceAnchor: 2,
+                    targetAnchor: 7,
+                    style: {
+                        stroke: '#333',
+                        endArrow: 'default',
+                        startArrow: {
+                            path: G6.Arrow.circle(2, -1),
+                            fill: '#333'
+                        }
+                    }
                 }
             },
             marker: {

demo/Layouter/PTree.js

@@ -35,8 +35,12 @@ SV.registerLayout('PTree', {
                 data: sources[i].parent
             });
         }
-        sources[0].indexLeft = 'data';
+        if(sources[0]){
-        parentNodes[0].indexLeft = 'parent';
+            sources[0].indexLeft = 'data';
+        }
+        if(parentNodes[0]){
+            parentNodes[0].indexLeft = 'parent';
+        }
 
         sources.push(...parentNodes);
 
@@ -70,14 +74,17 @@ SV.registerLayout('PTree', {
 
 
     layout(elements) {
-        let nodeLength = elements.length,
+        let nodeLength = elements.length;
-            halfLength = nodeLength / 2,
+
+        if(nodeLength == 0) return;
+        
+        let halfLength = nodeLength / 2,
             size = elements[0].get('size')[0],
             i;
         
             
         for (i = 0; i < nodeLength; i++) {
-            let x = (i % halfLength) * size;
+            let x = (i % halfLength) * size,
                 y = Math.floor(i / halfLength) * size;
 
             elements[i].set({ x, y });

src/View/layoutProvider.ts

@@ -155,7 +155,7 @@ export class LayoutProvider {
 			},
 			left: (nodeBound: BoundingRect, labelBound: BoundingRect, offset: number) => {
 				return {
-					x: nodeBound.x - labelBound.width - offset,
+					x: nodeBound.x - labelBound.width / 2- offset,
 					y: nodeBound.y + nodeBound.height / 2,
 				};
 			},
@@ -164,7 +164,8 @@ export class LayoutProvider {
 		indexLabels.forEach(item => {
 			const options: IndexLabelOption = indexLabelOptions[item.sourceType],
 				nodeBound = item.target.getBound(),
-				labelBound = item.getBound(),
+				// labelBound = item.getBound(),
+				labelBound = item.shadowG6Item.getContainer().getChildren()[1].getBBox(),
 				offset = options.offset ?? 20,
 				position = options.position ?? 'bottom';