feat(float-image): support paste image from external

packages/drawing/src/services/drawing-manager-impl.service.ts

@@ -14,12 +14,12 @@
  * limitations under the License.
  */
 
-import { type Observable, Subject } from 'rxjs';
 import type { Nullable } from '@univerjs/core';
-import { sortRules, sortRulesByDesc } from '@univerjs/core';
 import type { JSONOp, JSONOpList } from 'ot-json1';
-import * as json1 from 'ot-json1';
 import type { IDrawingGroupUpdateParam, IDrawingMap, IDrawingMapItemData, IDrawingOrderMapParam, IDrawingOrderUpdateParam, IDrawingParam, IDrawingSearch, IDrawingSubunitMap, IDrawingVisibleParam, IUnitDrawingService } from './drawing-manager.service';
+import { sortRules, sortRulesByDesc } from '@univerjs/core';
+import * as json1 from 'ot-json1';
+import { type Observable, Subject } from 'rxjs';
 
 export interface IDrawingJsonUndo1 {
     undo: JSONOp;
@@ -237,7 +237,7 @@ export class UnitDrawingService<T extends IDrawingParam> implements IUnitDrawing
              * ops: [[unit, sheetUnit, order, 0, { r: true }], [unit, sheetUnit, order, 1, { r: true }]]
              * We expected them to composed as [unit, sheetUnit, order, [0, { r: true }], [1, { r: true }]]
              * But extremely confusing to get [unit, sheetUnit, order, 0, { r: true }, 2, { r: true }]
-             * And We apply this composed op to data, it's not a 2-index item for us to remove.
+             * And We apply this composed op to data, it's no item with index 2 can be removed.
              * So use unshift api instead of push here.
              */
             ops.unshift(op);

packages/sheets-drawing-ui/src/commands/commands/insert-image.command.ts

@@ -26,9 +26,22 @@ export interface IInsertImageCommandParams {
 export const InsertFloatImageCommand: ICommand<IInsertImageCommandParams> = {
     id: 'sheet.command.insert-float-image',
     type: CommandType.COMMAND,
-    handler: (accessor) => {
+    handler: async (accessor, params) => {
         const renderManagerService = accessor.get(IRenderManagerService);
-        return renderManagerService.getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET)
-            ?.with(SheetDrawingUpdateController).insertFloatImage() ?? false;
+        const sheetDrawingUpdateController = renderManagerService.getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET)
+            ?.with(SheetDrawingUpdateController);
+
+        if (!sheetDrawingUpdateController) {
+            return false;
+        }
+        const files = params?.files;
+
+        if (files) {
+            const awaitFiles = files.map((file) => sheetDrawingUpdateController.insertFloatImageByFile(file));
+
+            return (await Promise.all(awaitFiles)).every((result) => result);
+        } else {
+            return sheetDrawingUpdateController.insertFloatImage();
+        }
     },
 };