lifeRestart/src/ui/themes/cyber/cyberProperty.js

export default class cyberProperty extends CyberPropertyUI {
    constructor() {
        super();

        const types =
        this.#types = core.PropertyTypes;

        this.btnCharmIncrease.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.CHR, 1]);
        this.btnCharmReduce.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.CHR, -1]);

        this.btnIntelligenceIncrease.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.INT, 1]);
        this.btnIntelligenceReduce.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.INT, -1]);

        this.btnStrengthIncrease.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.STR, 1]);
        this.btnStrengthReduce.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.STR, -1]);

        this.btnMoneyIncrease.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.MNY, 1]);
        this.btnMoneyReduce.on(Laya.Event.CLICK, this, this.onPropertyAllocate, [types.MNY, -1]);

        this.inputCharm.on(Laya.Event.INPUT, this, this.onPropertyAllocateInput, [types.CHR]);
        this.inputIntelligence.on(Laya.Event.INPUT, this, this.onPropertyAllocateInput, [types.INT]);
        this.inputStrength.on(Laya.Event.INPUT, this, this.onPropertyAllocateInput, [types.STR]);
        this.inputMoney.on(Laya.Event.INPUT, this, this.onPropertyAllocateInput, [types.MNY]);

        const selectAll = ({currentTarget: item}) => { item.text=''; };
        this.inputCharm.on(Laya.Event.MOUSE_DOWN, this, selectAll);
        this.inputIntelligence.on(Laya.Event.MOUSE_DOWN, this, selectAll);
        this.inputStrength.on(Laya.Event.MOUSE_DOWN, this, selectAll);
        this.inputMoney.on(Laya.Event.MOUSE_DOWN, this, selectAll);

        this.btnRandomAllocate.on(Laya.Event.CLICK, this, this.random);
        this.btnNext.on(Laya.Event.CLICK, this, this.next);

        this.listSelectedTalents.renderHandler = Laya.Handler.create(this, this.renderTalent, null, false);
    }

    #types;
    #propertyPoints;
    #propertyAllocate;
    #propertyAllocateLimit;

    init({talents}) {
        this.listSelectedTalents.array = talents;
        const talentIds = talents.map(talent => talent.id);
        // core.talentReplace(talentIds);
        this.#propertyPoints = core.getPropertyPoints(talentIds);
        this.#propertyAllocateLimit = core.propertyAllocateLimit;
        this.labLeftPropertyPoint.text = this.#propertyPoints;
        this.#propertyAllocate = {
            [this.#types.CHR]: 0,
            [this.#types.INT]: 0,
            [this.#types.STR]: 0,
            [this.#types.MNY]: 0,
            [this.#types.TLT]: talentIds,
        }
        this.updateAllocate();
    }

    next() {
        if (this.total < this.#propertyPoints) {
            return;
        }
        UIManager.getInstance().switchView(
            UIManager.getInstance().themes.TRAJECTORY,
            {
                propertyAllocate: this.#propertyAllocate,
                talents: this.listSelectedTalents.array,
            }
        );
    }

    get total() {
        return this.#propertyAllocate[this.#types.CHR]
            +  this.#propertyAllocate[this.#types.INT]
            +  this.#propertyAllocate[this.#types.STR]
            +  this.#propertyAllocate[this.#types.MNY];
    }

    updateAllocate() {
        const charm = this.#propertyAllocate[this.#types.CHR];
        const intelligence = this.#propertyAllocate[this.#types.INT];
        const strength = this.#propertyAllocate[this.#types.STR];
        const money = this.#propertyAllocate[this.#types.MNY];

        this.inputCharm.text = ''+charm;
        this.inputIntelligence.text = ''+intelligence;
        this.inputStrength.text = ''+strength;
        this.inputMoney.text = ''+money;

        this.labLeftPropertyPoint.text = this.#propertyPoints - this.total;

        this.btnCharmIncrease.disabled = this.btnCharmIncrease.gray = false;
        this.btnCharmReduce.disabled = this.btnCharmReduce.gray = false;
        this.btnIntelligenceIncrease.disabled = this.btnIntelligenceIncrease.gray = false;
        this.btnIntelligenceReduce.disabled = this.btnIntelligenceReduce.gray = false;
        this.btnStrengthIncrease.disabled = this.btnStrengthIncrease.gray = false;
        this.btnStrengthReduce.disabled = this.btnStrengthReduce.gray = false;
        this.btnMoneyIncrease.disabled = this.btnMoneyIncrease.gray = false;
        this.btnMoneyReduce.disabled = this.btnMoneyReduce.gray = false;

        if (this.total >= this.#propertyPoints) {
            this.btnCharmIncrease.disabled = this.btnCharmIncrease.gray = true;
            this.btnIntelligenceIncrease.disabled = this.btnIntelligenceIncrease.gray = true;
            this.btnStrengthIncrease.disabled = this.btnStrengthIncrease.gray = true;
            this.btnMoneyIncrease.disabled = this.btnMoneyIncrease.gray = true;
        } else if (this.total <= 0) {
            this.btnCharmReduce.disabled = this.btnCharmReduce.gray = true;
            this.btnIntelligenceReduce.disabled = this.btnIntelligenceReduce.gray = true;
            this.btnStrengthReduce.disabled = this.btnStrengthReduce.gray = true;
            this.btnMoneyReduce.disabled = this.btnMoneyReduce.gray = true;
        }

        if (charm <= this.#propertyAllocateLimit[0]) {
            this.btnCharmReduce.disabled = this.btnCharmReduce.gray = true;
        } else if (charm >= this.#propertyAllocateLimit[1]) {
            this.btnCharmIncrease.disabled = this.btnCharmIncrease.gray = true;
        }

        if (intelligence <= this.#propertyAllocateLimit[0]) {
            this.btnIntelligenceReduce.disabled = this.btnIntelligenceReduce.gray = true;
        } else if (intelligence >= this.#propertyAllocateLimit[1]) {
            this.btnIntelligenceIncrease.disabled = this.btnIntelligenceIncrease.gray = true;
        }

        if (strength <= this.#propertyAllocateLimit[0]) {
            this.btnStrengthReduce.disabled = this.btnStrengthReduce.gray = true;
        } else if (strength >= this.#propertyAllocateLimit[1]) {
            this.btnStrengthIncrease.disabled = this.btnStrengthIncrease.gray = true;
        }

        if (money <= this.#propertyAllocateLimit[0]) {
            this.btnMoneyReduce.disabled = this.btnMoneyReduce.gray = true;
        } else if (money >= this.#propertyAllocateLimit[1]) {
            this.btnMoneyIncrease.disabled = this.btnMoneyIncrease.gray = true;
        }
    }

    check(left, right, value) {
        if (value < left) return false;
        if (value > right) return false;
        return true;
    }

    random() {
        let t = this.#propertyPoints;
        const arr = new Array(4).fill(this.#propertyAllocateLimit[1]);

        while (t > 0) {
            const sub = Math.round(Math.random() * (Math.min(t, this.#propertyAllocateLimit[1]) - 1)) + 1;
            while(true) {
                const select = Math.floor(Math.random() * 4) % 4;
                if(arr[select] - sub <0) continue;
                arr[select] -= sub;
                t -= sub;
                break;
            }
        }
        this.#propertyAllocate[this.#types.CHR] = this.#propertyAllocateLimit[1] - arr[0];
        this.#propertyAllocate[this.#types.INT] = this.#propertyAllocateLimit[1] - arr[1];
        this.#propertyAllocate[this.#types.STR] = this.#propertyAllocateLimit[1] - arr[2];
        this.#propertyAllocate[this.#types.MNY] = this.#propertyAllocateLimit[1] - arr[3];

        this.updateAllocate();
    }

    onPropertyAllocate(type, value) {
        if (!this.check(
                this.#propertyAllocateLimit[0],
                this.#propertyAllocateLimit[1],
                this.#propertyAllocate[type] + value
        )) {
            return;
        }
        if (!this.check(
            0,
            this.#propertyPoints,
            this.total + value
        )) {
            return;
        }
        this.#propertyAllocate[type] += value;
        this.updateAllocate();
    }

    onPropertyAllocateInput(type, inputItem) {
        let value = parseInt(inputItem.text) || 0;
        const total = this.total;
        if (total + value < 0) {
            value = this.#propertyAllocateLimit[0] * 4 - total;
        } else if (total + value > this.#propertyPoints) {
            value = this.#propertyPoints - total;
        }

        if (value < this.#propertyAllocateLimit[0]) {
            value = this.#propertyAllocateLimit[0];
        } else if (value > this.#propertyAllocateLimit[1]) {
            value = this.#propertyAllocateLimit[1];
        }


        const alter = value - this.#propertyAllocate[type];
        if (alter) {
            this.onPropertyAllocate(type, alter);
        } else {
            this.updateAllocate();
        }
    }

    renderTalent(box, index) {
        const dataSource = box.dataSource;
        console.debug(index, dataSource, box);

        const labTitle = box.getChildByName("labTitle");
        const grade1 = box.getChildByName("grade1");
        const grade2 = box.getChildByName("grade2");
        const grade3 = box.getChildByName("grade3");
        const labDescription = box.getChildByName("labDescription");

        labTitle.text = dataSource.name;
        labDescription.text = dataSource.description;
        switch (dataSource.grade) {
            case 1:
                grade1.visible = true;
                grade2.visible = false;
                grade3.visible = false;
                break;
            case 2:
                grade1.visible = false;
                grade2.visible = true;
                grade3.visible = false;
                break;
            case 3:
                grade1.visible = false;
                grade2.visible = false;
                grade3.visible = true;
                break;
            default:
                grade1.visible = false;
                grade2.visible = false;
                grade3.visible = false;
                break;
        }
    }
}