Merge pull request #3798 from m430/bug-3795

Select patches: fix bug #3795 #3722 修复select异步获取option数据导致，v-model失效等问题

Merge pull request #3798 from m430/bug-3795
Select patches: fix bug #3795 #3722 修复select异步获取option数据导致，v-model失效等问题
Aresn · GitHub
2 parents 273cc057 1d680640
Showing 2 changed files with 19 additions and 8 deletions Show diff stats
src/components/select/select-head.vue
src/components/select/select.vue
@@ -58,7 +58,7 @@
                 default: false
             },
             initialLabel: {
-                type: String,
+                type: [String, Number, Array],
             },
             values: {
                 type: Array,
@@ -230,9 +230,7 @@
                 }).filter(Boolean);
             }
  
-            if (this.values.length > 0 && this.selectOptions.length === 0){
-                this.hasExpectedValue = this.values;
-            }
+            this.checkUpdateStatus();
         },
         data () {
  
@@ -353,7 +351,7 @@
                         });
                     });
                 }
-
+                let hasDefaultSelected = slotOptions.some(option => this.query === option.key);
                 for (let option of slotOptions) {
  
                     const cOptions = option.componentOptions;
@@ -377,8 +375,10 @@
                         if (cOptions.children.length > 0) selectOptions.push({...option});
                     } else {
                         // ignore option if not passing filter
-                        const optionPassesFilter = this.filterable ? this.validateOption(cOptions) : option;
-                        if (!optionPassesFilter) continue;
+                        if (!hasDefaultSelected) {
+                            const optionPassesFilter = this.filterable ? this.validateOption(cOptions) : option;
+                            if (!optionPassesFilter) continue;
+                        }
  
                         optionCounter = optionCounter + 1;
                         selectOptions.push(this.processOption(option, selectedValues, optionCounter === currentIndex));
@@ -426,6 +426,7 @@
                 const {multiple, value} = this;
                 let initialValue = Array.isArray(value) ? value : [value];
                 if (!multiple && (typeof initialValue[0] === 'undefined' || (String(initialValue[0]).trim() === '' && !Number.isFinite(initialValue[0])))) initialValue = [];
+                if (this.remote && !this.multiple && this.value) this.query = value;
                 return initialValue.filter((item) => {
                     return Boolean(item) || item === 0;
                 });
@@ -632,12 +633,19 @@
             },
             updateSlotOptions(){
                 this.slotOptions = this.$slots.default;
+            },
+            checkUpdateStatus() {
+                if (this.getInitialValue().length > 0 && this.selectOptions.length === 0) {
+                    this.hasExpectedValue = true;
+                }
             }
         },
         watch: {
             value(value){
                 const {getInitialValue, getOptionData, publicValue} = this;
  
+                this.checkUpdateStatus();
+
                 if (value === '') this.values = [];
                 else if (JSON.stringify(value) !== JSON.stringify(publicValue)) {
                     this.$nextTick(() => this.values = getInitialValue().map(getOptionData).filter(Boolean));
@@ -716,7 +724,10 @@
                 this.broadcast('Drop', open ? 'on-update-popper' : 'on-destroy-popper');
             },
             selectOptions(){
-                if (this.hasExpectedValue){
+                if (this.hasExpectedValue && this.selectOptions.length > 0){
+                    if (this.values.length === 0) {
+                        this.values = this.getInitialValue();
+                    }
                     this.values = this.values.map(this.getOptionData).filter(Boolean);
                     this.hasExpectedValue = false;
                 }