cy-element-ui 1.1.13 → 1.1.15

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

@@ -1,199 +1,199 @@
 <template>
-  <label
-    class="el-checkbox-button"
-      :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"
-      type="checkbox"
-      :name="name"
-      :disabled="isDisabled"
-      :true-value="trueLabel"
-      :false-value="falseLabel"
-      v-model="model"
-      @change="handleChange"
-      @focus="focus = true"
-      @blur="focus = false">
-    <input
-      v-else
-      class="el-checkbox-button__original"
-      type="checkbox"
-      :name="name"
-      :disabled="isDisabled"
-      :value="label"
-      v-model="model"
-      @change="handleChange"
-      @focus="focus = true"
-      @blur="focus = false">
-
-    <span class="el-checkbox-button__inner"
-      v-if="$slots.default || label"
-      :style="isChecked ? activeStyle : null">
-      <slot>{{label}}</slot>
-    </span>
-
-  </label>
+	<label
+		class="el-checkbox-button"
+		: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"
+			type="checkbox"
+			:name="name"
+			:disabled="isDisabled"
+			:true-value="trueLabel"
+			:false-value="falseLabel"
+			v-model="model"
+			@change="handleChange"
+			@focus="focus = true"
+			@blur="focus = false">
+		<input
+			v-else
+			class="el-checkbox-button__original"
+			type="checkbox"
+			:name="name"
+			:disabled="isDisabled"
+			:value="label"
+			v-model="model"
+			@change="handleChange"
+			@focus="focus = true"
+			@blur="focus = false">
+
+		<span class="el-checkbox-button__inner"
+			v-if="$slots.default || label"
+			:style="isChecked ? activeStyle : null">
+			<slot>{{ label }}</slot>
+		</span>
+
+	</label>
 </template>
 <script>
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    name: 'ElCheckboxButton',
-
-    mixins: [Emitter],
-
-    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;
-        },
-
-        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;
-          }
-        }
-        return false;
-      },
-
-      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
-
-        };
-      },
-
-      _elFormItemSize() {
-        return (this.elFormItem || {}).elFormItemSize;
-      },
-
-      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);
-      },
-
-      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;
-        }
-      },
-      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]);
-          }
-        });
-      }
-    },
-
-    created() {
-      this.checked && this.addToStore();
-    }
-  };
+import Emitter from 'element-ui/src/mixins/emitter';
+
+export default {
+	name: 'ElCheckboxButton',
+
+	mixins: [Emitter],
+
+	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;
+			},
+
+			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;
+				}
+			}
+			return false;
+		},
+
+		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
+
+			};
+		},
+
+		_elFormItemSize() {
+			return (this.elFormItem || {}).elFormItemSize;
+		},
+
+		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);
+		},
+
+		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;
+			}
+		},
+		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]);
+				}
+			});
+		}
+	},
+
+	created() {
+		this.checked && this.addToStore();
+	}
+};
 </script>

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

@@ -1,48 +1,48 @@
 <script>
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    name: 'ElCheckboxGroup',
-
-    componentName: 'ElCheckboxGroup',
-
-    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;
-      }
-    },
-
-    watch: {
-      value(value) {
-        this.dispatch('ElFormItem', 'el.form.change', [value]);
-      }
-    }
-  };
+import Emitter from 'element-ui/src/mixins/emitter';
+
+export default {
+	name: 'ElCheckboxGroup',
+
+	componentName: 'ElCheckboxGroup',
+
+	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;
+		}
+	},
+
+	watch: {
+		value(value) {
+			this.dispatch('ElFormItem', 'el.form.change', [value]);
+		}
+	}
+};
 </script>
 
 <template>
-  <div class="el-checkbox-group" role="group" aria-label="checkbox-group">
-    <slot></slot>
-  </div>
+	<div class="el-checkbox-group" role="group" aria-label="checkbox-group">
+		<slot></slot>
+	</div>
 </template>