cy-element-ui 1.1.25 → 1.1.26

package/packages/scrollbar/src/main.js

@@ -1,130 +1,130 @@
-// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
-
-import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
-import scrollbarWidth from 'element-ui/src/utils/scrollbar-width';
-import { toObject } from 'element-ui/src/utils/util';
-import Bar from './bar';
-
-/* istanbul ignore next */
-export default {
-	name: 'ElScrollbar',
-
-	components: { Bar },
-
-	props: {
-		native: Boolean,
-		wrapStyle: {},
-		wrapClass: {},
-		viewClass: {},
-		viewStyle: {},
-		noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
-		tag: {
-			type: String,
-			default: 'div'
-		}
-	},
-
-	data() {
-		return {
-			sizeWidth: '0',
-			sizeHeight: '0',
-			moveX: 0,
-			moveY: 0
-		};
-	},
-
-	computed: {
-		wrap() {
-			return this.$refs.wrap;
-		}
-	},
-
-	render(h) {
-		let gutter = scrollbarWidth();
-		let style = this.wrapStyle;
-
-		if (gutter) {
-			const gutterWith = `-${ gutter }px`;
-			const gutterStyle = `margin-bottom: ${ gutterWith }; margin-right: ${ gutterWith };`;
-
-			if (Array.isArray(this.wrapStyle)) {
-				style = toObject(this.wrapStyle);
-				style.marginRight = style.marginBottom = gutterWith;
-			} else if (typeof this.wrapStyle === 'string') {
-				style += gutterStyle;
-			} else {
-				style = gutterStyle;
-			}
-		}
-		const view = h(this.tag, {
-			class: ['el-scrollbar__view', this.viewClass],
-			style: this.viewStyle,
-			ref: 'resize'
-		}, this.$slots.default);
-		const wrap = (
-			<div
-				ref="wrap"
-				style={ style }
-				onScroll={ this.handleScroll }
-				class={ [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] }>
-				{ [view] }
-			</div>
-		);
-		let nodes;
-
-		if (!this.native) {
-			nodes = ([
-				wrap,
-				<Bar
-					move={ this.moveX }
-					size={ this.sizeWidth }></Bar>,
-				<Bar
-					vertical
-					move={ this.moveY }
-					size={ this.sizeHeight }></Bar>
-			]);
-		} else {
-			nodes = ([
-				<div
-					ref="wrap"
-					class={ [this.wrapClass, 'el-scrollbar__wrap'] }
-					style={ style }>
-					{ [view] }
-				</div>
-			]);
-		}
-		return h('div', { class: 'el-scrollbar' }, nodes);
-	},
-
-	methods: {
-		handleScroll() {
-			const wrap = this.wrap;
-
-			this.moveY = ((wrap.scrollTop * 100) / wrap.clientHeight);
-			this.moveX = ((wrap.scrollLeft * 100) / wrap.clientWidth);
-		},
-
-		update() {
-			let heightPercentage, widthPercentage;
-			const wrap = this.wrap;
-			if (!wrap) return;
-
-			heightPercentage = (wrap.clientHeight * 100 / wrap.scrollHeight);
-			widthPercentage = (wrap.clientWidth * 100 / wrap.scrollWidth);
-
-			this.sizeHeight = (heightPercentage < 100) ? (heightPercentage + '%') : '';
-			this.sizeWidth = (widthPercentage < 100) ? (widthPercentage + '%') : '';
-		}
-	},
-
-	mounted() {
-		if (this.native) return;
-		this.$nextTick(this.update);
-		!this.noresize && addResizeListener(this.$refs.resize, this.update);
-	},
-
-	beforeDestroy() {
-		if (this.native) return;
-		!this.noresize && removeResizeListener(this.$refs.resize, this.update);
-	}
-};
+// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
+
+import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
+import scrollbarWidth from 'element-ui/src/utils/scrollbar-width';
+import { toObject } from 'element-ui/src/utils/util';
+import Bar from './bar';
+
+/* istanbul ignore next */
+export default {
+	name: 'ElScrollbar',
+
+	components: { Bar },
+
+	props: {
+		native: Boolean,
+		wrapStyle: {},
+		wrapClass: {},
+		viewClass: {},
+		viewStyle: {},
+		noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
+		tag: {
+			type: String,
+			default: 'div'
+		}
+	},
+
+	data() {
+		return {
+			sizeWidth: '0',
+			sizeHeight: '0',
+			moveX: 0,
+			moveY: 0
+		};
+	},
+
+	computed: {
+		wrap() {
+			return this.$refs.wrap;
+		}
+	},
+
+	render(h) {
+		let gutter = scrollbarWidth();
+		let style = this.wrapStyle;
+
+		if (gutter) {
+			const gutterWith = `-${ gutter }px`;
+			const gutterStyle = `margin-bottom: ${ gutterWith }; margin-right: ${ gutterWith };`;
+
+			if (Array.isArray(this.wrapStyle)) {
+				style = toObject(this.wrapStyle);
+				style.marginRight = style.marginBottom = gutterWith;
+			} else if (typeof this.wrapStyle === 'string') {
+				style += gutterStyle;
+			} else {
+				style = gutterStyle;
+			}
+		}
+		const view = h(this.tag, {
+			class: ['el-scrollbar__view', this.viewClass],
+			style: this.viewStyle,
+			ref: 'resize'
+		}, this.$slots.default);
+		const wrap = (
+			<div
+				ref="wrap"
+				style={ style }
+				onScroll={ this.handleScroll }
+				class={ [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] }>
+				{ [view] }
+			</div>
+		);
+		let nodes;
+
+		if (!this.native) {
+			nodes = ([
+				wrap,
+				<Bar
+					move={ this.moveX }
+					size={ this.sizeWidth }></Bar>,
+				<Bar
+					vertical
+					move={ this.moveY }
+					size={ this.sizeHeight }></Bar>
+			]);
+		} else {
+			nodes = ([
+				<div
+					ref="wrap"
+					class={ [this.wrapClass, 'el-scrollbar__wrap'] }
+					style={ style }>
+					{ [view] }
+				</div>
+			]);
+		}
+		return h('div', { class: 'el-scrollbar' }, nodes);
+	},
+
+	methods: {
+		handleScroll() {
+			const wrap = this.wrap;
+
+			this.moveY = ((wrap.scrollTop * 100) / wrap.clientHeight);
+			this.moveX = ((wrap.scrollLeft * 100) / wrap.clientWidth);
+		},
+
+		update() {
+			let heightPercentage, widthPercentage;
+			const wrap = this.wrap;
+			if (!wrap) return;
+
+			heightPercentage = (wrap.clientHeight * 100 / wrap.scrollHeight);
+			widthPercentage = (wrap.clientWidth * 100 / wrap.scrollWidth);
+
+			this.sizeHeight = (heightPercentage < 100) ? (heightPercentage + '%') : '';
+			this.sizeWidth = (widthPercentage < 100) ? (widthPercentage + '%') : '';
+		}
+	},
+
+	mounted() {
+		if (this.native) return;
+		this.$nextTick(this.update);
+		!this.noresize && addResizeListener(this.$refs.resize, this.update);
+	},
+
+	beforeDestroy() {
+		if (this.native) return;
+		!this.noresize && removeResizeListener(this.$refs.resize, this.update);
+	}
+};

package/packages/scrollbar/src/util.js

@@ -1,34 +1,34 @@
-export const BAR_MAP = {
-	vertical: {
-		offset: 'offsetHeight',
-		scroll: 'scrollTop',
-		scrollSize: 'scrollHeight',
-		size: 'height',
-		key: 'vertical',
-		axis: 'Y',
-		client: 'clientY',
-		direction: 'top'
-	},
-	horizontal: {
-		offset: 'offsetWidth',
-		scroll: 'scrollLeft',
-		scrollSize: 'scrollWidth',
-		size: 'width',
-		key: 'horizontal',
-		axis: 'X',
-		client: 'clientX',
-		direction: 'left'
-	}
-};
-
-export function renderThumbStyle({ move, size, bar }) {
-	const style = {};
-	const translate = `translate${ bar.axis }(${ move }%)`;
-
-	style[bar.size] = size;
-	style.transform = translate;
-	style.msTransform = translate;
-	style.webkitTransform = translate;
-
-	return style;
-};
+export const BAR_MAP = {
+	vertical: {
+		offset: 'offsetHeight',
+		scroll: 'scrollTop',
+		scrollSize: 'scrollHeight',
+		size: 'height',
+		key: 'vertical',
+		axis: 'Y',
+		client: 'clientY',
+		direction: 'top'
+	},
+	horizontal: {
+		offset: 'offsetWidth',
+		scroll: 'scrollLeft',
+		scrollSize: 'scrollWidth',
+		size: 'width',
+		key: 'horizontal',
+		axis: 'X',
+		client: 'clientX',
+		direction: 'left'
+	}
+};
+
+export function renderThumbStyle({ move, size, bar }) {
+	const style = {};
+	const translate = `translate${ bar.axis }(${ move }%)`;
+
+	style[bar.size] = size;
+	style.transform = translate;
+	style.msTransform = translate;
+	style.webkitTransform = translate;
+
+	return style;
+};

package/packages/select/index.js

@@ -1,8 +1,8 @@
-import Select from './src/select';
-
-/* istanbul ignore next */
-Select.install = function(Vue) {
-	Vue.component(Select.name, Select);
-};
-
-export default Select;
+import Select from './src/select';
+
+/* istanbul ignore next */
+Select.install = function(Vue) {
+	Vue.component(Select.name, Select);
+};
+
+export default Select;

package/packages/select/src/navigation-mixin.js

@@ -1,54 +1,54 @@
-export default {
-	data() {
-		return {
-			hoverOption: -1
-		};
-	},
-
-	computed: {
-		optionsAllDisabled() {
-			return this.options.filter(option => option.visible).every(option => option.disabled);
-		}
-	},
-
-	watch: {
-		hoverIndex(val) {
-			if (typeof val === 'number' && val > -1) {
-				this.hoverOption = this.options[val] || {};
-			}
-			this.options.forEach(option => {
-				option.hover = this.hoverOption === option;
-			});
-		}
-	},
-
-	methods: {
-		navigateOptions(direction) {
-			if (!this.visible) {
-				this.visible = true;
-				return;
-			}
-			if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
-			if (!this.optionsAllDisabled) {
-				if (direction === 'next') {
-					this.hoverIndex++;
-					if (this.hoverIndex === this.options.length) {
-						this.hoverIndex = 0;
-					}
-				} else if (direction === 'prev') {
-					this.hoverIndex--;
-					if (this.hoverIndex < 0) {
-						this.hoverIndex = this.options.length - 1;
-					}
-				}
-				const option = this.options[this.hoverIndex];
-				if (option.disabled === true ||
-          option.groupDisabled === true ||
-          !option.visible) {
-					this.navigateOptions(direction);
-				}
-				this.$nextTick(() => this.scrollToOption(this.hoverOption));
-			}
-		}
-	}
-};
+export default {
+	data() {
+		return {
+			hoverOption: -1
+		};
+	},
+
+	computed: {
+		optionsAllDisabled() {
+			return this.options.filter(option => option.visible).every(option => option.disabled);
+		}
+	},
+
+	watch: {
+		hoverIndex(val) {
+			if (typeof val === 'number' && val > -1) {
+				this.hoverOption = this.options[val] || {};
+			}
+			this.options.forEach(option => {
+				option.hover = this.hoverOption === option;
+			});
+		}
+	},
+
+	methods: {
+		navigateOptions(direction) {
+			if (!this.visible) {
+				this.visible = true;
+				return;
+			}
+			if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
+			if (!this.optionsAllDisabled) {
+				if (direction === 'next') {
+					this.hoverIndex++;
+					if (this.hoverIndex === this.options.length) {
+						this.hoverIndex = 0;
+					}
+				} else if (direction === 'prev') {
+					this.hoverIndex--;
+					if (this.hoverIndex < 0) {
+						this.hoverIndex = this.options.length - 1;
+					}
+				}
+				const option = this.options[this.hoverIndex];
+				if (option.disabled === true ||
+          option.groupDisabled === true ||
+          !option.visible) {
+					this.navigateOptions(direction);
+				}
+				this.$nextTick(() => this.scrollToOption(this.hoverOption));
+			}
+		}
+	}
+};

package/packages/select/src/option-group.vue

@@ -1,60 +1,60 @@
-<template>
-	<ul class="el-select-group__wrap" v-show="visible">
-		<li class="el-select-group__title">{{ label }}</li>
-		<li>
-			<ul class="el-select-group">
-				<slot></slot>
-			</ul>
-		</li>
-	</ul>
-</template>
-
-<script type="text/babel">
-import Emitter from 'element-ui/src/mixins/emitter';
-
-export default {
-	mixins: [Emitter],
-
-	name: 'ElOptionGroup',
-
-	componentName: 'ElOptionGroup',
-
-	props: {
-		label: String,
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-
-	data() {
-		return {
-			visible: true
-		};
-	},
-
-	watch: {
-		disabled(val) {
-			this.broadcast('ElOption', 'handleGroupDisabled', val);
-		}
-	},
-
-	methods: {
-		queryChange() {
-			this.visible = this.$children &&
-				Array.isArray(this.$children) &&
-				this.$children.some(option => option.visible === true);
-		}
-	},
-
-	created() {
-		this.$on('queryChange', this.queryChange);
-	},
-
-	mounted() {
-		if (this.disabled) {
-			this.broadcast('ElOption', 'handleGroupDisabled', this.disabled);
-		}
-	}
-};
-</script>
+<template>
+	<ul class="el-select-group__wrap" v-show="visible">
+		<li class="el-select-group__title">{{ label }}</li>
+		<li>
+			<ul class="el-select-group">
+				<slot></slot>
+			</ul>
+		</li>
+	</ul>
+</template>
+
+<script type="text/babel">
+import Emitter from 'element-ui/src/mixins/emitter';
+
+export default {
+	mixins: [Emitter],
+
+	name: 'ElOptionGroup',
+
+	componentName: 'ElOptionGroup',
+
+	props: {
+		label: String,
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+
+	data() {
+		return {
+			visible: true
+		};
+	},
+
+	watch: {
+		disabled(val) {
+			this.broadcast('ElOption', 'handleGroupDisabled', val);
+		}
+	},
+
+	methods: {
+		queryChange() {
+			this.visible = this.$children &&
+				Array.isArray(this.$children) &&
+				this.$children.some(option => option.visible === true);
+		}
+	},
+
+	created() {
+		this.$on('queryChange', this.queryChange);
+	},
+
+	mounted() {
+		if (this.disabled) {
+			this.broadcast('ElOption', 'handleGroupDisabled', this.disabled);
+		}
+	}
+};
+</script>