fix: 大量bug修复

demoV2/Layouter/Array.js

@@ -66,3 +66,67 @@ SV.registerLayout('Array', {
     }
 }); 
 
+
+
+
+SV.registerLayout('Array', {
+
+    sourcesPreprocess(sources) {
+        const firstElement = sources[0];
+
+        if(firstElement.external) {
+            firstElement.headExternal = firstElement.external;
+            delete firstElement.external;
+        }
+
+        return sources;
+    },
+
+    defineOptions() {
+        return {
+            element: { 
+                default: {
+                    type: 'indexed-node',
+                    label: '[id]',
+                    size: [60, 30],
+                    style: {
+                        stroke: '#333',
+                        fill: '#355c7d'
+                    },
+                    indexOptions: {
+                        index: { position: 'bottom' },
+                        indexTop: { position: 'top' }
+                    }
+                }
+            },
+            marker: {
+                headExternal: {
+                    type: 'pointer',
+                    anchor: 3,
+                    style: {
+                        fill: '#f08a5d'
+                    }
+                },
+                external: {
+                    type: 'pointer',
+                    anchor: 0,
+                    style: {
+                        fill: '#f08a5d'
+                    }
+                }
+            }
+        };
+    },
+
+    layout(elements) {
+        let arr = elements;
+
+        for(let i = 0; i < arr.length; i++) {
+            let width = arr[i].get('size')[0];
+
+            if(i > 0) {
+                arr[i].set('x', arr[i - 1].get('x') + width);
+            }
+        }
+    }
+}, 'colorful'); 

demoV2/Layouter/SqQueue.js

@@ -0,0 +1,120 @@
+
+
+
+SV.registerLayout('SqQueue', {
+    defineOptions() {
+        return {
+            node: {
+                head: {
+                    type: 'rect',
+                    anchorPoints: [
+                        [0.5, 0],
+                        [1, 0.5],
+                        [0.5, 1],
+                        [0, 0.5]
+                    ],
+                    size: [60, 30],
+                    label: '[data]',
+                    style: {
+                        fill: '#95e1d3',
+                        stroke: "#333",
+                        cursor: 'pointer'
+                    },
+                },
+                node: {
+                    type: 'indexed-node',
+                    size: [60, 30],
+                    label: '[data]',
+                    style: {
+                        fill: '#95e1d3',
+                        stroke: "#333",
+                        cursor: 'pointer'
+                    }
+                }
+            },
+            link: {
+                front: {
+                    type: 'polyline',
+                    sourceAnchor: 1,
+                    targetAnchor: 5,
+                    style: {
+                        stroke: '#333',
+                        endArrow: 'default'
+                    }
+                },
+                rear: {
+                    type: 'polyline',
+                    sourceAnchor: 1,
+                    targetAnchor: 5,
+                    style: {
+                        stroke: '#333',
+                        endArrow: 'default'
+                    }
+                }
+            },
+            marker: {
+                external: {
+                    type: 'pointer',
+                    anchor: 0,
+                    offset: 8,
+                    labelOffset: 2,
+                    style: {
+                        fill: '#f08a5d'
+                    }
+                },
+                cursor: {
+                    type: 'cursor',
+                    anchor: 0,
+                    offset: 8,
+                    labelOffset: 2,
+                    style: {
+                        fill: '#f08a5d'
+                    }
+                }
+            }
+        };
+    },
+
+
+    layout(elements) {
+        let head = elements.filter(item => item.type === 'head'),
+            head1 = head[0],
+            head2 = head[1],
+            nodes = elements.filter(item => item.type !== 'head'),
+            headHeight = head1.get('size')[1],
+            headWidth = head1.get('size')[0],
+            nodeHeight = 0,
+            x = 0, y = 0;
+
+        if (nodes.length) {
+            let firstNode = nodes[0];
+            nodeHeight = firstNode.get('size')[1];
+            x = -50;
+            y = firstNode.get('y');
+
+            for (let i = 1; i < nodes.length; i++) {
+                let width = nodes[i].get('size')[0];
+                nodes[i].set('x', nodes[i - 1].get('x') + width);
+
+                if (nodes[i].empty) {
+                    nodes[i].set('style', {
+                        fill: null
+                    });
+                }
+            }
+        }
+
+
+        head1.set({ x, y: y + nodeHeight * 3 });
+
+        if (nodes.length) {
+            head2.set({ x, y: head1.get('y') + headHeight });
+        }
+        else {
+            head2.set({ x: x + headWidth, y });
+        }
+    }
+});
+
+
+