feat: undo chage from group selection = #1

src/index.js

@@ -22,5 +22,6 @@ import './js/command/resizeCanvasDimension';
 import './js/command/rotate';
 import './js/command/setObjectProperties';
 import './js/command/setObjectPosition';
+import './js/command/moveResizeFromSelection';
 
 module.exports = ImageEditor;

src/js/command/moveResizeFromSelection.js

@@ -0,0 +1,41 @@
+/**
+ * @author NHN Ent. FE Development Team <dl_javascript@nhn.com>
+ * @fileoverview Set object properties
+ */
+import commandFactory from '../factory/command';
+// import {Promise} from '../util';
+// import {commandNames, rejectMessages} from '../consts';
+
+const command = {
+    name: 'moveResizeFromSelection',
+
+    execute(graphics, id, props) {
+        /*
+        const targetObj = graphics.getObject(id);
+
+        this.undoData.props = {};
+        snippet.forEachOwnProperties(props, (value, key) => {
+            this.undoData.props[key] = targetObj[key];
+        });
+
+        graphics.setObjectProperties(id, props);
+
+        return Promise.resolve();
+        */
+    },
+    undo(graphics, id) {
+        /*
+        const {props} = this.undoData;
+
+        console.log('Undo', props);
+
+        graphics.setObjectProperties(id, props);
+
+        return Promise.resolve();
+        */
+    }
+};
+
+commandFactory.register(command);
+
+export default command;

src/js/graphics.js

@@ -989,9 +989,8 @@ class Graphics {
      */
     _onMouseDown(fEvent) {
         const originPointer = this._canvas.getPointer(fEvent.e);
-        const props = fEvent.target ? this.createObjectProperties(fEvent.target) : null;
 
-        this.fire(events.MOUSE_DOWN, fEvent.e, originPointer, props);
+        this.fire(events.MOUSE_DOWN, fEvent.e, originPointer, fEvent.target);
     }
 
     /**

src/js/imageEditor.js

@@ -393,7 +393,7 @@ class ImageEditor {
      *  @param {Number} originPointer.y y position
      * @private
      */
-    _onMouseDown(event, originPointer, props) {
+    _onMouseDown(event, originPointer, obj) {
         /**
          * The mouse down event with position x, y on canvas
          * @event ImageEditor#mousedown
@@ -413,13 +413,14 @@ class ImageEditor {
          *     }
          * });
          */
-        if (props) {
+
+        if (obj) {
             this._invoker.cacheUndoDataForChangeDimension = extend({}, {
-                left: props.left,
-                top: props.top,
-                width: props.width,
-                height: props.height,
-                angle: props.angle
+                left: obj.left,
+                top: obj.top,
+                width: obj.width,
+                height: obj.height,
+                angle: obj.angle
             });
         }