fanruan
/
fineui
4
1
Fork 3
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

KERNEL-13947 refactor: ob和widget的es6化

es6
Zhenfei.Li 2 years ago
parent
5c24f59854
commit
da4a0ffac0
18 changed files with 2591 additions and 2598 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .eslintrc
  2. 2345
      src/core/2.base.js
  3. 397
      src/core/3.ob.js
  4. 1889
      src/core/4.widget.js
  5. 23
      src/core/action/action.js
  6. 13
      src/core/action/action.show.js
  7. 17
      src/core/behavior/0.behavior.js
  8. 12
      src/core/behavior/behavior.highlight.js
  9. 10
      src/core/behavior/behavior.redmark.js
  10. 8
      src/core/controller/0.controller.js
  11. 36
      src/core/controller/controller.broadcast.js
  12. 50
      src/core/controller/controller.bubbles.js
  13. 88
      src/core/controller/controller.drawer.js
  14. 83
      src/core/controller/controller.layer.js
  15. 10
      src/core/controller/controller.masker.js
  16. 88
      src/core/controller/controller.popover.js
  17. 43
      src/core/controller/controller.resizer.js
  18. 75
      src/core/controller/controller.tooltips.js

2
.eslintrc
Unescape View File

@ -27,7 +27,7 @@
"plugins": ["@typescript-eslint/eslint-plugin"], "plugins": ["@typescript-eslint/eslint-plugin"],
"overrides": [{ "overrides": [{
"files": ["src/*.js","src/**/*.js", "demo/*.js", "demo/**/*.js", "i18n/**/*.js", "i18n/*.js", "test/**/*.js", "test/*.js", "examples/*.js", "examples/**/*.js"], "files": ["src/*.js","src/**/*.js", "demo/*.js", "demo/**/*.js", "i18n/**/*.js", "i18n/*.js", "test/**/*.js", "test/*.js", "examples/*.js", "examples/**/*.js"],
"extends": "plugin:@fui/es5", "extends": "plugin:@fui/es6",
"rules": { "rules": {
"no-param-reassign": "off", "no-param-reassign": "off",
"quotes": [2, "double"], "quotes": [2, "double"],

2345
src/core/2.base.js
View File

File diff suppressed because it is too large Load Diff

397
src/core/3.ob.js
Unescape View File

@ -1,220 +1,221 @@
!(function () { import BI from "./2.base";
function extend() {
var target = arguments[0] || {}, length = arguments.length, i = 1, options, name, src, copy; function extend() {
for (; i < length; i++) { let target = arguments[0] || {}, length = arguments.length, i = 1, name, copy;
// Only deal with non-null/undefined values for (; i < length; i++) {
if ((options = arguments[i]) != null) { // Only deal with non-null/undefined values
// Extend the base object const options = arguments[i];
for (name in options) { if (options !== null) {
src = target[name]; // Extend the base object
copy = options[name]; for (name in options) {
copy = options[name];
// Prevent never-ending loop
if (target === copy) { // Prevent never-ending loop
continue; if (target === copy) {
} continue;
}
if (copy !== undefined) {
target[name] = copy; if (copy !== undefined) {
} target[name] = copy;
} }
} }
} }
return target;
} }
/** return target;
* 客户端观察者，主要处理事件的添加、删除、执行等 }
* @class BI.OB
* @abstract
*/
var OB = function (config) {
this._constructor(config);
};
BI._.extend(OB.prototype, {
props: {},
init: null, export default class OB {
// props = {};
destroyed: null, // init = null;
_constructor: function (config) { // destroyed = null;
this._initProps(config);
this._init();
this._initRef();
},
_defaultConfig: function (config) { constructor(config) {
return {}; this._constructor(config);
}, }
_constructor(config) {
this._initProps(config);
this._init();
this._initRef();
}
_initProps: function (config) { _defaultConfig(config) {
var props = this.props; return {};
if (BI.isFunction(this.props)) { }
props = this.props(config);
}
var defaultProps = extend(this._defaultConfig(config), props);
var modifiedDefaultProps = (config && config.type && BI.OB.configFunctions[config.type + ".props"]) ? BI.reduce(BI.OB.configFunctions[config.type + ".props"], function (value, conf, index) {
return extend(conf, value.fn(defaultProps, config, value.opt));
}, {}) : null;
this.options = extend(defaultProps, modifiedDefaultProps, config);
},
_init: function () {
this._initListeners();
this.init && this.init();
},
_initListeners: function () {
var self = this;
if (this.options.listeners != null) {
BI._.each(this.options.listeners, function (lis, eventName) {
if (BI._.isFunction(lis)) {
self.on(eventName, lis);
return;
}
if (BI._.isArray(lis)) {
BI._.each(lis, function (l) {
self.on(eventName, l);
});
return;
}
(lis.target ? lis.target : self)[lis.once ? "once" : "on"](lis.eventName, BI._.bind(lis.action, self));
});
delete this.options.listeners;
}
},
// 获得一个当前对象的引用 _initProps(config) {
_initRef: function () { let props = this.props;
var o = this.options; if (BI.isFunction(this.props)) {
if (o.__ref) { props = this.props(config);
BI.isFunction(o.__ref) ? o.__ref.call(this, this) : o.__ref.current = this; }
} const defaultProps = extend(this._defaultConfig(config), props);
if (o.ref) { const modifiedDefaultProps = (config && config.type && OB.configFunctions[config.type + ".props"]) ? BI.reduce(OB.configFunctions[config.type + ".props"], function (value, conf, index) {
BI.isFunction(o.ref) ? o.ref.call(this, this) : o.ref.current = this; return extend(conf, value.fn(defaultProps, config, value.opt));
} }, {}) : null;
}, this.options = extend(defaultProps, modifiedDefaultProps, config);
}
//释放当前对象
_purgeRef: function () {
var o = this.options;
if (o.__ref) {
BI.isFunction(o.__ref) ? o.__ref.call(null, null) : o.__ref.current = null;
o.__ref = null;
}
if (o.ref) {
BI.isFunction(o.ref) ? o.ref.call(null, null) : o.ref.current = null;
o.ref = null;
}
},
_getEvents: function () { _init() {
if (!BI._.isObject(this.events)) { this._initListeners();
this.events = {}; this.init && this.init();
} }
return this.events;
}, _initListeners() {
if (this.options.listeners !== null) {
/** BI._.each(this.options.listeners, (lis, eventName) => {
* 给观察者绑定一个事件 if (BI._.isFunction(lis)) {
* @param {String} eventName 事件的名字 this.on(eventName, lis);
* @param {Function} fn 事件对应的执行函数
*/ return;
on: function (eventName, fn) { }
var self = this; if (BI._.isArray(lis)) {
eventName = eventName.toLowerCase(); BI._.each(lis, (l) => {
var fns = this._getEvents()[eventName]; this.on(eventName, l);
if (!BI._.isArray(fns)) {
fns = [];
this._getEvents()[eventName] = fns;
}
fns.push(fn);
return function () {
self.un(eventName, fn);
};
},
/**
* 给观察者绑定一个只执行一次的事件
* @param {String} eventName 事件的名字
* @param {Function} fn 事件对应的执行函数
*/
once: function (eventName, fn) {
var proxy = function () {
fn.apply(this, arguments);
this.un(eventName, proxy);
};
this.on(eventName, proxy);
},
/**
* 解除观察者绑定的指定事件
* @param {String} eventName 要解除绑定事件的名字
* @param {Function} fn 事件对应的执行函数，该参数是可选的，没有该参数时，将解除绑定所有同名字的事件
*/
un: function (eventName, fn) {
eventName = eventName.toLowerCase();
/* alex:如果fn是null,就是把eventName上面所有方法都un掉*/
if (fn == null) {
delete this._getEvents()[eventName];
} else {
var fns = this._getEvents()[eventName];
if (BI._.isArray(fns)) {
var newFns = [];
BI._.each(fns, function (ifn) {
if (ifn != fn) {
newFns.push(ifn);
}
}); });
this._getEvents()[eventName] = newFns;
return;
} }
} (lis.target ? lis.target : this)[lis.once ? "once" : "on"](lis.eventName, BI._.bind(lis.action, this));
}, });
delete this.options.listeners;
}
}
// 获得一个当前对象的引用
_initRef() {
const o = this.options;
if (o.__ref) {
BI.isFunction(o.__ref) ? o.__ref.call(this, this) : o.__ref.current = this;
}
if (o.ref) {
BI.isFunction(o.ref) ? o.ref.call(this, this) : o.ref.current = this;
}
}
// 释放当前对象
_purgeRef() {
const o = this.options;
if (o.__ref) {
BI.isFunction(o.__ref) ? o.__ref.call(null, null) : o.__ref.current = null;
o.__ref = null;
}
if (o.ref) {
BI.isFunction(o.ref) ? o.ref.call(null, null) : o.ref.current = null;
o.ref = null;
}
}
/** _getEvents() {
* 清除观察者的所有事件绑定 if (!BI._.isObject(this.events)) {
*/
purgeListeners: function () {
/* alex:清空events*/
this.events = {}; this.events = {};
}, }
/** return this.events;
* 触发绑定过的事件 }
*
* @param {String} eventName 要触发的事件的名字 /**
* @returns {Boolean} 如果事件函数返回false，则返回false并中断其他同名事件的执行，否则执行所有的同名事件并返回true * 给观察者绑定一个事件
*/ * @param {String} eventName 事件的名字
fireEvent: function () { * @param {Function} fn 事件对应的执行函数
var eventName = arguments[0].toLowerCase(); */
var fns = this._getEvents()[eventName]; on(eventName, fn) {
if (BI.isArray(fns)) { eventName = eventName.toLowerCase();
if (BI.isArguments(arguments[1])) { let fns = this._getEvents()[eventName];
for (var i = 0; i < fns.length; i++) { if (!BI._.isArray(fns)) {
if (fns[i].apply(this, arguments[1]) === false) { fns = [];
return false; this._getEvents()[eventName] = fns;
} }
fns.push(fn);
return () => this.un(eventName, fn);
}
/**
* 给观察者绑定一个只执行一次的事件
* @param {String} eventName 事件的名字
* @param {Function} fn 事件对应的执行函数
*/
once(eventName, fn) {
const proxy = () => {
fn.apply(this, arguments);
this.un(eventName, proxy);
};
this.on(eventName, proxy);
}
/**
* 解除观察者绑定的指定事件
* @param {String} eventName 要解除绑定事件的名字
* @param {Function} fn 事件对应的执行函数，该参数是可选的，没有该参数时，将解除绑定所有同名字的事件
*/
un(eventName, fn) {
eventName = eventName.toLowerCase();
/* alex:如果fn是null,就是把eventName上面所有方法都un掉*/
if (fn === null) {
delete this._getEvents()[eventName];
} else {
const fns = this._getEvents()[eventName];
if (BI._.isArray(fns)) {
const newFns = [];
BI._.each(fns, function (ifn) {
if (ifn !== fn) {
newFns.push(ifn);
}
});
this._getEvents()[eventName] = newFns;
}
}
}
/**
* 清除观察者的所有事件绑定
*/
purgeListeners() {
/* alex:清空events*/
this.events = {};
}
/**
* 触发绑定过的事件
*
* @param {String} eventName 要触发的事件的名字
* @returns {Boolean} 如果事件函数返回false，则返回false并中断其他同名事件的执行，否则执行所有的同名事件并返回true
*/
fireEvent() {
const eventName = arguments[0].toLowerCase();
const fns = this._getEvents()[eventName];
if (BI.isArray(fns)) {
if (BI.isArguments(arguments[1])) {
for (let i = 0; i < fns.length; i++) {
if (fns[i].apply(this, arguments[1]) === false) {
return false;
} }
} else { }
var args = Array.prototype.slice.call(arguments, 1); } else {
for (var i = 0; i < fns.length; i++) { const args = Array.prototype.slice.call(arguments, 1);
if (fns[i].apply(this, args) === false) { for (let i = 0; i < fns.length; i++) {
return false; if (fns[i].apply(this, args) === false) {
} return false;
} }
} }
} }
return true;
},
destroy: function () {
this.destroyed && this.destroyed();
this._purgeRef();
this.purgeListeners();
} }
});
BI.OB = BI.OB || OB; return true;
})(); }
destroy() {
this.destroyed && this.destroyed();
this._purgeRef();
this.purgeListeners();
}
}
// BI.OB = BI.OB || OB;
BI.extend(BI, { OB });

1889
src/core/4.widget.js
View File

File diff suppressed because it is too large Load Diff

23
src/core/action/action.js
Unescape View File

@ -5,22 +5,23 @@
* @extends BI.OB * @extends BI.OB
* @abstract * @abstract
*/ */
BI.Action = BI.inherit(BI.OB, { import OB from "../3.ob";
props: function () { export default class Action extends OB {
return { props = {
src: null, src: null,
tar: null tar: null
}; };
},
actionPerformed: function (src, tar, callback) { actionPerformed(src, tar, callback) {
}, }
actionBack: function (tar, src, callback) { actionBack(tar, src, callback) {
} }
}); }
BI.extend(BI, { Action });
BI.ActionFactory = { BI.ActionFactory = {
createAction: function (key, options) { createAction: function (key, options) {

13
src/core/action/action.show.js
Unescape View File

@ -4,16 +4,19 @@
* @class BI.ShowAction * @class BI.ShowAction
* @extends BI.Action * @extends BI.Action
*/ */
BI.ShowAction = BI.inherit(BI.Action, { import Action from "./action";
actionPerformed: function (src, tar, callback) { export default class ShowAction extends Action {
actionPerformed(src, tar, callback) {
tar = tar || this.options.tar; tar = tar || this.options.tar;
tar.setVisible(true); tar.setVisible(true);
callback && callback(); callback && callback();
}, }
actionBack: function (tar, src, callback) { actionBack(tar, src, callback) {
tar = tar || this.options.tar; tar = tar || this.options.tar;
tar.setVisible(false); tar.setVisible(false);
callback && callback(); callback && callback();
} }
}); }
BI.extend(BI, { ShowAction });

17
src/core/behavior/0.behavior.js
Unescape View File

@ -19,14 +19,17 @@ BI.BehaviorFactory = {
* @class BI.Behavior * @class BI.Behavior
* @extends BI.OB * @extends BI.OB
*/ */
BI.Behavior = BI.inherit(BI.OB, {
_defaultConfig: function () { import OB from "../3.ob";
return BI.extend(BI.Behavior.superclass._defaultConfig.apply(this, arguments), { export default class Behavior extends OB {
rule: function () {return true;} _defaultConfig() {
return BI.extend(super._defaultConfig(arguments), {
rule: () => true
}); });
}, }
doBehavior: function () { doBehavior() {
} }
}); }
BI.extend(BI, { Behavior });

12
src/core/behavior/behavior.highlight.js
Unescape View File

@ -4,13 +4,14 @@
* @class BI.HighlightBehavior * @class BI.HighlightBehavior
* @extends BI.Behavior * @extends BI.Behavior
*/ */
BI.HighlightBehavior = BI.inherit(BI.Behavior, { import Behavior from "./0.behavior";
doBehavior: function (items) { export default class HighlightBehavior extends Behavior {
var args = Array.prototype.slice.call(arguments, 1), doBehavior(items) {
const args = Array.prototype.slice.call(arguments, 1),
o = this.options; o = this.options;
BI.each(items, function (i, item) { BI.each(items, function (i, item) {
if (item instanceof BI.Single) { if (item instanceof BI.Single) {
var rule = o.rule(item.getValue(), item); const rule = o.rule(item.getValue(), item);
function doBe (run) { function doBe (run) {
if (run === true) { if (run === true) {
@ -30,4 +31,5 @@ BI.HighlightBehavior = BI.inherit(BI.Behavior, {
} }
}); });
} }
}); }
BI.extend(BI, { HighlightBehavior });

10
src/core/behavior/behavior.redmark.js
Unescape View File

@ -4,9 +4,10 @@
* @class BI.RedMarkBehavior * @class BI.RedMarkBehavior
* @extends BI.Behavior * @extends BI.Behavior
*/ */
BI.RedMarkBehavior = BI.inherit(BI.Behavior, { import Behavior from "./0.behavior";
doBehavior: function (items) { export default class RedMarkBehavior extends Behavior {
var args = Array.prototype.slice.call(arguments, 1), doBehavior(items) {
const args = Array.prototype.slice.call(arguments, 1),
o = this.options; o = this.options;
BI.each(items, function (i, item) { BI.each(items, function (i, item) {
if(item instanceof BI.Single) { if(item instanceof BI.Single) {
@ -20,4 +21,5 @@ BI.RedMarkBehavior = BI.inherit(BI.Behavior, {
} }
}); });
} }
}); }
BI.extend(BI, { RedMarkBehavior })

8
src/core/controller/0.controller.js
Unescape View File

@ -6,6 +6,8 @@
* @extends BI.OB * @extends BI.OB
* @abstract * @abstract
*/ */
BI.Controller = BI.inherit(BI.OB, { import OB from "../3.ob";
}); export default class Controller extends OB {
BI.Controller.EVENT_CHANGE = "__EVENT_CHANGE__"; static EVENT_CHANGE = "__EVENT_CHANGE__";
}
BI.extend(BI, { Controller })

36
src/core/controller/controller.broadcast.js
Unescape View File

@ -4,35 +4,28 @@
* Created by GUY on 2015/12/23. * Created by GUY on 2015/12/23.
* @class * @class
*/ */
BI.BroadcastController = BI.inherit(BI.Controller, { import Controller from "./0.controller";
init: function () { export default class BroadcastController extends Controller {
init() {
this._broadcasts = {}; this._broadcasts = {};
}, }
on: function (name, fn) { on(name, fn) {
var self = this;
if (!this._broadcasts[name]) { if (!this._broadcasts[name]) {
this._broadcasts[name] = []; this._broadcasts[name] = [];
} }
this._broadcasts[name].push(fn); this._broadcasts[name].push(fn);
return function () { return () => this.remove(name, fn);
self.remove(name, fn); }
};
},
send: function (name) { send(name) {
var args = [].slice.call(arguments, 1); const args = [].slice.call(arguments, 1);
BI.each(this._broadcasts[name], function (i, fn) { BI.each(this._broadcasts[name], (i, fn) => fn.apply(null, args));
fn.apply(null, args); }
});
},
remove: function (name, fn) { remove(name, fn) {
var self = this;
if (fn) { if (fn) {
BI.remove(this._broadcasts[name], function (index, cb) { BI.remove(this._broadcasts[name], (index, cb) => fn === cb);
return fn === cb;
});
if (this._broadcasts[name].length === 0) { if (this._broadcasts[name].length === 0) {
delete this._broadcasts[name]; delete this._broadcasts[name];
} }
@ -41,4 +34,5 @@ BI.BroadcastController = BI.inherit(BI.Controller, {
} }
return this; return this;
} }
}); }
BI.extend(BI, { BroadcastController })

50
src/core/controller/controller.bubbles.js
Unescape View File

@ -5,11 +5,12 @@
* Created by GUY on 2015/8/21. * Created by GUY on 2015/8/21.
* @class * @class
*/ */
BI.BubblesController = BI.inherit(BI.Controller, { import Controller from "./0.controller";
init: function () { export default class BubblesController extends Controller {
init() {
this.storeBubbles = {}; this.storeBubbles = {};
this.storePoppers = {}; this.storePoppers = {};
}, }
/** /**
* *
@ -19,14 +20,14 @@ BI.BubblesController = BI.inherit(BI.Controller, {
* @param offsetStyle center, left, right三种类型， 默认left * @param offsetStyle center, left, right三种类型， 默认left
* @returns {BI.BubblesController} * @returns {BI.BubblesController}
*/ */
show: function (name, text, context, opt) { show(name, text, context, opt) {
opt || (opt = {}); opt || (opt = {});
var container = opt.container || context; const container = opt.container || context;
var offsetStyle = opt.offsetStyle || "left"; const offsetStyle = opt.offsetStyle || "left";
var level = opt.level || "error"; const level = opt.level || "error";
var adjustYOffset = opt.adjustYOffset || 0; const adjustYOffset = opt.adjustYOffset || 0;
var adjustXOffset = opt.adjustXOffset || 0; const adjustXOffset = opt.adjustXOffset || 0;
// var fixed = opt.fixed !== false; // const fixed = opt.fixed !== false;
if (!this.storeBubbles[name]) { if (!this.storeBubbles[name]) {
this.storeBubbles[name] = BI.createWidget({ this.storeBubbles[name] = BI.createWidget({
@ -37,7 +38,7 @@ BI.BubblesController = BI.inherit(BI.Controller, {
height: 18 height: 18
}); });
} }
var bubble = this.storeBubbles[name]; const bubble = this.storeBubbles[name];
if (bubble.getText() !== text) { if (bubble.getText() !== text) {
bubble.setText(text); bubble.setText(text);
} }
@ -69,18 +70,18 @@ BI.BubblesController = BI.inherit(BI.Controller, {
] ]
}); });
return this; return this;
}, }
hide: function (name) { hide(name) {
this.remove(name); this.remove(name);
return this; return this;
}, }
has: function (name) { has(name) {
return this.storeBubbles[name] != null; return this.storeBubbles[name] != null;
}, }
remove: function (name) { remove(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
@ -88,17 +89,14 @@ BI.BubblesController = BI.inherit(BI.Controller, {
this.storePoppers[name] && this.storePoppers[name].destroy(); this.storePoppers[name] && this.storePoppers[name].destroy();
delete this.storeBubbles[name]; delete this.storeBubbles[name];
return this; return this;
}, }
removeAll: function () { removeAll() {
BI.each(this.storeBubbles, function (name, bubble) { BI.each(this.storeBubbles, (name, bubble) => bubble.destroy());
bubble.destroy(); BI.each(this.storePoppers, (name, popper) => popper.destroy());
});
BI.each(this.storePoppers, function (name, popper) {
popper.destroy();
});
this.storeBubbles = {}; this.storeBubbles = {};
this.storePoppers = {}; this.storePoppers = {};
return this; return this;
} }
}); }
BI.extend(BI, { BubblesController });

88
src/core/controller/controller.drawer.js
Unescape View File

@ -4,62 +4,61 @@
* @class BI.popoverController * @class BI.popoverController
* @extends BI.Controller * @extends BI.Controller
*/ */
BI.DrawerController = BI.inherit(BI.Controller, { import Controller from "./0.controller";
props: function () { export default class DrawerController extends Controller {
return { props = {
modal: true, // 模态窗口 modal: true, // 模态窗口
render: "body" render: "body"
}; }
},
init: function () { init() {
this.modal = this.options.modal; this.modal = this.options.modal;
this.floatManager = {}; this.floatManager = {};
this.floatLayer = {}; this.floatLayer = {};
this.floatContainer = {}; this.floatContainer = {};
this.floatOpened = {}; this.floatOpened = {};
this.zindexMap = {}; this.zindexMap = {};
}, }
create: function (name, options, context) { create(name, options, context) {
if (this.has(name)) { if (this.has(name)) {
return this; return this;
} }
var popover = BI.createWidget(options || {}, { const popover = BI.createWidget(options || {}, {
type: "bi.drawer" type: "bi.drawer"
}, context); }, context);
this.add(name, popover, options, context); this.add(name, popover, options, context);
return this; return this;
}, }
open: function (name) { open(name) {
var self = this, o = this.options; const o = this.options;
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
if (!this.floatOpened[name]) { if (!this.floatOpened[name]) {
this.floatOpened[name] = true; this.floatOpened[name] = true;
var container = this.floatContainer[name]; const container = this.floatContainer[name];
var zIndex = BI.Popovers._getZIndex(); const zIndex = BI.Popovers._getZIndex();
container.element.css("zIndex", zIndex); container.element.css("zIndex", zIndex);
this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]); this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]);
this.zindexMap[name] = zIndex; this.zindexMap[name] = zIndex;
if (this.modal) { if (this.modal) {
var mask = container.element.__buildZIndexMask__(BI.Popovers._getZIndex()); const mask = container.element.__buildZIndexMask__(BI.Popovers._getZIndex());
mask.click(function () { mask.click(() => {
mask.destroy(); mask.destroy();
self.get(name).close(); this.get(name).close();
}); });
} }
this.get(name).setZindex(BI.Popovers._getZIndex()); this.get(name).setZindex(BI.Popovers._getZIndex());
this.floatContainer[name].visible(); this.floatContainer[name].visible();
var popover = this.get(name); const popover = this.get(name);
popover.show && popover.show(); popover.show && popover.show();
} }
return this; return this;
}, }
close: function (name) { close(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
@ -69,22 +68,21 @@ BI.DrawerController = BI.inherit(BI.Controller, {
this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]); this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
} }
return this; return this;
}, }
show: function (name) { show(name) {
return this.open(name); return this.open(name);
}, }
hide: function (name) { hide(name) {
return this.close(name); return this.close(name);
}, }
isVisible: function (name) { isVisible(name) {
return this.has(name) && this.floatOpened[name] === true; return this.has(name) && this.floatOpened[name] === true;
}, }
add: function (name, popover, options, context) { add(name, popover, options, context) {
var self = this;
options || (options = {}); options || (options = {});
if (this.has(name)) { if (this.has(name)) {
return this; return this;
@ -105,9 +103,7 @@ BI.DrawerController = BI.inherit(BI.Controller, {
}); });
this.floatManager[name] = popover; this.floatManager[name] = popover;
(function (key) { (function (key) {
popover.on(BI.Drawer.EVENT_CLOSE, function () { popover.on(BI.Drawer.EVENT_CLOSE, () => this.close(key));
self.close(key);
});
})(name); })(name);
BI.createWidget({ BI.createWidget({
type: "bi.absolute", type: "bi.absolute",
@ -121,17 +117,17 @@ BI.DrawerController = BI.inherit(BI.Controller, {
}] }]
}); });
return this; return this;
}, }
get: function (name) { get(name) {
return this.floatManager[name]; return this.floatManager[name];
}, }
has: function (name) { has(name) {
return BI.isNotNull(this.floatManager[name]); return BI.isNotNull(this.floatManager[name]);
}, }
remove: function (name) { remove(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
@ -143,13 +139,12 @@ BI.DrawerController = BI.inherit(BI.Controller, {
delete this.floatContainer[name]; delete this.floatContainer[name];
delete this.floatOpened[name]; delete this.floatOpened[name];
return this; return this;
}, }
removeAll: function () { removeAll() {
var self = this; BI.each(this.floatContainer, (name, container) => {
BI.each(this.floatContainer, function (name, container) {
container.destroy(); container.destroy();
self.modal && self.floatContainer[name].element.__releaseZIndexMask__(self.zindexMap[name]); this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
}); });
this.floatManager = {}; this.floatManager = {};
this.floatLayer = {}; this.floatLayer = {};
@ -158,4 +153,5 @@ BI.DrawerController = BI.inherit(BI.Controller, {
this.zindexMap = {}; this.zindexMap = {};
return this; return this;
} }
}); }
BI.extend(BI, { DrawerController });

83
src/core/controller/controller.layer.js
Unescape View File

@ -4,32 +4,31 @@
* Created by GUY on 2015/6/24. * Created by GUY on 2015/6/24.
* @class * @class
*/ */
BI.LayerController = BI.inherit(BI.Controller, { import Controller from "./0.controller";
props: function () { export default class LayerController extends Controller {
return { props = {
render: "body" render: "body"
}; }
},
init: function () { init() {
this.layerManager = {}; this.layerManager = {};
this.layouts = {}; this.layouts = {};
this.zindex = BI.zIndex_layer; this.zindex = BI.zIndex_layer;
}, }
_initResizer: function () { _initResizer() {
this.resizer = BI.Resizers.add("layerController" + BI.uniqueId(), BI.bind(this._resize, this)); this.resizer = BI.Resizers.add("layerController" + BI.uniqueId(), BI.bind(this._resize, this));
}, }
_resize: function () { _resize() {
BI.each(this.layouts, function (i, layer) { BI.each(this.layouts, function (i, layer) {
if (layer.element.is(":visible")) { if (layer.element.is(":visible")) {
layer.element.trigger("__resize__"); layer.element.trigger("__resize__");
} }
}); });
}, }
make: function (name, container, op, context) { make(name, container, op, context) {
if (BI.isWidget(container)) { if (BI.isWidget(container)) {
op = op || {}; op = op || {};
op.container = container; op.container = container;
@ -38,16 +37,16 @@ BI.LayerController = BI.inherit(BI.Controller, {
op = container; op = container;
} }
return this.create(name, null, op, context); return this.create(name, null, op, context);
}, }
create: function (name, from, op, context) { create(name, from, op, context) {
BI.isNull(this.resizer) && this._initResizer(); BI.isNull(this.resizer) && this._initResizer();
if (this.has(name)) { if (this.has(name)) {
return this.get(name); return this.get(name);
} }
op || (op = {}); op || (op = {});
var offset = op.offset || {}; const offset = op.offset || {};
var w = from; let w = from;
if (BI.isWidget(from)) { if (BI.isWidget(from)) {
w = from.element; w = from.element;
} }
@ -57,10 +56,10 @@ BI.LayerController = BI.inherit(BI.Controller, {
if (this.has(name)) { if (this.has(name)) {
return this.get(name); return this.get(name);
} }
var widget = BI.createWidget((op.render || {}), BI.extend({ const widget = BI.createWidget((op.render || {}), BI.extend({
type: "bi.layout" type: "bi.layout"
}, op), context); }, op), context);
var layout = BI.createWidget({ const layout = BI.createWidget({
type: "bi.absolute", type: "bi.absolute",
invisible: true, invisible: true,
items: [{ items: [{
@ -102,31 +101,31 @@ BI.LayerController = BI.inherit(BI.Controller, {
} }
this.add(name, widget, layout); this.add(name, widget, layout);
return widget; return widget;
}, }
show: function (name, callback) { show(name, callback) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
this._getLayout(name).visible(); this._getLayout(name).visible();
this._getLayout(name).element.css("z-index", this.zindex++).show(0, callback).trigger("__resize__"); this._getLayout(name).element.css("z-index", this.zindex++).show(0, callback).trigger("__resize__");
return this; return this;
}, }
hide: function (name, callback) { hide(name, callback) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
this._getLayout(name).invisible(); this._getLayout(name).invisible();
this._getLayout(name).element.hide(0, callback); this._getLayout(name).element.hide(0, callback);
return this; return this;
}, }
isVisible: function (name) { isVisible(name) {
return this.has(name) && this._getLayout(name).isVisible(); return this.has(name) && this._getLayout(name).isVisible();
}, }
add: function (name, layer, layout) { add(name, layer, layout) {
if (this.has(name)) { if (this.has(name)) {
throw new Error("不能创建同名的Layer"); throw new Error("不能创建同名的Layer");
} }
@ -135,21 +134,21 @@ BI.LayerController = BI.inherit(BI.Controller, {
this.layouts[name] = layout; this.layouts[name] = layout;
layout.element.css("z-index", this.zindex++); layout.element.css("z-index", this.zindex++);
return this; return this;
}, }
_getLayout: function (name) { _getLayout(name) {
return this.layouts[name]; return this.layouts[name];
}, }
get: function (name) { get(name) {
return this.layerManager[name]; return this.layerManager[name];
}, }
has: function (name) { has(name) {
return this.layerManager[name] != null; return this.layerManager[name] != null;
}, }
remove: function (name) { remove(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
@ -158,16 +157,16 @@ BI.LayerController = BI.inherit(BI.Controller, {
delete this.layerManager[name]; delete this.layerManager[name];
delete this.layouts[name]; delete this.layouts[name];
return this; return this;
}, }
removeAll: function () { removeAll() {
var self = this; BI.each(BI.keys(this.layerManager), (index, name) => {
BI.each(BI.keys(this.layerManager), function (index, name) { this.layerManager[name].destroy();
self.layerManager[name].destroy(); this.layouts[name].destroy();
self.layouts[name].destroy();
}); });
this.layerManager = {}; this.layerManager = {};
this.layouts = {}; this.layouts = {};
return this; return this;
} }
}); }
BI.extend(BI, { LayerController });

10
src/core/controller/controller.masker.js
Unescape View File

@ -4,9 +4,11 @@
* Created by GUY on 2015/6/24. * Created by GUY on 2015/6/24.
* @class * @class
*/ */
BI.MaskersController = BI.inherit(BI.LayerController, { import LayerController from "./controller.layer";
init: function () { export default class MaskersController extends LayerController {
BI.MaskersController.superclass.init.apply(this, arguments); init() {
super.init(arguments);
this.zindex = BI.zIndex_masker; this.zindex = BI.zIndex_masker;
} }
}); }
BI.extend(BI, { MaskersController });

88
src/core/controller/controller.popover.js
Unescape View File

@ -4,15 +4,14 @@
* @class BI.popoverController * @class BI.popoverController
* @extends BI.Controller * @extends BI.Controller
*/ */
BI.PopoverController = BI.inherit(BI.Controller, { import Controller from "./0.controller";
props: function () { export default class PopoverController extends Controller {
return { props = {
modal: true, // 模态窗口 modal: true, // 模态窗口
render: "body" render: "body"
}; }
},
init: function () { init() {
this.modal = this.options.modal; this.modal = this.options.modal;
this.floatManager = {}; this.floatManager = {};
this.floatLayer = {}; this.floatLayer = {};
@ -20,38 +19,38 @@ BI.PopoverController = BI.inherit(BI.Controller, {
this.floatOpened = {}; this.floatOpened = {};
this.zindex = BI.zIndex_popover; this.zindex = BI.zIndex_popover;
this.zindexMap = {}; this.zindexMap = {};
}, }
create: function (name, options, context) { create(name, options, context) {
if (this.has(name)) { if (this.has(name)) {
return this; return this;
} }
var popover = BI.createWidget(options || {}, { const popover = BI.createWidget(options || {}, {
type: "bi.popover" type: "bi.popover"
}, context); }, context);
this.add(name, popover, options, context); this.add(name, popover, options, context);
return this; return this;
}, }
open: function (name) { open(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
if (!this.floatOpened[name]) { if (!this.floatOpened[name]) {
this.floatOpened[name] = true; this.floatOpened[name] = true;
var container = this.floatContainer[name]; const container = this.floatContainer[name];
container.element.css("zIndex", this.zindex++); container.element.css("zIndex", this.zindex++);
this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]); this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]);
this.zindexMap[name] = this.zindex; this.zindexMap[name] = this.zindex;
this.modal && container.element.__buildZIndexMask__(this.zindex++); this.modal && container.element.__buildZIndexMask__(this.zindex++);
this.get(name).setZindex(this.zindex++); this.get(name).setZindex(this.zindex++);
this.floatContainer[name].visible(); this.floatContainer[name].visible();
var popover = this.get(name); const popover = this.get(name);
popover.show && popover.show(); popover.show && popover.show();
var W = BI.Widget._renderEngine.createElement(this.options.render).width(), const W = BI.Widget._renderEngine.createElement(this.options.render).width(),
H = BI.Widget._renderEngine.createElement(this.options.render).height(); H = BI.Widget._renderEngine.createElement(this.options.render).height();
var w = popover.element.width(), h = popover.element.height(); const w = popover.element.width(), h = popover.element.height();
var left = (W - w) / 2, top = (H - h) / 2; const left = (W - w) / 2, top = (H - h) / 2;
if (left < 0) { if (left < 0) {
left = 0; left = 0;
} }
@ -65,9 +64,9 @@ BI.PopoverController = BI.inherit(BI.Controller, {
}); });
} }
return this; return this;
}, }
close: function (name) { close(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
@ -77,22 +76,21 @@ BI.PopoverController = BI.inherit(BI.Controller, {
this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]); this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
} }
return this; return this;
}, }
show: function (name) { show(name) {
return this.open(name); return this.open(name);
}, }
hide: function (name) { hide(name) {
return this.close(name); return this.close(name);
}, }
isVisible: function (name) { isVisible(name) {
return this.has(name) && this.floatOpened[name] === true; return this.has(name) && this.floatOpened[name] === true;
}, }
add: function (name, popover, options, context) { add(name, popover, options, context) {
var self = this;
options || (options = {}); options || (options = {});
if (this.has(name)) { if (this.has(name)) {
return this; return this;
@ -113,9 +111,7 @@ BI.PopoverController = BI.inherit(BI.Controller, {
}); });
this.floatManager[name] = popover; this.floatManager[name] = popover;
(function (key) { (function (key) {
popover.on(BI.Popover.EVENT_CLOSE, function () { popover.on(BI.Popover.EVENT_CLOSE, () => self.close(key));
self.close(key);
});
})(name); })(name);
BI.createWidget({ BI.createWidget({
type: "bi.absolute", type: "bi.absolute",
@ -129,17 +125,17 @@ BI.PopoverController = BI.inherit(BI.Controller, {
}] }]
}); });
return this; return this;
}, }
get: function (name) { get(name) {
return this.floatManager[name]; return this.floatManager[name];
}, }
has: function (name) { has(name) {
return BI.isNotNull(this.floatManager[name]); return BI.isNotNull(this.floatManager[name]);
}, }
remove: function (name) { remove(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
@ -151,13 +147,12 @@ BI.PopoverController = BI.inherit(BI.Controller, {
delete this.floatContainer[name]; delete this.floatContainer[name];
delete this.floatOpened[name]; delete this.floatOpened[name];
return this; return this;
}, }
removeAll: function () { removeAll() {
var self = this; BI.each(this.floatContainer, (name, container) => {
BI.each(this.floatContainer, function (name, container) {
container.destroy(); container.destroy();
self.modal && self.floatContainer[name].element.__releaseZIndexMask__(self.zindexMap[name]); this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
}); });
this.floatManager = {}; this.floatManager = {};
this.floatLayer = {}; this.floatLayer = {};
@ -165,9 +160,10 @@ BI.PopoverController = BI.inherit(BI.Controller, {
this.floatOpened = {}; this.floatOpened = {};
this.zindexMap = {}; this.zindexMap = {};
return this; return this;
}, }
_getZIndex: function () { _getZIndex() {
return this.zindex++; return this.zindex++;
} }
}); }
BI.extend(BI, { PopoverController });

43
src/core/controller/controller.resizer.js
Unescape View File

@ -4,25 +4,23 @@
* Created by GUY on 2015/6/24. * Created by GUY on 2015/6/24.
* @class * @class
*/ */
BI.ResizeController = BI.inherit(BI.Controller, { import Controller from "./0.controller";
export default class ResizeController extends Controller {
init: function () { init() {
this.resizerManger = {}; this.resizerManger = {};
}, }
_initResizeListener: function () { _initResizeListener() {
var self = this; this.resizeHandler = BI.debounce((ev) => this._resize(ev), 30);
this.resizeHandler = BI.debounce(function (ev) {
self._resize(ev);
}, 30);
if ("onorientationchange" in _global) { if ("onorientationchange" in _global) {
_global.onorientationchange = this.resizeHandler; _global.onorientationchange = this.resizeHandler;
} else { } else {
BI.Widget._renderEngine.createElement(_global).resize(this.resizeHandler); BI.Widget._renderEngine.createElement(_global).resize(this.resizeHandler);
} }
}, }
_resize: function (ev) { _resize(ev) {
BI.each(this.resizerManger, function (key, resizer) { BI.each(this.resizerManger, function (key, resizer) {
if (resizer instanceof BI.$) { if (resizer instanceof BI.$) {
if (resizer.is(":visible")) { if (resizer.is(":visible")) {
@ -38,34 +36,33 @@ BI.ResizeController = BI.inherit(BI.Controller, {
resizer(ev); resizer(ev);
} }
}); });
}, }
add: function (name, resizer) { add(name, resizer) {
var self = this;
BI.isNull(this.resizeHandler) && this._initResizeListener(); BI.isNull(this.resizeHandler) && this._initResizeListener();
if (this.has(name)) { if (this.has(name)) {
return this; return this;
} }
this.resizerManger[name] = resizer; this.resizerManger[name] = resizer;
return function () { return () => this.remove(name);
self.remove(name); }
};
},
get: function (name) { get(name) {
return this.resizerManger[name]; return this.resizerManger[name];
}, }
has: function (name) { has(name) {
return this.resizerManger[name] != null; return this.resizerManger[name] != null;
}, }
remove: function (name) { remove(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
delete this.resizerManger[name]; delete this.resizerManger[name];
return this; return this;
} }
}); }
BI.extend(BI, { ResizeController });

75
src/core/controller/controller.tooltips.js
Unescape View File

@ -6,11 +6,12 @@
* @class BI.TooltipsController * @class BI.TooltipsController
* @extends BI.Controller * @extends BI.Controller
*/ */
BI.TooltipsController = BI.inherit(BI.Controller, { import Controller from "./0.controller";
init: function () { export default class TooltipsController extends Controller {
init() {
this.tooltipsManager = {}; this.tooltipsManager = {};
this.showingTips = {};// 存储正在显示的tooltip this.showingTips = {};// 存储正在显示的tooltip
}, }
/** /**
* *
@ -21,34 +22,31 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
* @returns {*} * @returns {*}
* @private * @private
*/ */
_createTooltip: function (opt) { _createTooltip(opt) {
return BI.createWidget({ return BI.createWidget({
type: "bi.tooltip", type: "bi.tooltip",
...opt, ...opt,
stopEvent: true stopEvent: true
}); });
}, }
// opt: {container: '', belowMouse: false} // opt: {container: '', belowMouse: false}
show: function (e, name, tooltipOpt, context, opt) { show(e, name, tooltipOpt, context, opt) {
opt || (opt = {}); opt || (opt = {});
var self = this; BI.each(this.showingTips, (i, tip) => this.hide(i));
BI.each(this.showingTips, function (i, tip) {
self.hide(i);
});
this.showingTips = {}; this.showingTips = {};
if (!this.has(name)) { if (!this.has(name)) {
this.create(name, tooltipOpt, document.fullscreenElement ? context : (opt.container || "body")); this.create(name, tooltipOpt, document.fullscreenElement ? context : (opt.container || "body"));
} }
if (!opt.belowMouse) { if (!opt.belowMouse) {
var offset = context.element.offset(); const offset = context.element.offset();
var bounds = context.element.bounds(); const bounds = context.element.bounds();
if (bounds.height === 0 || bounds.width === 0) { if (bounds.height === 0 || bounds.width === 0) {
return; return;
} }
var top = offset.top + bounds.height + 5; const top = offset.top + bounds.height + 5;
} }
var tooltip = this.get(name); const tooltip = this.get(name);
tooltip.element.css({ tooltip.element.css({
left: "0px", left: "0px",
top: "0px" top: "0px"
@ -57,13 +55,13 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
tooltip.element.height(tooltip.element[0].scrollHeight); tooltip.element.height(tooltip.element[0].scrollHeight);
this.showingTips[name] = true; this.showingTips[name] = true;
// scale影响要计算在内 // scale影响要计算在内
// var scale = context.element.offset().left / context.element.get(0).getBoundingClientRect().left; // const scale = context.element.offset().left / context.element.get(0).getBoundingClientRect().left;
// var x = (e.pageX || e.clientX) * scale + 15, y = (e.pageY || e.clientY) * scale + 15; // const x = (e.pageX || e.clientX) * scale + 15, y = (e.pageY || e.clientY) * scale + 15;
var x = (e.pageX || e.clientX) + 15, y = (e.pageY || e.clientY) + 15; const x = (e.pageX || e.clientX) + 15, y = (e.pageY || e.clientY) + 15;
if (x + tooltip.element.outerWidth() > BI.Widget._renderEngine.createElement("body").outerWidth()) { if (x + tooltip.element.outerWidth() > BI.Widget._renderEngine.createElement("body").outerWidth()) {
x -= tooltip.element.outerWidth() + 15; x -= tooltip.element.outerWidth() + 15;
} }
var bodyHeight = BI.Widget._renderEngine.createElement("body").outerHeight(); const bodyHeight = BI.Widget._renderEngine.createElement("body").outerHeight();
if (y + tooltip.element.outerHeight() > bodyHeight || top + tooltip.element.outerHeight() > bodyHeight) { if (y + tooltip.element.outerHeight() > bodyHeight || top + tooltip.element.outerHeight() > bodyHeight) {
y -= tooltip.element.outerHeight() + 15; y -= tooltip.element.outerHeight() + 15;
!opt.belowMouse && (y = Math.min(y, offset.top - tooltip.element.outerHeight() - 5)); !opt.belowMouse && (y = Math.min(y, offset.top - tooltip.element.outerHeight() - 5));
@ -75,14 +73,14 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
left: x < 0 ? 0 : x + "px", left: x < 0 ? 0 : x + "px",
top: y < 0 ? 0 : y + "px" top: y < 0 ? 0 : y + "px"
}); });
tooltip.element.hover(function () { tooltip.element.hover(() => {
self.remove(name); this.remove(name);
context.element.trigger("mouseleave.title" + context.getName()); context.element.trigger("mouseleave.title" + context.getName());
}); });
return this; return this;
}, }
hide: function (name, callback) { hide(name, callback) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
@ -90,11 +88,11 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
this.get(name).element.hide(0, callback); this.get(name).element.hide(0, callback);
this.get(name).invisible(); this.get(name).invisible();
return this; return this;
}, }
create: function (name, tooltipOpt, context) { create(name, tooltipOpt, context) {
if (!this.has(name)) { if (!this.has(name)) {
var tooltip = this._createTooltip(tooltipOpt); const tooltip = this._createTooltip(tooltipOpt);
this.add(name, tooltip); this.add(name, tooltip);
BI.createWidget({ BI.createWidget({
type: "bi.absolute", type: "bi.absolute",
@ -106,38 +104,38 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
tooltip.invisible(); tooltip.invisible();
} }
return this.get(name); return this.get(name);
}, }
add: function (name, bubble) { add(name, bubble) {
if (this.has(name)) { if (this.has(name)) {
return this; return this;
} }
this.set(name, bubble); this.set(name, bubble);
return this; return this;
}, }
get: function (name) { get(name) {
return this.tooltipsManager[name]; return this.tooltipsManager[name];
}, }
set: function (name, bubble) { set(name, bubble) {
this.tooltipsManager[name] = bubble; this.tooltipsManager[name] = bubble;
}, }
has: function (name) { has(name) {
return this.tooltipsManager[name] != null; return this.tooltipsManager[name] != null;
}, }
remove: function (name) { remove(name) {
if (!this.has(name)) { if (!this.has(name)) {
return this; return this;
} }
this.tooltipsManager[name].destroy(); this.tooltipsManager[name].destroy();
delete this.tooltipsManager[name]; delete this.tooltipsManager[name];
return this; return this;
}, }
removeAll: function () { removeAll() {
BI.each(this.tooltipsManager, function (name, tooltip) { BI.each(this.tooltipsManager, function (name, tooltip) {
tooltip.destroy(); tooltip.destroy();
}); });
@ -145,4 +143,5 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
this.showingTips = {}; this.showingTips = {};
return this; return this;
} }
}); }
BI.extend(BI, { TooltipsController });

Write Preview
Loading…
Cancel
Save