fixed onLayout event to detect scrollbar size

Author: cenfun

CHANGELOG.md

@@ -4,6 +4,7 @@
     - added `defaultPrevented` for event data
     - added `hoverable` for row
     - fixed text select issue when dragging
+    - fixed `onLayout` event to detect scrollbar size
 
 + 3.1.0
     - fixed index cache after sort

public/api.html

@@ -1801,7 +1801,9 @@
                                             headerWidth: Number, 
                                             headerHeight: Number, 
                                             bodyWidth: Number, 
-                                            bodyHeight: Number
+                                            bodyHeight: Number,
+                                            scrollbarWidth: Number,
+                                            scrollbarHeight: Number
                                         }
                                     </code></pre>
                                 </td>

src/grid/resize.js

@@ -96,7 +96,9 @@ export default {
             headerWidth: this.headerWidth,
             headerHeight: this.headerHeight,
             bodyWidth: this.bodyWidth,
-            bodyHeight: this.bodyHeight
+            bodyHeight: this.bodyHeight,
+            scrollbarWidth: this.getScrollbarWidth(),
+            scrollbarHeight: this.getScrollbarHeight()
         };
 
         if (Object.values(layout).join('') === Object.values(previousLayout).join('')) {

test/specs/grid.js

@@ -177,31 +177,28 @@ describe('Grid', function() {
 
     });
 
-    it('Grid destroy()', function(done) {
+    it('Grid destroy()', async () => {
         grid.setOption({});
         grid.setData(data);
-        grid.once('onFirstUpdated', function() {
+        grid.render();
 
-            const selector = `.${CONST.NS}`;
-            const id = grid.id;
-            const gridContainer = container.querySelector(selector);
+        await delay();
 
-            assert.equal(gridContainer.classList.contains(id), true);
-            assert.equal(gridContainer.getAttribute('id'), id);
+        const selector = `.${CONST.NS}`;
+        const id = grid.id;
+        const gridContainer = container.querySelector(selector);
 
-            // console.log('onFirstUpdated before destroy');
-            grid.destroy();
+        assert.equal(gridContainer.classList.contains(id), true);
+        assert.equal(gridContainer.getAttribute('id'), id);
 
-            assert.equal(document.querySelector(selector), null);
-            assert.equal(container.innerHTML, '');
+        // console.log('onFirstUpdated before destroy');
+        grid.destroy();
 
-            // console.log('onFirstUpdated before done');
+        assert.equal(document.querySelector(selector), null);
+        assert.equal(container.innerHTML, '');
 
-            done();
+        // console.log('onFirstUpdated before done');
 
-            // console.log('onFirstUpdated after done');
-        });
-        grid.render();
     });
 
     it('Grid frozen check', function(done) {