diff --git a/src/editor/Viewport.js b/src/editor/Viewport.js
index 7fc1f496..6a5f49b0 100644
--- a/src/editor/Viewport.js
+++ b/src/editor/Viewport.js
@@ -1,7 +1,4 @@
 import ViewportInfo from './ViewportInfo';
-import SetPositionCommand from '../command/SetPositionCommand';
-import SetRotationCommand from '../command/SetRotationCommand';
-import SetScaleCommand from '../command/SetScaleCommand';
 import UI2 from '../ui2/UI';
 
 /**
@@ -45,7 +42,8 @@ function Viewport(app) {
     sceneHelpers.add(grid);
     editor.grid = grid;
 
-    //
+    // 选中包围盒控件
+
     var selectionBox = new THREE.BoxHelper();
     selectionBox.material.depthTest = false;
     selectionBox.material.transparent = true;
@@ -54,89 +52,19 @@ function Viewport(app) {
 
     editor.selectionBox = selectionBox;
 
-    var objectPositionOnDown = null;
-    var objectRotationOnDown = null;
-    var objectScaleOnDown = null;
+    // 平移旋转缩放控件
 
     var transformControls = new THREE.TransformControls(camera, container.dom);
-
     editor.transformControls = transformControls;
 
     transformControls.addEventListener('change', function () {
-
-        var object = transformControls.object;
-
-        if (object !== undefined) {
-
-            selectionBox.setFromObject(object);
-
-            if (editor.helpers[object.id] !== undefined) {
-
-                editor.helpers[object.id].update();
-
-            }
-
-            _this.app.call('refreshSidebarObject3D', _this, object);
-        }
-
-        _this.app.call('render');
-
+        _this.app.call('transformControlsChange', _this);
     });
     transformControls.addEventListener('mouseDown', function () {
-
-        var object = transformControls.object;
-
-        objectPositionOnDown = object.position.clone();
-        objectRotationOnDown = object.rotation.clone();
-        objectScaleOnDown = object.scale.clone();
-
-        controls.enabled = false;
-
+        _this.app.call('transformControlsMouseDown', _this);
     });
     transformControls.addEventListener('mouseUp', function () {
-
-        var object = transformControls.object;
-
-        if (object !== undefined) {
-
-            switch (transformControls.getMode()) {
-
-                case 'translate':
-
-                    if (!objectPositionOnDown.equals(object.position)) {
-
-                        editor.execute(new SetPositionCommand(object, object.position, objectPositionOnDown));
-
-                    }
-
-                    break;
-
-                case 'rotate':
-
-                    if (!objectRotationOnDown.equals(object.rotation)) {
-
-                        editor.execute(new SetRotationCommand(object, object.rotation, objectRotationOnDown));
-
-                    }
-
-                    break;
-
-                case 'scale':
-
-                    if (!objectScaleOnDown.equals(object.scale)) {
-
-                        editor.execute(new SetScaleCommand(object, object.scale, objectScaleOnDown));
-
-                    }
-
-                    break;
-
-            }
-
-        }
-
-        controls.enabled = true;
-
+        _this.app.call('transformControlsMouseUp', _this);
     });
 
     sceneHelpers.add(transformControls);
diff --git a/src/event/viewport/TransformControlsEvent.js b/src/event/viewport/TransformControlsEvent.js
index 70954a4b..0ba3eed7 100644
--- a/src/event/viewport/TransformControlsEvent.js
+++ b/src/event/viewport/TransformControlsEvent.js
@@ -1,4 +1,7 @@
 import BaseEvent from '../BaseEvent';
+import SetPositionCommand from '../../command/SetPositionCommand';
+import SetRotationCommand from '../../command/SetRotationCommand';
+import SetScaleCommand from '../../command/SetScaleCommand';
 
 /**
  * 变形控件事件
@@ -6,6 +9,10 @@ import BaseEvent from '../BaseEvent';
  */
 function TransformControlsEvent(app) {
     BaseEvent.call(this, app);
+
+    this.objectPositionOnDown = null;
+    this.objectRotationOnDown = null;
+    this.objectScaleOnDown = null;
 }
 
 TransformControlsEvent.prototype = Object.create(BaseEvent.prototype);
@@ -32,14 +39,69 @@ TransformControlsEvent.prototype.stop = function () {
 
 TransformControlsEvent.prototype.onChange = function () {
     var editor = this.app.editor;
+    var transformControls = editor.transformControls;
+    var selectionBox = editor.selectionBox;
+
+    var object = transformControls.object;
+
+    if (object !== undefined) {
+        selectionBox.setFromObject(object);
+
+        if (editor.helpers[object.id] !== undefined) {
+            editor.helpers[object.id].update();
+        }
+
+        this.app.call('refreshSidebarObject3D', this, object);
+    }
+
+    this.app.call('render');
 };
 
 TransformControlsEvent.prototype.onMouseDown = function () {
+    var editor = this.app.editor;
+    var transformControls = editor.transformControls;
+    var controls = editor.controls;
 
+    var object = transformControls.object;
+
+    this.objectPositionOnDown = object.position.clone();
+    this.objectRotationOnDown = object.rotation.clone();
+    this.objectScaleOnDown = object.scale.clone();
+
+    controls.enabled = false;
 };
 
 TransformControlsEvent.prototype.onMouseUp = function () {
+    var editor = this.app.editor;
+    var transformControls = editor.transformControls;
+    var controls = editor.controls;
+    var objectPositionOnDown = this.objectPositionOnDown;
+    var objectRotationOnDown = this.objectRotationOnDown;
+    var objectScaleOnDown = this.objectScaleOnDown;
 
+    var object = transformControls.object;
+
+    if (object !== undefined) {
+        switch (transformControls.getMode()) {
+            case 'translate':
+                if (!objectPositionOnDown.equals(object.position)) {
+                    editor.execute(new SetPositionCommand(object, object.position, objectPositionOnDown));
+                }
+                break;
+            case 'rotate':
+                if (!objectRotationOnDown.equals(object.rotation)) {
+                    editor.execute(new SetRotationCommand(object, object.rotation, objectRotationOnDown));
+                }
+                break;
+            case 'scale':
+                if (!objectScaleOnDown.equals(object.scale)) {
+                    editor.execute(new SetScaleCommand(object, object.scale, objectScaleOnDown));
+                }
+                break;
+        }
+    }
+
+    controls.enabled = true;
 };
 
 export default TransformControlsEvent;
\ No newline at end of file