element-gui/lib/input.js

A Component Library for Vue.js.

module.exports=function(t){var e={};function i(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(n,s,function(e){return t[e]}.bind(null,s));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/dist/",i(i.s=81)}({0:function(t,e,i){"use strict";function n(t,e,i,n,s,o,a,r){var l,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=i,u._compiled=!0),n&&(u.functional=!0),o&&(u._scopeId="data-v-"+o),a?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),s&&s.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=l):s&&(l=r?function(){s.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:s),l)if(u.functional){u._injectStyles=l;var p=u.render;u.render=function(t,e){return l.call(e),p(t,e)}}else{var c=u.beforeCreate;u.beforeCreate=c?[].concat(c,l):[l]}return{exports:t,options:u}}i.d(e,"a",(function(){return n}))},13:function(t,e){t.exports=require("element-gui/lib/mixins/migrating")},14:function(t,e){t.exports=require("element-gui/lib/utils/merge")},2:function(t,e){t.exports=require("element-gui/lib/utils/util")},24:function(t,e){t.exports=require("element-gui/lib/utils/shared")},4:function(t,e){t.exports=require("element-gui/lib/mixins/emitter")},81:function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{class:["textarea"===t.type?"el-textarea":"el-input",t.inputSize?"el-input--"+t.inputSize:"",{"is-disabled":t.inputDisabled,"is-exceed":t.inputExceed,"is-focus":t.focused,"is-clearable":t.clearable,"is-autosize":t.autosize&&!t.autosize.maxRows,"is-show-word":t.isWordLimitVisible,"el-input-group":t.$slots.prepend||t.$slots.append,"el-input-group--append":t.$slots.append,"el-input-group--prepend":t.$slots.prepend,"el-input--prefix":t.$slots.prefix||t.prefixIcon,"el-input--suffix":t.$slots.suffix||t.suffixIcon||t.clearable||t.showPassword}],on:{mouseenter:function(e){t.hovering=!0},mouseleave:function(e){t.hovering=!1}}},["textarea"!==t.type?[t.$slots.prepend?i("div",{staticClass:"el-input-group__prepend"},[t._t("prepend")],2):t._e(),"textarea"!==t.type?i("input",t._b({ref:"input",staticClass:"el-input__inner",attrs:{tabindex:t.tabindex,name:t._elFormItemName,type:t.showPassword?t.passwordVisible?"text":"password":t.type,formatter:t.formatter,parser:t.parser,disabled:t.inputDisabled,readonly:t.readonly,autocomplete:t.autocomplete,"aria-label":t.label},on:{compositionstart:t.handleCompositionStart,compositionupdate:t.handleCompositionUpdate,compositionend:t.handleCompositionEnd,input:t.handleInput,focus:t.handleFocus,blur:t.handleBlur,change:t.handleChange}},"input",t.$attrs,!1)):t._e(),t.$slots.prefix||t.prefixIcon?i("span",{staticClass:"el-input__prefix"},[t._t("prefix"),t.prefixIcon?i("i",{staticClass:"el-input__icon",class:t.prefixIcon}):t._e()],2):t._e(),t.getSuffixVisible()?i("span",{staticClass:"el-input__suffix"},[i("span",{staticClass:"el-input__suffix-inner"},[t.showClear?i("i",{staticClass:"el-input__icon el-icon-circle-close el-input__clear clear-btn",on:{mousedown:function(t){t.preventDefault()},click:t.clear}}):t._e(),t.showClear&&t.showPwdVisible&&t.isWordLimitVisible?t._e():[t._t("suffix"),t.suffixIcon?i("i",{staticClass:"el-input__icon",class:t.suffixIcon}):t._e()],t.showPwdVisible?i("i",{staticClass:"el-input__icon el-input__clear",class:[t.passwordVisible?"el-icon-view":"el-icon-close-eyes"],on:{click:t.handlePasswordVisible}}):t._e(),t.isWordLimitVisible?i("span",{staticClass:"el-input__count"},[t.$scopedSlots.count?i("span",{staticClass:"el-input__count-inner"},[t._t("count",null,{textLength:t.textLength,maxlength:t.upperLimit})],2):i("span",{staticClass:"el-input__count-inner"},[t._v("\n            "+t._s(t.textLength)+"/"+t._s(t.upperLimit)+"\n          ")])]):t._e()],2),t.validateState&&t.needStatusIcon?i("i",{staticClass:"el-input__icon",class:["el-input__validateIcon",t.validateIcon]}):t._e()]):t._e(),t.$slots.append?i("div",{staticClass:"el-input-group__append"},[t._t("append")],2):t._e()]:i("textarea",t._b({ref:"textarea",staticClass:"el-textarea__inner",style:t.textareaStyle,attrs:{tabindex:t.tabindex,name:t._elFormItemName,disabled:t.inputDisabled,readonly:t.readonly,autocomplete:t.autocomplete,"aria-label":t.label},on:{compositionstart:t.handleCompositionStart,compositionupdate:t.handleCompositionUpdate,compositionend:t.handleCompositionEnd,input:t.handleInput,focus:t.handleFocus,blur:t.handleBlur,change:t.handleChange}},"textarea",t.$attrs,!1)),"textarea"===t.type?[t.showClear?i("i",{staticClass:"el-input__icon el-icon-circle-close el-input__clear",on:{mousedown:function(t){t.preventDefault()},click:t.clear}}):t._e(),t.isWordLimitVisible?i("span",{staticClass:"el-input__count"},[t.$scopedSlots.count?i("span",{staticClass:"el-input__count-inner"},[t._t("count",null,{textLength:t.textLength,maxlength:t.upperLimit})],2):i("span",{staticClass:"el-input__count-inner"},[t._v("\n        "+t._s(t.textLength)+"/"+t._s(t.upperLimit)+"\n      ")])]):t._e()]:t._e()],2)};n._withStripped=!0;var s=i(4),o=i.n(s),a=i(13),r=i.n(a),l=i(2),u=void 0,p={},c="\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  "+(Object(l.isFirefox)()?"":"overflow:hidden !important;")+"\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n",d=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","font-variant","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing","word-break"];function h(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=t.getAttribute("id")||t.getAttribute("data-reactid")||t.getAttribute("name");if(e&&p[i])return p[i];var n=window.getComputedStyle(t),s=n.getPropertyValue("box-sizing")||n.getPropertyValue("-moz-box-sizing")||n.getPropertyValue("-webkit-box-sizing"),o=parseFloat(n.getPropertyValue("padding-bottom"))+parseFloat(n.getPropertyValue("padding-top")),a=parseFloat(n.getPropertyValue("border-bottom-width"))+parseFloat(n.getPropertyValue("border-top-width")),r=d.map((function(t){return Object(l.isIE)()&&"width"===t?t+":"+(parseInt(n.getPropertyValue(t),10)+27)+"px":t+":"+n.getPropertyValue(t)})).join(";"),u={contextStyle:r,paddingSize:o,borderSize:a,boxSizing:s};return e&&i&&(p[i]=u),u}function f(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;u||((u=document.createElement("textarea")).setAttribute("tab-index","-1"),u.setAttribute("aria-hidden","true"),document.body.appendChild(u)),t.getAttribute("wrap")?u.setAttribute("wrap",t.getAttribute("wrap")):u.removeAttribute("wrap");var s=h(t,e),o=s.paddingSize,a=s.borderSize,r=s.boxSizing,l=s.contextStyle;u.setAttribute("style",l+";"+c),u.value=t.value||t.placeholder||"";var p=Number.MIN_SAFE_INTEGER,d=Number.MAX_SAFE_INTEGER,f=u.scrollHeight,m=void 0;if("border-box"===r?f+=a:"content-box"===r&&(f-=o),null!==i||null!==n){u.value=" ";var g=u.scrollHeight-o;null!==i&&(p=g*i,"border-box"===r&&(p=p+o+a),f=Math.max(p,f)),null!==n&&(d=g*n,"border-box"===r&&(d=d+o+a),m=f>d?"":"hidden",f=Math.min(d,f))}return u.parentNode&&u.parentNode.removeChild(u),u=null,{height:f+"px",minHeight:p+"px",maxHeight:d+"px",overflowY:m,resize:"none"}}var m=i(14),g=i.n(m),x=i(24),b={name:"ElInput",componentName:"ElInput",mixins:[o.a,r.a],inheritAttrs:!1,inject:{elForm:{default:""},elFormItem:{default:""}},data:function(){return{textareaCalcStyle:{},hovering:!1,focused:!1,isComposing:!1,passwordVisible:!1}},props:{value:[String,Number],size:String,name:String,resize:{type:String,default:"vertical"},form:String,disabled:Boolean,readonly:Boolean,formatter:Function,parser:Function,type:{type:String,default:"text"},autosize:{type:[Boolean,Object],default:!1},autocomplete:{type:String,default:"off"},validateEvent:{type:Boolean,default:!0},suffixIcon:String,prefixIcon:String,label:String,clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},showWordLimit:{type:Boolean,default:!1},tabindex:[String,Number]},computed:{_elFormItemSize:function(){return(this.elFormItem||{}).elFormItemSize},_elFormItemName:function(){return this.elFormItem.prop?this.elFormItem.prop:this.name},validateState:function(){return this.elFormItem?this.elFormItem.validateState:""},needStatusIcon:function(){return!!this.elForm&&this.elForm.statusIcon},validateIcon:function(){return{validating:"el-icon-loading",success:"el-icon-success",error:"el-icon-error"}[this.validateState]},textareaStyle:function(){return g()({},this.textareaCalcStyle,{resize:this.textareaResize})},textareaResize:function(){return this.autosize?"none":this.resize},inputSize:function(){return this.size||this._elFormItemSize||(this.$ELEMENT||{}).size},inputDisabled:function(){return this.disabled||(this.elForm||{}).disabled},nativeInputValue:function(){return null===this.value||void 0===this.value?"":String(this.value)},showClear:function(){return this.clearable&&!this.inputDisabled&&!this.readonly&&this.nativeInputValue&&(this.focused||this.hovering)},showPwdVisible:function(){return this.showPassword&&!this.inputDisabled&&!this.readonly&&(!!this.nativeInputValue||this.focused)},isWordLimitVisible:function(){return this.showWordLimit&&this.$attrs.maxlength&&("text"===this.type||"textarea"===this.type||"number"===this.type||"email"===this.type||"tel"===this.type)&&!this.inputDisabled&&!this.readonly&&!this.showPassword},upperLimit:function(){return this.$attrs.maxlength},textLength:function(){return"number"==typeof this.value?String(this.value).length:(this.value||"").length},inputExceed:function(){return this.isWordLimitVisible&&this.textLength>this.upperLimit}},watch:{value:function(t){this.autosize&&this.$nextTick(this.resizeTextarea),this.validateEvent&&this.dispatch("ElFormItem","el.form.change",[t])},nativeInputValue:function(){this.setNativeInputValue()},type:function(){var t=this;this.$nextTick((function(){t.setNativeInputValue(),t.autosize&&t.resizeTextarea(),t.updateIconOffset()}))}},methods:{focus:function(){var t=this;this.$nextTick((function(){t.getInput().focus()}))},blur:function(){this.getInput().blur()},getMigratingConfig:function(){return{props:{icon:"icon is removed, use suffix-icon / prefix-icon instead.","on-icon-click":"on-icon-click is removed."},events:{click:"click is removed."}}},handleBlur:function(t){this.focused=!1,this.$emit("blur",t),this.validateEvent&&this.dispatch("ElFormItem","el.form.blur",[this.value])},select:function(){this.getInput().select()},resizeTextarea:function(){if(!this.$isServer){var t=this.autosize;if("textarea"===this.type)if(t){var e=t.minRows,i=t.maxRows;this.textareaCalcStyle=f(this.$refs.textarea,!1,e,i)}else this.textareaCalcStyle={minHeight:this.textareaCalcStyle.minHeight||this.$refs.textarea&&f(this.$refs.textarea).minHeight}}},setNativeInputValue:function(){var t=this.getInput();t&&t.value!==this.nativeInputValue&&(t.value=this.nativeInputValue)},handleFocus:function(t){this.focused=!0,this.$emit("focus",t)},handleCompositionStart:function(t){this.$emit("compositionstart",t),this.isComposing=!0},handleCompositionUpdate:function(t){this.$emit("compositionupdate",t);var e=t.target.value,i=e[e.length-1]||"";this.isComposing=!Object(x.isKorean)(i)},handleCompositionEnd:function(t){this.$emit("compositionend",t),this.isComposing&&(this.isComposing=!1,this.handleInput(t))},handleInput:function(t){var e=t.target.value;this.formatter&&(e=this.parser?this.parser(e):e,e=this.formatter(e)),this.isComposing||e!==this.nativeInputValue&&(this.inputDisabled||this.readonly||this.$emit("input",e),this.$nextTick(this.setNativeInputValue))},handleChange:function(t){this.$emit("change",t.target.value)},calcIconOffset:function(t){var e=[].slice.call(this.$el.querySelectorAll(".el-input__"+t)||[]);if(e.length){for(var i=null,n=0;n<e.length;n++)if(e[n].parentNode===this.$el){i=e[n];break}if(i){var s={suffix:"append",prefix:"prepend"}[t];this.$slots[s]?i.style.transform="translateX("+("suffix"===t?"-":"")+this.$el.querySelector(".el-input-group__"+s).offsetWidth+"px)":i.removeAttribute("style")}}},updateIconOffset:function(){this.calcIconOffset("prefix"),this.calcIconOffset("suffix")},clear:function(){this.$emit("input",""),this.$emit("change",""),this.$emit("clear",this.value)},handlePasswordVisible:function(){var t=this;this.passwordVisible=!this.passwordVisible,this.$nextTick((function(){t.focus()}))},getInput:function(){return this.$refs.input||this.$refs.textarea},getSuffixVisible:function(){return this.$slots.suffix||this.suffixIcon||this.showClear||this.showPassword||this.isWordLimitVisible||this.validateState&&this.needStatusIcon}},created:function(){var t=this;this.$on("inputSelect",this.select),this.$once("hook:beforeDestroy",(function(){t.$off("inputSelect",t.select)}))},mounted:function(){this.setNativeInputValue(),this.resizeTextarea(),this.updateIconOffset()},beforeUpdate:function(){this.resizeTextarea()},updated:function(){this.$nextTick(this.updateIconOffset)}},v=i(0),_=Object(v.a)(b,n,[],!1,null,null,null).exports;_.install=function(t){t.component(_.name,_)};e.default=_}});