cy-element-ui 1.1.14 → 1.1.16

package/lib/infinite-scroll.js

@@ -110,167 +110,167 @@ var dom_ = __webpack_require__(2);
 
 
 var getStyleComputedProperty = function getStyleComputedProperty(element, property) {
-  if (element === window) {
-    element = document.documentElement;
-  }
-
-  if (element.nodeType !== 1) {
-    return [];
-  }
-  // NOTE: 1 DOM access here
-  var css = window.getComputedStyle(element, null);
-  return property ? css[property] : css;
+	if (element === window) {
+		element = document.documentElement;
+	}
+
+	if (element.nodeType !== 1) {
+		return [];
+	}
+	// NOTE: 1 DOM access here
+	var css = window.getComputedStyle(element, null);
+	return property ? css[property] : css;
 };
 
 var entries = function entries(obj) {
-  return Object.keys(obj || {}).map(function (key) {
-    return [key, obj[key]];
-  });
+	return Object.keys(obj || {}).map(function (key) {
+		return [key, obj[key]];
+	});
 };
 
 var getPositionSize = function getPositionSize(el, prop) {
-  return el === window || el === document ? document.documentElement[prop] : el[prop];
+	return el === window || el === document ? document.documentElement[prop] : el[prop];
 };
 
 var getOffsetHeight = function getOffsetHeight(el) {
-  return getPositionSize(el, 'offsetHeight');
+	return getPositionSize(el, 'offsetHeight');
 };
 
 var getClientHeight = function getClientHeight(el) {
-  return getPositionSize(el, 'clientHeight');
+	return getPositionSize(el, 'clientHeight');
 };
 
 var scope = 'ElInfiniteScroll';
 var attributes = {
-  delay: {
-    type: Number,
-    default: 200
-  },
-  distance: {
-    type: Number,
-    default: 0
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  immediate: {
-    type: Boolean,
-    default: true
-  }
+	delay: {
+		type: Number,
+		default: 200
+	},
+	distance: {
+		type: Number,
+		default: 0
+	},
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	immediate: {
+		type: Boolean,
+		default: true
+	}
 };
 
 var main_getScrollOptions = function getScrollOptions(el, vm) {
-  if (!Object(types_["isHtmlElement"])(el)) return {};
-
-  return entries(attributes).reduce(function (map, _ref) {
-    var key = _ref[0],
-        option = _ref[1];
-    var type = option.type,
-        defaultValue = option.default;
-
-    var value = el.getAttribute('infinite-scroll-' + key);
-    value = Object(types_["isUndefined"])(vm[value]) ? value : vm[value];
-    switch (type) {
-      case Number:
-        value = Number(value);
-        value = Number.isNaN(value) ? defaultValue : value;
-        break;
-      case Boolean:
-        value = Object(types_["isDefined"])(value) ? value === 'false' ? false : Boolean(value) : defaultValue;
-        break;
-      default:
-        value = type(value);
-    }
-    map[key] = value;
-    return map;
-  }, {});
+	if (!Object(types_["isHtmlElement"])(el)) return {};
+
+	return entries(attributes).reduce(function (map, _ref) {
+		var key = _ref[0],
+		    option = _ref[1];
+		var type = option.type,
+		    defaultValue = option.default;
+
+		var value = el.getAttribute('infinite-scroll-' + key);
+		value = Object(types_["isUndefined"])(vm[value]) ? value : vm[value];
+		switch (type) {
+			case Number:
+				value = Number(value);
+				value = Number.isNaN(value) ? defaultValue : value;
+				break;
+			case Boolean:
+				value = Object(types_["isDefined"])(value) ? value === 'false' ? false : Boolean(value) : defaultValue;
+				break;
+			default:
+				value = type(value);
+		}
+		map[key] = value;
+		return map;
+	}, {});
 };
 
 var getElementTop = function getElementTop(el) {
-  return el.getBoundingClientRect().top;
+	return el.getBoundingClientRect().top;
 };
 
 var main_handleScroll = function handleScroll(cb) {
-  var _scope = this[scope],
-      el = _scope.el,
-      vm = _scope.vm,
-      container = _scope.container,
-      observer = _scope.observer;
-
-  var _getScrollOptions = main_getScrollOptions(el, vm),
-      distance = _getScrollOptions.distance,
-      disabled = _getScrollOptions.disabled;
-
-  if (disabled) return;
-
-  var containerInfo = container.getBoundingClientRect();
-  if (!containerInfo.width && !containerInfo.height) return;
-
-  var shouldTrigger = false;
-
-  if (container === el) {
-    // be aware of difference between clientHeight & offsetHeight & window.getComputedStyle().height
-    var scrollBottom = container.scrollTop + getClientHeight(container);
-    shouldTrigger = container.scrollHeight - scrollBottom <= distance;
-  } else {
-    var heightBelowTop = getOffsetHeight(el) + getElementTop(el) - getElementTop(container);
-    var offsetHeight = getOffsetHeight(container);
-    var borderBottom = Number.parseFloat(getStyleComputedProperty(container, 'borderBottomWidth'));
-    shouldTrigger = heightBelowTop - offsetHeight + borderBottom <= distance;
-  }
-
-  if (shouldTrigger && Object(types_["isFunction"])(cb)) {
-    cb.call(vm);
-  } else if (observer) {
-    observer.disconnect();
-    this[scope].observer = null;
-  }
+	var _scope = this[scope],
+	    el = _scope.el,
+	    vm = _scope.vm,
+	    container = _scope.container,
+	    observer = _scope.observer;
+
+	var _getScrollOptions = main_getScrollOptions(el, vm),
+	    distance = _getScrollOptions.distance,
+	    disabled = _getScrollOptions.disabled;
+
+	if (disabled) return;
+
+	var containerInfo = container.getBoundingClientRect();
+	if (!containerInfo.width && !containerInfo.height) return;
+
+	var shouldTrigger = false;
+
+	if (container === el) {
+		// be aware of difference between clientHeight & offsetHeight & window.getComputedStyle().height
+		var scrollBottom = container.scrollTop + getClientHeight(container);
+		shouldTrigger = container.scrollHeight - scrollBottom <= distance;
+	} else {
+		var heightBelowTop = getOffsetHeight(el) + getElementTop(el) - getElementTop(container);
+		var offsetHeight = getOffsetHeight(container);
+		var borderBottom = Number.parseFloat(getStyleComputedProperty(container, 'borderBottomWidth'));
+		shouldTrigger = heightBelowTop - offsetHeight + borderBottom <= distance;
+	}
+
+	if (shouldTrigger && Object(types_["isFunction"])(cb)) {
+		cb.call(vm);
+	} else if (observer) {
+		observer.disconnect();
+		this[scope].observer = null;
+	}
 };
 
 /* harmony default export */ var main = ({
-  name: 'InfiniteScroll',
-  inserted: function inserted(el, binding, vnode) {
-    var cb = binding.value;
-
-    var vm = vnode.context;
-    // only include vertical scroll
-    var container = Object(dom_["getScrollContainer"])(el, true);
-
-    var _getScrollOptions2 = main_getScrollOptions(el, vm),
-        delay = _getScrollOptions2.delay,
-        immediate = _getScrollOptions2.immediate;
-
-    var onScroll = debounce_default()(delay, main_handleScroll.bind(el, cb));
-
-    el[scope] = { el: el, vm: vm, container: container, onScroll: onScroll };
-
-    if (container) {
-      container.addEventListener('scroll', onScroll);
-
-      if (immediate) {
-        var observer = el[scope].observer = new MutationObserver(onScroll);
-        observer.observe(container, { childList: true, subtree: true });
-        onScroll();
-      }
-    }
-  },
-  unbind: function unbind(el) {
-    var _el$scope = el[scope],
-        container = _el$scope.container,
-        onScroll = _el$scope.onScroll;
-
-    if (container) {
-      container.removeEventListener('scroll', onScroll);
-    }
-  }
+	name: 'InfiniteScroll',
+	inserted: function inserted(el, binding, vnode) {
+		var cb = binding.value;
+
+		var vm = vnode.context;
+		// only include vertical scroll
+		var container = Object(dom_["getScrollContainer"])(el, true);
+
+		var _getScrollOptions2 = main_getScrollOptions(el, vm),
+		    delay = _getScrollOptions2.delay,
+		    immediate = _getScrollOptions2.immediate;
+
+		var onScroll = debounce_default()(delay, main_handleScroll.bind(el, cb));
+
+		el[scope] = { el: el, vm: vm, container: container, onScroll: onScroll };
+
+		if (container) {
+			container.addEventListener('scroll', onScroll);
+
+			if (immediate) {
+				var observer = el[scope].observer = new MutationObserver(onScroll);
+				observer.observe(container, { childList: true, subtree: true });
+				onScroll();
+			}
+		}
+	},
+	unbind: function unbind(el) {
+		var _el$scope = el[scope],
+		    container = _el$scope.container,
+		    onScroll = _el$scope.onScroll;
+
+		if (container) {
+			container.removeEventListener('scroll', onScroll);
+		}
+	}
 });
 // CONCATENATED MODULE: ./packages/infinite-scroll/index.js
 
 
 /* istanbul ignore next */
 main.install = function (Vue) {
-  Vue.directive(main.name, main);
+	Vue.directive(main.name, main);
 };
 
 /* harmony default export */ var infinite_scroll = __webpack_exports__["default"] = (main);