fix: 大量bug修复

demoV2/demo2.html

@@ -33,8 +33,8 @@
         #leak {
             position: absolute;
             left: 0;
-            top: 100px;
             opacity: 0;
+            top: 100px;
             width: 100%;
             box-sizing: border-box;
             padding: 4px;
@@ -60,6 +60,7 @@
     <button id="btn-prev">prev</button>
     <button id="btn-next">next</button>
     <button id="resize">resize</button>
+    <button id="relayout">relayout</button>
     <span id="pos"></span>
 
     <script src="./../dist/sv.js"></script>
@@ -88,7 +89,7 @@
 
         let cur = SV(document.getElementById('container'), {
             view: {
-                leakAreaHeight: 0.25,
+                leakAreaHeight: 130,
                 groupPadding: 40,
             },
         });
@@ -97,35 +98,26 @@
         let data = [{
             "LinkList0": {
                 "data": [
-                    { id: 0, data: 'A', next: 1 },
-                    { id: 1, data: 'B' }
-                ],
-                "layouter": "LinkList"
-            }
-        }, {
-            "LinkList0": {
-                "data": [
-                    { id: 0, data: 'A', next: 1 },
-                    { id: 1, data: 'B', next: 2 },
+                    { id: 0, data: 'A', index: 1 },
+                    { id: 1, data: 'B', index: 2 },
                     { id: 2, data: 'C' }
                 ],
-                "layouter": "LinkList"
-            }
-        }, {
-            "LinkList0": {
+                "layouter": "Array"
+            },
+            "LinkList1": {
                 "data": [
-                    { id: 0, data: 'A', next: 1 },
-                    { id: 1, data: 'B', next: 2 },
-                    { id: 2, data: 'C', next: 3 },
-                    { id: 3, data: 'D' }
+                    { id: 10, data: 'A', next: 11 },
+                    { id: 11, data: 'B', next: 12 },
+                    { id: 12, data: 'C', next: 13 },
+                    { id: 13, data: 'D' }
                 ],
                 "layouter": "LinkList"
             }
         }, {
             "LinkList0": {
                 "data": [
-                    { id: 0, data: 'A', next: 1 },
-                    { id: 1, data: 'B', next: 2, freed: true }
+                    { id: 10, data: 'A', next: 11, external: 'true' },
+                    { id: 11, next: 12, freed: true }
                 ],
                 "layouter": "LinkList"
             }
@@ -168,10 +160,15 @@
             cur.resize(container.offsetWidth, container.offsetHeight);
         });
 
+        document.getElementById('relayout').addEventListener('click', e => {
+            console.log();
+            cur.reLayout();
+        });
+
         const leak = document.getElementById('leak');
 
         cur.on('onLeakAreaUpdate', payload => {
-            leak.style.opacity = payload.hasLeak ? 1 : 0;
+            leak.style.opacity = payload.hasLeak? 1: 0;
             leak.style.top = payload.leakAreaY - 40 + 'px';
         });