Commit 220161f5edb25fea9098e65f5a1e7df12f63078f
1 parent
7d14e70c
Clean up empty/null entries
Showing
1 changed file
with
13 additions
and
13 deletions
Show diff stats
src/components/select/select.vue
| ... | ... | @@ -56,12 +56,12 @@ |
| 56 | 56 | > |
| 57 | 57 | <ul v-show="showNotFoundLabel" :class="[prefixCls + '-not-found']"><li>{{ localeNotFoundText }}</li></ul> |
| 58 | 58 | <ul :class="prefixCls + '-dropdown-list'"> |
| 59 | - <functional-options | |
| 60 | - v-if="(!remote) || (remote && !loading)" | |
| 61 | - :options="selectOptions" | |
| 62 | - :slot-update-hook="updateSlotOptions" | |
| 63 | - :slot-options="slotOptions" | |
| 64 | - ></functional-options> | |
| 59 | + <functional-options | |
| 60 | + v-if="(!remote) || (remote && !loading)" | |
| 61 | + :options="selectOptions" | |
| 62 | + :slot-update-hook="updateSlotOptions" | |
| 63 | + :slot-options="slotOptions" | |
| 64 | + ></functional-options> | |
| 65 | 65 | </ul> |
| 66 | 66 | <ul v-show="loading" :class="[prefixCls + '-loading']">{{ localeLoadingText }}</ul> |
| 67 | 67 | </Drop> |
| ... | ... | @@ -207,7 +207,7 @@ |
| 207 | 207 | |
| 208 | 208 | // set the initial values if there are any |
| 209 | 209 | if (this.values.length > 0 && !this.remote && this.selectOptions.length > 0){ |
| 210 | - this.values = this.values.map(this.getOptionData); | |
| 210 | + this.values = this.values.map(this.getOptionData).filter(Boolean); | |
| 211 | 211 | } |
| 212 | 212 | |
| 213 | 213 | if (this.values.length > 0 && this.selectOptions.length === 0){ |
| ... | ... | @@ -307,7 +307,7 @@ |
| 307 | 307 | const slotOptions = (this.slotOptions || []); |
| 308 | 308 | let optionCounter = -1; |
| 309 | 309 | const currentIndex = this.focusIndex; |
| 310 | - const selectedValues = this.values.map(({value}) => value); | |
| 310 | + const selectedValues = this.values.filter(Boolean).map(({value}) => value); | |
| 311 | 311 | if (this.autoComplete) { |
| 312 | 312 | const copyChildren = (node, fn) => { |
| 313 | 313 | return { |
| ... | ... | @@ -398,7 +398,7 @@ |
| 398 | 398 | const {multiple, value} = this; |
| 399 | 399 | let initialValue = Array.isArray(value) ? value : [value]; |
| 400 | 400 | if (!multiple && (typeof initialValue[0] === 'undefined' || String(initialValue[0]).trim() === '')) initialValue = []; |
| 401 | - return initialValue; | |
| 401 | + return initialValue.filter(Boolean); | |
| 402 | 402 | }, |
| 403 | 403 | processOption(option, values, isFocused){ |
| 404 | 404 | if (!option.componentOptions) return option; |
| ... | ... | @@ -580,7 +580,7 @@ |
| 580 | 580 | |
| 581 | 581 | if (value === '') this.values = []; |
| 582 | 582 | else if (JSON.stringify(value) !== JSON.stringify(publicValue)) { |
| 583 | - this.$nextTick(() => this.values = getInitialValue().map(getOptionData)); | |
| 583 | + this.$nextTick(() => this.values = getInitialValue().map(getOptionData).filter(Boolean)); | |
| 584 | 584 | } |
| 585 | 585 | }, |
| 586 | 586 | values(now, before){ |
| ... | ... | @@ -592,8 +592,8 @@ |
| 592 | 592 | // v-model is always just the value, event with labelInValue === true |
| 593 | 593 | const vModelValue = this.labelInValue ? |
| 594 | 594 | (this.multiple ? this.publicValue.map(({value}) => value) |
| 595 | - : | |
| 596 | - this.publicValue.value) : this.publicValue; | |
| 595 | + : | |
| 596 | + this.publicValue.value) : this.publicValue; | |
| 597 | 597 | this.$emit('input', vModelValue); // to update v-model |
| 598 | 598 | this.$emit('on-change', this.publicValue); |
| 599 | 599 | this.dispatch('FormItem', 'on-form-change', this.publicValue); |
| ... | ... | @@ -659,7 +659,7 @@ |
| 659 | 659 | }, |
| 660 | 660 | selectOptions(){ |
| 661 | 661 | if (this.hasExpectedValue){ |
| 662 | - this.values = this.values.map(this.getOptionData); | |
| 662 | + this.values = this.values.map(this.getOptionData).filter(Boolean); | |
| 663 | 663 | this.hasExpectedValue = false; |
| 664 | 664 | } |
| 665 | 665 | ... | ... |