phaser4-rex-plugins/plugins/behaviors/hiddentextedit/HiddenTextEdit.js

Plugins of phaser4

import HiddenTextEditBase from './HiddenTextEditBase.js';
import NumberInputUpdateCallback from './defaultcallbacks/NumberInputUpdateCallback.js';
import GetTickDelta from '../../utils/system/GetTickDelta.js';

const GetValue = Phaser.Utils.Objects.GetValue;
const Wrap = Phaser.Math.Wrap;

class HiddenTextEdit extends HiddenTextEditBase {
    constructor(gameObject, config) {
        if (config === undefined) {
            config = {};
        }

        if (config.onUpdate === 'number') {
            config.onUpdate = NumberInputUpdateCallback;
        }

        super(gameObject, config);
        // this.parent = gameObject;

        this.setCursor(GetValue(config, 'cursor', '|'));
        this.setCursorFlashDuration(GetValue(config, 'cursorFlashDuration', 1000));
        this.cursorFlashTimer = 0;

    }

    initText() {
        this.cursorFlashTimer = 0;
        this.prevCursorPosition = undefined;
        this.setText(this.parent.text);
        this.setCursorPosition();

        return this;
    }

    updateText() {
        var textObject = this.parent;
        var text = this.text;

        if (this.onUpdateCallback) {
            var newText = this.onUpdateCallback(text, textObject, this);
            if (newText != null) {
                text = newText;
            }
        }

        if (this.isOpened && this.hasCursor) {
            // Insert Cursor
            var cursorPosition = this.cursorPosition;
            text = text.substring(0, cursorPosition) + this.cursor + text.substring(cursorPosition);

            if (this.prevCursorPosition !== cursorPosition) {
                // console.log(cursorPosition);
                this.prevCursorPosition = cursorPosition;
            }
        }

        if (textObject.text !== text) {
            textObject.setText(text);
            this.emit('textchange', text, textObject, this);
        }

        return this;
    }

    setCursor(s) {
        this._cursor = s;
        this.hasCursor = s && (s !== '');
        return s;
    }

    setCursorFlashDuration(duration) {
        this.cursorFlashDuration = duration;
        return this;
    }

    get cursor() {
        if (!this._isFocused) {
            return this._cursor;
        }

        // Flash Cursor
        var cursor;
        if (this.cursorFlashTimer < (this.cursorFlashDuration / 2)) {
            cursor = this._cursor;
        } else {
            cursor = ' ';
        }

        var timerValue = this.cursorFlashTimer + GetTickDelta(this.scene);
        this.cursorFlashTimer = Wrap(timerValue, 0, this.cursorFlashDuration);
        return cursor;
    }

}

export default HiddenTextEdit;