import { shortcut, Widget, createItems, deepClone } from "@/core";

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

    props = { baseCls: "demo-func" };

    render() {
        const self = this;

        return {
            type: "bi.list_pane",
            ref() {
                self.pane = this;
            },
            itemsCreator(op, callback) {
                setTimeout(() => {
                    callback(
                        createItems(deepClone(Demo.CONSTANTS.ITEMS), {
                            type: "bi.multi_select_item",
                            height: 25,
                        })
                    );
                }, 2000);
            },
            el: {
                type: "bi.button_group",
                layouts: [
                    {
                        type: "bi.vertical",
                    }
                ],
            },
        };
    }

    mounted() {
        this.pane.populate();
    }
}