vue-drag-resize-rotate parent=true时边界处理异常问题

<template>
  <div class="view-box">
    <div id="toolbar">基本组件</div>
    <div class="container">
      <vue-drag-resize-rotate :parent="true" :w="width" :h="height" @resizestop="resizestop">
        <div :style="{ width: width + 'px', height: height + 'px', background: '#333' }">
          你可以拖着我，按照自己的意愿调整大小。1
        </div>
      </vue-drag-resize-rotate>
      <vue-drag-resize-rotate>
        <p>你可以拖着我，按照自己的意愿调整大小。2</p>
      </vue-drag-resize-rotate>
    </div>
    <div class="width">
      width:
      <input type="number" name="" id="" :value="width" />
    </div>
    <div class="height">
      height:
      <input type="number" name="" id="" :value="height" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      width: 300,
      height: 150
    };
  },
  methods: {
    resizestop(x, y, w, h) {
      this.width = w;
      this.height = h;
    }
  }
};
</script>