import { CCString, Enum, EventHandler, _decorator } from 'cc';
import { VMBase } from './VMBase';

// +普通 label 更新数据的情况,label.string = xxx;
// +frameIndex 插件，通过number 数值设置 BhvFrameIndex 来切换当前贴图
// +spriteFrame 直接替换贴图的情况 ,
//  读取本地路径 data.spriteFrame = $res:/pic/com1
//  读取网页路径 data.spriteFrame = $url:http:xxxxxxxxxx.png
// +特殊条件控制

// 比较条件:,如果传入值 > /< />= /<= /== 某值时，执行的action类型

const { ccclass, property, executeInEditMode, menu, help } = _decorator;

enum FILTER_MODE {
    'none',
    '==', // 正常计算，比较 等于
    '!=', // 正常计算，比较 不等于
    '>', // 正常计算，比较>
    '>=', // 正常计算，比较>=
    '<', // 正常计算，比较<
    '<=', // 正常计算，比较>=
}

/**
 *  [VM-Event]
 * 提供  ViewModel 的相关基础功能,
 * 如果值发生变化将会调用对应的函数方法
 */
@ccclass
@executeInEditMode
@menu('OopsFramework/Mvvm/VM-EventCall （调用函数）')
@help('https://gitee.com/dgflash/oops-framework/wikis/pages?sort_id=12037640&doc_id=2873565')
export default class VMEvent extends VMBase {
    @property({
        tooltip: '使用模板模式，可以使用多路径监听'
    })
        templateMode = false;

    @property({
        tooltip: '监听获取值的路径',
        visible: function () {
            // @ts-ignore
            return this.templateMode === false;
        }
    })
        watchPath = '';

    @property({
        tooltip: '触发一次后会自动关闭该事件'
    })
        triggerOnce = false;

    @property({
        tooltip: '监听获取值的多条路径,这些值的改变都会通过这个函数回调,请使用 pathArr 区分获取的值 ',
        type: [CCString],
        visible: function () {
            // @ts-ignore
            return this.templateMode === true;
        }
    })
    protected watchPathArr: string[] = [];

    @property({
        tooltip: '过滤模式，会根据条件过滤掉时间的触发',
        type: Enum(FILTER_MODE)
    })
        filterMode: FILTER_MODE = FILTER_MODE.none;

    @property({
        visible: function () {
            // @ts-ignore
            return this.filterMode !== FILTER_MODE.none;
        }
    })
        compareValue = '';

    @property([EventHandler])
        changeEvents: EventHandler[] = [];

    onValueInit() {

    }

    onValueChanged(newVar: any, oldVar: any, pathArr: any[]) {
        const res = this.conditionCheck(newVar, this.compareValue);
        if (!res) return;

        if (Array.isArray(this.changeEvents)) {
            this.changeEvents.forEach((v) => {
                v.emit([newVar, oldVar, pathArr]);
            });
        }

        // 激活一次后，自动关闭组件
        if (this.triggerOnce === true) {
            this.enabled = false;
        }
    }

    /** 条件检查 */
    private conditionCheck(a: any, b: any): boolean {
        const cod = FILTER_MODE;

        switch (this.filterMode) {
        case cod.none:
            return true;
        case cod['==']:
            if (a == b) return true;
            break;
        case cod['!=']:
            if (a != b) return true;
            break;
        case cod['<']:
            if (a < b) return true;
            break;
        case cod['>']:
            if (a > b) return true;
            break;
        case cod['>=']:
            if (a >= b) return true;
            break;
        case cod['<']:
            if (a < b) return true;
            break;
        case cod['<=']:
            if (a <= b) return true;
            break;

        default:
            break;
        }

        return false;
    }
}