cy-element-ui 1.1.13 → 1.1.15

package/packages/infinite-scroll/src/main.js

@@ -1,150 +1,149 @@
 import throttle from 'throttle-debounce/debounce';
 import {
-  isHtmlElement,
-  isFunction,
-  isUndefined,
-  isDefined
+	isHtmlElement,
+	isFunction,
+	isUndefined,
+	isDefined
 } from 'element-ui/src/utils/types';
 import {
-  getScrollContainer
+	getScrollContainer
 } from 'element-ui/src/utils/dom';
 
 const getStyleComputedProperty = (element, property) => {
-  if (element === window) {
-    element = document.documentElement;
-  }
-
-  if (element.nodeType !== 1) {
-    return [];
-  }
-  // NOTE: 1 DOM access here
-  const 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
+	const css = window.getComputedStyle(element, null);
+	return property ? css[property] : css;
 };
 
 const entries = (obj) => {
-  return Object.keys(obj || {})
-    .map(key => ([key, obj[key]]));
+	return Object.keys(obj || {})
+		.map(key => ([key, obj[key]]));
 };
 
 const getPositionSize = (el, prop) => {
-  return el === window || el === document
-    ? document.documentElement[prop]
-    : el[prop];
+	return el === window || el === document
+		? document.documentElement[prop]
+		: el[prop];
 };
 
 const getOffsetHeight = el => {
-  return getPositionSize(el, 'offsetHeight');
+	return getPositionSize(el, 'offsetHeight');
 };
 
 const getClientHeight = el => {
-  return getPositionSize(el, 'clientHeight');
+	return getPositionSize(el, 'clientHeight');
 };
 
 const scope = 'ElInfiniteScroll';
 const 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
+	}
 };
 
 const getScrollOptions = (el, vm) => {
-  if (!isHtmlElement(el)) return {};
-
-  return entries(attributes).reduce((map, [key, option]) => {
-    const { type, default: defaultValue } = option;
-    let value = el.getAttribute(`infinite-scroll-${key}`);
-    value = isUndefined(vm[value]) ? value : vm[value];
-    switch (type) {
-      case Number:
-        value = Number(value);
-        value = Number.isNaN(value) ? defaultValue : value;
-        break;
-      case Boolean:
-        value = isDefined(value) ? value === 'false' ? false : Boolean(value) : defaultValue;
-        break;
-      default:
-        value = type(value);
-    }
-    map[key] = value;
-    return map;
-  }, {});
+	if (!isHtmlElement(el)) return {};
+
+	return entries(attributes).reduce((map, [key, option]) => {
+		const { type, default: defaultValue } = option;
+		let value = el.getAttribute(`infinite-scroll-${ key }`);
+		value = isUndefined(vm[value]) ? value : vm[value];
+		switch (type) {
+		case Number:
+			value = Number(value);
+			value = Number.isNaN(value) ? defaultValue : value;
+			break;
+		case Boolean:
+			value = isDefined(value) ? value === 'false' ? false : Boolean(value) : defaultValue;
+			break;
+		default:
+			value = type(value);
+		}
+		map[key] = value;
+		return map;
+	}, {});
 };
 
 const getElementTop = el => el.getBoundingClientRect().top;
 
 const handleScroll = function(cb) {
-  const { el, vm, container, observer } = this[scope];
-  const { distance, disabled } = getScrollOptions(el, vm);
-
-  if (disabled) return;
-
-  const containerInfo = container.getBoundingClientRect();
-  if (!containerInfo.width && !containerInfo.height) return;
-
-  let shouldTrigger = false;
-
-  if (container === el) {
-    // be aware of difference between clientHeight & offsetHeight & window.getComputedStyle().height
-    const scrollBottom = container.scrollTop + getClientHeight(container);
-    shouldTrigger = container.scrollHeight - scrollBottom <= distance;
-  } else {
-    const heightBelowTop = getOffsetHeight(el) + getElementTop(el) - getElementTop(container);
-    const offsetHeight = getOffsetHeight(container);
-    const borderBottom = Number.parseFloat(getStyleComputedProperty(container, 'borderBottomWidth'));
-    shouldTrigger = heightBelowTop - offsetHeight + borderBottom <= distance;
-  }
-
-  if (shouldTrigger && isFunction(cb)) {
-    cb.call(vm);
-  } else if (observer) {
-    observer.disconnect();
-    this[scope].observer = null;
-  }
-
+	const { el, vm, container, observer } = this[scope];
+	const { distance, disabled } = getScrollOptions(el, vm);
+
+	if (disabled) return;
+
+	const containerInfo = container.getBoundingClientRect();
+	if (!containerInfo.width && !containerInfo.height) return;
+
+	let shouldTrigger = false;
+
+	if (container === el) {
+		// be aware of difference between clientHeight & offsetHeight & window.getComputedStyle().height
+		const scrollBottom = container.scrollTop + getClientHeight(container);
+		shouldTrigger = container.scrollHeight - scrollBottom <= distance;
+	} else {
+		const heightBelowTop = getOffsetHeight(el) + getElementTop(el) - getElementTop(container);
+		const offsetHeight = getOffsetHeight(container);
+		const borderBottom = Number.parseFloat(getStyleComputedProperty(container, 'borderBottomWidth'));
+		shouldTrigger = heightBelowTop - offsetHeight + borderBottom <= distance;
+	}
+
+	if (shouldTrigger && isFunction(cb)) {
+		cb.call(vm);
+	} else if (observer) {
+		observer.disconnect();
+		this[scope].observer = null;
+	}
 };
 
 export default {
-  name: 'InfiniteScroll',
-  inserted(el, binding, vnode) {
-    const cb = binding.value;
-
-    const vm = vnode.context;
-    // only include vertical scroll
-    const container = getScrollContainer(el, true);
-    const { delay, immediate } = getScrollOptions(el, vm);
-    const onScroll = throttle(delay, handleScroll.bind(el, cb));
-
-    el[scope] = { el, vm, container, onScroll };
-
-    if (container) {
-      container.addEventListener('scroll', onScroll);
-
-      if (immediate) {
-        const observer = el[scope].observer = new MutationObserver(onScroll);
-        observer.observe(container, { childList: true, subtree: true });
-        onScroll();
-      }
-    }
-  },
-  unbind(el) {
-    const { container, onScroll } = el[scope];
-    if (container) {
-      container.removeEventListener('scroll', onScroll);
-    }
-  }
+	name: 'InfiniteScroll',
+	inserted(el, binding, vnode) {
+		const cb = binding.value;
+
+		const vm = vnode.context;
+		// only include vertical scroll
+		const container = getScrollContainer(el, true);
+		const { delay, immediate } = getScrollOptions(el, vm);
+		const onScroll = throttle(delay, handleScroll.bind(el, cb));
+
+		el[scope] = { el, vm, container, onScroll };
+
+		if (container) {
+			container.addEventListener('scroll', onScroll);
+
+			if (immediate) {
+				const observer = el[scope].observer = new MutationObserver(onScroll);
+				observer.observe(container, { childList: true, subtree: true });
+				onScroll();
+			}
+		}
+	},
+	unbind(el) {
+		const { container, onScroll } = el[scope];
+		if (container) {
+			container.removeEventListener('scroll', onScroll);
+		}
+	}
 };
 

package/packages/input/index.js

@@ -2,7 +2,7 @@ import ElInput from './src/input';
 
 /* istanbul ignore next */
 ElInput.install = function(Vue) {
-  Vue.component(ElInput.name, ElInput);
+	Vue.component(ElInput.name, ElInput);
 };
 
 export default ElInput;

package/packages/input/src/calcTextareaHeight.js

@@ -11,94 +11,94 @@ const HIDDEN_STYLE = `
 `;
 
 const CONTEXT_STYLE = [
-  'letter-spacing',
-  'line-height',
-  'padding-top',
-  'padding-bottom',
-  'font-family',
-  'font-weight',
-  'font-size',
-  'text-rendering',
-  'text-transform',
-  'width',
-  'text-indent',
-  'padding-left',
-  'padding-right',
-  'border-width',
-  'box-sizing'
+	'letter-spacing',
+	'line-height',
+	'padding-top',
+	'padding-bottom',
+	'font-family',
+	'font-weight',
+	'font-size',
+	'text-rendering',
+	'text-transform',
+	'width',
+	'text-indent',
+	'padding-left',
+	'padding-right',
+	'border-width',
+	'box-sizing'
 ];
 
 function calculateNodeStyling(targetElement) {
-  const style = window.getComputedStyle(targetElement);
+	const style = window.getComputedStyle(targetElement);
 
-  const boxSizing = style.getPropertyValue('box-sizing');
+	const boxSizing = style.getPropertyValue('box-sizing');
 
-  const paddingSize = (
-    parseFloat(style.getPropertyValue('padding-bottom')) +
+	const paddingSize = (
+		parseFloat(style.getPropertyValue('padding-bottom')) +
     parseFloat(style.getPropertyValue('padding-top'))
-  );
+	);
 
-  const borderSize = (
-    parseFloat(style.getPropertyValue('border-bottom-width')) +
+	const borderSize = (
+		parseFloat(style.getPropertyValue('border-bottom-width')) +
     parseFloat(style.getPropertyValue('border-top-width'))
-  );
+	);
 
-  const contextStyle = CONTEXT_STYLE
-    .map(name => `${name}:${style.getPropertyValue(name)}`)
-    .join(';');
+	const contextStyle = CONTEXT_STYLE
+		.map(name => `${ name }:${ style.getPropertyValue(name) }`)
+		.join(';');
 
-  return { contextStyle, paddingSize, borderSize, boxSizing };
+	return { contextStyle, paddingSize, borderSize, boxSizing };
 }
 
 export default function calcTextareaHeight(
-  targetElement,
-  minRows = 1,
-  maxRows = null
+	targetElement,
+	minRows = 1,
+	maxRows = null
 ) {
-  if (!hiddenTextarea) {
-    hiddenTextarea = document.createElement('textarea');
-    document.body.appendChild(hiddenTextarea);
-  }
+	if (!hiddenTextarea) {
+		hiddenTextarea = document.createElement('textarea');
+		document.body.appendChild(hiddenTextarea);
+	}
 
-  let {
-    paddingSize,
-    borderSize,
-    boxSizing,
-    contextStyle
-  } = calculateNodeStyling(targetElement);
+	let {
+		paddingSize,
+		borderSize,
+		boxSizing,
+		contextStyle
+	} = calculateNodeStyling(targetElement);
 
-  hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);
-  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
+	hiddenTextarea.setAttribute('style', `${ contextStyle };${ HIDDEN_STYLE }`);
+	hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
 
-  let height = hiddenTextarea.scrollHeight;
-  const result = {};
+	let height = hiddenTextarea.scrollHeight;
+	const result = {};
 
-  if (boxSizing === 'border-box') {
-    height = height + borderSize;
-  } else if (boxSizing === 'content-box') {
-    height = height - paddingSize;
-  }
+	if (boxSizing === 'border-box') {
+		height = height + borderSize;
+	} else if (boxSizing === 'content-box') {
+		height = height - paddingSize;
+	}
 
-  hiddenTextarea.value = '';
-  let singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+	hiddenTextarea.value = '';
+	let singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
 
-  if (minRows !== null) {
-    let minHeight = singleRowHeight * minRows;
-    if (boxSizing === 'border-box') {
-      minHeight = minHeight + paddingSize + borderSize;
-    }
-    height = Math.max(minHeight, height);
-    result.minHeight = `${ minHeight }px`;
-  }
-  if (maxRows !== null) {
-    let maxHeight = singleRowHeight * maxRows;
-    if (boxSizing === 'border-box') {
-      maxHeight = maxHeight + paddingSize + borderSize;
-    }
-    height = Math.min(maxHeight, height);
-  }
-  result.height = `${ height }px`;
-  hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
-  hiddenTextarea = null;
-  return result;
+	if (minRows !== null) {
+		let minHeight = singleRowHeight * minRows;
+		if (boxSizing === 'border-box') {
+			minHeight = minHeight + paddingSize + borderSize;
+		}
+		height = Math.max(minHeight, height);
+		result.minHeight = `${ minHeight }px`;
+	}
+	if (maxRows !== null) {
+		let maxHeight = singleRowHeight * maxRows;
+		if (boxSizing === 'border-box') {
+			maxHeight = maxHeight + paddingSize + borderSize;
+		}
+		height = Math.min(maxHeight, height);
+	}
+	result.height = `${ height }px`;
+	hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
+	hiddenTextarea = null;
+	return result;
 };