VC-10860 adapt to VC change

Author: WillLiu-Eclipse

src/Hypergrid/events.js

@@ -314,7 +314,15 @@ exports.mixin = {
     },
 
     fireSyntheticDropEvent: function(dropEvent) {
-        return dispatchGridEvent.call(this, 'fin-drop', dropEvent);
+        var dropIndex = this.getRowIndexFromMousePoint({
+            x: dropEvent.detail.primitiveEvent.x,
+            y: dropEvent.detail.primitiveEvent.y
+        });
+
+        return dispatchGridEvent.call(this, 'fin-drop', {
+            dropIndex: dropIndex,
+            headerRowCount: this.getHeaderRowCount()
+        }, dropEvent.detail.primitiveEvent);
     },
 
     fireSyntheticDocumentDragEvent: function(dragEvent) {

src/Hypergrid/index.ts

@@ -1265,6 +1265,10 @@ var Hypergrid = Base.extend('Hypergrid', {
         return this.renderer.getGridCellFromMousePoint(mouse);
     },
 
+    getRowIndexFromMousePoint: function (mouse: Point) {
+        return this.renderer.getRowIndexFromMousePoint(mouse);
+    },
+
     /**
      * @param {Point} gridCell - The pixel location of the mouse in physical grid coordinates.
      * @returns {Rectangle} The pixel based bounds rectangle given a data cell point.

src/defaults.js

@@ -831,6 +831,13 @@ var defaults = {
      */
     useHiDPI: true,
 
+    /**
+     * @default
+     * @type {boolean}
+     * @memberOf module:defaults
+     */
+    enableDropHint: false,
+
     /**
      * @summary Mappings for cell navigation keys.
      * @desc Cell navigation is handled in the {@link CellSelection} "feature".

src/features/Drag.ts

@@ -25,6 +25,10 @@ export class Drag extends FeatureBase {
     }
 
     handleDocumentDragOver(grid: any, event: { detail: { primitiveEvent: DragEvent } }): void {
+        if (!grid.properties.enableDropHint) {
+            return
+        }
+
         this.renderDragHint(grid, event)
         this.scrollOnEdge(grid, event)
         if (this.next) {
@@ -33,12 +37,18 @@ export class Drag extends FeatureBase {
     }
 
     handleDocumentDragEnd(grid: any, event: any): void {
-        this.dragHint.style.display = 'none'
         if (this.next) {
             this.next.handleDocumentDragEnd(grid, event);
         }
     }
 
+    handleDrop(grid: any, event: any): void {
+        this.dragHint.style.display = 'none'
+        if (this.next) {
+            this.next.handleDrop(grid, event);
+        }
+    }
+
     scrollOnEdge(grid, event) {
         var cell = grid.getGridCellFromMousePoint(event.detail.mouse)
         const halfCellHeight = cell.cellEvent.bounds.height / 2

src/renderer/index.js

@@ -340,6 +340,20 @@ var Renderer = Base.extend('Renderer', {
         return result;
     },
 
+    getRowIndexFromMousePoint: function(point) {
+        var y = point.y
+        var vrs = this.visibleRows
+        var vr = vrs.find(function(vr) { return y < vr.bottom; });
+
+        if (vr !== undefined) {
+            var onLowerHalf = y > (vr.top + (vr.bottom - vr.top) / 2)
+            return onLowerHalf ? vr.index + 1 : vr.index;
+        }
+
+        // last row
+        return vrs[vrs.length - 1].index + 1;
+    },
+
     /**
      * Matrix of unformatted values of visible cells.
      * @returns {Array<Array>}