cy-element-ui 1.0.4 → 1.0.6

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

@@ -1,16 +1,16 @@
 <template>
 	<label
 		class="el-checkbox-button"
-			:class="[
-				size ? 'el-checkbox-button--' + size : '',
-				{ 'is-disabled': isDisabled },
-				{ 'is-checked': isChecked },
-				{ 'is-focus': focus },
-			]"
+		:class="[
+			size ? 'el-checkbox-button--' + size : '',
+			{ 'is-disabled': isDisabled },
+			{ 'is-checked': isChecked },
+			{ 'is-focus': focus },
+		]"
 		role="checkbox"
 		:aria-checked="isChecked"
 		:aria-disabled="isDisabled"
-		>
+	>
 		<input
 			v-if="trueLabel || falseLabel"
 			class="el-checkbox-button__original"
@@ -38,162 +38,162 @@
 		<span class="el-checkbox-button__inner"
 			v-if="$slots.default || label"
 			:style="isChecked ? activeStyle : null">
-			<slot>{{label}}</slot>
+			<slot>{{ label }}</slot>
 		</span>
 
 	</label>
 </template>
 <script>
-	import Emitter from 'element-ui/src/mixins/emitter';
+import Emitter from 'element-ui/src/mixins/emitter';
 
-	export default {
-		name: 'ElCheckboxButton',
+export default {
+	name: 'ElCheckboxButton',
 
-		mixins: [Emitter],
+	mixins: [Emitter],
 
-		inject: {
-			elForm: {
-				default: ''
-			},
-			elFormItem: {
-				default: ''
-			}
+	inject: {
+		elForm: {
+			default: ''
 		},
+		elFormItem: {
+			default: ''
+		}
+	},
+
+	data() {
+		return {
+			selfModel: false,
+			focus: false,
+			isLimitExceeded: false
+		};
+	},
+
+	props: {
+		value: {},
+		label: {},
+		disabled: Boolean,
+		checked: Boolean,
+		name: String,
+		trueLabel: [String, Number],
+		falseLabel: [String, Number]
+	},
+	computed: {
+		model: {
+			get() {
+				return this._checkboxGroup
+					? this.store : this.value !== undefined
+						? this.value : this.selfModel;
+			},
 
-		data() {
-			return {
-				selfModel: false,
-				focus: false,
-				isLimitExceeded: false
-			};
+			set(val) {
+				if (this._checkboxGroup) {
+					this.isLimitExceeded = false;
+					(this._checkboxGroup.min !== undefined &&
+      val.length < this._checkboxGroup.min &&
+      (this.isLimitExceeded = true));
+
+					(this._checkboxGroup.max !== undefined &&
+      val.length > this._checkboxGroup.max &&
+      (this.isLimitExceeded = true));
+
+					this.isLimitExceeded === false &&
+      this.dispatch('ElCheckboxGroup', 'input', [val]);
+				} else if (this.value !== undefined) {
+					this.$emit('input', val);
+				} else {
+					this.selfModel = val;
+				}
+			}
 		},
 
-		props: {
-			value: {},
-			label: {},
-			disabled: Boolean,
-			checked: Boolean,
-			name: String,
-			trueLabel: [String, Number],
-			falseLabel: [String, Number]
+		isChecked() {
+			if ({}.toString.call(this.model) === '[object Boolean]') {
+				return this.model;
+			} else if (Array.isArray(this.model)) {
+				return this.model.indexOf(this.label) > -1;
+			} else if (this.model !== null && this.model !== undefined) {
+				return this.model === this.trueLabel;
+			}
 		},
-		computed: {
-			model: {
-				get() {
-					return this._checkboxGroup
-						? this.store : this.value !== undefined
-							? this.value : this.selfModel;
-				},
-
-				set(val) {
-					if (this._checkboxGroup) {
-						this.isLimitExceeded = false;
-						(this._checkboxGroup.min !== undefined &&
-							val.length < this._checkboxGroup.min &&
-							(this.isLimitExceeded = true));
-
-						(this._checkboxGroup.max !== undefined &&
-							val.length > this._checkboxGroup.max &&
-							(this.isLimitExceeded = true));
-
-						this.isLimitExceeded === false &&
-						this.dispatch('ElCheckboxGroup', 'input', [val]);
-					} else if (this.value !== undefined) {
-						this.$emit('input', val);
-					} else {
-						this.selfModel = val;
-					}
-				}
-			},
-
-			isChecked() {
-				if ({}.toString.call(this.model) === '[object Boolean]') {
-					return this.model;
-				} else if (Array.isArray(this.model)) {
-					return this.model.indexOf(this.label) > -1;
-				} else if (this.model !== null && this.model !== undefined) {
-					return this.model === this.trueLabel;
-				}
-			},
 
-			_checkboxGroup() {
-				let parent = this.$parent;
-				while (parent) {
-					if (parent.$options.componentName !== 'ElCheckboxGroup') {
-						parent = parent.$parent;
-					} else {
-						return parent;
-					}
+		_checkboxGroup() {
+			let parent = this.$parent;
+			while (parent) {
+				if (parent.$options.componentName !== 'ElCheckboxGroup') {
+					parent = parent.$parent;
+				} else {
+					return parent;
 				}
-				return false;
-			},
+			}
+			return false;
+		},
 
-			store() {
-				return this._checkboxGroup ? this._checkboxGroup.value : this.value;
-			},
+		store() {
+			return this._checkboxGroup ? this._checkboxGroup.value : this.value;
+		},
 
-			activeStyle() {
-				return {
-					backgroundColor: this._checkboxGroup.fill || '',
-					borderColor: this._checkboxGroup.fill || '',
-					color: this._checkboxGroup.textColor || '',
-					'box-shadow': '-1px 0 0 0 ' + this._checkboxGroup.fill
+		activeStyle() {
+			return {
+				backgroundColor: this._checkboxGroup.fill || '',
+				borderColor: this._checkboxGroup.fill || '',
+				color: this._checkboxGroup.textColor || '',
+				'box-shadow': '-1px 0 0 0 ' + this._checkboxGroup.fill
 
-				};
-			},
+			};
+		},
 
-			_elFormItemSize() {
-				return (this.elFormItem || {}).elFormItemSize;
-			},
+		_elFormItemSize() {
+			return (this.elFormItem || {}).elFormItemSize;
+		},
 
-			size() {
-				return this._checkboxGroup.checkboxGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
-			},
+		size() {
+			return this._checkboxGroup.checkboxGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
+		},
 
-			/* used to make the isDisabled judgment under max/min props */
-			isLimitDisabled() {
-				const { max, min } = this._checkboxGroup;
-				return !!(max || min) &&
-					(this.model.length >= max && !this.isChecked) ||
-					(this.model.length <= min && this.isChecked);
-			},
+		/* used to make the isDisabled judgment under max/min props */
+		isLimitDisabled() {
+			const { max, min } = this._checkboxGroup;
+			return !!(max || min) &&
+    (this.model.length >= max && !this.isChecked) ||
+    (this.model.length <= min && this.isChecked);
+		},
 
-			isDisabled() {
-				return this._checkboxGroup
-					? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled
-					: this.disabled || (this.elForm || {}).disabled;
+		isDisabled() {
+			return this._checkboxGroup
+				? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled
+				: this.disabled || (this.elForm || {}).disabled;
+		}
+	},
+	methods: {
+		addToStore() {
+			if (
+				Array.isArray(this.model) &&
+    this.model.indexOf(this.label) === -1
+			) {
+				this.model.push(this.label);
+			} else {
+				this.model = this.trueLabel || true;
 			}
 		},
-		methods: {
-			addToStore() {
-				if (
-					Array.isArray(this.model) &&
-					this.model.indexOf(this.label) === -1
-				) {
-					this.model.push(this.label);
-				} else {
-					this.model = this.trueLabel || true;
-				}
-			},
-			handleChange(ev) {
-				if (this.isLimitExceeded) return;
-				let value;
-				if (ev.target.checked) {
-					value = this.trueLabel === undefined ? true : this.trueLabel;
-				} else {
-					value = this.falseLabel === undefined ? false : this.falseLabel;
-				}
-				this.$emit('change', value, ev);
-				this.$nextTick(() => {
-					if (this._checkboxGroup) {
-						this.dispatch('ElCheckboxGroup', 'change', [this._checkboxGroup.value]);
-					}
-				});
+		handleChange(ev) {
+			if (this.isLimitExceeded) return;
+			let value;
+			if (ev.target.checked) {
+				value = this.trueLabel === undefined ? true : this.trueLabel;
+			} else {
+				value = this.falseLabel === undefined ? false : this.falseLabel;
 			}
-		},
-
-		created() {
-			this.checked && this.addToStore();
+			this.$emit('change', value, ev);
+			this.$nextTick(() => {
+				if (this._checkboxGroup) {
+					this.dispatch('ElCheckboxGroup', 'change', [this._checkboxGroup.value]);
+				}
+			});
 		}
-	};
+	},
+
+	created() {
+		this.checked && this.addToStore();
+	}
+};
 </script>

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

@@ -1,44 +1,44 @@
 <script>
-	import Emitter from 'element-ui/src/mixins/emitter';
+import Emitter from 'element-ui/src/mixins/emitter';
 
-	export default {
-		name: 'ElCheckboxGroup',
+export default {
+	name: 'ElCheckboxGroup',
 
-		componentName: 'ElCheckboxGroup',
+	componentName: 'ElCheckboxGroup',
 
-		mixins: [Emitter],
+	mixins: [Emitter],
 
-		inject: {
-			elFormItem: {
-				default: ''
-			}
-		},
-
-		props: {
-			value: {},
-			disabled: Boolean,
-			min: Number,
-			max: Number,
-			size: String,
-			fill: String,
-			textColor: String
-		},
-
-		computed: {
-			_elFormItemSize() {
-				return (this.elFormItem || {}).elFormItemSize;
-			},
-			checkboxGroupSize() {
-				return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-			}
+	inject: {
+		elFormItem: {
+			default: ''
+		}
+	},
+
+	props: {
+		value: {},
+		disabled: Boolean,
+		min: Number,
+		max: Number,
+		size: String,
+		fill: String,
+		textColor: String
+	},
+
+	computed: {
+		_elFormItemSize() {
+			return (this.elFormItem || {}).elFormItemSize;
 		},
+		checkboxGroupSize() {
+			return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+		}
+	},
 
-		watch: {
-			value(value) {
-				this.dispatch('ElFormItem', 'el.form.change', [value]);
-			}
+	watch: {
+		value(value) {
+			this.dispatch('ElFormItem', 'el.form.change', [value]);
 		}
-	};
+	}
+};
 </script>
 
 <template>