
import { Component } from 'vue-property-decorator';
import { VueLifeCycleProcessing,EditorBase } from '@ibizstudio-ex/template-vue';


/**
 * 三态开关插件类
 *
 * @export
 * @class TripleSwitch
 * @extends {EditorBase}
 */
@Component({})
@VueLifeCycleProcessing()
export class TripleSwitch extends EditorBase {

    /**
     * 编辑器change事件
     *
     * @param {*} value
     * @memberof SwitchEditor
     */
     public handleChange($event: any){
        this.editorChange({name: this.editorInstance.name, value: $event})
    }

    /**
     * 绘制内容
     *
     * @returns {*}
     * @memberof SwitchEditor
     */
    public render(): any {
        if (!this.editorIsLoaded) {
            return null;
        }
        return this.$createElement('app-triple-switch',{
            props: {
                name: this.editorInstance.name,
                value: this.value,
                disabled: this.disabled,
                ...this.customProps,
            },
            on: { change: this.handleChange },
            style: this.customStyle
        })
    }
}
