import { shortcut, Widget, createWidget, deepClone } from "@/core";
import { Msg } from "@/base";

@shortcut()
export class MultiLayerSelectLevelTree extends Widget {
    static xtype = "demo.multilayer_select_level_tree";

    render() {
        const self = this;
        const tree = createWidget({
            type: "bi.multilayer_select_level_tree",
            items: deepClone(Demo.CONSTANTS.TREE),
            value: "第五级文件1",
        });

        return {
            type: "bi.vtape",
            items: [
                {
                    el: tree,
                },
                {
                    el: {
                        type: "bi.button",
                        height: 25,
                        text: "getValue",
                        handler() {
                            Msg.alert("", JSON.stringify(tree.getValue()));
                        },
                    },
                    height: 25,
                },
                {
                    el: {
                        type: "bi.button",
                        height: 25,
                        text: "setValue (第二级文件1)",
                        handler() {
                            tree.setValue(["11"]);
                        },
                    },
                    height: 25,
                }
            ],
            width: 500,
            hgap: 300,
        };
    }
}