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

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

    props = { baseCls: "" };

    render() {
        const self = this;

        return {
            type: "bi.horizontal_auto",
            items: [
                {
                    type: "bi.dynamic_year_quarter_combo",
                    width: 300,
                    ref(_ref) {
                        self.widget = _ref;
                    },
                    yearBehaviors: {},
                    quarterBehaviors: {},
                    value: {
                        type: 1,
                        value: {
                            year: 2018,
                            quarter: 1,
                        },
                    },
                },
                {
                    type: "bi.button",
                    text: "getValue",
                    handler() {
                        Msg.toast(JSON.stringify(self.widget.getValue()));
                    },
                    width: 300,
                },
                {
                    type: "bi.button",
                    text: "setVlaue '2017 季度3'",
                    width: 300,
                    handler() {
                        self.widget.setValue({
                            year: 2017,
                            quarter: 3,
                        });
                    },
                }
            ],
            vgap: 20,
        };
    }
}