|
|
@ -59,112 +59,114 @@ export default ({ $, Backbone }) => { |
|
|
if ($ && $.prototype.constructor.name !== 'jQuery') { |
|
|
if ($ && $.prototype.constructor.name !== 'jQuery') { |
|
|
const fn = $.fn; |
|
|
const fn = $.fn; |
|
|
|
|
|
|
|
|
const splitNamespace = function(name) { |
|
|
// const splitNamespace = function(name) {
|
|
|
const namespaceArray = name.split('.'); |
|
|
// const namespaceArray = name.split('.');
|
|
|
return name.indexOf('.') !== 0 |
|
|
// return name.indexOf('.') !== 0
|
|
|
? [namespaceArray[0], namespaceArray.slice(1)] |
|
|
// ? [namespaceArray[0], namespaceArray.slice(1)]
|
|
|
: [null, namespaceArray]; |
|
|
// : [null, namespaceArray];
|
|
|
}; |
|
|
// };
|
|
|
|
|
|
|
|
|
const on = $.prototype.on; |
|
|
// const on = $.prototype.on;
|
|
|
const off = $.prototype.off; |
|
|
// const off = $.prototype.off;
|
|
|
const trigger = $.prototype.trigger; |
|
|
// const trigger = $.prototype.trigger;
|
|
|
const offset = $.prototype.offset; |
|
|
// const offset = $.prototype.offset;
|
|
|
const getEvents = eventName => eventName.split(/[,\s]+/g); |
|
|
// const getEvents = eventName => eventName.split(/[,\s]+/g);
|
|
|
const getNamespaces = eventName => eventName.split('.'); |
|
|
// const getNamespaces = eventName => eventName.split('.');
|
|
|
|
|
|
|
|
|
fn.on = function(eventName, delegate, callback, runOnce) { |
|
|
// fn.on = function(eventName, delegate, callback, runOnce) {
|
|
|
if (typeof eventName == 'string') { |
|
|
// if (typeof eventName == 'string') {
|
|
|
const events = getEvents(eventName); |
|
|
// const events = getEvents(eventName);
|
|
|
|
|
|
|
|
|
if (events.length == 1) { |
|
|
// if (events.length == 1) {
|
|
|
eventName = events[0]; |
|
|
// eventName = events[0];
|
|
|
let namespaces = getNamespaces(eventName); |
|
|
// let namespaces = getNamespaces(eventName);
|
|
|
|
|
|
|
|
|
if (eventName.indexOf('.') !== 0) { |
|
|
// if (eventName.indexOf('.') !== 0) {
|
|
|
eventName = namespaces[0]; |
|
|
// eventName = namespaces[0];
|
|
|
} |
|
|
// }
|
|
|
|
|
|
|
|
|
namespaces = namespaces.slice(1); |
|
|
// namespaces = namespaces.slice(1);
|
|
|
|
|
|
|
|
|
if (namespaces.length) { |
|
|
// if (namespaces.length) {
|
|
|
//console.log('Found event with namespaces', namespaces, eventName, delegate, this);
|
|
|
// //console.log('Found event with namespaces', namespaces, eventName, delegate, this);
|
|
|
const cashNs = this.data('_cashNs') || []; |
|
|
// const cashNs = this.data('_cashNs') || [];
|
|
|
// cashNs[namespace]
|
|
|
// // cashNs[namespace]
|
|
|
this.data('_cashNs', namespaces); // for each ns need to store '.store' => eventName, delegate, callback
|
|
|
// this.data('_cashNs', namespaces); // for each ns need to store '.store' => eventName, delegate, callback
|
|
|
} |
|
|
// }
|
|
|
|
|
|
|
|
|
return on.call(this, eventName, delegate, callback, runOnce); |
|
|
// return on.call(this, eventName, delegate, callback, runOnce);
|
|
|
} else { |
|
|
// } else {
|
|
|
events.forEach(eventName => |
|
|
// events.forEach(eventName =>
|
|
|
this.on(eventName, delegate, callback, runOnce) |
|
|
// this.on(eventName, delegate, callback, runOnce)
|
|
|
); |
|
|
// );
|
|
|
return this; |
|
|
// return this;
|
|
|
} |
|
|
// }
|
|
|
} else { |
|
|
// } else {
|
|
|
return on.call(this, eventName, delegate, callback, runOnce); |
|
|
// return on.call(this, eventName, delegate, callback, runOnce);
|
|
|
} |
|
|
// }
|
|
|
}; |
|
|
// };
|
|
|
|
|
|
|
|
|
fn.off = function(eventName, callback) { |
|
|
// fn.off = function(eventName, callback) {
|
|
|
if (typeof eventName == 'string') { |
|
|
// if (typeof eventName == 'string') {
|
|
|
const events = getEvents(eventName); |
|
|
// const events = getEvents(eventName);
|
|
|
|
|
|
|
|
|
if (events.length == 1) { |
|
|
// if (events.length == 1) {
|
|
|
eventName = events[0]; |
|
|
// eventName = events[0];
|
|
|
let namespaces = getNamespaces(eventName); |
|
|
// let namespaces = getNamespaces(eventName);
|
|
|
|
|
|
|
|
|
if (eventName.indexOf('.') !== 0) { |
|
|
// if (eventName.indexOf('.') !== 0) {
|
|
|
eventName = namespaces[0]; |
|
|
// eventName = namespaces[0];
|
|
|
} |
|
|
// }
|
|
|
|
|
|
|
|
|
namespaces = namespaces.slice(1); |
|
|
// namespaces = namespaces.slice(1);
|
|
|
|
|
|
|
|
|
if (namespaces.length) { |
|
|
// if (namespaces.length) {
|
|
|
// Have to off only with the same namespace
|
|
|
// // Have to off only with the same namespace
|
|
|
} |
|
|
// }
|
|
|
|
|
|
|
|
|
return off.call(this, eventName, callback); |
|
|
// return off.call(this, eventName, callback);
|
|
|
} else { |
|
|
// } else {
|
|
|
events.forEach(eventName => this.off(eventName, callback)); |
|
|
// events.forEach(eventName => this.off(eventName, callback));
|
|
|
return this; |
|
|
// return this;
|
|
|
} |
|
|
// }
|
|
|
} else { |
|
|
// } else {
|
|
|
return off.call(this, eventName, callback); |
|
|
// return off.call(this, eventName, callback);
|
|
|
} |
|
|
// }
|
|
|
}; |
|
|
// };
|
|
|
|
|
|
|
|
|
fn.trigger = function(eventName, data) { |
|
|
// fn.trigger = function(eventName, data) {
|
|
|
if (eventName instanceof $.Event) { |
|
|
// if (eventName instanceof $.Event) {
|
|
|
return this.trigger(eventName.type, data); |
|
|
// return this.trigger(eventName.type, data);
|
|
|
} |
|
|
// }
|
|
|
|
|
|
|
|
|
if (typeof eventName == 'string') { |
|
|
// if (typeof eventName == 'string') {
|
|
|
const events = getEvents(eventName); |
|
|
// const events = getEvents(eventName);
|
|
|
|
|
|
|
|
|
if (events.length == 1) { |
|
|
// if (events.length == 1) {
|
|
|
eventName = events[0]; |
|
|
// eventName = events[0];
|
|
|
let namespaces = getNamespaces(eventName); |
|
|
// let namespaces = getNamespaces(eventName);
|
|
|
|
|
|
|
|
|
if (eventName.indexOf('.') !== 0) { |
|
|
// if (eventName.indexOf('.') !== 0) {
|
|
|
eventName = namespaces[0]; |
|
|
// eventName = namespaces[0];
|
|
|
} |
|
|
// }
|
|
|
|
|
|
|
|
|
namespaces = namespaces.slice(1); |
|
|
// namespaces = namespaces.slice(1);
|
|
|
|
|
|
|
|
|
if (namespaces.length) { |
|
|
// if (namespaces.length) {
|
|
|
// have to trigger with same namespaces and eventName
|
|
|
// // have to trigger with same namespaces and eventName
|
|
|
} |
|
|
// }
|
|
|
|
|
|
|
|
|
return trigger.call(this, eventName, data); |
|
|
// return trigger.call(this, eventName, data);
|
|
|
} else { |
|
|
// } else {
|
|
|
events.forEach(eventName => this.trigger(eventName, data)); |
|
|
// events.forEach(eventName => this.trigger(eventName, data));
|
|
|
return this; |
|
|
// return this;
|
|
|
} |
|
|
// }
|
|
|
} else { |
|
|
// } else {
|
|
|
return trigger.call(this, eventName, data); |
|
|
// return trigger.call(this, eventName, data);
|
|
|
} |
|
|
// }
|
|
|
}; |
|
|
// };
|
|
|
|
|
|
|
|
|
|
|
|
// Additional helpers
|
|
|
|
|
|
|
|
|
fn.hide = function() { |
|
|
fn.hide = function() { |
|
|
return this.css('display', 'none'); |
|
|
return this.css('display', 'none'); |
|
|
@ -181,39 +183,41 @@ export default ({ $, Backbone }) => { |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
// For SVGs in IE
|
|
|
// For SVGs in IE
|
|
|
(fn.removeClass = function(c) { |
|
|
// (fn.removeClass = function(c) {
|
|
|
if (!arguments.length) { |
|
|
// if (!arguments.length) {
|
|
|
return this.attr('class', ''); |
|
|
// return this.attr('class', '');
|
|
|
} |
|
|
// }
|
|
|
const classes = isString(c) && c.match(/\S+/g); |
|
|
// const classes = isString(c) && c.match(/\S+/g);
|
|
|
return classes |
|
|
// return classes
|
|
|
? this.each(function(el) { |
|
|
// ? this.each(function(el) {
|
|
|
each(classes, function(c) { |
|
|
// each(classes, function(c) {
|
|
|
if (el.classList) { |
|
|
// if (el.classList) {
|
|
|
el.classList.remove(c); |
|
|
// el.classList.remove(c);
|
|
|
} else { |
|
|
// } else {
|
|
|
const val = el.className; |
|
|
// const val = el.className;
|
|
|
const bval = el.className.baseVal; |
|
|
// const bval = el.className.baseVal;
|
|
|
|
|
|
|
|
|
if (!isUndefined(bval)) { |
|
|
// if (!isUndefined(bval)) {
|
|
|
val.baseVal = bval.replace(c, ''); |
|
|
// val.baseVal = bval.replace(c, '');
|
|
|
} else { |
|
|
// } else {
|
|
|
el.className = val.replace(c, ''); |
|
|
// el.className = val.replace(c, '');
|
|
|
} |
|
|
// }
|
|
|
} |
|
|
// }
|
|
|
}); |
|
|
// });
|
|
|
}) |
|
|
// })
|
|
|
: this; |
|
|
// : this;
|
|
|
}), |
|
|
// }),
|
|
|
(fn.remove = function() { |
|
|
// (fn.remove = function() {
|
|
|
return this.each(node => { |
|
|
// return this.each(node => {
|
|
|
return node.parentNode && node.parentNode.removeChild(node); |
|
|
// return node.parentNode && node.parentNode.removeChild(node);
|
|
|
}); |
|
|
// });
|
|
|
}), |
|
|
// }),
|
|
|
// For spectrum compatibility
|
|
|
|
|
|
(fn.bind = function(ev, h) { |
|
|
// For spectrum compatibility
|
|
|
return this.on(ev, h); |
|
|
|
|
|
}); |
|
|
fn.bind = function(ev, h) { |
|
|
|
|
|
return this.on(ev, h); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
fn.unbind = function(ev, h) { |
|
|
fn.unbind = function(ev, h) { |
|
|
if (isObject(ev)) { |
|
|
if (isObject(ev)) { |
|
|
@ -264,6 +268,7 @@ export default ({ $, Backbone }) => { |
|
|
return win ? win.pageYOffset : el.scrollTop || 0; |
|
|
return win ? win.pageYOffset : el.scrollTop || 0; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const offset = $.prototype.offset; |
|
|
fn.offset = function(coords) { |
|
|
fn.offset = function(coords) { |
|
|
let top, left; |
|
|
let top, left; |
|
|
|
|
|
|
|
|
|
Artur Arseniev
7 years ago