DropDown.oc-select-container.vm(ref="dropdown", v-if="items", @show="afterShow", @scroll="scroll", :disabled="disabled", :isFlex="true", @mouseenterHead="handlehoverClearIcon", @mouseleaveHead="handlehideHoverClearIcon")
template.pr(slot="dropHead")
select.ocFormElement(ref="select", tabindex="-1", :name="name", :required="required", :multiple="multiple", :disabled="disabled")
option(v-for="(val, index) in selected", :value="val", :index="index", :selected="true" :key="index") {{val}}
.oc-ipt-result.vm(:class="{ showClearAll: isShowClearAll, multipleLine: isMultipleLine }", ref="ipt", tabindex="0", :style="iptStyle", @keydown.stop="toggleAll", @keydown.esc.stop.prevent="$refs.dropdown.hide()", :disabled="disabled", v-keynavigate:target="keyTarget", @keyup.enter="$emit('enter')")
i.oc-select-clear-icon.fa.fa-times-circle(v-if="isShowClearAll && !disabled", tabindex="1", @click="handleClear")
.oc-ipt-result-inner(:class="{ multipleLine: isMultipleLine }")
template(v-if="multiple")
span(v-for="item in showMultipleText") {{item.key}}
i(v-if="!disabled", tabindex="-1", @click="remove(item)") ×
.oc-ipt-result-content(v-else)
font.mr5 {{showSingleText}}
template(slot="dropBody")
.filter.oc-select-filter(v-if="isShowFilter")
input.iptFilter.w.sm(tabindex="-1", type="text", placeholder="Search" @input="filterKeyword")
.oc-select-drop-body.ocScroll(ref="itemList")
ul(ref="ocSelectUl", :style="{height: this.visibleKeys.length * 35 + 'px'}")
template(v-for="(item, index) in visibleKeys")
li(:value="getString(filterItemObj[item])", :index="index", :data-key="item", @click="clickLi", :class="{active: selected.indexOf(getString(filterItemObj[item])) !== -1}") {{item || filterItemObj[item]}}