You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
3.2 KiB
110 lines
3.2 KiB
import T from './Table'
|
|
|
|
import { getOptionProps, getKey, getClass,
|
|
getStyle, getEvents, getSlotOptions, camelize, getSlots,
|
|
} from '../_util/props-util'
|
|
|
|
const Table = {
|
|
name: 'ATable',
|
|
Column: T.Column,
|
|
ColumnGroup: T.ColumnGroup,
|
|
props: T.props,
|
|
methods: {
|
|
normalize (elements = []) {
|
|
const columns = []
|
|
elements.forEach(element => {
|
|
if (!element.tag) {
|
|
return
|
|
}
|
|
const key = getKey(element)
|
|
const style = getStyle(element)
|
|
const cls = getClass(element)
|
|
const props = getOptionProps(element)
|
|
const events = getEvents(element)
|
|
const listeners = {}
|
|
Object.keys(events).forEach(e => {
|
|
const k = `on-${e}`
|
|
listeners[camelize(k)] = events[e]
|
|
})
|
|
const { default: children, ...restSlots } = getSlots(element)
|
|
const column = { ...restSlots, ...props, style, class: cls, ...listeners }
|
|
if (key) {
|
|
column.key = key
|
|
}
|
|
if (getSlotOptions(element).__ANT_TABLE_COLUMN_GROUP) {
|
|
column.children = this.normalize(children)
|
|
} else {
|
|
const customRender = element.data && element.data.scopedSlots && element.data.scopedSlots.default
|
|
column.customRender = column.customRender || customRender
|
|
}
|
|
columns.push(column)
|
|
})
|
|
return columns
|
|
},
|
|
updateColumns (cols = []) {
|
|
const columns = []
|
|
const { $slots, $scopedSlots } = this
|
|
cols.forEach(col => {
|
|
const { slots = {}, scopedSlots = {}, ...restProps } = col
|
|
const column = {
|
|
...restProps,
|
|
}
|
|
Object.keys(slots).forEach(key => {
|
|
const name = slots[key]
|
|
if (column[key] === undefined && $slots[name]) {
|
|
column[key] = $slots[name]
|
|
}
|
|
})
|
|
Object.keys(scopedSlots).forEach(key => {
|
|
const name = scopedSlots[key]
|
|
if (column[key] === undefined && $scopedSlots[name]) {
|
|
column[key] = $scopedSlots[name]
|
|
}
|
|
})
|
|
// if (slotScopeName && $scopedSlots[slotScopeName]) {
|
|
// column.customRender = column.customRender || $scopedSlots[slotScopeName]
|
|
// }
|
|
if (col.children) {
|
|
column.children = this.updateColumns(column.children)
|
|
}
|
|
columns.push(column)
|
|
})
|
|
return columns
|
|
},
|
|
},
|
|
render () {
|
|
const { $listeners, $slots, normalize, $scopedSlots } = this
|
|
const props = getOptionProps(this)
|
|
const columns = props.columns ? this.updateColumns(props.columns) : normalize($slots.default)
|
|
let { title, footer } = props
|
|
const {
|
|
title: slotTitle,
|
|
footer: slotFooter,
|
|
expandedRowRender = props.expandedRowRender,
|
|
} = $scopedSlots
|
|
title = title || slotTitle
|
|
footer = footer || slotFooter
|
|
const tProps = {
|
|
props: {
|
|
...props,
|
|
columns,
|
|
title,
|
|
footer,
|
|
expandedRowRender,
|
|
},
|
|
on: $listeners,
|
|
}
|
|
return (
|
|
<T {...tProps}/>
|
|
)
|
|
},
|
|
}
|
|
/* istanbul ignore next */
|
|
Table.install = function (Vue) {
|
|
Vue.component(Table.name, Table)
|
|
Vue.component(Table.Column.name, Table.Column)
|
|
Vue.component(Table.ColumnGroup.name, Table.ColumnGroup)
|
|
}
|
|
|
|
export default Table
|