bubble使用popper.js实现

src/base/single/tip/tip.bubble.js

@@ -1,212 +0,0 @@
-/**
- * guy
- * 气泡提示
- * @class BI.Bubble
- * @extends BI.Tip
- * @type {*|void|Object}
- */
-BI.Bubble = BI.inherit(BI.Tip, {
-    _defaultConfig: function () {
-        return BI.extend(BI.Bubble.superclass._defaultConfig.apply(this, arguments), {
-            extraCls: "bi-bubble",
-            direction: "top",
-            text: "",
-            level: "error",
-            height: 18
-        });
-    },
-    _init: function () {
-        BI.Bubble.superclass._init.apply(this, arguments);
-        var fn = function (e) {
-            e.stopPropagation();
-            e.stopEvent();
-            return false;
-        };
-        this.element.bind({click: fn, mousedown: fn, mouseup: fn, mouseover: fn, mouseenter: fn, mouseleave: fn, mousemove: fn});
-        BI.createWidget({
-            type: "bi.adaptive",
-            element: this,
-            items: [this["_" + this.options.direction]()]
-        });
-    },
-
-    _createBubbleText: function () {
-        var o = this.options;
-        return (this.text = BI.createWidget({
-            type: "bi.label",
-            cls: "bubble-text" + " bubble-" + o.level,
-            text: o.text,
-            hgap: 5,
-            height: 18
-        }));
-    },
-
-    _top: function () {
-        return BI.createWidget({
-            type: "bi.vertical",
-            items: [{
-                el: this._createBubbleText(),
-                height: 18
-            }, {
-                el: {
-                    type: "bi.layout"
-                },
-                height: 3
-            }]
-        });
-    },
-
-    _bottom: function () {
-        return BI.createWidget({
-            type: "bi.vertical",
-            items: [{
-                el: {
-                    type: "bi.layout"
-                },
-                height: 3
-            }, {
-                el: this._createBubbleText(),
-                height: 18
-            }]
-        });
-    },
-
-    _left: function () {
-        return BI.createWidget({
-            type: "bi.right",
-            items: [{
-                el: {
-                    type: "bi.layout",
-                    width: 3,
-                    height: 18
-                }
-            }, {
-                el: this._createBubbleText()
-            }]
-        });
-    },
-
-    _right: function () {
-        return BI.createWidget({
-            type: "bi.left",
-            items: [{
-                el: {
-                    type: "bi.layout",
-                    width: 3,
-                    height: 18
-                }
-            }, {
-                el: this._createBubbleText()
-            }]
-        });
-    },
-
-    setText: function (text) {
-        this.text.setText(text);
-    }
-});
-
-BI.shortcut("bi.bubble", BI.Bubble);
-
-BI.BubbleView = BI.inherit(BI.Single, {
-    _defaultConfig: function () {
-        return BI.extend(BI.BubbleView.superclass._defaultConfig.apply(this, arguments), {
-            extraCls: "bi-bubble",
-            direction: "top",
-            text: "",
-            level: "error",
-            height: 18
-        });
-    },
-    _init: function () {
-        BI.BubbleView.superclass._init.apply(this, arguments);
-        var fn = function (e) {
-            e.stopPropagation();
-            e.stopEvent();
-            return false;
-        };
-        this.element.bind({click: fn, mousedown: fn, mouseup: fn, mouseover: fn, mouseenter: fn, mouseleave: fn, mousemove: fn});
-        BI.createWidget({
-            type: "bi.adaptive",
-            element: this,
-            items: [this["_" + this.options.direction]()]
-        });
-    },
-
-    _createBubbleText: function () {
-        var o = this.options;
-        return (this.text = BI.createWidget({
-            type: "bi.label",
-            cls: "bubble-text" + " bubble-" + o.level,
-            text: o.text,
-            hgap: 5,
-            height: 18
-        }));
-    },
-
-    _top: function () {
-        return BI.createWidget({
-            type: "bi.vertical",
-            items: [{
-                el: this._createBubbleText(),
-                height: 18
-            }, {
-                el: {
-                    type: "bi.layout"
-                },
-                height: 3
-            }]
-        });
-    },
-
-    _bottom: function () {
-        return BI.createWidget({
-            type: "bi.vertical",
-            items: [{
-                el: {
-                    type: "bi.layout"
-                },
-                height: 3
-            }, {
-                el: this._createBubbleText(),
-                height: 18
-            }]
-        });
-    },
-
-    _left: function () {
-        return BI.createWidget({
-            type: "bi.right",
-            items: [{
-                el: {
-                    type: "bi.layout",
-                    width: 3,
-                    height: 18
-                }
-            }, {
-                el: this._createBubbleText()
-            }]
-        });
-    },
-
-    _right: function () {
-        return BI.createWidget({
-            type: "bi.left",
-            items: [{
-                el: {
-                    type: "bi.layout",
-                    width: 3,
-                    height: 18
-                }
-            }, {
-                el: this._createBubbleText()
-            }]
-        });
-    },
-
-    setText: function (text) {
-        this.text.setText(text);
-    }
-});
-
-BI.shortcut("bi.bubble_view", BI.BubbleView);