@univerjs/sheets-drawing-ui 0.2.11 → 0.2.12

package/lib/es/index.js

@@ -2,15 +2,15 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, ICommandService, IUndoRedoService, LocaleService, IUniverInstanceService, useDependency, RxDisposable, UniverInstanceType, connectInjector, toDisposable, FOCUSING_COMMON_DRAWINGS, OnLifecycle, LifecycleStages, Inject, Injector, IContextService, Disposable, Direction, FOCUSING_FX_BAR_EDITOR, EDITOR_ACTIVATED, Rectangle, DrawingTypeEnum as DrawingTypeEnum$1, DisposableCollection, generateRandomId, Tools, UserManagerService, IPermissionService, LifecycleService, Plugin, DependentOn } from "@univerjs/core";
+import { CommandType, ICommandService, IUndoRedoService, LocaleService, IUniverInstanceService, useDependency, RxDisposable, UniverInstanceType, connectInjector, toDisposable, FOCUSING_COMMON_DRAWINGS, OnLifecycle, LifecycleStages, Inject, Injector, IContextService, Disposable, Direction, FOCUSING_FX_BAR_EDITOR, EDITOR_ACTIVATED, Rectangle, DrawingTypeEnum as DrawingTypeEnum$1, DisposableCollection, generateRandomId, Tools, UserManagerService, IPermissionService, LifecycleService, Plugin, DependentOn, IConfigService } from "@univerjs/core";
 import { ImageCropperObject, COMPONENT_IMAGE_POPUP_MENU, OpenImageCropOperation, ImageResetSizeOperation, DrawingCommonPanel, DrawingRenderService, UniverDrawingUIPlugin } from "@univerjs/drawing-ui";
 import { ISheetDrawingService, SetDrawingApplyMutation, DrawingApplyType, SheetDrawingAnchorType, UniverSheetsDrawingPlugin } from "@univerjs/sheets-drawing";
-import { IDrawingManagerService, IImageIoService, ArrangeTypeEnum, DrawingTypeEnum, DRAWING_IMAGE_COUNT_LIMIT, ImageUploadStatusType, DRAWING_IMAGE_ALLOW_SIZE, getImageSize, DRAWING_IMAGE_WIDTH_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_ALLOW_IMAGE_LIST, getDrawingShapeKeyByDrawingSearch, UniverDrawingPlugin } from "@univerjs/drawing";
+import { IDrawingManagerService, IImageIoService, DrawingTypeEnum, ArrangeTypeEnum, DRAWING_IMAGE_COUNT_LIMIT, ImageUploadStatusType, DRAWING_IMAGE_ALLOW_SIZE, getImageSize, DRAWING_IMAGE_WIDTH_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_ALLOW_IMAGE_LIST, getDrawingShapeKeyByDrawingSearch, UniverDrawingPlugin } from "@univerjs/drawing";
 import { IRenderManagerService, getGroupState, transformObjectOutOfGroup, precisionTo, Rect, DRAWING_OBJECT_LAYER_INDEX, SHEET_VIEWPORT_KEY, RENDER_CLASS_TYPE } from "@univerjs/engine-render";
 import { SheetCanvasPopManagerService, attachRangeWithCoord, SheetSkeletonManagerService, ISheetSelectionRenderService, getCurrentRangeDisable$, SetScrollOperation, SetZoomRatioOperation, SheetPrintInterceptorService, COPY_TYPE, PREDEFINED_HOOK_NAME, virtualizeDiscreteRanges, ISheetClipboardService } from "@univerjs/sheets-ui";
-import { takeUntil, Subject, BehaviorSubject, combineLatest, map, filter, distinctUntilChanged, first } from "rxjs";
-import { ISidebarService, BuiltInUIPart, IUIPartsService, IMessageService, MenuItemType, MenuPosition, MenuGroup, getMenuHiddenObservable, KeyCode, ComponentManager, IMenuService, IShortcutService, CanvasFloatDomService } from "@univerjs/ui";
-import { getSheetCommandTarget, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, InsertRowCommand, InsertColCommand, RemoveRowCommand, RemoveColCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, DeltaRowHeightCommand, SetRowHeightCommand, DeltaColumnWidthCommand, SetColWidthCommand, SetRowHiddenCommand, SetSpecificRowsVisibleCommand, SetSpecificColsVisibleCommand, SetColHiddenCommand, SetRowVisibleMutation, SetRowHiddenMutation, SetColVisibleMutation, SetColHiddenMutation, SetWorksheetRowHeightMutation, SetWorksheetColWidthMutation, SetWorksheetActiveOperation, SheetInterceptorService, SetFrozenMutation, WorkbookViewPermission, WorksheetViewPermission } from "@univerjs/sheets";
+import { takeUntil, Subject, BehaviorSubject, combineLatest, map, filter, distinctUntilChanged } from "rxjs";
+import { ISidebarService, BuiltInUIPart, IUIPartsService, IMessageService, MenuItemType, getMenuHiddenObservable, KeyCode, RibbonStartGroup, ComponentManager, IMenuManagerService, IShortcutService, CanvasFloatDomService } from "@univerjs/ui";
+import { getSheetCommandTarget, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, InsertRowCommand, InsertColCommand, RemoveRowCommand, RemoveColCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, DeltaRowHeightCommand, SetRowHeightCommand, DeltaColumnWidthCommand, SetColWidthCommand, SetRowHiddenCommand, SetSpecificRowsVisibleCommand, SetSpecificColsVisibleCommand, SetColHiddenCommand, MoveColsCommand, MoveRowsCommand, MoveRangeCommand, SetRowVisibleMutation, SetRowHiddenMutation, SetColVisibleMutation, SetColHiddenMutation, SetWorksheetRowHeightMutation, SetWorksheetColWidthMutation, SetWorksheetActiveOperation, SheetInterceptorService, SetFrozenMutation, WorkbookViewPermission, WorksheetViewPermission } from "@univerjs/sheets";
 import React, { useEffect, forwardRef, useRef, createElement, useState } from "react";
 import { MessageType, RadioGroup, Radio } from "@univerjs/design";
 import clsx from "clsx";
@@ -152,8 +152,8 @@ let DrawingPopupMenuController = (_a = class extends RxDisposable {
           const oKey = object.oKey, drawingParam = this._drawingManagerService.getDrawingOKey(oKey);
           if (!drawingParam)
             return;
-          const { unitId: unitId2, subUnitId, drawingId } = drawingParam;
-          singletonPopupDisposer == null || singletonPopupDisposer.dispose(), singletonPopupDisposer = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object, {
+          const { unitId: unitId2, subUnitId, drawingId, drawingType } = drawingParam;
+          drawingType !== DrawingTypeEnum.DRAWING_DOM && (singletonPopupDisposer == null || singletonPopupDisposer.dispose(), singletonPopupDisposer = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object, {
             componentKey: COMPONENT_IMAGE_POPUP_MENU,
             direction: "horizontal",
             offset: [2, 0],
@@ -164,7 +164,7 @@ let DrawingPopupMenuController = (_a = class extends RxDisposable {
             unitId: unitId2,
             subUnitId,
             drawingId
-          }]);
+          }]));
         })
       )
     ), this.disposeWithMe(
@@ -748,8 +748,6 @@ function ImageMenuFactory(accessor) {
   return {
     id: IMAGE_MENU_ID,
     type: MenuItemType.SUBITEMS,
-    positions: [MenuPosition.TOOLBAR_START],
-    group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
     icon: IMAGE_UPLOAD_ICON,
     tooltip: "sheetImage.title",
     hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
@@ -768,7 +766,6 @@ function UploadFloatImageMenuFactory(_accessor) {
         type: UploadFileType.floatImage
       }
     },
-    positions: [IMAGE_MENU_ID],
     hidden$: getMenuHiddenObservable(_accessor, UniverInstanceType.UNIVER_SHEET)
   };
 }
@@ -959,31 +956,33 @@ const MoveDrawingDownShortcutItem = {
   preconditions: whenSheetDrawingFocused,
   binding: KeyCode.DELETE,
   mac: KeyCode.BACKSPACE
+}, menuSchema = {
+  [RibbonStartGroup.FORMULAS_INSERT]: {
+    [IMAGE_MENU_ID]: {
+      order: 3,
+      menuItemFactory: ImageMenuFactory,
+      [InsertFloatImageOperation.id]: {
+        order: 0,
+        menuItemFactory: UploadFloatImageMenuFactory
+      }
+    }
+  }
 };
 var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7");
-const DefaultSheetsDrawingConfig = {};
-var _a3;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a3;
 let SheetDrawingUIController = (_a3 = class extends Disposable {
-  constructor(_config, _injector, _componentManager, _menuService, _commandService, _shortcutService) {
-    super(), this._config = _config, this._injector = _injector, this._componentManager = _componentManager, this._menuService = _menuService, this._commandService = _commandService, this._shortcutService = _shortcutService, this._init();
+  constructor(_injector, _componentManager, _menuManagerService, _commandService, _shortcutService) {
+    super(), this._injector = _injector, this._componentManager = _componentManager, this._menuManagerService = _menuManagerService, this._commandService = _commandService, this._shortcutService = _shortcutService, this._init();
   }
   _initCustomComponents() {
     const componentManager = this._componentManager;
     this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON, AddImageSingle)), this.disposeWithMe(componentManager.register(COMPONENT_UPLOAD_FILE_MENU, UploadFileMenu)), this.disposeWithMe(componentManager.register(COMPONENT_SHEET_DRAWING_PANEL, SheetDrawingPanel));
   }
   _initMenus() {
-    const { menu = {} } = this._config;
-    [
-      ImageMenuFactory,
-      UploadFloatImageMenuFactory
-      // UploadCellImageMenuFactory,
-    ].forEach((menuFactory) => {
-      this._menuService.addMenuItem(menuFactory(this._injector), menu);
-    });
+    this._menuManagerService.mergeMenu(menuSchema);
   }
   _initCommands() {
     [
@@ -1020,11 +1019,11 @@ let SheetDrawingUIController = (_a3 = class extends Disposable {
 }, __name(_a3, "SheetDrawingUIController"), _a3);
 SheetDrawingUIController = __decorateClass$7([
   OnLifecycle(LifecycleStages.Rendered, SheetDrawingUIController),
-  __decorateParam$7(1, Inject(Injector)),
-  __decorateParam$7(2, Inject(ComponentManager)),
-  __decorateParam$7(3, IMenuService),
-  __decorateParam$7(4, ICommandService),
-  __decorateParam$7(5, IShortcutService)
+  __decorateParam$7(0, Inject(Injector)),
+  __decorateParam$7(1, Inject(ComponentManager)),
+  __decorateParam$7(2, IMenuManagerService),
+  __decorateParam$7(3, ICommandService),
+  __decorateParam$7(4, IShortcutService)
 ], SheetDrawingUIController);
 var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
@@ -1047,7 +1046,10 @@ const UPDATE_COMMANDS = [
   SetRowHiddenCommand.id,
   SetSpecificRowsVisibleCommand.id,
   SetSpecificColsVisibleCommand.id,
-  SetColHiddenCommand.id
+  SetColHiddenCommand.id,
+  MoveColsCommand.id,
+  MoveRowsCommand.id,
+  MoveRangeCommand.id
 ], REFRESH_MUTATIONS = [
   SetRowVisibleMutation.id,
   SetRowHiddenMutation.id,
@@ -1058,8 +1060,8 @@ const UPDATE_COMMANDS = [
 ];
 var _a4;
 let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
-  constructor(_context, _commandService, _selectionRenderService, _skeletonManagerService, _sheetInterceptorService, _sheetDrawingService, _drawingManagerService, _univerInstanceService) {
-    super(), this._context = _context, this._commandService = _commandService, this._selectionRenderService = _selectionRenderService, this._skeletonManagerService = _skeletonManagerService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetDrawingService = _sheetDrawingService, this._drawingManagerService = _drawingManagerService, this._univerInstanceService = _univerInstanceService, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+  constructor(_context, _renderManagerService, _commandService, _selectionRenderService, _skeletonManagerService, _sheetInterceptorService, _sheetDrawingService, _drawingManagerService, _univerInstanceService) {
+    super(), this._context = _context, this._renderManagerService = _renderManagerService, this._commandService = _commandService, this._selectionRenderService = _selectionRenderService, this._skeletonManagerService = _skeletonManagerService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetDrawingService = _sheetDrawingService, this._drawingManagerService = _drawingManagerService, this._univerInstanceService = _univerInstanceService, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
   _sheetInterceptorListener() {
     this.disposeWithMe(
@@ -1072,6 +1074,8 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
           const cId = commandInfo.id;
           if (cId === InsertRowCommand.id)
             return this._moveRowInterceptor(commandInfo.params, "insert");
+          if ([MoveColsCommand.id, MoveRowsCommand.id, MoveRangeCommand.id].includes(cId))
+            return this._moveRangeInterceptor(commandInfo.params);
           if (cId === InsertColCommand.id)
             return this._moveColInterceptor(commandInfo.params, "insert");
           if (cId === RemoveRowCommand.id)
@@ -1406,6 +1410,52 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
     }
     return { unitId, subUnitId };
   }
+  _moveRangeInterceptor(params) {
+    var _a11, _b;
+    const { toRange, fromRange } = params, target = getSheetCommandTarget(this._univerInstanceService);
+    if (!target)
+      return { redos: [], undos: [] };
+    const { unitId, subUnitId } = target, skeleton = (_b = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService)) == null ? void 0 : _b.getCurrentSkeleton();
+    if (!skeleton)
+      return { redos: [], undos: [] };
+    const selectionRect = attachRangeWithCoord(skeleton, fromRange);
+    if (!selectionRect)
+      return { redos: [], undos: [] };
+    const { startX, endX, startY, endY } = selectionRect, drawings = this._sheetDrawingService.getDrawingData(unitId, subUnitId), containedDrawings = [];
+    Object.keys(drawings).forEach((drawingId) => {
+      const drawing = drawings[drawingId];
+      if (drawing.anchorType !== SheetDrawingAnchorType.Both)
+        return;
+      const { transform } = drawing;
+      if (!transform)
+        return;
+      const { left = 0, top = 0, width = 0, height = 0 } = transform, { drawingStartX, drawingEndX, drawingStartY, drawingEndY } = {
+        drawingStartX: left,
+        drawingEndX: left + width,
+        drawingStartY: top,
+        drawingEndY: top + height
+      };
+      startX <= drawingStartX && drawingEndX <= endX && startY <= drawingStartY && drawingEndY <= endY && containedDrawings.push(drawing);
+    });
+    const redos = [], undos = [], rowOffset = toRange.startRow - fromRange.startRow, colOffset = toRange.startColumn - fromRange.startColumn, updateDrawings = containedDrawings.map((drawing) => {
+      const oldSheetTransform = drawing.sheetTransform, sheetTransform = {
+        to: { ...oldSheetTransform.to, row: oldSheetTransform.to.row + rowOffset, column: oldSheetTransform.to.column + colOffset },
+        from: { ...oldSheetTransform.from, row: oldSheetTransform.from.row + rowOffset, column: oldSheetTransform.from.column + colOffset }
+      }, transform = drawingPositionToTransform(sheetTransform, this._selectionRenderService, this._skeletonManagerService);
+      return {
+        unitId,
+        subUnitId,
+        drawingId: drawing.drawingId,
+        transform,
+        sheetTransform
+      };
+    });
+    if (updateDrawings.length) {
+      const updateJsonOp = this._sheetDrawingService.getBatchUpdateOp(updateDrawings), { undo, redo, objects } = updateJsonOp;
+      redos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.UPDATE } }), undos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: undo, objects, type: DrawingApplyType.UPDATE } });
+    }
+    return { redos, undos };
+  }
   _moveRowInterceptor(params, type) {
     const ids = this._getUnitIdAndSubUnitId(params, type);
     if (ids == null)
@@ -1421,7 +1471,7 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
         newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
       } else {
         const { from, to } = sheetTransform, { row: fromRow } = from, { row: toRow } = to;
-        if (fromRow >= rowStartIndex && toRow <= rowEndIndex)
+        if (anchorType === SheetDrawingAnchorType.Both && fromRow >= rowStartIndex && toRow <= rowEndIndex)
           deleteDrawings.push({ unitId, subUnitId, drawingId });
         else {
           const param = this._shrinkRow(sheetTransform, transform, rowStartIndex, rowEndIndex, anchorType);
@@ -1462,7 +1512,7 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
         newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
       } else {
         const { from, to } = sheetTransform, { column: fromColumn } = from, { column: toColumn } = to;
-        if (fromColumn >= colStartIndex && toColumn <= colEndIndex)
+        if (anchorType === SheetDrawingAnchorType.Both && fromColumn >= colStartIndex && toColumn <= colEndIndex)
           deleteDrawings.push({ unitId, subUnitId, drawingId });
         else {
           const param = this._shrinkCol(sheetTransform, transform, colStartIndex, colEndIndex, anchorType);
@@ -1662,7 +1712,7 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
           const params = command.params, { unitId: showUnitId, subUnitId: showSubunitId } = params, drawingMap = this._drawingManagerService.drawingManagerData, insertDrawings = [], removeDrawings = [];
           Object.keys(drawingMap).forEach((unitId) => {
             const subUnitMap = drawingMap[unitId];
-            Object.keys(subUnitMap).forEach((subUnitId) => {
+            subUnitMap != null && Object.keys(subUnitMap).forEach((subUnitId) => {
               const drawingData = subUnitMap[subUnitId].data;
               drawingData != null && Object.keys(drawingData).forEach((drawingId) => {
                 if (unitId === showUnitId && subUnitId === showSubunitId) {
@@ -1690,7 +1740,7 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
   _refreshDrawingTransform(unitId, subUnitId, ranges) {
     const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), updateDrawings = [];
     Object.keys(drawingData).forEach((drawingId) => {
-      const drawing = drawingData[drawingId], { sheetTransform, anchorType = SheetDrawingAnchorType.Position } = drawing;
+      const drawing = drawingData[drawingId], { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
       if (anchorType === SheetDrawingAnchorType.None)
         return !0;
       const { from, to } = sheetTransform, { row: fromRow, column: fromColumn } = from, { row: toRow, column: toColumn } = to;
@@ -1710,9 +1760,14 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
             endColumn: toColumn
           }
         ) || fromRow > endRow || fromColumn > endColumn) {
+          const isPositionAnchor = anchorType === SheetDrawingAnchorType.Position, newTransform = drawingPositionToTransform(sheetTransform, this._selectionRenderService, this._skeletonManagerService);
           updateDrawings.push({
             ...drawing,
-            transform: drawingPositionToTransform(sheetTransform, this._selectionRenderService, this._skeletonManagerService)
+            transform: {
+              ...newTransform,
+              width: isPositionAnchor ? transform == null ? void 0 : transform.width : newTransform == null ? void 0 : newTransform.width,
+              height: isPositionAnchor ? transform == null ? void 0 : transform.height : newTransform == null ? void 0 : newTransform.height
+            }
           });
           break;
         }
@@ -1721,13 +1776,14 @@ let SheetDrawingTransformAffectedController = (_a4 = class extends Disposable {
   }
 }, __name(_a4, "SheetDrawingTransformAffectedController"), _a4);
 SheetDrawingTransformAffectedController = __decorateClass$6([
-  __decorateParam$6(1, ICommandService),
-  __decorateParam$6(2, ISheetSelectionRenderService),
-  __decorateParam$6(3, Inject(SheetSkeletonManagerService)),
-  __decorateParam$6(4, Inject(SheetInterceptorService)),
-  __decorateParam$6(5, ISheetDrawingService),
-  __decorateParam$6(6, IDrawingManagerService),
-  __decorateParam$6(7, IUniverInstanceService)
+  __decorateParam$6(1, IRenderManagerService),
+  __decorateParam$6(2, ICommandService),
+  __decorateParam$6(3, ISheetSelectionRenderService),
+  __decorateParam$6(4, Inject(SheetSkeletonManagerService)),
+  __decorateParam$6(5, Inject(SheetInterceptorService)),
+  __decorateParam$6(6, ISheetDrawingService),
+  __decorateParam$6(7, IDrawingManagerService),
+  __decorateParam$6(8, IUniverInstanceService)
 ], SheetDrawingTransformAffectedController);
 var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
@@ -1828,8 +1884,11 @@ let SheetCanvasFloatDomManagerService = (_a5 = class extends Disposable {
       this._drawingManagerService.add$.subscribe((params) => {
         params.forEach((param) => {
           var _a11, _b, _c;
-          const { unitId, subUnitId, drawingId } = param, target = getSheetCommandTarget(this._univerInstanceService, { unitId, subUnitId }), floatDomParam = this._drawingManagerService.getDrawingByParam(param), skeleton = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
-          if (floatDomParam == null || target == null || skeleton == null)
+          const { unitId, subUnitId, drawingId } = param, target = getSheetCommandTarget(this._univerInstanceService, { unitId, subUnitId }), floatDomParam = this._drawingManagerService.getDrawingByParam(param);
+          if (!floatDomParam || !target)
+            return;
+          const skeleton = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
+          if (!skeleton)
             return;
           const { transform, drawingType, data } = floatDomParam;
           if (drawingType !== DrawingTypeEnum$1.DRAWING_DOM)
@@ -1852,7 +1911,7 @@ let SheetCanvasFloatDomManagerService = (_a5 = class extends Disposable {
             height,
             zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
           }, rect = new Rect(rectShapeKey, imageConfig);
-          scene.addObject(rect, DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(rect);
+          scene.addObject(rect, DRAWING_OBJECT_LAYER_INDEX), floatDomParam.allowTransform !== !1 && scene.attachTransformerTo(rect);
           const map2 = this._ensureMap(unitId, subUnitId), disposableCollection = new DisposableCollection(), initPosition = calcPosition(rect, renderObject.renderObject, skeleton.skeleton, target.worksheet), position$ = new BehaviorSubject(initPosition), info = {
             dispose: disposableCollection,
             rect,
@@ -1981,7 +2040,7 @@ let SheetCanvasFloatDomManagerService = (_a5 = class extends Disposable {
     });
     if (!target)
       throw new Error("cannot find current target!");
-    const { unitId, subUnitId } = target, { initPosition, componentKey, data } = layer, id = propId != null ? propId : generateRandomId(), sheetTransform = this._getPosition(initPosition, unitId);
+    const { unitId, subUnitId } = target, { initPosition, componentKey, data, allowTransform = !0 } = layer, id = propId != null ? propId : generateRandomId(), sheetTransform = this._getPosition(initPosition, unitId);
     if (sheetTransform == null)
       return;
     this._ensureMap(unitId, subUnitId).set(id, layer);
@@ -1998,7 +2057,8 @@ let SheetCanvasFloatDomManagerService = (_a5 = class extends Disposable {
         width: initPosition.endX - initPosition.startX,
         height: initPosition.endY - initPosition.startY
       },
-      data
+      data,
+      allowTransform
     };
     return this._commandService.executeCommand(InsertSheetDrawingCommand.id, {
       unitId,
@@ -2284,9 +2344,9 @@ let SheetsDrawingCopyPasteController = (_a8 = class extends Disposable {
   }
   _collect(unitId, subUnitId, range) {
     var _a11;
-    const skeletonManagetService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService);
-    if (!skeletonManagetService) return;
-    const selectionRect = skeletonManagetService.attachRangeWithCoord(range);
+    const skeletonManagerService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService);
+    if (!skeletonManagerService) return;
+    const selectionRect = skeletonManagerService.attachRangeWithCoord(range);
     if (!selectionRect)
       return;
     const { startX, endX, startY, endY } = selectionRect, drawings = this._sheetDrawingService.getDrawingData(unitId, subUnitId), containedDrawings = [];
@@ -2324,15 +2384,15 @@ let SheetsDrawingCopyPasteController = (_a8 = class extends Disposable {
     const { copyRange } = copyInfo;
     if (!copyRange)
       return { redos: [], undos: [] };
-    const { drawings, unitId, subUnitId } = this._copyInfo, { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyRange, pastedRange]), { row: copyRow, col: copyCol } = mapFunc(vCopyRange.startRow, vCopyRange.startColumn), { row: pasteRow, col: pasteCol } = mapFunc(vPastedRange.startRow, vPastedRange.startColumn), skeletonManagetService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService);
-    if (!skeletonManagetService)
+    const { drawings, unitId, subUnitId } = this._copyInfo, { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyRange, pastedRange]), { row: copyRow, col: copyCol } = mapFunc(vCopyRange.startRow, vCopyRange.startColumn), { row: pasteRow, col: pasteCol } = mapFunc(vPastedRange.startRow, vPastedRange.startColumn), skeletonManagerService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService);
+    if (!skeletonManagerService)
       return { redos: [], undos: [] };
-    const copyRect = skeletonManagetService.attachRangeWithCoord({
+    const copyRect = skeletonManagerService.attachRangeWithCoord({
       startRow: copyRow,
       endRow: copyRow,
       startColumn: copyCol,
       endColumn: copyCol
-    }), pasteRect = skeletonManagetService.attachRangeWithCoord({
+    }), pasteRect = skeletonManagerService.attachRangeWithCoord({
       startRow: pasteRow,
       endRow: pasteRow,
       startColumn: pasteCol,
@@ -2403,23 +2463,35 @@ var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPrope
   return kind && result && __defProp$1(target, key, result), result;
 }, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a9;
 let SheetsDrawingRenderController = (_a9 = class extends Disposable {
-  constructor(_context, _sheetDrawingService, _drawingManagerService, _lifecycleService) {
-    super(), this._context = _context, this._sheetDrawingService = _sheetDrawingService, this._drawingManagerService = _drawingManagerService, this._lifecycleService = _lifecycleService, this._init();
+  constructor(_context, _sheetDrawingService, _drawingManagerService, _lifecycleService, _sheetSelectionRenderService, _sheetSkeletonManagerService) {
+    super(), this._context = _context, this._sheetDrawingService = _sheetDrawingService, this._drawingManagerService = _drawingManagerService, this._lifecycleService = _lifecycleService, this._sheetSelectionRenderService = _sheetSelectionRenderService, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._init();
   }
   _init() {
     this._drawingInitializeListener();
   }
   _drawingInitializeListener() {
-    this._lifecycleService.lifecycle$.pipe(filter((e) => e === LifecycleStages.Steady), first()).subscribe(() => {
-      this._context.type === UniverInstanceType.UNIVER_SHEET && (this._sheetDrawingService.initializeNotification(this._context.unitId), this._drawingManagerService.initializeNotification(this._context.unitId));
-    });
+    if (this._context.type === UniverInstanceType.UNIVER_SHEET) {
+      this._sheetDrawingService.initializeNotification(this._context.unitId);
+      const data = this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId);
+      for (const subUnit in data) {
+        const subUnitData = data[subUnit];
+        for (const drawingId in subUnitData.data) {
+          const drawingData = subUnitData.data[drawingId];
+          drawingData.transform = drawingPositionToTransform(drawingData.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+        }
+      }
+      this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
+    }
   }
 }, __name(_a9, "SheetsDrawingRenderController"), _a9);
 SheetsDrawingRenderController = __decorateClass$1([
   __decorateParam$1(1, ISheetDrawingService),
   __decorateParam$1(2, IDrawingManagerService),
-  __decorateParam$1(3, Inject(LifecycleService))
+  __decorateParam$1(3, Inject(LifecycleService)),
+  __decorateParam$1(4, Inject(ISheetSelectionRenderService)),
+  __decorateParam$1(5, Inject(SheetSkeletonManagerService))
 ], SheetsDrawingRenderController);
+const PLUGIN_CONFIG_KEY = "sheets-drawing-ui.config", defaultPluginConfig = {};
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -2428,10 +2500,10 @@ var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnProperty
 const PLUGIN_NAME = "SHEET_IMAGE_UI_PLUGIN";
 var _a10;
 let UniverSheetsDrawingUIPlugin = (_a10 = class extends Plugin {
-  constructor(config = {}, _injector, _localeService, _renderManagerService) {
-    super();
-    __publicField(this, "_pluginConfig");
-    this._injector = _injector, this._localeService = _localeService, this._renderManagerService = _renderManagerService, this._pluginConfig = Tools.deepMerge({}, DefaultSheetsDrawingConfig, config);
+  constructor(_config = defaultPluginConfig, _injector, _renderManagerService, _configService) {
+    super(), this._config = _config, this._injector = _injector, this._renderManagerService = _renderManagerService, this._configService = _configService;
+    const { menu, ...rest } = this._config;
+    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
   }
   onStarting() {
     this._initDependencies();
@@ -2442,9 +2514,7 @@ let UniverSheetsDrawingUIPlugin = (_a10 = class extends Plugin {
   _initDependencies() {
     [
       [SheetCanvasFloatDomManagerService],
-      [SheetDrawingUIController, {
-        useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(SheetDrawingUIController, this._pluginConfig), "useFactory")
-      }],
+      [SheetDrawingUIController],
       [DrawingPopupMenuController],
       [SheetDrawingPrintingController],
       [SheetDrawingPermissionController],
@@ -2466,8 +2536,8 @@ __publicField2(UniverSheetsDrawingUIPlugin, "pluginName", PLUGIN_NAME);
 UniverSheetsDrawingUIPlugin = __decorateClass([
   DependentOn(UniverDrawingPlugin, UniverDrawingUIPlugin, UniverSheetsDrawingPlugin),
   __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, Inject(LocaleService)),
-  __decorateParam(3, IRenderManagerService)
+  __decorateParam(2, IRenderManagerService),
+  __decorateParam(3, IConfigService)
 ], UniverSheetsDrawingUIPlugin);
 export {
   ClearSheetDrawingTransformerOperation,

package/lib/types/controllers/config.schema.d.ts

@@ -0,0 +1,9 @@
+import { MenuConfig } from '@univerjs/ui';
+import { DependencyOverride } from '@univerjs/core';
+export declare const PLUGIN_CONFIG_KEY = "sheets-drawing-ui.config";
+export declare const configSymbol: unique symbol;
+export interface IUniverSheetsDrawingUIConfig {
+    menu?: MenuConfig;
+    overrides?: DependencyOverride;
+}
+export declare const defaultPluginConfig: IUniverSheetsDrawingUIConfig;

package/lib/types/controllers/menu.schema.d.ts

@@ -0,0 +1,2 @@
+import { MenuSchemaType } from '@univerjs/ui';
+export declare const menuSchema: MenuSchemaType;

package/lib/types/controllers/render-controllers/sheet-drawing.render-controller.d.ts

@@ -2,12 +2,15 @@ import { Disposable, LifecycleService } from '@univerjs/core';
 import { IDrawingManagerService } from '@univerjs/drawing';
 import { IRenderContext, IRenderModule } from '@univerjs/engine-render';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
+import { ISheetSelectionRenderService, SheetSkeletonManagerService } from '@univerjs/sheets-ui';
 export declare class SheetsDrawingRenderController extends Disposable implements IRenderModule {
     private _context;
     private readonly _sheetDrawingService;
     private readonly _drawingManagerService;
     private _lifecycleService;
-    constructor(_context: IRenderContext, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _lifecycleService: LifecycleService);
+    private _sheetSelectionRenderService;
+    private _sheetSkeletonManagerService;
+    constructor(_context: IRenderContext, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _lifecycleService: LifecycleService, _sheetSelectionRenderService: ISheetSelectionRenderService, _sheetSkeletonManagerService: SheetSkeletonManagerService);
     private _init;
     private _drawingInitializeListener;
 }

package/lib/types/controllers/sheet-drawing-transform-affected.controller.d.ts

@@ -3,9 +3,10 @@ import { ISheetSelectionRenderService, SheetSkeletonManagerService } from '@univ
 import { IDrawingManagerService } from '@univerjs/drawing';
 import { SheetInterceptorService } from '@univerjs/sheets';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
-import { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import { IRenderContext, IRenderManagerService, IRenderModule } from '@univerjs/engine-render';
 export declare class SheetDrawingTransformAffectedController extends Disposable implements IRenderModule {
     private readonly _context;
+    private readonly _renderManagerService;
     private readonly _commandService;
     private readonly _selectionRenderService;
     private readonly _skeletonManagerService;
@@ -13,7 +14,7 @@ export declare class SheetDrawingTransformAffectedController extends Disposable
     private readonly _sheetDrawingService;
     private readonly _drawingManagerService;
     private readonly _univerInstanceService;
-    constructor(_context: IRenderContext<Workbook>, _commandService: ICommandService, _selectionRenderService: ISheetSelectionRenderService, _skeletonManagerService: SheetSkeletonManagerService, _sheetInterceptorService: SheetInterceptorService, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _univerInstanceService: IUniverInstanceService);
+    constructor(_context: IRenderContext<Workbook>, _renderManagerService: IRenderManagerService, _commandService: ICommandService, _selectionRenderService: ISheetSelectionRenderService, _skeletonManagerService: SheetSkeletonManagerService, _sheetInterceptorService: SheetInterceptorService, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _univerInstanceService: IUniverInstanceService);
     private _sheetInterceptorListener;
     private _getRangeMoveUndo;
     private _getUpdateOrDeleteDrawings;
@@ -23,6 +24,7 @@ export declare class SheetDrawingTransformAffectedController extends Disposable
     private _getDrawingUndoForRowVisible;
     private _getDrawingUndoForRowAndColSize;
     private _getUnitIdAndSubUnitId;
+    private _moveRangeInterceptor;
     private _moveRowInterceptor;
     private _moveColInterceptor;
     private _expandCol;

package/lib/types/controllers/sheet-drawing.controller.d.ts

@@ -1,18 +1,12 @@
-import { DependencyOverride, Disposable, ICommandService, Injector } from '@univerjs/core';
-import { MenuConfig, ComponentManager, IMenuService, IShortcutService } from '@univerjs/ui';
-export interface IUniverSheetsDrawingConfig {
-    menu?: MenuConfig;
-    overrides?: DependencyOverride;
-}
-export declare const DefaultSheetsDrawingConfig: IUniverSheetsDrawingConfig;
+import { Disposable, ICommandService, Injector } from '@univerjs/core';
+import { ComponentManager, IMenuManagerService, IShortcutService } from '@univerjs/ui';
 export declare class SheetDrawingUIController extends Disposable {
-    private readonly _config;
     private readonly _injector;
     private readonly _componentManager;
-    private readonly _menuService;
+    private readonly _menuManagerService;
     private readonly _commandService;
     private readonly _shortcutService;
-    constructor(_config: Partial<IUniverSheetsDrawingConfig>, _injector: Injector, _componentManager: ComponentManager, _menuService: IMenuService, _commandService: ICommandService, _shortcutService: IShortcutService);
+    constructor(_injector: Injector, _componentManager: ComponentManager, _menuManagerService: IMenuManagerService, _commandService: ICommandService, _shortcutService: IShortcutService);
     private _initCustomComponents;
     private _initMenus;
     private _initCommands;

package/lib/types/plugin.d.ts

@@ -1,14 +1,14 @@
-import { Injector, LocaleService, Plugin, UniverInstanceType } from '@univerjs/core';
+import { IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
-import { IUniverSheetsDrawingConfig } from './controllers/sheet-drawing.controller';
+import { IUniverSheetsDrawingUIConfig } from './controllers/config.schema';
 export declare class UniverSheetsDrawingUIPlugin extends Plugin {
+    private readonly _config;
     protected _injector: Injector;
-    private readonly _localeService;
     private readonly _renderManagerService;
+    private readonly _configService;
     static type: UniverInstanceType;
     static pluginName: string;
-    private _pluginConfig;
-    constructor(config: Partial<IUniverSheetsDrawingConfig> | undefined, _injector: Injector, _localeService: LocaleService, _renderManagerService: IRenderManagerService);
+    constructor(_config: Partial<IUniverSheetsDrawingUIConfig>, _injector: Injector, _renderManagerService: IRenderManagerService, _configService: IConfigService);
     onStarting(): void;
     onRendered(): void;
     private _initDependencies;

package/lib/types/services/canvas-float-dom-manager.service.d.ts

@@ -7,7 +7,7 @@ export interface ICanvasFloatDom {
     /**
      * whether allow transform float-dom
      */
-    allowTransform: boolean;
+    allowTransform?: boolean;
     /**
      * initial position of float-dom
      */