phaser3-rex-plugins/templates/ui/tweaker/inputhandlers/ColorInputHandler.js

Plugins of phaser3

import CreateColorInput from './utils/CreateColorInput.js';

var SetColorInputReadOnly = function (gameObject, readOnly) {
    if (readOnly === undefined) {
        readOnly = true;
    }

    var colorInput = gameObject.childrenMap.colorInput;
    colorInput.setReadOnly(readOnly);
}

export default {
    name: 'ColorInput',

    accept(config) {
        if (config.hasOwnProperty('view')) {
            return (config.view === 'color')
        }
        return false;
    },

    // Callback after `constructor()`
    build(gameObject, config, inputRowStyle, styles) {
        var scene = gameObject.scene;

        gameObject.type = 'rexTweaker.ColorInput';

        var colorInputConfig = inputRowStyle.colorInput;
        if (colorInputConfig === undefined) {
            colorInputConfig = {};
        }
        if (!colorInputConfig.hasOwnProperty('inputText')) {
            colorInputConfig.inputText = inputRowStyle.inputText;
        }
        var colorInput = CreateColorInput(scene, colorInputConfig);

        gameObject.add(
            colorInput,
            { proportion: 1, expand: true, key: 'colorInput' }
        )

        colorInput.on('valuechange', function (value) {
            gameObject.setValue(value);
        });

    },

    // Callback inside `setValue()`
    displayValue(gameObject, value) {
        var colorInput = gameObject.childrenMap.colorInput;
        colorInput.setValue(value);
    },

    setReadOnly(gameObject, readOnly) {
        if (readOnly === undefined) {
            readOnly = true;
        }
        SetColorInputReadOnly(gameObject, readOnly);
    }
}