<template>
	<div class="description-self-box">
		<el-descriptions :column="columns" :direction="direction" :title="title" border>
			<el-descriptions-item :min-width="minWidth" v-for="(item, index) in dataList" :label="item.label" :key="index">{{ item.value }}</el-descriptions-item>
		</el-descriptions>
	</div>
</template>
<script lang="ts" setup>
import { ref, reactive, onMounted } from 'vue'

interface DataItem {
	label: string;
	value: any;
} 

const props = defineProps({
	title: {
		type: String,
		default: "",
	},
	dataList: {
		type: Array<DataItem>,
		default: () => [],
	},
	direction: {
		type: String,
		default: "horizontal",
	},
	columns: {
		type: Number,
		default: 3,
	},
	minWidth: {
		type: Number||String,
		default: "",
	}
})

const emit = defineEmits(['onRemove', "onUpload", "preview"]);


const state = reactive({
	uploadFileArr: [] as any[],
})




onMounted(() => {

})


</script>
<style scoped>

</style>