cy-element-ui 1.0.4 → 1.0.5

package/packages/autocomplete/src/autocomplete-suggestions.vue

@@ -18,59 +18,59 @@
 	</transition>
 </template>
 <script>
-	import Popper from 'element-ui/src/utils/vue-popper';
-	import Emitter from 'element-ui/src/mixins/emitter';
-	import ElScrollbar from 'element-ui/packages/scrollbar';
+import Popper from 'element-ui/src/utils/vue-popper';
+import Emitter from 'element-ui/src/mixins/emitter';
+import ElScrollbar from 'element-ui/packages/scrollbar';
 
-	export default {
-		components: { ElScrollbar },
-		mixins: [Popper, Emitter],
+export default {
+	components: { ElScrollbar },
+	mixins: [Popper, Emitter],
 
-		componentName: 'ElAutocompleteSuggestions',
+	componentName: 'ElAutocompleteSuggestions',
 
-		data() {
-			return {
-				parent: this.$parent,
-				dropdownWidth: ''
-			};
-		},
-
-		props: {
-			options: {
-				default() {
-					return {
-						gpuAcceleration: false
-					};
-				}
-			},
-			id: String
-		},
+	data() {
+		return {
+			parent: this.$parent,
+			dropdownWidth: ''
+		};
+	},
 
-		methods: {
-			select(item) {
-				this.dispatch('ElAutocomplete', 'item-click', item);
+	props: {
+		options: {
+			default() {
+				return {
+					gpuAcceleration: false
+				};
 			}
 		},
+		id: String
+	},
 
-		updated() {
-			this.$nextTick(_ => {
-				this.popperJS && this.updatePopper();
-			});
-		},
+	methods: {
+		select(item) {
+			this.dispatch('ElAutocomplete', 'item-click', item);
+		}
+	},
 
-		mounted() {
-			this.$parent.popperElm = this.popperElm = this.$el;
-			this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea;
-			this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list');
-			this.referenceList.setAttribute('role', 'listbox');
-			this.referenceList.setAttribute('id', this.id);
-		},
+	updated() {
+		this.$nextTick(_ => {
+			this.popperJS && this.updatePopper();
+		});
+	},
 
-		created() {
-			this.$on('visible', (val, inputWidth) => {
-				this.dropdownWidth = inputWidth + 'px';
-				this.showPopper = val;
-			});
-		}
-	};
+	mounted() {
+		this.$parent.popperElm = this.popperElm = this.$el;
+		this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea;
+		this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list');
+		this.referenceList.setAttribute('role', 'listbox');
+		this.referenceList.setAttribute('id', this.id);
+	},
+
+	created() {
+		this.$on('visible', (val, inputWidth) => {
+			this.dropdownWidth = inputWidth + 'px';
+			this.showPopper = val;
+		});
+	}
+};
 </script>

package/packages/autocomplete/src/autocomplete.vue

@@ -58,228 +58,228 @@
 	</div>
 </template>
 <script>
-	import debounce from 'throttle-debounce/debounce';
-	import ElInput from 'element-ui/packages/input';
-	import Clickoutside from 'element-ui/src/utils/clickoutside';
-	import ElAutocompleteSuggestions from './autocomplete-suggestions.vue';
-	import Emitter from 'element-ui/src/mixins/emitter';
-	import Migrating from 'element-ui/src/mixins/migrating';
-	import { generateId } from 'element-ui/src/utils/util';
-	import Focus from 'element-ui/src/mixins/focus';
+import debounce from 'throttle-debounce/debounce';
+import ElInput from 'element-ui/packages/input';
+import Clickoutside from 'element-ui/src/utils/clickoutside';
+import ElAutocompleteSuggestions from './autocomplete-suggestions.vue';
+import Emitter from 'element-ui/src/mixins/emitter';
+import Migrating from 'element-ui/src/mixins/migrating';
+import { generateId } from 'element-ui/src/utils/util';
+import Focus from 'element-ui/src/mixins/focus';
 
-	export default {
-		name: 'ElAutocomplete',
+export default {
+	name: 'ElAutocomplete',
 
-		mixins: [Emitter, Focus('input'), Migrating],
+	mixins: [Emitter, Focus('input'), Migrating],
 
-		inheritAttrs: false,
+	inheritAttrs: false,
 
-		componentName: 'ElAutocomplete',
+	componentName: 'ElAutocomplete',
 
-		components: {
-			ElInput,
-			ElAutocompleteSuggestions
-		},
+	components: {
+		ElInput,
+		ElAutocompleteSuggestions
+	},
 
-		directives: { Clickoutside },
+	directives: { Clickoutside },
 
-		props: {
-			valueKey: {
-				type: String,
-				default: 'value'
-			},
-			popperClass: String,
-			popperOptions: Object,
-			placeholder: String,
-			clearable: {
-				type: Boolean,
-				default: false
-			},
-			disabled: Boolean,
-			name: String,
-			size: String,
-			value: String,
-			maxlength: Number,
-			minlength: Number,
-			autofocus: Boolean,
-			fetchSuggestions: Function,
-			triggerOnFocus: {
-				type: Boolean,
-				default: true
-			},
-			customItem: String,
-			selectWhenUnmatched: {
-				type: Boolean,
-				default: false
-			},
-			prefixIcon: String,
-			suffixIcon: String,
-			label: String,
-			debounce: {
-				type: Number,
-				default: 300
-			},
-			placement: {
-				type: String,
-				default: 'bottom-start'
-			},
-			hideLoading: Boolean,
-			popperAppendToBody: {
-				type: Boolean,
-				default: true
-			},
-			highlightFirstItem: {
-				type: Boolean,
-				default: false
-			}
+	props: {
+		valueKey: {
+			type: String,
+			default: 'value'
 		},
-		data() {
-			return {
-				activated: false,
-				suggestions: [],
-				loading: false,
-				highlightedIndex: -1,
-				suggestionDisabled: false
-			};
+		popperClass: String,
+		popperOptions: Object,
+		placeholder: String,
+		clearable: {
+			type: Boolean,
+			default: false
 		},
-		computed: {
-			suggestionVisible() {
-				const suggestions = this.suggestions;
-				let isValidData = Array.isArray(suggestions) && suggestions.length > 0;
-				return (isValidData || this.loading) && this.activated;
-			},
-			id() {
-				return `el-autocomplete-${generateId()}`;
-			}
+		disabled: Boolean,
+		name: String,
+		size: String,
+		value: String,
+		maxlength: Number,
+		minlength: Number,
+		autofocus: Boolean,
+		fetchSuggestions: Function,
+		triggerOnFocus: {
+			type: Boolean,
+			default: true
 		},
-		watch: {
-			suggestionVisible(val) {
-				let $input = this.getInput();
-				if ($input) {
-					this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $input.offsetWidth]);
-				}
+		customItem: String,
+		selectWhenUnmatched: {
+			type: Boolean,
+			default: false
+		},
+		prefixIcon: String,
+		suffixIcon: String,
+		label: String,
+		debounce: {
+			type: Number,
+			default: 300
+		},
+		placement: {
+			type: String,
+			default: 'bottom-start'
+		},
+		hideLoading: Boolean,
+		popperAppendToBody: {
+			type: Boolean,
+			default: true
+		},
+		highlightFirstItem: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			activated: false,
+			suggestions: [],
+			loading: false,
+			highlightedIndex: -1,
+			suggestionDisabled: false
+		};
+	},
+	computed: {
+		suggestionVisible() {
+			const suggestions = this.suggestions;
+			let isValidData = Array.isArray(suggestions) && suggestions.length > 0;
+			return (isValidData || this.loading) && this.activated;
+		},
+		id() {
+			return `el-autocomplete-${ generateId() }`;
+		}
+	},
+	watch: {
+		suggestionVisible(val) {
+			let $input = this.getInput();
+			if ($input) {
+				this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $input.offsetWidth]);
 			}
+		}
+	},
+	methods: {
+		getMigratingConfig() {
+			return {
+				props: {
+					'custom-item': 'custom-item is removed, use scoped slot instead.',
+					'props': 'props is removed, use value-key instead.'
+				}
+			};
 		},
-		methods: {
-			getMigratingConfig() {
-				return {
-					props: {
-						'custom-item': 'custom-item is removed, use scoped slot instead.',
-						'props': 'props is removed, use value-key instead.'
-					}
-				};
-			},
-			getData(queryString) {
+		getData(queryString) {
+			if (this.suggestionDisabled) {
+				return;
+			}
+			this.loading = true;
+			this.fetchSuggestions(queryString, (suggestions) => {
+				this.loading = false;
 				if (this.suggestionDisabled) {
 					return;
 				}
-				this.loading = true;
-				this.fetchSuggestions(queryString, (suggestions) => {
-					this.loading = false;
-					if (this.suggestionDisabled) {
-						return;
-					}
-					if (Array.isArray(suggestions)) {
-						this.suggestions = suggestions;
-						this.highlightedIndex = this.highlightFirstItem ? 0 : -1;
-					} else {
-						console.error('[Element Error][Autocomplete]autocomplete suggestions must be an array');
-					}
-				});
-			},
-			handleInput(value) {
-				this.$emit('input', value);
-				this.suggestionDisabled = false;
-				if (!this.triggerOnFocus && !value) {
-					this.suggestionDisabled = true;
-					this.suggestions = [];
-					return;
+				if (Array.isArray(suggestions)) {
+					this.suggestions = suggestions;
+					this.highlightedIndex = this.highlightFirstItem ? 0 : -1;
+				} else {
+					console.error('[Element Error][Autocomplete]autocomplete suggestions must be an array');
 				}
-				this.debouncedGetData(value);
-			},
-			handleChange(value) {
-				this.$emit('change', value);
-			},
-			handleFocus(event) {
-				this.activated = true;
-				this.$emit('focus', event);
-				if (this.triggerOnFocus) {
-					this.debouncedGetData(this.value);
-				}
-			},
-			handleBlur(event) {
-				this.$emit('blur', event);
-			},
-			handleClear() {
-				this.activated = false;
-				this.$emit('clear');
-			},
-			close(e) {
-				this.activated = false;
-			},
-			handleKeyEnter(e) {
-				if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) {
-					e.preventDefault();
-					this.select(this.suggestions[this.highlightedIndex]);
-				} else if (this.selectWhenUnmatched) {
-					this.$emit('select', { value: this.value });
-					this.$nextTick(_ => {
-						this.suggestions = [];
-						this.highlightedIndex = -1;
-					});
-				}
-			},
-			select(item) {
-				this.$emit('input', item[this.valueKey]);
-				this.$emit('select', item);
+			});
+		},
+		handleInput(value) {
+			this.$emit('input', value);
+			this.suggestionDisabled = false;
+			if (!this.triggerOnFocus && !value) {
+				this.suggestionDisabled = true;
+				this.suggestions = [];
+				return;
+			}
+			this.debouncedGetData(value);
+		},
+		handleChange(value) {
+			this.$emit('change', value);
+		},
+		handleFocus(event) {
+			this.activated = true;
+			this.$emit('focus', event);
+			if (this.triggerOnFocus) {
+				this.debouncedGetData(this.value);
+			}
+		},
+		handleBlur(event) {
+			this.$emit('blur', event);
+		},
+		handleClear() {
+			this.activated = false;
+			this.$emit('clear');
+		},
+		close(e) {
+			this.activated = false;
+		},
+		handleKeyEnter(e) {
+			if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) {
+				e.preventDefault();
+				this.select(this.suggestions[this.highlightedIndex]);
+			} else if (this.selectWhenUnmatched) {
+				this.$emit('select', { value: this.value });
 				this.$nextTick(_ => {
 					this.suggestions = [];
 					this.highlightedIndex = -1;
 				});
-			},
-			highlight(index) {
-				if (!this.suggestionVisible || this.loading) { return; }
-				if (index < 0) {
-					this.highlightedIndex = -1;
-					return;
-				}
-				if (index >= this.suggestions.length) {
-					index = this.suggestions.length - 1;
-				}
-				const suggestion = this.$refs.suggestions.$el.querySelector('.el-autocomplete-suggestion__wrap');
-				const suggestionList = suggestion.querySelectorAll('.el-autocomplete-suggestion__list li');
-
-				let highlightItem = suggestionList[index];
-				let scrollTop = suggestion.scrollTop;
-				let offsetTop = highlightItem.offsetTop;
-
-				if (offsetTop + highlightItem.scrollHeight > (scrollTop + suggestion.clientHeight)) {
-					suggestion.scrollTop += highlightItem.scrollHeight;
-				}
-				if (offsetTop < scrollTop) {
-					suggestion.scrollTop -= highlightItem.scrollHeight;
-				}
-				this.highlightedIndex = index;
-				let $input = this.getInput();
-				$input.setAttribute('aria-activedescendant', `${this.id}-item-${this.highlightedIndex}`);
-			},
-			getInput() {
-				return this.$refs.input.getInput();
 			}
 		},
-		mounted() {
-			this.debouncedGetData = debounce(this.debounce, this.getData);
-			this.$on('item-click', item => {
-				this.select(item);
+		select(item) {
+			this.$emit('input', item[this.valueKey]);
+			this.$emit('select', item);
+			this.$nextTick(_ => {
+				this.suggestions = [];
+				this.highlightedIndex = -1;
 			});
+		},
+		highlight(index) {
+			if (!this.suggestionVisible || this.loading) { return; }
+			if (index < 0) {
+				this.highlightedIndex = -1;
+				return;
+			}
+			if (index >= this.suggestions.length) {
+				index = this.suggestions.length - 1;
+			}
+			const suggestion = this.$refs.suggestions.$el.querySelector('.el-autocomplete-suggestion__wrap');
+			const suggestionList = suggestion.querySelectorAll('.el-autocomplete-suggestion__list li');
+
+			let highlightItem = suggestionList[index];
+			let scrollTop = suggestion.scrollTop;
+			let offsetTop = highlightItem.offsetTop;
+
+			if (offsetTop + highlightItem.scrollHeight > (scrollTop + suggestion.clientHeight)) {
+				suggestion.scrollTop += highlightItem.scrollHeight;
+			}
+			if (offsetTop < scrollTop) {
+				suggestion.scrollTop -= highlightItem.scrollHeight;
+			}
+			this.highlightedIndex = index;
 			let $input = this.getInput();
-			$input.setAttribute('role', 'textbox');
-			$input.setAttribute('aria-autocomplete', 'list');
-			$input.setAttribute('aria-controls', 'id');
-			$input.setAttribute('aria-activedescendant', `${this.id}-item-${this.highlightedIndex}`);
+			$input.setAttribute('aria-activedescendant', `${ this.id }-item-${ this.highlightedIndex }`);
 		},
-		beforeDestroy() {
-			this.$refs.suggestions.$destroy();
+		getInput() {
+			return this.$refs.input.getInput();
 		}
-	};
+	},
+	mounted() {
+		this.debouncedGetData = debounce(this.debounce, this.getData);
+		this.$on('item-click', item => {
+			this.select(item);
+		});
+		let $input = this.getInput();
+		$input.setAttribute('role', 'textbox');
+		$input.setAttribute('aria-autocomplete', 'list');
+		$input.setAttribute('aria-controls', 'id');
+		$input.setAttribute('aria-activedescendant', `${ this.id }-item-${ this.highlightedIndex }`);
+	},
+	beforeDestroy() {
+		this.$refs.suggestions.$destroy();
+	}
+};
 </script>

package/packages/avatar/src/main.vue

@@ -42,7 +42,7 @@ export default {
 			let classList = ['el-avatar'];
 
 			if (size && typeof size === 'string') {
-				classList.push(`el-avatar--${size}`);
+				classList.push(`el-avatar--${ size }`);
 			}
 
 			if (icon) {
@@ -50,7 +50,7 @@ export default {
 			}
 
 			if (shape) {
-				classList.push(`el-avatar--${shape}`);
+				classList.push(`el-avatar--${ shape }`);
 			}
 
 			return classList.join(' ');
@@ -89,9 +89,9 @@ export default {
 		const { avatarClass, size } = this;
 
 		const sizeStyle = typeof size === 'number' ? {
-			height: `${size}px`,
-			width: `${size}px`,
-			lineHeight: `${size}px`
+			height: `${ size }px`,
+			width: `${ size }px`,
+			lineHeight: `${ size }px`
 		} : {};
 
 		return (

package/packages/backtop/src/main.vue

@@ -52,10 +52,10 @@ export default {
 
 	computed: {
 		styleBottom() {
-			return `${this.bottom}px`;
+			return `${ this.bottom }px`;
 		},
 		styleRight() {
-			return `${this.right}px`;
+			return `${ this.right }px`;
 		}
 	},
 
@@ -72,7 +72,7 @@ export default {
 			if (this.target) {
 				this.el = document.querySelector(this.target);
 				if (!this.el) {
-					throw new Error(`target is not existed: ${this.target}`);
+					throw new Error(`target is not existed: ${ this.target }`);
 				}
 				this.container = this.el;
 			}

package/packages/badge/src/main.vue

@@ -43,7 +43,7 @@ export default {
 			const max = this.max;
 
 			if (typeof value === 'number' && typeof max === 'number') {
-				return max < value ? `${max}+` : value;
+				return max < value ? `${ max }+` : value;
 			}
 
 			return value;

package/packages/breadcrumb/src/breadcrumb-item.vue

@@ -7,35 +7,35 @@
 			<slot></slot>
 		</span>
 		<i v-if="separatorClass" class="el-breadcrumb__separator" :class="separatorClass"></i>
-		<span v-else class="el-breadcrumb__separator" role="presentation">{{separator}}</span>
+		<span v-else class="el-breadcrumb__separator" role="presentation">{{ separator }}</span>
 	</span>
 </template>
 <script>
-	export default {
-		name: 'ElBreadcrumbItem',
-		props: {
-			to: {},
-			replace: Boolean
-		},
-		data() {
-			return {
-				separator: '',
-				separatorClass: ''
-			};
-		},
+export default {
+	name: 'ElBreadcrumbItem',
+	props: {
+		to: {},
+		replace: Boolean
+	},
+	data() {
+		return {
+			separator: '',
+			separatorClass: ''
+		};
+	},
 
-		inject: ['elBreadcrumb'],
+	inject: ['elBreadcrumb'],
 
-		mounted() {
-			this.separator = this.elBreadcrumb.separator;
-			this.separatorClass = this.elBreadcrumb.separatorClass;
-			const link = this.$refs.link;
-			link.setAttribute('role', 'link');
-			link.addEventListener('click', _ => {
-				const { to, $router } = this;
-				if (!to || !$router) return;
-				this.replace ? $router.replace(to) : $router.push(to);
-			});
-		}
-	};
+	mounted() {
+		this.separator = this.elBreadcrumb.separator;
+		this.separatorClass = this.elBreadcrumb.separatorClass;
+		const link = this.$refs.link;
+		link.setAttribute('role', 'link');
+		link.addEventListener('click', _ => {
+			const { to, $router } = this;
+			if (!to || !$router) return;
+			this.replace ? $router.replace(to) : $router.push(to);
+		});
+	}
+};
 </script>