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

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

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

    render() {
        return {
            type: "bi.vertical",
            items: [
                {
                    type: "bi.td",
                    columnSize: [100, 100, ""],
                    items: createItems(
                        [
                            [
                                {
                                    el: {
                                        type: "bi.label",
                                        text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
                                        cls: "layout-bg1",
                                    },
                                },
                                {
                                    el: {
                                        type: "bi.label",
                                        text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
                                        cls: "layout-bg2",
                                    },
                                },
                                {
                                    el: {
                                        type: "bi.label",
                                        text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
                                        cls: "layout-bg3",
                                    },
                                }
                            ],
                            [
                                {
                                    el: {
                                        type: "bi.label",
                                        text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
                                        cls: "layout-bg5",
                                    },
                                },
                                {
                                    el: {
                                        type: "bi.label",
                                        text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
                                        cls: "layout-bg6",
                                    },
                                },
                                {
                                    el: {
                                        type: "bi.label",
                                        text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
                                        cls: "layout-bg7",
                                    },
                                }
                            ]
                        ],
                        {
                            whiteSpace: "normal",
                        }
                    ),
                }
            ],
        };
    }
}