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

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

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

    render() {
        return {
            type: "bi.vertical",
            hgap: 30,
            vgap: 20,
            items: [
                {
                    type: "bi.expander",
                    el: {
                        type: "bi.icon_text_node",
                        cls: "pull-right-ha-font mvc-border",
                        height: 25,
                        text: "Expander",
                    },
                    popup: {
                        cls: "mvc-border",
                        items: createItems(
                            [
                                {
                                    text: "项目1",
                                    value: 1,
                                },
                                {
                                    text: "项目2",
                                    value: 2,
                                },
                                {
                                    text: "项目3",
                                    value: 3,
                                },
                                {
                                    text: "项目4",
                                    value: 4,
                                }
                            ],
                            {
                                type: "bi.single_select_item",
                                height: 25,
                            }
                        ),
                    },
                }
            ],
        };
    }
}