element-gui/lib/form-item.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function i(l){if(t[l])return t[l].exports;var r=t[l]={i:l,l:!1,exports:{}};return e[l].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,l){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(i.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(l,r,function(t){return e[t]}.bind(null,r));return l},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/dist/",i(i.s=76)}({0:function(e,t,i){"use strict";function l(e,t,i,l,r,a,s,o){var n,d="function"==typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=i,d._compiled=!0),l&&(d.functional=!0),a&&(d._scopeId="data-v-"+a),s?(n=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=n):r&&(n=o?function(){r.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:r),n)if(d.functional){d._injectStyles=n;var u=d.render;d.render=function(e,t){return n.call(t),u(e,t)}}else{var h=d.beforeCreate;d.beforeCreate=h?[].concat(h,n):[n]}return{exports:e,options:d}}i.d(t,"a",(function(){return l}))},14:function(e,t){e.exports=require("element-gui/lib/utils/merge")},2:function(e,t){e.exports=require("element-gui/lib/utils/util")},4:function(e,t){e.exports=require("element-gui/lib/mixins/emitter")},51:function(e,t){e.exports=require("async-validator")},52:function(e,t){e.exports=require("element-gui/lib/col")},76:function(e,t,i){"use strict";i.r(t);var l=function(){var e=this,t=e.$createElement,i=e._self._c||t;return e.isGrid?i("el-col",{attrs:{span:e.span}},[i("div",{staticClass:"el-form-item",class:[{"el-form-item--feedback":e.elForm&&e.elForm.statusIcon,"is-error":"error"===e.validateState,"is-validating":"validating"===e.validateState,"is-success":"success"===e.validateState,"is-required":e.isRequired||e.required,"is-no-asterisk":e.elForm&&e.elForm.hideRequiredAsterisk,"hidden-message":!e.showMessage||!e.elForm.showMessage},e.sizeClass?"el-form-item--"+e.sizeClass:""],attrs:{id:e.labelFor?"__"+e.labelFor:null}},[i("label-wrap",{attrs:{"is-auto-width":e.labelStyle&&"auto"===e.labelStyle.width,"update-all":"auto"===e.form.labelWidth}},[e.label||e.$slots.label?i("label",{class:["el-form-item__label",{"is-ellipsis":e.elForm.labelEllipsis&&("auto"!=e.form.labelWidth||"auto"!=e.elForm.labelWidth||e.elForm.labelMaxWidth&&"auto"===e.elForm.labelWidth)}],style:e.labelStyle,attrs:{for:e.labelFor}},[e._t("label",[e.elForm.labelEllipsis&&("auto"!=e.form.labelWidth||"auto"!=e.elForm.labelWidth||e.elForm.labelMaxWidth&&"auto"===e.elForm.labelWidth)?i("span",{staticClass:"ellipsis-wrapper"},[i("em",{directives:[{name:"ellipsis",rawName:"v-ellipsis"}]},[e._v(e._s(e.label+e.form.labelSuffix))])]):[e._v(e._s(e.label+e.form.labelSuffix))]])],2):e._e()]),i("div",{staticClass:"el-form-item__content",style:e.contentStyle},[e._t("default"),"error"===e.validateState&&e.showMessage&&e.form.showMessage?e._t("error",[i("div",{staticClass:"el-form-item__error",class:[{"el-form-item__error--inline":"boolean"==typeof e.inlineMessage?e.inlineMessage:e.elForm&&e.elForm.inlineMessage||!1}]},[e._v("\n          "+e._s(e.validateMessage)+"\n        ")])],{error:e.validateMessage}):e._e()],2)],1)]):i("div",{staticClass:"el-form-item",class:[{"el-form-item--feedback":e.elForm&&e.elForm.statusIcon,"is-error":"error"===e.validateState,"is-validating":"validating"===e.validateState,"is-success":"success"===e.validateState,"is-required":e.isRequired||e.required,"is-no-asterisk":e.elForm&&e.elForm.hideRequiredAsterisk,"hidden-message":!e.showMessage||!e.elForm.showMessage},e.sizeClass?"el-form-item--"+e.sizeClass:""],attrs:{id:e.labelFor?"__"+e.labelFor:null}},[i("label-wrap",{attrs:{"is-auto-width":e.labelStyle&&"auto"===e.labelStyle.width,"update-all":"auto"===e.form.labelWidth}},[e.label||e.$slots.label?i("label",{class:["el-form-item__label",{"is-ellipsis":e.elForm.labelEllipsis&&("auto"!=e.form.labelWidth||"auto"!=e.elForm.labelWidth||e.elForm.labelMaxWidth&&"auto"===e.elForm.labelWidth)}],style:e.labelStyle,attrs:{for:e.labelFor}},[e._t("label",[e.elForm.labelEllipsis&&("auto"!=e.form.labelWidth||"auto"!=e.elForm.labelWidth||e.elForm.labelMaxWidth&&"auto"===e.elForm.labelWidth)?i("span",{staticClass:"ellipsis-wrapper"},[i("em",{directives:[{name:"ellipsis",rawName:"v-ellipsis"}]},[e._v(e._s(e.label+e.form.labelSuffix))])]):[e._v(e._s(e.label+e.form.labelSuffix))]])],2):e._e()]),i("div",{staticClass:"el-form-item__content",style:e.contentStyle},[e._t("default"),"error"===e.validateState&&e.showMessage&&e.form.showMessage?e._t("error",[i("div",{staticClass:"el-form-item__error",class:[{"el-form-item__error--inline":"boolean"==typeof e.inlineMessage?e.inlineMessage:e.elForm&&e.elForm.inlineMessage||!1}]},[e._v("\n        "+e._s(e.validateMessage)+"\n      ")])],{error:e.validateMessage}):e._e()],2)],1)};l._withStripped=!0;var r=i(51),a=i.n(r),s=i(4),o=i.n(s),n=i(14),d=i.n(n),u=i(2),h={props:{isAutoWidth:Boolean,updateAll:Boolean},inject:["elForm","elFormItem"],render:function(){var e=arguments[0],t=this.$slots.default;if(!t)return null;if(this.isAutoWidth){var i=this.elForm.autoLabelWidth,l={};if(i&&"auto"!==i){var r=parseInt(i,10)-this.computedWidth>=0?parseInt(i,10)-this.computedWidth:0;if(r){var a=Object(u.isIE)()?5:0;l["left"===this.elForm.labelPosition?"marginRight":"marginLeft"]=r-a+"px"}}return e("div",{class:"el-form-item__label-wrap",style:l},[t])}return t[0]},methods:{getLabelWidth:function(){if(this.$el&&this.$el.firstElementChild){var e=window.getComputedStyle(this.$el.firstElementChild).width;return Math.ceil(parseFloat(e)||0)}return 0},updateLabelWidth:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"update";this.$slots.default&&this.isAutoWidth&&this.$el.firstElementChild&&("update"===e?this.computedWidth=this.getLabelWidth():"remove"===e&&this.elForm.deregisterLabelWidth(this.computedWidth))}},watch:{computedWidth:function(e,t){if(this.updateAll||this.isAutoWidth){var i=Object(u.isIE)()?5:0;this.elForm.registerLabelWidth(e,t),e&&this.elFormItem.updateComputedLabelWidth(e+i)}}},data:function(){return{computedWidth:0}},mounted:function(){this.updateLabelWidth("update")},updated:function(){this.updateLabelWidth("update")},beforeDestroy:function(){this.updateLabelWidth("remove")}},f=i(0),m=Object(f.a)(h,void 0,void 0,!1,null,null,null).exports,c=i(9),p=i(52),b=i.n(p),v={name:"ElFormItem",componentName:"ElFormItem",mixins:[o.a],provide:function(){return{elFormItem:this}},directives:{ellipsis:c.a},inject:["elForm","labelWidthArr","gridStatus"],props:{label:String,labelWidth:String,prop:String,required:{type:Boolean,default:void 0},rules:[Object,Array],error:String,validateStatus:String,for:String,inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:String,span:{type:Number,default:24}},components:{LabelWrap:m,ElCol:b.a},watch:{error:{immediate:!0,handler:function(e){this.validateMessage=e,this.validateState=e?"error":""}},validateStatus:function(e){this.validateState=e},rules:function(e){e&&0!==e.length||void 0!==this.required||this.clearValidate(),this.removeValidateEvents(),this.addValidateEvents()},gridStatus:{handler:function(e){this.isGrid=e.status},immediate:!0,deep:!0}},computed:{labelFor:function(){return this.for||this.prop},labelStyle:function(){var e={};if("top"===this.form.labelPosition)return e;var t=this.labelWidth||this.form.labelWidth;t&&(e.width=t);var i=Math.max.apply(Math,this.labelWidthArr);return this.form.labelMaxWidth&&0!=this.elForm.autoLabelWidth&&(e.width=parseInt(this.elForm.labelMaxWidth,10)>=i?i+(Object(u.isIE)()?5:0)+"px":this.elForm.labelMaxWidth),e},contentStyle:function(){var e={},t=this.label;if("top"===this.form.labelPosition||this.form.inline)return e;if(!t&&!this.labelWidth&&this.isNested)return e;var i=this.labelWidth||this.form.labelWidth;return"auto"===i?"auto"===this.labelWidth?e.marginLeft=this.computedLabelWidth:"auto"===this.form.labelWidth&&(e.marginLeft=this.elForm.autoLabelWidth):e.marginLeft=i,e},form:function(){for(var e=this.$parent,t=e.$options.componentName;"ElForm"!==t;)"ElFormItem"===t&&(this.isNested=!0),t=(e=e.$parent).$options.componentName;return e},fieldValue:function(){var e=this.form.model;if(e&&this.prop){var t=this.prop;return-1!==t.indexOf(":")&&(t=t.replace(/:/,".")),Object(u.getPropByPath)(e,t,!0).v}},isRequired:function(){var e=this.getRules(),t=!1;return e&&e.length&&e.every((function(e){return!e.required||(t=!0,!1)})),t},_formSize:function(){return this.elForm.size},elFormItemSize:function(){return this.size||this._formSize},sizeClass:function(){return this.elFormItemSize||(this.$ELEMENT||{}).size}},data:function(){return{validateState:"",validateMessage:"",validateDisabled:!1,validator:{},isNested:!1,computedLabelWidth:"",isGrid:!1}},methods:{validate:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:u.noop;this.validateDisabled=!1;var l=this.getFilteredRule(e);if((!l||0===l.length)&&void 0===this.required)return i(),!0;this.validateState="validating";var r={};l&&l.length>0&&l.forEach((function(e){delete e.trigger})),r[this.prop]=l;var s=new a.a(r),o={};o[this.prop]=this.fieldValue,s.validate(o,{firstFields:!0},(function(e,l){t.validateState=e?"error":"success",t.validateMessage=e?e[0].message:"",i(t.validateMessage,l),t.elForm&&t.elForm.$emit("validate",t.prop,!e,t.validateMessage||null)}))},clearValidate:function(){this.validateState="",this.validateMessage="",this.validateDisabled=!1},resetField:function(){var e=this;if(this.prop){this.validateState="",this.validateMessage="";var t=this.form.model,i=this.fieldValue,l=this.prop;-1!==l.indexOf(":")&&(l=l.replace(/:/,"."));var r=Object(u.getPropByPath)(t,l,!0);this.validateDisabled=!0,Array.isArray(i)?this.$set(r.o,r.k,[].concat(this.initialValue)):this.$set(r.o,r.k,this.initialValue),this.$nextTick((function(){e.validateDisabled=!1})),this.broadcast("ElTimeSelect","fieldReset",this.initialValue)}},getRules:function(){var e=this.form.rules,t=this.rules,i=void 0!==this.required?{required:!!this.required}:[],l=Object(u.getPropByPath)(e,this.prop||"");return e=e?l.o[this.prop||""]||l.v:[],[].concat(t||e||[]).concat(i)},getFilteredRule:function(e){return this.getRules().filter((function(t){return!t.trigger||""===e||(Array.isArray(t.trigger)?t.trigger.indexOf(e)>-1:t.trigger===e)})).map((function(e){return d()({},e)}))},onFieldBlur:function(){this.validate("blur")},onFieldChange:function(){this.validateDisabled?this.validateDisabled=!1:this.validate("change")},updateComputedLabelWidth:function(e){this.computedLabelWidth=e?e+"px":""},addValidateEvents:function(){var e=this;(this.getRules().length||void 0!==this.required)&&(this.$on("el.form.blur",this.onFieldBlur),this.$on("el.form.change",this.onFieldChange),this.$once("hook:beforeDestroy",(function(){e.$off("el.form.blur",e.onFieldBlur),e.$off("el.form.change",e.onFieldChange)})))},removeValidateEvents:function(){this.$off()}},mounted:function(){if(this.prop){this.dispatch("ElForm","el.form.addField",[this]);var e=this.fieldValue;Array.isArray(e)&&(e=[].concat(e)),Object.defineProperty(this,"initialValue",{value:e}),this.addValidateEvents()}},beforeDestroy:function(){this.dispatch("ElForm","el.form.removeField",[this])}},g=Object(f.a)(v,l,[],!1,null,null,null).exports;g.install=function(e){e.component(g.name,g)};t.default=g},9:function(e,t,i){"use strict";var l=i(2);t.a={inserted:function(e,t){e.onmouseover=function(){var t=e.offsetWidth;Object(l.isIE)()&&(e.parentNode.style.textOverflow="clip",t=e.offsetWidth,e.parentNode.style.textOverflow="ellipsis"),e.parentNode.offsetWidth<t&&(e.title=e.innerHTML.replace(/<[^>]*>/g,""))},e.onmouseout=function(){e.title&&e.removeAttribute("title")}}}}});