@univerjs/sheets-drawing-ui 0.4.2-nightly.202411071606 → 0.4.2-nightly.202411091134

package/lib/es/index.js

@@ -1,1162 +1,1217 @@
-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, 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 } 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 } 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-t4WyJLnC.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 = {}, RemoveSheetDrawingCommand = {
+var gn = Object.defineProperty;
+var mn = (i, e, n) => e in i ? gn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var V = (i, e, n) => mn(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as H, ICommandService as W, IUndoRedoService as ue, sequenceExecute as It, LocaleService as We, IUniverInstanceService as fe, useDependency as oe, Inject as x, Injector as Ct, IContextService as Rt, RxDisposable as fn, UniverInstanceType as Y, connectInjector as pn, toDisposable as wn, FOCUSING_COMMON_DRAWINGS as me, Disposable as re, Direction as te, FOCUSING_FX_BAR_EDITOR as _n, EDITOR_ACTIVATED as vn, FOCUSING_PANEL_EDITOR as Sn, Tools as ge, UserManagerService as In, IPermissionService as Cn, Rectangle as Rn, LifecycleService as Dn, LifecycleStages as Mn, DisposableCollection as bn, fromEventSubject as yn, generateRandomId as On, DependentOn as Pn, Plugin as Tn, registerDependencies as En, touchDependencies as Xe, IConfigService as Un } from "@univerjs/core";
+import { IDrawingManagerService as K, IImageIoService as Dt, DrawingTypeEnum as k, ArrangeTypeEnum as ve, DRAWING_IMAGE_ALLOW_IMAGE_LIST as An, DRAWING_IMAGE_COUNT_LIMIT as mt, ImageUploadStatusType as He, DRAWING_IMAGE_ALLOW_SIZE as Nn, getImageSize as jn, DRAWING_IMAGE_WIDTH_LIMIT as ft, DRAWING_IMAGE_HEIGHT_LIMIT as pt, getDrawingShapeKeyByDrawingSearch as ze, UniverDrawingPlugin as xn } from "@univerjs/drawing";
+import { ImageCropperObject as Ln, COMPONENT_IMAGE_POPUP_MENU as $n, OpenImageCropOperation as Bn, ImageResetSizeOperation as Wn, DrawingCommonPanel as Gn, DrawingRenderService as Vn, UniverDrawingUIPlugin as kn } from "@univerjs/drawing-ui";
+import { IRenderManagerService as J, precisionTo as ne, getGroupState as Yn, transformObjectOutOfGroup as Fn, RENDER_CLASS_TYPE as de, Rect as wt, ObjectType as Xn, DRAWING_OBJECT_LAYER_INDEX as Hn, SHEET_VIEWPORT_KEY as zn } from "@univerjs/engine-render";
+import { ISheetDrawingService as F, SetDrawingApplyMutation as P, DrawingApplyType as T, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as Kn } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as Jn, attachRangeWithCoord as Te, ISheetSelectionRenderService as pe, SheetSkeletonManagerService as q, getCurrentRangeDisable$ as Zn, COPY_TYPE as _t, PREDEFINED_HOOK_NAME as Se, virtualizeDiscreteRanges as qn, ISheetClipboardService as Qn, SheetPrintInterceptorService as er, VIEWPORT_KEY as tr, SetZoomRatioOperation as nr } from "@univerjs/sheets-ui";
+import { ISidebarService as rr, IUIPartsService as ir, BuiltInUIPart as sr, ILocalFileService as or, IMessageService as ar, MenuItemType as Mt, getMenuHiddenObservable as bt, RibbonStartGroup as cr, KeyCode as le, ComponentManager as dr, IMenuManagerService as lr, IShortcutService as ur, CanvasFloatDomService as hr } from "@univerjs/ui";
+import { takeUntil as vt, combineLatest as Ie, map as Ee, filter as ae, distinctUntilChanged as Ce, Subject as Ke, take as gr, BehaviorSubject as mr, switchMap as fr } from "rxjs";
+import { SheetInterceptorService as at, getSheetCommandTarget as ce, SheetsSelectionsService as pr, WorkbookEditablePermission as tt, WorksheetEditPermission as Pe, RangeProtectionPermissionEditPoint as wr, WorkbookViewPermission as St, WorksheetViewPermission as Je, InsertRowCommand as yt, InsertColCommand as Ot, RemoveRowCommand as Pt, RemoveColCommand as Tt, DeleteRangeMoveLeftCommand as Et, DeleteRangeMoveUpCommand as Ut, InsertRangeMoveDownCommand as At, InsertRangeMoveRightCommand as Nt, DeltaRowHeightCommand as nt, SetRowHeightCommand as rt, DeltaColumnWidthCommand as jt, SetColWidthCommand as xt, SetRowHiddenCommand as Lt, SetSpecificRowsVisibleCommand as $t, SetSpecificColsVisibleCommand as Bt, SetColHiddenCommand as Wt, MoveColsCommand as Gt, MoveRowsCommand as Vt, MoveRangeCommand as kt, SetRowVisibleMutation as _r, SetRowHiddenMutation as vr, SetColVisibleMutation as Sr, SetColHiddenMutation as Ir, SetWorksheetRowHeightMutation as Cr, SetWorksheetColWidthMutation as Rr, SetWorksheetActiveOperation as Dr, SetFrozenMutation as Mr } from "@univerjs/sheets";
+import Yt, { useEffect as ct, forwardRef as Ft, useRef as br, createElement as Xt, useState as it } from "react";
+import { MessageType as Re, RadioGroup as yr, Radio as Ze } from "@univerjs/design";
+const Or = "sheets-drawing-ui.config", Pr = {}, j = {
+  id: "sheet.operation.clear-drawing-transformer",
+  type: H.MUTATION,
+  handler: (i, e) => {
+    const n = i.get(J);
+    return e.forEach((t) => {
+      var r, s;
+      (s = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
+    }), !0;
+  }
+}, Ge = {
   id: "sheet.command.remove-sheet-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a10, _b, _c;
-    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);
+  type: H.COMMAND,
+  handler: (i, e) => {
+    var S, v, R;
+    const n = i.get(W), t = i.get(ue), r = i.get(at), s = i.get(F);
+    if (!e) return !1;
+    const { drawings: o } = e, d = [];
+    o.forEach((_) => {
+      const { unitId: C } = _;
+      d.push(C);
     });
-    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([...(_a10 = intercepted.preRedos) != null ? _a10 : [], removeMutation, ...intercepted.redos], commandService) ? (undoRedoService.pushUndoRedo({
-      unitID: unitId,
+    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = r.onCommandExecute({ id: Ge.id, params: e }), f = { id: P.id, params: { unitId: g, subUnitId: c, op: h, objects: u, type: T.REMOVE } }, p = { id: P.id, params: { unitId: g, subUnitId: c, op: a, objects: u, type: T.INSERT } };
+    return It([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+      unitID: g,
       undoMutations: [
-        ...(_b = intercepted.preUndos) != null ? _b : [],
-        undoRemoveMutation,
-        ...intercepted.undos,
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
+        ...(v = m.preUndos) != null ? v : [],
+        p,
+        ...m.undos,
+        { id: j.id, params: d }
       ],
       redoMutations: [
-        ...(_c = intercepted.preRedos) != null ? _c : [],
-        removeMutation,
-        ...intercepted.redos,
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
+        ...(R = m.preRedos) != null ? R : [],
+        f,
+        ...m.redos,
+        { id: j.id, params: d }
       ]
     }), !0) : !1;
-  }, "handler")
-}, COMPONENT_SHEET_DRAWING_PANEL = "COMPONENT_SHEET_DRAWING_PANEL", SidebarSheetDrawingOperation = {
+  }
+}, Ht = "COMPONENT_SHEET_DRAWING_PANEL", zt = {
   id: "sidebar.operation.sheet-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor, params) => {
-    const sidebarService = accessor.get(ISidebarService), localeService = accessor.get(LocaleService), univerInstanceService = accessor.get(IUniverInstanceService), drawingManagerService = accessor.get(IDrawingManagerService);
-    if (!getSheetCommandTarget(univerInstanceService)) return !1;
-    switch (params.value) {
+  type: H.COMMAND,
+  handler: async (i, e) => {
+    const n = i.get(rr), t = i.get(We), r = i.get(fe), s = i.get(K);
+    if (!ce(r)) return !1;
+    switch (e.value) {
       case "open":
-        sidebarService.open({
-          header: { title: localeService.t("sheetImage.panel.title") },
-          children: { label: COMPONENT_SHEET_DRAWING_PANEL },
-          onClose: /* @__PURE__ */ __name(() => {
-            drawingManagerService.focusDrawing(null);
-          }, "onClose"),
+        n.open({
+          header: { title: t.t("sheetImage.panel.title") },
+          children: { label: Ht },
+          onClose: () => {
+            s.focusDrawing(null);
+          },
           width: 360
         });
         break;
       case "close":
       default:
-        sidebarService.close();
+        n.close();
         break;
     }
     return !0;
-  }, "handler")
-}, EditSheetDrawingOperation = {
+  }
+}, Kt = {
   id: "sheet.operation.edit-sheet-image",
-  type: CommandType.OPERATION,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const drawingManagerService = accessor.get(IDrawingManagerService), commandService = accessor.get(ICommandService);
-    return params == null ? !1 : (drawingManagerService.focusDrawing([params]), commandService.executeCommand(SidebarSheetDrawingOperation.id, { value: "open" }), !0);
-  }, "handler")
-}, uploadLoading = "univer-upload-loading", uploadLoadingBody = "univer-upload-loading-body", uploadLoadingBodyAnimation = "univer-upload-loading-body-animation", univerCircleAnimation = "univer-UniverCircleAnimation", uploadLoadingBodyText = "univer-upload-loading-body-text", styles$1 = {
-  uploadLoading,
-  uploadLoadingBody,
-  uploadLoadingBodyAnimation,
-  univerCircleAnimation,
-  uploadLoadingBodyText
-}, UploadLoading = /* @__PURE__ */ __name(() => {
-  const imageIoService = useDependency(IImageIoService), localeService = useDependency(LocaleService), [remain, setRemain] = React.useState(0);
-  return useEffect(() => {
-    const sub = imageIoService.change$.subscribe((count) => {
-      setRemain(count);
+  type: H.OPERATION,
+  handler: (i, e) => {
+    const n = i.get(K), t = i.get(W);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(zt.id, { value: "open" }), !0);
+  }
+};
+var Jt = { exports: {} }, Ve = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Tr = Yt, Er = Symbol.for("react.element"), Ur = Symbol.for("react.fragment"), Ar = Object.prototype.hasOwnProperty, Nr = Tr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, jr = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Zt(i, e, n) {
+  var t, r = {}, s = null, o = null;
+  n !== void 0 && (s = "" + n), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
+  for (t in e) Ar.call(e, t) && !jr.hasOwnProperty(t) && (r[t] = e[t]);
+  if (i && i.defaultProps) for (t in e = i.defaultProps, e) r[t] === void 0 && (r[t] = e[t]);
+  return { $$typeof: Er, type: i, key: s, ref: o, props: r, _owner: Nr.current };
+}
+Ve.Fragment = Ur;
+Ve.jsx = Zt;
+Ve.jsxs = Zt;
+Jt.exports = Ve;
+var $ = Jt.exports;
+const xr = "univer-upload-loading", Lr = "univer-upload-loading-body", $r = "univer-upload-loading-body-animation", Br = "univer-UniverCircleAnimation", Wr = "univer-upload-loading-body-text", De = {
+  uploadLoading: xr,
+  uploadLoadingBody: Lr,
+  uploadLoadingBodyAnimation: $r,
+  univerCircleAnimation: Br,
+  uploadLoadingBodyText: Wr
+}, Gr = () => {
+  const i = oe(Dt), e = oe(We), [n, t] = Yt.useState(0);
+  return ct(() => {
+    const r = i.change$.subscribe((s) => {
+      t(s);
     });
     return () => {
-      sub.unsubscribe();
+      r.unsubscribe();
     };
-  }, [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$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$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) {
+  }, [i]), /* @__PURE__ */ $.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: De.uploadLoading, children: /* @__PURE__ */ $.jsxs("div", { className: De.uploadLoadingBody, children: [
+    /* @__PURE__ */ $.jsx("div", { className: De.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ $.jsx("div", { className: De.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
+  ] }) });
+};
+var Vr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Yr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? kr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Vr(e, n, r), r;
+}, ie = (i, e) => (n, t) => e(n, t, i);
+let Ue = class extends fn {
+  constructor(e, n, t, r, s, o, d) {
     super();
-    __publicField(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = _injector, this._drawingManagerService = _drawingManagerService, this._canvasPopManagerService = _canvasPopManagerService, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._contextService = _contextService, this._uiPartsService = _uiPartsService, this._init();
+    V(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = d, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => this._create(workbook)), this._univerInstanceService.getTypeOfUnitDisposed$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => this._dispose(workbook)), this._univerInstanceService.getAllUnitsForType(UniverInstanceType.UNIVER_SHEET).forEach((workbook) => this._create(workbook)), this._uiPartsService.registerComponent(BuiltInUIPart.CONTENT, () => connectInjector(UploadLoading, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(vt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(vt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(sr.CONTENT, () => pn(Gr, this._injector));
   }
-  _dispose(workbook) {
-    const unitId = workbook.getUnitId();
-    this._renderManagerService.removeRender(unitId);
+  _dispose(e) {
+    const n = e.getUnitId();
+    this._renderManagerService.removeRender(n);
   }
-  _create(workbook) {
-    if (!workbook)
+  _create(e) {
+    if (!e)
       return;
-    const unitId = workbook.getUnitId();
-    this._renderManagerService.has(unitId) && !this._initImagePopupMenu.has(unitId) && (this._popupMenuListener(unitId), this._initImagePopupMenu.add(unitId));
+    const n = e.getUnitId();
+    this._renderManagerService.has(n) && !this._initImagePopupMenu.has(n) && (this._popupMenuListener(n), this._initImagePopupMenu.add(n));
   }
-  _hasCropObject(scene) {
-    const objects = scene.getAllObjectsByOrder();
-    for (const object of objects)
-      if (object instanceof ImageCropperObject)
+  _hasCropObject(e) {
+    const n = e.getAllObjectsByOrder();
+    for (const t of n)
+      if (t instanceof Ln)
         return !0;
     return !1;
   }
-  _popupMenuListener(unitId) {
-    var _a10;
-    const scene = (_a10 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a10.scene;
-    if (!scene)
+  _popupMenuListener(e) {
+    var s;
+    const n = (s = this._renderManagerService.getRenderById(e)) == null ? void 0 : s.scene;
+    if (!n)
       return;
-    const transformer = scene.getTransformerByCreate();
-    if (!transformer)
+    const t = n.getTransformerByCreate();
+    if (!t)
       return;
-    let singletonPopupDisposer;
+    let r;
     this.disposeWithMe(
-      toDisposable(
-        transformer.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, !0), this._hasCropObject(scene))
+      wn(
+        t.createControl$.subscribe(() => {
+          if (this._contextService.setContextValue(me, !0), this._hasCropObject(n))
             return;
-          const selectedObjects = transformer.getSelectedObjectMap();
-          if (selectedObjects.size > 1) {
-            singletonPopupDisposer == null || singletonPopupDisposer.dispose();
+          const o = t.getSelectedObjectMap();
+          if (o.size > 1) {
+            r == null || r.dispose();
             return;
           }
-          const object = selectedObjects.values().next().value;
-          if (!object)
+          const d = o.values().next().value;
+          if (!d)
             return;
-          const oKey = object.oKey, drawingParam = this._drawingManagerService.getDrawingOKey(oKey);
-          if (!drawingParam)
+          const l = d.oKey, g = this._drawingManagerService.getDrawingOKey(l);
+          if (!g)
             return;
-          const { unitId: unitId2, subUnitId, drawingId, drawingType } = drawingParam, data = drawingParam.data;
-          data && data.disablePopup || (singletonPopupDisposer == null || singletonPopupDisposer.dispose(), singletonPopupDisposer = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object, {
-            componentKey: COMPONENT_IMAGE_POPUP_MENU,
+          const { unitId: c, subUnitId: a, drawingId: h, drawingType: u } = g, m = g.data;
+          m && m.disablePopup || (r == null || r.dispose(), r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
+            componentKey: $n,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: this._getImageMenuItems(unitId2, subUnitId, drawingId, drawingType)
+              menuItems: this._getImageMenuItems(c, a, h, u)
             }
           })), this._drawingManagerService.focusDrawing([{
-            unitId: unitId2,
-            subUnitId,
-            drawingId
+            unitId: c,
+            subUnitId: a,
+            drawingId: h
           }]));
         })
       )
     ), this.disposeWithMe(
-      transformer.clearControl$.subscribe(() => {
-        singletonPopupDisposer == null || singletonPopupDisposer.dispose(), this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, !1), this._drawingManagerService.focusDrawing(null);
+      t.clearControl$.subscribe(() => {
+        r == null || r.dispose(), this._contextService.setContextValue(me, !1), this._drawingManagerService.focusDrawing(null);
       })
     ), this.disposeWithMe(
-      transformer.changing$.subscribe(() => {
-        singletonPopupDisposer == null || singletonPopupDisposer.dispose();
+      t.changing$.subscribe(() => {
+        r == null || r.dispose();
       })
     );
   }
-  _getImageMenuItems(unitId, subUnitId, drawingId, drawingType) {
+  _getImageMenuItems(e, n, t, r) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: EditSheetDrawingOperation.id,
-        commandParams: { unitId, subUnitId, drawingId },
-        disable: drawingType === DrawingTypeEnum.DRAWING_DOM
+        commandId: Kt.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
+        disable: r === k.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: RemoveSheetDrawingCommand.id,
-        commandParams: { unitId, drawings: [{ unitId, subUnitId, drawingId }] },
+        commandId: Ge.id,
+        commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: OpenImageCropOperation.id,
-        commandParams: { unitId, subUnitId, drawingId },
-        disable: drawingType === DrawingTypeEnum.DRAWING_DOM
+        commandId: Bn.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
+        disable: r === k.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: ImageResetSizeOperation.id,
-        commandParams: [{ unitId, subUnitId, drawingId }],
-        disable: drawingType === DrawingTypeEnum.DRAWING_DOM
+        commandId: Wn.id,
+        commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
+        disable: r === k.DRAWING_DOM
       }
     ];
   }
-}, __name(_a, "DrawingPopupMenuController"), _a);
-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, {
-    startColumn: fromColumn,
-    endColumn: fromColumn,
-    startRow: fromRow,
-    endRow: fromRow
+};
+Ue = Yr([
+  ie(0, x(Ct)),
+  ie(1, K),
+  ie(2, x(Jn)),
+  ie(3, J),
+  ie(4, fe),
+  ie(5, Rt),
+  ie(6, x(ir))
+], Ue);
+function B(i, e, n) {
+  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: d = 0, skewX: l = 0, skewY: g = 0 } = i, { column: c, columnOffset: a, row: h, rowOffset: u } = t, { column: m, columnOffset: f, row: p, rowOffset: I } = r, S = n.getCurrentSkeleton(), v = Te(S, {
+    startColumn: c,
+    endColumn: c,
+    startRow: h,
+    endRow: h
   });
-  if (startSelectionCell == null)
+  if (v == null)
     return;
-  const endSelectionCell = attachRangeWithCoord(skeleton, {
-    startColumn: toColumn,
-    endColumn: toColumn,
-    startRow: toRow,
-    endRow: toRow
+  const R = Te(S, {
+    startColumn: m,
+    endColumn: m,
+    startRow: p,
+    endRow: p
   });
-  if (endSelectionCell == null)
+  if (R == null)
     return;
-  const { startX: startSelectionX, startY: startSelectionY } = startSelectionCell, { startX: endSelectionX, startY: endSelectionY } = endSelectionCell;
-  let left = precisionTo(startSelectionX + fromColumnOffset, 1), top = precisionTo(startSelectionY + fromRowOffset, 1), width = precisionTo(endSelectionX + toColumnOffset - left, 1), height = precisionTo(endSelectionY + toRowOffset - top, 1);
-  startSelectionCell.startX === endSelectionCell.endX && (width = 0), startSelectionCell.startY === endSelectionCell.endY && (height = 0);
-  const sheetWidth = skeleton.rowHeaderWidth + skeleton.columnTotalWidth, sheetHeight = skeleton.columnHeaderHeight + skeleton.rowTotalHeight;
-  return left + width > sheetWidth && (left = sheetWidth - width), top + height > sheetHeight && (top = sheetHeight - height), {
-    flipY,
-    flipX,
-    angle,
-    skewX,
-    skewY,
-    left,
-    top,
-    width,
-    height
+  const { startX: _, startY: C } = v, { startX: w, startY: O } = R;
+  let b = ne(_ + a, 1), A = ne(C + u, 1), E = ne(w + f - b, 1), M = ne(O + I - A, 1);
+  v.startX === R.endX && (E = 0), v.startY === R.endY && (M = 0);
+  const D = S.rowHeaderWidth + S.columnTotalWidth, U = S.columnHeaderHeight + S.rowTotalHeight;
+  return b + E > D && (b = D - E), A + M > U && (A = U - M), {
+    flipY: s,
+    flipX: o,
+    angle: d,
+    skewX: l,
+    skewY: g,
+    left: b,
+    top: A,
+    width: E,
+    height: M
   };
 }
-__name(drawingPositionToTransform, "drawingPositionToTransform");
-function transformToDrawingPosition(transform, selectionRenderService) {
-  const { left = 0, top = 0, width = 0, height = 0, flipY = !1, flipX = !1, angle = 0, skewX = 0, skewY = 0 } = transform, startSelectionCell = selectionRenderService.getSelectionCellByPosition(left, top);
-  if (startSelectionCell == null)
+function N(i, e) {
+  const { left: n = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: d = !1, angle: l = 0, skewX: g = 0, skewY: c = 0 } = i, a = e.getSelectionCellByPosition(n, t);
+  if (a == null)
     return;
-  const from = {
-    column: startSelectionCell.actualColumn,
-    columnOffset: precisionTo(left - startSelectionCell.startX, 1),
-    row: startSelectionCell.actualRow,
-    rowOffset: precisionTo(top - startSelectionCell.startY, 1)
-  }, endSelectionCell = selectionRenderService.getSelectionCellByPosition(left + width, top + height);
-  if (endSelectionCell == null)
+  const h = {
+    column: a.actualColumn,
+    columnOffset: ne(n - a.startX, 1),
+    row: a.actualRow,
+    rowOffset: ne(t - a.startY, 1)
+  }, u = e.getSelectionCellByPosition(n + r, t + s);
+  if (u == null)
     return;
-  const to = {
-    column: endSelectionCell.actualColumn,
-    columnOffset: precisionTo(left + width - endSelectionCell.startX, 1),
-    row: endSelectionCell.actualRow,
-    rowOffset: precisionTo(top + height - endSelectionCell.startY, 1)
+  const m = {
+    column: u.actualColumn,
+    columnOffset: ne(n + r - u.startX, 1),
+    row: u.actualRow,
+    rowOffset: ne(t + s - u.startY, 1)
   };
   return {
-    flipY,
-    flipX,
-    angle,
-    skewX,
-    skewY,
-    from,
-    to
+    flipY: o,
+    flipX: d,
+    angle: l,
+    skewX: g,
+    skewY: c,
+    from: h,
+    to: m
   };
 }
-__name(transformToDrawingPosition, "transformToDrawingPosition");
-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"), _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();
+var Fr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Hr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Xr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Fr(e, n, r), r;
+}, Me = (i, e) => (n, t) => e(n, t, i);
+let st = class extends re {
+  constructor(i, e, n, t, r) {
+    super(), this._context = i, this._sheetDrawingService = e, this._drawingManagerService = n, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
   }
   _init() {
     this._drawingInitializeListener();
   }
   _drawingInitializeListener() {
     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);
+    const i = this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId);
+    for (const e in i) {
+      const n = i[e];
+      for (const t in n.data) {
+        const r = n.data[t];
+        r.transform = B(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
-}, __name(_a2, "SheetsDrawingRenderController"), _a2);
-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) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
+};
+st = Hr([
+  Me(1, F),
+  Me(2, K),
+  Me(3, x(pe)),
+  Me(4, x(q))
+], st);
+var X = function() {
+  return X = Object.assign || function(i) {
+    for (var e, n = 1, t = arguments.length; n < t; n++) {
+      e = arguments[n];
+      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
-      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
+    return i;
+  }, X.apply(this, arguments);
+}, zr = function(i, e) {
+  var n = {};
+  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
+      e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
+  return n;
+}, qt = Ft(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = zr(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = br("_".concat(Zr()));
+  return Qt(n, "".concat(t), { defIds: n.defIds, idSuffix: l.current }, X({ ref: e, className: d }, o), s);
 });
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
+function Qt(i, e, n, t, r) {
+  return Xt(i.tag, X(X({ key: e }, Kr(i, n, r)), t), (Jr(i, n).children || []).map(function(s, o) {
+    return Qt(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
   }));
 }
-__name(render, "render");
-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(_a10) {
-    var key = _a10[0], value = _a10[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
+function Kr(i, e, n) {
+  var t = X({}, i.attrs);
+  n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
+  var r = e.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
+    var o = s[0], d = s[1];
+    typeof d == "string" && (t[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), t;
 }
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  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;
+function Jr(i, e) {
+  var n, t = e.defIds;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? X(X({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? X(X({}, r), { attrs: X(X({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : i;
 }
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function Zr() {
   return Math.random().toString(36).substring(2, 8);
 }
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, AddImageSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+qt.displayName = "UniverIcon";
+var qr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, en = Ft(function(i, e) {
+  return Xt(qt, Object.assign({}, i, {
     id: "add-image-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: qr
   }));
 });
-AddImageSingle.displayName = "AddImageSingle";
-const DeleteDrawingsCommand = {
+en.displayName = "AddImageSingle";
+const tn = {
   id: "sheet.command.delete-drawing",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor) => {
-    const commandService = accessor.get(ICommandService), drawings = accessor.get(ISheetDrawingService).getFocusDrawings();
-    if (drawings.length === 0)
+  type: H.COMMAND,
+  handler: (i) => {
+    const e = i.get(W), t = i.get(F).getFocusDrawings();
+    if (t.length === 0)
       return !1;
-    const unitId = drawings[0].unitId, newDrawings = drawings.map((drawing) => {
-      const { unitId: unitId2, subUnitId, drawingId, drawingType } = drawing;
+    const r = t[0].unitId, s = t.map((o) => {
+      const { unitId: d, subUnitId: l, drawingId: g, drawingType: c } = o;
       return {
-        unitId: unitId2,
-        subUnitId,
-        drawingId,
-        drawingType
+        unitId: d,
+        subUnitId: l,
+        drawingId: g,
+        drawingType: c
       };
     });
-    return commandService.executeCommand(RemoveSheetDrawingCommand.id, {
-      unitId,
-      drawings: newDrawings
+    return e.executeCommand(Ge.id, {
+      unitId: r,
+      drawings: s
     });
-  }, "handler")
+  }
 };
-function ungroupToGroup(ungroupParams) {
-  const newGroupParams = [];
-  return ungroupParams.forEach((ungroupParam) => {
-    const { parent, children } = ungroupParam, { unitId, subUnitId, drawingId: groupId } = parent, groupTransform = getGroupState(0, 0, children.map((o) => o.transform || {})), newChildren = children.map((drawing) => {
-      const transform = drawing.transform || { left: 0, top: 0 }, { unitId: unitId2, subUnitId: subUnitId2, drawingId } = drawing;
+function Qr(i) {
+  const e = [];
+  return i.forEach((n) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d } = t, l = Yn(0, 0, r.map((a) => a.transform || {})), g = r.map((a) => {
+      const h = a.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: m, drawingId: f } = a;
       return {
-        unitId: unitId2,
-        subUnitId: subUnitId2,
-        drawingId,
+        unitId: u,
+        subUnitId: m,
+        drawingId: f,
         transform: {
-          ...transform,
-          left: transform.left - groupTransform.left,
-          top: transform.top - groupTransform.top
+          ...h,
+          left: h.left - l.left,
+          top: h.top - l.top
         },
-        groupId
+        groupId: d
       };
-    }), groupParam = {
-      unitId,
-      subUnitId,
-      drawingId: groupId,
-      drawingType: DrawingTypeEnum.DRAWING_GROUP,
-      transform: groupTransform
+    }), c = {
+      unitId: s,
+      subUnitId: o,
+      drawingId: d,
+      drawingType: k.DRAWING_GROUP,
+      transform: l
     };
-    newGroupParams.push({
-      parent: groupParam,
-      children: newChildren
+    e.push({
+      parent: c,
+      children: g
     });
-  }), newGroupParams;
+  }), e;
 }
-__name(ungroupToGroup, "ungroupToGroup");
-function groupToUngroup(groupParams) {
-  const newGroupParams = [];
-  return groupParams.forEach((groupParam) => {
-    const { parent, children } = groupParam, { unitId, subUnitId, drawingId: groupId, transform: groupTransform = { width: 0, height: 0 } } = parent;
-    if (groupTransform == null)
+function ei(i) {
+  const e = [];
+  return i.forEach((n) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d, transform: l = { width: 0, height: 0 } } = t;
+    if (l == null)
       return;
-    const newChildren = children.map((object) => {
-      const { transform } = object, { unitId: unitId2, subUnitId: subUnitId2, drawingId } = object, newTransform = transformObjectOutOfGroup(transform || {}, groupTransform, groupTransform.width || 0, groupTransform.height || 0);
+    const g = r.map((a) => {
+      const { transform: h } = a, { unitId: u, subUnitId: m, drawingId: f } = a, p = Fn(h || {}, l, l.width || 0, l.height || 0);
       return {
-        unitId: unitId2,
-        subUnitId: subUnitId2,
-        drawingId,
-        transform: newTransform,
+        unitId: u,
+        subUnitId: m,
+        drawingId: f,
+        transform: p,
         groupId: void 0
       };
-    }), ungroupParam = {
-      unitId,
-      subUnitId,
-      drawingId: groupId,
-      drawingType: DrawingTypeEnum.DRAWING_GROUP,
+    }), c = {
+      unitId: s,
+      subUnitId: o,
+      drawingId: d,
+      drawingType: k.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
       }
     };
-    newGroupParams.push({
-      parent: ungroupParam,
-      children: newChildren
+    e.push({
+      parent: c,
+      children: g
     });
-  }), newGroupParams;
+  }), e;
 }
-__name(groupToUngroup, "groupToUngroup");
-const GroupSheetDrawingCommand = {
+const nn = {
   id: "sheet.command.group-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 unitIds = [];
-    params.forEach(({ parent, children }) => {
-      unitIds.push(parent.unitId), children.forEach((child) => {
-        unitIds.push(child.unitId);
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(W), t = i.get(ue), r = i.get(F);
+    if (!e) return !1;
+    const s = [];
+    e.forEach(({ parent: u, children: m }) => {
+      s.push(u.unitId), m.forEach((f) => {
+        s.push(f.unitId);
       });
     });
-    const jsonOp = sheetDrawingService.getGroupDrawingOp(params), { unitId, subUnitId, undo, redo, objects } = jsonOp;
-    return commandService.syncExecuteCommand(SetDrawingApplyMutation.id, { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.GROUP }) ? (undoRedoService.pushUndoRedo({
-      unitID: unitId,
+    const o = r.getGroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: c, objects: a } = o;
+    return n.syncExecuteCommand(P.id, { op: c, unitId: d, subUnitId: l, objects: a, type: T.GROUP }) ? (t.pushUndoRedo({
+      unitID: d,
+      undoMutations: [
+        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: ei(a), type: T.UNGROUP } },
+        { id: j.id, params: s }
+      ],
+      redoMutations: [
+        { id: P.id, params: { op: c, unitId: d, subUnitId: l, objects: a, type: T.GROUP } },
+        { id: j.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+}, ke = {
+  id: "sheet.command.insert-sheet-image",
+  type: H.COMMAND,
+  handler: (i, e) => {
+    var S, v, R;
+    const n = i.get(W), t = i.get(ue), r = i.get(F), s = i.get(at);
+    if (!e) return !1;
+    const o = e.drawings, d = o.map((_) => _.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = s.onCommandExecute({ id: ke.id, params: e }), f = { id: P.id, params: { op: h, unitId: g, subUnitId: c, objects: u, type: T.INSERT } }, p = { id: P.id, params: { op: a, unitId: g, subUnitId: c, objects: u, type: T.REMOVE } };
+    return It([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+      unitID: g,
       undoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: undo, unitId, subUnitId, objects: groupToUngroup(objects), type: DrawingApplyType.UNGROUP } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
+        ...(v = m.preUndos) != null ? v : [],
+        p,
+        ...m.undos,
+        { id: j.id, params: d }
       ],
       redoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.GROUP } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
+        ...(R = m.preRedos) != null ? R : [],
+        f,
+        ...m.redos,
+        { id: j.id, params: d }
       ]
     }), !0) : !1;
-  }, "handler")
-}, SetDrawingArrangeCommand = {
+  }
+}, rn = {
   id: "sheet.command.set-drawing-arrange",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService);
-    if (!params) return !1;
-    const sheetDrawingService = accessor.get(ISheetDrawingService), { unitId, subUnitId, drawingIds, arrangeType } = params, drawingOrderMapParam = { unitId, subUnitId, drawingIds };
-    let jsonOp;
-    if (arrangeType === ArrangeTypeEnum.forward ? jsonOp = sheetDrawingService.getForwardDrawingsOp(drawingOrderMapParam) : arrangeType === ArrangeTypeEnum.backward ? jsonOp = sheetDrawingService.getBackwardDrawingOp(drawingOrderMapParam) : arrangeType === ArrangeTypeEnum.front ? jsonOp = sheetDrawingService.getFrontDrawingsOp(drawingOrderMapParam) : arrangeType === ArrangeTypeEnum.back && (jsonOp = sheetDrawingService.getBackDrawingsOp(drawingOrderMapParam)), jsonOp == null)
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(W), t = i.get(ue);
+    if (!e) return !1;
+    const r = i.get(F), { unitId: s, subUnitId: o, drawingIds: d, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: d };
+    let c;
+    if (l === ve.forward ? c = r.getForwardDrawingsOp(g) : l === ve.backward ? c = r.getBackwardDrawingOp(g) : l === ve.front ? c = r.getFrontDrawingsOp(g) : l === ve.back && (c = r.getBackDrawingsOp(g)), c == null)
       return !1;
-    const { objects, redo, undo } = jsonOp;
-    return commandService.syncExecuteCommand(SetDrawingApplyMutation.id, { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.ARRANGE }) ? (undoRedoService.pushUndoRedo({
-      unitID: unitId,
+    const { objects: a, redo: h, undo: u } = c;
+    return n.syncExecuteCommand(P.id, { op: h, unitId: s, subUnitId: o, objects: a, type: T.ARRANGE }) ? (t.pushUndoRedo({
+      unitID: s,
       undoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: undo, unitId, subUnitId, objects, type: DrawingApplyType.ARRANGE } }
+        { id: P.id, params: { op: u, unitId: s, subUnitId: o, objects: a, type: T.ARRANGE } }
       ],
       redoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.ARRANGE } }
+        { id: P.id, params: { op: h, unitId: s, subUnitId: o, objects: a, type: T.ARRANGE } }
       ]
     }), !0) : !1;
-  }, "handler")
-}, SetSheetDrawingCommand = {
+  }
+}, Ye = {
   id: "sheet.command.set-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, jsonOp = sheetDrawingService.getBatchUpdateOp(drawings), { unitId, subUnitId, undo, redo, objects } = jsonOp;
-    return commandService.syncExecuteCommand(SetDrawingApplyMutation.id, { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.UPDATE }) ? (undoRedoService.pushUndoRedo({
-      unitID: unitId,
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(W), t = i.get(ue), r = i.get(F);
+    if (!e) return !1;
+    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: d, subUnitId: l, undo: g, redo: c, objects: a } = o;
+    return n.syncExecuteCommand(P.id, { unitId: d, subUnitId: l, op: c, objects: a, type: T.UPDATE }) ? (t.pushUndoRedo({
+      unitID: d,
       undoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: undo, objects, type: DrawingApplyType.UPDATE } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }
+        { id: P.id, params: { unitId: d, subUnitId: l, op: g, objects: a, type: T.UPDATE } },
+        { id: j.id, params: [d] }
       ],
       redoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.UPDATE } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }
+        { id: P.id, params: { unitId: d, subUnitId: l, op: c, objects: a, type: T.UPDATE } },
+        { id: j.id, params: [d] }
       ]
     }), !0) : !1;
-  }, "handler")
-}, UngroupSheetDrawingCommand = {
+  }
+}, sn = {
   id: "sheet.command.ungroup-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 unitIds = [];
-    params.forEach(({ parent, children }) => {
-      unitIds.push(parent.unitId), children.forEach((child) => {
-        unitIds.push(child.unitId);
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(W), t = i.get(ue), r = i.get(F);
+    if (!e) return !1;
+    const s = [];
+    e.forEach(({ parent: u, children: m }) => {
+      s.push(u.unitId), m.forEach((f) => {
+        s.push(f.unitId);
       });
     });
-    const jsonOp = sheetDrawingService.getUngroupDrawingOp(params), { unitId, subUnitId, undo, redo, objects } = jsonOp;
-    return commandService.syncExecuteCommand(SetDrawingApplyMutation.id, { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.UNGROUP }) ? (undoRedoService.pushUndoRedo({
-      unitID: unitId,
+    const o = r.getUngroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: c, objects: a } = o;
+    return n.syncExecuteCommand(P.id, { op: c, unitId: d, subUnitId: l, objects: a, type: T.UNGROUP }) ? (t.pushUndoRedo({
+      unitID: d,
       undoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: undo, unitId, subUnitId, objects: ungroupToGroup(objects), type: DrawingApplyType.GROUP } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
+        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: Qr(a), type: T.GROUP } },
+        { id: j.id, params: s }
       ],
       redoMutations: [
-        { id: SetDrawingApplyMutation.id, params: { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.UNGROUP } },
-        { id: ClearSheetDrawingTransformerOperation.id, params: unitIds }
+        { id: P.id, params: { op: c, unitId: d, subUnitId: l, objects: a, type: T.UNGROUP } },
+        { id: j.id, params: s }
       ]
     }), !0) : !1;
-  }, "handler")
+  }
 };
-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$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) {
+var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ri = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ni(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && ti(e, n, r), r;
+}, z = (i, e) => (n, t) => e(n, t, i);
+let Ae = class extends re {
+  constructor(e, n, t, r, s, o, d, l, g, c, a, h) {
     super();
-    __publicField(this, "_workbookSelections");
-    this._context = _context, this._skeletonManagerService = _skeletonManagerService, this._commandService = _commandService, this._selectionRenderService = _selectionRenderService, this._imageIoService = _imageIoService, this._fileOpenerService = _fileOpenerService, this._sheetDrawingService = _sheetDrawingService, this._drawingManagerService = _drawingManagerService, this._contextService = _contextService, this._messageService = _messageService, this._localeService = _localeService, this._workbookSelections = selectionManagerService.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+    V(this, "_workbookSelections");
+    this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = d, this._drawingManagerService = l, this._contextService = g, this._messageService = c, this._localeService = a, this._workbookSelections = h.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
-    const files = await this._fileOpenerService.openFile({
+    const e = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: DRAWING_IMAGE_ALLOW_IMAGE_LIST.map((image) => `.${image.replace("image/", "")}`).join(",")
-    }), fileLength = files.length;
-    return fileLength > DRAWING_IMAGE_COUNT_LIMIT ? (this._messageService.show({
-      type: MessageType.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(DRAWING_IMAGE_COUNT_LIMIT))
-    }), !1) : fileLength === 0 ? !1 : (files.forEach(async (file) => await this._insertFloatImage(file)), !0);
-  }
-  async _insertFloatImage(file) {
-    let imageParam;
+      accept: An.map((t) => `.${t.replace("image/", "")}`).join(",")
+    }), n = e.length;
+    return n > mt ? (this._messageService.show({
+      type: Re.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(mt))
+    }), !1) : n === 0 ? !1 : (e.forEach(async (t) => await this._insertFloatImage(t)), !0);
+  }
+  async _insertFloatImage(e) {
+    let n;
     try {
-      imageParam = await this._imageIoService.saveImage(file);
-    } catch (error) {
-      const type = error.message;
-      type === ImageUploadStatusType.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: MessageType.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)))
-      }) : type === ImageUploadStatusType.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: MessageType.Error,
+      n = await this._imageIoService.saveImage(e);
+    } catch (S) {
+      const v = S.message;
+      v === He.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Nn / (1024 * 1024)))
+      }) : v === He.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : type === ImageUploadStatusType.ERROR_IMAGE && this._messageService.show({
-        type: MessageType.Error,
+      }) : v === He.ERROR_IMAGE && this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
-    if (imageParam == null)
+    if (n == null)
       return;
-    const info = this._getUnitInfo(), { unitId, subUnitId } = info, { imageId, imageSourceType, source, base64Cache } = imageParam, { width, height, image } = await getImageSize(base64Cache || ""), { width: sceneWidth, height: sceneHeight } = this._context.scene;
-    this._imageIoService.addImageSourceCache(source, imageSourceType, image);
-    let scale = 1;
-    if (width > DRAWING_IMAGE_WIDTH_LIMIT || height > DRAWING_IMAGE_HEIGHT_LIMIT) {
-      const scaleWidth = DRAWING_IMAGE_WIDTH_LIMIT / width, scaleHeight = DRAWING_IMAGE_HEIGHT_LIMIT / height;
-      scale = Math.max(scaleWidth, scaleHeight);
+    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: d, source: l, base64Cache: g } = n, { width: c, height: a, image: h } = await jn(g || ""), { width: u, height: m } = this._context.scene;
+    this._imageIoService.addImageSourceCache(l, d, h);
+    let f = 1;
+    if (c > ft || a > pt) {
+      const S = ft / c, v = pt / a;
+      f = Math.max(S, v);
     }
-    const sheetTransform = this._getImagePosition(width * scale, height * scale, sceneWidth, sceneHeight);
-    if (sheetTransform == null)
+    const p = this._getImagePosition(c * f, a * f, u, m);
+    if (p == null)
       return;
-    const sheetDrawingParam = {
-      unitId,
-      subUnitId,
-      drawingId: imageId,
-      drawingType: DrawingTypeEnum.DRAWING_IMAGE,
-      imageSourceType,
-      source,
-      transform: drawingPositionToTransform(sheetTransform, this._selectionRenderService, this._skeletonManagerService),
-      sheetTransform
+    const I = {
+      unitId: r,
+      subUnitId: s,
+      drawingId: o,
+      drawingType: k.DRAWING_IMAGE,
+      imageSourceType: d,
+      source: l,
+      transform: B(p, this._selectionRenderService, this._skeletonManagerService),
+      sheetTransform: p
     };
-    this._commandService.executeCommand(InsertSheetDrawingCommand.id, {
-      unitId,
-      drawings: [sheetDrawingParam]
+    this._commandService.executeCommand(ke.id, {
+      unitId: r,
+      drawings: [I]
     });
   }
   _getUnitInfo() {
-    const workbook = this._context.unit, worksheet = workbook.getActiveSheet(), unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId();
+    const e = this._context.unit, n = e.getActiveSheet(), t = e.getUnitId(), r = n.getSheetId();
     return {
-      unitId,
-      subUnitId
+      unitId: t,
+      subUnitId: r
     };
   }
-  _getImagePosition(imageWidth, imageHeight, sceneWidth, sceneHeight) {
-    const selections = this._workbookSelections.getCurrentSelections();
-    let range = {
+  _getImagePosition(e, n, t, r) {
+    const s = this._workbookSelections.getCurrentSelections();
+    let o = {
       startRow: 0,
       endRow: 0,
       startColumn: 0,
       endColumn: 0
     };
-    selections && selections.length > 0 && (range = selections[selections.length - 1].range);
-    const rangeWithCoord = attachRangeWithCoord(this._skeletonManagerService.getCurrent().skeleton, range);
-    if (rangeWithCoord == null)
+    s && s.length > 0 && (o = s[s.length - 1].range);
+    const d = Te(this._skeletonManagerService.getCurrent().skeleton, o);
+    if (d == null)
       return;
-    let { startColumn, startRow, startX, startY } = rangeWithCoord, isChangeStart = !1;
-    if (startX + imageWidth > sceneWidth && (startX = sceneWidth - imageWidth, startX < 0 && (startX = 0, imageWidth = sceneWidth), isChangeStart = !0), startY + imageHeight > sceneHeight && (startY = sceneHeight - imageHeight, startY < 0 && (startY = 0, imageHeight = sceneHeight), isChangeStart = !0), isChangeStart) {
-      const newCoord = this._selectionRenderService.getSelectionCellByPosition(startX, startY);
-      if (newCoord == null)
+    let { startColumn: l, startRow: g, startX: c, startY: a } = d, h = !1;
+    if (c + e > t && (c = t - e, c < 0 && (c = 0, e = t), h = !0), a + n > r && (a = r - n, a < 0 && (a = 0, n = r), h = !0), h) {
+      const p = this._selectionRenderService.getSelectionCellByPosition(c, a);
+      if (p == null)
         return;
-      startX = newCoord.startX, startY = newCoord.startY, startColumn = newCoord.actualColumn, startRow = newCoord.actualRow;
+      c = p.startX, a = p.startY, l = p.actualColumn, g = p.actualRow;
     }
-    const from = {
-      column: startColumn,
+    const u = {
+      column: l,
       columnOffset: 0,
-      row: startRow,
+      row: g,
       rowOffset: 0
-    }, endSelectionCell = this._selectionRenderService.getSelectionCellByPosition(startX + imageWidth, startY + imageHeight);
-    if (endSelectionCell == null)
+    }, m = this._selectionRenderService.getSelectionCellByPosition(c + e, a + n);
+    if (m == null)
       return;
-    const to = {
-      column: endSelectionCell.actualColumn,
-      columnOffset: startX + imageWidth - endSelectionCell.startX,
-      row: endSelectionCell.actualRow,
-      rowOffset: startY + imageHeight - endSelectionCell.startY
+    const f = {
+      column: m.actualColumn,
+      columnOffset: c + e - m.startX,
+      row: m.actualRow,
+      rowOffset: a + n - m.startY
     };
     return {
-      from,
-      to
+      from: u,
+      to: f
     };
   }
   _updateOrderListener() {
-    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((params) => {
-      const { unitId, subUnitId, drawingIds, arrangeType } = params;
-      this._commandService.executeCommand(SetDrawingArrangeCommand.id, {
-        unitId,
-        subUnitId,
-        drawingIds,
-        arrangeType
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
+      const { unitId: n, subUnitId: t, drawingIds: r, arrangeType: s } = e;
+      this._commandService.executeCommand(rn.id, {
+        unitId: n,
+        subUnitId: t,
+        drawingIds: r,
+        arrangeType: s
       });
     });
   }
   _updateImageListener() {
-    this._drawingManagerService.featurePluginUpdate$.subscribe((params) => {
-      const drawings = [];
-      params.length !== 0 && (params.forEach((param) => {
-        const { unitId, subUnitId, drawingId, drawingType, transform } = param;
-        if (transform == null)
+    this._drawingManagerService.featurePluginUpdate$.subscribe((e) => {
+      const n = [];
+      e.length !== 0 && (e.forEach((t) => {
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: d, transform: l } = t;
+        if (l == null)
           return;
-        const sheetDrawing = this._sheetDrawingService.getDrawingByParam({ unitId, subUnitId, drawingId });
-        if (sheetDrawing == null || sheetDrawing.unitId !== this._context.unitId)
+        const g = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
+        if (g == null || g.unitId !== this._context.unitId)
           return;
-        const sheetTransform = transformToDrawingPosition({ ...sheetDrawing.transform, ...transform }, this._selectionRenderService);
-        if (sheetTransform == null)
+        const c = N({ ...g.transform, ...l }, this._selectionRenderService);
+        if (c == null)
           return;
-        const newDrawing = {
-          ...param,
-          transform: { ...sheetDrawing.transform, ...transform, ...drawingPositionToTransform(sheetTransform, this._selectionRenderService, this._skeletonManagerService) },
-          sheetTransform: { ...sheetTransform }
+        const a = {
+          ...t,
+          transform: { ...g.transform, ...l, ...B(c, this._selectionRenderService, this._skeletonManagerService) },
+          sheetTransform: { ...c }
         };
-        drawings.push(newDrawing);
-      }), drawings.length > 0 && this._commandService.executeCommand(SetSheetDrawingCommand.id, {
-        unitId: params[0].unitId,
-        drawings
+        n.push(a);
+      }), n.length > 0 && this._commandService.executeCommand(Ye.id, {
+        unitId: e[0].unitId,
+        drawings: n
       }));
     });
   }
   _groupDrawingListener() {
-    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((params) => {
-      this._commandService.executeCommand(GroupSheetDrawingCommand.id, params);
-      const { unitId, subUnitId, drawingId } = params[0].parent;
-      this._drawingManagerService.focusDrawing([{ unitId, subUnitId, drawingId }]);
-    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((params) => {
-      this._commandService.executeCommand(UngroupSheetDrawingCommand.id, params);
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
+      this._commandService.executeCommand(nn.id, e);
+      const { unitId: n, subUnitId: t, drawingId: r } = e[0].parent;
+      this._drawingManagerService.focusDrawing([{ unitId: n, subUnitId: t, drawingId: r }]);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
+      this._commandService.executeCommand(sn.id, e);
     });
   }
   _focusDrawingListener() {
     this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((params) => {
-        params == null || params.length === 0 ? (this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, !0), this._sheetDrawingService.focusDrawing(params));
+      this._drawingManagerService.focus$.subscribe((e) => {
+        e == null || e.length === 0 ? (this._contextService.setContextValue(me, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(me, !0), this._sheetDrawingService.focusDrawing(e));
       })
     );
   }
-}, __name(_a3, "SheetDrawingUpdateController"), _a3);
-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 = {
+};
+Ae = ri([
+  z(1, x(q)),
+  z(2, W),
+  z(3, pe),
+  z(4, Dt),
+  z(5, or),
+  z(6, F),
+  z(7, K),
+  z(8, Rt),
+  z(9, ar),
+  z(10, x(We)),
+  z(11, x(pr))
+], Ae);
+const dt = {
   id: "sheet.command.insert-float-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor) => {
-    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 = {
+  type: H.COMMAND,
+  handler: (i) => {
+    var n, t;
+    return (t = (n = i.get(J).getCurrentTypeOfRenderer(Y.UNIVER_SHEET)) == null ? void 0 : n.with(Ae).insertFloatImage()) != null ? t : !1;
+  }
+}, we = {
   id: "sheet.command.move-drawing",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const commandService = accessor.get(ICommandService), drawingManagerService = accessor.get(ISheetDrawingService), selectionRenderService = accessor.get(ISheetSelectionRenderService), { direction } = params, drawings = drawingManagerService.getFocusDrawings();
-    if (drawings.length === 0)
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(W), t = i.get(F), r = i.get(pe), { direction: s } = e, o = t.getFocusDrawings();
+    if (o.length === 0)
       return !1;
-    const unitId = drawings[0].unitId, newDrawings = drawings.map((drawing) => {
-      const { transform } = drawing;
-      if (transform == null)
+    const d = o[0].unitId, l = o.map((c) => {
+      const { transform: a } = c;
+      if (a == null)
         return null;
-      const newTransform = { ...transform }, { left = 0, top = 0 } = transform;
-      return direction === Direction.UP ? newTransform.top = top - 1 : direction === Direction.DOWN ? newTransform.top = top + 1 : direction === Direction.LEFT ? newTransform.left = left - 1 : direction === Direction.RIGHT && (newTransform.left = left + 1), {
-        ...drawing,
-        transform: newTransform,
-        sheetTransform: transformToDrawingPosition(newTransform, selectionRenderService)
+      const h = { ...a }, { left: u = 0, top: m = 0 } = a;
+      return s === te.UP ? h.top = m - 1 : s === te.DOWN ? h.top = m + 1 : s === te.LEFT ? h.left = u - 1 : s === te.RIGHT && (h.left = u + 1), {
+        ...c,
+        transform: h,
+        sheetTransform: N(h, r)
       };
-    }).filter((drawing) => drawing != null);
-    return commandService.syncExecuteCommand(SetSheetDrawingCommand.id, {
-      unitId,
-      drawings: newDrawings
-    }) ? (commandService.syncExecuteCommand(ClearSheetDrawingTransformerOperation.id, [unitId]), !0) : !1;
-  }, "handler")
-}, IMAGE_UPLOAD_ICON = "addition-and-subtraction-single", IMAGE_MENU_ID = "sheet.menu.image";
-function ImageMenuFactory(accessor) {
+    }).filter((c) => c != null);
+    return n.syncExecuteCommand(Ye.id, {
+      unitId: d,
+      drawings: l
+    }) ? (n.syncExecuteCommand(j.id, [d]), !0) : !1;
+  }
+}, on = "addition-and-subtraction-single", an = "sheet.menu.image";
+function ii(i) {
   return {
-    id: IMAGE_MENU_ID,
-    type: MenuItemType.SUBITEMS,
-    icon: IMAGE_UPLOAD_ICON,
+    id: an,
+    type: Mt.SUBITEMS,
+    icon: on,
     tooltip: "sheetImage.title",
-    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-    disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+    hidden$: bt(i, Y.UNIVER_SHEET),
+    disabled$: Zn(i, { workbookTypes: [tt], worksheetTypes: [Pe], rangeTypes: [wr] })
   };
 }
-__name(ImageMenuFactory, "ImageMenuFactory");
-function UploadFloatImageMenuFactory(_accessor) {
+function si(i) {
   return {
-    id: InsertFloatImageCommand.id,
+    id: dt.id,
     title: "sheetImage.upload.float",
-    type: MenuItemType.BUTTON,
-    hidden$: getMenuHiddenObservable(_accessor, UniverInstanceType.UNIVER_SHEET)
+    type: Mt.BUTTON,
+    hidden$: bt(i, Y.UNIVER_SHEET)
   };
 }
-__name(UploadFloatImageMenuFactory, "UploadFloatImageMenuFactory");
-const imageCommonPanel = "univer-image-common-panel", imageCommonPanelGrid = "univer-image-common-panel-grid", imageCommonPanelBorder = "univer-image-common-panel-border", imageCommonPanelTitle = "univer-image-common-panel-title", imageCommonPanelSubtitle = "univer-image-common-panel-subtitle", imageCommonPanelRow = "univer-image-common-panel-row", imageCommonPanelRowVertical = "univer-image-common-panel-row-vertical", imageCommonPanelColumn = "univer-image-common-panel-column", imageCommonPanelColumnCenter = "univer-image-common-panel-column-center", imageCommonPanelInline = "univer-image-common-panel-inline", imageCommonPanelSpan2 = "univer-image-common-panel-span2", imageCommonPanelSpan3 = "univer-image-common-panel-span3", imageCommonPanelInput = "univer-image-common-panel-input", sheetImageMenu = "univer-sheet-image-menu", sheetImageMenuInput = "univer-sheet-image-menu-input", styles = {
-  imageCommonPanel,
-  imageCommonPanelGrid,
-  imageCommonPanelBorder,
-  imageCommonPanelTitle,
-  imageCommonPanelSubtitle,
-  imageCommonPanelRow,
-  imageCommonPanelRowVertical,
-  imageCommonPanelColumn,
-  imageCommonPanelColumnCenter,
-  imageCommonPanelInline,
-  imageCommonPanelSpan2,
-  imageCommonPanelSpan3,
-  imageCommonPanelInput,
-  sheetImageMenu,
-  sheetImageMenuInput
+const oi = "univer-image-common-panel", ai = "univer-image-common-panel-grid", ci = "univer-image-common-panel-border", di = "univer-image-common-panel-title", li = "univer-image-common-panel-subtitle", ui = "univer-image-common-panel-row", hi = "univer-image-common-panel-row-vertical", gi = "univer-image-common-panel-column", mi = "univer-image-common-panel-column-center", fi = "univer-image-common-panel-inline", pi = "univer-image-common-panel-span2", wi = "univer-image-common-panel-span3", _i = "univer-image-common-panel-input", vi = "univer-sheet-image-menu", Si = "univer-sheet-image-menu-input", ee = {
+  imageCommonPanel: oi,
+  imageCommonPanelGrid: ai,
+  imageCommonPanelBorder: ci,
+  imageCommonPanelTitle: di,
+  imageCommonPanelSubtitle: li,
+  imageCommonPanelRow: ui,
+  imageCommonPanelRowVertical: hi,
+  imageCommonPanelColumn: gi,
+  imageCommonPanelColumnCenter: mi,
+  imageCommonPanelInline: fi,
+  imageCommonPanelSpan2: pi,
+  imageCommonPanelSpan3: wi,
+  imageCommonPanelInput: _i,
+  sheetImageMenu: vi,
+  sheetImageMenuInput: Si
 };
-function r(e) {
-  var t, f, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
+function cn(i) {
+  var e, n, t = "";
+  if (typeof i == "string" || typeof i == "number") t += i;
+  else if (typeof i == "object") if (Array.isArray(i)) {
+    var r = i.length;
+    for (e = 0; e < r; e++) i[e] && (n = cn(i[e])) && (t && (t += " "), t += n);
+  } else for (n in i) i[n] && (t && (t += " "), t += n);
+  return t;
 }
-__name(r, "r");
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
+function be() {
+  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = cn(i)) && (t && (t += " "), t += e);
+  return t;
 }
-__name(clsx, "clsx");
-const SheetDrawingAnchor = /* @__PURE__ */ __name((props) => {
-  var _a10;
-  const commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), drawingManagerService = useDependency(IDrawingManagerService), renderManagerService = useDependency(IRenderManagerService), { drawings } = props, drawingParam = drawings[0];
-  if (drawingParam == null)
+const Ii = (i) => {
+  var v;
+  const e = oe(W), n = oe(We), t = oe(K), r = oe(J), { drawings: s } = i, o = s[0];
+  if (o == null)
     return;
-  const { unitId } = drawingParam, renderObject = renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-  if (scene == null)
+  const { unitId: d } = o, l = r.getRenderById(d), g = l == null ? void 0 : l.scene;
+  if (g == null)
     return;
-  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) => {
-      const { oKey } = object, searchParam = drawingManagerService2.getDrawingOKey(oKey);
-      if (searchParam == null)
-        return params.push(null), !0;
-      const { unitId: unitId2, subUnitId, drawingId, drawingType, anchorType, sheetTransform } = searchParam;
-      params.push({
-        unitId: unitId2,
-        subUnitId,
-        drawingId,
-        anchorType,
-        sheetTransform,
-        drawingType
+  const c = g.getTransformerByCreate(), [a, h] = it(!0), u = (v = o.anchorType) != null ? v : y.Position, [m, f] = it(u);
+  function p(R, _) {
+    const C = [];
+    return R.forEach((w) => {
+      const { oKey: O } = w, b = _.getDrawingOKey(O);
+      if (b == null)
+        return C.push(null), !0;
+      const { unitId: A, subUnitId: E, drawingId: M, drawingType: D, anchorType: U, sheetTransform: L } = b;
+      C.push({
+        unitId: A,
+        subUnitId: E,
+        drawingId: M,
+        anchorType: U,
+        sheetTransform: L,
+        drawingType: D
       });
-    }), params;
-  }
-  __name(getUpdateParams, "getUpdateParams"), useEffect(() => {
-    const onClearControlObserver = transformer.clearControl$.subscribe((changeSelf) => {
-      changeSelf === !0 && setAnchorShow(!1);
-    }), onChangeStartObserver = transformer.changeStart$.subscribe((state) => {
-      var _a11;
-      const { objects } = state, params = getUpdateParams(objects, drawingManagerService);
-      if (params.length === 0)
-        setAnchorShow(!1);
-      else if (params.length >= 1) {
-        setAnchorShow(!0);
-        const anchorType = ((_a11 = params[0]) == null ? void 0 : _a11.anchorType) || SheetDrawingAnchorType.Position;
-        setValue(anchorType);
+    }), C;
+  }
+  ct(() => {
+    const R = c.clearControl$.subscribe((C) => {
+      C === !0 && h(!1);
+    }), _ = c.changeStart$.subscribe((C) => {
+      var b;
+      const { objects: w } = C, O = p(w, t);
+      if (O.length === 0)
+        h(!1);
+      else if (O.length >= 1) {
+        h(!0);
+        const A = ((b = O[0]) == null ? void 0 : b.anchorType) || y.Position;
+        f(A);
       }
     });
     return () => {
-      onChangeStartObserver.unsubscribe(), onClearControlObserver.unsubscribe();
+      _.unsubscribe(), R.unsubscribe();
     };
   }, []);
-  function handleChange(value2) {
-    setValue(value2);
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    if (focusDrawings.length === 0)
+  function I(R) {
+    f(R);
+    const _ = t.getFocusDrawings();
+    if (_.length === 0)
       return;
-    const updateParams = focusDrawings.map((drawing) => ({
-      unitId: drawing.unitId,
-      subUnitId: drawing.subUnitId,
-      drawingId: drawing.drawingId,
-      anchorType: value2
+    const C = _.map((w) => ({
+      unitId: w.unitId,
+      subUnitId: w.subUnitId,
+      drawingId: w.drawingId,
+      anchorType: R
     }));
-    commandService.executeCommand(SetSheetDrawingCommand.id, {
-      unitId: focusDrawings[0].unitId,
-      drawings: updateParams
+    e.executeCommand(Ye.id, {
+      unitId: _[0].unitId,
+      drawings: C
     });
   }
-  __name(handleChange, "handleChange");
-  const gridDisplay = /* @__PURE__ */ __name((isShow) => isShow ? "block" : "none", "gridDisplay");
-  return /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelGrid, styles.imageCommonPanelBorder), style: { display: gridDisplay(anchorShow) } }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelTitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("drawing-anchor.title")))), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelRow) }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn) }, /* @__PURE__ */ React.createElement(RadioGroup, { value, onChange: handleChange, direction: "vertical" }, /* @__PURE__ */ React.createElement(Radio, { value: SheetDrawingAnchorType.Both }, localeService.t("drawing-anchor.both")), /* @__PURE__ */ React.createElement(Radio, { value: SheetDrawingAnchorType.Position }, localeService.t("drawing-anchor.position")), /* @__PURE__ */ React.createElement(Radio, { value: SheetDrawingAnchorType.None }, localeService.t("drawing-anchor.none"))))));
-}, "SheetDrawingAnchor"), SheetDrawingPanel = /* @__PURE__ */ __name(() => {
-  const drawingManagerService = useDependency(IDrawingManagerService), focusDrawings = drawingManagerService.getFocusDrawings(), [drawings, setDrawings] = useState(focusDrawings);
-  return useEffect(() => {
-    const focusDispose = drawingManagerService.focus$.subscribe((drawings2) => {
-      setDrawings(drawings2);
+  const S = (R) => R ? "block" : "none";
+  return /* @__PURE__ */ $.jsxs("div", { className: be(ee.imageCommonPanelGrid, ee.imageCommonPanelBorder), style: { display: S(a) }, children: [
+    /* @__PURE__ */ $.jsx("div", { className: ee.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelColumn, ee.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(yr, { value: m, onChange: I, direction: "vertical", children: [
+      /* @__PURE__ */ $.jsx(Ze, { value: y.Both, children: n.t("drawing-anchor.both") }),
+      /* @__PURE__ */ $.jsx(Ze, { value: y.Position, children: n.t("drawing-anchor.position") }),
+      /* @__PURE__ */ $.jsx(Ze, { value: y.None, children: n.t("drawing-anchor.none") })
+    ] }) }) })
+  ] });
+}, Ci = () => {
+  const i = oe(K), e = i.getFocusDrawings(), [n, t] = it(e);
+  return ct(() => {
+    const r = i.focus$.subscribe((s) => {
+      t(s);
     });
     return () => {
-      focusDispose.unsubscribe();
+      r.unsubscribe();
     };
-  }, []), !!(drawings != null && drawings.length) && /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanel }, /* @__PURE__ */ React.createElement(DrawingCommonPanel, { drawings }), /* @__PURE__ */ React.createElement(SheetDrawingAnchor, { drawings }));
-}, "SheetDrawingPanel"), menuSchema = {
-  [RibbonStartGroup.FORMULAS_INSERT]: {
-    [IMAGE_MENU_ID]: {
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ $.jsxs("div", { className: ee.imageCommonPanel, children: [
+    /* @__PURE__ */ $.jsx(Gn, { drawings: n }),
+    /* @__PURE__ */ $.jsx(Ii, { drawings: n })
+  ] });
+}, Ri = {
+  [cr.FORMULAS_INSERT]: {
+    [an]: {
       order: 3,
-      menuItemFactory: ImageMenuFactory,
-      [InsertFloatImageCommand.id]: {
+      menuItemFactory: ii,
+      [dt.id]: {
         order: 0,
-        menuItemFactory: UploadFloatImageMenuFactory
+        menuItemFactory: si
       }
     }
   }
 };
-function whenSheetDrawingFocused(contextService) {
-  return !contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) && !contextService.getContextValue(EDITOR_ACTIVATED) && contextService.getContextValue(FOCUSING_COMMON_DRAWINGS);
+function _e(i) {
+  return !i.getContextValue(_n) && !i.getContextValue(vn) && !i.getContextValue(Sn) && i.getContextValue(me);
 }
-__name(whenSheetDrawingFocused, "whenSheetDrawingFocused");
-const MoveDrawingDownShortcutItem = {
-  id: MoveDrawingsCommand.id,
+const Di = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
-  binding: KeyCode.ARROW_DOWN,
+  binding: le.ARROW_DOWN,
   priority: 100,
-  preconditions: whenSheetDrawingFocused,
+  preconditions: _e,
   staticParameters: {
-    direction: Direction.DOWN
+    direction: te.DOWN
   }
-}, MoveDrawingUpShortcutItem = {
-  id: MoveDrawingsCommand.id,
+}, Mi = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
-  binding: KeyCode.ARROW_UP,
+  binding: le.ARROW_UP,
   priority: 100,
-  preconditions: whenSheetDrawingFocused,
+  preconditions: _e,
   staticParameters: {
-    direction: Direction.UP
+    direction: te.UP
   }
-}, MoveDrawingLeftShortcutItem = {
-  id: MoveDrawingsCommand.id,
+}, bi = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
-  binding: KeyCode.ARROW_LEFT,
+  binding: le.ARROW_LEFT,
   priority: 100,
-  preconditions: whenSheetDrawingFocused,
+  preconditions: _e,
   staticParameters: {
-    direction: Direction.LEFT
+    direction: te.LEFT
   }
-}, MoveDrawingRightShortcutItem = {
-  id: MoveDrawingsCommand.id,
+}, yi = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
-  binding: KeyCode.ARROW_RIGHT,
+  binding: le.ARROW_RIGHT,
   priority: 100,
-  preconditions: whenSheetDrawingFocused,
+  preconditions: _e,
   staticParameters: {
-    direction: Direction.RIGHT
+    direction: te.RIGHT
   }
-}, DeleteDrawingsShortcutItem = {
-  id: DeleteDrawingsCommand.id,
+}, Oi = {
+  id: tn.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: whenSheetDrawingFocused,
-  binding: KeyCode.DELETE,
-  mac: KeyCode.BACKSPACE
+  preconditions: _e,
+  binding: le.DELETE,
+  mac: le.BACKSPACE
 };
-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$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();
+var Pi = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ei = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ti(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Pi(e, n, r), r;
+}, ye = (i, e) => (n, t) => e(n, t, i);
+let Ne = class extends re {
+  constructor(i, e, n, t) {
+    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
   }
   _initCustomComponents() {
-    const componentManager = this._componentManager;
-    this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON, AddImageSingle)), this.disposeWithMe(componentManager.register(COMPONENT_SHEET_DRAWING_PANEL, SheetDrawingPanel));
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(on, en)), this.disposeWithMe(i.register(Ht, Ci));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(menuSchema);
+    this._menuManagerService.mergeMenu(Ri);
   }
   _initCommands() {
     [
-      InsertFloatImageCommand,
-      InsertSheetDrawingCommand,
-      RemoveSheetDrawingCommand,
-      SetSheetDrawingCommand,
-      SidebarSheetDrawingOperation,
-      ClearSheetDrawingTransformerOperation,
-      EditSheetDrawingOperation,
-      GroupSheetDrawingCommand,
-      UngroupSheetDrawingCommand,
-      MoveDrawingsCommand,
-      DeleteDrawingsCommand,
-      SetDrawingArrangeCommand
-    ].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+      dt,
+      ke,
+      Ge,
+      Ye,
+      zt,
+      j,
+      Kt,
+      nn,
+      sn,
+      we,
+      tn,
+      rn
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      MoveDrawingDownShortcutItem,
-      MoveDrawingUpShortcutItem,
-      MoveDrawingLeftShortcutItem,
-      MoveDrawingRightShortcutItem,
-      DeleteDrawingsShortcutItem
-    ].forEach((item) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(item));
+      Di,
+      Mi,
+      bi,
+      yi,
+      Oi
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
   _init() {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
-}, __name(_a4, "SheetDrawingUIController"), _a4);
-SheetDrawingUIController = __decorateClass$5([
-  __decorateParam$5(0, Inject(ComponentManager)),
-  __decorateParam$5(1, IMenuManagerService),
-  __decorateParam$5(2, ICommandService),
-  __decorateParam$5(3, IShortcutService)
-], SheetDrawingUIController);
-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$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) {
+};
+Ne = Ei([
+  ye(0, x(dr)),
+  ye(1, lr),
+  ye(2, W),
+  ye(3, ur)
+], Ne);
+var Ui = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ni = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ai(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Ui(e, n, r), r;
+}, qe = (i, e) => (n, t) => e(n, t, i);
+let je = class extends re {
+  constructor(e, n, t) {
     super();
-    __publicField(this, "_copyInfo");
-    this._sheetClipboardService = _sheetClipboardService, this._renderManagerService = _renderManagerService, this._sheetDrawingService = _sheetDrawingService, this._initCopyPaste();
+    V(this, "_copyInfo");
+    this._sheetClipboardService = e, this._renderManagerService = n, this._sheetDrawingService = t, this._initCopyPaste();
   }
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
       id: "SHEET_IMAGE_UI_PLUGIN",
-      onBeforeCopy: /* @__PURE__ */ __name((unitId, subUnitId, range) => this._collect(unitId, subUnitId, range), "onBeforeCopy"),
-      onPasteCells: /* @__PURE__ */ __name((pasteFrom, pasteTo, data, payload) => {
-        const { copyType = COPY_TYPE.COPY, pasteType } = payload, { range: copyRange } = pasteFrom || {}, { range: pastedRange, unitId, subUnitId } = pasteTo;
-        return this._generateMutations(pastedRange, { copyType, pasteType, copyRange, unitId, subUnitId });
-      }, "onPasteCells"),
-      onPastePlainText: /* @__PURE__ */ __name((pasteTo, clipText) => ({ undos: [], redos: [] }), "onPastePlainText")
+      onBeforeCopy: (e, n, t) => this._collect(e, n, t),
+      onPasteCells: (e, n, t, r) => {
+        const { copyType: s = _t.COPY, pasteType: o } = r, { range: d } = e || {}, { range: l, unitId: g, subUnitId: c } = n;
+        return this._generateMutations(l, { copyType: s, pasteType: o, copyRange: d, unitId: g, subUnitId: c });
+      },
+      onPastePlainText: (e, n) => ({ undos: [], redos: [] })
     });
   }
-  _collect(unitId, subUnitId, range) {
-    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)
+  _collect(e, n, t) {
+    var h;
+    const r = (h = this._renderManagerService.getRenderById(e)) == null ? void 0 : h.with(q);
+    if (!r) return;
+    const s = r.attachRangeWithCoord(t);
+    if (!s)
       return;
-    const { startX, endX, startY, endY } = selectionRect, drawings = this._sheetDrawingService.getDrawingData(unitId, subUnitId), containedDrawings = [];
-    Object.keys(drawings).forEach((drawingId) => {
-      const drawing = drawings[drawingId], { transform } = drawing;
-      if (drawing.anchorType !== SheetDrawingAnchorType.Both || !transform)
+    const { startX: o, endX: d, startY: l, endY: g } = s, c = this._sheetDrawingService.getDrawingData(e, n), a = [];
+    Object.keys(c).forEach((u) => {
+      const m = c[u], { transform: f } = m;
+      if (m.anchorType !== y.Both || !f)
         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
+      const { left: p = 0, top: I = 0, width: S = 0, height: v = 0 } = f, { drawingStartX: R, drawingEndX: _, drawingStartY: C, drawingEndY: w } = {
+        drawingStartX: p,
+        drawingEndX: p + S,
+        drawingStartY: I,
+        drawingEndY: I + v
       };
-      startX <= drawingStartX && drawingEndX <= endX && startY <= drawingStartY && drawingEndY <= endY && containedDrawings.push(drawing);
-    }), containedDrawings.length && (this._copyInfo = {
-      drawings: containedDrawings,
-      unitId,
-      subUnitId
+      o <= R && _ <= d && l <= C && w <= g && a.push(m);
+    }), a.length && (this._copyInfo = {
+      drawings: a,
+      unitId: e,
+      subUnitId: n
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _generateMutations(pastedRange, copyInfo) {
-    var _a10;
+  _generateMutations(e, n) {
+    var b;
     if (!this._copyInfo)
       return { redos: [], undos: [] };
     if ([
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_COL_WIDTH,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_VALUE,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMULA
+      Se.SPECIAL_PASTE_COL_WIDTH,
+      Se.SPECIAL_PASTE_VALUE,
+      Se.SPECIAL_PASTE_FORMAT,
+      Se.SPECIAL_PASTE_FORMULA
     ].includes(
-      copyInfo.pasteType
+      n.pasteType
     ))
       return { redos: [], undos: [] };
-    const { copyRange } = copyInfo;
-    if (!copyRange)
+    const { copyRange: t } = n;
+    if (!t)
       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 = (_a10 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a10.with(SheetSkeletonManagerService);
-    if (!skeletonManagerService)
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [d, l], mapFunc: g } = qn([t, e]), { row: c, col: a } = g(d.startRow, d.startColumn), { row: h, col: u } = g(l.startRow, l.startColumn), m = (b = this._renderManagerService.getRenderById(s)) == null ? void 0 : b.with(q);
+    if (!m)
       return { redos: [], undos: [] };
-    const copyRect = skeletonManagerService.attachRangeWithCoord({
-      startRow: copyRow,
-      endRow: copyRow,
-      startColumn: copyCol,
-      endColumn: copyCol
-    }), pasteRect = skeletonManagerService.attachRangeWithCoord({
-      startRow: pasteRow,
-      endRow: pasteRow,
-      startColumn: pasteCol,
-      endColumn: pasteCol
+    const f = m.attachRangeWithCoord({
+      startRow: c,
+      endRow: c,
+      startColumn: a,
+      endColumn: a
+    }), p = m.attachRangeWithCoord({
+      startRow: h,
+      endRow: h,
+      startColumn: u,
+      endColumn: u
     });
-    if (!copyRect || !pasteRect)
+    if (!f || !p)
       return { redos: [], undos: [] };
-    const redos = [], undos = [], leftOffset = pasteRect.startX - copyRect.startX, topOffset = pasteRect.startY - copyRect.startY, rowOffset = pasteRow - copyRow, columnOffset = pasteCol - copyCol, isCut = copyInfo.copyType === COPY_TYPE.CUT, { _sheetDrawingService } = this;
-    return drawings.forEach((drawing) => {
-      const { transform, sheetTransform } = drawing;
-      if (!transform)
+    const I = [], S = [], v = p.startX - f.startX, R = p.startY - f.startY, _ = h - c, C = u - a, w = n.copyType === _t.CUT, { _sheetDrawingService: O } = this;
+    return r.forEach((A) => {
+      const { transform: E, sheetTransform: M } = A;
+      if (!E)
         return;
-      const drawingObject = {
-        ...drawing,
-        unitId,
-        subUnitId,
-        drawingId: isCut ? drawing.drawingId : Tools.generateRandomId(),
+      const D = {
+        ...A,
+        unitId: s,
+        subUnitId: o,
+        drawingId: w ? A.drawingId : ge.generateRandomId(),
         transform: {
-          ...transform,
-          left: transform.left + leftOffset,
-          top: transform.top + topOffset
+          ...E,
+          left: E.left + v,
+          top: E.top + R
         },
         sheetTransform: {
-          to: { ...sheetTransform.to, row: sheetTransform.to.row + rowOffset, column: sheetTransform.to.column + columnOffset },
-          from: { ...sheetTransform.from, row: sheetTransform.from.row + rowOffset, column: sheetTransform.from.column + columnOffset }
+          to: { ...M.to, row: M.to.row + _, column: M.to.column + C },
+          from: { ...M.from, row: M.from.row + _, column: M.from.column + C }
         }
       };
-      if (isCut) {
-        const { undo, redo, objects } = _sheetDrawingService.getBatchUpdateOp([drawingObject]);
-        redos.push({
-          id: SetDrawingApplyMutation.id,
+      if (w) {
+        const { undo: U, redo: L, objects: Z } = O.getBatchUpdateOp([D]);
+        I.push({
+          id: P.id,
           params: {
-            unitId,
-            subUnitId,
-            type: DrawingApplyType.UPDATE,
-            op: redo,
-            objects
+            unitId: s,
+            subUnitId: o,
+            type: T.UPDATE,
+            op: L,
+            objects: Z
           }
-        }), undos.push({
-          id: SetDrawingApplyMutation.id,
+        }), S.push({
+          id: P.id,
           params: {
-            unitId,
-            subUnitId,
-            type: DrawingApplyType.UPDATE,
-            op: undo,
-            objects
+            unitId: s,
+            subUnitId: o,
+            type: T.UPDATE,
+            op: U,
+            objects: Z
           }
         });
       } else {
-        const { undo, redo, objects } = _sheetDrawingService.getBatchAddOp([drawingObject]);
-        redos.push({ id: SetDrawingApplyMutation.id, params: { op: redo, unitId, subUnitId, objects, type: DrawingApplyType.INSERT } }), undos.push({ id: SetDrawingApplyMutation.id, params: { op: undo, unitId, subUnitId, objects, type: DrawingApplyType.REMOVE } });
+        const { undo: U, redo: L, objects: Z } = O.getBatchAddOp([D]);
+        I.push({ id: P.id, params: { op: L, unitId: s, subUnitId: o, objects: Z, type: T.INSERT } }), S.push({ id: P.id, params: { op: U, unitId: s, subUnitId: o, objects: Z, type: T.REMOVE } });
       }
     }), {
-      redos,
-      undos
+      redos: I,
+      undos: S
     };
   }
-}, __name(_a5, "SheetsDrawingCopyPasteController"), _a5);
-SheetsDrawingCopyPasteController = __decorateClass$4([
-  __decorateParam$4(0, ISheetClipboardService),
-  __decorateParam$4(1, IRenderManagerService),
-  __decorateParam$4(2, ISheetDrawingService)
-], SheetsDrawingCopyPasteController);
-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$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();
+};
+je = Ni([
+  qe(0, Qn),
+  qe(1, J),
+  qe(2, F)
+], je);
+var ji = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, Li = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? xi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && ji(e, n, r), r;
+}, he = (i, e) => (n, t) => e(n, t, i);
+let xe = class extends re {
+  constructor(i, e, n, t, r) {
+    super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const workbook$ = this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
     this.disposeWithMe(
-      combineLatest([workbook$, this._userManagerService.currentUser$]).subscribe(([workbook, _]) => {
-        if (!workbook) {
+      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        if (!e) {
           this._drawingManagerService.setDrawingVisible(!1);
           return;
         }
-        workbook.activeSheet$.subscribe((sheet) => {
-          if (!sheet) {
+        e.activeSheet$.subscribe((t) => {
+          if (!t) {
             this._drawingManagerService.setDrawingVisible(!1);
             return;
           }
-          const unitId = workbook.getUnitId(), subUnitId = sheet.getSheetId();
-          if (this._permissionService.composePermission([new WorkbookViewPermission(unitId).id, new WorksheetViewPermission(unitId, subUnitId).id]).every((permission) => permission.value))
+          const r = e.getUnitId(), s = t.getSheetId();
+          if (this._permissionService.composePermission([new St(r).id, new Je(r, s).id]).every((d) => d.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
-            const unitId2 = workbook.getUnitId(), subUnitId2 = sheet.getSheetId(), drawingData = this._drawingManagerService.getDrawingData(unitId2, subUnitId2), drawingDataValues = Object.values(drawingData), renderObject = this._renderManagerService.getRenderById(unitId2), scene = renderObject == null ? void 0 : renderObject.scene;
-            if (scene == null)
+            const d = e.getUnitId(), l = t.getSheetId(), g = this._drawingManagerService.getDrawingData(d, l), c = Object.values(g), a = this._renderManagerService.getRenderById(d), h = a == null ? void 0 : a.scene;
+            if (h == null)
               return;
-            scene.getAllObjectsByOrder().forEach((object) => {
-              object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene.removeObject(object);
+            h.getAllObjectsByOrder().forEach((m) => {
+              m.classType === de.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.removeObject(m);
             });
           }
         });
@@ -1164,28 +1219,28 @@ let SheetDrawingPermissionController = (_a6 = class extends Disposable {
     );
   }
   _initDrawingEditable() {
-    const workbook$ = this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
     this.disposeWithMe(
-      combineLatest([workbook$, this._userManagerService.currentUser$]).subscribe(([workbook, _]) => {
-        if (!workbook) {
+      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        if (!e) {
           this._drawingManagerService.setDrawingEditable(!1);
           return;
         }
-        workbook.activeSheet$.subscribe((sheet) => {
-          if (!sheet) {
+        e.activeSheet$.subscribe((t) => {
+          if (!t) {
             this._drawingManagerService.setDrawingEditable(!1);
             return;
           }
-          const unitId = workbook.getUnitId(), subUnitId = sheet.getSheetId();
-          if (this._permissionService.composePermission([new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id]).every((permission) => permission.value))
+          const r = e.getUnitId(), s = t.getSheetId();
+          if (this._permissionService.composePermission([new tt(r).id, new Pe(r, s).id]).every((d) => d.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
-            const unitId2 = workbook.getUnitId(), subUnitId2 = sheet.getSheetId(), drawingData = this._drawingManagerService.getDrawingData(unitId2, subUnitId2), drawingDataValues = Object.values(drawingData), renderObject = this._renderManagerService.getRenderById(unitId2), scene = renderObject == null ? void 0 : renderObject.scene;
-            if (scene == null)
+            const d = e.getUnitId(), l = t.getSheetId(), g = this._drawingManagerService.getDrawingData(d, l), c = Object.values(g), a = this._renderManagerService.getRenderById(d), h = a == null ? void 0 : a.scene;
+            if (h == null)
               return;
-            scene.getAllObjectsByOrder().forEach((object) => {
-              object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene.detachTransformerFrom(object);
+            h.getAllObjectsByOrder().forEach((m) => {
+              m.classType === de.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.detachTransformerFrom(m);
             });
           }
         });
@@ -1193,984 +1248,1344 @@ let SheetDrawingPermissionController = (_a6 = class extends Disposable {
     );
   }
   _initViewPermissionChange() {
-    const workbook$ = this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
     this.disposeWithMe(
-      combineLatest([workbook$, this._userManagerService.currentUser$]).subscribe(([workbook, _]) => {
-        workbook && workbook.activeSheet$.subscribe((sheet) => {
-          var _a10;
-          if (!sheet)
+      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        e && e.activeSheet$.subscribe((t) => {
+          var a;
+          if (!t)
             return;
-          const unitId = workbook.getUnitId(), subUnitId = sheet.getSheetId();
-          let initialViewPermission = !0;
-          const renderObject = this._renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-          if (scene == null)
+          const r = e.getUnitId(), s = t.getSheetId();
+          let o = !0;
+          const d = this._renderManagerService.getRenderById(r), l = d == null ? void 0 : d.scene;
+          if (l == null)
             return;
-          const transformer = scene.getTransformerByCreate(), worksheetViewPermission$ = this._permissionService.composePermission$([new WorkbookViewPermission(unitId).id, new WorksheetViewPermission(unitId, subUnitId).id]).pipe(map((permissions) => permissions.every((item) => item.value)));
-          worksheetViewPermission$ == null || worksheetViewPermission$.pipe(
-            filter((permission) => permission !== initialViewPermission),
-            distinctUntilChanged()
+          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new St(r).id, new Je(r, s).id]).pipe(Ee((h) => h.every((u) => u.value)));
+          c == null || c.pipe(
+            ae((h) => h !== o),
+            Ce()
           ).subscribe({
-            next: /* @__PURE__ */ __name((permission) => {
-              initialViewPermission = permission, this._drawingManagerService.setDrawingVisible(permission);
-              const objects = scene.getAllObjectsByOrder(), drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), drawingDataValues = Object.values(drawingData);
-              permission ? this._drawingManagerService.addNotification(drawingDataValues) : (objects.forEach((object) => {
-                object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene.removeObject(object);
-              }), transformer.clearSelectedObjects());
-            }, "next")
-          }), (_a10 = this._permissionService.getPermissionPoint$(new WorksheetViewPermission(unitId, subUnitId).id)) == null || _a10.pipe(
-            filter((permission) => permission.value !== initialViewPermission),
-            distinctUntilChanged()
+            next: (h) => {
+              o = h, this._drawingManagerService.setDrawingVisible(h);
+              const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
+              h ? this._drawingManagerService.addNotification(f) : (u.forEach((p) => {
+                p.classType === de.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.removeObject(p);
+              }), g.clearSelectedObjects());
+            }
+          }), (a = this._permissionService.getPermissionPoint$(new Je(r, s).id)) == null || a.pipe(
+            ae((h) => h.value !== o),
+            Ce()
           ).subscribe({
-            complete: /* @__PURE__ */ __name(() => {
-              initialViewPermission = !0, this._drawingManagerService.setDrawingVisible(!0);
-              const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), drawingDataValues = Object.values(drawingData);
-              this._drawingManagerService.addNotification(drawingDataValues);
-            }, "complete")
+            complete: () => {
+              o = !0, this._drawingManagerService.setDrawingVisible(!0);
+              const h = this._drawingManagerService.getDrawingData(r, s), u = Object.values(h);
+              this._drawingManagerService.addNotification(u);
+            }
           });
         });
       })
     );
   }
   _initEditPermissionChange() {
-    const workbook$ = this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
     this.disposeWithMe(
-      combineLatest([workbook$, this._userManagerService.currentUser$]).subscribe(([workbook, _]) => {
-        workbook && workbook.activeSheet$.subscribe((sheet) => {
-          var _a10;
-          if (!sheet)
+      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        e && e.activeSheet$.subscribe((t) => {
+          var a;
+          if (!t)
             return;
-          const unitId = workbook.getUnitId(), subUnitId = sheet.getSheetId();
-          let initialEditPermission = !0;
-          const renderObject = this._renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-          if (scene == null)
+          const r = e.getUnitId(), s = t.getSheetId();
+          let o = !0;
+          const d = this._renderManagerService.getRenderById(r), l = d == null ? void 0 : d.scene;
+          if (l == null)
             return;
-          const transformer = scene.getTransformerByCreate(), composeWorksheetEditPermission = this._permissionService.composePermission$([new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id]).pipe(map((permissions) => permissions.every((item) => item.value)));
-          composeWorksheetEditPermission == null || composeWorksheetEditPermission.pipe(
-            filter((permission) => permission !== initialEditPermission),
-            distinctUntilChanged()
+          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new tt(r).id, new Pe(r, s).id]).pipe(Ee((h) => h.every((u) => u.value)));
+          c == null || c.pipe(
+            ae((h) => h !== o),
+            Ce()
           ).subscribe({
-            next: /* @__PURE__ */ __name((permission) => {
-              initialEditPermission = permission, this._drawingManagerService.setDrawingEditable(permission);
-              const objects = scene.getAllObjectsByOrder(), drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), drawingDataValues = Object.values(drawingData);
-              permission ? (objects.forEach((object) => {
-                object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene.attachTransformerTo(object);
-              }), this._drawingManagerService.addNotification(drawingDataValues)) : (objects.forEach((object) => {
-                object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene.detachTransformerFrom(object);
-              }), transformer.clearSelectedObjects());
-            }, "next")
-          }), (_a10 = this._permissionService.getPermissionPoint$(new WorksheetEditPermission(unitId, subUnitId).id)) == null || _a10.pipe(
-            filter((permission) => permission.value !== initialEditPermission),
-            distinctUntilChanged()
+            next: (h) => {
+              o = h, this._drawingManagerService.setDrawingEditable(h);
+              const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
+              h ? (u.forEach((p) => {
+                p.classType === de.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.attachTransformerTo(p);
+              }), this._drawingManagerService.addNotification(f)) : (u.forEach((p) => {
+                p.classType === de.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.detachTransformerFrom(p);
+              }), g.clearSelectedObjects());
+            }
+          }), (a = this._permissionService.getPermissionPoint$(new Pe(r, s).id)) == null || a.pipe(
+            ae((h) => h.value !== o),
+            Ce()
           ).subscribe({
-            complete: /* @__PURE__ */ __name(() => {
-              initialEditPermission = !0;
-              const unitId2 = workbook.getUnitId(), subUnitId2 = sheet.getSheetId(), drawingData = this._drawingManagerService.getDrawingData(unitId2, subUnitId2), drawingDataValues = Object.values(drawingData), renderObject2 = this._renderManagerService.getRenderById(unitId2), scene2 = renderObject2 == null ? void 0 : renderObject2.scene;
-              if (scene2 == null)
+            complete: () => {
+              o = !0;
+              const h = e.getUnitId(), u = t.getSheetId(), m = this._drawingManagerService.getDrawingData(h, u), f = Object.values(m), p = this._renderManagerService.getRenderById(h), I = p == null ? void 0 : p.scene;
+              if (I == null)
                 return;
-              this._drawingManagerService.setDrawingEditable(!0), scene2.getAllObjectsByOrder().forEach((object) => {
-                object.classType === RENDER_CLASS_TYPE.IMAGE && drawingDataValues.some((item) => object.oKey.includes(item.drawingId)) && scene2.detachTransformerFrom(object);
+              this._drawingManagerService.setDrawingEditable(!0), I.getAllObjectsByOrder().forEach((v) => {
+                v.classType === de.IMAGE && f.some((R) => v.oKey.includes(R.drawingId)) && I.detachTransformerFrom(v);
               });
-            }, "complete")
+            }
           });
         });
       })
     );
   }
-}, __name(_a6, "SheetDrawingPermissionController"), _a6);
-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$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$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();
+};
+xe = Li([
+  he(0, K),
+  he(1, J),
+  he(2, Cn),
+  he(3, fe),
+  he(4, x(In))
+], xe);
+var $i = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, Wi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Bi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && $i(e, n, r), r;
+}, Oe = (i, e) => (n, t) => e(n, t, i);
+let Le = class extends re {
+  constructor(i, e, n, t) {
+    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: /* @__PURE__ */ __name((_param, pos, next) => {
-            const { unitId, scene, subUnitId } = pos, unitData = this._drawingManagerService.getDrawingDataForUnit(unitId), subUnitData = unitData == null ? void 0 : unitData[subUnitId];
-            return subUnitData && subUnitData.order.forEach((id) => {
-              this._drawingRenderService.renderDrawing(subUnitData.data[id], scene);
-            }), next();
-          }, "handler")
+          handler: (i, e, n) => {
+            const { unitId: t, scene: r, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(t), d = o == null ? void 0 : o[s];
+            return d && d.order.forEach((l) => {
+              this._drawingRenderService.renderDrawing(d.data[l], r);
+            }), n();
+          }
         }
       )
     ), this.disposeWithMe(
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
         {
-          handler: /* @__PURE__ */ __name((range, pos, next) => {
-            const { unitId, subUnitId } = pos, renderer = this._renderManagerService.getRenderById(unitId);
-            if (!renderer)
-              return next(range);
-            const skeleton = renderer.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
-            if (!skeleton)
-              return next(range);
-            const unitData = this._drawingManagerService.getDrawingDataForUnit(unitId), subUnitData = unitData == null ? void 0 : unitData[pos.subUnitId];
-            if (!subUnitData)
-              return next(range);
-            const { scaleX, scaleY } = renderer.scene, newRange = range ? { ...range } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, data = subUnitData.order.map((key) => subUnitData.data[key]).filter((item) => item.drawingType !== DrawingTypeEnum.DRAWING_DOM);
-            return data.length ? (data.forEach((param) => {
-              if (!param.groupId && param.transform && Tools.isDefine(param.transform.left) && Tools.isDefine(param.transform.top) && Tools.isDefine(param.transform.width) && Tools.isDefine(param.transform.height)) {
-                const start = skeleton.skeleton.getCellPositionByOffset(param.transform.left, param.transform.top, scaleX, scaleY, { x: 0, y: 0 }), end = skeleton.skeleton.getCellPositionByOffset(param.transform.left + param.transform.width, param.transform.top + param.transform.height, scaleX, scaleY, { x: 0, y: 0 });
-                start.column < newRange.startColumn && (newRange.startColumn = start.column), start.row < newRange.startRow && (newRange.startRow = start.row), newRange.endRow < end.row && (newRange.endRow = end.row), newRange.endColumn < end.column && (newRange.endColumn = end.column);
+          handler: (i, e, n) => {
+            const { unitId: t, subUnitId: r } = e, s = this._renderManagerService.getRenderById(t);
+            if (!s)
+              return n(i);
+            const o = s.with(q).getWorksheetSkeleton(r);
+            if (!o)
+              return n(i);
+            const d = this._drawingManagerService.getDrawingDataForUnit(t), l = d == null ? void 0 : d[e.subUnitId];
+            if (!l)
+              return n(i);
+            const { scaleX: g, scaleY: c } = s.scene, a = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = l.order.map((u) => l.data[u]).filter((u) => u.drawingType !== k.DRAWING_DOM);
+            return h.length ? (h.forEach((u) => {
+              if (!u.groupId && u.transform && ge.isDefine(u.transform.left) && ge.isDefine(u.transform.top) && ge.isDefine(u.transform.width) && ge.isDefine(u.transform.height)) {
+                const m = o.skeleton.getCellPositionByOffset(u.transform.left, u.transform.top, g, c, { x: 0, y: 0 }), f = o.skeleton.getCellPositionByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, c, { x: 0, y: 0 });
+                m.column < a.startColumn && (a.startColumn = m.column), m.row < a.startRow && (a.startRow = m.row), a.endRow < f.row && (a.endRow = f.row), a.endColumn < f.column && (a.endColumn = f.column);
               }
-            }), next(newRange)) : next(range);
-          }, "handler")
+            }), n(a)) : n(i);
+          }
         }
       )
     );
   }
-}, __name(_a7, "SheetDrawingPrintingController"), _a7);
-SheetDrawingPrintingController = __decorateClass$2([
-  __decorateParam$2(0, Inject(SheetPrintInterceptorService)),
-  __decorateParam$2(1, Inject(DrawingRenderService)),
-  __decorateParam$2(2, IDrawingManagerService),
-  __decorateParam$2(3, IRenderManagerService)
-], SheetDrawingPrintingController);
-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");
-const UPDATE_COMMANDS = [
-  InsertRowCommand.id,
-  InsertColCommand.id,
-  RemoveRowCommand.id,
-  RemoveColCommand.id,
-  DeleteRangeMoveLeftCommand.id,
-  DeleteRangeMoveUpCommand.id,
-  InsertRangeMoveDownCommand.id,
-  InsertRangeMoveRightCommand.id,
-  DeltaRowHeightCommand.id,
-  SetRowHeightCommand.id,
-  DeltaColumnWidthCommand.id,
-  SetColWidthCommand.id,
-  SetRowHiddenCommand.id,
-  SetSpecificRowsVisibleCommand.id,
-  SetSpecificColsVisibleCommand.id,
-  SetColHiddenCommand.id,
-  MoveColsCommand.id,
-  MoveRowsCommand.id,
-  MoveRangeCommand.id
-], REFRESH_MUTATIONS = [
-  SetRowVisibleMutation.id,
-  SetRowHiddenMutation.id,
-  SetColVisibleMutation.id,
-  SetColHiddenMutation.id,
-  SetWorksheetRowHeightMutation.id,
-  SetWorksheetColWidthMutation.id
+};
+Le = Wi([
+  Oe(0, x(er)),
+  Oe(1, x(Vn)),
+  Oe(2, K),
+  Oe(3, J)
+], Le);
+var Gi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, ki = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Vi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Gi(e, n, r), r;
+}, Q = (i, e) => (n, t) => e(n, t, i);
+const Yi = [
+  yt.id,
+  Ot.id,
+  Pt.id,
+  Tt.id,
+  Et.id,
+  Ut.id,
+  At.id,
+  Nt.id,
+  nt.id,
+  rt.id,
+  jt.id,
+  xt.id,
+  Lt.id,
+  $t.id,
+  Bt.id,
+  Wt.id,
+  Gt.id,
+  Vt.id,
+  kt.id
+], Fi = [
+  _r.id,
+  vr.id,
+  Sr.id,
+  Ir.id,
+  Cr.id,
+  Rr.id
 ];
-var _a8;
-let SheetDrawingTransformAffectedController = (_a8 = class extends Disposable {
-  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();
+let ot = class extends re {
+  constructor(i, e, n, t, r, s, o, d, l) {
+    super(), this._context = i, this._renderManagerService = e, this._commandService = n, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = d, this._univerInstanceService = l, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
   _sheetInterceptorListener() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations: /* @__PURE__ */ __name((commandInfo) => {
-          if (!UPDATE_COMMANDS.includes(commandInfo.id))
+        getMutations: (i) => {
+          if (!Yi.includes(i.id))
             return { redos: [], undos: [] };
-          if (commandInfo.params == null)
+          if (i.params == null)
             return { redos: [], undos: [] };
-          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)
-            return this._moveRowInterceptor(commandInfo.params, "remove");
-          if (cId === RemoveColCommand.id)
-            return this._moveColInterceptor(commandInfo.params, "remove");
-          if (cId === DeleteRangeMoveLeftCommand.id) {
-            const { range } = commandInfo.params;
+          const e = i.id;
+          if (e === yt.id)
+            return this._moveRowInterceptor(i.params, "insert");
+          if ([Gt.id, Vt.id, kt.id].includes(e))
+            return this._moveRangeInterceptor(i.params);
+          if (e === Ot.id)
+            return this._moveColInterceptor(i.params, "insert");
+          if (e === Pt.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (e === Tt.id)
+            return this._moveColInterceptor(i.params, "remove");
+          if (e === Et.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
-              range,
+              n,
               0
               /* deleteLeft */
             );
-          } else if (cId === DeleteRangeMoveUpCommand.id) {
-            const { range } = commandInfo.params;
+          } else if (e === Ut.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
-              range,
+              n,
               1
               /* deleteUp */
             );
-          } else if (cId === InsertRangeMoveDownCommand.id) {
-            const { range } = commandInfo.params;
+          } else if (e === At.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
-              range,
+              n,
               2
               /* insertDown */
             );
-          } else if (cId === InsertRangeMoveRightCommand.id) {
-            const { range } = commandInfo.params;
+          } else if (e === Nt.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
-              range,
+              n,
               3
               /* insertRight */
             );
-          } else if (cId === SetRowHiddenCommand.id || cId === SetSpecificRowsVisibleCommand.id) {
-            const params = commandInfo.params, { unitId, subUnitId, ranges } = params;
-            return this._getDrawingUndoForRowVisible(unitId, subUnitId, ranges);
-          } else if (cId === SetSpecificColsVisibleCommand.id || cId === SetColHiddenCommand.id) {
-            const params = commandInfo.params, { unitId, subUnitId, ranges } = params;
-            return this._getDrawingUndoForColVisible(unitId, subUnitId, ranges);
-          } else if (cId === DeltaRowHeightCommand.id || cId === SetRowHeightCommand.id || cId === DeltaColumnWidthCommand.id || cId === SetColWidthCommand.id) {
-            const params = commandInfo.params, { unitId, subUnitId, ranges } = params, isRow = cId === DeltaRowHeightCommand.id || cId === SetRowHeightCommand.id;
-            return this._getDrawingUndoForRowAndColSize(unitId, subUnitId, ranges, isRow);
+          } else if (e === Lt.id || e === $t.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
+            return this._getDrawingUndoForRowVisible(t, r, s);
+          } else if (e === Bt.id || e === Wt.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
+            return this._getDrawingUndoForColVisible(t, r, s);
+          } else if (e === nt.id || e === rt.id || e === jt.id || e === xt.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === nt.id || e === rt.id;
+            return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
-        }, "getMutations")
+        }
       })
     );
   }
-  _getRangeMoveUndo(range, type) {
-    const newParams = getSheetCommandTarget(this._univerInstanceService);
-    if (newParams == null)
+  _getRangeMoveUndo(i, e) {
+    const n = ce(this._univerInstanceService);
+    if (n == null)
       return { redos: [], undos: [] };
-    const unitId = newParams.unitId, subUnitId = newParams.subUnitId, redos = [], undos = [], drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId), updateDrawings = [], deleteDrawings = [];
-    if (Object.keys(drawingData).forEach((drawingId) => {
-      const drawing = drawingData[drawingId], { updateDrawings: updateDrawingsPart, deleteDrawings: deleteDrawingsPart } = this._getUpdateOrDeleteDrawings(range, type, drawing);
-      updateDrawings.push(...updateDrawingsPart), deleteDrawings.push(...deleteDrawingsPart);
-    }), updateDrawings.length === 0 && deleteDrawings.length === 0)
+    const t = n.unitId, r = n.subUnitId, s = [], o = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], g = [];
+    if (Object.keys(d).forEach((c) => {
+      const a = d[c], { updateDrawings: h, deleteDrawings: u } = this._getUpdateOrDeleteDrawings(i, e, a);
+      l.push(...h), g.push(...u);
+    }), l.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
-    if (updateDrawings.length > 0) {
-      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 } });
+    if (l.length > 0) {
+      const c = this._sheetDrawingService.getBatchUpdateOp(l), { undo: a, redo: h, objects: u } = c;
+      s.push({ id: P.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: T.UPDATE } }), o.push({ id: P.id, params: { unitId: t, subUnitId: r, op: a, objects: u, type: T.UPDATE } });
     }
-    if (deleteDrawings.length > 0) {
-      const deleteJsonOp = this._sheetDrawingService.getBatchRemoveOp(deleteDrawings), deleteUndo = deleteJsonOp.undo, deleteRedo = deleteJsonOp.redo, deleteObjects = deleteJsonOp.objects;
-      redos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: deleteRedo, objects: deleteObjects, type: DrawingApplyType.REMOVE } }), undos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: deleteUndo, objects: deleteObjects, type: DrawingApplyType.INSERT } });
+    if (g.length > 0) {
+      const c = this._sheetDrawingService.getBatchRemoveOp(g), a = c.undo, h = c.redo, u = c.objects;
+      s.push({ id: P.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: T.REMOVE } }), o.push({ id: P.id, params: { unitId: t, subUnitId: r, op: a, objects: u, type: T.INSERT } });
     }
-    return redos.push({ id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }), undos.push({ id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }), {
-      redos,
-      undos
+    return s.push({ id: j.id, params: [t] }), o.push({ id: j.id, params: [t] }), {
+      redos: s,
+      undos: o
     };
   }
-  _getUpdateOrDeleteDrawings(range, type, drawing) {
-    const updateDrawings = [], deleteDrawings = [], { sheetTransform, anchorType = SheetDrawingAnchorType.Position, transform, unitId, subUnitId, drawingId } = drawing, { from, to } = sheetTransform, { row: fromRow, column: fromColumn } = from, { row: toRow, column: toColumn } = to;
-    if (sheetTransform == null || transform == null)
+  _getUpdateOrDeleteDrawings(i, e, n) {
+    const t = [], r = [], { sheetTransform: s, anchorType: o = y.Position, transform: d, unitId: l, subUnitId: g, drawingId: c } = n, { from: a, to: h } = s, { row: u, column: m } = a, { row: f, column: p } = h;
+    if (s == null || d == null)
       return {
-        updateDrawings,
-        deleteDrawings
+        updateDrawings: t,
+        deleteDrawings: r
       };
-    const { startRow, endRow, startColumn, endColumn } = range;
-    let newSheetTransform = null, newTransform = null;
-    if (type === 0 && fromRow >= startRow && toRow <= endRow)
-      if (fromColumn >= startColumn && toColumn <= endColumn)
-        deleteDrawings.push({ unitId, subUnitId, drawingId });
+    const { startRow: I, endRow: S, startColumn: v, endColumn: R } = i;
+    let _ = null, C = null;
+    if (e === 0 && u >= I && f <= S)
+      if (m >= v && p <= R)
+        r.push({ unitId: l, subUnitId: g, drawingId: c });
       else {
-        const param = this._shrinkCol(sheetTransform, transform, startColumn, endColumn, anchorType);
-        newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
+        const w = this._shrinkCol(s, d, v, R, o);
+        _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
       }
-    else if (type === 1 && fromColumn >= startColumn && toColumn <= endColumn)
-      if (fromRow >= startRow && toRow <= endRow)
-        deleteDrawings.push({ unitId, subUnitId, drawingId });
+    else if (e === 1 && m >= v && p <= R)
+      if (u >= I && f <= S)
+        r.push({ unitId: l, subUnitId: g, drawingId: c });
       else {
-        const param = this._shrinkRow(sheetTransform, transform, startRow, endRow, anchorType);
-        newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
+        const w = this._shrinkRow(s, d, I, S, o);
+        _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
       }
-    else if (type === 2) {
-      const param = this._expandRow(sheetTransform, transform, startRow, endRow, anchorType);
-      newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
-    } else if (type === 3) {
-      const param = this._expandCol(sheetTransform, transform, startColumn, endColumn, anchorType);
-      newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
+    else if (e === 2) {
+      const w = this._expandRow(s, d, I, S, o);
+      _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
+    } else if (e === 3) {
+      const w = this._expandCol(s, d, v, R, o);
+      _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
     }
-    if (newSheetTransform != null && newTransform != null) {
-      const newTransform2 = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
-      updateDrawings.push({ ...drawing, sheetTransform: newSheetTransform, transform: newTransform2 });
+    if (_ != null && C != null) {
+      const w = B(_, this._selectionRenderService, this._skeletonManagerService);
+      t.push({ ...n, sheetTransform: _, transform: w });
     }
-    return { updateDrawings, deleteDrawings };
+    return { updateDrawings: t, deleteDrawings: r };
   }
-  _remainDrawingSize(transform, updateDrawings, drawing) {
-    const newSheetTransform = transformToDrawingPosition({ ...transform }, this._selectionRenderService);
-    newSheetTransform != null && updateDrawings.push({
-      ...drawing,
-      sheetTransform: newSheetTransform
+  _remainDrawingSize(i, e, n) {
+    const t = N({ ...i }, this._selectionRenderService);
+    t != null && e.push({
+      ...n,
+      sheetTransform: t
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForColVisible(unitId, subUnitId, ranges) {
-    const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), updateDrawings = [], preUpdateDrawings = [];
-    if (Object.keys(drawingData).forEach((drawingId) => {
-      const drawing = drawingData[drawingId], { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-      if (anchorType === SheetDrawingAnchorType.None)
-        this._remainDrawingSize(transform, updateDrawings, drawing);
+  _getDrawingUndoForColVisible(i, e, n) {
+    const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
+    if (Object.keys(t).forEach((c) => {
+      const a = t[c], { sheetTransform: h, transform: u, anchorType: m = y.Position } = a;
+      if (m === y.None)
+        this._remainDrawingSize(u, r, a);
       else {
-        const { from, to } = sheetTransform, { row: fromRow, column: fromColumn } = from, { row: toRow, column: toColumn } = to;
-        for (let i = 0; i < ranges.length; i++) {
-          const range = ranges[i], { startRow, endRow, startColumn, endColumn } = range;
-          if (toColumn < startColumn)
+        const { from: f, to: p } = h, { row: I, column: S } = f, { row: v, column: R } = p;
+        for (let _ = 0; _ < n.length; _++) {
+          const C = n[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = C;
+          if (R < b)
             continue;
-          if (anchorType === SheetDrawingAnchorType.Position) {
-            let newSheetTransform2 = null, newTransform2 = null;
-            if (fromColumn >= startColumn && fromColumn <= endColumn) {
-              const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: fromColumn, endColumn, startRow: from.row, endRow: to.row });
-              if (selectionCell == null)
+          if (m === y.Position) {
+            let D = null, U = null;
+            if (S >= b && S <= A) {
+              const L = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
+              if (L == null)
                 return;
-              newTransform2 = { ...transform, left: selectionCell.startX };
+              U = { ...u, left: L.startX };
             }
-            if (newTransform2 != null && (newSheetTransform2 = transformToDrawingPosition(newTransform2, this._selectionRenderService), newSheetTransform2 != null && newTransform2 != null)) {
-              updateDrawings.push({ ...drawing, sheetTransform: newSheetTransform2, transform: newTransform2 });
+            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
+              r.push({ ...a, sheetTransform: D, transform: U });
               break;
             }
-            this._remainDrawingSize(transform, updateDrawings, drawing);
+            this._remainDrawingSize(u, r, a);
             continue;
           }
-          if (fromColumn >= startColumn && toColumn <= endColumn)
+          if (S >= b && R <= A)
             continue;
-          let newSheetTransform = null, newTransform = null;
-          if (fromColumn >= startColumn && fromColumn <= endColumn) {
-            const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: fromColumn, endColumn, startRow: from.row, endRow: to.row });
-            if (selectionCell == null)
+          let E = null, M = null;
+          if (S >= b && S <= A) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
+            if (D == null)
               return;
-            newTransform = {
-              ...transform,
-              left: (selectionCell == null ? void 0 : selectionCell.startX) || 0,
-              width: ((transform == null ? void 0 : transform.width) || 0) - selectionCell.endX + selectionCell.startX
+            M = {
+              ...u,
+              left: (D == null ? void 0 : D.startX) || 0,
+              width: ((u == null ? void 0 : u.width) || 0) - D.endX + D.startX
             };
-          } else if (toColumn >= startColumn && toColumn <= endColumn) {
-            const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn, endColumn: toColumn, startRow: from.row, endRow: to.row });
-            if (selectionCell == null)
+          } else if (R >= b && R <= A) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: R, startRow: f.row, endRow: p.row });
+            if (D == null)
               return;
-            newTransform = {
-              ...transform,
-              left: selectionCell.startX - ((transform == null ? void 0 : transform.width) || 0)
+            M = {
+              ...u,
+              left: D.startX - ((u == null ? void 0 : u.width) || 0)
             };
           } else {
-            const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn, endColumn, startRow: from.row, endRow: to.row });
-            if (selectionCell == null)
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: A, startRow: f.row, endRow: p.row });
+            if (D == null)
               return;
-            if (newTransform = {
-              ...transform,
-              width: ((transform == null ? void 0 : transform.width) || 0) - selectionCell.endX + selectionCell.startX
-            }, newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService), newSheetTransform != null && newTransform != null) {
-              preUpdateDrawings.push({ ...drawing, sheetTransform: newSheetTransform, transform: newTransform });
+            if (M = {
+              ...u,
+              width: ((u == null ? void 0 : u.width) || 0) - D.endX + D.startX
+            }, E = N(M, this._selectionRenderService), E != null && M != null) {
+              s.push({ ...a, sheetTransform: E, transform: M });
               break;
             }
           }
-          if (newTransform != null && (newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService)), newTransform != null && newSheetTransform != null) {
-            updateDrawings.push({ ...drawing, sheetTransform: newSheetTransform, transform: newTransform });
+          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
+            r.push({ ...a, sheetTransform: E, transform: M });
             break;
           } else
-            this._remainDrawingSize(transform, updateDrawings, drawing);
+            this._remainDrawingSize(u, r, a);
         }
       }
-    }), updateDrawings.length === 0 && preUpdateDrawings.length === 0)
+    }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos, undos } = this._createUndoAndRedoMutation(unitId, subUnitId, updateDrawings), preRedos = [], preUndos = [];
-    if (preUpdateDrawings.length > 0) {
-      const { redos: redos2, undos: undos2 } = this._createUndoAndRedoMutation(unitId, subUnitId, preUpdateDrawings);
-      preRedos.push(...redos2), preUndos.push(...undos2);
+    const { redos: o, undos: d } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
+    if (s.length > 0) {
+      const { redos: c, undos: a } = this._createUndoAndRedoMutation(i, e, s);
+      l.push(...c), g.push(...a);
     }
     return {
-      redos,
-      undos,
-      preRedos,
-      preUndos
+      redos: o,
+      undos: d,
+      preRedos: l,
+      preUndos: g
     };
   }
-  _createUndoAndRedoMutation(unitId, subUnitId, updateDrawings) {
-    const updateJsonOp = this._sheetDrawingService.getBatchUpdateOp(updateDrawings), { undo, redo, objects } = updateJsonOp, redos = [
-      { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: redo, objects, type: DrawingApplyType.UPDATE } },
-      { id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }
-    ], undos = [
-      { id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: undo, objects, type: DrawingApplyType.UPDATE } },
-      { id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }
+  _createUndoAndRedoMutation(i, e, n) {
+    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, d = [
+      { id: P.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: T.UPDATE } },
+      { id: j.id, params: [i] }
+    ], l = [
+      { id: P.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: T.UPDATE } },
+      { id: j.id, params: [i] }
     ];
     return {
-      redos,
-      undos
+      redos: d,
+      undos: l
     };
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForRowVisible(unitId, subUnitId, ranges) {
-    const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), updateDrawings = [], preUpdateDrawings = [];
-    if (Object.keys(drawingData).forEach((drawingId) => {
-      const drawing = drawingData[drawingId], { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-      if (anchorType === SheetDrawingAnchorType.None)
-        this._remainDrawingSize(transform, updateDrawings, drawing);
+  _getDrawingUndoForRowVisible(i, e, n) {
+    const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
+    if (Object.keys(t).forEach((c) => {
+      const a = t[c], { sheetTransform: h, transform: u, anchorType: m = y.Position } = a;
+      if (m === y.None)
+        this._remainDrawingSize(u, r, a);
       else {
-        const { from, to } = sheetTransform, { row: fromRow, column: fromColumn } = from, { row: toRow, column: toColumn } = to;
-        for (let i = 0; i < ranges.length; i++) {
-          const range = ranges[i], { startRow, endRow, startColumn, endColumn } = range;
-          if (toRow < startRow)
+        const { from: f, to: p } = h, { row: I, column: S } = f, { row: v, column: R } = p;
+        for (let _ = 0; _ < n.length; _++) {
+          const C = n[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = C;
+          if (v < w)
             continue;
-          if (anchorType === SheetDrawingAnchorType.Position) {
-            let newSheetTransform2 = null, newTransform2 = null;
-            if (fromRow >= startRow && fromRow <= endRow) {
-              const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: from.column, endColumn: to.column, startRow: fromRow, endRow });
-              if (selectionCell == null)
+          if (m === y.Position) {
+            let D = null, U = null;
+            if (I >= w && I <= O) {
+              const L = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: I, endRow: O });
+              if (L == null)
                 return;
-              newTransform2 = { ...transform, top: selectionCell.startY };
+              U = { ...u, top: L.startY };
             }
-            if (newTransform2 != null && (newSheetTransform2 = transformToDrawingPosition(newTransform2, this._selectionRenderService), newSheetTransform2 != null && newTransform2 != null)) {
-              updateDrawings.push({ ...drawing, sheetTransform: newSheetTransform2, transform: newTransform2 });
+            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
+              r.push({ ...a, sheetTransform: D, transform: U });
               break;
             }
-            this._remainDrawingSize(transform, updateDrawings, drawing);
+            this._remainDrawingSize(u, r, a);
             continue;
           }
-          if (fromRow >= startRow && toRow <= endRow)
+          if (I >= w && v <= O)
             continue;
-          let newSheetTransform = null, newTransform = null;
-          if (fromRow >= startRow && fromRow <= endRow) {
-            const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: from.column, endColumn: to.column, startRow: fromRow, endRow });
-            if (selectionCell == null)
+          let E = null, M = null;
+          if (I >= w && I <= O) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: I, endRow: O });
+            if (D == null)
               return;
-            newTransform = {
-              ...transform,
-              top: (selectionCell == null ? void 0 : selectionCell.startY) || 0,
-              height: ((transform == null ? void 0 : transform.height) || 0) - selectionCell.endY + selectionCell.startY
+            M = {
+              ...u,
+              top: (D == null ? void 0 : D.startY) || 0,
+              height: ((u == null ? void 0 : u.height) || 0) - D.endY + D.startY
             };
-          } else if (toRow >= startRow && toRow <= endRow) {
-            const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: from.column, endColumn: to.column, startRow, endRow: toRow });
-            if (selectionCell == null)
+          } else if (v >= w && v <= O) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: v });
+            if (D == null)
               return;
-            newTransform = {
-              ...transform,
-              top: selectionCell.startY - ((transform == null ? void 0 : transform.height) || 0)
+            M = {
+              ...u,
+              top: D.startY - ((u == null ? void 0 : u.height) || 0)
             };
           } else {
-            const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: from.column, endColumn: to.column, startRow, endRow });
-            if (selectionCell == null)
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: O });
+            if (D == null)
               return;
-            if (newTransform = {
-              ...transform,
-              height: ((transform == null ? void 0 : transform.height) || 0) - selectionCell.endY + selectionCell.startY
-            }, newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService), newSheetTransform != null && newTransform != null) {
-              preUpdateDrawings.push({ ...drawing, sheetTransform: newSheetTransform, transform: newTransform });
+            if (M = {
+              ...u,
+              height: ((u == null ? void 0 : u.height) || 0) - D.endY + D.startY
+            }, E = N(M, this._selectionRenderService), E != null && M != null) {
+              s.push({ ...a, sheetTransform: E, transform: M });
               break;
             }
           }
-          if (newTransform != null && (newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService)), newTransform != null && newSheetTransform != null) {
-            updateDrawings.push({ ...drawing, sheetTransform: newSheetTransform, transform: newTransform });
+          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
+            r.push({ ...a, sheetTransform: E, transform: M });
             break;
           } else
-            this._remainDrawingSize(transform, updateDrawings, drawing);
+            this._remainDrawingSize(u, r, a);
         }
       }
-    }), updateDrawings.length === 0 && preUpdateDrawings.length === 0)
+    }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos, undos } = this._createUndoAndRedoMutation(unitId, subUnitId, updateDrawings), preRedos = [], preUndos = [];
-    if (preUpdateDrawings.length > 0) {
-      const { redos: redos2, undos: undos2 } = this._createUndoAndRedoMutation(unitId, subUnitId, preUpdateDrawings);
-      preRedos.push(...redos2), preUndos.push(...undos2);
+    const { redos: o, undos: d } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
+    if (s.length > 0) {
+      const { redos: c, undos: a } = this._createUndoAndRedoMutation(i, e, s);
+      l.push(...c), g.push(...a);
     }
     return {
-      redos,
-      undos,
-      preRedos,
-      preUndos
+      redos: o,
+      undos: d,
+      preRedos: l,
+      preUndos: g
     };
   }
-  _getDrawingUndoForRowAndColSize(unitId, subUnitId, ranges, isRow) {
-    const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), updateDrawings = [];
-    return Object.keys(drawingData).forEach((drawingId) => {
-      const drawing = drawingData[drawingId], { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-      if (anchorType === SheetDrawingAnchorType.None)
-        this._remainDrawingSize(transform, updateDrawings, drawing);
+  _getDrawingUndoForRowAndColSize(i, e, n, t) {
+    const r = this._drawingManagerService.getDrawingData(i, e), s = [];
+    return Object.keys(r).forEach((o) => {
+      const d = r[o], { sheetTransform: l, transform: g, anchorType: c = y.Position } = d;
+      if (c === y.None)
+        this._remainDrawingSize(g, s, d);
       else {
-        const { from, to } = sheetTransform, { row: fromRow, column: fromColumn } = from, { row: toRow, column: toColumn } = to;
-        for (let i = 0; i < ranges.length; i++) {
-          const range = ranges[i], { startRow, endRow, startColumn, endColumn } = range;
-          if (toRow < startRow || toColumn < startColumn)
+        const { from: a, to: h } = l, { row: u, column: m } = a, { row: f, column: p } = h;
+        for (let I = 0; I < n.length; I++) {
+          const S = n[I], { startRow: v, endRow: R, startColumn: _, endColumn: C } = S;
+          if (f < v || p < _)
             continue;
-          if (anchorType === SheetDrawingAnchorType.Position && (fromRow <= startRow && toRow >= endRow || fromColumn <= startColumn && toColumn >= endColumn)) {
-            this._remainDrawingSize(transform, updateDrawings, drawing);
+          if (c === y.Position && (u <= v && f >= R || m <= _ && p >= C)) {
+            this._remainDrawingSize(g, s, d);
             continue;
           }
-          const newTransform = drawingPositionToTransform(
-            { ...sheetTransform },
+          const w = B(
+            { ...l },
             this._selectionRenderService,
             this._skeletonManagerService
           );
-          if (newTransform != null) {
-            updateDrawings.push({
-              ...drawing,
-              transform: newTransform
+          if (w != null) {
+            s.push({
+              ...d,
+              transform: w
             });
             break;
           }
         }
       }
-    }), updateDrawings.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(unitId, subUnitId, updateDrawings);
+    }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, e, s);
   }
-  _getUnitIdAndSubUnitId(params, type) {
-    let unitId, subUnitId;
-    if (type === "insert")
-      unitId = params.unitId, subUnitId = params.subUnitId;
+  _getUnitIdAndSubUnitId(i, e) {
+    let n, t;
+    if (e === "insert")
+      n = i.unitId, t = i.subUnitId;
     else {
-      const newParams = getSheetCommandTarget(this._univerInstanceService);
-      if (newParams == null)
+      const r = ce(this._univerInstanceService);
+      if (r == null)
         return;
-      unitId = newParams.unitId, subUnitId = newParams.subUnitId;
+      n = r.unitId, t = r.subUnitId;
     }
-    return { unitId, subUnitId };
+    return { unitId: n, subUnitId: t };
   }
-  _moveRangeInterceptor(params) {
-    var _a10, _b;
-    const { toRange, fromRange } = params, target = getSheetCommandTarget(this._univerInstanceService);
-    if (!target)
+  _moveRangeInterceptor(i) {
+    var v, R;
+    const { toRange: e, fromRange: n } = i, t = ce(this._univerInstanceService);
+    if (!t)
       return { redos: [], undos: [] };
-    const { unitId, subUnitId } = target, skeleton = (_b = (_a10 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a10.with(SheetSkeletonManagerService)) == null ? void 0 : _b.getCurrentSkeleton();
-    if (!skeleton)
+    const { unitId: r, subUnitId: s } = t, o = (R = (v = this._renderManagerService.getRenderById(r)) == null ? void 0 : v.with(q)) == null ? void 0 : R.getCurrentSkeleton();
+    if (!o)
       return { redos: [], undos: [] };
-    const selectionRect = attachRangeWithCoord(skeleton, fromRange);
-    if (!selectionRect)
+    const d = Te(o, n);
+    if (!d)
       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)
+    const { startX: l, endX: g, startY: c, endY: a } = d, h = this._sheetDrawingService.getDrawingData(r, s), u = [];
+    Object.keys(h).forEach((_) => {
+      const C = h[_];
+      if (C.anchorType !== y.Both)
         return;
-      const { transform } = drawing;
-      if (!transform)
+      const { transform: w } = C;
+      if (!w)
         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
+      const { left: O = 0, top: b = 0, width: A = 0, height: E = 0 } = w, { drawingStartX: M, drawingEndX: D, drawingStartY: U, drawingEndY: L } = {
+        drawingStartX: O,
+        drawingEndX: O + A,
+        drawingStartY: b,
+        drawingEndY: b + E
       };
-      startX <= drawingStartX && drawingEndX <= endX && startY <= drawingStartY && drawingEndY <= endY && containedDrawings.push(drawing);
+      l <= M && D <= g && c <= U && L <= a && u.push(C);
     });
-    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);
+    const m = [], f = [], p = e.startRow - n.startRow, I = e.startColumn - n.startColumn, S = u.map((_) => {
+      const C = _.sheetTransform, w = {
+        to: { ...C.to, row: C.to.row + p, column: C.to.column + I },
+        from: { ...C.from, row: C.from.row + p, column: C.from.column + I }
+      }, O = B(w, this._selectionRenderService, this._skeletonManagerService);
       return {
-        unitId,
-        subUnitId,
-        drawingId: drawing.drawingId,
-        transform,
-        sheetTransform
+        unitId: r,
+        subUnitId: s,
+        drawingId: _.drawingId,
+        transform: O,
+        sheetTransform: w
       };
     });
-    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 } });
+    if (S.length) {
+      const _ = this._sheetDrawingService.getBatchUpdateOp(S), { undo: C, redo: w, objects: O } = _;
+      m.push({ id: P.id, params: { unitId: r, subUnitId: s, op: w, objects: O, type: T.UPDATE } }), f.push({ id: P.id, params: { unitId: r, subUnitId: s, op: C, objects: O, type: T.UPDATE } });
     }
-    return { redos, undos };
+    return { redos: m, undos: f };
   }
-  _moveRowInterceptor(params, type) {
-    const ids = this._getUnitIdAndSubUnitId(params, type);
-    if (ids == null)
+  _moveRowInterceptor(i, e) {
+    const n = this._getUnitIdAndSubUnitId(i, e);
+    if (n == null)
       return { redos: [], undos: [] };
-    const { unitId, subUnitId } = ids, { range } = params, rowStartIndex = range.startRow, rowEndIndex = range.endRow, redos = [], undos = [], data = this._sheetDrawingService.getDrawingData(unitId, subUnitId), updateDrawings = [], deleteDrawings = [];
-    if (Object.keys(data).forEach((drawingId) => {
-      const drawing = data[drawingId], { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-      if (sheetTransform == null || transform == null)
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startRow, d = s.endRow, l = [], g = [], c = this._sheetDrawingService.getDrawingData(t, r), a = [], h = [];
+    if (Object.keys(c).forEach((u) => {
+      const m = c[u], { sheetTransform: f, transform: p, anchorType: I = y.Position } = m;
+      if (f == null || p == null)
         return;
-      let newSheetTransform, newTransform;
-      if (type === "insert") {
-        const param = this._expandRow(sheetTransform, transform, rowStartIndex, rowEndIndex, anchorType);
-        newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
+      let S, v;
+      if (e === "insert") {
+        const _ = this._expandRow(f, p, o, d, I);
+        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from, to } = sheetTransform, { row: fromRow } = from, { row: toRow } = to;
-        if (anchorType === SheetDrawingAnchorType.Both && fromRow >= rowStartIndex && toRow <= rowEndIndex)
-          deleteDrawings.push({ unitId, subUnitId, drawingId });
+        const { from: _, to: C } = f, { row: w } = _, { row: O } = C;
+        if (I === y.Both && w >= o && O <= d)
+          h.push({ unitId: t, subUnitId: r, drawingId: u });
         else {
-          const param = this._shrinkRow(sheetTransform, transform, rowStartIndex, rowEndIndex, anchorType);
-          newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
+          const b = this._shrinkRow(f, p, o, d, I);
+          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
         }
       }
-      if (!newSheetTransform || !newTransform)
+      if (!S || !v)
         return;
-      const params2 = { unitId, subUnitId, drawingId, transform: newTransform, sheetTransform: newSheetTransform };
-      updateDrawings.push(params2);
-    }), updateDrawings.length === 0 && deleteDrawings.length === 0)
+      const R = { unitId: t, subUnitId: r, drawingId: u, transform: v, sheetTransform: S };
+      a.push(R);
+    }), a.length === 0 && h.length === 0)
       return { redos: [], undos: [] };
-    if (updateDrawings.length > 0) {
-      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 } });
+    if (a.length > 0) {
+      const u = this._sheetDrawingService.getBatchUpdateOp(a), { undo: m, redo: f, objects: p } = u;
+      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } });
     }
-    if (deleteDrawings.length > 0) {
-      const deleteJsonOp = this._sheetDrawingService.getBatchRemoveOp(deleteDrawings), deleteUndo = deleteJsonOp.undo, deleteRedo = deleteJsonOp.redo, deleteObjects = deleteJsonOp.objects;
-      redos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: deleteRedo, objects: deleteObjects, type: DrawingApplyType.REMOVE } }), undos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: deleteUndo, objects: deleteObjects, type: DrawingApplyType.INSERT } });
+    if (h.length > 0) {
+      const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, f = u.redo, p = u.objects;
+      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.INSERT } });
     }
-    return redos.push({ id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }), undos.push({ id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }), {
-      redos,
-      undos
+    return l.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), {
+      redos: l,
+      undos: g
     };
   }
-  _moveColInterceptor(params, type) {
-    const ids = this._getUnitIdAndSubUnitId(params, type);
-    if (ids == null)
+  _moveColInterceptor(i, e) {
+    const n = this._getUnitIdAndSubUnitId(i, e);
+    if (n == null)
       return { redos: [], undos: [] };
-    const { unitId, subUnitId } = ids, { range } = params, colStartIndex = range.startColumn, colEndIndex = range.endColumn, redos = [], undos = [], data = this._sheetDrawingService.getDrawingData(unitId, subUnitId), updateDrawings = [], deleteDrawings = [];
-    if (Object.keys(data).forEach((drawingId) => {
-      const drawing = data[drawingId], { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-      if (sheetTransform == null || transform == null)
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startColumn, d = s.endColumn, l = [], g = [], c = this._sheetDrawingService.getDrawingData(t, r), a = [], h = [];
+    if (Object.keys(c).forEach((u) => {
+      const m = c[u], { sheetTransform: f, transform: p, anchorType: I = y.Position } = m;
+      if (f == null || p == null)
         return;
-      let newSheetTransform, newTransform;
-      if (type === "insert") {
-        const param = this._expandCol(sheetTransform, transform, colStartIndex, colEndIndex, anchorType);
-        newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
+      let S, v;
+      if (e === "insert") {
+        const _ = this._expandCol(f, p, o, d, I);
+        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from, to } = sheetTransform, { column: fromColumn } = from, { column: toColumn } = to;
-        if (anchorType === SheetDrawingAnchorType.Both && fromColumn >= colStartIndex && toColumn <= colEndIndex)
-          deleteDrawings.push({ unitId, subUnitId, drawingId });
+        const { from: _, to: C } = f, { column: w } = _, { column: O } = C;
+        if (I === y.Both && w >= o && O <= d)
+          h.push({ unitId: t, subUnitId: r, drawingId: u });
         else {
-          const param = this._shrinkCol(sheetTransform, transform, colStartIndex, colEndIndex, anchorType);
-          newSheetTransform = param == null ? void 0 : param.newSheetTransform, newTransform = param == null ? void 0 : param.newTransform;
+          const b = this._shrinkCol(f, p, o, d, I);
+          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
         }
       }
-      if (!newSheetTransform || !newTransform)
+      if (!S || !v)
         return;
-      const params2 = { unitId, subUnitId, drawingId, transform: newTransform, sheetTransform: newSheetTransform };
-      updateDrawings.push(params2);
-    }), updateDrawings.length === 0 && deleteDrawings.length === 0)
+      const R = { unitId: t, subUnitId: r, drawingId: u, transform: v, sheetTransform: S };
+      a.push(R);
+    }), a.length === 0 && h.length === 0)
       return { redos: [], undos: [] };
-    if (updateDrawings.length > 0) {
-      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 } });
+    if (a.length > 0) {
+      const u = this._sheetDrawingService.getBatchUpdateOp(a), { undo: m, redo: f, objects: p } = u;
+      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } });
     }
-    if (deleteDrawings.length > 0) {
-      const deleteJsonOp = this._sheetDrawingService.getBatchRemoveOp(deleteDrawings), deleteUndo = deleteJsonOp.undo, deleteRedo = deleteJsonOp.redo, deleteObjects = deleteJsonOp.objects;
-      redos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: deleteRedo, objects: deleteObjects, type: DrawingApplyType.REMOVE } }), undos.push({ id: SetDrawingApplyMutation.id, params: { unitId, subUnitId, op: deleteUndo, objects: deleteObjects, type: DrawingApplyType.INSERT } });
+    if (h.length > 0) {
+      const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, f = u.redo, p = u.objects;
+      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.INSERT } });
     }
-    return redos.push({ id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }), undos.push({ id: ClearSheetDrawingTransformerOperation.id, params: [unitId] }), { redos, undos };
+    return l.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), { redos: l, undos: g };
   }
-  _expandCol(sheetTransform, transform, colStartIndex, colEndIndex, anchorType = SheetDrawingAnchorType.Position) {
-    const colCount = colEndIndex - colStartIndex + 1, { from, to } = sheetTransform, { column: fromColumn } = from, { column: toColumn } = to;
-    if (anchorType === SheetDrawingAnchorType.None)
+  _expandCol(i, e, n, t, r = y.Position) {
+    const s = t - n + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
+    if (r === y.None)
       return {
-        newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-        newTransform: transform
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
       };
-    let newSheetTransform = null, newTransform = null;
-    if (fromColumn >= colStartIndex) {
-      const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: colStartIndex, endColumn: colEndIndex, startRow: from.row, endRow: to.row });
-      if (selectionCell == null)
+    let c = null, a = null;
+    if (l >= n) {
+      const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: d.row });
+      if (h == null)
         return;
-      newTransform = { ...transform, left: (transform.left || 0) + selectionCell.endX - selectionCell.startX }, newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService);
-    } else if (toColumn >= colEndIndex)
-      if (anchorType === SheetDrawingAnchorType.Both)
-        newSheetTransform = {
-          from: { ...from },
-          to: { ...to, column: toColumn + colCount }
-        }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+      a = { ...e, left: (e.left || 0) + h.endX - h.startX }, c = N(a, this._selectionRenderService);
+    } else if (g >= t)
+      if (r === y.Both)
+        c = {
+          from: { ...o },
+          to: { ...d, column: g + s }
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-          newTransform: transform
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newTransform: e
         };
-    return newSheetTransform != null && newTransform != null ? {
-      newSheetTransform,
-      newTransform
+    return c != null && a != null ? {
+      newSheetTransform: c,
+      newTransform: a
     } : null;
   }
-  _shrinkCol(sheetTransform, transform, colStartIndex, colEndIndex, anchorType = SheetDrawingAnchorType.Position) {
-    const colCount = colEndIndex - colStartIndex + 1, { from, to } = sheetTransform, { column: fromColumn } = from, { column: toColumn } = to;
-    if (anchorType === SheetDrawingAnchorType.None)
+  _shrinkCol(i, e, n, t, r = y.Position) {
+    const s = t - n + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
+    if (r === y.None)
       return {
-        newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-        newTransform: transform
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
       };
-    let newSheetTransform = null, newTransform = null;
-    if (fromColumn > colEndIndex)
-      newSheetTransform = {
-        from: { ...from, column: fromColumn - colCount },
-        to: { ...to, column: toColumn - colCount }
-      }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+    let c = null, a = null;
+    if (l > t)
+      c = {
+        from: { ...o, column: l - s },
+        to: { ...d, column: g - s }
+      }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (fromColumn >= colStartIndex && toColumn <= colEndIndex)
+      if (l >= n && g <= t)
         return null;
-      if (fromColumn < colStartIndex && toColumn > colEndIndex)
-        if (anchorType === SheetDrawingAnchorType.Both)
-          newSheetTransform = {
-            from: { ...from },
-            to: { ...to, column: toColumn - colCount }
-          }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+      if (l < n && g > t)
+        if (r === y.Both)
+          c = {
+            from: { ...o },
+            to: { ...d, column: g - s }
+          }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-            newTransform: transform
+            newSheetTransform: N({ ...e }, this._selectionRenderService),
+            newTransform: e
           };
-      else if (fromColumn >= colStartIndex && fromColumn <= colEndIndex) {
-        if (fromColumn === colStartIndex)
-          newTransform = { ...transform, left: (transform.left || 0) - sheetTransform.from.columnOffset };
+      else if (l >= n && l <= t) {
+        if (l === n)
+          a = { ...e, left: (e.left || 0) - i.from.columnOffset };
         else {
-          const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: colStartIndex, endColumn: fromColumn - 1, startRow: from.row, endRow: to.row });
-          if (selectionCell == null)
+          const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: l - 1, startRow: o.row, endRow: d.row });
+          if (h == null)
             return;
-          newTransform = { ...transform, left: (transform.left || 0) - selectionCell.endX + selectionCell.startX - sheetTransform.from.columnOffset };
+          a = { ...e, left: (e.left || 0) - h.endX + h.startX - i.from.columnOffset };
         }
-        newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService);
-      } else if (toColumn >= colStartIndex && toColumn <= colEndIndex && anchorType === SheetDrawingAnchorType.Both) {
-        const selectionCell = this._skeletonManagerService.attachRangeWithCoord({
-          startColumn: colStartIndex - 1,
-          endColumn: colStartIndex - 1,
-          startRow: from.row,
-          endRow: to.row
+        c = N(a, this._selectionRenderService);
+      } else if (g >= n && g <= t && r === y.Both) {
+        const h = this._skeletonManagerService.attachRangeWithCoord({
+          startColumn: n - 1,
+          endColumn: n - 1,
+          startRow: o.row,
+          endRow: d.row
         });
-        if (selectionCell == null)
+        if (h == null)
           return;
-        newSheetTransform = {
-          from: { ...from },
-          to: { ...to, column: colStartIndex - 1, columnOffset: selectionCell.endX - selectionCell.startX }
-        }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+        c = {
+          from: { ...o },
+          to: { ...d, column: n - 1, columnOffset: h.endX - h.startX }
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return newSheetTransform != null && newTransform != null ? {
-      newSheetTransform,
-      newTransform
+    return c != null && a != null ? {
+      newSheetTransform: c,
+      newTransform: a
     } : null;
   }
-  _expandRow(sheetTransform, transform, rowStartIndex, rowEndIndex, anchorType = SheetDrawingAnchorType.Position) {
-    const rowCount = rowEndIndex - rowStartIndex + 1, { from, to } = sheetTransform, { row: fromRow } = from, { row: toRow } = to;
-    if (anchorType === SheetDrawingAnchorType.None)
+  _expandRow(i, e, n, t, r = y.Position) {
+    const s = t - n + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
+    if (r === y.None)
       return {
-        newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-        newTransform: transform
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
       };
-    let newSheetTransform = null, newTransform = null;
-    if (fromRow >= rowStartIndex) {
-      const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startRow: rowStartIndex, endRow: rowEndIndex, startColumn: from.column, endColumn: to.column });
-      if (selectionCell == null)
+    let c = null, a = null;
+    if (l >= n) {
+      const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: d.column });
+      if (h == null)
         return;
-      newTransform = { ...transform, top: (transform.top || 0) + selectionCell.endY - selectionCell.startY }, newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService);
-    } else if (toRow >= rowEndIndex)
-      if (anchorType === SheetDrawingAnchorType.Both)
-        newSheetTransform = {
-          from: { ...from },
+      a = { ...e, top: (e.top || 0) + h.endY - h.startY }, c = N(a, this._selectionRenderService);
+    } else if (g >= t)
+      if (r === y.Both)
+        c = {
+          from: { ...o },
           to: {
-            ...to,
-            row: toRow + rowCount
+            ...d,
+            row: g + s
           }
-        }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-          newTransform: transform
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newTransform: e
         };
-    return newSheetTransform != null && newTransform != null ? {
-      newSheetTransform,
-      newTransform
+    return c != null && a != null ? {
+      newSheetTransform: c,
+      newTransform: a
     } : null;
   }
-  _shrinkRow(sheetTransform, transform, rowStartIndex, rowEndIndex, anchorType = SheetDrawingAnchorType.Position) {
-    const rowCount = rowEndIndex - rowStartIndex + 1, { from, to } = sheetTransform, { row: fromRow } = from, { row: toRow } = to;
-    if (anchorType === SheetDrawingAnchorType.None)
+  _shrinkRow(i, e, n, t, r = y.Position) {
+    const s = t - n + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
+    if (r === y.None)
       return {
-        newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-        newTransform: transform
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
       };
-    let newSheetTransform = null, newTransform = null;
-    if (fromRow > rowEndIndex)
-      newSheetTransform = {
-        from: { ...from, row: fromRow - rowCount },
-        to: { ...to, row: toRow - rowCount }
-      }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+    let c = null, a = null;
+    if (l > t)
+      c = {
+        from: { ...o, row: l - s },
+        to: { ...d, row: g - s }
+      }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (fromRow >= rowStartIndex && toRow <= rowEndIndex)
+      if (l >= n && g <= t)
         return null;
-      if (fromRow < rowStartIndex && toRow > rowEndIndex)
-        if (anchorType === SheetDrawingAnchorType.Both)
-          newSheetTransform = {
-            from: { ...from },
-            to: { ...to, row: toRow - rowCount }
-          }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+      if (l < n && g > t)
+        if (r === y.Both)
+          c = {
+            from: { ...o },
+            to: { ...d, row: g - s }
+          }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: transformToDrawingPosition({ ...transform }, this._selectionRenderService),
-            newTransform: transform
+            newSheetTransform: N({ ...e }, this._selectionRenderService),
+            newTransform: e
           };
-      else if (fromRow >= rowStartIndex && fromRow <= rowEndIndex) {
-        if (fromRow === rowStartIndex)
-          newTransform = { ...transform, top: (transform.top || 0) - sheetTransform.from.rowOffset };
+      else if (l >= n && l <= t) {
+        if (l === n)
+          a = { ...e, top: (e.top || 0) - i.from.rowOffset };
         else {
-          const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startRow: rowStartIndex, endRow: fromRow - 1, startColumn: from.column, endColumn: to.column });
-          if (selectionCell == null)
+          const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: l - 1, startColumn: o.column, endColumn: d.column });
+          if (h == null)
             return;
-          newTransform = { ...transform, top: (transform.top || 0) - selectionCell.endY + selectionCell.startY - sheetTransform.from.rowOffset };
+          a = { ...e, top: (e.top || 0) - h.endY + h.startY - i.from.rowOffset };
         }
-        newSheetTransform = transformToDrawingPosition(newTransform, this._selectionRenderService);
-      } else if (toRow >= rowStartIndex && toRow <= rowEndIndex && anchorType === SheetDrawingAnchorType.Both) {
-        const selectionCell = this._skeletonManagerService.attachRangeWithCoord({ startColumn: from.column, endColumn: from.column, startRow: rowStartIndex - 1, endRow: rowStartIndex - 1 });
-        if (selectionCell == null)
+        c = N(a, this._selectionRenderService);
+      } else if (g >= n && g <= t && r === y.Both) {
+        const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
+        if (h == null)
           return;
-        newSheetTransform = {
-          from: { ...from },
-          to: { ...to, row: rowStartIndex - 1, rowOffset: selectionCell.endY - selectionCell.startY }
-        }, newTransform = drawingPositionToTransform(newSheetTransform, this._selectionRenderService, this._skeletonManagerService);
+        c = {
+          from: { ...o },
+          to: { ...d, row: n - 1, rowOffset: h.endY - h.startY }
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return newSheetTransform != null && newTransform != null ? {
-      newSheetTransform,
-      newTransform
+    return c != null && a != null ? {
+      newSheetTransform: c,
+      newTransform: a
     } : null;
   }
   _commandListener() {
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((command) => {
-        command.id === SetWorksheetActiveOperation.id && setTimeout(() => {
-          const params = command.params, { unitId: showUnitId, subUnitId: showSubunitId } = params, drawingMap = this._drawingManagerService.drawingManagerData, insertDrawings = [], removeDrawings = [];
-          Object.keys(drawingMap).forEach((unitId) => {
-            const subUnitMap = drawingMap[unitId];
-            subUnitMap != null && Object.keys(subUnitMap).forEach((subUnitId) => {
-              const drawingData = subUnitMap[subUnitId].data;
-              drawingData != null && Object.keys(drawingData).forEach((drawingId) => {
-                if (unitId === showUnitId && subUnitId === showSubunitId) {
-                  const drawing = drawingData[drawingId];
-                  drawing.transform = drawingPositionToTransform(drawing.sheetTransform, this._selectionRenderService, this._skeletonManagerService), insertDrawings.push(drawingData[drawingId]);
+      this._commandService.onCommandExecuted((i) => {
+        i.id === Dr.id && setTimeout(() => {
+          const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
+          Object.keys(r).forEach((d) => {
+            const l = r[d];
+            l != null && Object.keys(l).forEach((g) => {
+              const c = l[g].data;
+              c != null && Object.keys(c).forEach((a) => {
+                if (d === n && g === t) {
+                  const h = c[a];
+                  h.transform = B(h.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(c[a]);
                 } else
-                  removeDrawings.push(drawingData[drawingId]);
+                  o.push(c[a]);
               });
             });
-          }), this._drawingManagerService.removeNotification(removeDrawings), this._drawingManagerService.addNotification(insertDrawings);
+          }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
         }, 0);
       })
     );
   }
   _sheetRefreshListener() {
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((command) => {
-        REFRESH_MUTATIONS.includes(command.id) && requestIdleCallback(() => {
-          const params = command.params, { unitId, subUnitId, ranges } = params;
-          this._refreshDrawingTransform(unitId, subUnitId, ranges);
+      this._commandService.onCommandExecuted((i) => {
+        Fi.includes(i.id) && requestIdleCallback(() => {
+          const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
+          this._refreshDrawingTransform(n, t, r);
         });
       })
     );
   }
-  _refreshDrawingTransform(unitId, subUnitId, ranges) {
-    const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId), updateDrawings = [];
-    Object.keys(drawingData).forEach((drawingId) => {
-      const drawing = drawingData[drawingId], { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-      if (anchorType === SheetDrawingAnchorType.None)
+  _refreshDrawingTransform(i, e, n) {
+    const t = this._drawingManagerService.getDrawingData(i, e), r = [];
+    Object.keys(t).forEach((s) => {
+      const o = t[s], { sheetTransform: d, transform: l, anchorType: g = y.Position } = o;
+      if (g === y.None)
         return !0;
-      const { from, to } = sheetTransform, { row: fromRow, column: fromColumn } = from, { row: toRow, column: toColumn } = to;
-      for (let i = 0; i < ranges.length; i++) {
-        const range = ranges[i], { startRow, endRow, startColumn, endColumn } = range;
-        if (Rectangle.intersects(
+      const { from: c, to: a } = d, { row: h, column: u } = c, { row: m, column: f } = a;
+      for (let p = 0; p < n.length; p++) {
+        const I = n[p], { startRow: S, endRow: v, startColumn: R, endColumn: _ } = I;
+        if (Rn.intersects(
           {
-            startRow,
-            endRow,
-            startColumn,
-            endColumn
+            startRow: S,
+            endRow: v,
+            startColumn: R,
+            endColumn: _
           },
           {
-            startRow: fromRow,
-            endRow: toRow,
-            startColumn: fromColumn,
-            endColumn: toColumn
+            startRow: h,
+            endRow: m,
+            startColumn: u,
+            endColumn: f
           }
-        ) || fromRow > endRow || fromColumn > endColumn) {
-          const isPositionAnchor = anchorType === SheetDrawingAnchorType.Position, newTransform = drawingPositionToTransform(sheetTransform, this._selectionRenderService, this._skeletonManagerService);
-          updateDrawings.push({
-            ...drawing,
+        ) || h > v || u > _) {
+          const C = g === y.Position, w = B(d, this._selectionRenderService, this._skeletonManagerService);
+          r.push({
+            ...o,
             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
+              ...w,
+              width: C ? l == null ? void 0 : l.width : w == null ? void 0 : w.width,
+              height: C ? l == null ? void 0 : l.height : w == null ? void 0 : w.height
             }
           });
           break;
         }
       }
-    }), updateDrawings.length !== 0 && (this._drawingManagerService.refreshTransform(updateDrawings), this._commandService.syncExecuteCommand(ClearSheetDrawingTransformerOperation.id, [unitId]));
-  }
-}, __name(_a8, "SheetDrawingTransformAffectedController"), _a8);
-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 __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 _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;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
+  }
+};
+ot = ki([
+  Q(1, J),
+  Q(2, W),
+  Q(3, pe),
+  Q(4, x(q)),
+  Q(5, x(at)),
+  Q(6, F),
+  Q(7, K),
+  Q(8, fe)
+], ot);
+var Xi = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, zi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Hi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Xi(e, n, r), r;
+}, se = (i, e) => (n, t) => e(n, t, i);
+function Ki(i, e, n, t) {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(zn.VIEW_MAIN), d = {
+    left: !0,
+    top: !0
+  };
+  if (!o)
+    return {
+      ...i,
+      absolute: d
+    };
+  const { left: l, right: g, top: c, bottom: a } = i, h = t.getFreeze(), { startColumn: u, startRow: m, xSplit: f, ySplit: p } = h, I = n.getNoMergeCellPositionByIndexWithNoHeader(m - p, u - f), S = n.getNoMergeCellPositionByIndexWithNoHeader(m, u), { rowHeaderWidth: v, columnHeaderHeight: R } = n, _ = S.startX - I.startX, C = S.startY - I.startY, { top: w, left: O, viewportScrollX: b, viewportScrollY: A } = o;
+  let E, M;
+  l < O ? (d.left = !0, E = (_ + v + (l - O)) * r, M = Math.max(
+    Math.min(
+      (_ + v + (g - O)) * r,
+      (_ + v) * r
+    ),
+    (g - b) * r
+  )) : (d.left = !1, E = Math.max((l - b) * r, (_ + v) * r), M = Math.max((g - b) * r, (_ + v) * r));
+  let D, U;
+  return c < w ? (d.top = !0, D = (C + R + (c - w)) * s, U = Math.max(
+    Math.min(
+      (C + R + (g - w)) * s,
+      (C + R) * s
+    ),
+    (a - A) * s
+  )) : (d.top = !1, D = Math.max((c - A) * s, (C + R) * s), U = Math.max((a - A) * s, (C + R) * s)), {
+    left: E,
+    right: M,
+    top: D,
+    bottom: U,
+    absolute: d
+  };
+}
+const Qe = (i, e, n, t) => {
+  const { scene: r } = e, { left: s, top: o, width: d, height: l, angle: g } = i, c = {
+    left: s,
+    right: s + d,
+    top: o,
+    bottom: o + l
+  }, a = Ki(c, r, n, t), { scaleX: h, scaleY: u } = r.getAncestorScale();
+  return {
+    startX: a.left,
+    endX: a.right,
+    startY: a.top,
+    endY: a.bottom,
+    rotate: g,
+    width: d * h,
+    height: l * u,
+    absolute: a.absolute
+  };
+};
+let $e = class extends re {
+  constructor(e, n, t, r, s, o, d) {
+    super();
+    V(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    V(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    V(this, "_transformChange$", new Ke());
+    V(this, "transformChange$", this._transformChange$.asObservable());
+    V(this, "_add$", new Ke());
+    V(this, "add$", this._add$.asObservable());
+    V(this, "_remove$", new Ke());
+    V(this, "remove$", this._remove$.asObservable());
+    V(this, "_hooks", []);
+    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = d, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
+  }
+  _bindScrollEvent() {
+    this._lifecycleService.lifecycle$.pipe(ae((e) => e === Mn.Rendered), gr(1)).subscribe(() => {
+      this._scrollUpdateListener();
+    });
+  }
+  _ensureMap(e, n) {
+    let t = this._domLayerMap.get(e);
+    t || (t = /* @__PURE__ */ new Map(), this._domLayerMap.set(e, t));
+    let r = t.get(n);
+    return r || (r = /* @__PURE__ */ new Map(), t.set(n, r)), r;
+  }
+  getFloatDomInfo(e) {
+    return this._domLayerInfoMap.get(e);
+  }
+  _getSceneAndTransformerByDrawingSearch(e) {
+    if (e == null)
+      return;
+    const n = this._renderManagerService.getRenderById(e), t = n == null ? void 0 : n.scene;
+    if (n == null || t == null)
+      return null;
+    const r = t.getTransformerByCreate(), s = n.engine.getCanvasElement();
+    return { scene: t, transformer: r, renderObject: n, canvas: s };
+  }
+  _getFloatDomProps(e) {
+    let n;
+    return this._hooks.forEach((t) => {
+      n = t.onGetFloatDomProps(e);
+    }), n;
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _drawingAddListener() {
+    this.disposeWithMe(
+      // eslint-disable-next-line max-lines-per-function
+      this._drawingManagerService.add$.subscribe((e) => {
+        e.forEach((n) => {
+          var ut, ht, gt;
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = ce(this._univerInstanceService, { unitId: t, subUnitId: r }), d = this._drawingManagerService.getDrawingByParam(n), l = this._univerInstanceService.getUnit(t);
+          if (!l)
+            return;
+          const g = l.getActiveSheet().getSheetId();
+          if (!d || !o)
+            return;
+          const c = (ut = this._renderManagerService.getRenderById(t)) == null ? void 0 : ut.with(q).getWorksheetSkeleton(r);
+          if (!c)
+            return;
+          const { transform: a, drawingType: h, data: u } = d;
+          if (h !== k.DRAWING_DOM && h !== k.DRAWING_CHART)
+            return;
+          const m = this._getSceneAndTransformerByDrawingSearch(t);
+          if (m == null)
+            return;
+          const { scene: f, canvas: p } = m;
+          if (a == null)
+            return !0;
+          if (g !== r)
+            return;
+          const { left: I, top: S, width: v, height: R, angle: _, flipX: C, flipY: w, skewX: O, skewY: b } = a, A = ze({ unitId: t, subUnitId: r, drawingId: s }), E = f.getObject(A);
+          if (E != null) {
+            E.transformByState({ left: I, top: S, width: v, height: R, angle: _, flipX: C, flipY: w, skewX: O, skewY: b });
+            return;
+          }
+          const M = {
+            left: I,
+            top: S,
+            width: v,
+            height: R,
+            zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
+          }, D = h === k.DRAWING_CHART;
+          D && (M.fill = "white", M.rotateEnabled = !1, u && u.border && (M.stroke = u.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8);
+          const U = new wt(A, M);
+          D && U.setObjectType(Xn.CHART), f.addObject(U, Hn), d.allowTransform !== !1 && f.attachTransformerTo(U);
+          const L = this._ensureMap(t, r), Z = new bn(), un = Qe(U, m.renderObject, c.skeleton, o.worksheet), Fe = new mr(un), hn = {
+            dispose: Z,
+            rect: U,
+            position$: Fe,
+            unitId: t,
+            subUnitId: r
+          };
+          this._canvasFloatDomService.addFloatDom({
+            position$: Fe,
+            id: s,
+            componentKey: d.componentKey,
+            onPointerDown: (G) => {
+              p.dispatchEvent(new PointerEvent(G.type, G));
+            },
+            onPointerMove: (G) => {
+              p.dispatchEvent(new PointerEvent(G.type, G));
+            },
+            onPointerUp: (G) => {
+              p.dispatchEvent(new PointerEvent(G.type, G));
+            },
+            onWheel: (G) => {
+              p.dispatchEvent(new WheelEvent(G.type, G));
+            },
+            props: (gt = (ht = L.get(s)) == null ? void 0 : ht.props) != null ? gt : this._getFloatDomProps(s),
+            data: u,
+            unitId: t
+          });
+          const lt = U.onTransformChange$.subscribeEvent(() => {
+            const G = Qe(U, m.renderObject, c.skeleton, o.worksheet);
+            Fe.next(
+              G
+            );
+          });
+          Z.add(() => {
+            this._canvasFloatDomService.removeFloatDom(s);
+          }), lt && Z.add(lt), this._domLayerInfoMap.set(s, hn), L.set(s, {
+            ...L.get(s)
+          });
+        });
+      })
+    ), this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((e) => {
+        e.forEach((n) => {
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = ze({ unitId: t, subUnitId: r, drawingId: s }), d = this._getSceneAndTransformerByDrawingSearch(t);
+          if (d == null)
+            return;
+          const { transformer: l, scene: g } = d, c = g.getObject(o);
+          c != null && c.oKey && l.clearControlByIds([c == null ? void 0 : c.oKey]);
+        });
+      })
+    );
+  }
+  _scrollUpdateListener() {
+    const e = (n, t) => {
+      var g;
+      const r = this._getSceneAndTransformerByDrawingSearch(n), s = this._ensureMap(n, t), o = Array.from(s.keys()), d = ce(this._univerInstanceService, { unitId: n, subUnitId: t }), l = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(q).getWorksheetSkeleton(t);
+      !r || !d || !l || o.forEach((c) => {
+        const a = this._domLayerInfoMap.get(c);
+        if (a) {
+          const h = Qe(a.rect, r.renderObject, l.skeleton, d.worksheet);
+          a.position$.next(h);
+        }
+      });
+    };
+    this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(
+        ae((n) => !!n),
+        Ee((n) => {
+          const t = this._renderManagerService.getRenderById(n.getUnitId());
+          return t ? { render: t, unitId: n.getUnitId(), subUnitId: n.getActiveSheet().getSheetId() } : null;
+        }),
+        ae((n) => !!n),
+        fr(
+          (n) => yn(n.render.scene.getViewport(tr.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
+        )
+      ).subscribe(({ unitId: n, subUnitId: t }) => {
+        e(n, t);
+      })
+    ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
+      var t, r;
+      if (n.id === nr.id) {
+        const s = n.params, { unitId: o } = s;
+        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((l) => {
+          e(o, l);
+        });
+      } else if (n.id === Mr.id) {
+        const { unitId: s, subUnitId: o } = n.params;
+        e(s, o);
+      }
+    }));
+  }
+  _getPosition(e, n) {
+    var h;
+    const { startX: t, endX: r, startY: s, endY: o } = e, d = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(pe);
+    if (d == null)
+      return;
+    const l = d.getSelectionCellByPosition(t, s);
+    if (l == null)
+      return;
+    const g = {
+      column: l.actualColumn,
+      columnOffset: t - l.startX,
+      row: l.actualRow,
+      rowOffset: s - l.startY
+    }, c = d.getSelectionCellByPosition(r, o);
+    if (c == null)
+      return;
+    const a = {
+      column: c.actualColumn,
+      columnOffset: r - c.startX,
+      row: c.actualRow,
+      rowOffset: o - c.startY
+    };
+    return {
+      from: g,
+      to: a
+    };
+  }
+  _featureUpdateListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.update$.subscribe((e) => {
+        e.forEach((n) => {
+          const t = this._drawingManagerService.getDrawingByParam(n);
+          if (!t || t.drawingType !== k.DRAWING_DOM && t.drawingType !== k.DRAWING_CHART)
+            return;
+          const r = {
+            ...t.transform
+          };
+          this._transformChange$.next({ id: n.drawingId, value: r });
+        });
+      })
+    );
+  }
+  _deleteListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((e) => {
+        e.forEach((n) => {
+          this._removeDom(n.drawingId);
+        });
+      })
+    );
+  }
+  updateFloatDomProps(e, n, t, r) {
+    const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(e);
+    if (s && o) {
+      const { scene: d } = o, l = ze({ unitId: e, subUnitId: n, drawingId: t }), g = d.getObject(l);
+      g && g instanceof wt && g.setProps(r);
+    }
+  }
+  addFloatDomToPosition(e, n) {
+    const t = ce(this._univerInstanceService, {
+      unitId: e.unitId,
+      subUnitId: e.subUnitId
+    });
+    if (!t)
+      throw new Error("cannot find current target!");
+    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: d, data: l, allowTransform: g = !0 } = e, c = n != null ? n : On(), a = this._getPosition(o, r);
+    if (a == null)
+      return;
+    this._ensureMap(r, s).set(c, e);
+    const u = {
+      unitId: r,
+      subUnitId: s,
+      drawingId: c,
+      drawingType: e.type || k.DRAWING_DOM,
+      componentKey: d,
+      sheetTransform: a,
+      transform: {
+        left: o.startX,
+        top: o.startY,
+        width: o.endX - o.startX,
+        height: o.endY - o.startY
+      },
+      data: l,
+      allowTransform: g
+    };
+    return this._commandService.executeCommand(ke.id, {
+      unitId: r,
+      drawings: [u]
+    }), this._add$.next({ unitId: r, subUnitId: s, id: c }), {
+      id: c,
+      dispose: () => {
+        this._removeDom(c, !0);
+      }
+    };
+  }
+  _removeDom(e, n = !1) {
+    const t = this._domLayerInfoMap.get(e);
+    if (!t)
+      return;
+    const { unitId: r, subUnitId: s } = t;
+    this._domLayerInfoMap.delete(e), t.dispose.dispose();
+    const o = this._getSceneAndTransformerByDrawingSearch(r);
+    if (o && o.scene.removeObject(t.rect), n) {
+      this._ensureMap(r, s).delete(e);
+      const l = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: e });
+      if (!l)
+        return;
+      const g = this._sheetDrawingService.getBatchRemoveOp([l]), { redo: c, objects: a } = g;
+      this._commandService.syncExecuteCommand(P.id, { unitId: r, subUnitId: s, op: c, objects: a, type: T.REMOVE });
+    }
+  }
+  addHook(e) {
+    return this._hooks.push(e), {
+      dispose: () => {
+        const n = this._hooks.findIndex((t) => t === e);
+        this._hooks.splice(n, 1);
+      }
+    };
+  }
+};
+$e = zi([
+  se(0, x(J)),
+  se(1, fe),
+  se(2, x(W)),
+  se(3, K),
+  se(4, x(hr)),
+  se(5, F),
+  se(6, x(Dn))
+], $e);
+var dn = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, Zi = (i, e, n) => e in i ? dn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, qi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ji(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && dn(e, n, r), r;
+}, et = (i, e) => (n, t) => e(n, t, i), ln = (i, e, n) => Zi(i, typeof e != "symbol" ? e + "" : e, n);
+const Qi = "SHEET_IMAGE_UI_PLUGIN";
+let Be = class extends Tn {
+  constructor(i = Pr, e, n, t) {
+    super(), this._config = i, this._injector = e, this._renderManagerService = n, this._configService = t;
+    const { menu: r, ...s } = this._config;
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Or, s);
   }
   onStarting() {
-    registerDependencies(this._injector, [
-      [SheetCanvasFloatDomManagerService],
-      [SheetDrawingUIController],
-      [DrawingPopupMenuController],
-      [SheetDrawingPrintingController],
-      [SheetDrawingPermissionController],
-      [SheetsDrawingCopyPasteController]
-    ]), touchDependencies(this._injector, [
-      [SheetCanvasFloatDomManagerService]
+    En(this._injector, [
+      [$e],
+      [Ne],
+      [Ue],
+      [Le],
+      [xe],
+      [je]
+    ]), Xe(this._injector, [
+      [$e]
     ]);
   }
   onReady() {
-    touchDependencies(this._injector, [
-      [SheetsDrawingCopyPasteController]
+    Xe(this._injector, [
+      [je]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), touchDependencies(this._injector, [
-      [SheetDrawingPermissionController],
-      [SheetDrawingPrintingController],
-      [SheetDrawingUIController]
+    this._registerRenderModules(), Xe(this._injector, [
+      [xe],
+      [Le],
+      [Ne]
     ]);
   }
   onSteady() {
-    this._injector.get(DrawingPopupMenuController);
+    this._injector.get(Ue);
   }
   _registerRenderModules() {
     [
-      [SheetDrawingUpdateController],
-      [SheetDrawingTransformAffectedController],
-      [SheetsDrawingRenderController]
-    ].forEach((m) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, m));
+      [Ae],
+      [ot],
+      [st]
+    ].forEach((i) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(Y.UNIVER_SHEET, i));
     });
   }
-}, __name(_a9, "UniverSheetsDrawingUIPlugin"), _a9);
-__publicField2(UniverSheetsDrawingUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
-__publicField2(UniverSheetsDrawingUIPlugin, "pluginName", PLUGIN_NAME);
-UniverSheetsDrawingUIPlugin = __decorateClass([
-  DependentOn(UniverDrawingPlugin, UniverDrawingUIPlugin, UniverSheetsDrawingPlugin),
-  __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IRenderManagerService),
-  __decorateParam(3, IConfigService)
-], UniverSheetsDrawingUIPlugin);
+};
+ln(Be, "type", Y.UNIVER_SHEET);
+ln(Be, "pluginName", Qi);
+Be = qi([
+  Pn(xn, kn, Kn),
+  et(1, x(Ct)),
+  et(2, J),
+  et(3, Un)
+], Be);
 export {
-  ClearSheetDrawingTransformerOperation,
-  DeleteDrawingsCommand,
-  EditSheetDrawingOperation,
-  GroupSheetDrawingCommand,
-  IMAGE_MENU_ID,
-  InsertFloatImageCommand,
-  InsertSheetDrawingCommand,
-  MoveDrawingsCommand,
-  RemoveSheetDrawingCommand,
-  SetDrawingArrangeCommand,
-  SetSheetDrawingCommand,
-  SheetCanvasFloatDomManagerService,
-  SidebarSheetDrawingOperation,
-  UngroupSheetDrawingCommand,
-  UniverSheetsDrawingUIPlugin
+  j as ClearSheetDrawingTransformerOperation,
+  tn as DeleteDrawingsCommand,
+  Kt as EditSheetDrawingOperation,
+  nn as GroupSheetDrawingCommand,
+  an as IMAGE_MENU_ID,
+  dt as InsertFloatImageCommand,
+  ke as InsertSheetDrawingCommand,
+  we as MoveDrawingsCommand,
+  Ge as RemoveSheetDrawingCommand,
+  rn as SetDrawingArrangeCommand,
+  Ye as SetSheetDrawingCommand,
+  $e as SheetCanvasFloatDomManagerService,
+  zt as SidebarSheetDrawingOperation,
+  sn as UngroupSheetDrawingCommand,
+  Be as UniverSheetsDrawingUIPlugin
 };