cy-element-ui 1.0.4 → 1.0.5

package/packages/breadcrumb/src/breadcrumb.vue

@@ -4,31 +4,31 @@
 	</div>
 </template>
 <script>
-	export default {
-		name: 'ElBreadcrumb',
+export default {
+	name: 'ElBreadcrumb',
 
-		props: {
-			separator: {
-				type: String,
-				default: '/'
-			},
-			separatorClass: {
-				type: String,
-				default: ''
-			}
+	props: {
+		separator: {
+			type: String,
+			default: '/'
 		},
+		separatorClass: {
+			type: String,
+			default: ''
+		}
+	},
 
-		provide() {
-			return {
-				elBreadcrumb: this
-			};
-		},
+	provide() {
+		return {
+			elBreadcrumb: this
+		};
+	},
 
-		mounted() {
-			const items = this.$el.querySelectorAll('.el-breadcrumb__item');
-			if (items.length) {
-				items[items.length - 1].setAttribute('aria-current', 'page');
-			}
+	mounted() {
+		const items = this.$el.querySelectorAll('.el-breadcrumb__item');
+		if (items.length) {
+			items[items.length - 1].setAttribute('aria-current', 'page');
 		}
-	};
+	}
+};
 </script>

package/packages/button/src/button-group.vue

@@ -4,7 +4,7 @@
 	</div>
 </template>
 <script>
-	export default {
-		name: 'ElButtonGroup'
-	};
+export default {
+	name: 'ElButtonGroup'
+};
 </script>

package/packages/button/src/button.vue

@@ -23,56 +23,56 @@
 	</button>
 </template>
 <script>
-	export default {
-		name: 'ElButton',
+export default {
+	name: 'ElButton',
 
-		inject: {
-			elForm: {
-				default: ''
-			},
-			elFormItem: {
-				default: ''
-			}
+	inject: {
+		elForm: {
+			default: ''
 		},
+		elFormItem: {
+			default: ''
+		}
+	},
 
-		props: {
-			type: {
-				type: String,
-				default: 'default'
-			},
-			size: String,
-			icon: {
-				type: String,
-				default: ''
-			},
-			nativeType: {
-				type: String,
-				default: 'button'
-			},
-			loading: Boolean,
-			disabled: Boolean,
-			plain: Boolean,
-			autofocus: Boolean,
-			round: Boolean,
-			circle: Boolean
+	props: {
+		type: {
+			type: String,
+			default: 'default'
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ''
+		},
+		nativeType: {
+			type: String,
+			default: 'button'
 		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		circle: Boolean
+	},
 
-		computed: {
-			_elFormItemSize() {
-				return (this.elFormItem || {}).elFormItemSize;
-			},
-			buttonSize() {
-				return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-			},
-			buttonDisabled() {
-				return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled;
-			}
+	computed: {
+		_elFormItemSize() {
+			return (this.elFormItem || {}).elFormItemSize;
+		},
+		buttonSize() {
+			return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
 		},
+		buttonDisabled() {
+			return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled;
+		}
+	},
 
-		methods: {
-			handleClick(evt) {
-				this.$emit('click', evt);
-			}
+	methods: {
+		handleClick(evt) {
+			this.$emit('click', evt);
 		}
-	};
+	}
+};
 </script>

package/packages/calendar/src/date-table.vue

@@ -38,8 +38,8 @@ export default {
 			} else if (type === 'next') {
 				prefix = this.nextMonthDatePrefix;
 			}
-			day = `00${day}`.slice(-2);
-			return `${prefix}-${day}`;
+			day = `00${ day }`.slice(-2);
+			return `${ prefix }-${ day }`;
 		},
 
 		getCellClass({ text, type }) {
@@ -69,7 +69,7 @@ export default {
 			const date = new Date(day);
 			const data = {
 				isSelected: this.selectedDay === day,
-				type: `${type}-month`,
+				type: `${ type }-month`,
 				day
 			};
 			return render({ date, data });

package/packages/calendar/src/main.vue

@@ -87,8 +87,8 @@ export default {
 				if (Array.isArray(range)) {
 					return range.length === 2 && range.every(
 						item => typeof item === 'string' ||
-						typeof item === 'number' ||
-						item instanceof Date);
+       typeof item === 'number' ||
+       item instanceof Date);
 				} else {
 					return true;
 				}
@@ -113,13 +113,13 @@ export default {
 
 		selectDate(type) {
 			if (validTypes.indexOf(type) === -1) {
-				throw new Error(`invalid type ${type}`);
+				throw new Error(`invalid type ${ type }`);
 			}
 			let day = '';
 			if (type === 'prev-month') {
-				day = `${this.prevMonthDatePrefix}-01`;
+				day = `${ this.prevMonthDatePrefix }-01`;
 			} else if (type === 'next-month') {
-				day = `${this.nextMonthDatePrefix}-01`;
+				day = `${ this.nextMonthDatePrefix }-01`;
 			} else {
 				day = this.formatedToday;
 			}
@@ -138,7 +138,7 @@ export default {
 		rangeValidator(date, isStart) {
 			const firstDayOfWeek = this.realFirstDayOfWeek;
 			const expected = isStart ? firstDayOfWeek : (firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1);
-			const message = `${isStart ? 'start' : 'end'} of range should be ${weekDays[expected]}.`;
+			const message = `${ isStart ? 'start' : 'end' } of range should be ${ weekDays[expected] }.`;
 			if (date.getDay() !== expected) {
 				console.warn('[ElementCalendar]', message, 'Invalid range will be ignored.');
 				return false;
@@ -170,7 +170,7 @@ export default {
 		i18nDate() {
 			const year = this.date.getFullYear();
 			const month = this.date.getMonth() + 1;
-			return `${year} ${this.t('el.datepicker.year')} ${this.t('el.datepicker.month' + month)}`;
+			return `${ year } ${ this.t('el.datepicker.year') } ${ this.t('el.datepicker.month' + month) }`;
 		},
 
 		formatedToday() {

package/packages/card/src/main.vue

@@ -10,14 +10,14 @@
 </template>
 
 <script>
-	export default {
-		name: 'ElCard',
-		props: {
-			header: {},
-			bodyStyle: {},
-			shadow: {
-				type: String
-			}
+export default {
+	name: 'ElCard',
+	props: {
+		header: {},
+		bodyStyle: {},
+		shadow: {
+			type: String
 		}
-	};
+	}
+};
 </script>

package/packages/carousel/src/item.vue

@@ -21,118 +21,118 @@
 </template>
 
 <script>
-	import { autoprefixer } from 'element-ui/src/utils/util';
-	const CARD_SCALE = 0.83;
-	export default {
-		name: 'ElCarouselItem',
+import { autoprefixer } from 'element-ui/src/utils/util';
+const CARD_SCALE = 0.83;
+export default {
+	name: 'ElCarouselItem',
 
-		props: {
-			name: String,
-			label: {
-				type: [String, Number],
-				default: ''
+	props: {
+		name: String,
+		label: {
+			type: [String, Number],
+			default: ''
+		}
+	},
+
+	data() {
+		return {
+			hover: false,
+			translate: 0,
+			scale: 1,
+			active: false,
+			ready: false,
+			inStage: false,
+			animating: false
+		};
+	},
+
+	methods: {
+		processIndex(index, activeIndex, length) {
+			if (activeIndex === 0 && index === length - 1) {
+				return -1;
+			} else if (activeIndex === length - 1 && index === 0) {
+				return length;
+			} else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
+				return length + 1;
+			} else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
+				return -2;
 			}
+			return index;
 		},
 
-		data() {
-			return {
-				hover: false,
-				translate: 0,
-				scale: 1,
-				active: false,
-				ready: false,
-				inStage: false,
-				animating: false
-			};
+		calcCardTranslate(index, activeIndex) {
+			const parentWidth = this.$parent.$el.offsetWidth;
+			if (this.inStage) {
+				return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
+			} else if (index < activeIndex) {
+				return -(1 + CARD_SCALE) * parentWidth / 4;
+			} else {
+				return (3 + CARD_SCALE) * parentWidth / 4;
+			}
 		},
 
-		methods: {
-			processIndex(index, activeIndex, length) {
-				if (activeIndex === 0 && index === length - 1) {
-					return -1;
-				} else if (activeIndex === length - 1 && index === 0) {
-					return length;
-				} else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
-					return length + 1;
-				} else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
-					return -2;
-				}
-				return index;
-			},
-
-			calcCardTranslate(index, activeIndex) {
-				const parentWidth = this.$parent.$el.offsetWidth;
-				if (this.inStage) {
-					return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
-				} else if (index < activeIndex) {
-					return -(1 + CARD_SCALE) * parentWidth / 4;
-				} else {
-					return (3 + CARD_SCALE) * parentWidth / 4;
-				}
-			},
-
-			calcTranslate(index, activeIndex, isVertical) {
-				const distance = this.$parent.$el[isVertical ? 'offsetHeight' : 'offsetWidth'];
-				return distance * (index - activeIndex);
-			},
-
-			translateItem(index, activeIndex, oldIndex) {
-				const parentType = this.$parent.type;
-				const parentDirection = this.parentDirection;
-				const length = this.$parent.items.length;
-				if (parentType !== 'card' && oldIndex !== undefined) {
-					this.animating = index === activeIndex || index === oldIndex;
-				}
-				if (index !== activeIndex && length > 2 && this.$parent.loop) {
-					index = this.processIndex(index, activeIndex, length);
-				}
-				if (parentType === 'card') {
-					if (parentDirection === 'vertical') {
-						console.warn('[Element Warn][Carousel]vertical direction is not supported in card mode');
-					}
-					this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
-					this.active = index === activeIndex;
-					this.translate = this.calcCardTranslate(index, activeIndex);
-					this.scale = this.active ? 1 : CARD_SCALE;
-				} else {
-					this.active = index === activeIndex;
-					const isVertical = parentDirection === 'vertical';
-					this.translate = this.calcTranslate(index, activeIndex, isVertical);
-					this.scale = 1;
-				}
-				this.ready = true;
-			},
+		calcTranslate(index, activeIndex, isVertical) {
+			const distance = this.$parent.$el[isVertical ? 'offsetHeight' : 'offsetWidth'];
+			return distance * (index - activeIndex);
+		},
 
-			handleItemClick() {
-				const parent = this.$parent;
-				if (parent && parent.type === 'card') {
-					const index = parent.items.indexOf(this);
-					parent.setActiveItem(index);
+		translateItem(index, activeIndex, oldIndex) {
+			const parentType = this.$parent.type;
+			const parentDirection = this.parentDirection;
+			const length = this.$parent.items.length;
+			if (parentType !== 'card' && oldIndex !== undefined) {
+				this.animating = index === activeIndex || index === oldIndex;
+			}
+			if (index !== activeIndex && length > 2 && this.$parent.loop) {
+				index = this.processIndex(index, activeIndex, length);
+			}
+			if (parentType === 'card') {
+				if (parentDirection === 'vertical') {
+					console.warn('[Element Warn][Carousel]vertical direction is not supported in card mode');
 				}
+				this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
+				this.active = index === activeIndex;
+				this.translate = this.calcCardTranslate(index, activeIndex);
+				this.scale = this.active ? 1 : CARD_SCALE;
+			} else {
+				this.active = index === activeIndex;
+				const isVertical = parentDirection === 'vertical';
+				this.translate = this.calcTranslate(index, activeIndex, isVertical);
+				this.scale = 1;
 			}
+			this.ready = true;
 		},
 
-		computed: {
-			parentDirection() {
-				return this.$parent.direction;
-			},
-
-			itemStyle() {
-				const translateType = this.parentDirection === 'vertical' ? 'translateY' : 'translateX';
-				const value = `${translateType}(${ this.translate }px) scale(${ this.scale })`;
-				const style = {
-					transform: value
-				};
-				return autoprefixer(style);
+		handleItemClick() {
+			const parent = this.$parent;
+			if (parent && parent.type === 'card') {
+				const index = parent.items.indexOf(this);
+				parent.setActiveItem(index);
 			}
-		},
+		}
+	},
 
-		created() {
-			this.$parent && this.$parent.updateItems();
+	computed: {
+		parentDirection() {
+			return this.$parent.direction;
 		},
 
-		destroyed() {
-			this.$parent && this.$parent.updateItems();
+		itemStyle() {
+			const translateType = this.parentDirection === 'vertical' ? 'translateY' : 'translateX';
+			const value = `${ translateType }(${ this.translate }px) scale(${ this.scale })`;
+			const style = {
+				transform: value
+			};
+			return autoprefixer(style);
 		}
-	};
+	},
+
+	created() {
+		this.$parent && this.$parent.updateItems();
+	},
+
+	destroyed() {
+		this.$parent && this.$parent.updateItems();
+	}
+};
 </script>

package/packages/carousel/src/main.vue

@@ -181,10 +181,10 @@ export default {
 		itemInStage(item, index) {
 			const length = this.items.length;
 			if (index === length - 1 && item.inStage && this.items[0].active ||
-				(item.inStage && this.items[index + 1] && this.items[index + 1].active)) {
+    (item.inStage && this.items[index + 1] && this.items[index + 1].active)) {
 				return 'left';
 			} else if (index === 0 && item.inStage && this.items[length - 1].active ||
-				(item.inStage && this.items[index - 1] && this.items[index - 1].active)) {
+    (item.inStage && this.items[index - 1] && this.items[index - 1].active)) {
 				return 'right';
 			}
 			return false;

package/packages/cascader/src/cascader.vue

@@ -224,7 +224,7 @@ export default {
 		},
 		beforeFilter: {
 			type: Function,
-			default: () => (() => {})
+			default: () => () => {}
 		},
 		popperClass: String
 	},
@@ -528,7 +528,7 @@ export default {
 					if (collapseTags) {
 						tags.push({
 							key: -1,
-							text: `+ ${restCount}`,
+							text: `+ ${ restCount }`,
 							closable: false
 						});
 					} else {
@@ -652,8 +652,8 @@ export default {
 		},
 
 		/**
-		 * public methods
-		*/
+   * public methods
+   */
 		getCheckedNodes(leafOnly) {
 			return this.panel.getCheckedNodes(leafOnly);
 		}

package/packages/cascader-panel/src/cascader-menu.vue

@@ -37,7 +37,7 @@ export default {
 			return !this.nodes.length;
 		},
 		menuId() {
-			return `cascader-menu-${this.id}-${this.index}`;
+			return `cascader-menu-${ this.id }-${ this.index }`;
 		}
 	},
 
@@ -61,8 +61,8 @@ export default {
 				const bottom = top + activeNode.offsetHeight;
 
 				hoverZone.innerHTML = `
-					<path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top} L${offsetWidth} 0 V${top} Z" />
-					<path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
+					<path style="pointer-events: auto;" fill="transparent" d="M${ startX } ${ top } L${ offsetWidth } 0 V${ top } Z" />
+					<path style="pointer-events: auto;" fill="transparent" d="M${ startX } ${ bottom } L${ offsetWidth } ${ offsetHeight } V${ bottom } Z" />
 				`;
 			} else if (!hoverTimer) {
 				this.hoverTimer = setTimeout(this.clearHoverZone, this.panel.config.hoverThreshold);
@@ -94,7 +94,7 @@ export default {
 					<cascader-node
 						key={ node.uid }
 						node={ node }
-						node-id={ `${menuId}-${index}` }
+						node-id={ `${ menuId }-${ index }` }
 						aria-haspopup={ hasChildren }
 						aria-owns = { hasChildren ? menuId : null }
 						{ ...events }></cascader-node>