import { ElmerUI,WindowResizeListen } from "elmer-ui-core";
import "./style/app.less";
import "./widget/index";

window.onload = ()=> {
    const ui = new ElmerUI();
    const resizeListen = new WindowResizeListen();
    const data = {
        data: [
            {title: "aaa", value:"bb"},
            {title: "abc", value:"cc"},
            {title: "ddd", value:"sd"}
        ],
        showSelect: true,
        reducers: {
            app: {}
        },
        title: "test demo",
        // tslint:disable-next-line:object-literal-sort-keys
        onAddData(): void {
            // tslint:disable-next-line:no-console
            const oldData = JSON.parse(JSON.stringify(this.data));
            oldData.push({
                title: "测试:" + oldData.length,
                value: "test+"+oldData.length
            });
            this.setData({
                data: oldData
            });
        },
        onRemoveData(): void {
            var oldData = JSON.parse(JSON.stringify(this.data));
            oldData.splice(oldData.length-1,1);
            this.setData({
                data: oldData
            });
        },
        onCheckShowSelect(): void {
            this.setData({
                showSelect: !this.showSelect
            });
        },
        onDemoEvent: ()=> {
            // tslint:disable-next-line:no-console //
        }
    };
    resizeListen.listen();
    ui.render(document.getElementById("app"), "<h5>欢迎使用elmerUI前端框架:{{title}}</h5><ul><li em:for='let item in this.data'>{{item.value}}<span style='padding-left:5px;'>{{item.title}}</span></li></ul><button et:click='onAddData'>创建成功</button>", data);
};