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

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

    props = { baseCls: "demo-vertical-adapt" };

    _createLayout() {
        return createWidget({
            type: "bi.vertical_adapt",
            vgap: 10,
            items: [
                {
                    type: "bi.label",
                    text: "垂直居中",
                    cls: "layout-bg1",
                    width: 300,
                    height: 30,
                },
                {
                    type: "bi.label",
                    text: "垂直居中",
                    cls: "layout-bg2",
                    width: 300,
                    height: 30,
                }
            ],
        });
    }

    render() {
        return {
            type: "bi.grid",
            columns: 2,
            rows: 1,
            items: [
                {
                    column: 0,
                    row: 0,
                    el: this._createLayout(),
                }
            ],
        };
    }
}