ant-design-vue/components/auto-complete/InputElement.jsx
2018-03-19 10:47:23 +08:00

55 lines
1.3 KiB
JavaScript

import PropTypes from '../_util/vue-types'
import { cloneElement } from '../_util/vnode'
function chaining (...fns) {
return function (...args) { // eslint-disable-line
// eslint-disable-line
for (let i = 0; i < fns.length; i++) {
if (fns[i] && typeof fns[i] === 'function') {
fns[i].apply(this, args)
}
}
}
}
export default {
props: {
value: PropTypes.any,
disabled: PropTypes.bool,
},
methods: {
focus () {
const ele = this.$refs.ele
ele.focus ? ele.focus() : this.$el.focus()
},
blur () {
const ele = this.$refs.ele
ele.blur ? ele.blur() : this.$el.blur()
},
},
render () {
const { $slots = {}, $listeners = {}, $props = {}, $attrs = {}} = this
const value = $props.value === undefined ? '' : $props.value
const children = $slots.default[0]
const { componentOptions = {}} = $slots.default[0]
const { listeners = {}} = componentOptions
const newEvent = { ...listeners }
for (const [eventName, event] of Object.entries($listeners)) {
newEvent[eventName] = chaining(event, listeners[eventName])
}
return cloneElement(children, {
domProps: {
value,
},
props: $props,
on: newEvent,
attrs: { ...$attrs, value },
ref: 'ele',
})
},
}