phaser4-rex-plugins/plugins/gameobjects/dom/filedropzone/FileDropZone.js

Plugins of phaser4

import Methods from './methods/Methods.js';
import { DragDropEvents } from './FileDropZoneProperties.js';
import RouteEvents from '../utils/RouteEvents.js';

const DOMElement = Phaser.GameObjects.DOMElement;
const IsPlainObject = Phaser.Utils.Objects.IsPlainObject;
const GetValue = Phaser.Utils.Objects.GetValue;

class FileDropZone extends DOMElement {
    constructor(scene, x, y, width, height, config) {
        if (IsPlainObject(x)) {
            config = x;
            x = GetValue(config, 'x', 0);
            y = GetValue(config, 'y', 0);
            width = GetValue(config, 'width', 0);
            height = GetValue(config, 'height', 0);
        } else if (IsPlainObject(width)) {
            config = width;
            width = GetValue(config, 'width', 0);
            height = GetValue(config, 'height', 0);
        }

        if (config === undefined) {
            config = {};
        }

        var element = document.createElement('div');

        var style = GetValue(config, 'style', undefined);
        super(scene, x, y, element, style);
        this.type = 'rexFileDropZone';
        this.resize(width, height);

        this._files = [];
        this.setDropEnable(GetValue(config, 'dropEnable', true));

        var filters = GetValue(config, 'filters');
        if (filters) {
            this.addFilters(filters);
        }

        // Apply events
        RouteEvents(this, element, DragDropEvents, {
            preventDefault: true,
            preTest(gameObject) { return gameObject.dropEnable; }
        });

        this
            .on('drop', function (gameObject, e) {
                this._files = e.dataTransfer.files;
                var files = this._files;
                if (files && this.filters) {
                    for (var filterType in this.filters) {
                        var filterCallback = this.filters[filterType];

                        var filteredFiles = [];
                        for (var i = 0, cnt = files.length; i < cnt; i++) {
                            var file = files[i];
                            if (filterCallback(file, files)) {
                                filteredFiles.push(file);
                            }
                        }

                        if (filteredFiles.length > 0) {
                            this.emit(`drop.${filterType}`, filteredFiles);
                        }
                    }
                }
            }, this)
    }

    get files() {
        return this._files;
    }
}

Object.assign(
    FileDropZone.prototype,
    Methods,
);

export default FileDropZone;