ant-design-vue/components/icon/icon.jsx

62 lines
1.1 KiB
React
Raw Normal View History

2018-03-19 02:16:27 +00:00
2017-10-26 07:18:08 +00:00
export default {
2018-04-08 13:17:20 +00:00
name: 'AIcon',
2017-10-26 07:18:08 +00:00
props: {
prefixCls: {
default: 'anticon',
type: String,
},
type: String,
title: String,
spin: Boolean,
},
data () {
return {
}
},
computed: {
classes () {
const { prefixCls, type, spin } = this
return {
[`${prefixCls}`]: true,
[`${prefixCls}-${type}`]: type,
[`${prefixCls}-spin`]: !!spin || type === 'loading',
}
},
},
methods: {
handleClick (event) {
if (this.clicked) {
return
}
2018-01-25 09:40:46 +00:00
2017-10-26 07:18:08 +00:00
this.clicked = true
clearTimeout(this.timeout)
this.timeout = setTimeout(() => (this.clicked = false), 500)
this.$emit('click', event)
},
},
2018-01-25 08:29:23 +00:00
render () {
2018-01-25 09:40:46 +00:00
const { title, classes, handleClick, $listeners } = this
const iconProps = {
attrs: {
title,
},
class: classes,
on: {
...$listeners,
click: handleClick,
},
}
2018-01-25 08:29:23 +00:00
return (
2018-01-25 09:40:46 +00:00
<i {...iconProps}/>
2018-01-25 08:29:23 +00:00
)
},
2017-10-26 07:18:08 +00:00
beforeDestroy () {
if (this.timeout) {
clearTimeout(this.timeout)
}
},
}
2018-03-19 02:16:27 +00:00