cloud-ui.vusion/src/u-info-list-item.vue/index.js

Vusion Cloud UI

import { Emitter } from 'proto-ui.vusion';

export default {
    name: 'u-info-list-item',
    parentName: 'u-info-list',
    groupName: 'u-info-list-group',
    mixins: [Emitter],
    props: {
        label: String,
        labelSize: String,
        ellipsis: { type: Boolean, default: false },
    },
    data() {
        return {
            groupVM: undefined,
            parentVM: undefined,
        };
    },
    computed: {
        currentColumn() {
            return (this.groupVM && this.groupVM.column) || (this.parentVM && this.parentVM.column) || 'auto';
        },
        currentLabelSize() {
            return this.labelSize || (this.groupVM && this.groupVM.labelSize) || (this.parentVM && this.parentVM.labelSize) || 'auto';
        },
    },
    created() {
        this.dispatch(this.$options.groupName, 'add-item-vm', this);
        this.dispatch(this.$options.parentName, 'add-item-vm', this);
    },
    destroyed() {
        this.dispatch(this.$options.groupName, 'remove-item-vm', this);
        this.dispatch(this.$options.parentName, 'remove-item-vm', this);
    },
};