element-gui/lib/autocomplete.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var s=t[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},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 n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)i.d(n,s,function(t){return e[t]}.bind(null,s));return n},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=71)}({0:function(e,t,i){"use strict";function n(e,t,i,n,s,o,r,l){var u,a="function"==typeof e?e.options:e;if(t&&(a.render=t,a.staticRenderFns=i,a._compiled=!0),n&&(a.functional=!0),o&&(a._scopeId="data-v-"+o),r?(u=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__),s&&s.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},a._ssrRegister=u):s&&(u=l?function(){s.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:s),u)if(a.functional){a._injectStyles=u;var c=a.render;a.render=function(e,t){return u.call(t),c(e,t)}}else{var p=a.beforeCreate;a.beforeCreate=p?[].concat(p,u):[u]}return{exports:e,options:a}}i.d(t,"a",(function(){return n}))},10:function(e,t){e.exports=require("element-gui/lib/input")},11:function(e,t){e.exports=require("element-gui/lib/utils/clickoutside")},12:function(e,t){e.exports=require("element-gui/lib/scrollbar")},13:function(e,t){e.exports=require("element-gui/lib/mixins/migrating")},2:function(e,t){e.exports=require("element-gui/lib/utils/util")},20:function(e,t){e.exports=require("throttle-debounce/debounce")},26:function(e,t){e.exports=require("element-gui/lib/mixins/focus")},4:function(e,t){e.exports=require("element-gui/lib/mixins/emitter")},5:function(e,t){e.exports=require("element-gui/lib/utils/vue-popper")},71:function(e,t,i){"use strict";i.r(t);var n=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.close,expression:"close"}],staticClass:"el-autocomplete",class:[{"is-focus":e.focused}],attrs:{"aria-haspopup":"listbox",role:"combobox","aria-expanded":e.suggestionVisible,"aria-owns":e.id}},[i("el-input",e._b({ref:"input",on:{input:e.handleInput,change:e.handleChange,focus:e.handleFocus,blur:e.handleBlur,clear:e.handleClear},nativeOn:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:(t.preventDefault(),e.highlight(e.highlightedIndex-1))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:(t.preventDefault(),e.highlight(e.highlightedIndex+1))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleKeyEnter(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"tab",9,t.key,"Tab")?null:e.handleKeyTab(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.handleKeyEscape(t)}]}},"el-input",[e.$props,e.$attrs],!1),[e.$slots.prepend?i("template",{slot:"prepend"},[e._t("prepend")],2):e._e(),e.$slots.append?i("template",{slot:"append"},[e._t("append")],2):e._e(),e.$slots.prefix?i("template",{slot:"prefix"},[e._t("prefix")],2):e._e(),e.$slots.suffix?i("template",{slot:"suffix"},[e._t("suffix")],2):e._e()],2),e.inputDisabled||e.readonly?e._e():i("el-autocomplete-suggestions",{ref:"suggestions",class:[e.popperClass?e.popperClass:""],attrs:{"visible-arrow":e._visibleArrow,"popper-options":e.popperOptions,"append-to-body":e.popperAppendToBody,placement:e.placement,tabindex:"-1",id:e.id},nativeOn:{keydown:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.handleKeyEscape(t)}}},e._l(e.suggestions,(function(t,n){return i("li",{key:n,class:[{highlighted:e.highlightedIndex===n},"el-autocomplete-item"],attrs:{id:e.id+"-item-"+n,role:"option","aria-selected":e.highlightedIndex===n},on:{click:function(i){return e.select(t)}}},[e._t("default",[i("span",{staticClass:"ellipsis-wrapper"},[i("em",{directives:[{name:"ellipsis",rawName:"v-ellipsis"}]},[e._v(e._s(t[e.valueKey]))])])],{item:t})],2)})),0)],1)};n._withStripped=!0;var s=i(20),o=i.n(s),r=i(10),l=i.n(r),u=i(11),a=i.n(u),c=i(9),p=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("transition",{attrs:{name:"el-zoom-in-top"},on:{"after-leave":e.doDestroy}},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.showPopper,expression:"showPopper"}],staticClass:"el-autocomplete-suggestion el-popper",class:[{"is-loading":!e.parent.hideLoading&&e.parent.loading},e.$parent.inputSize?"el-autocomplete-suggestion--"+e.$parent.inputSize:""],style:{width:e.dropdownWidth},attrs:{role:"region"}},[i("el-scrollbar",{attrs:{tag:"ul","wrap-class":"el-autocomplete-suggestion__wrap","view-class":"el-autocomplete-suggestion__list"}},[!e.parent.hideLoading&&e.parent.loading?i("li",[i("i",{staticClass:"el-icon-loading"})]):e._t("default")],2)],1)])};p._withStripped=!0;var d=i(5),h=i.n(d),g=i(4),f=i.n(g),m=i(12),b={components:{ElScrollbar:i.n(m).a},mixins:[h.a,f.a],componentName:"ElAutocompleteSuggestions",data:function(){return{parent:this.$parent,dropdownWidth:""}},props:{options:{default:function(){return{gpuAcceleration:!1}}},id:String},methods:{select:function(e){this.dispatch("ElAutocomplete","item-click",e)}},updated:function(){var e=this;this.$nextTick((function(t){e.popperJS&&e.updatePopper()}))},mounted:function(){this.$parent.popperElm=this.popperElm=this.$el,this.referenceElm=this.$parent.$refs.input.$refs.input||this.$parent.$refs.input.$refs.textarea,this.referenceList=this.$el.querySelector(".el-autocomplete-suggestion__list"),this.referenceList.setAttribute("role","listbox"),this.referenceList.setAttribute("id",this.id)},created:function(){var e=this;this.$on("visible",(function(t,i){e.dropdownWidth=i+"px",e.showPopper=t}))}},v=i(0),y=Object(v.a)(b,p,[],!1,null,null,null).exports,x=i(13),_=i.n(x),$=i(2),S=i(26),w=i.n(S),k={name:"ElAutocomplete",mixins:[f.a,w()("input"),_.a],inject:{elForm:{default:""},elFormItem:{default:""}},inheritAttrs:!1,componentName:"ElAutocomplete",components:{ElInput:l.a,ElAutocompleteSuggestions:y},directives:{Clickoutside:a.a,ellipsis:c.a},props:{valueKey:{type:String,default:"value"},popperClass:String,popperOptions:Object,placeholder:String,clearable:{type:Boolean,default:!1},disabled:Boolean,readonly:Boolean,name:String,size:String,value:String,maxlength:Number,minlength:Number,autofocus:Boolean,fetchSuggestions:Function,triggerOnFocus:{type:Boolean,default:!0},customItem:String,selectWhenUnmatched:{type:Boolean,default:!1},prefixIcon:String,suffixIcon:String,label:String,debounce:{type:Number,default:300},placement:{type:String,default:"bottom-start"},hideLoading:Boolean,popperAppendToBody:{type:Boolean,default:!0},highlightFirstItem:{type:Boolean,default:!1},selectOnTab:{type:Boolean,default:!1},visibleArrow:{type:Boolean,default:!1}},data:function(){return{activated:!1,suggestions:[],loading:!1,highlightedIndex:-1,suggestionDisabled:!1,focused:!1}},computed:{suggestionVisible:function(){var e=this.suggestions;return(Array.isArray(e)&&e.length>0||this.loading)&&this.activated},id:function(){return"el-autocomplete-"+Object($.generateId)()},_elFormItemSize:function(){return(this.elFormItem||{}).elFormItemSize},inputSize:function(){return this.size||this._elFormItemSize||(this.$ELEMENT||{}).size},inputDisabled:function(){return this.disabled||(this.elForm||{}).disabled},_visibleArrow:function(){return this.visibleArrow||(this.$ELEMENT||{}).visibleArrow}},watch:{suggestionVisible:function(e){this.switchSuggestions(e)}},methods:{switchSuggestions:function(e){var t=this.getInput();t&&(this.broadcast("ElAutocompleteSuggestions","visible",[e,t.offsetWidth]),this.$emit("visible-change"))},getMigratingConfig:function(){return{props:{"custom-item":"custom-item is removed, use scoped slot instead.",props:"props is removed, use value-key instead."}}},getData:function(e){var t=this;this.suggestionDisabled||(this.loading=!0,this.fetchSuggestions(e,(function(e){t.loading=!1,t.suggestionDisabled||(Array.isArray(e)?(t.suggestions=e,t.highlightedIndex=t.highlightFirstItem?0:-1):console.error("[Element Error][Autocomplete]autocomplete suggestions must be an array"))})))},handleInput:function(e){if(!this.inputDisabled&&!this.readonly){if(this.$emit("input",e),this.suggestionDisabled=!1,!this.triggerOnFocus&&!e)return this.suggestionDisabled=!0,void(this.suggestions=[]);this.activated=!0,this.debouncedGetData(e)}},handleChange:function(e){this.$emit("change",e)},handleFocus:function(e){this.inputDisabled||this.readonly||(this.activated=!0,this.focused=!0,this.$emit("focus",e),this.triggerOnFocus&&this.debouncedGetData(this.value))},handleBlur:function(e){this.focused=!1,this.$emit("blur",e)},handleClear:function(){this.activated=!1,this.$emit("clear",this.value)},handleKeyEscape:function(e){this.suggestionVisible&&(this.$refs.input.blur(),this.close(e),e.preventDefault(),e.stopPropagation())},close:function(e){this.activated=!1},handleKeyTab:function(e){this.selectOnTab?this.handleKeyEnter(e):this.close(e)},handleKeyEnter:function(e){var t=this;this.suggestionVisible&&this.highlightedIndex>=0&&this.highlightedIndex<this.suggestions.length?(e.preventDefault(),this.select(this.suggestions[this.highlightedIndex])):this.selectWhenUnmatched&&(this.$emit("select",{value:this.value}),this.$nextTick((function(e){t.suggestions=[],t.highlightedIndex=-1})))},select:function(e){var t=this;this.$emit("input",e[this.valueKey]),this.$emit("select",e),this.$nextTick((function(e){t.suggestions=[],t.highlightedIndex=-1}))},highlight:function(e){if(this.suggestionVisible&&!this.loading)if(e<0)this.highlightedIndex=-1;else{e>=this.suggestions.length&&(e=this.suggestions.length-1);var t=this.$refs.suggestions.$el.querySelector(".el-autocomplete-suggestion__wrap"),i=t.querySelectorAll(".el-autocomplete-suggestion__list li")[e],n=t.scrollTop,s=i.offsetTop;s+i.scrollHeight>n+t.clientHeight&&(t.scrollTop+=i.scrollHeight),s<n&&(t.scrollTop-=i.scrollHeight),this.highlightedIndex=e,this.getInput().setAttribute("aria-activedescendant",this.id+"-item-"+this.highlightedIndex)}},getInput:function(){return this.$refs.input.getInput()}},mounted:function(){var e=this;this.debouncedGetData=o()(this.debounce,this.getData),this.$on("item-click",(function(t){e.select(t)}));var t=this.getInput();t.setAttribute("role","textbox"),t.setAttribute("aria-autocomplete","list"),t.setAttribute("aria-controls","id"),t.setAttribute("aria-activedescendant",this.id+"-item-"+this.highlightedIndex)},beforeDestroy:function(){this.$refs.suggestions.$destroy()}},E=Object(v.a)(k,n,[],!1,null,null,null).exports;E.install=function(e){e.component(E.name,E)};t.default=E},9:function(e,t,i){"use strict";var n=i(2);t.a={inserted:function(e,t){e.onmouseover=function(){var t=e.offsetWidth;Object(n.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")}}}}});