import { shortcut } from "@/core";
import { Pane as BIPane } from "@/base";

@shortcut()
export class Pane extends BIPane {
    static xtype = "demo.pane";

    props = {};

    mounted() {
        console.log("loading pane mounted");
    }

    render() {
        return {
            type: "bi.center_adapt",
            items: [
                {
                    type: "bi.label",
                    text: "this is pane center",
                }
            ],
        };
    }

    beforeRender(callback) {
        const self = this;
        this.loading();
        setTimeout(() => {
            self.loaded();
            callback();
        }, 3000);
    }
}