phaser4-rex-plugins/templates/ui/tweaker/methods/AddInput.js

Plugins of phaser4

import CreateInputRow from '../builders/CreateInputRow.js';

var AddInput = function (object, key, config) {
    if (arguments.length === 1) {
        config = object;
        object = config.bindingTarget;
        key = config.bindingKey;
    } else {
        if (config === undefined) {
            config = {};
        }
        config.bindingTarget = object;
        config.bindingKey = key;
    }

    if (!config.title) {
        config.title = key;
    }

    if (config.bindingTarget && config.bindingKey) {
        config.value = config.bindingTarget[config.bindingKey];
    } else {
        config.value = undefined;
    }

    // Create InputRow
    var inputRowStyle = this.styles.inputRow || {};

    if (!this.isWrapMode) {
        inputRowStyle.defaultExpandWidth = (this.styles.orientation === 1);
    } else {
        inputRowStyle.defaultExpandWidth = true;
    }

    var inputSizer = CreateInputRow.call(this, this.scene, config, inputRowStyle);
    if (!inputSizer) {
        // Can't create inputField
        console.error(`[Tweaker] Can't add Input
    title: ${config.title}
    view: ${config.view}
`);

        return this;
    }

    // Add InputRow to Tweaker
    if (!this.isWrapMode) {
        var proportion;
        if (this.orientation === 1) { // y
            proportion = 0;
        } else { // x
            proportion = (this.itemWidth > 0) ? 0 : 1;

            if (inputSizer.minWidth === 0) {
                inputSizer.setMinWidth(this.itemWidth);
            }
        }

        if (inputSizer.minHeight === 0) {
            inputSizer.setMinHeight(this.itemHeight);
        }

        this.add(
            inputSizer,
            { proportion: proportion, expand: true }
        );

    } else {
        inputSizer.setMinWidth(this.itemWidth);
        inputSizer.setMinHeight(this.itemHeight);
        this.add(inputSizer);

    }


    if (config.onValueChange) {
        var inputField = inputSizer.childrenMap.inputField;
        inputField.on('valuechange', config.onValueChange);
    }

    // Bind target
    inputSizer.setAutoUpdateEnable(config.autoUpdate);
    inputSizer.setBindingTarget(object, key);

    if (config.monitor) {
        inputSizer.startMonitorTarget();
    }

    if (config.key) {
        this.root.addChildrenMap(config.key, inputSizer);
    }

    return this;
}

export default AddInput;