Fix Draw straight line will can not be copied (#734)

apps/image-editor/createConfigVariable.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-sync */
 const fs = require('fs');
 const path = require('path');
 const config = require(path.resolve(__dirname, 'tuidoc.config.json'));

apps/image-editor/src/js/component/cropper.js

@@ -195,6 +195,7 @@ class Cropper extends Component {
    * @returns {{left: number, top: number, width: number, height: number}}
    * @private
    */
+  // eslint-disable-next-line complexity
   _calcRectDimensionFromPoint(x, y, presetRatio = null) {
     const canvas = this.getCanvas();
     const canvasWidth = canvas.getWidth();

apps/image-editor/src/js/extension/cropzone.js

@@ -369,6 +369,7 @@ const Cropzone = fabric.util.createClass(
      * @returns {{width: number, height: number}}
      * @private
      */
+    // eslint-disable-next-line complexity
     adjustRatioCropzoneSize({ width, height, leftMaker, topMaker, maxWidth, maxHeight, scaleTo }) {
       width = maxWidth ? clamp(width, 1, maxWidth) : width;
       height = maxHeight ? clamp(height, 1, maxHeight) : height;

apps/image-editor/src/js/graphics.js

@@ -1481,15 +1481,16 @@ class Graphics {
    * @private
    */
   _copyFabricObject(targetObject) {
-    return new Promise((resolve) => {
-      targetObject.clone((cloned) => {
-        const shapeComp = this.getComponent(components.SHAPE);
-        if (isShape(cloned)) {
-          shapeComp.processForCopiedObject(cloned, targetObject);
-        }
+    // delete __fe_id so that new created object had not conflict and create new __fe_id for that
+    if (targetObject.__fe_id) delete targetObject.__fe_id;
 
-        resolve(cloned);
-      });
+    return new Promise((resolve) => {
+      const cloned = fabric.util.object.clone(targetObject);
+      const shapeComp = this.getComponent(components.SHAPE);
+      if (isShape(cloned)) {
+        shapeComp.processForCopiedObject(cloned, targetObject);
+      }
+      resolve(cloned);
     });
   }