cy-element-ui 1.1.25 → 1.1.26

package/src/utils/popup/popup-manager.js

@@ -1,194 +1,194 @@
-import Vue from 'vue';
-import { addClass, removeClass } from 'element-ui/src/utils/dom';
-
-let hasModal = false;
-let hasInitZIndex = false;
-let zIndex;
-
-const getModal = function() {
-	if (Vue.prototype.$isServer) return;
-	let modalDom = PopupManager.modalDom;
-	if (modalDom) {
-		hasModal = true;
-	} else {
-		hasModal = false;
-		modalDom = document.createElement('div');
-		PopupManager.modalDom = modalDom;
-
-		modalDom.addEventListener('touchmove', function(event) {
-			event.preventDefault();
-			event.stopPropagation();
-		});
-
-		modalDom.addEventListener('click', function() {
-			PopupManager.doOnModalClick && PopupManager.doOnModalClick();
-		});
-	}
-
-	return modalDom;
-};
-
-const instances = {};
-
-const PopupManager = {
-	modalFade: true,
-
-	getInstance: function(id) {
-		return instances[id];
-	},
-
-	register: function(id, instance) {
-		if (id && instance) {
-			instances[id] = instance;
-		}
-	},
-
-	deregister: function(id) {
-		if (id) {
-			instances[id] = null;
-			delete instances[id];
-		}
-	},
-
-	nextZIndex: function() {
-		return PopupManager.zIndex++;
-	},
-
-	modalStack: [],
-
-	doOnModalClick: function() {
-		const topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-		if (!topItem) return;
-
-		const instance = PopupManager.getInstance(topItem.id);
-		if (instance && instance.closeOnClickModal) {
-			instance.close();
-		}
-	},
-
-	openModal: function(id, zIndex, dom, modalClass, modalFade) {
-		if (Vue.prototype.$isServer) return;
-		if (!id || zIndex === undefined) return;
-		this.modalFade = modalFade;
-
-		const modalStack = this.modalStack;
-
-		for (let i = 0, j = modalStack.length; i < j; i++) {
-			const item = modalStack[i];
-			if (item.id === id) {
-				return;
-			}
-		}
-
-		const modalDom = getModal();
-
-		addClass(modalDom, 'v-modal');
-		if (this.modalFade && !hasModal) {
-			addClass(modalDom, 'v-modal-enter');
-		}
-		if (modalClass) {
-			let classArr = modalClass.trim().split(/\s+/);
-			classArr.forEach(item => addClass(modalDom, item));
-		}
-		setTimeout(() => {
-			removeClass(modalDom, 'v-modal-enter');
-		}, 200);
-
-		if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
-			dom.parentNode.appendChild(modalDom);
-		} else {
-			document.body.appendChild(modalDom);
-		}
-
-		if (zIndex) {
-			modalDom.style.zIndex = zIndex;
-		}
-		modalDom.tabIndex = 0;
-		modalDom.style.display = '';
-
-		this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
-	},
-
-	closeModal: function(id) {
-		const modalStack = this.modalStack;
-		const modalDom = getModal();
-
-		if (modalStack.length > 0) {
-			const topItem = modalStack[modalStack.length - 1];
-			if (topItem.id === id) {
-				if (topItem.modalClass) {
-					let classArr = topItem.modalClass.trim().split(/\s+/);
-					classArr.forEach(item => removeClass(modalDom, item));
-				}
-
-				modalStack.pop();
-				if (modalStack.length > 0) {
-					modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
-				}
-			} else {
-				for (let i = modalStack.length - 1; i >= 0; i--) {
-					if (modalStack[i].id === id) {
-						modalStack.splice(i, 1);
-						break;
-					}
-				}
-			}
-		}
-
-		if (modalStack.length === 0) {
-			if (this.modalFade) {
-				addClass(modalDom, 'v-modal-leave');
-			}
-			setTimeout(() => {
-				if (modalStack.length === 0) {
-					if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
-					modalDom.style.display = 'none';
-					PopupManager.modalDom = undefined;
-				}
-				removeClass(modalDom, 'v-modal-leave');
-			}, 200);
-		}
-	}
-};
-
-Object.defineProperty(PopupManager, 'zIndex', {
-	configurable: true,
-	get() {
-		if (!hasInitZIndex) {
-			zIndex = zIndex || (Vue.prototype.$ELEMENT || {}).zIndex || 2000;
-			hasInitZIndex = true;
-		}
-		return zIndex;
-	},
-	set(value) {
-		zIndex = value;
-	}
-});
-
-const getTopPopup = function() {
-	if (Vue.prototype.$isServer) return;
-	if (PopupManager.modalStack.length > 0) {
-		const topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-		if (!topPopup) return;
-		const instance = PopupManager.getInstance(topPopup.id);
-
-		return instance;
-	}
-};
-
-if (!Vue.prototype.$isServer) {
-	// handle `esc` key when the popup is shown
-	window.addEventListener('keydown', function(event) {
-		if (event.keyCode === 27) {
-			const topPopup = getTopPopup();
-
-			if (topPopup && topPopup.closeOnPressEscape) {
-				topPopup.handleClose
-					? topPopup.handleClose()
-					: (topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close());
-			}
-		}
-	});
-}
-
-export default PopupManager;
+import Vue from 'vue';
+import { addClass, removeClass } from 'element-ui/src/utils/dom';
+
+let hasModal = false;
+let hasInitZIndex = false;
+let zIndex;
+
+const getModal = function() {
+	if (Vue.prototype.$isServer) return;
+	let modalDom = PopupManager.modalDom;
+	if (modalDom) {
+		hasModal = true;
+	} else {
+		hasModal = false;
+		modalDom = document.createElement('div');
+		PopupManager.modalDom = modalDom;
+
+		modalDom.addEventListener('touchmove', function(event) {
+			event.preventDefault();
+			event.stopPropagation();
+		});
+
+		modalDom.addEventListener('click', function() {
+			PopupManager.doOnModalClick && PopupManager.doOnModalClick();
+		});
+	}
+
+	return modalDom;
+};
+
+const instances = {};
+
+const PopupManager = {
+	modalFade: true,
+
+	getInstance: function(id) {
+		return instances[id];
+	},
+
+	register: function(id, instance) {
+		if (id && instance) {
+			instances[id] = instance;
+		}
+	},
+
+	deregister: function(id) {
+		if (id) {
+			instances[id] = null;
+			delete instances[id];
+		}
+	},
+
+	nextZIndex: function() {
+		return PopupManager.zIndex++;
+	},
+
+	modalStack: [],
+
+	doOnModalClick: function() {
+		const topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+		if (!topItem) return;
+
+		const instance = PopupManager.getInstance(topItem.id);
+		if (instance && instance.closeOnClickModal) {
+			instance.close();
+		}
+	},
+
+	openModal: function(id, zIndex, dom, modalClass, modalFade) {
+		if (Vue.prototype.$isServer) return;
+		if (!id || zIndex === undefined) return;
+		this.modalFade = modalFade;
+
+		const modalStack = this.modalStack;
+
+		for (let i = 0, j = modalStack.length; i < j; i++) {
+			const item = modalStack[i];
+			if (item.id === id) {
+				return;
+			}
+		}
+
+		const modalDom = getModal();
+
+		addClass(modalDom, 'v-modal');
+		if (this.modalFade && !hasModal) {
+			addClass(modalDom, 'v-modal-enter');
+		}
+		if (modalClass) {
+			let classArr = modalClass.trim().split(/\s+/);
+			classArr.forEach(item => addClass(modalDom, item));
+		}
+		setTimeout(() => {
+			removeClass(modalDom, 'v-modal-enter');
+		}, 200);
+
+		if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
+			dom.parentNode.appendChild(modalDom);
+		} else {
+			document.body.appendChild(modalDom);
+		}
+
+		if (zIndex) {
+			modalDom.style.zIndex = zIndex;
+		}
+		modalDom.tabIndex = 0;
+		modalDom.style.display = '';
+
+		this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
+	},
+
+	closeModal: function(id) {
+		const modalStack = this.modalStack;
+		const modalDom = getModal();
+
+		if (modalStack.length > 0) {
+			const topItem = modalStack[modalStack.length - 1];
+			if (topItem.id === id) {
+				if (topItem.modalClass) {
+					let classArr = topItem.modalClass.trim().split(/\s+/);
+					classArr.forEach(item => removeClass(modalDom, item));
+				}
+
+				modalStack.pop();
+				if (modalStack.length > 0) {
+					modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
+				}
+			} else {
+				for (let i = modalStack.length - 1; i >= 0; i--) {
+					if (modalStack[i].id === id) {
+						modalStack.splice(i, 1);
+						break;
+					}
+				}
+			}
+		}
+
+		if (modalStack.length === 0) {
+			if (this.modalFade) {
+				addClass(modalDom, 'v-modal-leave');
+			}
+			setTimeout(() => {
+				if (modalStack.length === 0) {
+					if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
+					modalDom.style.display = 'none';
+					PopupManager.modalDom = undefined;
+				}
+				removeClass(modalDom, 'v-modal-leave');
+			}, 200);
+		}
+	}
+};
+
+Object.defineProperty(PopupManager, 'zIndex', {
+	configurable: true,
+	get() {
+		if (!hasInitZIndex) {
+			zIndex = zIndex || (Vue.prototype.$ELEMENT || {}).zIndex || 2000;
+			hasInitZIndex = true;
+		}
+		return zIndex;
+	},
+	set(value) {
+		zIndex = value;
+	}
+});
+
+const getTopPopup = function() {
+	if (Vue.prototype.$isServer) return;
+	if (PopupManager.modalStack.length > 0) {
+		const topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+		if (!topPopup) return;
+		const instance = PopupManager.getInstance(topPopup.id);
+
+		return instance;
+	}
+};
+
+if (!Vue.prototype.$isServer) {
+	// handle `esc` key when the popup is shown
+	window.addEventListener('keydown', function(event) {
+		if (event.keyCode === 27) {
+			const topPopup = getTopPopup();
+
+			if (topPopup && topPopup.closeOnPressEscape) {
+				topPopup.handleClose
+					? topPopup.handleClose()
+					: (topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close());
+			}
+		}
+	});
+}
+
+export default PopupManager;

package/src/utils/resize-event.js

@@ -1,36 +1,36 @@
-import ResizeObserver from 'resize-observer-polyfill';
-import { debounce } from 'throttle-debounce';
-
-const isServer = typeof window === 'undefined';
-
-/* istanbul ignore next */
-const resizeHandler = function(entries) {
-	for (let entry of entries) {
-		const listeners = entry.target.__resizeListeners__ || [];
-		if (listeners.length) {
-			listeners.forEach(fn => {
-				fn();
-			});
-		}
-	}
-};
-
-/* istanbul ignore next */
-export const addResizeListener = function(element, fn) {
-	if (isServer) return;
-	if (!element.__resizeListeners__) {
-		element.__resizeListeners__ = [];
-		element.__ro__ = new ResizeObserver(debounce(16, resizeHandler));
-		element.__ro__.observe(element);
-	}
-	element.__resizeListeners__.push(fn);
-};
-
-/* istanbul ignore next */
-export const removeResizeListener = function(element, fn) {
-	if (!element || !element.__resizeListeners__) return;
-	element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-	if (!element.__resizeListeners__.length) {
-		element.__ro__.disconnect();
-	}
-};
+import ResizeObserver from 'resize-observer-polyfill';
+import { debounce } from 'throttle-debounce';
+
+const isServer = typeof window === 'undefined';
+
+/* istanbul ignore next */
+const resizeHandler = function(entries) {
+	for (let entry of entries) {
+		const listeners = entry.target.__resizeListeners__ || [];
+		if (listeners.length) {
+			listeners.forEach(fn => {
+				fn();
+			});
+		}
+	}
+};
+
+/* istanbul ignore next */
+export const addResizeListener = function(element, fn) {
+	if (isServer) return;
+	if (!element.__resizeListeners__) {
+		element.__resizeListeners__ = [];
+		element.__ro__ = new ResizeObserver(debounce(16, resizeHandler));
+		element.__ro__.observe(element);
+	}
+	element.__resizeListeners__.push(fn);
+};
+
+/* istanbul ignore next */
+export const removeResizeListener = function(element, fn) {
+	if (!element || !element.__resizeListeners__) return;
+	element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+	if (!element.__resizeListeners__.length) {
+		element.__ro__.disconnect();
+	}
+};

package/src/utils/scroll-into-view.js

@@ -1,27 +1,27 @@
-import Vue from 'vue';
-
-export default function scrollIntoView(container, selected) {
-	if (Vue.prototype.$isServer) return;
-
-	if (!selected) {
-		container.scrollTop = 0;
-		return;
-	}
-
-	const offsetParents = [];
-	let pointer = selected.offsetParent;
-	while (pointer && container !== pointer && container.contains(pointer)) {
-		offsetParents.push(pointer);
-		pointer = pointer.offsetParent;
-	}
-	const top = selected.offsetTop + offsetParents.reduce((prev, curr) => (prev + curr.offsetTop), 0);
-	const bottom = top + selected.offsetHeight;
-	const viewRectTop = container.scrollTop;
-	const viewRectBottom = viewRectTop + container.clientHeight;
-
-	if (top < viewRectTop) {
-		container.scrollTop = top;
-	} else if (bottom > viewRectBottom) {
-		container.scrollTop = bottom - container.clientHeight;
-	}
-}
+import Vue from 'vue';
+
+export default function scrollIntoView(container, selected) {
+	if (Vue.prototype.$isServer) return;
+
+	if (!selected) {
+		container.scrollTop = 0;
+		return;
+	}
+
+	const offsetParents = [];
+	let pointer = selected.offsetParent;
+	while (pointer && container !== pointer && container.contains(pointer)) {
+		offsetParents.push(pointer);
+		pointer = pointer.offsetParent;
+	}
+	const top = selected.offsetTop + offsetParents.reduce((prev, curr) => (prev + curr.offsetTop), 0);
+	const bottom = top + selected.offsetHeight;
+	const viewRectTop = container.scrollTop;
+	const viewRectBottom = viewRectTop + container.clientHeight;
+
+	if (top < viewRectTop) {
+		container.scrollTop = top;
+	} else if (bottom > viewRectBottom) {
+		container.scrollTop = bottom - container.clientHeight;
+	}
+}

package/src/utils/scrollbar-width.js

@@ -1,29 +1,29 @@
-import Vue from 'vue';
-
-let scrollBarWidth;
-
-export default function() {
-	if (Vue.prototype.$isServer) return 0;
-	if (scrollBarWidth !== undefined) return scrollBarWidth;
-
-	const outer = document.createElement('div');
-	outer.className = 'el-scrollbar__wrap';
-	outer.style.visibility = 'hidden';
-	outer.style.width = '100px';
-	outer.style.position = 'absolute';
-	outer.style.top = '-9999px';
-	document.body.appendChild(outer);
-
-	const widthNoScroll = outer.offsetWidth;
-	outer.style.overflow = 'scroll';
-
-	const inner = document.createElement('div');
-	inner.style.width = '100%';
-	outer.appendChild(inner);
-
-	const widthWithScroll = inner.offsetWidth;
-	outer.parentNode.removeChild(outer);
-	scrollBarWidth = widthNoScroll - widthWithScroll;
-
-	return scrollBarWidth;
-};
+import Vue from 'vue';
+
+let scrollBarWidth;
+
+export default function() {
+	if (Vue.prototype.$isServer) return 0;
+	if (scrollBarWidth !== undefined) return scrollBarWidth;
+
+	const outer = document.createElement('div');
+	outer.className = 'el-scrollbar__wrap';
+	outer.style.visibility = 'hidden';
+	outer.style.width = '100px';
+	outer.style.position = 'absolute';
+	outer.style.top = '-9999px';
+	document.body.appendChild(outer);
+
+	const widthNoScroll = outer.offsetWidth;
+	outer.style.overflow = 'scroll';
+
+	const inner = document.createElement('div');
+	inner.style.width = '100%';
+	outer.appendChild(inner);
+
+	const widthWithScroll = inner.offsetWidth;
+	outer.parentNode.removeChild(outer);
+	scrollBarWidth = widthNoScroll - widthWithScroll;
+
+	return scrollBarWidth;
+};

package/src/utils/shared.js

@@ -1,7 +1,7 @@
-export function isDef(val) {
-	return val !== undefined && val !== null;
-}
-export function isKorean(text) {
-	const reg = /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi;
-	return reg.test(text);
-}
+export function isDef(val) {
+	return val !== undefined && val !== null;
+}
+export function isKorean(text) {
+	const reg = /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi;
+	return reg.test(text);
+}

package/src/utils/types.js

@@ -1,40 +1,40 @@
-import Vue from 'vue';
-
-export function isString(obj) {
-	return Object.prototype.toString.call(obj) === '[object String]';
-}
-
-export function isObject(obj) {
-	return Object.prototype.toString.call(obj) === '[object Object]';
-}
-
-export function isHtmlElement(node) {
-	return node && node.nodeType === Node.ELEMENT_NODE;
-}
-
-/**
- *  - Inspired:
- *    https://github.com/jashkenas/underscore/blob/master/modules/isFunction.js
- */
-let isFunction = (functionToCheck) => {
-	var getType = {};
-	return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-};
-
-if (typeof /./ !== 'function' && typeof Int8Array !== 'object' && (Vue.prototype.$isServer || typeof document.childNodes !== 'function')) {
-	isFunction = function(obj) {
-		return typeof obj === 'function' || false;
-	};
-}
-
-export {
-	isFunction
-};
-
-export const isUndefined = (val) => {
-	return val === void 0;
-};
-
-export const isDefined = (val) => {
-	return val !== undefined && val !== null;
-};
+import Vue from 'vue';
+
+export function isString(obj) {
+	return Object.prototype.toString.call(obj) === '[object String]';
+}
+
+export function isObject(obj) {
+	return Object.prototype.toString.call(obj) === '[object Object]';
+}
+
+export function isHtmlElement(node) {
+	return node && node.nodeType === Node.ELEMENT_NODE;
+}
+
+/**
+ *  - Inspired:
+ *    https://github.com/jashkenas/underscore/blob/master/modules/isFunction.js
+ */
+let isFunction = (functionToCheck) => {
+	var getType = {};
+	return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};
+
+if (typeof /./ !== 'function' && typeof Int8Array !== 'object' && (Vue.prototype.$isServer || typeof document.childNodes !== 'function')) {
+	isFunction = function(obj) {
+		return typeof obj === 'function' || false;
+	};
+}
+
+export {
+	isFunction
+};
+
+export const isUndefined = (val) => {
+	return val === void 0;
+};
+
+export const isDefined = (val) => {
+	return val !== undefined && val !== null;
+};