cy-element-ui 1.0.3 → 1.0.5

package/packages/notification/src/main.vue

@@ -32,109 +32,88 @@
 </template>
 
 <script type="text/babel">
-	let typeMap = {
-		success: 'success',
-		info: 'info',
-		warning: 'warning',
-		error: 'error'
-	};
+let typeMap = {
+	success: 'success',
+	info: 'info',
+	warning: 'warning',
+	error: 'error'
+};
 
-	export default {
-		data() {
-			return {
-				visible: false,
-				title: '',
-				message: '',
-				duration: 4500,
-				type: '',
-				showClose: true,
-				customClass: '',
-				iconClass: '',
-				onClose: null,
-				onClick: null,
-				closed: false,
-				verticalOffset: 0,
-				timer: null,
-				dangerouslyUseHTMLString: false,
-				position: 'top-right'
-			};
+export default {
+	data() {
+		return {
+			visible: false,
+			title: '',
+			message: '',
+			duration: 4500,
+			type: '',
+			showClose: true,
+			customClass: '',
+			iconClass: '',
+			onClose: null,
+			onClick: null,
+			closed: false,
+			verticalOffset: 0,
+			timer: null,
+			dangerouslyUseHTMLString: false,
+			position: 'top-right'
+		};
+	},
+
+	computed: {
+		typeClass() {
+			return this.type && typeMap[this.type] ? `el-icon-${ typeMap[this.type] }` : '';
 		},
 
-		computed: {
-			typeClass() {
-				return this.type && typeMap[this.type] ? `el-icon-${ typeMap[this.type] }` : '';
-			},
+		horizontalClass() {
+			return this.position.indexOf('right') > -1 ? 'right' : 'left';
+		},
 
-			horizontalClass() {
-				return this.position.indexOf('right') > -1 ? 'right' : 'left';
-			},
+		verticalProperty() {
+			return /^top-/.test(this.position) ? 'top' : 'bottom';
+		},
 
-			verticalProperty() {
-				return /^top-/.test(this.position) ? 'top' : 'bottom';
-			},
+		positionStyle() {
+			return {
+				[this.verticalProperty]: `${ this.verticalOffset }px`
+			};
+		}
+	},
 
-			positionStyle() {
-				return {
-					[this.verticalProperty]: `${ this.verticalOffset }px`
-				};
+	watch: {
+		closed(newVal) {
+			if (newVal) {
+				this.visible = false;
+				this.$el.addEventListener('transitionend', this.destroyElement);
 			}
+		}
+	},
+
+	methods: {
+		destroyElement() {
+			this.$el.removeEventListener('transitionend', this.destroyElement);
+			this.$destroy(true);
+			this.$el.parentNode.removeChild(this.$el);
 		},
 
-		watch: {
-			closed(newVal) {
-				if (newVal) {
-					this.visible = false;
-					this.$el.addEventListener('transitionend', this.destroyElement);
-				}
+		click() {
+			if (typeof this.onClick === 'function') {
+				this.onClick();
 			}
 		},
 
-		methods: {
-			destroyElement() {
-				this.$el.removeEventListener('transitionend', this.destroyElement);
-				this.$destroy(true);
-				this.$el.parentNode.removeChild(this.$el);
-			},
-
-			click() {
-				if (typeof this.onClick === 'function') {
-					this.onClick();
-				}
-			},
-
-			close() {
-				this.closed = true;
-				if (typeof this.onClose === 'function') {
-					this.onClose();
-				}
-			},
-
-			clearTimer() {
-				clearTimeout(this.timer);
-			},
-
-			startTimer() {
-				if (this.duration > 0) {
-					this.timer = setTimeout(() => {
-						if (!this.closed) {
-							this.close();
-						}
-					}, this.duration);
-				}
-			},
-			keydown(e) {
-				if (e.keyCode === 46 || e.keyCode === 8) {
-					this.clearTimer(); // detele 取消倒计时
-				} else if (e.keyCode === 27) { // esc关闭消息
-					if (!this.closed) {
-						this.close();
-					}
-				} else {
-					this.startTimer(); // 恢复倒计时
-				}
+		close() {
+			this.closed = true;
+			if (typeof this.onClose === 'function') {
+				this.onClose();
 			}
 		},
-		mounted() {
+
+		clearTimer() {
+			clearTimeout(this.timer);
+		},
+
+		startTimer() {
 			if (this.duration > 0) {
 				this.timer = setTimeout(() => {
 					if (!this.closed) {
@@ -142,11 +121,32 @@
 					}
 				}, this.duration);
 			}
-			document.addEventListener('keydown', this.keydown);
 		},
-		beforeDestroy() {
-			document.removeEventListener('keydown', this.keydown);
+		keydown(e) {
+			if (e.keyCode === 46 || e.keyCode === 8) {
+				this.clearTimer(); // detele 取消倒计时
+			} else if (e.keyCode === 27) { // esc关闭消息
+				if (!this.closed) {
+					this.close();
+				}
+			} else {
+				this.startTimer(); // 恢复倒计时
+			}
+		}
+	},
+	mounted() {
+		if (this.duration > 0) {
+			this.timer = setTimeout(() => {
+				if (!this.closed) {
+					this.close();
+				}
+			}, this.duration);
 		}
-	};
+		document.addEventListener('keydown', this.keydown);
+	},
+	beforeDestroy() {
+		document.removeEventListener('keydown', this.keydown);
+	}
+};
 </script>
 

package/packages/pagination/src/pager.vue

@@ -31,133 +31,133 @@
 </template>
 
 <script type="text/babel">
-	export default {
-		name: 'ElPager',
+export default {
+	name: 'ElPager',
 
-		props: {
-			currentPage: Number,
+	props: {
+		currentPage: Number,
 
-			pageCount: Number,
+		pageCount: Number,
 
-			pagerCount: Number,
+		pagerCount: Number,
 
-			disabled: Boolean
+		disabled: Boolean
+	},
+
+	watch: {
+		showPrevMore(val) {
+			if (!val) this.quickprevIconClass = 'el-icon-more';
 		},
 
-		watch: {
-			showPrevMore(val) {
-				if (!val) this.quickprevIconClass = 'el-icon-more';
-			},
+		showNextMore(val) {
+			if (!val) this.quicknextIconClass = 'el-icon-more';
+		}
+	},
 
-			showNextMore(val) {
-				if (!val) this.quicknextIconClass = 'el-icon-more';
+	methods: {
+		onPagerClick(event) {
+			const target = event.target;
+			if (target.tagName === 'UL' || this.disabled) {
+				return;
 			}
-		},
 
-		methods: {
-			onPagerClick(event) {
-				const target = event.target;
-				if (target.tagName === 'UL' || this.disabled) {
-					return;
-				}
+			let newPage = Number(event.target.textContent);
+			const pageCount = this.pageCount;
+			const currentPage = this.currentPage;
+			const pagerCountOffset = this.pagerCount - 2;
 
-				let newPage = Number(event.target.textContent);
-				const pageCount = this.pageCount;
-				const currentPage = this.currentPage;
-				const pagerCountOffset = this.pagerCount - 2;
-
-				if (target.className.indexOf('more') !== -1) {
-					if (target.className.indexOf('quickprev') !== -1) {
-						newPage = currentPage - pagerCountOffset;
-					} else if (target.className.indexOf('quicknext') !== -1) {
-						newPage = currentPage + pagerCountOffset;
-					}
+			if (target.className.indexOf('more') !== -1) {
+				if (target.className.indexOf('quickprev') !== -1) {
+					newPage = currentPage - pagerCountOffset;
+				} else if (target.className.indexOf('quicknext') !== -1) {
+					newPage = currentPage + pagerCountOffset;
 				}
+			}
 
-				/* istanbul ignore if */
-				if (!isNaN(newPage)) {
-					if (newPage < 1) {
-						newPage = 1;
-					}
-
-					if (newPage > pageCount) {
-						newPage = pageCount;
-					}
+			/* istanbul ignore if */
+			if (!isNaN(newPage)) {
+				if (newPage < 1) {
+					newPage = 1;
 				}
 
-				if (newPage !== currentPage) {
-					this.$emit('change', newPage);
-				}
-			},
-
-			onMouseenter(direction) {
-				if (this.disabled) return;
-				if (direction === 'left') {
-					this.quickprevIconClass = 'el-icon-d-arrow-left';
-				} else {
-					this.quicknextIconClass = 'el-icon-d-arrow-right';
+				if (newPage > pageCount) {
+					newPage = pageCount;
 				}
 			}
+
+			if (newPage !== currentPage) {
+				this.$emit('change', newPage);
+			}
 		},
 
-		computed: {
-			pagers() {
-				const pagerCount = this.pagerCount;
-				const halfPagerCount = (pagerCount - 1) / 2;
+		onMouseenter(direction) {
+			if (this.disabled) return;
+			if (direction === 'left') {
+				this.quickprevIconClass = 'el-icon-d-arrow-left';
+			} else {
+				this.quicknextIconClass = 'el-icon-d-arrow-right';
+			}
+		}
+	},
 
-				const currentPage = Number(this.currentPage);
-				const pageCount = Number(this.pageCount);
+	computed: {
+		pagers() {
+			const pagerCount = this.pagerCount;
+			const halfPagerCount = (pagerCount - 1) / 2;
 
-				let showPrevMore = false;
-				let showNextMore = false;
+			const currentPage = Number(this.currentPage);
+			const pageCount = Number(this.pageCount);
 
-				if (pageCount > pagerCount) {
-					if (currentPage > pagerCount - halfPagerCount) {
-						showPrevMore = true;
-					}
+			let showPrevMore = false;
+			let showNextMore = false;
 
-					if (currentPage < pageCount - halfPagerCount) {
-						showNextMore = true;
-					}
+			if (pageCount > pagerCount) {
+				if (currentPage > pagerCount - halfPagerCount) {
+					showPrevMore = true;
 				}
 
-				const array = [];
-
-				if (showPrevMore && !showNextMore) {
-					const startPage = pageCount - (pagerCount - 2);
-					for (let i = startPage; i < pageCount; i++) {
-						array.push(i);
-					}
-				} else if (!showPrevMore && showNextMore) {
-					for (let i = 2; i < pagerCount; i++) {
-						array.push(i);
-					}
-				} else if (showPrevMore && showNextMore) {
-					const offset = Math.floor(pagerCount / 2) - 1;
-					for (let i = currentPage - offset ; i <= currentPage + offset; i++) {
-						array.push(i);
-					}
-				} else {
-					for (let i = 2; i < pageCount; i++) {
-						array.push(i);
-					}
+				if (currentPage < pageCount - halfPagerCount) {
+					showNextMore = true;
 				}
+			}
 
-				this.showPrevMore = showPrevMore;
-				this.showNextMore = showNextMore;
+			const array = [];
 
-				return array;
+			if (showPrevMore && !showNextMore) {
+				const startPage = pageCount - (pagerCount - 2);
+				for (let i = startPage; i < pageCount; i++) {
+					array.push(i);
+				}
+			} else if (!showPrevMore && showNextMore) {
+				for (let i = 2; i < pagerCount; i++) {
+					array.push(i);
+				}
+			} else if (showPrevMore && showNextMore) {
+				const offset = Math.floor(pagerCount / 2) - 1;
+				for (let i = currentPage - offset; i <= currentPage + offset; i++) {
+					array.push(i);
+				}
+			} else {
+				for (let i = 2; i < pageCount; i++) {
+					array.push(i);
+				}
 			}
-		},
 
-		data() {
-			return {
-				current: null,
-				showPrevMore: false,
-				showNextMore: false,
-				quicknextIconClass: 'el-icon-more',
-				quickprevIconClass: 'el-icon-more'
-			};
+			this.showPrevMore = showPrevMore;
+			this.showNextMore = showNextMore;
+
+			return array;
 		}
-	};
+	},
+
+	data() {
+		return {
+			current: null,
+			showPrevMore: false,
+			showNextMore: false,
+			quicknextIconClass: 'el-icon-more',
+			quickprevIconClass: 'el-icon-more'
+		};
+	}
+};
 </script>

package/packages/popconfirm/src/main.vue

@@ -4,35 +4,35 @@
 		v-model="visible"
 		trigger="click"
 	>
-	<div class="el-popconfirm">
-		<p class="el-popconfirm__main">
-		<i
-			v-if="!hideIcon"
-			:class="icon"
-			class="el-popconfirm__icon"
-			:style="{color: iconColor}"
-		></i>
-			{{title}}
-		</p>
-		<div class="el-popconfirm__action">
-			<el-button
-				size="mini"
-				:type="cancelButtonType"
-				@click="cancel"
-			>
-				{{ displayCancelButtonText }}
-			</el-button>
-			<el-button
-				size="mini"
-				:type="confirmButtonType"
-				@click="confirm"
-			>
-				{{ displayConfirmButtonText }}
-			</el-button>
+		<div class="el-popconfirm">
+			<p class="el-popconfirm__main">
+				<i
+					v-if="!hideIcon"
+					:class="icon"
+					class="el-popconfirm__icon"
+					:style="{color: iconColor}"
+				></i>
+				{{ title }}
+			</p>
+			<div class="el-popconfirm__action">
+				<el-button
+					size="mini"
+					:type="cancelButtonType"
+					@click="cancel"
+				>
+					{{ displayCancelButtonText }}
+				</el-button>
+				<el-button
+					size="mini"
+					:type="confirmButtonType"
+					@click="confirm"
+				>
+					{{ displayConfirmButtonText }}
+				</el-button>
+			</div>
 		</div>
-	</div>
-	<slot name="reference" slot="reference"></slot>
-</el-popover>
+		<slot name="reference" slot="reference"></slot>
+	</el-popover>
 </template>
 
 <script>

package/packages/popover/src/main.vue

@@ -73,7 +73,7 @@ export default {
 
 	computed: {
 		tooltipId() {
-			return `el-popover-${generateId()}`;
+			return `el-popover-${ generateId() }`;
 		}
 	},
 	watch: {
@@ -198,11 +198,11 @@ export default {
 				reference = this.referenceElm = this.$refs.wrapper.children[0];
 			}
 			if (!this.$el ||
-				!reference ||
-				this.$el.contains(e.target) ||
-				reference.contains(e.target) ||
-				!popper ||
-				popper.contains(e.target)) return;
+    !reference ||
+    this.$el.contains(e.target) ||
+    reference.contains(e.target) ||
+    !popper ||
+    popper.contains(e.target)) return;
 			this.showPopper = false;
 		},
 		handleAfterEnter() {