cloud-ui.vusion/src/u-table-view-cell.vue/index.js

Vusion Cloud UI

export default {
    name: 'u-table-view-cell',
    props: {
        row: {
            type: Object,
            default() {
                return {};
            },
        },
        column: Object,
        expand: { type: Boolean, default: false },
        text: { type: Boolean, default: false }, // 表示纯文本内容
    },
    render(h) {
        let vnode = null;
        if (this.expand) {
            if (this.column.$slots.expandContent)
                vnode = this.column.$slots.expandContent;
            else if (this.column.$scopedSlots.expandContent)
                vnode = this.column.$scopedSlots.expandContent;
        } else if (this.text) {
            // 表格的自定义头部内容
            vnode = this.column.$slots.headerTitle;
        } else {
            if (this.column.$scopedSlots.default)
                vnode = this.column.$scopedSlots.default;
            else
                vnode = this.column.$slots.default;
        }
        return h('div', {
            class: {
                expand: this.expand,
            },
        }, [
            typeof vnode === 'object' ? vnode : vnode({
                row: this.row,
            }),
        ]);
    },
};