cy-element-ui 1.0.3 → 1.0.5

package/packages/date-picker/src/panel/time.vue

@@ -31,156 +31,156 @@
 </template>
 
 <script type="text/babel">
-	import { limitTimeRange, isDate, clearMilliseconds, timeWithinRange } from 'element-ui/src/utils/date-util';
-	import Locale from 'element-ui/src/mixins/locale';
-	import TimeSpinner from '../basic/time-spinner';
+import { limitTimeRange, isDate, clearMilliseconds, timeWithinRange } from 'element-ui/src/utils/date-util';
+import Locale from 'element-ui/src/mixins/locale';
+import TimeSpinner from '../basic/time-spinner';
+
+export default {
+	mixins: [Locale],
+
+	components: {
+		TimeSpinner
+	},
+
+	props: {
+		visible: Boolean,
+		timeArrowControl: Boolean
+	},
+
+	watch: {
+		visible(val) {
+			if (val) {
+				this.oldValue = this.value;
+				this.$nextTick(() => this.$refs.spinner.emitSelectRange('hours'));
+			} else {
+				this.needInitAdjust = true;
+			}
+		},
 
-	export default {
-		mixins: [Locale],
+		value(newVal) {
+			let date;
+			if (newVal instanceof Date) {
+				date = limitTimeRange(newVal, this.selectableRange, this.format);
+			} else if (!newVal) {
+				date = this.defaultValue ? new Date(this.defaultValue) : new Date();
+			}
 
-		components: {
-			TimeSpinner
+			this.date = date;
+			if (this.visible && this.needInitAdjust) {
+				this.$nextTick(_ => this.adjustSpinners());
+				this.needInitAdjust = false;
+			}
 		},
 
-		props: {
-			visible: Boolean,
-			timeArrowControl: Boolean
+		selectableRange(val) {
+			this.$refs.spinner.selectableRange = val;
 		},
 
-		watch: {
-			visible(val) {
-				if (val) {
-					this.oldValue = this.value;
-					this.$nextTick(() => this.$refs.spinner.emitSelectRange('hours'));
-				} else {
-					this.needInitAdjust = true;
-				}
-			},
-
-			value(newVal) {
-				let date;
-				if (newVal instanceof Date) {
-					date = limitTimeRange(newVal, this.selectableRange, this.format);
-				} else if (!newVal) {
-					date = this.defaultValue ? new Date(this.defaultValue) : new Date();
-				}
-
-				this.date = date;
-				if (this.visible && this.needInitAdjust) {
-					this.$nextTick(_ => this.adjustSpinners());
-					this.needInitAdjust = false;
-				}
-			},
+		defaultValue(val) {
+			if (!isDate(this.value)) {
+				this.date = val ? new Date(val) : new Date();
+			}
+		}
+	},
+
+	data() {
+		return {
+			popperClass: '',
+			format: 'HH:mm:ss',
+			value: '',
+			defaultValue: null,
+			date: new Date(),
+			oldValue: new Date(),
+			selectableRange: [],
+			selectionRange: [0, 2],
+			disabled: false,
+			arrowControl: false,
+			needInitAdjust: true
+		};
+	},
+
+	computed: {
+		showSeconds() {
+			return (this.format || '').indexOf('ss') !== -1;
+		},
+		useArrow() {
+			return this.arrowControl || this.timeArrowControl || false;
+		},
+		amPmMode() {
+			if ((this.format || '').indexOf('A') !== -1) return 'A';
+			if ((this.format || '').indexOf('a') !== -1) return 'a';
+			return '';
+		}
+	},
 
-			selectableRange(val) {
-				this.$refs.spinner.selectableRange = val;
-			},
+	methods: {
+		handleCancel() {
+			this.$emit('pick', this.oldValue, false);
+		},
 
-			defaultValue(val) {
-				if (!isDate(this.value)) {
-					this.date = val ? new Date(val) : new Date();
+		handleChange(date) {
+			// this.visible avoids edge cases, when use scrolls during panel closing animation
+			if (this.visible) {
+				this.date = clearMilliseconds(date);
+				// if date is out of range, do not emit
+				if (this.isValidValue(this.date)) {
+					this.$emit('pick', this.date, true);
 				}
 			}
 		},
 
-		data() {
-			return {
-				popperClass: '',
-				format: 'HH:mm:ss',
-				value: '',
-				defaultValue: null,
-				date: new Date(),
-				oldValue: new Date(),
-				selectableRange: [],
-				selectionRange: [0, 2],
-				disabled: false,
-				arrowControl: false,
-				needInitAdjust: true
-			};
+		setSelectionRange(start, end) {
+			this.$emit('select-range', start, end);
+			this.selectionRange = [start, end];
 		},
 
-		computed: {
-			showSeconds() {
-				return (this.format || '').indexOf('ss') !== -1;
-			},
-			useArrow() {
-				return this.arrowControl || this.timeArrowControl || false;
-			},
-			amPmMode() {
-				if ((this.format || '').indexOf('A') !== -1) return 'A';
-				if ((this.format || '').indexOf('a') !== -1) return 'a';
-				return '';
-			}
+		handleConfirm(visible = false, first) {
+			if (first) return;
+			const date = clearMilliseconds(limitTimeRange(this.date, this.selectableRange, this.format));
+			this.$emit('pick', date, visible, first);
 		},
 
-		methods: {
-			handleCancel() {
-				this.$emit('pick', this.oldValue, false);
-			},
-
-			handleChange(date) {
-				// this.visible avoids edge cases, when use scrolls during panel closing animation
-				if (this.visible) {
-					this.date = clearMilliseconds(date);
-					// if date is out of range, do not emit
-					if (this.isValidValue(this.date)) {
-						this.$emit('pick', this.date, true);
-					}
-				}
-			},
-
-			setSelectionRange(start, end) {
-				this.$emit('select-range', start, end);
-				this.selectionRange = [start, end];
-			},
-
-			handleConfirm(visible = false, first) {
-				if (first) return;
-				const date = clearMilliseconds(limitTimeRange(this.date, this.selectableRange, this.format));
-				this.$emit('pick', date, visible, first);
-			},
-
-			handleKeydown(event) {
-				const keyCode = event.keyCode;
-				const mapping = { 38: -1, 40: 1, 37: -1, 39: 1 };
-
-				// Left or Right
-				if (keyCode === 37 || keyCode === 39) {
-					const step = mapping[keyCode];
-					this.changeSelectionRange(step);
-					event.preventDefault();
-					return;
-				}
+		handleKeydown(event) {
+			const keyCode = event.keyCode;
+			const mapping = { 38: -1, 40: 1, 37: -1, 39: 1 };
 
-				// Up or Down
-				if (keyCode === 38 || keyCode === 40) {
-					const step = mapping[keyCode];
-					this.$refs.spinner.scrollDown(step);
-					event.preventDefault();
-					return;
-				}
-			},
-
-			isValidValue(date) {
-				return timeWithinRange(date, this.selectableRange, this.format);
-			},
-
-			adjustSpinners() {
-				return this.$refs.spinner.adjustSpinners();
-			},
-
-			changeSelectionRange(step) {
-				const list = [0, 3].concat(this.showSeconds ? [6] : []);
-				const mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []);
-				const index = list.indexOf(this.selectionRange[0]);
-				const next = (index + step + list.length) % list.length;
-				this.$refs.spinner.emitSelectRange(mapping[next]);
+			// Left or Right
+			if (keyCode === 37 || keyCode === 39) {
+				const step = mapping[keyCode];
+				this.changeSelectionRange(step);
+				event.preventDefault();
+				return;
+			}
+
+			// Up or Down
+			if (keyCode === 38 || keyCode === 40) {
+				const step = mapping[keyCode];
+				this.$refs.spinner.scrollDown(step);
+				event.preventDefault();
+				return;
 			}
 		},
 
-		mounted() {
-			this.$nextTick(() => this.handleConfirm(true, true));
-			this.$emit('mounted');
+		isValidValue(date) {
+			return timeWithinRange(date, this.selectableRange, this.format);
+		},
+
+		adjustSpinners() {
+			return this.$refs.spinner.adjustSpinners();
+		},
+
+		changeSelectionRange(step) {
+			const list = [0, 3].concat(this.showSeconds ? [6] : []);
+			const mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []);
+			const index = list.indexOf(this.selectionRange[0]);
+			const next = (index + step + list.length) % list.length;
+			this.$refs.spinner.emitSelectRange(mapping[next]);
 		}
-	};
+	},
+
+	mounted() {
+		this.$nextTick(() => this.handleConfirm(true, true));
+		this.$emit('mounted');
+	}
+};
 </script>

package/packages/date-picker/src/picker.vue

@@ -289,7 +289,7 @@ const parseAsFormatAndType = (value, customFormat, type, rangeSeparator = '-') =
 	if (!value) return null;
 	const parser = (
 		TYPE_VALUE_RESOLVER_MAP[type] ||
-		TYPE_VALUE_RESOLVER_MAP['default']
+  TYPE_VALUE_RESOLVER_MAP['default']
 	).parser;
 	const format = customFormat || DEFAULT_FORMATS[type];
 	return parser(value, format, rangeSeparator);
@@ -299,7 +299,7 @@ const formatAsFormatAndType = (value, customFormat, type) => {
 	if (!value) return null;
 	const formatter = (
 		TYPE_VALUE_RESOLVER_MAP[type] ||
-		TYPE_VALUE_RESOLVER_MAP['default']
+  TYPE_VALUE_RESOLVER_MAP['default']
 	).formatter;
 	const format = customFormat || DEFAULT_FORMATS[type];
 	return formatter(value, format);
@@ -347,9 +347,9 @@ const validator = function(val) {
 	// either: String, Array of String, null / undefined
 	return (
 		val === null ||
-		val === undefined ||
-		isString(val) ||
-		(Array.isArray(val) && val.length === 2 && val.every(isString))
+  val === undefined ||
+  isString(val) ||
+  (Array.isArray(val) && val.length === 2 && val.every(isString))
 	);
 };
 
@@ -876,8 +876,8 @@ export default {
 
 				for (const option in options) {
 					if (options.hasOwnProperty(option) &&
-							// 忽略 time-picker 的该配置项
-							option !== 'selectableRange') {
+      // 忽略 time-picker 的该配置项
+      option !== 'selectableRange') {
 						this.picker[option] = options[option];
 					}
 				}

package/packages/descriptions/src/descriptions-row.js

@@ -42,7 +42,7 @@ export default {
 					</tr>
 					<tr class="el-descriptions-row">
 						{
-							row.map(item =>{
+							row.map(item => {
 								return (
 									<td
 										class={['el-descriptions-item__cell', 'el-descriptions-item__content', item.contentClassName]}
@@ -61,7 +61,7 @@ export default {
 				<tbody>
 					<tr class="el-descriptions-row">
 						{
-							row.map(item=> {
+							row.map(item => {
 								return ([
 									<th
 										class={{
@@ -89,7 +89,7 @@ export default {
 			<tbody>
 				<tr class="el-descriptions-row">
 					{
-						row.map(item=> {
+						row.map(item => {
 							return (
 								<td class="el-descriptions-item el-descriptions-item__cell" colSpan={item.props.span}>
 									<div class="el-descriptions-item__container">

package/packages/descriptions/src/index.js

@@ -168,7 +168,7 @@ export default {
 				}
 
 				<div class="el-descriptions__body">
-					<table class={['el-descriptions__table', { 'is-bordered': border }, descriptionsSize ? `el-descriptions--${descriptionsSize}` : '']}>
+					<table class={['el-descriptions__table', { 'is-bordered': border }, descriptionsSize ? `el-descriptions--${ descriptionsSize }` : '']}>
 						{rows.map(row => (
 							<DescriptionsRow row={row}></DescriptionsRow>
 						))}

package/packages/dialog/src/component.vue

@@ -38,175 +38,175 @@
 </template>
 
 <script>
-	import Popup from 'element-ui/src/utils/popup';
-	import Migrating from 'element-ui/src/mixins/migrating';
-	import emitter from 'element-ui/src/mixins/emitter';
-
-	export default {
-		name: 'ElDialog',
-
-		mixins: [Popup, emitter, Migrating],
-
-		props: {
-			title: {
-				type: String,
-				default: ''
-			},
-
-			modal: {
-				type: Boolean,
-				default: true
-			},
-
-			modalAppendToBody: {
-				type: Boolean,
-				default: true
-			},
-
-			appendToBody: {
-				type: Boolean,
-				default: false
-			},
-
-			lockScroll: {
-				type: Boolean,
-				default: true
-			},
-
-			closeOnClickModal: {
-				type: Boolean,
-				default: true
-			},
-
-			closeOnPressEscape: {
-				type: Boolean,
-				default: true
-			},
-
-			showClose: {
-				type: Boolean,
-				default: true
-			},
-
-			width: String,
-
-			fullscreen: Boolean,
-
-			customClass: {
-				type: String,
-				default: ''
-			},
-
-			top: {
-				type: String,
-				default: '15vh'
-			},
-			beforeClose: Function,
-			center: {
-				type: Boolean,
-				default: false
-			},
-
-			destroyOnClose: Boolean
-		},
-
-		data() {
-			return {
-				closed: false,
-				key: 0
-			};
+import Popup from 'element-ui/src/utils/popup';
+import Migrating from 'element-ui/src/mixins/migrating';
+import emitter from 'element-ui/src/mixins/emitter';
+
+export default {
+	name: 'ElDialog',
+
+	mixins: [Popup, emitter, Migrating],
+
+	props: {
+		title: {
+			type: String,
+			default: ''
+		},
+
+		modal: {
+			type: Boolean,
+			default: true
+		},
+
+		modalAppendToBody: {
+			type: Boolean,
+			default: true
+		},
+
+		appendToBody: {
+			type: Boolean,
+			default: false
+		},
+
+		lockScroll: {
+			type: Boolean,
+			default: true
 		},
 
-		watch: {
-			visible(val) {
-				if (val) {
-					this.closed = false;
-					this.$emit('open');
-					this.$el.addEventListener('scroll', this.updatePopper);
+		closeOnClickModal: {
+			type: Boolean,
+			default: true
+		},
+
+		closeOnPressEscape: {
+			type: Boolean,
+			default: true
+		},
+
+		showClose: {
+			type: Boolean,
+			default: true
+		},
+
+		width: String,
+
+		fullscreen: Boolean,
+
+		customClass: {
+			type: String,
+			default: ''
+		},
+
+		top: {
+			type: String,
+			default: '15vh'
+		},
+		beforeClose: Function,
+		center: {
+			type: Boolean,
+			default: false
+		},
+
+		destroyOnClose: Boolean
+	},
+
+	data() {
+		return {
+			closed: false,
+			key: 0
+		};
+	},
+
+	watch: {
+		visible(val) {
+			if (val) {
+				this.closed = false;
+				this.$emit('open');
+				this.$el.addEventListener('scroll', this.updatePopper);
+				this.$nextTick(() => {
+					this.$refs.dialog.scrollTop = 0;
+				});
+				if (this.appendToBody) {
+					document.body.appendChild(this.$el);
+				}
+			} else {
+				this.$el.removeEventListener('scroll', this.updatePopper);
+				if (!this.closed) this.$emit('close');
+				if (this.destroyOnClose) {
 					this.$nextTick(() => {
-						this.$refs.dialog.scrollTop = 0;
+						this.key++;
 					});
-					if (this.appendToBody) {
-						document.body.appendChild(this.$el);
-					}
-				} else {
-					this.$el.removeEventListener('scroll', this.updatePopper);
-					if (!this.closed) this.$emit('close');
-					if (this.destroyOnClose) {
-						this.$nextTick(() => {
-							this.key++;
-						});
-					}
 				}
 			}
-		},
-
-		computed: {
-			style() {
-				let style = {};
-				if (!this.fullscreen) {
-					style.marginTop = this.top;
-					if (this.width) {
-						style.width = this.width;
-					}
+		}
+	},
+
+	computed: {
+		style() {
+			let style = {};
+			if (!this.fullscreen) {
+				style.marginTop = this.top;
+				if (this.width) {
+					style.width = this.width;
 				}
-				return style;
 			}
-		},
+			return style;
+		}
+	},
 
-		methods: {
-			getMigratingConfig() {
-				return {
-					props: {
-						'size': 'size is removed.'
-					}
-				};
-			},
-			handleWrapperClick() {
-				if (!this.closeOnClickModal) return;
-				this.handleClose();
-			},
-			handleClose() {
-				if (typeof this.beforeClose === 'function') {
-					this.beforeClose(this.hide);
-				} else {
-					this.hide();
-				}
-			},
-			hide(cancel) {
-				if (cancel !== false) {
-					this.$emit('update:visible', false);
-					this.$emit('close');
-					this.closed = true;
+	methods: {
+		getMigratingConfig() {
+			return {
+				props: {
+					'size': 'size is removed.'
 				}
-			},
-			updatePopper() {
-				this.broadcast('ElSelectDropdown', 'updatePopper');
-				this.broadcast('ElDropdownMenu', 'updatePopper');
-			},
-			afterEnter() {
-				this.$emit('opened');
-			},
-			afterLeave() {
-				this.$emit('closed');
+			};
+		},
+		handleWrapperClick() {
+			if (!this.closeOnClickModal) return;
+			this.handleClose();
+		},
+		handleClose() {
+			if (typeof this.beforeClose === 'function') {
+				this.beforeClose(this.hide);
+			} else {
+				this.hide();
 			}
 		},
-
-		mounted() {
-			if (this.visible) {
-				this.rendered = true;
-				this.open();
-				if (this.appendToBody) {
-					document.body.appendChild(this.$el);
-				}
+		hide(cancel) {
+			if (cancel !== false) {
+				this.$emit('update:visible', false);
+				this.$emit('close');
+				this.closed = true;
 			}
 		},
-
-		destroyed() {
-			// if appendToBody is true, remove DOM node after destroy
-			if (this.appendToBody && this.$el && this.$el.parentNode) {
-				this.$el.parentNode.removeChild(this.$el);
+		updatePopper() {
+			this.broadcast('ElSelectDropdown', 'updatePopper');
+			this.broadcast('ElDropdownMenu', 'updatePopper');
+		},
+		afterEnter() {
+			this.$emit('opened');
+		},
+		afterLeave() {
+			this.$emit('closed');
+		}
+	},
+
+	mounted() {
+		if (this.visible) {
+			this.rendered = true;
+			this.open();
+			if (this.appendToBody) {
+				document.body.appendChild(this.$el);
 			}
 		}
-	};
+	},
+
+	destroyed() {
+		// if appendToBody is true, remove DOM node after destroy
+		if (this.appendToBody && this.$el && this.$el.parentNode) {
+			this.$el.parentNode.removeChild(this.$el);
+		}
+	}
+};
 </script>