Make the component resize command more extendable. Closes #4097

src/commands/view/Resize.js

@@ -1,15 +1,16 @@
 export default {
   run(editor, sender, opts) {
-    var opt = opts || {};
+    const opt = opts || {};
-    var el = opt.el || '';
+    const canvas = editor.Canvas;
-    var canvas = editor.Canvas;
+    const canvasView = canvas.getCanvasView();
-    var canvasResizer = this.canvasResizer;
+    const options = {
-    var options = opt.options || {};
+      appendTo: canvas.getResizerEl(),
-    var canvasView = canvas.getCanvasView();
+      prefix: editor.getConfig().stylePrefix,
-    options.appendTo = canvas.getResizerEl();
+      posFetcher: canvasView.getElementPos.bind(canvasView),
-    options.prefix = editor.getConfig().stylePrefix;
+      mousePosFetcher: canvas.getMouseRelativePos,
-    options.posFetcher = canvasView.getElementPos.bind(canvasView);
+      ...(opt.options || {}),
-    options.mousePosFetcher = canvas.getMouseRelativePos;
+    };
+    let { canvasResizer } = this;
 
     // Create the resizer for the canvas if not yet created
     if (!canvasResizer || opt.forceNew) {
@@ -19,12 +20,11 @@ export default {
 
     canvasResizer.setOptions(options);
     canvasResizer.blur();
-    canvasResizer.focus(el);
+    canvasResizer.focus(opt.el);
     return canvasResizer;
   },
 
   stop() {
-    const resizer = this.canvasResizer;
+    this.canvasResizer?.blur();
-    resizer && resizer.blur();
+  },
-  }
 };