cy-element-ui 1.1.13 → 1.1.15

package/lib/form-item.js

@@ -220,7 +220,7 @@ module.exports = require("async-validator");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-item.vue?vue&type=template&id=53447fd0
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-item.vue?vue&type=template&id=a193e2c8
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -298,9 +298,9 @@ var render = function () {
                         },
                         [
                           _vm._v(
-                            "\n          " +
+                            "\n\t\t\t\t\t" +
                               _vm._s(_vm.validateMessage) +
-                              "\n        "
+                              "\n\t\t\t\t"
                           ),
                         ]
                       ),
@@ -322,7 +322,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=template&id=53447fd0
+// CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=template&id=a193e2c8
 
 // EXTERNAL MODULE: external "async-validator"
 var external_async_validator_ = __webpack_require__(54);
@@ -343,83 +343,83 @@ var util_ = __webpack_require__(3);
 
 
 /* harmony default export */ var label_wrapvue_type_script_lang_js = ({
-  props: {
-    isAutoWidth: Boolean,
-    updateAll: Boolean
-  },
-
-  inject: ['elForm', 'elFormItem'],
-
-  render: function render() {
-    var h = arguments[0];
-
-    var slots = this.$slots.default;
-    if (!slots) return null;
-    if (this.isAutoWidth) {
-      var autoLabelWidth = this.elForm.autoLabelWidth;
-      var style = {};
-      if (autoLabelWidth && autoLabelWidth !== 'auto') {
-        var marginLeft = parseInt(autoLabelWidth, 10) - this.computedWidth;
-        if (marginLeft) {
-          style.marginLeft = marginLeft + 'px';
-        }
-      }
-      return h(
-        'div',
-        { 'class': 'el-form-item__label-wrap', style: style },
-        [slots]
-      );
-    } else {
-      return slots[0];
-    }
-  },
-
-
-  methods: {
-    getLabelWidth: function getLabelWidth() {
-      if (this.$el && this.$el.firstElementChild) {
-        var computedWidth = window.getComputedStyle(this.$el.firstElementChild).width;
-        return Math.ceil(parseFloat(computedWidth));
-      } else {
-        return 0;
-      }
-    },
-    updateLabelWidth: function updateLabelWidth() {
-      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'update';
-
-      if (this.$slots.default && this.isAutoWidth && this.$el.firstElementChild) {
-        if (action === 'update') {
-          this.computedWidth = this.getLabelWidth();
-        } else if (action === 'remove') {
-          this.elForm.deregisterLabelWidth(this.computedWidth);
-        }
-      }
-    }
-  },
-
-  watch: {
-    computedWidth: function computedWidth(val, oldVal) {
-      if (this.updateAll) {
-        this.elForm.registerLabelWidth(val, oldVal);
-        this.elFormItem.updateComputedLabelWidth(val);
-      }
-    }
-  },
-
-  data: function data() {
-    return {
-      computedWidth: 0
-    };
-  },
-  mounted: function mounted() {
-    this.updateLabelWidth('update');
-  },
-  updated: function updated() {
-    this.updateLabelWidth('update');
-  },
-  beforeDestroy: function beforeDestroy() {
-    this.updateLabelWidth('remove');
-  }
+	props: {
+		isAutoWidth: Boolean,
+		updateAll: Boolean
+	},
+
+	inject: ['elForm', 'elFormItem'],
+
+	render: function render() {
+		var h = arguments[0];
+
+		var slots = this.$slots.default;
+		if (!slots) return null;
+		if (this.isAutoWidth) {
+			var autoLabelWidth = this.elForm.autoLabelWidth;
+			var style = {};
+			if (autoLabelWidth && autoLabelWidth !== 'auto') {
+				var marginLeft = parseInt(autoLabelWidth, 10) - this.computedWidth;
+				if (marginLeft) {
+					style.marginLeft = marginLeft + 'px';
+				}
+			}
+			return h(
+				'div',
+				{ 'class': 'el-form-item__label-wrap', style: style },
+				[slots]
+			);
+		} else {
+			return slots[0];
+		}
+	},
+
+
+	methods: {
+		getLabelWidth: function getLabelWidth() {
+			if (this.$el && this.$el.firstElementChild) {
+				var computedWidth = window.getComputedStyle(this.$el.firstElementChild).width;
+				return Math.ceil(parseFloat(computedWidth));
+			} else {
+				return 0;
+			}
+		},
+		updateLabelWidth: function updateLabelWidth() {
+			var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'update';
+
+			if (this.$slots.default && this.isAutoWidth && this.$el.firstElementChild) {
+				if (action === 'update') {
+					this.computedWidth = this.getLabelWidth();
+				} else if (action === 'remove') {
+					this.elForm.deregisterLabelWidth(this.computedWidth);
+				}
+			}
+		}
+	},
+
+	watch: {
+		computedWidth: function computedWidth(val, oldVal) {
+			if (this.updateAll) {
+				this.elForm.registerLabelWidth(val, oldVal);
+				this.elFormItem.updateComputedLabelWidth(val);
+			}
+		}
+	},
+
+	data: function data() {
+		return {
+			computedWidth: 0
+		};
+	},
+	mounted: function mounted() {
+		this.updateLabelWidth('update');
+	},
+	updated: function updated() {
+		this.updateLabelWidth('update');
+	},
+	beforeDestroy: function beforeDestroy() {
+		this.updateLabelWidth('remove');
+	}
 });
 // CONCATENATED MODULE: ./packages/form/src/label-wrap.vue?vue&type=script&lang=js
  /* harmony default export */ var src_label_wrapvue_type_script_lang_js = (label_wrapvue_type_script_lang_js); 
@@ -494,293 +494,293 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 
 /* harmony default export */ var form_itemvue_type_script_lang_js = ({
-  name: 'ElFormItem',
-
-  componentName: 'ElFormItem',
-
-  mixins: [emitter_default.a],
-
-  provide: function provide() {
-    return {
-      elFormItem: this
-    };
-  },
-
-
-  inject: ['elForm'],
-
-  props: {
-    label: String,
-    labelWidth: String,
-    prop: String,
-    required: {
-      type: Boolean,
-      default: undefined
-    },
-    rules: [Object, Array],
-    error: String,
-    validateStatus: String,
-    for: String,
-    inlineMessage: {
-      type: [String, Boolean],
-      default: ''
-    },
-    showMessage: {
-      type: Boolean,
-      default: true
-    },
-    size: String
-  },
-  components: {
-    // use this component to calculate auto width
-    LabelWrap: label_wrap
-  },
-  watch: {
-    error: {
-      immediate: true,
-      handler: function handler(value) {
-        this.validateMessage = value;
-        this.validateState = value ? 'error' : '';
-      }
-    },
-    validateStatus: function validateStatus(value) {
-      this.validateState = value;
-    },
-    rules: function rules(value) {
-      if ((!value || value.length === 0) && this.required === undefined) {
-        this.clearValidate();
-      }
-    }
-  },
-  computed: {
-    labelFor: function labelFor() {
-      return this.for || this.prop;
-    },
-    labelStyle: function labelStyle() {
-      var ret = {};
-      if (this.form.labelPosition === 'top') return ret;
-      var labelWidth = this.labelWidth || this.form.labelWidth;
-      if (labelWidth) {
-        ret.width = labelWidth;
-      }
-      return ret;
-    },
-    contentStyle: function contentStyle() {
-      var ret = {};
-      var label = this.label;
-      if (this.form.labelPosition === 'top' || this.form.inline) return ret;
-      if (!label && !this.labelWidth && this.isNested) return ret;
-      var labelWidth = this.labelWidth || this.form.labelWidth;
-      if (labelWidth === 'auto') {
-        if (this.labelWidth === 'auto') {
-          ret.marginLeft = this.computedLabelWidth;
-        } else if (this.form.labelWidth === 'auto') {
-          ret.marginLeft = this.elForm.autoLabelWidth;
-        }
-      } else {
-        ret.marginLeft = labelWidth;
-      }
-      return ret;
-    },
-    form: function form() {
-      var parent = this.$parent;
-      var parentName = parent.$options.componentName;
-      while (parentName !== 'ElForm') {
-        if (parentName === 'ElFormItem') {
-          this.isNested = true;
-        }
-        parent = parent.$parent;
-        parentName = parent.$options.componentName;
-      }
-      return parent;
-    },
-    fieldValue: function fieldValue() {
-      var model = this.form.model;
-      if (!model || !this.prop) {
-        return;
-      }
-
-      var path = this.prop;
-      if (path.indexOf(':') !== -1) {
-        path = path.replace(/:/, '.');
-      }
-
-      return Object(util_["getPropByPath"])(model, path, true).v;
-    },
-    isRequired: function isRequired() {
-      var rules = this.getRules();
-      var isRequired = false;
-
-      if (rules && rules.length) {
-        rules.every(function (rule) {
-          if (rule.required) {
-            isRequired = true;
-            return false;
-          }
-          return true;
-        });
-      }
-      return isRequired;
-    },
-    _formSize: function _formSize() {
-      return this.elForm.size;
-    },
-    elFormItemSize: function elFormItemSize() {
-      return this.size || this._formSize;
-    },
-    sizeClass: function sizeClass() {
-      return this.elFormItemSize || (this.$ELEMENT || {}).size;
-    }
-  },
-  data: function data() {
-    return {
-      validateState: '',
-      validateMessage: '',
-      validateDisabled: false,
-      validator: {},
-      isNested: false,
-      computedLabelWidth: ''
-    };
-  },
-
-  methods: {
-    validate: function validate(trigger) {
-      var _this = this;
-
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : util_["noop"];
-
-      this.validateDisabled = false;
-      var rules = this.getFilteredRule(trigger);
-      if ((!rules || rules.length === 0) && this.required === undefined) {
-        callback();
-        return true;
-      }
-
-      this.validateState = 'validating';
-
-      var descriptor = {};
-      if (rules && rules.length > 0) {
-        rules.forEach(function (rule) {
-          delete rule.trigger;
-        });
-      }
-      descriptor[this.prop] = rules;
-
-      var validator = new external_async_validator_default.a(descriptor);
-      var model = {};
-
-      model[this.prop] = this.fieldValue;
-
-      validator.validate(model, { firstFields: true }, function (errors, invalidFields) {
-        _this.validateState = !errors ? 'success' : 'error';
-        _this.validateMessage = errors ? errors[0].message : '';
-
-        callback(_this.validateMessage, invalidFields);
-        _this.elForm && _this.elForm.$emit('validate', _this.prop, !errors, _this.validateMessage || null);
-      });
-    },
-    clearValidate: function clearValidate() {
-      this.validateState = '';
-      this.validateMessage = '';
-      this.validateDisabled = false;
-    },
-    resetField: function resetField() {
-      var _this2 = this;
-
-      this.validateState = '';
-      this.validateMessage = '';
-
-      var model = this.form.model;
-      var value = this.fieldValue;
-      var path = this.prop;
-      if (path.indexOf(':') !== -1) {
-        path = path.replace(/:/, '.');
-      }
-
-      var prop = Object(util_["getPropByPath"])(model, path, true);
-
-      this.validateDisabled = true;
-      if (Array.isArray(value)) {
-        prop.o[prop.k] = [].concat(this.initialValue);
-      } else {
-        prop.o[prop.k] = this.initialValue;
-      }
-
-      // reset validateDisabled after onFieldChange triggered
-      this.$nextTick(function () {
-        _this2.validateDisabled = false;
-      });
-
-      this.broadcast('ElTimeSelect', 'fieldReset', this.initialValue);
-    },
-    getRules: function getRules() {
-      var formRules = this.form.rules;
-      var selfRules = this.rules;
-      var requiredRule = this.required !== undefined ? { required: !!this.required } : [];
-
-      var prop = Object(util_["getPropByPath"])(formRules, this.prop || '');
-      formRules = formRules ? prop.o[this.prop || ''] || prop.v : [];
-
-      return [].concat(selfRules || formRules || []).concat(requiredRule);
-    },
-    getFilteredRule: function getFilteredRule(trigger) {
-      var rules = this.getRules();
-
-      return rules.filter(function (rule) {
-        if (!rule.trigger || trigger === '') return true;
-        if (Array.isArray(rule.trigger)) {
-          return rule.trigger.indexOf(trigger) > -1;
-        } else {
-          return rule.trigger === trigger;
-        }
-      }).map(function (rule) {
-        return merge_default()({}, rule);
-      });
-    },
-    onFieldBlur: function onFieldBlur() {
-      this.validate('blur');
-    },
-    onFieldChange: function onFieldChange() {
-      if (this.validateDisabled) {
-        this.validateDisabled = false;
-        return;
-      }
-
-      this.validate('change');
-    },
-    updateComputedLabelWidth: function updateComputedLabelWidth(width) {
-      this.computedLabelWidth = width ? width + 'px' : '';
-    },
-    addValidateEvents: function addValidateEvents() {
-      var rules = this.getRules();
-
-      if (rules.length || this.required !== undefined) {
-        this.$on('el.form.blur', this.onFieldBlur);
-        this.$on('el.form.change', this.onFieldChange);
-      }
-    },
-    removeValidateEvents: function removeValidateEvents() {
-      this.$off();
-    }
-  },
-  mounted: function mounted() {
-    if (this.prop) {
-      this.dispatch('ElForm', 'el.form.addField', [this]);
-
-      var initialValue = this.fieldValue;
-      if (Array.isArray(initialValue)) {
-        initialValue = [].concat(initialValue);
-      }
-      Object.defineProperty(this, 'initialValue', {
-        value: initialValue
-      });
-
-      this.addValidateEvents();
-    }
-  },
-  beforeDestroy: function beforeDestroy() {
-    this.dispatch('ElForm', 'el.form.removeField', [this]);
-  }
+	name: 'ElFormItem',
+
+	componentName: 'ElFormItem',
+
+	mixins: [emitter_default.a],
+
+	provide: function provide() {
+		return {
+			elFormItem: this
+		};
+	},
+
+
+	inject: ['elForm'],
+
+	props: {
+		label: String,
+		labelWidth: String,
+		prop: String,
+		required: {
+			type: Boolean,
+			default: undefined
+		},
+		rules: [Object, Array],
+		error: String,
+		validateStatus: String,
+		for: String,
+		inlineMessage: {
+			type: [String, Boolean],
+			default: ''
+		},
+		showMessage: {
+			type: Boolean,
+			default: true
+		},
+		size: String
+	},
+	components: {
+		// use this component to calculate auto width
+		LabelWrap: label_wrap
+	},
+	watch: {
+		error: {
+			immediate: true,
+			handler: function handler(value) {
+				this.validateMessage = value;
+				this.validateState = value ? 'error' : '';
+			}
+		},
+		validateStatus: function validateStatus(value) {
+			this.validateState = value;
+		},
+		rules: function rules(value) {
+			if ((!value || value.length === 0) && this.required === undefined) {
+				this.clearValidate();
+			}
+		}
+	},
+	computed: {
+		labelFor: function labelFor() {
+			return this.for || this.prop;
+		},
+		labelStyle: function labelStyle() {
+			var ret = {};
+			if (this.form.labelPosition === 'top') return ret;
+			var labelWidth = this.labelWidth || this.form.labelWidth;
+			if (labelWidth) {
+				ret.width = labelWidth;
+			}
+			return ret;
+		},
+		contentStyle: function contentStyle() {
+			var ret = {};
+			var label = this.label;
+			if (this.form.labelPosition === 'top' || this.form.inline) return ret;
+			if (!label && !this.labelWidth && this.isNested) return ret;
+			var labelWidth = this.labelWidth || this.form.labelWidth;
+			if (labelWidth === 'auto') {
+				if (this.labelWidth === 'auto') {
+					ret.marginLeft = this.computedLabelWidth;
+				} else if (this.form.labelWidth === 'auto') {
+					ret.marginLeft = this.elForm.autoLabelWidth;
+				}
+			} else {
+				ret.marginLeft = labelWidth;
+			}
+			return ret;
+		},
+		form: function form() {
+			var parent = this.$parent;
+			var parentName = parent.$options.componentName;
+			while (parentName !== 'ElForm') {
+				if (parentName === 'ElFormItem') {
+					this.isNested = true;
+				}
+				parent = parent.$parent;
+				parentName = parent.$options.componentName;
+			}
+			return parent;
+		},
+		fieldValue: function fieldValue() {
+			var model = this.form.model;
+			if (!model || !this.prop) {
+				return;
+			}
+
+			var path = this.prop;
+			if (path.indexOf(':') !== -1) {
+				path = path.replace(/:/, '.');
+			}
+
+			return Object(util_["getPropByPath"])(model, path, true).v;
+		},
+		isRequired: function isRequired() {
+			var rules = this.getRules();
+			var isRequired = false;
+
+			if (rules && rules.length) {
+				rules.every(function (rule) {
+					if (rule.required) {
+						isRequired = true;
+						return false;
+					}
+					return true;
+				});
+			}
+			return isRequired;
+		},
+		_formSize: function _formSize() {
+			return this.elForm.size;
+		},
+		elFormItemSize: function elFormItemSize() {
+			return this.size || this._formSize;
+		},
+		sizeClass: function sizeClass() {
+			return this.elFormItemSize || (this.$ELEMENT || {}).size;
+		}
+	},
+	data: function data() {
+		return {
+			validateState: '',
+			validateMessage: '',
+			validateDisabled: false,
+			validator: {},
+			isNested: false,
+			computedLabelWidth: ''
+		};
+	},
+
+	methods: {
+		validate: function validate(trigger) {
+			var _this = this;
+
+			var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : util_["noop"];
+
+			this.validateDisabled = false;
+			var rules = this.getFilteredRule(trigger);
+			if ((!rules || rules.length === 0) && this.required === undefined) {
+				callback();
+				return true;
+			}
+
+			this.validateState = 'validating';
+
+			var descriptor = {};
+			if (rules && rules.length > 0) {
+				rules.forEach(function (rule) {
+					delete rule.trigger;
+				});
+			}
+			descriptor[this.prop] = rules;
+
+			var validator = new external_async_validator_default.a(descriptor);
+			var model = {};
+
+			model[this.prop] = this.fieldValue;
+
+			validator.validate(model, { firstFields: true }, function (errors, invalidFields) {
+				_this.validateState = !errors ? 'success' : 'error';
+				_this.validateMessage = errors ? errors[0].message : '';
+
+				callback(_this.validateMessage, invalidFields);
+				_this.elForm && _this.elForm.$emit('validate', _this.prop, !errors, _this.validateMessage || null);
+			});
+		},
+		clearValidate: function clearValidate() {
+			this.validateState = '';
+			this.validateMessage = '';
+			this.validateDisabled = false;
+		},
+		resetField: function resetField() {
+			var _this2 = this;
+
+			this.validateState = '';
+			this.validateMessage = '';
+
+			var model = this.form.model;
+			var value = this.fieldValue;
+			var path = this.prop;
+			if (path.indexOf(':') !== -1) {
+				path = path.replace(/:/, '.');
+			}
+
+			var prop = Object(util_["getPropByPath"])(model, path, true);
+
+			this.validateDisabled = true;
+			if (Array.isArray(value)) {
+				prop.o[prop.k] = [].concat(this.initialValue);
+			} else {
+				prop.o[prop.k] = this.initialValue;
+			}
+
+			// reset validateDisabled after onFieldChange triggered
+			this.$nextTick(function () {
+				_this2.validateDisabled = false;
+			});
+
+			this.broadcast('ElTimeSelect', 'fieldReset', this.initialValue);
+		},
+		getRules: function getRules() {
+			var formRules = this.form.rules;
+			var selfRules = this.rules;
+			var requiredRule = this.required !== undefined ? { required: !!this.required } : [];
+
+			var prop = Object(util_["getPropByPath"])(formRules, this.prop || '');
+			formRules = formRules ? prop.o[this.prop || ''] || prop.v : [];
+
+			return [].concat(selfRules || formRules || []).concat(requiredRule);
+		},
+		getFilteredRule: function getFilteredRule(trigger) {
+			var rules = this.getRules();
+
+			return rules.filter(function (rule) {
+				if (!rule.trigger || trigger === '') return true;
+				if (Array.isArray(rule.trigger)) {
+					return rule.trigger.indexOf(trigger) > -1;
+				} else {
+					return rule.trigger === trigger;
+				}
+			}).map(function (rule) {
+				return merge_default()({}, rule);
+			});
+		},
+		onFieldBlur: function onFieldBlur() {
+			this.validate('blur');
+		},
+		onFieldChange: function onFieldChange() {
+			if (this.validateDisabled) {
+				this.validateDisabled = false;
+				return;
+			}
+
+			this.validate('change');
+		},
+		updateComputedLabelWidth: function updateComputedLabelWidth(width) {
+			this.computedLabelWidth = width ? width + 'px' : '';
+		},
+		addValidateEvents: function addValidateEvents() {
+			var rules = this.getRules();
+
+			if (rules.length || this.required !== undefined) {
+				this.$on('el.form.blur', this.onFieldBlur);
+				this.$on('el.form.change', this.onFieldChange);
+			}
+		},
+		removeValidateEvents: function removeValidateEvents() {
+			this.$off();
+		}
+	},
+	mounted: function mounted() {
+		if (this.prop) {
+			this.dispatch('ElForm', 'el.form.addField', [this]);
+
+			var initialValue = this.fieldValue;
+			if (Array.isArray(initialValue)) {
+				initialValue = [].concat(initialValue);
+			}
+			Object.defineProperty(this, 'initialValue', {
+				value: initialValue
+			});
+
+			this.addValidateEvents();
+		}
+	},
+	beforeDestroy: function beforeDestroy() {
+		this.dispatch('ElForm', 'el.form.removeField', [this]);
+	}
 });
 // CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=script&lang=js
  /* harmony default export */ var src_form_itemvue_type_script_lang_js = (form_itemvue_type_script_lang_js); 
@@ -809,7 +809,7 @@ var form_item_component = Object(componentNormalizer["a" /* default */])(
 
 /* istanbul ignore next */
 form_item.install = function (Vue) {
-  Vue.component(form_item.name, form_item);
+	Vue.component(form_item.name, form_item);
 };
 
 /* harmony default export */ var packages_form_item = __webpack_exports__["default"] = (form_item);