cy-element-ui 1.1.23 → 1.1.26

package/lib/utils/aria-dialog.js

@@ -0,0 +1,104 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _ariaUtils = require('./aria-utils');
+
+var _ariaUtils2 = _interopRequireDefault(_ariaUtils);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * @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) {
+	var _this = this;
+
+	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 === 'undefined' ? 'undefined' : _typeof(focusAfterClosed)) === 'object') {
+		this.focusAfterClosed = focusAfterClosed;
+	} else {
+		this.focusAfterClosed = null;
+	}
+
+	if (typeof focusFirst === 'string') {
+		this.focusFirst = document.getElementById(focusFirst);
+	} else if ((typeof focusFirst === 'undefined' ? 'undefined' : _typeof(focusFirst)) === 'object') {
+		this.focusFirst = focusFirst;
+	} else {
+		this.focusFirst = null;
+	}
+
+	if (this.focusFirst) {
+		this.focusFirst.focus();
+	} else {
+		_ariaUtils2.default.focusFirstDescendant(this.dialogNode);
+	}
+
+	this.lastFocus = document.activeElement;
+	tabEvent = function 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 () {
+	var _this2 = this;
+
+	this.removeListeners();
+	if (this.focusAfterClosed) {
+		setTimeout(function () {
+			_this2.focusAfterClosed.focus();
+		});
+	}
+};
+
+aria.Dialog.prototype.trapFocus = function (event) {
+	if (_ariaUtils2.default.IgnoreUtilFocusChanges) {
+		return;
+	}
+	if (this.dialogNode.contains(event.target)) {
+		this.lastFocus = event.target;
+	} else {
+		_ariaUtils2.default.focusFirstDescendant(this.dialogNode);
+		if (this.lastFocus === document.activeElement) {
+			_ariaUtils2.default.focusLastDescendant(this.dialogNode);
+		}
+		this.lastFocus = document.activeElement;
+	}
+};
+
+exports.default = aria.Dialog;

package/lib/utils/aria-utils.js

@@ -0,0 +1,126 @@
+'use strict';
+
+exports.__esModule = true;
+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) {
+	var eventName = void 0;
+
+	if (/^mouse|click/.test(name)) {
+		eventName = 'MouseEvents';
+	} else if (/^key/.test(name)) {
+		eventName = 'KeyboardEvent';
+	} else {
+		eventName = 'HTMLEvents';
+	}
+	var evt = document.createEvent(eventName);
+
+	for (var _len = arguments.length, opts = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+		opts[_key - 2] = arguments[_key];
+	}
+
+	evt.initEvent.apply(evt, [name].concat(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
+};
+
+exports.default = aria.Utils;

package/lib/utils/clickoutside.js

@@ -0,0 +1,79 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _dom = require('element-ui/lib/utils/dom');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var nodeList = [];
+var ctx = '@@clickoutsideContext';
+
+var startClick = void 0;
+var seed = 0;
+
+!_vue2.default.prototype.$isServer && (0, _dom.on)(document, 'mousedown', function (e) {
+	return startClick = e;
+});
+
+!_vue2.default.prototype.$isServer && (0, _dom.on)(document, 'mouseup', function (e) {
+	nodeList.forEach(function (node) {
+		return node[ctx].documentHandler(e, startClick);
+	});
+});
+
+function createDocumentHandler(el, binding, vnode) {
+	return function () {
+		var mouseup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+		var mousedown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+		if (!vnode || !vnode.context || !mouseup.target || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target || vnode.context.popperElm && (vnode.context.popperElm.contains(mouseup.target) || vnode.context.popperElm.contains(mousedown.target))) return;
+
+		if (binding.expression && el[ctx].methodName && vnode.context[el[ctx].methodName]) {
+			vnode.context[el[ctx].methodName]();
+		} else {
+			el[ctx].bindingFn && el[ctx].bindingFn();
+		}
+	};
+}
+
+/**
+ * v-clickoutside
+ * @desc 点击元素外面才会触发的事件
+ * @example
+ * ```vue
+ * <div v-element-clickoutside="handleClose">
+ * ```
+ */
+exports.default = {
+	bind: function bind(el, binding, vnode) {
+		nodeList.push(el);
+		var id = seed++;
+		el[ctx] = {
+			id: id,
+			documentHandler: createDocumentHandler(el, binding, vnode),
+			methodName: binding.expression,
+			bindingFn: binding.value
+		};
+	},
+	update: function update(el, binding, vnode) {
+		el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
+		el[ctx].methodName = binding.expression;
+		el[ctx].bindingFn = binding.value;
+	},
+	unbind: function unbind(el) {
+		var len = nodeList.length;
+
+		for (var i = 0; i < len; i++) {
+			if (nodeList[i][ctx].id === el[ctx].id) {
+				nodeList.splice(i, 1);
+				break;
+			}
+		}
+		delete el[ctx];
+	}
+};

package/lib/utils/date-util.js

@@ -0,0 +1,310 @@
+'use strict';
+
+exports.__esModule = true;
+exports.validateRangeInOneMonth = exports.extractTimeFormat = exports.extractDateFormat = exports.nextYear = exports.prevYear = exports.nextMonth = exports.prevMonth = exports.changeYearMonthAndClampDate = exports.timeWithinRange = exports.limitTimeRange = exports.clearMilliseconds = exports.clearTime = exports.modifyWithTimeString = exports.modifyTime = exports.modifyDate = exports.range = exports.getRangeMinutes = exports.getMonthDays = exports.getPrevMonthLastDays = exports.getRangeHours = exports.getWeekNumber = exports.getStartDateOfMonth = exports.nextDate = exports.prevDate = exports.getFirstDayOfMonth = exports.getDayCountOfYear = exports.getDayCountOfMonth = exports.parseDate = exports.formatDate = exports.isDateObject = exports.isDate = exports.toDate = exports.getI18nSettings = undefined;
+
+var _date = require('element-ui/lib/utils/date');
+
+var _date2 = _interopRequireDefault(_date);
+
+var _locale = require('element-ui/lib/locale');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var weeks = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
+var months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
+
+var newArray = function newArray(start, end) {
+	var result = [];
+	for (var i = start; i <= end; i++) {
+		result.push(i);
+	}
+	return result;
+};
+
+var getI18nSettings = exports.getI18nSettings = function getI18nSettings() {
+	return {
+		dayNamesShort: weeks.map(function (week) {
+			return (0, _locale.t)('el.datepicker.weeks.' + week);
+		}),
+		dayNames: weeks.map(function (week) {
+			return (0, _locale.t)('el.datepicker.weeks.' + week);
+		}),
+		monthNamesShort: months.map(function (month) {
+			return (0, _locale.t)('el.datepicker.months.' + month);
+		}),
+		monthNames: months.map(function (month, index) {
+			return (0, _locale.t)('el.datepicker.month' + (index + 1));
+		}),
+		amPm: ['am', 'pm']
+	};
+};
+
+var toDate = exports.toDate = function toDate(date) {
+	return isDate(date) ? new Date(date) : null;
+};
+
+var isDate = exports.isDate = function isDate(date) {
+	if (date === null || date === undefined) return false;
+	if (isNaN(new Date(date).getTime())) return false;
+	if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
+	return true;
+};
+
+var isDateObject = exports.isDateObject = function isDateObject(val) {
+	return val instanceof Date;
+};
+
+var formatDate = exports.formatDate = function formatDate(date, format) {
+	date = toDate(date);
+	if (!date) return '';
+	return _date2.default.format(date, format || 'yyyy-MM-dd', getI18nSettings());
+};
+
+var parseDate = exports.parseDate = function parseDate(string, format) {
+	return _date2.default.parse(string, format || 'yyyy-MM-dd', getI18nSettings());
+};
+
+var getDayCountOfMonth = exports.getDayCountOfMonth = function getDayCountOfMonth(year, month) {
+	if (isNaN(+month)) return 31;
+
+	return new Date(year, +month + 1, 0).getDate();
+};
+
+var getDayCountOfYear = exports.getDayCountOfYear = function getDayCountOfYear(year) {
+	var isLeapYear = year % 400 === 0 || year % 100 !== 0 && year % 4 === 0;
+	return isLeapYear ? 366 : 365;
+};
+
+var getFirstDayOfMonth = exports.getFirstDayOfMonth = function getFirstDayOfMonth(date) {
+	var temp = new Date(date.getTime());
+	temp.setDate(1);
+	return temp.getDay();
+};
+
+// see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
+// {prev, next} Date should work for Daylight Saving Time
+// Adding 24 * 60 * 60 * 1000 does not work in the above scenario
+var prevDate = exports.prevDate = function prevDate(date) {
+	var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
+};
+
+var nextDate = exports.nextDate = function nextDate(date) {
+	var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
+};
+
+var getStartDateOfMonth = exports.getStartDateOfMonth = function getStartDateOfMonth(year, month) {
+	var result = new Date(year, month, 1);
+	var day = result.getDay();
+
+	if (day === 0) {
+		return prevDate(result, 7);
+	} else {
+		return prevDate(result, day);
+	}
+};
+
+var getWeekNumber = exports.getWeekNumber = function getWeekNumber(src) {
+	if (!isDate(src)) return null;
+	var date = new Date(src.getTime());
+	date.setHours(0, 0, 0, 0);
+	// Thursday in current week decides the year.
+	date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
+	// January 4 is always in week 1.
+	var week1 = new Date(date.getFullYear(), 0, 4);
+	// Adjust to Thursday in week 1 and count number of weeks from date to week 1.
+	// Rounding should be fine for Daylight Saving Time. Its shift should never be more than 12 hours.
+	return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
+};
+
+var getRangeHours = exports.getRangeHours = function getRangeHours(ranges) {
+	var hours = [];
+	var disabledHours = [];
+
+	(ranges || []).forEach(function (range) {
+		var value = range.map(function (date) {
+			return date.getHours();
+		});
+
+		disabledHours = disabledHours.concat(newArray(value[0], value[1]));
+	});
+
+	if (disabledHours.length) {
+		for (var i = 0; i < 24; i++) {
+			hours[i] = disabledHours.indexOf(i) === -1;
+		}
+	} else {
+		for (var _i = 0; _i < 24; _i++) {
+			hours[_i] = false;
+		}
+	}
+
+	return hours;
+};
+
+var getPrevMonthLastDays = exports.getPrevMonthLastDays = function getPrevMonthLastDays(date, amount) {
+	if (amount <= 0) return [];
+	var temp = new Date(date.getTime());
+	temp.setDate(0);
+	var lastDay = temp.getDate();
+	return range(amount).map(function (_, index) {
+		return lastDay - (amount - index - 1);
+	});
+};
+
+var getMonthDays = exports.getMonthDays = function getMonthDays(date) {
+	var temp = new Date(date.getFullYear(), date.getMonth() + 1, 0);
+	var days = temp.getDate();
+	return range(days).map(function (_, index) {
+		return index + 1;
+	});
+};
+
+function setRangeData(arr, start, end, value) {
+	for (var i = start; i < end; i++) {
+		arr[i] = value;
+	}
+}
+
+var getRangeMinutes = exports.getRangeMinutes = function getRangeMinutes(ranges, hour) {
+	var minutes = new Array(60);
+
+	if (ranges.length > 0) {
+		ranges.forEach(function (range) {
+			var start = range[0];
+			var end = range[1];
+			var startHour = start.getHours();
+			var startMinute = start.getMinutes();
+			var endHour = end.getHours();
+			var endMinute = end.getMinutes();
+			if (startHour === hour && endHour !== hour) {
+				setRangeData(minutes, startMinute, 60, true);
+			} else if (startHour === hour && endHour === hour) {
+				setRangeData(minutes, startMinute, endMinute + 1, true);
+			} else if (startHour !== hour && endHour === hour) {
+				setRangeData(minutes, 0, endMinute + 1, true);
+			} else if (startHour < hour && endHour > hour) {
+				setRangeData(minutes, 0, 60, true);
+			}
+		});
+	} else {
+		setRangeData(minutes, 0, 60, true);
+	}
+	return minutes;
+};
+
+var range = exports.range = function range(n) {
+	// see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
+	return Array.apply(null, { length: n }).map(function (_, n) {
+		return n;
+	});
+};
+
+var modifyDate = exports.modifyDate = function modifyDate(date, y, m, d) {
+	return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
+};
+
+var modifyTime = exports.modifyTime = function modifyTime(date, h, m, s) {
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
+};
+
+var modifyWithTimeString = exports.modifyWithTimeString = function modifyWithTimeString(date, time) {
+	if (date == null || !time) {
+		return date;
+	}
+	time = parseDate(time, 'HH:mm:ss');
+	return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
+};
+
+var clearTime = exports.clearTime = function clearTime(date) {
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+};
+
+var clearMilliseconds = exports.clearMilliseconds = function clearMilliseconds(date) {
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
+};
+
+var limitTimeRange = exports.limitTimeRange = function limitTimeRange(date, ranges) {
+	var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'HH:mm:ss';
+
+	// TODO: refactory a more elegant solution
+	if (ranges.length === 0) return date;
+	var normalizeDate = function normalizeDate(date) {
+		return _date2.default.parse(_date2.default.format(date, format), format);
+	};
+	var ndate = normalizeDate(date);
+	var nranges = ranges.map(function (range) {
+		return range.map(normalizeDate);
+	});
+	if (nranges.some(function (nrange) {
+		return ndate >= nrange[0] && ndate <= nrange[1];
+	})) return date;
+
+	var minDate = nranges[0][0];
+	var maxDate = nranges[0][0];
+
+	nranges.forEach(function (nrange) {
+		minDate = new Date(Math.min(nrange[0], minDate));
+		maxDate = new Date(Math.max(nrange[1], minDate));
+	});
+
+	var ret = ndate < minDate ? minDate : maxDate;
+	// preserve Year/Month/Date
+	return modifyDate(ret, date.getFullYear(), date.getMonth(), date.getDate());
+};
+
+var timeWithinRange = exports.timeWithinRange = function timeWithinRange(date, selectableRange, format) {
+	var limitedDate = limitTimeRange(date, selectableRange, format);
+	return limitedDate.getTime() === date.getTime();
+};
+
+var changeYearMonthAndClampDate = exports.changeYearMonthAndClampDate = function changeYearMonthAndClampDate(date, year, month) {
+	// clamp date to the number of days in `year`, `month`
+	// eg: (2010-1-31, 2010, 2) => 2010-2-28
+	var monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
+	return modifyDate(date, year, month, monthDate);
+};
+
+var prevMonth = exports.prevMonth = function prevMonth(date) {
+	var year = date.getFullYear();
+	var month = date.getMonth();
+	return month === 0 ? changeYearMonthAndClampDate(date, year - 1, 11) : changeYearMonthAndClampDate(date, year, month - 1);
+};
+
+var nextMonth = exports.nextMonth = function nextMonth(date) {
+	var year = date.getFullYear();
+	var month = date.getMonth();
+	return month === 11 ? changeYearMonthAndClampDate(date, year + 1, 0) : changeYearMonthAndClampDate(date, year, month + 1);
+};
+
+var prevYear = exports.prevYear = function prevYear(date) {
+	var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+	var year = date.getFullYear();
+	var month = date.getMonth();
+	return changeYearMonthAndClampDate(date, year - amount, month);
+};
+
+var nextYear = exports.nextYear = function nextYear(date) {
+	var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+	var year = date.getFullYear();
+	var month = date.getMonth();
+	return changeYearMonthAndClampDate(date, year + amount, month);
+};
+
+var extractDateFormat = exports.extractDateFormat = function extractDateFormat(format) {
+	return format.replace(/\W?m{1,2}|\W?ZZ/g, '').replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '').trim();
+};
+
+var extractTimeFormat = exports.extractTimeFormat = function extractTimeFormat(format) {
+	return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '').trim();
+};
+
+var validateRangeInOneMonth = exports.validateRangeInOneMonth = function validateRangeInOneMonth(start, end) {
+	return start.getMonth() === end.getMonth() && start.getFullYear() === end.getFullYear();
+};