fineui/src/core/controller/controller.bubbles.js

/**
 * 气泡图控制器
 * 控制气泡图的显示方向
 *
 * Created by GUY on 2015/8/21.
 * @class
 */
BI.BubblesController = BI.inherit(BI.Controller, {
    init: function () {
        this.storeBubbles = {};
        this.storePoppers = {};
    },

    /**
     *
     * @param name
     * @param text
     * @param context
     * @param offsetStyle center, left, right三种类型， 默认left
     * @returns {BI.BubblesController}
     */
    show: function (name, text, context, opt) {
        opt || (opt = {});
        var container = opt.container || context;
        var offsetStyle = opt.offsetStyle || "left";
        var level = opt.level || "error";
        var adjustYOffset = opt.adjustYOffset || 0;
        var adjustXOffset = opt.adjustXOffset || 0;
        // var fixed = opt.fixed !== false;

        if (!this.storeBubbles[name]) {
            this.storeBubbles[name] = BI.createWidget({
                type: "bi.text",
                cls: "bi-bubble" + " bubble-" + level,
                text: text,
                hgap: 5,
                height: 18
            });
        }
        var bubble = this.storeBubbles[name];
        if (bubble.getText() !== text) {
            bubble.setText(text);
        }

        BI.createWidget({
            type: "bi.default",
            element: container,
            items: [
                {
                    el: bubble
                }
            ]
        });
        if (this.storePoppers[name]) {
            this.storePoppers[name].destroy();
        }
        this.storePoppers[name] = BI.Popper.createPopper(context.element[0], bubble.element[0], {
            placement: ({
                left: "top-start",
                center: "top",
                right: "top-end"
            })[offsetStyle],
            strategy: "fixed",
            modifiers: [
                {
                    name: "offset",
                    options: {
                        offset: [adjustXOffset, adjustYOffset]
                    }
                },
                {
                    name: "preventOverflow",
                    enabled: false
                }, {
                    name: "flip",
                    enabled: false
                },
            ]
        });
        return this;
    },

    hide: function (name) {
        this.remove(name);
        return this;
    },

    has: function (name) {
        return this.storeBubbles[name] != null;
    },

    remove: function (name) {
        if (!this.has(name)) {
            return this;
        }
        this.storeBubbles[name].destroy();
        this.storePoppers[name] && this.storePoppers[name].destroy();
        delete this.storeBubbles[name];
        return this;
    },

    removeAll: function () {
        BI.each(this.storeBubbles, function (name, bubble) {
            bubble.destroy();
        });
        BI.each(this.storePoppers, function (name, popper) {
            popper.destroy();
        });
        this.storeBubbles = {};
        this.storePoppers = {};
        return this;
    }
});