element-gui/lib/input-range.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=96)}({0:function(e,t,n){"use strict";function i(e,t,n,i,r,a,s,l){var o,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),i&&(u.functional=!0),a&&(u._scopeId="data-v-"+a),s?(o=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)},u._ssrRegister=o):r&&(o=l?function(){r.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:r),o)if(u.functional){u._injectStyles=o;var d=u.render;u.render=function(e,t){return o.call(t),d(e,t)}}else{var c=u.beforeCreate;u.beforeCreate=c?[].concat(c,o):[o]}return{exports:e,options:u}}n.d(t,"a",(function(){return i}))},4:function(e,t){e.exports=require("element-gui/lib/mixins/emitter")},96:function(e,t,n){"use strict";n.r(t);var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"el-input-range",class:[e.inputRangeSize?"el-input-range--"+e.inputRangeSize:"",e.inputRangeDisabled?"is-disabled":"",e.readonly?"is-readonly":"",e.isFocus?"is-focus":"",e.clearable&&(e.startModel||e.endModel)?"is-clear":""]},[n("div",{staticClass:"el-input-range__wrapper"},[e.prefix||e.$slots.prefix?n("span",{staticClass:"el-input-range__prefix"},[e._t("prefix",[e._v(e._s(e.prefix))])],2):e._e(),n("input",e._b({directives:[{name:"model",rawName:"v-model.trim",value:e.startModel,expression:"startModel",modifiers:{trim:!0}}],ref:"start",staticClass:"el-input-range__inner",attrs:{autocomplete:"off",disabled:e.inputRangeDisabled,readonly:e.readonly,name:e.name&&e.name+"-start",placeholder:e.startPlaceholder},domProps:{value:e.startModel},on:{change:e.onChange,focus:e.handleFocus,blur:[e.handleBlur,function(t){return e.$forceUpdate()}],input:function(t){t.target.composing||(e.startModel=t.target.value.trim())}}},"input",e.$attrs,!1)),e.suffix||e.$slots.suffix?n("span",{staticClass:"el-input-range__suffix"},[e._t("suffix",[e._v(e._s(e.suffix))])],2):e._e(),n("span",{staticClass:"el-input-range__separator"},[e._t("separator",[e._v(e._s(e.separator))])],2),e.prefix||e.$slots.prefix?n("span",{staticClass:"el-input-range__prefix"},[e._t("prefix",[e._v(e._s(e.prefix))])],2):e._e(),n("input",e._b({directives:[{name:"model",rawName:"v-model.trim",value:e.endModel,expression:"endModel",modifiers:{trim:!0}}],ref:"end",staticClass:"el-input-range__inner",attrs:{autocomplete:"off",disabled:e.inputRangeDisabled,readonly:e.readonly,name:e.name&&e.name+"-end",placeholder:e.endPlaceholder},domProps:{value:e.endModel},on:{change:e.onChange,focus:e.handleFocus,blur:[e.handleBlur,function(t){return e.$forceUpdate()}],input:function(t){t.target.composing||(e.endModel=t.target.value.trim())}}},"input",e.$attrs,!1)),e.suffix||e.$slots.suffix?n("span",{staticClass:"el-input-range__suffix end-suffix"},[e._t("suffix",[e._v(e._s(e.suffix))])],2):e._e(),!e.clearable||e.inputRangeDisabled||e.readonly?e._e():n("span",{staticClass:"el-input-range__clear"},[n("i",{staticClass:"el-icon-circle-close clear-btn",on:{click:e.handleClear}})])])])};i._withStripped=!0;var r=n(4),a={name:"ElInputRange",mixins:[n.n(r).a],inheritAttrs:!1,inject:{elForm:{default:""},elFormItem:{default:""}},props:{value:{type:Array,default:function(){return[]}},name:String,disabled:Boolean,readonly:Boolean,clearable:Boolean,size:String,startPlaceholder:String,endPlaceholder:String,separator:{default:"-"},prefix:String,suffix:String,validateEvent:{type:Boolean,default:!0}},data:function(){return{startModel:null,endModel:null,isFocus:!1}},watch:{value:{handler:function(e){var t=null,n=null;Array.isArray(e)&&(t=e[0],n=e[1]),this.startModel=t,this.endModel=n,this.$emit("change",e),this.validateEvent&&this.dispatch("ElFormItem","el.form.change",[e])},immediate:!0}},computed:{_elFormItemSize:function(){return(this.elFormItem||{}).elFormItemSize},inputRangeSize:function(){return this.size||this._elFormItemSize||(this.$ELEMENT||{}).size},inputRangeDisabled:function(){return this.disabled||!!(this.elForm||{}).disabled}},methods:{focus:function(){var e=this;this.$nextTick((function(){e.$refs.start.focus()}))},blur:function(){this.$refs.start.blur()},onChange:function(){if(!this.inputRangeDisabled&&!this.readonly){var e=void 0;e=this.startModel||this.endModel?[this.startModel,this.endModel]:null,this.$emit("input",e)}},handleBlur:function(e){this.inputRangeDisabled||this.readonly||(this.isFocus=!1,this.$emit("blur",e),this.validateEvent&&this.dispatch("ElFormItem","el.form.blur",this.value))},handleFocus:function(e){this.inputRangeDisabled||this.readonly||(this.isFocus=!0,this.$emit("focus",e))},handleClear:function(){this.$emit("clear",this.value),this.$emit("input",null)}}},s=n(0),l=Object(s.a)(a,i,[],!1,null,null,null).exports;l.install=function(e){e.component(l.name,l)};t.default=l}});