forked from fanruan/fineui
guy
6 years ago
9 changed files with 1372 additions and 1156 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,152 +1,178 @@ |
|||||||
/** |
!(function () { |
||||||
* 客户端观察者，主要处理事件的添加、删除、执行等 |
function extend () { |
||||||
* @class BI.OB |
var target = arguments[0] || {}, length = arguments.length, i = 1, options, name, src, copy; |
||||||
* @abstract |
for (; i < length; i++) { |
||||||
*/ |
// Only deal with non-null/undefined values
|
||||||
BI.OB = function (config) { |
if ((options = arguments[i]) != null) { |
||||||
var props = this.props; |
// Extend the base object
|
||||||
if (BI.isFunction(this.props)) { |
for (name in options) { |
||||||
props = this.props(config); |
src = target[name]; |
||||||
} |
copy = options[name]; |
||||||
this.options = (_global.$ || _global._).extend(this._defaultConfig(config), props, config); |
|
||||||
this._init(); |
|
||||||
this._initRef(); |
|
||||||
}; |
|
||||||
_.extend(BI.OB.prototype, { |
|
||||||
props: {}, |
|
||||||
init: null, |
|
||||||
destroyed: null, |
|
||||||
|
|
||||||
_defaultConfig: function (config) { |
|
||||||
return {}; |
|
||||||
}, |
|
||||||
|
|
||||||
_init: function () { |
// Prevent never-ending loop
|
||||||
this._initListeners(); |
if (target === copy) { |
||||||
this.init && this.init(); |
continue; |
||||||
}, |
} |
||||||
|
|
||||||
_initListeners: function () { |
if (copy !== undefined) { |
||||||
var self = this; |
target[name] = copy; |
||||||
if (this.options.listeners != null) { |
} |
||||||
_.each(this.options.listeners, function (lis) { |
} |
||||||
(lis.target ? lis.target : self)[lis.once ? "once" : "on"] |
} |
||||||
(lis.eventName, _.bind(lis.action, self)); |
|
||||||
}); |
|
||||||
delete this.options.listeners; |
|
||||||
} |
} |
||||||
}, |
return target; |
||||||
|
} |
||||||
|
|
||||||
// 获得一个当前对象的引用
|
/** |
||||||
_initRef: function () { |
* 客户端观察者，主要处理事件的添加、删除、执行等 |
||||||
if (this.options.ref) { |
* @class BI.OB |
||||||
this.options.ref.call(this, this); |
* @abstract |
||||||
|
*/ |
||||||
|
BI.OB = function (config) { |
||||||
|
var props = this.props; |
||||||
|
if (BI.isFunction(this.props)) { |
||||||
|
props = this.props(config); |
||||||
} |
} |
||||||
}, |
this.options = extend(this._defaultConfig(config), props, config); |
||||||
|
this._init(); |
||||||
|
this._initRef(); |
||||||
|
}; |
||||||
|
_.extend(BI.OB.prototype, { |
||||||
|
props: {}, |
||||||
|
init: null, |
||||||
|
destroyed: null, |
||||||
|
|
||||||
//释放当前对象
|
_defaultConfig: function (config) { |
||||||
_purgeRef: function(){ |
return {}; |
||||||
if (this.options.ref) { |
}, |
||||||
this.options.ref.call(null); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
_getEvents: function () { |
_init: function () { |
||||||
if (!_.isArray(this.events)) { |
this._initListeners(); |
||||||
this.events = []; |
this.init && this.init(); |
||||||
} |
}, |
||||||
return this.events; |
|
||||||
}, |
|
||||||
|
|
||||||
/** |
_initListeners: function () { |
||||||
* 给观察者绑定一个事件 |
var self = this; |
||||||
* @param {String} eventName 事件的名字 |
if (this.options.listeners != null) { |
||||||
* @param {Function} fn 事件对应的执行函数 |
_.each(this.options.listeners, function (lis) { |
||||||
*/ |
(lis.target ? lis.target : self)[lis.once ? "once" : "on"] |
||||||
on: function (eventName, fn) { |
(lis.eventName, _.bind(lis.action, self)); |
||||||
eventName = eventName.toLowerCase(); |
}); |
||||||
var fns = this._getEvents()[eventName]; |
delete this.options.listeners; |
||||||
if (!_.isArray(fns)) { |
} |
||||||
fns = []; |
}, |
||||||
this._getEvents()[eventName] = fns; |
|
||||||
} |
|
||||||
fns.push(fn); |
|
||||||
}, |
|
||||||
|
|
||||||
/** |
// 获得一个当前对象的引用
|
||||||
* 给观察者绑定一个只执行一次的事件 |
_initRef: function () { |
||||||
* @param {String} eventName 事件的名字 |
if (this.options.ref) { |
||||||
* @param {Function} fn 事件对应的执行函数 |
this.options.ref.call(this, this); |
||||||
*/ |
} |
||||||
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) { |
_purgeRef: function () { |
||||||
delete this._getEvents()[eventName]; |
if (this.options.ref) { |
||||||
} else { |
this.options.ref.call(null); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_getEvents: function () { |
||||||
|
if (!_.isArray(this.events)) { |
||||||
|
this.events = []; |
||||||
|
} |
||||||
|
return this.events; |
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 给观察者绑定一个事件 |
||||||
|
* @param {String} eventName 事件的名字 |
||||||
|
* @param {Function} fn 事件对应的执行函数 |
||||||
|
*/ |
||||||
|
on: function (eventName, fn) { |
||||||
|
eventName = eventName.toLowerCase(); |
||||||
var fns = this._getEvents()[eventName]; |
var fns = this._getEvents()[eventName]; |
||||||
if (_.isArray(fns)) { |
if (!_.isArray(fns)) { |
||||||
var newFns = []; |
fns = []; |
||||||
_.each(fns, function (ifn) { |
this._getEvents()[eventName] = fns; |
||||||
if (ifn != fn) { |
|
||||||
newFns.push(ifn); |
|
||||||
} |
|
||||||
}); |
|
||||||
this._getEvents()[eventName] = newFns; |
|
||||||
} |
} |
||||||
} |
fns.push(fn); |
||||||
}, |
}, |
||||||
/** |
|
||||||
* 清除观察者的所有事件绑定 |
/** |
||||||
*/ |
* 给观察者绑定一个只执行一次的事件 |
||||||
purgeListeners: function () { |
* @param {String} eventName 事件的名字 |
||||||
/* alex:清空events*/ |
* @param {Function} fn 事件对应的执行函数 |
||||||
this.events = []; |
*/ |
||||||
}, |
once: function (eventName, fn) { |
||||||
/** |
var proxy = function () { |
||||||
* 触发绑定过的事件 |
fn.apply(this, arguments); |
||||||
* |
this.un(eventName, proxy); |
||||||
* @param {String} eventName 要触发的事件的名字 |
}; |
||||||
* @returns {Boolean} 如果事件函数返回false，则返回false并中断其他同名事件的执行，否则执行所有的同名事件并返回true |
this.on(eventName, proxy); |
||||||
*/ |
}, |
||||||
fireEvent: function () { |
/** |
||||||
var eventName = arguments[0].toLowerCase(); |
* 解除观察者绑定的指定事件 |
||||||
var fns = this._getEvents()[eventName]; |
* @param {String} eventName 要解除绑定事件的名字 |
||||||
if (BI.isArray(fns)) { |
* @param {Function} fn 事件对应的执行函数，该参数是可选的，没有该参数时，将解除绑定所有同名字的事件 |
||||||
if (BI.isArguments(arguments[1])) { |
*/ |
||||||
for (var i = 0; i < fns.length; i++) { |
un: function (eventName, fn) { |
||||||
if (fns[i].apply(this, arguments[1]) === false) { |
eventName = eventName.toLowerCase(); |
||||||
return false; |
|
||||||
} |
/* alex:如果fn是null,就是把eventName上面所有方法都un掉*/ |
||||||
} |
if (fn == null) { |
||||||
|
delete this._getEvents()[eventName]; |
||||||
} else { |
} else { |
||||||
var args = Array.prototype.slice.call(arguments, 1); |
var fns = this._getEvents()[eventName]; |
||||||
for (var i = 0; i < fns.length; i++) { |
if (_.isArray(fns)) { |
||||||
if (fns[i].apply(this, args) === false) { |
var newFns = []; |
||||||
return false; |
_.each(fns, function (ifn) { |
||||||
|
if (ifn != fn) { |
||||||
|
newFns.push(ifn); |
||||||
|
} |
||||||
|
}); |
||||||
|
this._getEvents()[eventName] = newFns; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 清除观察者的所有事件绑定 |
||||||
|
*/ |
||||||
|
purgeListeners: function () { |
||||||
|
/* alex:清空events*/ |
||||||
|
this.events = []; |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 触发绑定过的事件 |
||||||
|
* |
||||||
|
* @param {String} eventName 要触发的事件的名字 |
||||||
|
* @returns {Boolean} 如果事件函数返回false，则返回false并中断其他同名事件的执行，否则执行所有的同名事件并返回true |
||||||
|
*/ |
||||||
|
fireEvent: function () { |
||||||
|
var eventName = arguments[0].toLowerCase(); |
||||||
|
var fns = this._getEvents()[eventName]; |
||||||
|
if (BI.isArray(fns)) { |
||||||
|
if (BI.isArguments(arguments[1])) { |
||||||
|
for (var 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); |
||||||
|
for (var i = 0; i < fns.length; i++) { |
||||||
|
if (fns[i].apply(this, args) === false) { |
||||||
|
return false; |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
return true; |
||||||
return true; |
}, |
||||||
}, |
|
||||||
|
|
||||||
destroy: function () { |
destroy: function () { |
||||||
this.destroyed && this.destroyed(); |
this.destroyed && this.destroyed(); |
||||||
this._purgeRef(); |
this._purgeRef(); |
||||||
this.purgeListeners(); |
this.purgeListeners(); |
||||||
} |
} |
||||||
}); |
}); |
||||||
|
})(); |
||||||
Loading…
Reference in new issue