| | |
| | | <text>{{label}}</text> |
| | | </view> |
| | | <view class="uni-combox__input-box"> |
| | | <input :auto-focus="isAutoFocus" :blur-call="blurCall" class="uni-combox__input" type="text" :placeholder="placeholder" |
| | | placeholder-class="uni-combox__input-plac" v-model="inputVal" @input="onInput" @focus="onFocus" |
| | | @blur="onBlur" /> |
| | | <input :auto-focus="isAutoFocus" :focus="isFocus" :blur-call="blurCall" class="uni-combox__input" type="text" |
| | | :placeholder="placeholder" placeholder-class="uni-combox__input-plac" v-model="inputVal" |
| | | @input="onInput" @focus="onFocus" @blur="onBlur" @confirm="onConfirm" /> |
| | | <uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" @click="onIconClick"> |
| | | </uni-icons> |
| | | </view> |
| | |
| | | <view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0"> |
| | | <text>{{emptyTips}}</text> |
| | | </view> |
| | | <view class="uni-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index" |
| | | @click="onSelectorClick(index)"> |
| | | <view class="uni-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index" |
| | | @click="onSelectorClick(index)"> |
| | | <text>{{item}}</text> |
| | | </view> |
| | | </scroll-view> |
| | |
| | | blurCall: { |
| | | type: Function, |
| | | default: () => {} |
| | | }, |
| | | confirmCall: { |
| | | type: Function, |
| | | default: () => {} |
| | | }, |
| | | isFocus: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | // #ifndef VUE3 |
| | | value: { |
| | |
| | | this.showSelector = false |
| | | this.blurCall() |
| | | }, 153) |
| | | }, |
| | | onConfirm() { |
| | | this.showSelector = false |
| | | this.$emit('confirm', this.inputVal) |
| | | this.$emit('update:modelValue', this.inputVal) |
| | | }, |
| | | onSelectorClick(index) { |
| | | this.inputVal = this.filterCandidates[index] |
| | |
| | | .uni-combox__no-border { |
| | | border: none; |
| | | } |
| | | </style> |
| | | </style> |