phaser4-rex-plugins/templates/ui/gridtable/input/OverCell.js

Plugins of phaser4

import EmitCellEvent from './EmitCellEvent.js';

var OverCell = function (table, tableConfig) {
    table
        .on('pointermove', OnMove, this)
        .on('pointerover', OnMove, this)
        .on('pointerout', OnOut, this)  // pointer-up is included too
}

var OnMove = function (pointer, localX, localY, event) {
    var table = this.childrenMap.child;
    var camera = pointer.camera;
    var px = pointer.worldX + camera.scrollX * (table.scrollFactorX - 1);
    var py = pointer.worldY + camera.scrollY * (table.scrollFactorY - 1);

    var cellIndex = table.pointToCellIndex(px, py);
    if (cellIndex === table.input.lastOverCellIndex) {
        return;
    }

    var preCellIndex = table.input.lastOverCellIndex;
    table.input.lastOverCellIndex = cellIndex;
    EmitCellEvent(this.eventEmitter, 'cell.out', table, preCellIndex, undefined, pointer, event);
    EmitCellEvent(this.eventEmitter, 'cell.over', table, cellIndex, undefined, pointer, event);
}

var OnOut = function (pointer, event) {
    var table = this.childrenMap.child;
    var cellIndex = table.input.lastOverCellIndex;
    table.input.lastOverCellIndex = undefined;
    EmitCellEvent(this.eventEmitter, 'cell.out', table, cellIndex, undefined, pointer, event);
}

export default OverCell;