Disable the logic in ImageEdit plugin to set image editing when users…

… click images (#1405) * Update * Update * update Co-authored-by: Jiuqing Song <jisong@microsoft.com>
microsoft · Nov 16, 2022 · c07624c · c07624c
1 parent fddb2be
commit c07624c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/roosterjs-editor-plugins/lib/plugins/ImageEdit/ImageEdit.ts b/packages/roosterjs-editor-plugins/lib/plugins/ImageEdit/ImageEdit.ts
@@ -63,6 +63,7 @@ const DefaultOptions: Required<ImageEditOptions> = {
     disableCrop: false,
     disableRotate: false,
     disableSideResize: false,
+    onSelectState: ImageEditOperation.ResizeAndRotate,
 };
 
 /**
@@ -185,10 +186,7 @@ export default class ImageEdit implements EditorPlugin {
                     e.selectionRangeEx &&
                     e.selectionRangeEx.type === SelectionRangeTypes.ImageSelection
                 ) {
-                    this.setEditingImage(
-                        e.selectionRangeEx.image,
-                        ImageEditOperation.ResizeAndRotate
-                    );
+                    this.setEditingImage(e.selectionRangeEx.image, this.options.onSelectState);
                 }
                 break;
             case PluginEventType.MouseDown:

diff --git a/packages/roosterjs-editor-types/lib/interface/ImageEditOptions.ts b/packages/roosterjs-editor-types/lib/interface/ImageEditOptions.ts
@@ -1,4 +1,6 @@
 import ModeIndependentColor from './ModeIndependentColor';
+import { ImageEditOperation } from '../enum/ImageEditOperation';
+import type { CompatibleImageEditOperation } from '../compatibleEnum/ImageEditOperation';
 
 /**
  * Options for ImageEdit plugin
@@ -63,4 +65,10 @@ export default interface ImageEditOptions {
      * Whether image crop is disabled. @default false
      */
     disableCrop?: boolean;
+
+    /**
+     * Which operations will be executed when image is selected
+     * @default ImageEditOperation.ResizeAndRotate
+     */
+    onSelectState?: ImageEditOperation | CompatibleImageEditOperation;
 }