fineui/src/case/combo/textvaluecombo/popup.textvalue.js

BI.TextValueComboPopup = BI.inherit(BI.Pane, {
    _defaultConfig: function () {
        return BI.extend(BI.TextValueComboPopup.superclass._defaultConfig.apply(this, arguments), {
            baseCls: "bi-text-icon-popup",
            chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE,
            allowSelectAll: true,
        });
    },

    render() {
        var o = this.options, self = this;
        if (o.chooseType !== BI.ButtonGroup.CHOOSE_TYPE_MULTI) {
            return {
                type: "bi.vertical",
                vgap: 5,
                items: [
                    {
                        type: "bi.button_group",
                        ref: (_ref) => {
                            this.popup = _ref;
                        },
                        items: this._formatItems(o.items),
                        chooseType: o.chooseType,
                        layouts: [
                            {
                                type: "bi.vertical"
                            }
                        ],
                        value: o.value,
                        listeners: [
                            {
                                eventName: BI.Controller.EVENT_CHANGE,
                                action: function (type, val, obj) {
                                    self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
                                    if (type === BI.Events.CLICK) {
                                        self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val, obj);
                                    }
                                }
                            }
                        ]
                    }
                ]
            };
        }
        return {
            type: "bi.vertical",
            verticalAlign: BI.VerticalAlign.Stretch,
            rowSize: ["fill", ""],
            items: [
                {
                    el: o.allowSelectAll ? {
                        type: "bi.select_list",
                        logic: {
                            dynamic: true,
                            innerVgap: 5,
                            rowSize: ["", "fill"],
                            verticalAlign: BI.VerticalAlign.Stretch
                        },
                        ref: (_ref) => {
                            this.popup = _ref;
                        },
                        el: {
                            el: {
                                chooseType: o.chooseType,
                            }
                        },
                        items: this._formatItems(o.items),
                        value: {
                            type: BI.ButtonGroup.CHOOSE_TYPE_MULTI,
                            value: o.value
                        },
                        listeners: [
                            {
                                eventName: BI.SelectList.EVENT_CHANGE,
                                action: function (val) {
                                    self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val);
                                }
                            }
                        ]
                    } : {
                        type: "bi.list_pane",
                        logic: {
                            dynamic: true,
                            innerVgap: 5,
                            rowSize: ["", "fill"],
                            verticalAlign: BI.VerticalAlign.Stretch
                        },
                        ref: (_ref) => {
                            this.popup = _ref;
                        },
                        el: {
                            chooseType: o.chooseType,
                        },
                        items: this._formatItems(o.items),
                        value: o.value,
                        listeners: [
                            {
                                eventName: BI.ListPane.EVENT_CHANGE,
                                action: function (val) {
                                    self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val);
                                }
                            }
                        ]
                    }
                },
                {
                    type: "bi.center",
                    cls: "list-view-toolbar bi-high-light bi-split-top",
                    height: 24,
                    items: BI.createItems([
                        {
                            type: "bi.text_button",
                            text: BI.i18nText("BI-Basic_Clears"),
                            handler: function () {
                                self.fireEvent(BI.TextValueComboPopup.EVENT_CLEAR);
                            }
                        }, {
                            type: "bi.text_button",
                            text: BI.i18nText("BI-Basic_OK"),
                            handler: function () {
                                self.fireEvent(BI.TextValueComboPopup.EVENT_CONFIRM);
                            }
                        }
                    ], {
                        once: false,
                        shadow: true,
                        isShadowShowingOnSelected: true
                    })
                }
            ]
        };
    },

    mounted: function () {
        this.check();
    },

    _formatItems: function (items) {
        var o = this.options;
        return BI.map(items, function (i, item) {
            return BI.extend({
                type: o.chooseType !== BI.ButtonGroup.CHOOSE_TYPE_MULTI ? "bi.single_select_item" : "bi.multi_select_item",
                iconWrapperWidth: 36,
                textAlign: o.textAlign,
                title: item.title || item.text
            }, item);
        });
    },

    populate: function (items) {
        BI.TextValueComboPopup.superclass.populate.apply(this, arguments);
        this.popup.populate(this._formatItems(items));
    },

    getValue: function () {
        if (this.options.chooseType !== BI.ButtonGroup.CHOOSE_TYPE_MULTI) {
            return this.popup.getValue();
        }
        var val = this.popup.getValue();
        if (!this.options.allowSelectAll) {
            return val;
        }
        if (val.type === BI.ButtonGroup.CHOOSE_TYPE_MULTI) {
            return val.value;
        } else {
            return val.assist;
        }
    },

    setValue: function (v) {
        if (this.options.chooseType !== BI.ButtonGroup.CHOOSE_TYPE_MULTI) {
            return this.popup.setValue(v);
        }
        if (!this.options.allowSelectAll) {
            this.popup.setValue(v);
            return;
        }
        this.popup.setValue({
            type: BI.ButtonGroup.CHOOSE_TYPE_MULTI,
            value: v
        });
    }

});
BI.TextValueComboPopup.EVENT_CHANGE = "EVENT_CHANGE";
BI.TextValueComboPopup.EVENT_CLEAR = "EVENT_CLEAR";
BI.TextValueComboPopup.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.text_value_combo_popup", BI.TextValueComboPopup);