mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-02-17 13:20:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(select): change payload of change event to v-model new value

Browse Source
This commit is contained in:
07akioni 2019-08-19 15:23:24 +08:00
parent b319c95551
commit a2fa6e3b7e
3 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
demo/components/selectDemo/changeEvent.demo.vue
View File

@ -91,8 +91,8 @@ export default {
}
},
methods: {
handleChange (item, isSelected) {
this.$NMessage.success('item: ' + JSON.stringify(item) + ', isSelected: ' + JSON.stringify(isSelected))
handleChange (item) {
this.$NMessage.success('value: ' + JSON.stringify(item))
}
}
}

4
demo/components/selectDemo/changeEventEmitItem.demo.vue
View File

@ -93,8 +93,8 @@ export default {
}
},
methods: {
handleChange (item, isSelected) {
this.$NMessage.success('item: ' + JSON.stringify(item) + ', isSelected: ' + JSON.stringify(isSelected))
handleChange (value) {
this.$NMessage.success('value: ' + JSON.stringify(value))
}
}
}

33
packages/common/Select/src/MultipleSelect.vue
View File

@ -269,14 +269,7 @@ export default {
return valueToItem
},
selectedItems () {
if (!Array.isArray(this.value)) return []
if (this.remote) {
return this.value
.filter(value => this.valueItemMap.has(value) || this.memorizedValueItemMap.has(value))
.map(value => this.valueItemMap.has(value) ? this.valueItemMap.get(value) : this.memorizedValueItemMap.get(value))
} else {
return this.value.filter(value => this.valueItemMap.has(value)).map(value => this.valueItemMap.get(value))
}
return this.mapValueToItem(this.value)
},
clearedPattern () {
return this.pattern.toLowerCase().trim()
@ -316,11 +309,22 @@ export default {
return false
}
},
emitChangeEvent (item, isSelected) {
if (this.emitItem) {
this.$emit('change', item, isSelected)
mapValueToItem (values) {
if (!Array.isArray(values)) return []
if (this.remote) {
return values
.filter(value => this.valueItemMap.has(value) || this.memorizedValueItemMap.has(value))
.map(value => this.valueItemMap.has(value) ? this.valueItemMap.get(value) : this.memorizedValueItemMap.get(value))
} else {
this.$emit('change', item.value, isSelected)
return values.filter(value => this.valueItemMap.has(value)).map(value => this.valueItemMap.get(value))
}
},
emitChangeEvent (newValue) {
if (this.emitItem) {
let selectedItems = this.mapValueToItem(newValue)
this.$emit('change', selectedItems)
} else {
this.$emit('change', newValue)
}
},
setPendingItem (item, index) {
@ -381,10 +385,10 @@ export default {
const index = newValue.findIndex(value => value === item.value)
if (~index) {
newValue.splice(index, 1)
this.emitChangeEvent(item, false)
// this.emitChangeEvent(item, false)
} else {
newValue.push(item.value)
this.emitChangeEvent(item, true)
// this.emitChangeEvent(item, true)
this.pattern = ''
}
this.$nextTick().then(() => {
@ -393,6 +397,7 @@ export default {
}
})
this.$emit('input', newValue)
this.emitChangeEvent(newValue)
},
handleMenuScrollStart () {
this.scrolling = true