<template>
  <div class="tool">
    <div class="items">
      <div class="item" @click.stop="delElement">
        <el-icon style="font-size: 14px">
          <Delete />
        </el-icon>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
const props = defineProps({
  options: Object
});
import { inject } from 'vue';

const { options } = toRefs(props);

const delFormListItem = inject('delFormListItem');
const delElement = () => {
  delFormListItem(options.value.uuid);
};
</script>
<style scoped lang="less">
.tool {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  z-index: 999;
  right: 20px;

  .items {

    .item {
      width: 24px;
      height: 24px;
      text-align: center;
      line-height: 22px;
      border: #F56C6C solid 1px;
      border-radius: 50%;
      color: #F56C6C;
      background-color: #fff;
    }
  }
}
</style>



