refactor(components): 重构 RenderCropper 组件

- 注释掉的代码被解除注释，引入 cropperjs 库
- 注释掉的组件被保留（暂时未使用）
- 添加了 cropper 实例化代码，解决之前存在的问题

src/components/RenderCropper/index.vue

@@ -80,8 +80,15 @@
   </div>
 </template>
 <script>
-// import Cropper from 'cropperjs'
-
+import Cropper from 'cropperjs'
+// import {
+//   CropperCanvas,
+//   CropperImage,
+//   CropperShade,
+//   CropperHandle,
+//   CropperSelection,
+//   CropperViewer
+// } from 'vue-cropper'
 export default {
   name: 'index',
   data() {
@@ -119,7 +126,14 @@ export default {
       deep: true
     }
   },
-  components: {},
+  components: {
+    // CropperCanvas,
+    // CropperImage,
+    // CropperShade,
+    // CropperHandle,
+    // CropperSelection,
+    // CropperViewer
+  },
   filters: {},
   methods: {
     handleRemove() {
@@ -129,9 +143,9 @@ export default {
       this.file = file
       this.fileList = []
       this.visible = true
-      // setTimeout(() => {
-      //   this.cropper = new Cropper('#image', {})
-      // }, 300)
+      setTimeout(() => {
+        this.cropper = new Cropper('#image', {})
+      }, 300)
     },
     confirm() {
       this.$refs.selection.$toCanvas().then(canvas => {