[build] 0.5.4

lib/index.browser.js

@@ -1,6 +1,6 @@
 
 /**
- * chimee v0.5.3
+ * chimee v0.5.4
  * (c) 2017 toxic-johann
  * Released under MIT
  */
@@ -4127,7 +4127,7 @@ var CustEvent = function () {
 }();
 
 /**
- * chimee-helper-dom v0.1.4
+ * chimee-helper-dom v0.1.7
  * (c) 2017 huzunjie
  * Released under MIT
  */
@@ -4494,6 +4494,20 @@ function hasClassName(el, className) {
  return new RegExp('(?:^|\\s)' + className + '(?=\\s|$)').test(el.className);
 }
 
+/**
+ * addEventListener 是否已支持 passive
+ * @return {Boolean}
+ */
+var supportsPassive = false;
+try {
+ var opts = Object.defineProperty({}, 'passive', {
+ get: function get() {
+ supportsPassive = true;
+ }
+ });
+ window.addEventListener('test', null, opts);
+} catch (e) {}
+
 /**
  * 为HTML元素移除事件监听
  * @param {HTMLElement} el 目标元素
@@ -4506,6 +4520,9 @@ function removeEvent(el, type, handler) {
  var once = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
  var capture = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
 
+ if (capture !== undefined && !isBoolean(capture) && supportsPassive) {
+ capture = { passive: true };
+ }
  if (once) {
  /* 尝试从缓存中读取包装后的方法 */
  var handlerWrap = removeEventCache$1(el, type + '_once', handler);
@@ -4528,6 +4545,9 @@ function addEvent(el, type, handler) {
  var once = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
  var capture = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
 
+ if (capture !== undefined && !isBoolean(capture) && supportsPassive) {
+ capture = { passive: true };
+ }
  if (once) {
  var oldHandler = handler;
  handler = function () {
@@ -4558,7 +4578,9 @@ function addEvent(el, type, handler) {
 function addDelegate(el, selector, type, handler) {
  var capture = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
 
-
+ if (capture !== undefined && !isBoolean(capture) && supportsPassive) {
+ capture = { passive: true };
+ }
  var handlerWrap = function handlerWrap(e) {
  var targetElsArr = findParents(e.target || e.srcElement, el, true);
  var targetElArr = query(selector, el, true);
@@ -4597,6 +4619,9 @@ function addDelegate(el, selector, type, handler) {
 function removeDelegate(el, selector, type, handler) {
  var capture = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
 
+ if (capture !== undefined && !isBoolean(capture) && supportsPassive) {
+ capture = { passive: true };
+ }
  /* 尝试从缓存中读取包装后的方法 */
  var handlerWrap = removeEventCache$1(el, type + '_delegate_' + selector, handler);
  handlerWrap && el.removeEventListener(type, handlerWrap, capture);
@@ -5061,7 +5086,7 @@ var NodeWrap = function () {
 }();
 
 /**
- * chimee-helper v0.2.6
+ * chimee-helper v0.2.8
  * (c) 2017 toxic-johann
  * Released under MIT
  */
@@ -5851,7 +5876,8 @@ var _Map = unwrapExports(map);
 
 var videoEvents = ['abort', 'canplay', 'canplaythrough', 'durationchange', 'emptied', 'encrypted', 'ended', 'error', 'interruptbegin', 'interruptend', 'loadeddata', 'loadedmetadata', 'loadstart', 'mozaudioavailable', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting'];
 var videoReadOnlyProperties = ['buffered', 'currentSrc', 'duration', 'error', 'ended', 'networkState', 'paused', 'readyState', 'seekable', 'sinkId', 'controlsList', 'tabIndex', 'dataset', 'offsetHeight', 'offsetLeft', 'offsetParent', 'offsetTop', 'offsetWidth'];
-var domEvents = ['beforeinput', 'blur', 'click', 'compositionend', 'compositionstart', 'compositionupdate', 'dblclick', 'focus', 'focusin', 'focusout', 'input', 'keydown', 'keypress', 'keyup', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'resize', 'scroll', 'select', 'wheel', 'fullscreenchange', 'contextmenu', 'touchstart', 'touchmove', 'touchend'];
+var domEvents = ['beforeinput', 'blur', 'click', 'compositionend', 'compositionstart', 'compositionupdate', 'dblclick', 'focus', 'focusin', 'focusout', 'input', 'keydown', 'keypress', 'keyup', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'resize', 'scroll', 'select', 'wheel', 'mousewheel', 'fullscreenchange', 'contextmenu', 'touchstart', 'touchmove', 'touchend'];
+var passiveEvents = ['wheel', 'mousewheel', 'touchstart', 'touchmove'];
 var selfProcessorEvents = ['silentLoad', 'fullscreen'];
 var kernelMethods = ['play', 'pause', 'seek'];
 var dispatcherMethods = ['load'];
@@ -8825,7 +8851,7 @@ var Plugin = (_dec$3 = autobindClass(), _dec$3(_class$3 = function (_VideoWrappe
  var _this = _possibleConstructorReturn(this, (Plugin.__proto__ || _Object$getPrototypeOf(Plugin)).call(this));
 
  _this.destroyed = false;
- _this.VERSION = '0.5.3';
+ _this.VERSION = '0.5.4';
  _this.__operable = true;
  _this.__level = 0;
 
@@ -9453,8 +9479,8 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  * referrence of video's dom element
  */
  this.installVideo(videoElement);
- domEvents.forEach(function (key) {
- var cfn = function cfn() {
+ this._addDomEvents(this.container, this.containerDomEventHandlerList, function (key) {
+ return function () {
  var _dispatcher$bus;
 
  for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -9463,9 +9489,9 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
 
  return (_dispatcher$bus = _this.__dispatcher.bus).triggerSync.apply(_dispatcher$bus, ['c_' + key].concat(_toConsumableArray(args)));
  };
-  _this.containerDomEventHandlerList.push(cfn);
-  addEvent(_this.container, key, cfn);
- var wfn = function wfn() {
+ });
+ this._addDomEvents(this.wrapper, this.wrapperDomEventHandlerList, function (key) {
+ return function () {
  var _dispatcher$bus2;
 
  for (var _len3 = arguments.length, args = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
@@ -9474,8 +9500,6 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
 
  return (_dispatcher$bus2 = _this.__dispatcher.bus).triggerSync.apply(_dispatcher$bus2, ['w_' + key].concat(_toConsumableArray(args)));
  };
- _this.wrapperDomEventHandlerList.push(wfn);
- addEvent(_this.wrapper, key, wfn);
  });
  this._fullscreenMonitor();
  index.on('fullscreenchange', this._fullscreenMonitor);
@@ -9544,10 +9568,8 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  _this2.videoEventHandlerList.push(fn);
  addEvent(videoElement, key, fn);
  });
- domEvents.forEach(function (key) {
- var fn = _this2._getEventHandler(key, { penetrate: true });
- _this2.videoDomEventHandlerList.push(fn);
- addEvent(videoElement, key, fn);
+ this._addDomEvents(videoElement, this.videoDomEventHandlerList, function (key) {
+ return _this2._getEventHandler(key, { penetrate: true });
  });
  this.videoElement = videoElement;
  return videoElement;
@@ -9571,6 +9593,7 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  delete this.videoElement;
  return videoElement;
  }
+
  /**
  * each plugin has its own dom node, this function will create one or them.
  * we support multiple kind of el
@@ -9626,10 +9649,8 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  // auto forward the event if this plugin can be penetrate
  if (penetrate) {
  this.__domEventHandlerList[id] = this.__domEventHandlerList[id] || [];
- domEvents.forEach(function (key) {
- var fn = _this4._getEventHandler(key, { penetrate: penetrate });
- addEvent(node, key, fn);
- _this4.__domEventHandlerList[id].push(fn);
+ this._addDomEvents(node, this.__domEventHandlerList[id], function (key) {
+ return _this4._getEventHandler(key, { penetrate: penetrate });
  });
  this.__videoExtendedNodes.push(node);
  }
@@ -9640,6 +9661,7 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  outerElement.insertBefore(node, originElement.nextSibling);
  return node;
  }
+
  /**
  * remove plugin's dom
  */
@@ -9663,6 +9685,7 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  }
  delete this.plugins[id];
  }
+
  /**
  * Set zIndex for a plugins list
  */
@@ -9677,6 +9700,7 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  return setStyle(key.match(/^(videoElement|container)$/) ? _this6[key] : _this6.plugins[key], 'z-index', ++index$$1);
  });
  }
+
  /**
  * set attribute on our dom
  * @param {string} attr attribute's name
@@ -9736,6 +9760,7 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  value: function focus() {
  this.videoElement.focus();
  }
+
  /**
  * function called when we distory
  */
@@ -9755,6 +9780,25 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  delete this.wrapper;
  delete this.plugins;
  }
+
+ /**
+ * bind all dom events on one element
+ * we will use passive mode if it support
+ */
+
+ }, {
+ key: '_addDomEvents',
+ value: function _addDomEvents(element, handlerList, handlerGenerate) {
+ domEvents.forEach(function (key) {
+ var fn = handlerGenerate(key);
+ handlerList.push(fn);
+ if (passiveEvents.indexOf(key) > -1) {
+ addEvent(element, key, fn, false, { passive: true });
+ return;
+ }
+ addEvent(element, key, fn);
+ });
+ }
  }, {
  key: '_autoFocusToVideo',
  value: function _autoFocusToVideo(element) {
@@ -9787,6 +9831,7 @@ var Dom = (_dec$6 = waituntil('__dispatcher.videoConfigReady'), _dec2$4 = before
  this.__dispatcher.bus.triggerSync('fullscreenchange', evt);
  }
  }
+
  /**
  * get the event handler for dom to bind
  */
@@ -10745,7 +10790,7 @@ var Chimee = (_dec = autobindClass(), _dec(_class = (_class2 = (_temp = _class3
 }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'version', [frozen], {
  enumerable: true,
  initializer: function initializer() {
- return '0.5.3';
+ return '0.5.4';
  }
 }), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, 'config', [frozen], {
  enumerable: true,