cy-element-ui 1.1.23 → 1.1.26

package/src/transitions/collapse-transition.js

@@ -1,77 +1,77 @@
-import { addClass, removeClass } from 'element-ui/src/utils/dom';
-
-class Transition {
-	beforeEnter(el) {
-		addClass(el, 'collapse-transition');
-		if (!el.dataset) el.dataset = {};
-
-		el.dataset.oldPaddingTop = el.style.paddingTop;
-		el.dataset.oldPaddingBottom = el.style.paddingBottom;
-
-		el.style.height = '0';
-		el.style.paddingTop = 0;
-		el.style.paddingBottom = 0;
-	}
-
-	enter(el) {
-		el.dataset.oldOverflow = el.style.overflow;
-		if (el.scrollHeight !== 0) {
-			el.style.height = el.scrollHeight + 'px';
-			el.style.paddingTop = el.dataset.oldPaddingTop;
-			el.style.paddingBottom = el.dataset.oldPaddingBottom;
-		} else {
-			el.style.height = '';
-			el.style.paddingTop = el.dataset.oldPaddingTop;
-			el.style.paddingBottom = el.dataset.oldPaddingBottom;
-		}
-
-		el.style.overflow = 'hidden';
-	}
-
-	afterEnter(el) {
-		// for safari: remove class then reset height is necessary
-		removeClass(el, 'collapse-transition');
-		el.style.height = '';
-		el.style.overflow = el.dataset.oldOverflow;
-	}
-
-	beforeLeave(el) {
-		if (!el.dataset) el.dataset = {};
-		el.dataset.oldPaddingTop = el.style.paddingTop;
-		el.dataset.oldPaddingBottom = el.style.paddingBottom;
-		el.dataset.oldOverflow = el.style.overflow;
-
-		el.style.height = el.scrollHeight + 'px';
-		el.style.overflow = 'hidden';
-	}
-
-	leave(el) {
-		if (el.scrollHeight !== 0) {
-			// for safari: add class after set height, or it will jump to zero height suddenly, weired
-			addClass(el, 'collapse-transition');
-			el.style.height = 0;
-			el.style.paddingTop = 0;
-			el.style.paddingBottom = 0;
-		}
-	}
-
-	afterLeave(el) {
-		removeClass(el, 'collapse-transition');
-		el.style.height = '';
-		el.style.overflow = el.dataset.oldOverflow;
-		el.style.paddingTop = el.dataset.oldPaddingTop;
-		el.style.paddingBottom = el.dataset.oldPaddingBottom;
-	}
-}
-
-export default {
-	name: 'ElCollapseTransition',
-	functional: true,
-	render(h, { children }) {
-		const data = {
-			on: new Transition()
-		};
-
-		return h('transition', data, children);
-	}
-};
+import { addClass, removeClass } from 'element-ui/src/utils/dom';
+
+class Transition {
+	beforeEnter(el) {
+		addClass(el, 'collapse-transition');
+		if (!el.dataset) el.dataset = {};
+
+		el.dataset.oldPaddingTop = el.style.paddingTop;
+		el.dataset.oldPaddingBottom = el.style.paddingBottom;
+
+		el.style.height = '0';
+		el.style.paddingTop = 0;
+		el.style.paddingBottom = 0;
+	}
+
+	enter(el) {
+		el.dataset.oldOverflow = el.style.overflow;
+		if (el.scrollHeight !== 0) {
+			el.style.height = el.scrollHeight + 'px';
+			el.style.paddingTop = el.dataset.oldPaddingTop;
+			el.style.paddingBottom = el.dataset.oldPaddingBottom;
+		} else {
+			el.style.height = '';
+			el.style.paddingTop = el.dataset.oldPaddingTop;
+			el.style.paddingBottom = el.dataset.oldPaddingBottom;
+		}
+
+		el.style.overflow = 'hidden';
+	}
+
+	afterEnter(el) {
+		// for safari: remove class then reset height is necessary
+		removeClass(el, 'collapse-transition');
+		el.style.height = '';
+		el.style.overflow = el.dataset.oldOverflow;
+	}
+
+	beforeLeave(el) {
+		if (!el.dataset) el.dataset = {};
+		el.dataset.oldPaddingTop = el.style.paddingTop;
+		el.dataset.oldPaddingBottom = el.style.paddingBottom;
+		el.dataset.oldOverflow = el.style.overflow;
+
+		el.style.height = el.scrollHeight + 'px';
+		el.style.overflow = 'hidden';
+	}
+
+	leave(el) {
+		if (el.scrollHeight !== 0) {
+			// for safari: add class after set height, or it will jump to zero height suddenly, weired
+			addClass(el, 'collapse-transition');
+			el.style.height = 0;
+			el.style.paddingTop = 0;
+			el.style.paddingBottom = 0;
+		}
+	}
+
+	afterLeave(el) {
+		removeClass(el, 'collapse-transition');
+		el.style.height = '';
+		el.style.overflow = el.dataset.oldOverflow;
+		el.style.paddingTop = el.dataset.oldPaddingTop;
+		el.style.paddingBottom = el.dataset.oldPaddingBottom;
+	}
+}
+
+export default {
+	name: 'ElCollapseTransition',
+	functional: true,
+	render(h, { children }) {
+		const data = {
+			on: new Transition()
+		};
+
+		return h('transition', data, children);
+	}
+};

package/src/utils/after-leave.js

@@ -1,27 +1,27 @@
-/**
- * Bind after-leave event for vue instance. Make sure after-leave is called in any browsers.
- *
- * @param {Vue} instance Vue instance.
- * @param {Function} callback callback of after-leave event
- * @param {Number} speed the speed of transition, default value is 300ms
- * @param {Boolean} once weather bind after-leave once. default value is false.
- */
-export default function(instance, callback, speed = 300, once = false) {
-	if (!instance || !callback) throw new Error('instance & callback is required');
-	let called = false;
-	const afterLeaveCallback = function() {
-		if (called) return;
-		called = true;
-		if (callback) {
-			callback.apply(null, arguments);
-		}
-	};
-	if (once) {
-		instance.$once('after-leave', afterLeaveCallback);
-	} else {
-		instance.$on('after-leave', afterLeaveCallback);
-	}
-	setTimeout(() => {
-		afterLeaveCallback();
-	}, speed + 100);
-};
+/**
+ * Bind after-leave event for vue instance. Make sure after-leave is called in any browsers.
+ *
+ * @param {Vue} instance Vue instance.
+ * @param {Function} callback callback of after-leave event
+ * @param {Number} speed the speed of transition, default value is 300ms
+ * @param {Boolean} once weather bind after-leave once. default value is false.
+ */
+export default function(instance, callback, speed = 300, once = false) {
+	if (!instance || !callback) throw new Error('instance & callback is required');
+	let called = false;
+	const afterLeaveCallback = function() {
+		if (called) return;
+		called = true;
+		if (callback) {
+			callback.apply(null, arguments);
+		}
+	};
+	if (once) {
+		instance.$once('after-leave', afterLeaveCallback);
+	} else {
+		instance.$on('after-leave', afterLeaveCallback);
+	}
+	setTimeout(() => {
+		afterLeaveCallback();
+	}, speed + 100);
+};

package/src/utils/aria-dialog.js

@@ -1,90 +1,90 @@
-import Utils from './aria-utils';
-
-/**
- * @constructor
- * @desc Dialog object providing modal focus management.
- *
- * Assumptions: The element serving as the dialog container is present in the
- * DOM and hidden. The dialog container has role='dialog'.
- *
- * @param dialogId
- *          The ID of the element serving as the dialog container.
- * @param focusAfterClosed
- *          Either the DOM node or the ID of the DOM node to focus when the
- *          dialog closes.
- * @param focusFirst
- *          Optional parameter containing either the DOM node or the ID of the
- *          DOM node to focus when the dialog opens. If not specified, the
- *          first focusable element in the dialog will receive focus.
- */
-var aria = aria || {};
-var tabEvent;
-
-aria.Dialog = function(dialog, focusAfterClosed, focusFirst) {
-	this.dialogNode = dialog;
-	if (this.dialogNode === null || this.dialogNode.getAttribute('role') !== 'dialog') {
-		throw new Error('Dialog() requires a DOM element with ARIA role of dialog.');
-	}
-
-	if (typeof focusAfterClosed === 'string') {
-		this.focusAfterClosed = document.getElementById(focusAfterClosed);
-	} else if (typeof focusAfterClosed === 'object') {
-		this.focusAfterClosed = focusAfterClosed;
-	} else {
-		this.focusAfterClosed = null;
-	}
-
-	if (typeof focusFirst === 'string') {
-		this.focusFirst = document.getElementById(focusFirst);
-	} else if (typeof focusFirst === 'object') {
-		this.focusFirst = focusFirst;
-	} else {
-		this.focusFirst = null;
-	}
-
-	if (this.focusFirst) {
-		this.focusFirst.focus();
-	} else {
-		Utils.focusFirstDescendant(this.dialogNode);
-	}
-
-	this.lastFocus = document.activeElement;
-	tabEvent = (e) => {
-		this.trapFocus(e);
-	};
-	this.addListeners();
-};
-
-aria.Dialog.prototype.addListeners = function() {
-	document.addEventListener('focus', tabEvent, true);
-};
-
-aria.Dialog.prototype.removeListeners = function() {
-	document.removeEventListener('focus', tabEvent, true);
-};
-
-aria.Dialog.prototype.closeDialog = function() {
-	this.removeListeners();
-	if (this.focusAfterClosed) {
-		setTimeout(() => {
-			this.focusAfterClosed.focus();
-		});
-	}
-};
-
-aria.Dialog.prototype.trapFocus = function(event) {
-	if (Utils.IgnoreUtilFocusChanges) {
-		return;
-	}
-	if (this.dialogNode.contains(event.target)) {
-		this.lastFocus = event.target;
-	} else {
-		Utils.focusFirstDescendant(this.dialogNode);
-		if (this.lastFocus === document.activeElement) {
-			Utils.focusLastDescendant(this.dialogNode);
-		}
-		this.lastFocus = document.activeElement;
-	}
-};
-
-export default aria.Dialog;
+import Utils from './aria-utils';
+
+/**
+ * @constructor
+ * @desc Dialog object providing modal focus management.
+ *
+ * Assumptions: The element serving as the dialog container is present in the
+ * DOM and hidden. The dialog container has role='dialog'.
+ *
+ * @param dialogId
+ *          The ID of the element serving as the dialog container.
+ * @param focusAfterClosed
+ *          Either the DOM node or the ID of the DOM node to focus when the
+ *          dialog closes.
+ * @param focusFirst
+ *          Optional parameter containing either the DOM node or the ID of the
+ *          DOM node to focus when the dialog opens. If not specified, the
+ *          first focusable element in the dialog will receive focus.
+ */
+var aria = aria || {};
+var tabEvent;
+
+aria.Dialog = function(dialog, focusAfterClosed, focusFirst) {
+	this.dialogNode = dialog;
+	if (this.dialogNode === null || this.dialogNode.getAttribute('role') !== 'dialog') {
+		throw new Error('Dialog() requires a DOM element with ARIA role of dialog.');
+	}
+
+	if (typeof focusAfterClosed === 'string') {
+		this.focusAfterClosed = document.getElementById(focusAfterClosed);
+	} else if (typeof focusAfterClosed === 'object') {
+		this.focusAfterClosed = focusAfterClosed;
+	} else {
+		this.focusAfterClosed = null;
+	}
+
+	if (typeof focusFirst === 'string') {
+		this.focusFirst = document.getElementById(focusFirst);
+	} else if (typeof focusFirst === 'object') {
+		this.focusFirst = focusFirst;
+	} else {
+		this.focusFirst = null;
+	}
+
+	if (this.focusFirst) {
+		this.focusFirst.focus();
+	} else {
+		Utils.focusFirstDescendant(this.dialogNode);
+	}
+
+	this.lastFocus = document.activeElement;
+	tabEvent = (e) => {
+		this.trapFocus(e);
+	};
+	this.addListeners();
+};
+
+aria.Dialog.prototype.addListeners = function() {
+	document.addEventListener('focus', tabEvent, true);
+};
+
+aria.Dialog.prototype.removeListeners = function() {
+	document.removeEventListener('focus', tabEvent, true);
+};
+
+aria.Dialog.prototype.closeDialog = function() {
+	this.removeListeners();
+	if (this.focusAfterClosed) {
+		setTimeout(() => {
+			this.focusAfterClosed.focus();
+		});
+	}
+};
+
+aria.Dialog.prototype.trapFocus = function(event) {
+	if (Utils.IgnoreUtilFocusChanges) {
+		return;
+	}
+	if (this.dialogNode.contains(event.target)) {
+		this.lastFocus = event.target;
+	} else {
+		Utils.focusFirstDescendant(this.dialogNode);
+		if (this.lastFocus === document.activeElement) {
+			Utils.focusLastDescendant(this.dialogNode);
+		}
+		this.lastFocus = document.activeElement;
+	}
+};
+
+export default aria.Dialog;

package/src/utils/aria-utils.js

@@ -1,122 +1,122 @@
-var aria = aria || {};
-
-aria.Utils = aria.Utils || {};
-
-/**
- * @desc Set focus on descendant nodes until the first focusable element is
- *       found.
- * @param element
- *          DOM node for which to find the first focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
-aria.Utils.focusFirstDescendant = function(element) {
-	for (var i = 0; i < element.childNodes.length; i++) {
-		var child = element.childNodes[i];
-		if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
-			return true;
-		}
-	}
-	return false;
-};
-
-/**
- * @desc Find the last descendant node that is focusable.
- * @param element
- *          DOM node for which to find the last focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
-
-aria.Utils.focusLastDescendant = function(element) {
-	for (var i = element.childNodes.length - 1; i >= 0; i--) {
-		var child = element.childNodes[i];
-		if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
-			return true;
-		}
-	}
-	return false;
-};
-
-/**
- * @desc Set Attempt to set focus on the current node.
- * @param element
- *          The node to attempt to focus on.
- * @returns
- *  true if element is focused.
- */
-aria.Utils.attemptFocus = function(element) {
-	if (!aria.Utils.isFocusable(element)) {
-		return false;
-	}
-	aria.Utils.IgnoreUtilFocusChanges = true;
-	try {
-		element.focus();
-	} catch (e) {
-	}
-	aria.Utils.IgnoreUtilFocusChanges = false;
-	return (document.activeElement === element);
-};
-
-aria.Utils.isFocusable = function(element) {
-	if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)) {
-		return true;
-	}
-
-	if (element.disabled) {
-		return false;
-	}
-
-	switch (element.nodeName) {
-	case 'A':
-		return !!element.href && element.rel !== 'ignore';
-	case 'INPUT':
-		return element.type !== 'hidden' && element.type !== 'file';
-	case 'BUTTON':
-	case 'SELECT':
-	case 'TEXTAREA':
-		return true;
-	default:
-		return false;
-	}
-};
-
-/**
- * 触发一个事件
- * mouseenter, mouseleave, mouseover, keyup, change, click 等
- * @param  {Element} elm
- * @param  {String} name
- * @param  {*} opts
- */
-aria.Utils.triggerEvent = function(elm, name, ...opts) {
-	let eventName;
-
-	if (/^mouse|click/.test(name)) {
-		eventName = 'MouseEvents';
-	} else if (/^key/.test(name)) {
-		eventName = 'KeyboardEvent';
-	} else {
-		eventName = 'HTMLEvents';
-	}
-	const evt = document.createEvent(eventName);
-
-	evt.initEvent(name, ...opts);
-	elm.dispatchEvent
-		? elm.dispatchEvent(evt)
-		: elm.fireEvent('on' + name, evt);
-
-	return elm;
-};
-
-aria.Utils.keys = {
-	tab: 9,
-	enter: 13,
-	space: 32,
-	left: 37,
-	up: 38,
-	right: 39,
-	down: 40,
-	esc: 27
-};
-
-export default aria.Utils;
+var aria = aria || {};
+
+aria.Utils = aria.Utils || {};
+
+/**
+ * @desc Set focus on descendant nodes until the first focusable element is
+ *       found.
+ * @param element
+ *          DOM node for which to find the first focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
+aria.Utils.focusFirstDescendant = function(element) {
+	for (var i = 0; i < element.childNodes.length; i++) {
+		var child = element.childNodes[i];
+		if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
+			return true;
+		}
+	}
+	return false;
+};
+
+/**
+ * @desc Find the last descendant node that is focusable.
+ * @param element
+ *          DOM node for which to find the last focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
+
+aria.Utils.focusLastDescendant = function(element) {
+	for (var i = element.childNodes.length - 1; i >= 0; i--) {
+		var child = element.childNodes[i];
+		if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
+			return true;
+		}
+	}
+	return false;
+};
+
+/**
+ * @desc Set Attempt to set focus on the current node.
+ * @param element
+ *          The node to attempt to focus on.
+ * @returns
+ *  true if element is focused.
+ */
+aria.Utils.attemptFocus = function(element) {
+	if (!aria.Utils.isFocusable(element)) {
+		return false;
+	}
+	aria.Utils.IgnoreUtilFocusChanges = true;
+	try {
+		element.focus();
+	} catch (e) {
+	}
+	aria.Utils.IgnoreUtilFocusChanges = false;
+	return (document.activeElement === element);
+};
+
+aria.Utils.isFocusable = function(element) {
+	if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)) {
+		return true;
+	}
+
+	if (element.disabled) {
+		return false;
+	}
+
+	switch (element.nodeName) {
+	case 'A':
+		return !!element.href && element.rel !== 'ignore';
+	case 'INPUT':
+		return element.type !== 'hidden' && element.type !== 'file';
+	case 'BUTTON':
+	case 'SELECT':
+	case 'TEXTAREA':
+		return true;
+	default:
+		return false;
+	}
+};
+
+/**
+ * 触发一个事件
+ * mouseenter, mouseleave, mouseover, keyup, change, click 等
+ * @param  {Element} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
+aria.Utils.triggerEvent = function(elm, name, ...opts) {
+	let eventName;
+
+	if (/^mouse|click/.test(name)) {
+		eventName = 'MouseEvents';
+	} else if (/^key/.test(name)) {
+		eventName = 'KeyboardEvent';
+	} else {
+		eventName = 'HTMLEvents';
+	}
+	const evt = document.createEvent(eventName);
+
+	evt.initEvent(name, ...opts);
+	elm.dispatchEvent
+		? elm.dispatchEvent(evt)
+		: elm.fireEvent('on' + name, evt);
+
+	return elm;
+};
+
+aria.Utils.keys = {
+	tab: 9,
+	enter: 13,
+	space: 32,
+	left: 37,
+	up: 38,
+	right: 39,
+	down: 40,
+	esc: 27
+};
+
+export default aria.Utils;