@univerjs/sheets-drawing-ui 0.4.2-nightly.202410291606 → 0.4.2-nightly.202410301606

package/lib/es/index.js

@@ -2,47 +2,40 @@ 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, Inject, Injector, IContextService, RxDisposable, UniverInstanceType, connectInjector, toDisposable, FOCUSING_COMMON_DRAWINGS, Disposable, Direction, FOCUSING_FX_BAR_EDITOR, EDITOR_ACTIVATED, Tools, UserManagerService, IPermissionService, Rectangle, LifecycleService, LifecycleStages, DisposableCollection, fromEventSubject, generateRandomId, DependentOn, Plugin, registerDependencies, touchDependencies, IConfigService } from "@univerjs/core";
-import { IDrawingManagerService, IImageIoService, DrawingTypeEnum, ArrangeTypeEnum, DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, ImageUploadStatusType, DRAWING_IMAGE_ALLOW_SIZE, getImageSize, DRAWING_IMAGE_WIDTH_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, getDrawingShapeKeyByDrawingSearch, UniverDrawingPlugin } from "@univerjs/drawing";
+import { CommandType, ICommandService, IUndoRedoService, sequenceExecute, LocaleService, IUniverInstanceService, useDependency, Inject, Injector, IContextService, RxDisposable, UniverInstanceType, connectInjector, toDisposable, FOCUSING_COMMON_DRAWINGS, Disposable, Direction, FOCUSING_FX_BAR_EDITOR, EDITOR_ACTIVATED, Tools, UserManagerService, IPermissionService, Rectangle, DependentOn, Plugin, registerDependencies, touchDependencies, IConfigService } from "@univerjs/core";
+import { IDrawingManagerService, IImageIoService, DrawingTypeEnum, ArrangeTypeEnum, DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, ImageUploadStatusType, DRAWING_IMAGE_ALLOW_SIZE, getImageSize, DRAWING_IMAGE_WIDTH_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, UniverDrawingPlugin } from "@univerjs/drawing";
 import { ImageCropperObject, COMPONENT_IMAGE_POPUP_MENU, OpenImageCropOperation, ImageResetSizeOperation, DrawingCommonPanel, DrawingRenderService, UniverDrawingUIPlugin } from "@univerjs/drawing-ui";
-import { IRenderManagerService, precisionTo, getGroupState, transformObjectOutOfGroup, RENDER_CLASS_TYPE, Rect, ObjectType, DRAWING_OBJECT_LAYER_INDEX, SHEET_VIEWPORT_KEY } from "@univerjs/engine-render";
+import { IRenderManagerService, precisionTo, getGroupState, transformObjectOutOfGroup, RENDER_CLASS_TYPE } from "@univerjs/engine-render";
 import { ISheetDrawingService, SetDrawingApplyMutation, DrawingApplyType, SheetDrawingAnchorType, UniverSheetsDrawingPlugin } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService, attachRangeWithCoord, ISheetSelectionRenderService, SheetSkeletonManagerService, getCurrentRangeDisable$, COPY_TYPE, PREDEFINED_HOOK_NAME, virtualizeDiscreteRanges, ISheetClipboardService, SheetPrintInterceptorService, VIEWPORT_KEY, SetZoomRatioOperation } from "@univerjs/sheets-ui";
-import { ISidebarService, IUIPartsService, BuiltInUIPart, ILocalFileService, IMessageService, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, KeyCode, ComponentManager, IMenuManagerService, IShortcutService, CanvasFloatDomService } from "@univerjs/ui";
-import { takeUntil, combineLatest, map, filter, distinctUntilChanged, Subject, take, BehaviorSubject, switchMap } from "rxjs";
-import { getSheetCommandTarget, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, WorkbookViewPermission, WorksheetViewPermission, 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, SheetInterceptorService, SetWorksheetActiveOperation, SetFrozenMutation } from "@univerjs/sheets";
+import { SheetCanvasPopManagerService, attachRangeWithCoord, ISheetSelectionRenderService, SheetSkeletonManagerService, getCurrentRangeDisable$, COPY_TYPE, PREDEFINED_HOOK_NAME, virtualizeDiscreteRanges, ISheetClipboardService, SheetPrintInterceptorService } from "@univerjs/sheets-ui";
+import { ISidebarService, IUIPartsService, BuiltInUIPart, ILocalFileService, IMessageService, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, KeyCode, ComponentManager, IMenuManagerService, IShortcutService } from "@univerjs/ui";
+import { takeUntil, combineLatest, map, filter, distinctUntilChanged } from "rxjs";
+import { SheetInterceptorService, getSheetCommandTarget, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, WorkbookViewPermission, WorksheetViewPermission, 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 } from "@univerjs/sheets";
+import { C as ClearSheetDrawingTransformerOperation, I as InsertSheetDrawingCommand, S as SheetCanvasFloatDomManagerService } from "../canvas-float-dom-manager.service-DT1kY3QQ.mjs";
 import React, { useEffect, forwardRef, useRef, createElement, useState } from "react";
 import { MessageType, RadioGroup, Radio } from "@univerjs/design";
-const PLUGIN_CONFIG_KEY = "sheets-drawing-ui.config", defaultPluginConfig = {}, ClearSheetDrawingTransformerOperation = {
-  id: "sheet.operation.clear-drawing-transformer",
-  type: CommandType.MUTATION,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const renderManagerService = accessor.get(IRenderManagerService);
-    return params.forEach((unitId) => {
-      var _a11, _b;
-      (_b = (_a11 = renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.scene.getTransformer()) == null || _b.debounceRefreshControls();
-    }), !0;
-  }, "handler")
-}, RemoveSheetDrawingCommand = {
+const PLUGIN_CONFIG_KEY = "sheets-drawing-ui.config", defaultPluginConfig = {}, RemoveSheetDrawingCommand = {
   id: "sheet.command.remove-sheet-image",
   type: CommandType.COMMAND,
   handler: /* @__PURE__ */ __name((accessor, params) => {
-    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), sheetDrawingService = accessor.get(ISheetDrawingService);
+    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), sheetInterceptorService = accessor.get(SheetInterceptorService), sheetDrawingService = accessor.get(ISheetDrawingService);
     if (!params) return !1;
     const { drawings } = params, unitIds = [];
     drawings.forEach((param) => {
       const { unitId: unitId2 } = param;
       unitIds.push(unitId2);
     });
-    const jsonOp = sheetDrawingService.getBatchRemoveOp(drawings), { unitId, subUnitId, undo, redo, objects } = jsonOp;
-    return commandService.syncExecuteCommand(SetDrawingApplyMutation.id, { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.REMOVE }) ? (undoRedoService.pushUndoRedo({
+    const jsonOp = sheetDrawingService.getBatchRemoveOp(drawings), { unitId, subUnitId, undo, redo, objects } = jsonOp, intercepted = sheetInterceptorService.onCommandExecute({ id: RemoveSheetDrawingCommand.id, params }), removeMutation = { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.REMOVE } }, undoRemoveMutation = { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: undo, objects, type: DrawingApplyType.INSERT } };
+    return sequenceExecute([removeMutation, ...intercepted.redos], commandService) ? (undoRedoService.pushUndoRedo({
       unitID: unitId,
       undoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: undo, objects, type: DrawingApplyType.INSERT } },
+        ...intercepted.undos,
+        undoRemoveMutation,
         { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
       ],
       redoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.REMOVE } },
+        removeMutation,
+        ...intercepted.redos,
         { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
       ]
     }), !0) : !1;
@@ -95,11 +88,11 @@ const PLUGIN_CONFIG_KEY = "sheets-drawing-ui.config", defaultPluginConfig = {},
     };
   }, [imageIoService]), /* @__PURE__ */ React.createElement("div", { style: { display: remain > 0 ? "block" : "none" }, className: styles$1.uploadLoading }, /* @__PURE__ */ React.createElement("div", { className: styles$1.uploadLoadingBody }, /* @__PURE__ */ React.createElement("div", { className: styles$1.uploadLoadingBodyAnimation }), /* @__PURE__ */ React.createElement("div", { className: styles$1.uploadLoadingBodyText }, `${localeService.t("uploadLoading.loading")}: ${remain}`)));
 }, "UploadLoading");
-var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(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$9(target, key, result), result;
-}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9"), _a;
+  return kind && result && __defProp$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8"), _a;
 let DrawingPopupMenuController = (_a = class extends RxDisposable {
   constructor(_injector, _drawingManagerService, _canvasPopManagerService, _renderManagerService, _univerInstanceService, _contextService, _uiPartsService) {
     super();
@@ -127,8 +120,8 @@ let DrawingPopupMenuController = (_a = class extends RxDisposable {
     return !1;
   }
   _popupMenuListener(unitId) {
-    var _a11;
-    const scene = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.scene;
+    var _a10;
+    const scene = (_a10 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a10.scene;
     if (!scene)
       return;
     const transformer = scene.getTransformerByCreate();
@@ -209,14 +202,14 @@ let DrawingPopupMenuController = (_a = class extends RxDisposable {
     ];
   }
 }, __name(_a, "DrawingPopupMenuController"), _a);
-DrawingPopupMenuController = __decorateClass$9([
-  __decorateParam$9(0, Inject(Injector)),
-  __decorateParam$9(1, IDrawingManagerService),
-  __decorateParam$9(2, Inject(SheetCanvasPopManagerService)),
-  __decorateParam$9(3, IRenderManagerService),
-  __decorateParam$9(4, IUniverInstanceService),
-  __decorateParam$9(5, IContextService),
-  __decorateParam$9(6, Inject(IUIPartsService))
+DrawingPopupMenuController = __decorateClass$8([
+  __decorateParam$8(0, Inject(Injector)),
+  __decorateParam$8(1, IDrawingManagerService),
+  __decorateParam$8(2, Inject(SheetCanvasPopManagerService)),
+  __decorateParam$8(3, IRenderManagerService),
+  __decorateParam$8(4, IUniverInstanceService),
+  __decorateParam$8(5, IContextService),
+  __decorateParam$8(6, Inject(IUIPartsService))
 ], DrawingPopupMenuController);
 function drawingPositionToTransform(position, selectionRenderService, sheetSkeletonManagerService) {
   const { from, to, flipY = !1, flipX = !1, angle = 0, skewX = 0, skewY = 0 } = position, { column: fromColumn, columnOffset: fromColumnOffset, row: fromRow, rowOffset: fromRowOffset } = from, { column: toColumn, columnOffset: toColumnOffset, row: toRow, rowOffset: toRowOffset } = to, skeleton = sheetSkeletonManagerService.getCurrentSkeleton(), startSelectionCell = attachRangeWithCoord(skeleton, {
@@ -281,11 +274,11 @@ function transformToDrawingPosition(transform, selectionRenderService) {
   };
 }
 __name(transformToDrawingPosition, "transformToDrawingPosition");
-var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+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$8(target, key, result), result;
-}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8"), _a2;
+  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"), _a2;
 let SheetsDrawingRenderController = (_a2 = class extends Disposable {
   constructor(_context, _sheetDrawingService, _drawingManagerService, _sheetSelectionRenderService, _sheetSkeletonManagerService) {
     super(), this._context = _context, this._sheetDrawingService = _sheetDrawingService, this._drawingManagerService = _drawingManagerService, this._sheetSelectionRenderService = _sheetSelectionRenderService, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._init();
@@ -306,11 +299,11 @@ let SheetsDrawingRenderController = (_a2 = class extends Disposable {
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 }, __name(_a2, "SheetsDrawingRenderController"), _a2);
-SheetsDrawingRenderController = __decorateClass$8([
-  __decorateParam$8(1, ISheetDrawingService),
-  __decorateParam$8(2, IDrawingManagerService),
-  __decorateParam$8(3, Inject(ISheetSelectionRenderService)),
-  __decorateParam$8(4, Inject(SheetSkeletonManagerService))
+SheetsDrawingRenderController = __decorateClass$7([
+  __decorateParam$7(1, ISheetDrawingService),
+  __decorateParam$7(2, IDrawingManagerService),
+  __decorateParam$7(3, Inject(ISheetSelectionRenderService)),
+  __decorateParam$7(4, Inject(SheetSkeletonManagerService))
 ], SheetsDrawingRenderController);
 var __assign = function() {
   return __assign = Object.assign || function(t) {
@@ -341,15 +334,15 @@ function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
   var attrs = __assign({}, node.attrs);
   extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
   var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a11) {
-    var key = _a11[0], value = _a11[1];
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a10) {
+    var key = _a10[0], value = _a10[1];
     typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
   })), attrs;
 }
 __name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
 function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a11, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a11 = node.children) === null || _a11 === void 0) && _a11.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+  var _a10, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a10 = node.children) === null || _a10 === void 0) && _a10.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
     return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
   }) }) : node;
 }
@@ -476,25 +469,6 @@ const GroupSheetDrawingCommand = {
       ]
     }), !0) : !1;
   }, "handler")
-}, InsertSheetDrawingCommand = {
-  id: "sheet.command.insert-sheet-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), sheetDrawingService = accessor.get(ISheetDrawingService);
-    if (!params) return !1;
-    const drawings = params.drawings, unitIds = drawings.map((param) => param.unitId), jsonOp = sheetDrawingService.getBatchAddOp(drawings), { unitId, subUnitId, undo, redo, objects } = jsonOp;
-    return commandService.syncExecuteCommand(SetDrawingApplyMutation.id, { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.INSERT }) ? (undoRedoService.pushUndoRedo({
-      unitID: unitId,
-      undoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: undo, unitId, subUnitId, objects, type: DrawingApplyType.REMOVE } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
-      ],
-      redoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.INSERT } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
-      ]
-    }), !0) : !1;
-  }, "handler")
 }, SetDrawingArrangeCommand = {
   id: "sheet.command.set-drawing-arrange",
   type: CommandType.COMMAND,
@@ -561,11 +535,11 @@ const GroupSheetDrawingCommand = {
     }), !0) : !1;
   }, "handler")
 };
-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--)
+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--)
     (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"), _a3;
+  return kind && result && __defProp$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a3;
 let SheetDrawingUpdateController = (_a3 = class extends Disposable {
   constructor(_context, _skeletonManagerService, _commandService, _selectionRenderService, _imageIoService, _fileOpenerService, _sheetDrawingService, _drawingManagerService, _contextService, _messageService, _localeService, selectionManagerService) {
     super();
@@ -724,25 +698,25 @@ let SheetDrawingUpdateController = (_a3 = class extends Disposable {
     );
   }
 }, __name(_a3, "SheetDrawingUpdateController"), _a3);
-SheetDrawingUpdateController = __decorateClass$7([
-  __decorateParam$7(1, Inject(SheetSkeletonManagerService)),
-  __decorateParam$7(2, ICommandService),
-  __decorateParam$7(3, ISheetSelectionRenderService),
-  __decorateParam$7(4, IImageIoService),
-  __decorateParam$7(5, ILocalFileService),
-  __decorateParam$7(6, ISheetDrawingService),
-  __decorateParam$7(7, IDrawingManagerService),
-  __decorateParam$7(8, IContextService),
-  __decorateParam$7(9, IMessageService),
-  __decorateParam$7(10, Inject(LocaleService)),
-  __decorateParam$7(11, Inject(SheetsSelectionsService))
+SheetDrawingUpdateController = __decorateClass$6([
+  __decorateParam$6(1, Inject(SheetSkeletonManagerService)),
+  __decorateParam$6(2, ICommandService),
+  __decorateParam$6(3, ISheetSelectionRenderService),
+  __decorateParam$6(4, IImageIoService),
+  __decorateParam$6(5, ILocalFileService),
+  __decorateParam$6(6, ISheetDrawingService),
+  __decorateParam$6(7, IDrawingManagerService),
+  __decorateParam$6(8, IContextService),
+  __decorateParam$6(9, IMessageService),
+  __decorateParam$6(10, Inject(LocaleService)),
+  __decorateParam$6(11, Inject(SheetsSelectionsService))
 ], SheetDrawingUpdateController);
 const InsertFloatImageCommand = {
   id: "sheet.command.insert-float-image",
   type: CommandType.COMMAND,
   handler: /* @__PURE__ */ __name((accessor) => {
-    var _a11, _b;
-    return (_b = (_a11 = accessor.get(IRenderManagerService).getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a11.with(SheetDrawingUpdateController).insertFloatImage()) != null ? _b : !1;
+    var _a10, _b;
+    return (_b = (_a10 = accessor.get(IRenderManagerService).getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a10.with(SheetDrawingUpdateController).insertFloatImage()) != null ? _b : !1;
   }, "handler")
 }, MoveDrawingsCommand = {
   id: "sheet.command.move-drawing",
@@ -821,14 +795,14 @@ function clsx() {
 }
 __name(clsx, "clsx");
 const SheetDrawingAnchor = /* @__PURE__ */ __name((props) => {
-  var _a11;
+  var _a10;
   const commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), drawingManagerService = useDependency(IDrawingManagerService), renderManagerService = useDependency(IRenderManagerService), { drawings } = props, drawingParam = drawings[0];
   if (drawingParam == null)
     return;
   const { unitId } = drawingParam, renderObject = renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
   if (scene == null)
     return;
-  const transformer = scene.getTransformerByCreate(), [anchorShow, setAnchorShow] = useState(!0), type = (_a11 = drawingParam.anchorType) != null ? _a11 : SheetDrawingAnchorType.Position, [value, setValue] = useState(type);
+  const transformer = scene.getTransformerByCreate(), [anchorShow, setAnchorShow] = useState(!0), type = (_a10 = drawingParam.anchorType) != null ? _a10 : SheetDrawingAnchorType.Position, [value, setValue] = useState(type);
   function getUpdateParams(objects, drawingManagerService2) {
     const params = [];
     return objects.forEach((object) => {
@@ -850,13 +824,13 @@ const SheetDrawingAnchor = /* @__PURE__ */ __name((props) => {
     const onClearControlObserver = transformer.clearControl$.subscribe((changeSelf) => {
       changeSelf === !0 && setAnchorShow(!1);
     }), onChangeStartObserver = transformer.changeStart$.subscribe((state) => {
-      var _a12;
+      var _a11;
       const { objects } = state, params = getUpdateParams(objects, drawingManagerService);
       if (params.length === 0)
         setAnchorShow(!1);
       else if (params.length >= 1) {
         setAnchorShow(!0);
-        const anchorType = ((_a12 = params[0]) == null ? void 0 : _a12.anchorType) || SheetDrawingAnchorType.Position;
+        const anchorType = ((_a11 = params[0]) == null ? void 0 : _a11.anchorType) || SheetDrawingAnchorType.Position;
         setValue(anchorType);
       }
     });
@@ -958,11 +932,11 @@ const MoveDrawingDownShortcutItem = {
   binding: KeyCode.DELETE,
   mac: KeyCode.BACKSPACE
 };
-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--)
+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--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a4;
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a4;
 let SheetDrawingUIController = (_a4 = class extends Disposable {
   constructor(_componentManager, _menuManagerService, _commandService, _shortcutService) {
     super(), this._componentManager = _componentManager, this._menuManagerService = _menuManagerService, this._commandService = _commandService, this._shortcutService = _shortcutService, this._init();
@@ -1006,17 +980,17 @@ let SheetDrawingUIController = (_a4 = class extends Disposable {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 }, __name(_a4, "SheetDrawingUIController"), _a4);
-SheetDrawingUIController = __decorateClass$6([
-  __decorateParam$6(0, Inject(ComponentManager)),
-  __decorateParam$6(1, IMenuManagerService),
-  __decorateParam$6(2, ICommandService),
-  __decorateParam$6(3, IShortcutService)
+SheetDrawingUIController = __decorateClass$5([
+  __decorateParam$5(0, Inject(ComponentManager)),
+  __decorateParam$5(1, IMenuManagerService),
+  __decorateParam$5(2, ICommandService),
+  __decorateParam$5(3, IShortcutService)
 ], SheetDrawingUIController);
-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--)
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(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$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a5;
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a5;
 let SheetsDrawingCopyPasteController = (_a5 = class extends Disposable {
   constructor(_sheetClipboardService, _renderManagerService, _sheetDrawingService) {
     super();
@@ -1035,8 +1009,8 @@ let SheetsDrawingCopyPasteController = (_a5 = class extends Disposable {
     });
   }
   _collect(unitId, subUnitId, range) {
-    var _a11;
-    const skeletonManagerService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService);
+    var _a10;
+    const skeletonManagerService = (_a10 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a10.with(SheetSkeletonManagerService);
     if (!skeletonManagerService) return;
     const selectionRect = skeletonManagerService.attachRangeWithCoord(range);
     if (!selectionRect)
@@ -1061,7 +1035,7 @@ let SheetsDrawingCopyPasteController = (_a5 = class extends Disposable {
   }
   // eslint-disable-next-line max-lines-per-function
   _generateMutations(pastedRange, copyInfo) {
-    var _a11;
+    var _a10;
     if (!this._copyInfo)
       return { redos: [], undos: [] };
     if ([
@@ -1076,7 +1050,7 @@ let SheetsDrawingCopyPasteController = (_a5 = 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), skeletonManagerService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService);
+    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 = (_a10 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a10.with(SheetSkeletonManagerService);
     if (!skeletonManagerService)
       return { redos: [], undos: [] };
     const copyRect = skeletonManagerService.attachRangeWithCoord({
@@ -1143,16 +1117,16 @@ let SheetsDrawingCopyPasteController = (_a5 = class extends Disposable {
     };
   }
 }, __name(_a5, "SheetsDrawingCopyPasteController"), _a5);
-SheetsDrawingCopyPasteController = __decorateClass$5([
-  __decorateParam$5(0, ISheetClipboardService),
-  __decorateParam$5(1, IRenderManagerService),
-  __decorateParam$5(2, ISheetDrawingService)
+SheetsDrawingCopyPasteController = __decorateClass$4([
+  __decorateParam$4(0, ISheetClipboardService),
+  __decorateParam$4(1, IRenderManagerService),
+  __decorateParam$4(2, ISheetDrawingService)
 ], SheetsDrawingCopyPasteController);
-var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(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$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a6;
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a6;
 let SheetDrawingPermissionController = (_a6 = class extends Disposable {
   constructor(_drawingManagerService, _renderManagerService, _permissionService, _univerInstanceService, _userManagerService) {
     super(), this._drawingManagerService = _drawingManagerService, this._renderManagerService = _renderManagerService, this._permissionService = _permissionService, this._univerInstanceService = _univerInstanceService, this._userManagerService = _userManagerService, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
@@ -1220,7 +1194,7 @@ let SheetDrawingPermissionController = (_a6 = class extends Disposable {
     this.disposeWithMe(
       combineLatest([workbook$, this._userManagerService.currentUser$]).subscribe(([workbook, _]) => {
         workbook && workbook.activeSheet$.subscribe((sheet) => {
-          var _a11;
+          var _a10;
           if (!sheet)
             return;
           const unitId = workbook.getUnitId(), subUnitId = sheet.getSheetId();
@@ -1240,7 +1214,7 @@ let SheetDrawingPermissionController = (_a6 = class extends Disposable {
                 object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene.removeObject(object);
               }), transformer.clearSelectedObjects());
             }, "next")
-          }), (_a11 = this._permissionService.getPermissionPoint$(new WorksheetViewPermission(unitId, subUnitId).id)) == null || _a11.pipe(
+          }), (_a10 = this._permissionService.getPermissionPoint$(new WorksheetViewPermission(unitId, subUnitId).id)) == null || _a10.pipe(
             filter((permission) => permission.value !== initialViewPermission),
             distinctUntilChanged()
           ).subscribe({
@@ -1259,7 +1233,7 @@ let SheetDrawingPermissionController = (_a6 = class extends Disposable {
     this.disposeWithMe(
       combineLatest([workbook$, this._userManagerService.currentUser$]).subscribe(([workbook, _]) => {
         workbook && workbook.activeSheet$.subscribe((sheet) => {
-          var _a11;
+          var _a10;
           if (!sheet)
             return;
           const unitId = workbook.getUnitId(), subUnitId = sheet.getSheetId();
@@ -1281,7 +1255,7 @@ let SheetDrawingPermissionController = (_a6 = class extends Disposable {
                 object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene.detachTransformerFrom(object);
               }), transformer.clearSelectedObjects());
             }, "next")
-          }), (_a11 = this._permissionService.getPermissionPoint$(new WorksheetEditPermission(unitId, subUnitId).id)) == null || _a11.pipe(
+          }), (_a10 = this._permissionService.getPermissionPoint$(new WorksheetEditPermission(unitId, subUnitId).id)) == null || _a10.pipe(
             filter((permission) => permission.value !== initialEditPermission),
             distinctUntilChanged()
           ).subscribe({
@@ -1300,18 +1274,18 @@ let SheetDrawingPermissionController = (_a6 = class extends Disposable {
     );
   }
 }, __name(_a6, "SheetDrawingPermissionController"), _a6);
-SheetDrawingPermissionController = __decorateClass$4([
-  __decorateParam$4(0, IDrawingManagerService),
-  __decorateParam$4(1, IRenderManagerService),
-  __decorateParam$4(2, IPermissionService),
-  __decorateParam$4(3, IUniverInstanceService),
-  __decorateParam$4(4, Inject(UserManagerService))
+SheetDrawingPermissionController = __decorateClass$3([
+  __decorateParam$3(0, IDrawingManagerService),
+  __decorateParam$3(1, IRenderManagerService),
+  __decorateParam$3(2, IPermissionService),
+  __decorateParam$3(3, IUniverInstanceService),
+  __decorateParam$3(4, Inject(UserManagerService))
 ], SheetDrawingPermissionController);
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(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$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a7;
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a7;
 let SheetDrawingPrintingController = (_a7 = class extends Disposable {
   constructor(_sheetPrintInterceptorService, _drawingRenderService, _drawingManagerService, _renderManagerService) {
     super(), this._sheetPrintInterceptorService = _sheetPrintInterceptorService, this._drawingRenderService = _drawingRenderService, this._drawingManagerService = _drawingManagerService, this._renderManagerService = _renderManagerService, this._initPrinting();
@@ -1356,17 +1330,17 @@ let SheetDrawingPrintingController = (_a7 = class extends Disposable {
     );
   }
 }, __name(_a7, "SheetDrawingPrintingController"), _a7);
-SheetDrawingPrintingController = __decorateClass$3([
-  __decorateParam$3(0, Inject(SheetPrintInterceptorService)),
-  __decorateParam$3(1, Inject(DrawingRenderService)),
-  __decorateParam$3(2, IDrawingManagerService),
-  __decorateParam$3(3, IRenderManagerService)
+SheetDrawingPrintingController = __decorateClass$2([
+  __decorateParam$2(0, Inject(SheetPrintInterceptorService)),
+  __decorateParam$2(1, Inject(DrawingRenderService)),
+  __decorateParam$2(2, IDrawingManagerService),
+  __decorateParam$2(3, IRenderManagerService)
 ], SheetDrawingPrintingController);
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(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$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2");
+  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");
 const UPDATE_COMMANDS = [
   InsertRowCommand.id,
   InsertColCommand.id,
@@ -1748,11 +1722,11 @@ let SheetDrawingTransformAffectedController = (_a8 = class extends Disposable {
     return { unitId, subUnitId };
   }
   _moveRangeInterceptor(params) {
-    var _a11, _b;
+    var _a10, _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();
+    const { unitId, subUnitId } = target, skeleton = (_b = (_a10 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a10.with(SheetSkeletonManagerService)) == null ? void 0 : _b.getCurrentSkeleton();
     if (!skeleton)
       return { redos: [], undos: [] };
     const selectionRect = attachRangeWithCoord(skeleton, fromRange);
@@ -2112,384 +2086,24 @@ let SheetDrawingTransformAffectedController = (_a8 = class extends Disposable {
     }), updateDrawings.length !== 0 && (this._drawingManagerService.refreshTransform(updateDrawings), this._commandService.syncExecuteCommand(ClearSheetDrawingTransformerOperation.id, [unitId]));
   }
 }, __name(_a8, "SheetDrawingTransformAffectedController"), _a8);
-SheetDrawingTransformAffectedController = __decorateClass$2([
-  __decorateParam$2(1, IRenderManagerService),
-  __decorateParam$2(2, ICommandService),
-  __decorateParam$2(3, ISheetSelectionRenderService),
-  __decorateParam$2(4, Inject(SheetSkeletonManagerService)),
-  __decorateParam$2(5, Inject(SheetInterceptorService)),
-  __decorateParam$2(6, ISheetDrawingService),
-  __decorateParam$2(7, IDrawingManagerService),
-  __decorateParam$2(8, IUniverInstanceService)
+SheetDrawingTransformAffectedController = __decorateClass$1([
+  __decorateParam$1(1, IRenderManagerService),
+  __decorateParam$1(2, ICommandService),
+  __decorateParam$1(3, ISheetSelectionRenderService),
+  __decorateParam$1(4, Inject(SheetSkeletonManagerService)),
+  __decorateParam$1(5, Inject(SheetInterceptorService)),
+  __decorateParam$1(6, ISheetDrawingService),
+  __decorateParam$1(7, IDrawingManagerService),
+  __decorateParam$1(8, IUniverInstanceService)
 ], SheetDrawingTransformAffectedController);
-var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(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$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1");
-function transformBound2DOMBound(originBound, scene, skeleton, worksheet) {
-  const { scaleX, scaleY } = scene.getAncestorScale(), viewMain = scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN), absolute = {
-    left: !0,
-    top: !0
-  };
-  if (!viewMain)
-    return {
-      ...originBound,
-      absolute
-    };
-  const { left, right, top, bottom } = originBound, freeze = worksheet.getFreeze(), { startColumn, startRow, xSplit, ySplit } = freeze, startSheetView = skeleton.getNoMergeCellPositionByIndexWithNoHeader(startRow - ySplit, startColumn - xSplit), endSheetView = skeleton.getNoMergeCellPositionByIndexWithNoHeader(startRow, startColumn), { rowHeaderWidth, columnHeaderHeight } = skeleton, freezeWidth = endSheetView.startX - startSheetView.startX, freezeHeight = endSheetView.startY - startSheetView.startY, { top: freezeTop, left: freezeLeft, viewportScrollX: actualScrollX, viewportScrollY: actualScrollY } = viewMain;
-  let offsetLeft, offsetRight;
-  left < freezeLeft ? (absolute.left = !0, offsetLeft = (freezeWidth + rowHeaderWidth + (left - freezeLeft)) * scaleX, offsetRight = Math.max(
-    Math.min(
-      (freezeWidth + rowHeaderWidth + (right - freezeLeft)) * scaleX,
-      (freezeWidth + rowHeaderWidth) * scaleX
-    ),
-    (right - actualScrollX) * scaleX
-  )) : (absolute.left = !1, offsetLeft = Math.max((left - actualScrollX) * scaleX, (freezeWidth + rowHeaderWidth) * scaleX), offsetRight = Math.max((right - actualScrollX) * scaleX, (freezeWidth + rowHeaderWidth) * scaleX));
-  let offsetTop, offsetBottom;
-  return top < freezeTop ? (absolute.top = !0, offsetTop = (freezeHeight + columnHeaderHeight + (top - freezeTop)) * scaleY, offsetBottom = Math.max(
-    Math.min(
-      (freezeHeight + columnHeaderHeight + (right - freezeTop)) * scaleY,
-      (freezeHeight + columnHeaderHeight) * scaleY
-    ),
-    (bottom - actualScrollY) * scaleY
-  )) : (absolute.top = !1, offsetTop = Math.max((top - actualScrollY) * scaleY, (freezeHeight + columnHeaderHeight) * scaleY), offsetBottom = Math.max((bottom - actualScrollY) * scaleY, (freezeHeight + columnHeaderHeight) * scaleY)), {
-    left: offsetLeft,
-    right: offsetRight,
-    top: offsetTop,
-    bottom: offsetBottom,
-    absolute
-  };
-}
-__name(transformBound2DOMBound, "transformBound2DOMBound");
-const calcPosition = /* @__PURE__ */ __name((targetObject, currentRender, skeleton, worksheet) => {
-  const { scene } = currentRender, { left, top, width, height, angle } = targetObject, bound = {
-    left,
-    right: left + width,
-    top,
-    bottom: top + height
-  }, offsetBound = transformBound2DOMBound(bound, scene, skeleton, worksheet), { scaleX, scaleY } = scene.getAncestorScale();
-  return {
-    startX: offsetBound.left,
-    endX: offsetBound.right,
-    startY: offsetBound.top,
-    endY: offsetBound.bottom,
-    rotate: angle,
-    width: width * scaleX,
-    height: height * scaleY,
-    absolute: offsetBound.absolute
-  };
-}, "calcPosition");
-var _a9;
-let SheetCanvasFloatDomManagerService = (_a9 = class extends Disposable {
-  constructor(_renderManagerService, _univerInstanceService, _commandService, _drawingManagerService, _canvasFloatDomService, _sheetDrawingService, _lifecycleService) {
-    super();
-    __publicField(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    __publicField(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    __publicField(this, "_transformChange$", new Subject());
-    __publicField(this, "transformChange$", this._transformChange$.asObservable());
-    __publicField(this, "_add$", new Subject());
-    __publicField(this, "add$", this._add$.asObservable());
-    __publicField(this, "_remove$", new Subject());
-    __publicField(this, "remove$", this._remove$.asObservable());
-    __publicField(this, "_hooks", []);
-    this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._commandService = _commandService, this._drawingManagerService = _drawingManagerService, this._canvasFloatDomService = _canvasFloatDomService, this._sheetDrawingService = _sheetDrawingService, this._lifecycleService = _lifecycleService, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
-  }
-  _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(filter((s) => s === LifecycleStages.Rendered), take(1)).subscribe(() => {
-      this._scrollUpdateListener();
-    });
-  }
-  _ensureMap(unitId, subUnitId) {
-    let unitMap = this._domLayerMap.get(unitId);
-    unitMap || (unitMap = /* @__PURE__ */ new Map(), this._domLayerMap.set(unitId, unitMap));
-    let subUnitMap = unitMap.get(subUnitId);
-    return subUnitMap || (subUnitMap = /* @__PURE__ */ new Map(), unitMap.set(subUnitId, subUnitMap)), subUnitMap;
-  }
-  getFloatDomInfo(id) {
-    return this._domLayerInfoMap.get(id);
-  }
-  _getSceneAndTransformerByDrawingSearch(unitId) {
-    if (unitId == null)
-      return;
-    const renderObject = this._renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-    if (renderObject == null || scene == null)
-      return null;
-    const transformer = scene.getTransformerByCreate(), canvas = renderObject.engine.getCanvasElement();
-    return { scene, transformer, renderObject, canvas };
-  }
-  _getFloatDomProps(id) {
-    let props;
-    return this._hooks.forEach((hook) => {
-      props = hook.onGetFloatDomProps(id);
-    }), props;
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _drawingAddListener() {
-    this.disposeWithMe(
-      // eslint-disable-next-line max-lines-per-function
-      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);
-          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.DRAWING_DOM && drawingType !== DrawingTypeEnum.DRAWING_CHART)
-            return;
-          const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
-          if (renderObject == null)
-            return;
-          const { scene, canvas } = renderObject;
-          if (transform == null)
-            return !0;
-          const { left, top, width, height, angle, flipX, flipY, skewX, skewY } = transform, rectShapeKey = getDrawingShapeKeyByDrawingSearch({ unitId, subUnitId, drawingId }), rectShape = scene.getObject(rectShapeKey);
-          if (rectShape != null) {
-            rectShape.transformByState({ left, top, width, height, angle, flipX, flipY, skewX, skewY });
-            return;
-          }
-          const imageConfig = {
-            left,
-            top,
-            width,
-            height,
-            zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
-          }, isChart = drawingType === DrawingTypeEnum.DRAWING_CHART;
-          isChart && (imageConfig.fill = "white", imageConfig.rotateEnabled = !1, data && data.border && (imageConfig.stroke = data.border), imageConfig.paintFirst = "stroke", imageConfig.strokeWidth = 1, imageConfig.borderEnabled = !1);
-          const rect = new Rect(rectShapeKey, imageConfig);
-          isChart && rect.setObjectType(ObjectType.CHART), 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,
-            position$,
-            unitId,
-            subUnitId
-          };
-          this._canvasFloatDomService.addFloatDom({
-            position$,
-            id: drawingId,
-            componentKey: floatDomParam.componentKey,
-            onPointerDown: /* @__PURE__ */ __name((evt) => {
-              canvas.dispatchEvent(new PointerEvent(evt.type, evt));
-            }, "onPointerDown"),
-            onPointerMove: /* @__PURE__ */ __name((evt) => {
-              canvas.dispatchEvent(new PointerEvent(evt.type, evt));
-            }, "onPointerMove"),
-            onPointerUp: /* @__PURE__ */ __name((evt) => {
-              canvas.dispatchEvent(new PointerEvent(evt.type, evt));
-            }, "onPointerUp"),
-            onWheel: /* @__PURE__ */ __name((evt) => {
-              canvas.dispatchEvent(new WheelEvent(evt.type, evt));
-            }, "onWheel"),
-            props: (_c = (_b = map2.get(drawingId)) == null ? void 0 : _b.props) != null ? _c : this._getFloatDomProps(drawingId),
-            data,
-            unitId
-          });
-          const listener = rect.onTransformChange$.subscribeEvent(() => {
-            const newPosition = calcPosition(rect, renderObject.renderObject, skeleton.skeleton, target.worksheet);
-            position$.next(
-              newPosition
-            );
-          });
-          disposableCollection.add(() => {
-            this._canvasFloatDomService.removeFloatDom(drawingId);
-          }), listener && disposableCollection.add(listener), this._domLayerInfoMap.set(drawingId, info), map2.set(drawingId, {
-            ...map2.get(drawingId)
-          });
-        });
-      })
-    ), this.disposeWithMe(
-      this._drawingManagerService.remove$.subscribe((params) => {
-        params.forEach((param) => {
-          const { unitId, subUnitId, drawingId } = param, rectShapeKey = getDrawingShapeKeyByDrawingSearch({ unitId, subUnitId, drawingId }), renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
-          if (renderObject == null)
-            return;
-          const { transformer, scene } = renderObject, rectShape = scene.getObject(rectShapeKey);
-          rectShape != null && rectShape.oKey && transformer.clearControlByIds([rectShape == null ? void 0 : rectShape.oKey]);
-        });
-      })
-    );
-  }
-  _scrollUpdateListener() {
-    const updateSheet = /* @__PURE__ */ __name((unitId, subUnitId) => {
-      var _a11;
-      const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId), map2 = this._ensureMap(unitId, subUnitId), ids = Array.from(map2.keys()), target = getSheetCommandTarget(this._univerInstanceService, { unitId, subUnitId }), skeleton = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
-      !renderObject || !target || !skeleton || ids.forEach((id) => {
-        const info = this._domLayerInfoMap.get(id);
-        if (info) {
-          const position = calcPosition(info.rect, renderObject.renderObject, skeleton.skeleton, target.worksheet);
-          info.position$.next(position);
-        }
-      });
-    }, "updateSheet");
-    this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(
-        filter((sheet) => !!sheet),
-        map((sheet) => {
-          const render2 = this._renderManagerService.getRenderById(sheet.getUnitId());
-          return render2 ? { render: render2, unitId: sheet.getUnitId(), subUnitId: sheet.getActiveSheet().getSheetId() } : null;
-        }),
-        filter((render2) => !!render2),
-        switchMap(
-          (render2) => fromEventSubject(render2.render.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(map(() => ({ unitId: render2.unitId, subUnitId: render2.subUnitId })))
-        )
-      ).subscribe(({ unitId, subUnitId }) => {
-        updateSheet(unitId, subUnitId);
-      })
-    ), this.disposeWithMe(this._commandService.onCommandExecuted((commandInfo) => {
-      var _a11, _b;
-      if (commandInfo.id === SetZoomRatioOperation.id) {
-        const params = commandInfo.params, { unitId } = params;
-        Array.from((_b = (_a11 = this._domLayerMap.get(unitId)) == null ? void 0 : _a11.keys()) != null ? _b : []).forEach((subUnitId) => {
-          updateSheet(unitId, subUnitId);
-        });
-      } else if (commandInfo.id === SetFrozenMutation.id) {
-        const { unitId, subUnitId } = commandInfo.params;
-        updateSheet(unitId, subUnitId);
-      }
-    }));
-  }
-  _getPosition(position, unitId) {
-    var _a11;
-    const { startX, endX, startY, endY } = position, selectionRenderService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(ISheetSelectionRenderService);
-    if (selectionRenderService == null)
-      return;
-    const start = selectionRenderService.getSelectionCellByPosition(startX, startY);
-    if (start == null)
-      return;
-    const from = {
-      column: start.actualColumn,
-      columnOffset: startX - start.startX,
-      row: start.actualRow,
-      rowOffset: startY - start.startY
-    }, end = selectionRenderService.getSelectionCellByPosition(endX, endY);
-    if (end == null)
-      return;
-    const to = {
-      column: end.actualColumn,
-      columnOffset: endX - end.startX,
-      row: end.actualRow,
-      rowOffset: endY - end.startY
-    };
-    return {
-      from,
-      to
-    };
-  }
-  _featureUpdateListener() {
-    this.disposeWithMe(
-      this._drawingManagerService.update$.subscribe((params) => {
-        params.forEach((data) => {
-          const sheetDrawing = this._drawingManagerService.getDrawingByParam(data);
-          if (!sheetDrawing || sheetDrawing.drawingType !== DrawingTypeEnum.DRAWING_DOM && sheetDrawing.drawingType !== DrawingTypeEnum.DRAWING_CHART)
-            return;
-          const newValue = {
-            ...sheetDrawing.transform
-          };
-          this._transformChange$.next({ id: data.drawingId, value: newValue });
-        });
-      })
-    );
-  }
-  _deleteListener() {
-    this.disposeWithMe(
-      this._drawingManagerService.remove$.subscribe((params) => {
-        params.forEach((param) => {
-          this._removeDom(param.drawingId);
-        });
-      })
-    );
-  }
-  updateFloatDomProps(unitId, subUnitId, id, props) {
-    const info = this._domLayerInfoMap.get(id), renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
-    if (info && renderObject) {
-      const { scene } = renderObject, rectShapeKey = getDrawingShapeKeyByDrawingSearch({ unitId, subUnitId, drawingId: id }), rectShape = scene.getObject(rectShapeKey);
-      rectShape && rectShape instanceof Rect && rectShape.setProps(props);
-    }
-  }
-  addFloatDomToPosition(layer, propId, executeCommand = !0) {
-    const target = getSheetCommandTarget(this._univerInstanceService, {
-      unitId: layer.unitId,
-      subUnitId: layer.subUnitId
-    });
-    if (!target)
-      throw new Error("cannot find current target!");
-    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);
-    const sheetDrawingParam = {
-      unitId,
-      subUnitId,
-      drawingId: id,
-      drawingType: layer.type || DrawingTypeEnum.DRAWING_DOM,
-      componentKey,
-      sheetTransform,
-      transform: {
-        left: initPosition.startX,
-        top: initPosition.startY,
-        width: initPosition.endX - initPosition.startX,
-        height: initPosition.endY - initPosition.startY
-      },
-      data,
-      allowTransform
-    };
-    return executeCommand && this._commandService.executeCommand(InsertSheetDrawingCommand.id, {
-      unitId,
-      drawings: [sheetDrawingParam]
-    }), this._add$.next({ unitId, subUnitId, id }), {
-      id,
-      dispose: /* @__PURE__ */ __name(() => {
-        this._removeDom(id, !0);
-      }, "dispose"),
-      sheetDrawingParam
-    };
-  }
-  _removeDom(id, removeDrawing = !1) {
-    const info = this._domLayerInfoMap.get(id);
-    if (!info)
-      return;
-    const { unitId, subUnitId } = info;
-    this._domLayerInfoMap.delete(id), info.dispose.dispose();
-    const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
-    if (renderObject && renderObject.scene.removeObject(info.rect), removeDrawing) {
-      this._ensureMap(unitId, subUnitId).delete(id);
-      const param = this._drawingManagerService.getDrawingByParam({ unitId, subUnitId, drawingId: id });
-      if (!param)
-        return;
-      const jsonOp = this._sheetDrawingService.getBatchRemoveOp([param]), { redo, objects } = jsonOp;
-      this._commandService.syncExecuteCommand(SetDrawingApplyMutation.id, { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.REMOVE });
-    }
-  }
-  addHook(hook) {
-    return this._hooks.push(hook), {
-      dispose: /* @__PURE__ */ __name(() => {
-        const index = this._hooks.findIndex((h) => h === hook);
-        this._hooks.splice(index, 1);
-      }, "dispose")
-    };
-  }
-}, __name(_a9, "SheetCanvasFloatDomManagerService"), _a9);
-SheetCanvasFloatDomManagerService = __decorateClass$1([
-  __decorateParam$1(0, Inject(IRenderManagerService)),
-  __decorateParam$1(1, IUniverInstanceService),
-  __decorateParam$1(2, Inject(ICommandService)),
-  __decorateParam$1(3, IDrawingManagerService),
-  __decorateParam$1(4, Inject(CanvasFloatDomService)),
-  __decorateParam$1(5, ISheetDrawingService),
-  __decorateParam$1(6, Inject(LifecycleService))
-], SheetCanvasFloatDomManagerService);
 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);
   return kind && result && __defProp2(target, key, result), result;
 }, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField");
 const PLUGIN_NAME = "SHEET_IMAGE_UI_PLUGIN";
-var _a10;
-let UniverSheetsDrawingUIPlugin = (_a10 = class extends Plugin {
+var _a9;
+let UniverSheetsDrawingUIPlugin = (_a9 = class extends Plugin {
   constructor(_config = defaultPluginConfig, _injector, _renderManagerService, _configService) {
     super(), this._config = _config, this._injector = _injector, this._renderManagerService = _renderManagerService, this._configService = _configService;
     const { menu, ...rest } = this._config;
@@ -2531,7 +2145,7 @@ let UniverSheetsDrawingUIPlugin = (_a10 = class extends Plugin {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, m));
     });
   }
-}, __name(_a10, "UniverSheetsDrawingUIPlugin"), _a10);
+}, __name(_a9, "UniverSheetsDrawingUIPlugin"), _a9);
 __publicField2(UniverSheetsDrawingUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 __publicField2(UniverSheetsDrawingUIPlugin, "pluginName", PLUGIN_NAME);
 UniverSheetsDrawingUIPlugin = __decorateClass([