<template>
    <el-tag
        v-model="modelData[row.model]"
        class="info-tag"
        :type="row.tagType?.()"
        :size="row.size"
        :effect="row.effect"
        :round="row.round"
        :closable="row.closable"
        :hit="row.border"
        :checked="row.checked"
        :color="row.color"
        @click="row.click?.(row.tagName)"
        @close="row.close?.(row.tagName)"
    >
        {{ row.tagName }}
    </el-tag>
</template>
<script lang="ts">
import { defineComponent, PropType } from 'vue'
import { TagInterface } from './index'
export default defineComponent({
    props: {
        row: {
            type: Object as PropType<TagInterface>,
            default: () => {
            }
        },
        modelData: {
            type: Object,
            default: () => {}
        }
    },
    setup () {
        return {
        }
    }
})
</script>
<style lang="scss" scoped>
.info-tag {
    width: 100%;
    text-align: center;
}
</style>
