<template>
  <section class="AiDrag">
    <vue-draggable-resizable v-bind="$attrs">
      <slot/>
    </vue-draggable-resizable>
  </section>
</template>

<script>
import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
import VueDraggableResizable from 'vue-draggable-resizable'

export default {
  name: "AiDrag",
  components: {VueDraggableResizable},
  props: {
    type: {default: "show"} //show:只拖拽
  }
}
</script>

<style lang="scss" scoped>
.AiDrag {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;

  :deep(.vdr) {
    pointer-events: auto;
  }
}
</style>
