<template>
	<div class="freedom">
		<header>标题栏</header>
		<div class="freedom-body">
			<component v-for="(item, index) in childItem.child" :style="transformStyle(item.commonStyle)" :is="item.name" :key="index" @click.stop="handleElementClick(containerIndex, index)" @mousedown.native.stop.prevent="mousedown(index, $event)" v-bind="item.props"></component>
		</div>
	</div>
</template>
<script lang="ts" src="./index.ts"></script>
<style lang="less">
	.freedom {
		width: 100%;
		header {
			width: 100%;
			height: 48px;
			line-height: 48px;
			text-align: center;
			border-bottom: 1px solid #f0f0f0;
		}
		.freedom-body {
			position: relative;
			width: 100%;
			height: 234px;
		}
	}
</style>