@univerjs/sheets-drawing-ui 0.7.0-nightly.202505071607 → 0.7.0-nightly.202505091607

package/lib/es/index.js

@@ -1,21 +1,21 @@
 var Nr = Object.defineProperty;
 var kr = (i, t, e) => t in i ? Nr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var te = (i, t, e) => kr(i, typeof t != "symbol" ? t + "" : t, e);
-import { CommandType as J, ICommandService as G, IUndoRedoService as Le, sequenceExecute as Ln, LocaleService as nt, IUniverInstanceService as Se, Inject as A, Injector as Ye, IContextService as Yn, IImageIoService as Wr, RxDisposable as jr, UniverInstanceType as F, FOCUSING_COMMON_DRAWINGS as xe, DrawingTypeEnum as j, Disposable as ie, ArrangeTypeEnum as pt, createDocumentModelWithStyle as Ht, ObjectRelativeFromV as pn, ObjectRelativeFromH as wn, WrapTextType as _n, PositionedObjectLayoutType as vn, BooleanNumber as Sn, BuildTextUtils as zt, ImageSourceType as In, generateRandomId as bt, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as qe, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Br, ObjectMatrix as $r, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as xr, Tools as Re, IPermissionService as Fr, UserManagerService as Lr, LifecycleService as Yr, LifecycleStages as Gr, DisposableCollection as wt, fromEventSubject as Xr, PRINT_CHART_COMPONENT_KEY as Vr, Rectangle as Hr, Direction as ve, FOCUSING_FX_BAR_EDITOR as zr, EDITOR_ACTIVATED as Kr, FOCUSING_PANEL_EDITOR as Zr, DependentOn as Jr, IConfigService as qr, Plugin as Qr, merge as ei, registerDependencies as ti, touchDependencies as Ft } from "@univerjs/core";
+import { CommandType as J, ICommandService as G, IUndoRedoService as Le, sequenceExecute as Ln, LocaleService as nt, IUniverInstanceService as Se, Inject as A, Injector as Ye, IContextService as Yn, IImageIoService as Wr, RxDisposable as jr, UniverInstanceType as x, FOCUSING_COMMON_DRAWINGS as xe, DrawingTypeEnum as j, Disposable as ie, ArrangeTypeEnum as pt, createDocumentModelWithStyle as Ht, ObjectRelativeFromV as pn, ObjectRelativeFromH as wn, WrapTextType as _n, PositionedObjectLayoutType as vn, BooleanNumber as Sn, BuildTextUtils as zt, ImageSourceType as In, generateRandomId as bt, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as qe, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Br, ObjectMatrix as $r, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as xr, Tools as Re, IPermissionService as Fr, UserManagerService as Lr, LifecycleService as Yr, LifecycleStages as Gr, DisposableCollection as wt, fromEventSubject as Xr, PRINT_CHART_COMPONENT_KEY as Vr, Rectangle as Hr, Direction as ve, FOCUSING_FX_BAR_EDITOR as zr, EDITOR_ACTIVATED as Kr, FOCUSING_PANEL_EDITOR as Zr, DependentOn as Jr, IConfigService as qr, Plugin as Qr, merge as ei, registerDependencies as ti, touchDependencies as Ft } from "@univerjs/core";
 import { DocDrawingController as ni, UniverDocsDrawingPlugin as ri } from "@univerjs/docs-drawing";
 import { SetDrawingSelectedOperation as Nt, IDrawingManagerService as se, IImageIoService as ii, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Cn, DRAWING_IMAGE_COUNT_LIMIT as Dn, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as bn, getImageSize as Lt, DRAWING_IMAGE_WIDTH_LIMIT as Rn, DRAWING_IMAGE_HEIGHT_LIMIT as Mn, ImageSourceType as si, getDrawingShapeKeyByDrawingSearch as Ie, UniverDrawingPlugin as oi } from "@univerjs/drawing";
 import { ImageCropperObject as ai, COMPONENT_IMAGE_POPUP_MENU as ci, OpenImageCropOperation as di, ImageResetSizeOperation as li, DrawingRenderService as Gn, DrawingCommonPanel as ui, UniverDrawingUIPlugin as hi } from "@univerjs/drawing-ui";
 import { IRenderManagerService as q, CURSOR_TYPE as gi, precisionTo as _t, transformObjectOutOfGroup as fi, getGroupState as mi, getCurrentTypeOfRenderer as on, RENDER_CLASS_TYPE as Ae, Rect as Ne, ObjectType as yn, DRAWING_OBJECT_LAYER_INDEX as Yt, SHEET_VIEWPORT_KEY as Xn } from "@univerjs/engine-render";
 import { ISheetDrawingService as oe, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as pi } from "@univerjs/sheets-drawing";
-import { MessageType as we, render as wi, unmount as _i, RadioGroup as vi, Radio as Gt } from "@univerjs/design";
-import { SheetCanvasPopManagerService as Si, HoverManagerService as Ii, SheetSkeletonManagerService as V, convertPositionSheetOverGridToAbsolute as Ci, ISheetSelectionRenderService as Ge, attachRangeWithCoord as Vn, IEditorBridgeService as Di, IAutoFillService as bi, EditingRenderController as Ri, SetCellEditVisibleOperation as En, PREDEFINED_HOOK_NAME as $e, COPY_TYPE as Ce, discreteRangeToRange as Tn, virtualizeDiscreteRanges as Mi, ISheetClipboardService as yi, SetZoomRatioOperation as On, SetScrollOperation as Ei, SheetPrintInterceptorService as Ti, getCurrentRangeDisable$ as Oi } from "@univerjs/sheets-ui";
-import { ISidebarService as Ui, IMessageService as Hn, ILocalFileService as Pi, IDialogService as Ai, IClipboardInterfaceService as Ni, CanvasFloatDomService as ki, PrintFloatDomSingle as Wi, ComponentManager as zn, connectInjector as ji, getMenuHiddenObservable as an, MenuItemType as cn, useDependency as Qe, RibbonStartGroup as Bi, KeyCode as Fe, IMenuManagerService as $i, IShortcutService as xi } from "@univerjs/ui";
-import { takeUntil as Un, throttleTime as Fi, combineLatest as vt, switchMap as _e, EMPTY as me, tap as Pn, map as Me, distinctUntilChanged as An, Subject as Xt, filter as Li, take as Yi, BehaviorSubject as je, of as Nn } from "rxjs";
-import { SheetInterceptorService as kt, getSheetCommandTarget as ae, SheetsSelectionsService as dn, SetRangeValuesCommand as kn, INTERCEPTOR_POINT as Gi, InterceptCellContentPriority as Xi, WorkbookViewPermission as Wn, WorksheetViewPermission as jn, WorkbookEditablePermission as Kt, WorksheetEditPermission as Zt, SetFrozenMutation as Vi, SetWorksheetRowAutoHeightMutation as Hi, COMMAND_LISTENER_SKELETON_CHANGE as zi, InsertRowCommand as Kn, InsertColCommand as Zn, RemoveRowCommand as Jn, RemoveColCommand as qn, DeleteRangeMoveLeftCommand as Qn, DeleteRangeMoveUpCommand as er, InsertRangeMoveDownCommand as tr, InsertRangeMoveRightCommand as nr, DeltaRowHeightCommand as Jt, SetRowHeightCommand as qt, DeltaColumnWidthCommand as rr, SetColWidthCommand as ir, SetRowHiddenCommand as sr, SetSpecificRowsVisibleCommand as or, SetSpecificColsVisibleCommand as ar, SetColHiddenCommand as cr, MoveColsCommand as dr, MoveRowsCommand as lr, MoveRangeCommand as ur, SetRowVisibleMutation as Ki, SetRowHiddenMutation as Zi, SetColVisibleMutation as Ji, SetColHiddenMutation as qi, SetWorksheetRowHeightMutation as Qi, SetWorksheetColWidthMutation as es, SetWorksheetActiveOperation as ts, RangeProtectionPermissionEditPoint as ns } from "@univerjs/sheets";
-import { docDrawingPositionToTransform as Bn, ReplaceSnapshotCommand as rs, InnerPasteCommand as is } from "@univerjs/docs-ui";
+import { MessageType as we, render as wi, unmount as _i, clsx as vi, RadioGroup as Si, Radio as Gt, borderTopClassName as Ii } from "@univerjs/design";
+import { SheetCanvasPopManagerService as Ci, HoverManagerService as Di, SheetSkeletonManagerService as V, convertPositionSheetOverGridToAbsolute as bi, ISheetSelectionRenderService as Ge, attachRangeWithCoord as Vn, IEditorBridgeService as Ri, IAutoFillService as Mi, EditingRenderController as yi, SetCellEditVisibleOperation as En, PREDEFINED_HOOK_NAME as $e, COPY_TYPE as Ce, discreteRangeToRange as Tn, virtualizeDiscreteRanges as Ei, ISheetClipboardService as Ti, SetZoomRatioOperation as On, SetScrollOperation as Oi, SheetPrintInterceptorService as Ui, getCurrentRangeDisable$ as Pi } from "@univerjs/sheets-ui";
+import { ISidebarService as Ai, IMessageService as Hn, ILocalFileService as Ni, IDialogService as ki, IClipboardInterfaceService as Wi, CanvasFloatDomService as ji, PrintFloatDomSingle as Bi, ComponentManager as zn, connectInjector as $i, getMenuHiddenObservable as an, MenuItemType as cn, useDependency as Qe, RibbonStartGroup as xi, KeyCode as Fe, IMenuManagerService as Fi, IShortcutService as Li } from "@univerjs/ui";
+import { takeUntil as Un, throttleTime as Yi, combineLatest as vt, switchMap as _e, EMPTY as me, tap as Pn, map as Me, distinctUntilChanged as An, Subject as Xt, filter as Gi, take as Xi, BehaviorSubject as je, of as Nn } from "rxjs";
+import { SheetInterceptorService as kt, getSheetCommandTarget as ae, SheetsSelectionsService as dn, SetRangeValuesCommand as kn, INTERCEPTOR_POINT as Vi, InterceptCellContentPriority as Hi, WorkbookViewPermission as Wn, WorksheetViewPermission as jn, WorkbookEditablePermission as Kt, WorksheetEditPermission as Zt, SetFrozenMutation as zi, SetWorksheetRowAutoHeightMutation as Ki, COMMAND_LISTENER_SKELETON_CHANGE as Zi, InsertRowCommand as Kn, InsertColCommand as Zn, RemoveRowCommand as Jn, RemoveColCommand as qn, DeleteRangeMoveLeftCommand as Qn, DeleteRangeMoveUpCommand as er, InsertRangeMoveDownCommand as tr, InsertRangeMoveRightCommand as nr, DeltaRowHeightCommand as Jt, SetRowHeightCommand as qt, DeltaColumnWidthCommand as rr, SetColWidthCommand as ir, SetRowHiddenCommand as sr, SetSpecificRowsVisibleCommand as or, SetSpecificColsVisibleCommand as ar, SetColHiddenCommand as cr, MoveColsCommand as dr, MoveRowsCommand as lr, MoveRangeCommand as ur, SetRowVisibleMutation as Ji, SetRowHiddenMutation as qi, SetColVisibleMutation as Qi, SetColHiddenMutation as es, SetWorksheetRowHeightMutation as ts, SetWorksheetColWidthMutation as ns, SetWorksheetActiveOperation as rs, RangeProtectionPermissionEditPoint as is } from "@univerjs/sheets";
+import { docDrawingPositionToTransform as Bn, ReplaceSnapshotCommand as ss, InnerPasteCommand as os } from "@univerjs/docs-ui";
 import { jsx as Z, jsxs as Qt } from "react/jsx-runtime";
-import { useMemo as ss, forwardRef as hr, useRef as os, createElement as gr, useState as en, useEffect as fr } from "react";
-const as = "sheets-drawing-ui.config", $n = {}, L = {
+import { useMemo as as, forwardRef as hr, useRef as cs, createElement as gr, useState as en, useEffect as fr } from "react";
+const ds = "sheets-drawing-ui.config", $n = {}, L = {
   id: "sheet.operation.clear-drawing-transformer",
   type: J.MUTATION,
   handler: (i, t) => {
@@ -29,7 +29,7 @@ const as = "sheets-drawing-ui.config", $n = {}, L = {
   id: "sheet.command.remove-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    var S, C, b;
+    var S, I, b;
     const e = i.get(G), n = i.get(Le), r = i.get(kt), s = i.get(oe);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
@@ -41,7 +41,7 @@ const as = "sheets-drawing-ui.config", $n = {}, L = {
     return Ln([...(S = m.preRedos) != null ? S : [], p, ...m.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
-        ...(C = m.preUndos) != null ? C : [],
+        ...(I = m.preUndos) != null ? I : [],
         f,
         ...m.undos,
         { id: L.id, params: a }
@@ -58,7 +58,7 @@ const as = "sheets-drawing-ui.config", $n = {}, L = {
   id: "sidebar.operation.sheet-image",
   type: J.COMMAND,
   handler: async (i, t) => {
-    const e = i.get(Ui), n = i.get(nt), r = i.get(Se), s = i.get(G);
+    const e = i.get(Ai), n = i.get(nt), r = i.get(Se), s = i.get(G);
     if (!ae(r)) return !1;
     switch (t.value) {
       case "open":
@@ -86,8 +86,8 @@ const as = "sheets-drawing-ui.config", $n = {}, L = {
     return t == null ? !1 : (e.syncExecuteCommand(Nt.id, [t]), e.executeCommand(pr.id, { value: "open" }), !0);
   }
 };
-var cs = Object.getOwnPropertyDescriptor, ds = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? cs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ls = Object.getOwnPropertyDescriptor, us = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ls(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, de = (i, t) => (e, n) => t(e, n, i);
@@ -98,7 +98,7 @@ let Rt = class extends jr {
     this._injector = t, this._localeService = e, this._drawingManagerService = n, this._canvasPopManagerService = r, this._renderManagerService = s, this._univerInstanceService = o, this._messageService = a, this._contextService = d, this._ioService = u, this._commandService = c, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(Un(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(Un(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((t) => this._create(t)), this._setupLoadingStatus();
+    this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET).pipe(Un(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(x.UNIVER_SHEET).pipe(Un(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(x.UNIVER_SHEET).forEach((t) => this._create(t)), this._setupLoadingStatus();
   }
   _setupLoadingStatus() {
     const t = "image-upload-loading";
@@ -215,11 +215,11 @@ let Rt = class extends jr {
     ];
   }
 };
-Rt = ds([
+Rt = us([
   de(0, A(Ye)),
   de(1, A(nt)),
   de(2, se),
-  de(3, A(Si)),
+  de(3, A(Ci)),
   de(4, q),
   de(5, Se),
   de(6, Hn),
@@ -227,8 +227,8 @@ Rt = ds([
   de(8, Wr),
   de(9, G)
 ], Rt);
-var ls = Object.getOwnPropertyDescriptor, us = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ls(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var hs = Object.getOwnPropertyDescriptor, gs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, St = (i, t) => (e, n) => t(e, n, i);
@@ -239,7 +239,7 @@ let tn = class extends ie {
     this._context = t, this._hoverManagerService = e, this._selectionsService = n, this._drawingRenderService = r, this._sheetSkeletonManagerService = s, this._initHover(), this._initImageClick();
   }
   _initHover() {
-    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Fi(33)).subscribe((t) => {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Yi(33)).subscribe((t) => {
       var n, r;
       let e = [];
       t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(gi.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
@@ -256,8 +256,8 @@ let tn = class extends ie {
     }));
   }
 };
-tn = us([
-  St(1, A(Ii)),
+tn = gs([
+  St(1, A(Di)),
   St(2, A(dn)),
   St(3, A(Gn)),
   St(4, A(V))
@@ -266,7 +266,7 @@ function z(i, t, e) {
   const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: u = 0 } = i, c = e.getCurrent();
   if (c == null)
     return;
-  const l = Ci(
+  const l = bi(
     c.unitId,
     c.sheetId,
     { from: n, to: r },
@@ -286,7 +286,7 @@ function z(i, t, e) {
     height: p
   };
 }
-function x(i, t) {
+function $(i, t) {
   const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: c = 0 } = i, l = t.getCellWithCoordByOffset(e, n);
   if (l == null)
     return;
@@ -314,8 +314,8 @@ function x(i, t) {
     to: m
   };
 }
-var hs = Object.getOwnPropertyDescriptor, gs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var fs = Object.getOwnPropertyDescriptor, ms = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? fs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, It = (i, t) => (e, n) => t(e, n, i);
@@ -333,19 +333,19 @@ let nn = class extends ie {
       const e = i[t];
       for (const n in e.data) {
         const r = e.data[n];
-        r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+        r.sheetTransform && (r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService));
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-nn = gs([
+nn = ms([
   It(1, oe),
   It(2, se),
   It(3, A(Ge)),
   It(4, A(V))
 ], nn);
-function fs(i) {
+function ps(i) {
   const t = [];
   return i.forEach((e) => {
     const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = mi(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
@@ -374,7 +374,7 @@ function fs(i) {
     });
   }), t;
 }
-function ms(i) {
+function ws(i) {
   const t = [];
   return i.forEach((e) => {
     const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a, transform: d = { width: 0, height: 0 } } = n;
@@ -421,7 +421,7 @@ const _r = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.GROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ms(l), type: U.UNGROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ws(l), type: U.UNGROUP } },
         { id: L.id, params: s }
       ],
       redoMutations: [
@@ -434,14 +434,14 @@ const _r = {
   id: "sheet.command.insert-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    var S, C, b;
+    var S, I, b;
     const e = i.get(G), n = i.get(Le), r = i.get(oe), s = i.get(kt);
     if (!t) return !1;
     const o = t.drawings, a = o.map((v) => v.unitId), d = r.getBatchAddOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, m = s.onCommandExecute({ id: Wt.id, params: t }), p = { id: P.id, params: { op: g, unitId: u, subUnitId: c, objects: h, type: U.INSERT } }, f = { id: P.id, params: { op: l, unitId: u, subUnitId: c, objects: h, type: U.REMOVE } };
     return Ln([...(S = m.preRedos) != null ? S : [], p, ...m.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
-        ...(C = m.preUndos) != null ? C : [],
+        ...(I = m.preUndos) != null ? I : [],
         f,
         ...m.undos,
         { id: L.id, params: a }
@@ -510,7 +510,7 @@ const _r = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.UNGROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: fs(l), type: U.GROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ps(l), type: U.GROUP } },
         { id: L.id, params: s }
       ],
       redoMutations: [
@@ -520,18 +520,18 @@ const _r = {
     }), !0) : !1;
   }
 };
-var ps = Object.getOwnPropertyDescriptor, ws = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ps(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var _s = Object.getOwnPropertyDescriptor, vs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? _s(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, ne = (i, t) => (e, n) => t(e, n, i);
-function _s(i, t, e) {
+function Ss(i, t, e) {
   const n = e * Math.PI / 180, r = Math.abs(i * Math.cos(n)) + Math.abs(t * Math.sin(n)), s = Math.abs(i * Math.sin(n)) + Math.abs(t * Math.cos(n));
   return { rotatedWidth: r, rotatedHeight: s };
 }
 function rn(i, t, e, n, r) {
   var S;
-  const { rotatedHeight: s, rotatedWidth: o } = _s(e, n, r), d = i.get(q).getRenderById(t.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = Ss(e, n, r), d = i.get(q).getRenderById(t.unitId);
   if (!d)
     return !1;
   const c = (S = d.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
@@ -574,14 +574,14 @@ let et = class extends ie {
     try {
       e = await this._imageIoService.saveImage(t);
     } catch (S) {
-      const C = S.message;
-      C === Pe.ERROR_EXCEED_SIZE ? this._messageService.show({
+      const I = S.message;
+      I === Pe.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: we.Error,
         content: this._localeService.t("update-status.exceedMaxSize", String(bn / (1024 * 1024)))
-      }) : C === Pe.ERROR_IMAGE_TYPE ? this._messageService.show({
+      }) : I === Pe.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: we.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : C === Pe.ERROR_IMAGE && this._messageService.show({
+      }) : I === Pe.ERROR_IMAGE && this._messageService.show({
         type: we.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
@@ -592,8 +592,8 @@ let et = class extends ie {
     this._imageIoService.addImageSourceCache(d, a, g);
     let p = 1;
     if (c > Rn || l > Mn) {
-      const S = Rn / c, C = Mn / l;
-      p = Math.max(S, C);
+      const S = Rn / c, I = Mn / l;
+      p = Math.max(S, I);
     }
     const f = this._getImagePosition(c * p, l * p, h, m);
     if (f == null)
@@ -619,8 +619,8 @@ let et = class extends ie {
     let n;
     try {
       n = await this._imageIoService.saveImage(t);
-    } catch (C) {
-      const b = C.message;
+    } catch (I) {
+      const b = I.message;
       b === Pe.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: we.Error,
         content: this._localeService.t("update-status.exceedMaxSize", String(bn / (1024 * 1024)))
@@ -851,7 +851,7 @@ let et = class extends ie {
         const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
         if (u == null || u.unitId !== this._context.unitId)
           return;
-        const c = x({ ...u.transform, ...d }, this._selectionRenderService);
+        const c = $({ ...u.transform, ...d }, this._selectionRenderService);
         if (c == null)
           return;
         const l = {
@@ -883,12 +883,12 @@ let et = class extends ie {
     );
   }
 };
-et = ws([
+et = vs([
   ne(1, A(V)),
   ne(2, G),
   ne(3, Ge),
   ne(4, ii),
-  ne(5, Pi),
+  ne(5, Ni),
   ne(6, oe),
   ne(7, se),
   ne(8, Yn),
@@ -897,8 +897,8 @@ et = ws([
   ne(11, A(dn)),
   ne(12, A(Ye))
 ], et);
-var vs = Object.getOwnPropertyDescriptor, Ss = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? vs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Is = Object.getOwnPropertyDescriptor, Cs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Is(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, ke = (i, t) => (e, n) => t(e, n, i);
@@ -930,16 +930,16 @@ let Mt = class extends ie {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
       i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(qe), this._docDrawingController.loadDrawingDataForUnit(qe), this._drawingManagerService.initializeNotification(qe)) : this._drawingManagerService.removeDrawingDataForUnit(qe);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === rs.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
+      i.id === ss.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Gi.CELL_CONTENT,
+        Vi.CELL_CONTENT,
         {
           effect: Br.Style,
-          priority: Xi.CELL_IMAGE,
+          priority: Hi.CELL_IMAGE,
           handler: (i, t, e) => {
             var n;
             return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Ir(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
@@ -949,16 +949,16 @@ let Mt = class extends ie {
     );
   }
 };
-Mt = Ss([
+Mt = Cs([
   ke(0, G),
   ke(1, A(kt)),
   ke(2, A(Ye)),
   ke(3, se),
   ke(4, A(ni)),
-  ke(5, A(Di))
+  ke(5, A(Ri))
 ], Mt);
-var Is = Object.getOwnPropertyDescriptor, Cs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Is(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Ds = Object.getOwnPropertyDescriptor, bs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ds(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, xn = (i, t) => (e, n) => t(e, n, i);
@@ -979,16 +979,16 @@ let yt = class extends ie {
     );
   }
 };
-yt = Cs([
-  xn(0, A(bi)),
+yt = bs([
+  xn(0, A(Mi)),
   xn(1, A(Ye))
 ], yt);
-var Ds = Object.getOwnPropertyDescriptor, bs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ds(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Rs = Object.getOwnPropertyDescriptor, Ms = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Rs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, ze = (i, t) => (e, n) => t(e, n, i);
-const Rs = [
+const ys = [
   qe,
   xr,
   Be
@@ -999,7 +999,7 @@ let Et = class extends ie {
   }
   _setCellImage(i) {
     var r;
-    const t = Ht("", {}), e = (r = on(F.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Ri), n = zt.drawing.add({
+    const t = Ht("", {}), e = (r = on(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(yi), n = zt.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1014,12 +1014,12 @@ let Et = class extends ie {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
-        if (i.id === is.id) {
-          const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(F.UNIVER_DOC);
+        if (i.id === os.id) {
+          const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(x.UNIVER_DOC);
           if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
             return;
           const o = s.getUnitId();
-          if (Rs.includes(o)) {
+          if (ys.includes(o)) {
             if (o !== Be) {
               const a = () => {
                 this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(En.id, {
@@ -1055,10 +1055,10 @@ let Et = class extends ie {
     );
   }
 };
-Et = bs([
+Et = Ms([
   ze(0, G),
   ze(1, Se),
-  ze(2, Ai),
+  ze(2, ki),
   ze(3, q),
   ze(4, A(nt))
 ], Et);
@@ -1068,7 +1068,7 @@ const Bt = {
   handler: async (i, t) => {
     var o, a;
     const e = i.get(Se), n = i.get(q), r = (o = on(
-      F.UNIVER_SHEET,
+      x.UNIVER_SHEET,
       e,
       n
     )) == null ? void 0 : o.with(et);
@@ -1088,31 +1088,31 @@ const Bt = {
     var n, r;
     const t = i.get(Se), e = i.get(q);
     return (r = (n = on(
-      F.UNIVER_SHEET,
+      x.UNIVER_SHEET,
       t,
       e
     )) == null ? void 0 : n.with(et).insertCellImage()) != null ? r : !1;
   }
 };
-var Ms = Object.getOwnPropertyDescriptor, ys = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ms(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Es = Object.getOwnPropertyDescriptor, Ts = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Es(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ke = (i, t) => (e, n) => t(e, n, i);
 const Cr = "image/png";
-function Es(i) {
+function Os(i) {
   const t = i.split(","), e = atob(t[1]), n = e.length, r = new Uint8Array(n);
   for (let s = 0; s < n; s++)
     r[s] = e.charCodeAt(s);
   return new Blob([r], { type: Cr });
 }
-function Ts(i) {
-  const t = new ClipboardItem({ [Cr]: Es(i) });
+function Us(i) {
+  const t = new ClipboardItem({ [Cr]: Os(i) });
   navigator.clipboard.write([t]).catch((e) => {
     console.error("Could not copy image using clipboard API: ", e);
   });
 }
-function Os() {
+function Ps() {
   function i() {
     const n = document.createElement("input");
     return n.style.position = "absolute", n.style.height = "1px", n.style.width = "1px", n.style.opacity = "0", n;
@@ -1153,8 +1153,8 @@ let Tt = class extends ie {
             this._commandService.executeCommand(rt.id, d);
           }
           setTimeout(() => {
-            const d = Os();
-            o.drawingType === j.DRAWING_IMAGE && o.imageSourceType === si.BASE64 ? Ts(o.source) : this._clipboardInterfaceService.writeText(""), d();
+            const d = Ps();
+            o.drawingType === j.DRAWING_IMAGE && o.imageSourceType === si.BASE64 ? Us(o.source) : this._clipboardInterfaceService.writeText(""), d();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1207,11 +1207,11 @@ let Tt = class extends ie {
       const m = c[h], { transform: p } = m;
       if (m.anchorType !== O.Both || !p)
         return;
-      const { left: f = 0, top: _ = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: D, drawingEndY: w } = {
+      const { left: f = 0, top: _ = 0, width: S = 0, height: I = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: D, drawingEndY: w } = {
         drawingStartX: f,
         drawingEndX: f + S,
         drawingStartY: _,
-        drawingEndY: _ + C
+        drawingEndY: _ + I
       };
       o <= b && v <= a && d <= D && w <= u && l.push(m);
     }), l.length)
@@ -1248,7 +1248,7 @@ let Tt = class extends ie {
         };
         return {
           transform: _,
-          sheetTransform: (S = x(_, c)) != null ? S : p
+          sheetTransform: (S = $(_, c)) != null ? S : p
         };
       }
     });
@@ -1322,30 +1322,30 @@ let Tt = class extends ie {
         pasteTo: { unitId: n, subUnitId: r, range: Tn(o) },
         pasteType: s
       }, d);
-    const { ranges: [l, g], mapFunc: h } = Mi([a, o]), { row: m, col: p } = h(l.startRow, l.startColumn), { row: f, col: _ } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
+    const { ranges: [l, g], mapFunc: h } = Ei([a, o]), { row: m, col: p } = h(l.startRow, l.startColumn), { row: f, col: _ } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
       startRow: m,
       endRow: m,
       startColumn: p,
       endColumn: p
-    }), C = u.attachRangeWithCoord({
+    }), I = u.attachRangeWithCoord({
       startRow: f,
       endRow: f,
       startColumn: _,
       endColumn: _
     });
-    if (!S || !C || !this._copyInfo)
+    if (!S || !I || !this._copyInfo)
       return { redos: [], undos: [] };
-    const b = C.startX - S.startX, v = C.startY - S.startY, D = f - m, w = _ - p;
+    const b = I.startX - S.startX, v = I.startY - S.startY, D = f - m, w = _ - p;
     return this._generateMutations(c, {
       unitId: n,
       subUnitId: r,
-      getTransform: (I, E) => {
+      getTransform: (C, E) => {
         var T, M;
         return {
           transform: {
-            ...I,
-            left: ((T = I == null ? void 0 : I.left) != null ? T : 0) + b,
-            top: ((M = I == null ? void 0 : I.top) != null ? M : 0) + v
+            ...C,
+            left: ((T = C == null ? void 0 : C.left) != null ? T : 0) + b,
+            top: ((M = C == null ? void 0 : C.top) != null ? M : 0) + v
           },
           sheetTransform: {
             ...E,
@@ -1366,15 +1366,15 @@ let Tt = class extends ie {
     });
   }
 };
-Tt = ys([
-  Ke(0, yi),
+Tt = Ts([
+  Ke(0, Ti),
   Ke(1, q),
   Ke(2, se),
-  Ke(3, Ni),
+  Ke(3, Wi),
   Ke(4, G)
 ], Tt);
-var Us = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Us(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var As = Object.getOwnPropertyDescriptor, Ns = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? As(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ze = (i, t) => (e, n) => t(e, n, i);
@@ -1383,7 +1383,7 @@ let Ot = class extends ie {
     super(), this._drawingManagerService = i, this._renderManagerService = t, this._permissionService = e, this._univerInstanceService = n, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = vt([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = vt([i, t]);
     this.disposeWithMe(
       e.pipe(
         _e(([n, r]) => n ? n.activeSheet$.pipe(
@@ -1412,7 +1412,7 @@ let Ot = class extends ie {
     });
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = vt([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = vt([i, t]);
     this.disposeWithMe(
       e.pipe(
         _e(([n, r]) => n ? n.activeSheet$.pipe(
@@ -1441,7 +1441,7 @@ let Ot = class extends ie {
     });
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
       vt([i, t]).pipe(
         _e(([e, n]) => e ? e.activeSheet$.pipe(
@@ -1479,7 +1479,7 @@ let Ot = class extends ie {
         },
         complete: () => {
           this._drawingManagerService.setDrawingVisible(!0);
-          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET), n = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = n == null ? void 0 : n.getSheetId();
+          const e = this._univerInstanceService.getCurrentUnitForType(x.UNIVER_SHEET), n = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = n == null ? void 0 : n.getSheetId();
           if (!r || !s)
             return;
           const o = this._drawingManagerService.getDrawingData(r, s), a = Object.values(o);
@@ -1489,7 +1489,7 @@ let Ot = class extends ie {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
       vt([i, t]).pipe(
         _e(([e, n]) => e ? e.activeSheet$.pipe(
@@ -1528,7 +1528,7 @@ let Ot = class extends ie {
           }), r.clearSelectedObjects());
         },
         complete: () => {
-          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
+          const e = this._univerInstanceService.getCurrentUnitForType(x.UNIVER_SHEET);
           if (!e)
             return;
           const n = e.getUnitId(), r = e.getActiveSheet();
@@ -1546,15 +1546,15 @@ let Ot = class extends ie {
     );
   }
 };
-Ot = Ps([
+Ot = Ns([
   Ze(0, se),
   Ze(1, q),
   Ze(2, Fr),
   Ze(3, Se),
   Ze(4, A(Lr))
 ], Ot);
-var As = Object.getOwnPropertyDescriptor, Ns = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? As(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ks = Object.getOwnPropertyDescriptor, Ws = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, De = (i, t) => (e, n) => t(e, n, i);
@@ -1570,18 +1570,18 @@ function Dr(i, t, e, n, r, s = !1) {
       absolute: m
     };
   const { left: p, right: f, top: _, bottom: S } = i;
-  let { top: C, left: b, viewportScrollX: v, viewportScrollY: D } = d;
-  const { boundsOfViewArea: w, scrollDirectionResponse: y } = r || {}, { rowHeaderWidth: I, columnHeaderHeight: E } = e, T = {
+  let { top: I, left: b, viewportScrollX: v, viewportScrollY: D } = d;
+  const { boundsOfViewArea: w, scrollDirectionResponse: y } = r || {}, { rowHeaderWidth: C, columnHeaderHeight: E } = e, T = {
     top: s ? 0 : E,
-    left: s ? 0 : I
+    left: s ? 0 : C
   };
   w && (Re.isDefine(T.top) && (T.top = w.top), Re.isDefine(T.left) && (T.left = w.left)), y === "HORIZONTAL" && (D = 0), y === "VERTICAL" && (v = 0);
   let M = 0, R = 0;
-  const N = e.rowStartY(l - h) + E, B = e.colStartX(c - g) + I, Q = e.rowStartY(l) + E, H = e.colStartX(c) + I;
+  const N = e.rowStartY(l - h) + E, F = e.colStartX(c - g) + C, Q = e.rowStartY(l) + E, H = e.colStartX(c) + C;
   if (g === 0)
     m.left = !1, M = (p - v) * o, R = (f - v) * o;
   else {
-    const k = p - (B - I), ce = f - (B - I);
+    const k = p - (F - C), ce = f - (F - C);
     f < H ? (M = k * o, R = ce * o) : p <= H && f >= H ? (M = k * o, R = Math.max(b, (f - v) * o)) : p > H && (m.left = !1, M = Math.max((p - v) * o, b), R = Math.max((f - v) * o, b));
   }
   let X = 0, Y = 0;
@@ -1589,7 +1589,7 @@ function Dr(i, t, e, n, r, s = !1) {
     m.top = !1, X = (_ - D) * a, Y = (S - D) * a;
   else {
     const k = _ - (N - E), ce = S - (N - E);
-    S < Q ? (X = k * a, Y = ce * a) : _ <= Q && S >= Q ? (X = k * a, Y = Math.max(C, (S - D) * a)) : _ > Q && (m.top = !1, X = Math.max((_ - D) * a, C), Y = Math.max((S - D) * a, C));
+    S < Q ? (X = k * a, Y = ce * a) : _ <= Q && S >= Q ? (X = k * a, Y = Math.max(I, (S - D) * a)) : _ > Q && (m.top = !1, X = Math.max((_ - D) * a, I), Y = Math.max((S - D) * a, I));
   }
   return M = Math.max(M, T.left), X = Math.max(X, T.top), R = Math.max(R, T.left), Y = Math.max(Y, T.top), {
     left: M,
@@ -1633,7 +1633,7 @@ let tt = class extends ie {
     this._renderManagerService = t, this._univerInstanceService = e, this._commandService = n, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(Li((t) => t === Gr.Rendered), Yi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Gi((t) => t === Gr.Rendered), Xi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1659,7 +1659,7 @@ let tt = class extends ie {
       this._drawingManagerService.add$.subscribe((t) => {
         t.forEach((e) => {
           var K;
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = ae(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, F.UNIVER_SHEET);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = ae(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, x.UNIVER_SHEET);
           if (!d)
             return;
           const u = d.getActiveSheet().getSheetId();
@@ -1679,15 +1679,15 @@ let tt = class extends ie {
             return !0;
           if (u !== r)
             return;
-          const { left: _, top: S, width: C, height: b, angle: v, flipX: D, flipY: w, skewX: y, skewY: I } = l, E = Ie({ unitId: n, subUnitId: r, drawingId: s }), T = p.getObject(E);
+          const { left: _, top: S, width: I, height: b, angle: v, flipX: D, flipY: w, skewX: y, skewY: C } = l, E = Ie({ unitId: n, subUnitId: r, drawingId: s }), T = p.getObject(E);
           if (T != null) {
-            T.transformByState({ left: _, top: S, width: C, height: b, angle: v, flipX: D, flipY: w, skewX: y, skewY: I });
+            T.transformByState({ left: _, top: S, width: I, height: b, angle: v, flipX: D, flipY: w, skewX: y, skewY: C });
             return;
           }
           const M = {
             left: _,
             top: S,
-            width: C,
+            width: I,
             height: b,
             zIndex: this._drawingManagerService.getDrawingOrder(n, r).length - 1
           }, R = g === j.DRAWING_CHART;
@@ -1697,8 +1697,8 @@ let tt = class extends ie {
           }
           const N = new Ne(E, M);
           R && N.setObjectType(yn.CHART), p.addObject(N, Yt), a.allowTransform !== !1 && p.attachTransformerTo(N);
-          const B = new wt(), Q = fe(N, m.renderUnit.scene, c.skeleton, o.worksheet), H = new je(Q), X = {
-            dispose: B,
+          const F = new wt(), Q = fe(N, m.renderUnit.scene, c.skeleton, o.worksheet), H = new je(Q), X = {
+            dispose: F,
             rect: N,
             position$: H,
             unitId: n,
@@ -1730,19 +1730,20 @@ let tt = class extends ie {
               k
             );
           });
-          B.add(() => {
+          F.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), Y && B.add(Y), this._domLayerInfoMap.set(s, X);
+          }), Y && F.add(Y), this._domLayerInfoMap.set(s, X);
         });
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((t) => {
         t.forEach((e) => {
+          var l;
           const { unitId: n, subUnitId: r, drawingId: s } = e, o = Ie({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
           if (a == null)
             return;
           const { transformer: d, scene: u } = a, c = u.getObject(o);
-          c != null && c.oKey && d.clearControlByIds([c == null ? void 0 : c.oKey]);
+          c != null && c.oKey && (d.clearControlByIds([c == null ? void 0 : c.oKey]), (l = u.getTransformer()) == null || l.clearSelectedObjects());
         });
       })
     );
@@ -1760,7 +1761,7 @@ let tt = class extends ie {
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET).pipe(
         _e((e) => e ? e.activeSheet$ : Nn(null)),
         Me((e) => {
           if (!e) return null;
@@ -1781,7 +1782,7 @@ let tt = class extends ie {
         Array.from(this._domLayerInfoMap.values()).filter((o) => o.unitId === r).map((o) => o.subUnitId).forEach((o) => {
           t(r, o);
         });
-      } else if (e.id === Vi.id) {
+      } else if (e.id === zi.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
@@ -1915,7 +1916,7 @@ let tt = class extends ie {
     const { componentKey: l, data: g, allowTransform: h = !0 } = e, m = r != null ? r : bt(), { position: p, position$: f } = this._createRangePositionObserver(t, u, c.skeleton);
     if (this._getPosition(p, o) == null)
       return;
-    const S = d.scene, { scaleX: C } = S.getAncestorScale(), b = Ct(p, n, C), v = {
+    const S = d.scene, { scaleX: I } = S.getAncestorScale(), b = Ct(p, n, I), v = {
       unitId: o,
       subUnitId: a,
       drawingId: m,
@@ -1931,13 +1932,13 @@ let tt = class extends ie {
       allowTransform: h
     };
     {
-      const { unitId: I, subUnitId: E, drawingId: T } = v, M = ae(this._univerInstanceService, { unitId: I, subUnitId: E }), R = v, N = this._univerInstanceService.getUnit(I, F.UNIVER_SHEET);
+      const { unitId: C, subUnitId: E, drawingId: T } = v, M = ae(this._univerInstanceService, { unitId: C, subUnitId: E }), R = v, N = this._univerInstanceService.getUnit(C, x.UNIVER_SHEET);
       if (!N)
         return;
-      const B = N.getActiveSheet().getSheetId();
+      const F = N.getActiveSheet().getSheetId();
       if (!R || !M)
         return;
-      const Q = (w = this._renderManagerService.getRenderById(I)) == null ? void 0 : w.with(V);
+      const Q = (w = this._renderManagerService.getRenderById(C)) == null ? void 0 : w.with(V);
       if (!Q)
         return;
       const H = Q.getWorksheetSkeleton(E);
@@ -1946,13 +1947,13 @@ let tt = class extends ie {
       const { transform: X, drawingType: Y, data: K } = R;
       if (Y !== j.DRAWING_DOM && Y !== j.DRAWING_CHART)
         return;
-      const k = this._getSceneAndTransformerByDrawingSearch(I);
+      const k = this._getSceneAndTransformerByDrawingSearch(C);
       if (k == null)
         return;
       const { scene: ce, canvas: ye } = k;
-      if (X == null || B !== E)
+      if (X == null || F !== E)
         return;
-      const { left: ot, top: at, width: ct, height: dt, angle: $t, flipX: xt, flipY: lt, skewX: ut, skewY: Ee } = X, ht = Ie({ unitId: I, subUnitId: E, drawingId: T }), le = ce.getObject(ht);
+      const { left: ot, top: at, width: ct, height: dt, angle: $t, flipX: xt, flipY: lt, skewX: ut, skewY: Ee } = X, ht = Ie({ unitId: C, subUnitId: E, drawingId: T }), le = ce.getObject(ht);
       if (le != null) {
         le.transformByState({ left: ot, top: at, width: ct, height: dt, angle: $t, flipX: xt, flipY: lt, skewX: ut, skewY: Ee });
         return;
@@ -1963,7 +1964,7 @@ let tt = class extends ie {
         top: at,
         width: ct,
         height: dt,
-        zIndex: this._drawingManagerService.getDrawingOrder(I, E).length - 1
+        zIndex: this._drawingManagerService.getDrawingOrder(C, E).length - 1
       }, Te = Y === j.DRAWING_CHART;
       if (Te) {
         const W = K ? K.backgroundColor : "white";
@@ -1981,9 +1982,9 @@ let tt = class extends ie {
         rect: ue,
         boundsOfViewArea: ft,
         domAnchor: n,
-        unitId: I,
+        unitId: C,
         subUnitId: E
-      }, $ = fe(ue, k.renderUnit.scene, H.skeleton, M.worksheet, ge), Ue = new je($);
+      }, B = fe(ue, k.renderUnit.scene, H.skeleton, M.worksheet, ge), Ue = new je(B);
       ge.position$ = Ue;
       let Ve = {
         position$: Ue,
@@ -1999,7 +2000,7 @@ let tt = class extends ie {
           ye.dispatchEvent(new WheelEvent(W.type, W));
         },
         data: K,
-        unitId: I
+        unitId: C
       };
       e.eventPassThrough && (Ve = {
         ...Ve,
@@ -2025,16 +2026,16 @@ let tt = class extends ie {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Ur = Ie({ unitId: I, subUnitId: E, drawingId: T }), Pr = new Ne(Ur, {
+        }, n), Ur = Ie({ unitId: C, subUnitId: E, drawingId: T }), Pr = new Ne(Ur, {
           left: un.startX,
           top: un.startY,
           width: (fn = n.width) != null ? fn : W.width,
           height: (mn = n.height) != null ? mn : W.height,
-          zIndex: this._drawingManagerService.getDrawingOrder(I, E).length - 1
+          zIndex: this._drawingManagerService.getDrawingOrder(C, E).length - 1
         }), Ar = fe(Pr, k.renderUnit.scene, H.skeleton, M.worksheet, ge);
         Ue.next(Ar);
       }));
-      const He = (y = this._renderManagerService.getRenderById(I)) == null ? void 0 : y.with(V);
+      const He = (y = this._renderManagerService.getRenderById(C)) == null ? void 0 : y.with(V);
       He == null || He.currentSkeleton$.subscribe((W) => {
         W && H.sheetId !== W.sheetId && this._removeDom(m, !0);
       });
@@ -2078,7 +2079,7 @@ let tt = class extends ie {
     }, u, c.skeleton), _ = p;
     if (_.startY = 0, this._getPosition(p, o) == null)
       return;
-    const C = {
+    const I = {
       unitId: o,
       subUnitId: a,
       drawingId: m,
@@ -2094,7 +2095,7 @@ let tt = class extends ie {
       allowTransform: h
     };
     {
-      const { unitId: w, subUnitId: y, drawingId: I } = C, E = ae(this._univerInstanceService, { unitId: w, subUnitId: y }), T = C, M = this._univerInstanceService.getUnit(w, F.UNIVER_SHEET);
+      const { unitId: w, subUnitId: y, drawingId: C } = I, E = ae(this._univerInstanceService, { unitId: w, subUnitId: y }), T = I, M = this._univerInstanceService.getUnit(w, x.UNIVER_SHEET);
       if (!M)
         return;
       const R = M.getActiveSheet().getSheetId();
@@ -2103,8 +2104,8 @@ let tt = class extends ie {
       const N = (v = this._renderManagerService.getRenderById(w)) == null ? void 0 : v.with(V);
       if (!N)
         return;
-      const B = N.getWorksheetSkeleton(y);
-      if (!B)
+      const F = N.getWorksheetSkeleton(y);
+      if (!F)
         return;
       const { transform: Q, data: H } = T, X = this._getSceneAndTransformerByDrawingSearch(w);
       if (X == null)
@@ -2112,7 +2113,7 @@ let tt = class extends ie {
       const { scene: Y, canvas: K } = X;
       if (Q == null || R !== y)
         return;
-      const { left: k, top: ce, width: ye, height: ot, angle: at, flipX: ct, flipY: dt, skewX: $t, skewY: xt } = Q, lt = Ie({ unitId: w, subUnitId: y, drawingId: I }), ut = Y.getObject(lt);
+      const { left: k, top: ce, width: ye, height: ot, angle: at, flipX: ct, flipY: dt, skewX: $t, skewY: xt } = Q, lt = Ie({ unitId: w, subUnitId: y, drawingId: C }), ut = Y.getObject(lt);
       if (ut != null) {
         ut.transformByState({ left: k, top: ce, width: ye, height: ot, angle: at, flipX: ct, flipY: dt, skewX: $t, skewY: xt });
         return;
@@ -2152,11 +2153,11 @@ let tt = class extends ie {
         domAnchor: n,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, gt = fe(le, X.renderUnit.scene, B.skeleton, E.worksheet, he), Oe = new je(gt);
+      }, gt = fe(le, X.renderUnit.scene, F.skeleton, E.worksheet, he), Oe = new je(gt);
       he.position$ = Oe;
       let Xe = {
         position$: Oe,
-        id: I,
+        id: C,
         componentKey: T.componentKey,
         onPointerDown: () => {
         },
@@ -2164,57 +2165,57 @@ let tt = class extends ie {
         },
         onPointerUp: () => {
         },
-        onWheel: ($) => {
-          K.dispatchEvent(new WheelEvent($.type, $));
+        onWheel: (B) => {
+          K.dispatchEvent(new WheelEvent(B.type, B));
         },
         data: H,
         unitId: w
       };
       e.eventPassThrough && (Xe = {
         ...Xe,
-        onPointerDown: ($) => {
-          K.dispatchEvent(new PointerEvent($.type, $));
+        onPointerDown: (B) => {
+          K.dispatchEvent(new PointerEvent(B.type, B));
         },
-        onPointerMove: ($) => {
-          K.dispatchEvent(new PointerEvent($.type, $));
+        onPointerMove: (B) => {
+          K.dispatchEvent(new PointerEvent(B.type, B));
         },
-        onPointerUp: ($) => {
-          K.dispatchEvent(new PointerEvent($.type, $));
+        onPointerUp: (B) => {
+          K.dispatchEvent(new PointerEvent(B.type, B));
         }
       }), this._canvasFloatDomService.addFloatDom(Xe);
       const ft = le.onTransformChange$.subscribeEvent(() => {
-        const $ = fe(le, X.renderUnit.scene, B.skeleton, E.worksheet, he);
+        const B = fe(le, X.renderUnit.scene, F.skeleton, E.worksheet, he);
         Oe.next(
-          $
+          B
         );
       });
-      this.disposeWithMe(f.subscribe(($) => {
+      this.disposeWithMe(f.subscribe((B) => {
         const Ue = Ct({
-          startX: $.startX,
+          startX: B.startX,
           startY: 0,
-          endX: $.endX,
-          endY: $.endY,
+          endX: B.endX,
+          endY: B.endY,
           width: n.width,
           height: n.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Ve = Ie({ unitId: w, subUnitId: y, drawingId: I }), He = new Ne(Ve, {
+        }, n), Ve = Ie({ unitId: w, subUnitId: y, drawingId: C }), He = new Ne(Ve, {
           left: Ue.startX,
           top: 0,
           width: n.width,
           height: n.height,
           zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
-        }), mt = fe(He, X.renderUnit.scene, B.skeleton, E.worksheet, he);
+        }), mt = fe(He, X.renderUnit.scene, F.skeleton, E.worksheet, he);
         Oe.next(mt);
       }));
       const ge = (D = this._renderManagerService.getRenderById(w)) == null ? void 0 : D.with(V);
-      ge == null || ge.currentSkeleton$.subscribe(($) => {
-        $ && c.sheetId !== $.sheetId && this._removeDom(m, !0);
+      ge == null || ge.currentSkeleton$.subscribe((B) => {
+        B && c.sheetId !== B.sheetId && this._removeDom(m, !0);
       }), ee.add(() => {
-        this._canvasFloatDomService.removeFloatDom(I);
-      }), ft && ee.add(ft), this._domLayerInfoMap.set(I, he);
+        this._canvasFloatDomService.removeFloatDom(C);
+      }), ft && ee.add(ft), this._domLayerInfoMap.set(C, he);
     }
     return {
       id: m,
@@ -2241,11 +2242,11 @@ let tt = class extends ie {
       a.next(f), u.next(_);
     }, l = new wt();
     l.add(e.engine.clientRect$.subscribe(() => c())), l.add(this._commandService.onCommandExecuted((f) => {
-      if (f.id === Hi.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+      if (f.id === Ki.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         c();
         return;
       }
-      (zi.indexOf(f.id) > -1 || f.id === Ei.id || f.id === On.id) && c();
+      (Zi.indexOf(f.id) > -1 || f.id === Oi.id || f.id === On.id) && c();
     }));
     const g = (f, _) => {
       r = f, s = _, c();
@@ -2289,12 +2290,12 @@ let tt = class extends ie {
     };
   }
 };
-tt = Ns([
+tt = Ws([
   De(0, A(q)),
   De(1, Se),
   De(2, A(G)),
   De(3, se),
-  De(4, A(ki)),
+  De(4, A(ji)),
   De(5, oe),
   De(6, A(Yr))
 ], tt);
@@ -2344,8 +2345,8 @@ function Dt(i, t) {
   const e = Number.parseFloat(i);
   return t * e / 100;
 }
-const ks = (i) => {
-  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = ss(() => t.map((o) => {
+const js = (i) => {
+  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = as(() => t.map((o) => {
     const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Dr(
       {
         left: c != null ? c : 0,
@@ -2385,10 +2386,10 @@ const ks = (i) => {
     };
     return [o.drawingId, f];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ Z("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ Z(Wi, { layer: a, id: o, position: a.position }, o)) });
+  return /* @__PURE__ */ Z("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ Z(Bi, { layer: a, id: o, position: a.position }, o)) });
 };
-var Ws = Object.getOwnPropertyDescriptor, js = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ws(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Bs = Object.getOwnPropertyDescriptor, $s = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Bs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, be = (i, t) => (e, n) => t(e, n, i);
@@ -2459,7 +2460,7 @@ let Ut = class extends ie {
                   };
                 }
                 return null;
-              }).filter(Boolean), d = ji(ks, this._injector);
+              }).filter(Boolean), d = $i(js, this._injector);
               return wi(
                 /* @__PURE__ */ Z(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
@@ -2473,8 +2474,8 @@ let Ut = class extends ie {
     );
   }
 };
-Ut = js([
-  be(0, A(Ti)),
+Ut = $s([
+  be(0, A(Ui)),
   be(1, A(Gn)),
   be(2, se),
   be(3, q),
@@ -2482,12 +2483,12 @@ Ut = js([
   be(5, A(zn)),
   be(6, A(Ye))
 ], Ut);
-var Bs = Object.getOwnPropertyDescriptor, $s = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Bs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var xs = Object.getOwnPropertyDescriptor, Fs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? xs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, pe = (i, t) => (e, n) => t(e, n, i);
-const xs = [
+const Ls = [
   Kn.id,
   Zn.id,
   Jn.id,
@@ -2507,13 +2508,13 @@ const xs = [
   dr.id,
   lr.id,
   ur.id
-], Fs = [
-  Ki.id,
-  Zi.id,
+], Ys = [
   Ji.id,
   qi.id,
   Qi.id,
-  es.id
+  es.id,
+  ts.id,
+  ns.id
 ];
 let sn = class extends ie {
   constructor(i, t, e, n, r, s, o, a, d) {
@@ -2523,7 +2524,7 @@ let sn = class extends ie {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!xs.includes(i.id))
+          if (!Ls.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
@@ -2611,16 +2612,16 @@ let sn = class extends ie {
         updateDrawings: n,
         deleteDrawings: r
       };
-    const { startRow: _, endRow: S, startColumn: C, endColumn: b } = i;
+    const { startRow: _, endRow: S, startColumn: I, endColumn: b } = i;
     let v = null, D = null;
     if (t === 0 && h >= _ && p <= S)
-      if (m >= C && f <= b)
+      if (m >= I && f <= b)
         r.push({ unitId: d, subUnitId: u, drawingId: c });
       else {
-        const w = this._shrinkCol(s, a, C, b, o);
+        const w = this._shrinkCol(s, a, I, b, o);
         v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
       }
-    else if (t === 1 && m >= C && f <= b)
+    else if (t === 1 && m >= I && f <= b)
       if (h >= _ && p <= S)
         r.push({ unitId: d, subUnitId: u, drawingId: c });
       else {
@@ -2631,7 +2632,7 @@ let sn = class extends ie {
       const w = this._expandRow(s, a, _, S, o);
       v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
     } else if (t === 3) {
-      const w = this._expandCol(s, a, C, b, o);
+      const w = this._expandCol(s, a, I, b, o);
       v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
     }
     if (v != null && D != null) {
@@ -2641,7 +2642,7 @@ let sn = class extends ie {
     return { updateDrawings: n, deleteDrawings: r };
   }
   _remainDrawingSize(i, t, e) {
-    const n = x({ ...i }, this._selectionRenderService);
+    const n = $({ ...i }, this._selectionRenderService);
     n != null && t.push({
       ...e,
       sheetTransform: n
@@ -2655,30 +2656,30 @@ let sn = class extends ie {
       if (m === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: f } = g, { row: _, column: S } = p, { row: C, column: b } = f;
+        const { from: p, to: f } = g, { row: _, column: S } = p, { row: I, column: b } = f;
         for (let v = 0; v < e.length; v++) {
-          const D = e[v], { startRow: w, endRow: y, startColumn: I, endColumn: E } = D;
-          if (b < I)
+          const D = e[v], { startRow: w, endRow: y, startColumn: C, endColumn: E } = D;
+          if (b < C)
             continue;
           if (m === O.Position) {
             let R = null, N = null;
-            if (S >= I && S <= E) {
-              const B = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: E, startRow: p.row, endRow: f.row });
-              if (B == null)
+            if (S >= C && S <= E) {
+              const F = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: E, startRow: p.row, endRow: f.row });
+              if (F == null)
                 return;
-              N = { ...h, left: B.startX };
+              N = { ...h, left: F.startX };
             }
-            if (N != null && (R = x(N, this._selectionRenderService), R != null && N != null)) {
+            if (N != null && (R = $(N, this._selectionRenderService), R != null && N != null)) {
               r.push({ ...l, sheetTransform: R, transform: N });
               break;
             }
             this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (S >= I && b <= E)
+          if (S >= C && b <= E)
             continue;
           let T = null, M = null;
-          if (S >= I && S <= E) {
+          if (S >= C && S <= E) {
             const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: E, startRow: p.row, endRow: f.row });
             if (R == null)
               return;
@@ -2687,8 +2688,8 @@ let sn = class extends ie {
               left: (R == null ? void 0 : R.startX) || 0,
               width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
             };
-          } else if (b >= I && b <= E) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: b, startRow: p.row, endRow: f.row });
+          } else if (b >= C && b <= E) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: b, startRow: p.row, endRow: f.row });
             if (R == null)
               return;
             M = {
@@ -2696,18 +2697,18 @@ let sn = class extends ie {
               left: R.startX - ((h == null ? void 0 : h.width) || 0)
             };
           } else {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: E, startRow: p.row, endRow: f.row });
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: E, startRow: p.row, endRow: f.row });
             if (R == null)
               return;
             if (M = {
               ...h,
               width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
-            }, T = x(M, this._selectionRenderService), T != null && M != null) {
+            }, T = $(M, this._selectionRenderService), T != null && M != null) {
               s.push({ ...l, sheetTransform: T, transform: M });
               break;
             }
           }
-          if (M != null && (T = x(M, this._selectionRenderService)), M != null && T != null) {
+          if (M != null && (T = $(M, this._selectionRenderService)), M != null && T != null) {
             r.push({ ...l, sheetTransform: T, transform: M });
             break;
           } else
@@ -2749,27 +2750,27 @@ let sn = class extends ie {
       if (m === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: f } = g, { row: _, column: S } = p, { row: C, column: b } = f;
+        const { from: p, to: f } = g, { row: _, column: S } = p, { row: I, column: b } = f;
         for (let v = 0; v < e.length; v++) {
-          const D = e[v], { startRow: w, endRow: y, startColumn: I, endColumn: E } = D;
-          if (C < w)
+          const D = e[v], { startRow: w, endRow: y, startColumn: C, endColumn: E } = D;
+          if (I < w)
             continue;
           if (m === O.Position) {
             let R = null, N = null;
             if (_ >= w && _ <= y) {
-              const B = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: y });
-              if (B == null)
+              const F = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: y });
+              if (F == null)
                 return;
-              N = { ...h, top: B.startY };
+              N = { ...h, top: F.startY };
             }
-            if (N != null && (R = x(N, this._selectionRenderService), R != null && N != null)) {
+            if (N != null && (R = $(N, this._selectionRenderService), R != null && N != null)) {
               r.push({ ...l, sheetTransform: R, transform: N });
               break;
             }
             this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (_ >= w && C <= y)
+          if (_ >= w && I <= y)
             continue;
           let T = null, M = null;
           if (_ >= w && _ <= y) {
@@ -2781,8 +2782,8 @@ let sn = class extends ie {
               top: (R == null ? void 0 : R.startY) || 0,
               height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
             };
-          } else if (C >= w && C <= y) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: C });
+          } else if (I >= w && I <= y) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: I });
             if (R == null)
               return;
             M = {
@@ -2796,12 +2797,12 @@ let sn = class extends ie {
             if (M = {
               ...h,
               height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
-            }, T = x(M, this._selectionRenderService), T != null && M != null) {
+            }, T = $(M, this._selectionRenderService), T != null && M != null) {
               s.push({ ...l, sheetTransform: T, transform: M });
               break;
             }
           }
-          if (M != null && (T = x(M, this._selectionRenderService)), M != null && T != null) {
+          if (M != null && (T = $(M, this._selectionRenderService)), M != null && T != null) {
             r.push({ ...l, sheetTransform: T, transform: M });
             break;
           } else
@@ -2831,10 +2832,10 @@ let sn = class extends ie {
       else {
         const { from: l, to: g } = d, { row: h, column: m } = l, { row: p, column: f } = g;
         for (let _ = 0; _ < e.length; _++) {
-          const S = e[_], { startRow: C, endRow: b, startColumn: v, endColumn: D } = S;
-          if (p < C || f < v)
+          const S = e[_], { startRow: I, endRow: b, startColumn: v, endColumn: D } = S;
+          if (p < I || f < v)
             continue;
-          if (c === O.Position && (h <= C && p >= b || m <= v && f >= D)) {
+          if (c === O.Position && (h <= I && p >= b || m <= v && f >= D)) {
             this._remainDrawingSize(u, s, a);
             continue;
           }
@@ -2863,11 +2864,11 @@ let sn = class extends ie {
     return { unitId: e, subUnitId: n };
   }
   _moveRangeInterceptor(i) {
-    var C, b;
+    var I, b;
     const { toRange: t, fromRange: e } = i, n = ae(this._univerInstanceService);
     if (!n)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = n, o = (b = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : b.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = n, o = (b = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(V)) == null ? void 0 : b.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
     const a = Vn(o, e);
@@ -2881,13 +2882,13 @@ let sn = class extends ie {
       const { transform: w } = D;
       if (!w)
         return;
-      const { left: y = 0, top: I = 0, width: E = 0, height: T = 0 } = w, { drawingStartX: M, drawingEndX: R, drawingStartY: N, drawingEndY: B } = {
+      const { left: y = 0, top: C = 0, width: E = 0, height: T = 0 } = w, { drawingStartX: M, drawingEndX: R, drawingStartY: N, drawingEndY: F } = {
         drawingStartX: y,
         drawingEndX: y + E,
-        drawingStartY: I,
-        drawingEndY: I + T
+        drawingStartY: C,
+        drawingEndY: C + T
       };
-      d <= M && R <= u && c <= N && B <= l && h.push(D);
+      d <= M && R <= u && c <= N && F <= l && h.push(D);
     });
     const m = [], p = [], f = t.startRow - e.startRow, _ = t.startColumn - e.startColumn, S = h.map((v) => {
       const D = v.sheetTransform, w = {
@@ -2917,22 +2918,22 @@ let sn = class extends ie {
       const m = c[h], { sheetTransform: p, transform: f, anchorType: _ = O.Position } = m;
       if (p == null || f == null)
         return;
-      let S, C;
+      let S, I;
       if (t === "insert") {
         const v = this._expandRow(p, f, o, a, _);
-        S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
+        S = v == null ? void 0 : v.newSheetTransform, I = v == null ? void 0 : v.newTransform;
       } else {
         const { from: v, to: D } = p, { row: w } = v, { row: y } = D;
         if (_ === O.Both && w >= o && y <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const I = this._shrinkRow(p, f, o, a, _);
-          S = I == null ? void 0 : I.newSheetTransform, C = I == null ? void 0 : I.newTransform;
+          const C = this._shrinkRow(p, f, o, a, _);
+          S = C == null ? void 0 : C.newSheetTransform, I = C == null ? void 0 : C.newTransform;
         }
       }
-      if (!S || !C)
+      if (!S || !I)
         return;
-      const b = { unitId: n, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      const b = { unitId: n, subUnitId: r, drawingId: h, transform: I, sheetTransform: S };
       l.push(b);
     }), l.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
@@ -2958,22 +2959,22 @@ let sn = class extends ie {
       const m = c[h], { sheetTransform: p, transform: f, anchorType: _ = O.Position } = m;
       if (p == null || f == null)
         return;
-      let S, C;
+      let S, I;
       if (t === "insert") {
         const v = this._expandCol(p, f, o, a, _);
-        S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
+        S = v == null ? void 0 : v.newSheetTransform, I = v == null ? void 0 : v.newTransform;
       } else {
         const { from: v, to: D } = p, { column: w } = v, { column: y } = D;
         if (_ === O.Both && w >= o && y <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const I = this._shrinkCol(p, f, o, a, _);
-          S = I == null ? void 0 : I.newSheetTransform, C = I == null ? void 0 : I.newTransform;
+          const C = this._shrinkCol(p, f, o, a, _);
+          S = C == null ? void 0 : C.newSheetTransform, I = C == null ? void 0 : C.newTransform;
         }
       }
-      if (!S || !C)
+      if (!S || !I)
         return;
-      const b = { unitId: n, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      const b = { unitId: n, subUnitId: r, drawingId: h, transform: I, sheetTransform: S };
       l.push(b);
     }), l.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
@@ -2991,7 +2992,7 @@ let sn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { column: d } = o, { column: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: x({ ...t }, this._selectionRenderService),
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -2999,7 +3000,7 @@ let sn = class extends ie {
       const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: n, startRow: o.row, endRow: a.row });
       if (g == null)
         return;
-      l = { ...t, left: (t.left || 0) + g.endX - g.startX }, c = x(l, this._selectionRenderService);
+      l = { ...t, left: (t.left || 0) + g.endX - g.startX }, c = $(l, this._selectionRenderService);
     } else if (u >= n)
       if (r === O.Both)
         c = {
@@ -3008,7 +3009,7 @@ let sn = class extends ie {
         }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: x({ ...t }, this._selectionRenderService),
+          newSheetTransform: $({ ...t }, this._selectionRenderService),
           newTransform: t
         };
     return c != null && l != null ? {
@@ -3020,7 +3021,7 @@ let sn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { column: d } = o, { column: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: x({ ...t }, this._selectionRenderService),
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -3040,7 +3041,7 @@ let sn = class extends ie {
           }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: x({ ...t }, this._selectionRenderService),
+            newSheetTransform: $({ ...t }, this._selectionRenderService),
             newTransform: t
           };
       else if (d >= e && d <= n) {
@@ -3052,7 +3053,7 @@ let sn = class extends ie {
             return;
           l = { ...t, left: (t.left || 0) - g.endX + g.startX - i.from.columnOffset };
         }
-        c = x(l, this._selectionRenderService);
+        c = $(l, this._selectionRenderService);
       } else if (u >= e && u <= n && r === O.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: e - 1,
@@ -3077,7 +3078,7 @@ let sn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { row: d } = o, { row: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: x({ ...t }, this._selectionRenderService),
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -3085,7 +3086,7 @@ let sn = class extends ie {
       const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: n, startColumn: o.column, endColumn: a.column });
       if (g == null)
         return;
-      l = { ...t, top: (t.top || 0) + g.endY - g.startY }, c = x(l, this._selectionRenderService);
+      l = { ...t, top: (t.top || 0) + g.endY - g.startY }, c = $(l, this._selectionRenderService);
     } else if (u >= n)
       if (r === O.Both)
         c = {
@@ -3097,7 +3098,7 @@ let sn = class extends ie {
         }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: x({ ...t }, this._selectionRenderService),
+          newSheetTransform: $({ ...t }, this._selectionRenderService),
           newTransform: t
         };
     return c != null && l != null ? {
@@ -3109,7 +3110,7 @@ let sn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { row: d } = o, { row: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: x({ ...t }, this._selectionRenderService),
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -3129,7 +3130,7 @@ let sn = class extends ie {
           }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: x({ ...t }, this._selectionRenderService),
+            newSheetTransform: $({ ...t }, this._selectionRenderService),
             newTransform: t
           };
       else if (d >= e && d <= n) {
@@ -3141,7 +3142,7 @@ let sn = class extends ie {
             return;
           l = { ...t, top: (t.top || 0) - g.endY + g.startY - i.from.rowOffset };
         }
-        c = x(l, this._selectionRenderService);
+        c = $(l, this._selectionRenderService);
       } else if (u >= e && u <= n && r === O.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: e - 1, endRow: e - 1 });
         if (g == null)
@@ -3163,7 +3164,7 @@ let sn = class extends ie {
       // but the skeleton changes like other render modules. These two signals are not equivalent.
       // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === ts.id) {
+        if (i.id === rs.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3214,7 +3215,7 @@ let sn = class extends ie {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Fs.includes(i.id) && requestIdleCallback(() => {
+        Ys.includes(i.id) && requestIdleCallback(() => {
           const t = i.params, { unitId: e, subUnitId: n, ranges: r } = t;
           this._refreshDrawingTransform(e, n, r);
         });
@@ -3229,11 +3230,11 @@ let sn = class extends ie {
         return !0;
       const { from: c, to: l } = a, { row: g, column: h } = c, { row: m, column: p } = l;
       for (let f = 0; f < e.length; f++) {
-        const _ = e[f], { startRow: S, endRow: C, startColumn: b, endColumn: v } = _;
+        const _ = e[f], { startRow: S, endRow: I, startColumn: b, endColumn: v } = _;
         if (Hr.intersects(
           {
             startRow: S,
-            endRow: C,
+            endRow: I,
             startColumn: b,
             endColumn: v
           },
@@ -3243,7 +3244,7 @@ let sn = class extends ie {
             startColumn: h,
             endColumn: p
           }
-        ) || g > C || h > v) {
+        ) || g > I || h > v) {
           const D = u === O.Position, w = z(a, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
@@ -3259,7 +3260,7 @@ let sn = class extends ie {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(L.id, [i]));
   }
 };
-sn = $s([
+sn = Fs([
   pe(1, q),
   pe(2, G),
   pe(3, Ge),
@@ -3277,7 +3278,7 @@ var re = function() {
     }
     return i;
   }, re.apply(this, arguments);
-}, Ls = function(i, t) {
+}, Gs = function(i, t) {
   var e = {};
   for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && t.indexOf(n) < 0 && (e[n] = i[n]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
@@ -3285,15 +3286,15 @@ var re = function() {
       t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (e[n[r]] = i[n[r]]);
   return e;
 }, br = hr(function(i, t) {
-  var e = i.icon, n = i.id, r = i.className, s = i.extend, o = Ls(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), d = os("_".concat(Xs()));
+  var e = i.icon, n = i.id, r = i.className, s = i.extend, o = Gs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), d = cs("_".concat(Hs()));
   return Rr(e, "".concat(n), { defIds: e.defIds, idSuffix: d.current }, re({ ref: t, className: a }, o), s);
 });
 function Rr(i, t, e, n, r) {
-  return gr(i.tag, re(re({ key: t }, Ys(i, e, r)), n), (Gs(i, e).children || []).map(function(s, o) {
+  return gr(i.tag, re(re({ key: t }, Xs(i, e, r)), n), (Vs(i, e).children || []).map(function(s, o) {
     return Rr(s, "".concat(t, "-").concat(i.tag, "-").concat(o), e, void 0, r);
   }));
 }
-function Ys(i, t, e) {
+function Xs(i, t, e) {
   var n = re({}, i.attrs);
   e != null && e.colorChannel1 && n.fill === "colorChannel1" && (n.fill = e.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(s) {
     var o = s[0], a = s[1];
@@ -3305,21 +3306,21 @@ function Ys(i, t, e) {
     typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function Gs(i, t) {
+function Vs(i, t) {
   var e, n = t.defIds;
   return !n || n.length === 0 ? i : i.tag === "defs" && (!((e = i.children) === null || e === void 0) && e.length) ? re(re({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? re(re({}, r), { attrs: re(re({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
   }) }) : i;
 }
-function Xs() {
+function Hs() {
   return Math.random().toString(36).substring(2, 8);
 }
 br.displayName = "UniverIcon";
-var Vs = { 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" } }] }, Mr = hr(function(i, t) {
+var zs = { 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" } }] }, Mr = hr(function(i, t) {
   return gr(br, Object.assign({}, i, {
     id: "add-image-single",
     ref: t,
-    icon: Vs
+    icon: zs
   }));
 });
 Mr.displayName = "AddImageSingle";
@@ -3359,7 +3360,7 @@ const yr = {
       return s === ve.UP ? g.top = m - 1 : s === ve.DOWN ? g.top = m + 1 : s === ve.LEFT ? g.left = h - 1 : s === ve.RIGHT && (g.left = h + 1), {
         ...c,
         transform: g,
-        sheetTransform: x(g, r)
+        sheetTransform: $(g, r)
       };
     }).filter((c) => c != null);
     return e.syncExecuteCommand(jt.id, {
@@ -3368,100 +3369,98 @@ const yr = {
     }) ? (e.syncExecuteCommand(L.id, [a]), !0) : !1;
   }
 }, Er = "addition-and-subtraction-single", Tr = "sheet.menu.image";
-function Hs(i) {
+function Ks(i) {
   return {
     id: Tr,
     type: cn.SUBITEMS,
     icon: Er,
     tooltip: "sheetImage.title",
-    hidden$: an(i, F.UNIVER_SHEET),
-    disabled$: Oi(i, { workbookTypes: [Kt], worksheetTypes: [Zt], rangeTypes: [ns] })
+    hidden$: an(i, x.UNIVER_SHEET),
+    disabled$: Pi(i, { workbookTypes: [Kt], worksheetTypes: [Zt], rangeTypes: [is] })
   };
 }
-function zs(i) {
+function Zs(i) {
   return {
     id: Bt.id,
     title: "sheetImage.upload.float",
     type: cn.BUTTON,
-    hidden$: an(i, F.UNIVER_SHEET)
+    hidden$: an(i, x.UNIVER_SHEET)
   };
 }
-function Ks(i) {
+function Js(i) {
   return {
     id: ln.id,
     title: "sheetImage.upload.cell",
     type: cn.BUTTON,
-    hidden$: an(i, F.UNIVER_SHEET)
+    hidden$: an(i, x.UNIVER_SHEET)
   };
 }
-const Zs = (i) => {
-  var C;
+const qs = (i) => {
+  var S;
   const t = Qe(G), e = Qe(nt), n = Qe(se), r = Qe(q), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: a } = o, d = r.getRenderById(a), u = d == null ? void 0 : d.scene;
   if (u == null)
     return;
-  const c = u.getTransformerByCreate(), [l, g] = en(!0), h = (C = o.anchorType) != null ? C : O.Position, [m, p] = en(h);
-  function f(b, v) {
-    const D = [];
-    return b.forEach((w) => {
-      const { oKey: y } = w, I = v.getDrawingOKey(y);
-      if (I == null)
-        return D.push(null), !0;
-      const { unitId: E, subUnitId: T, drawingId: M, drawingType: R, anchorType: N, sheetTransform: B } = I;
-      D.push({
-        unitId: E,
-        subUnitId: T,
-        drawingId: M,
-        anchorType: N,
-        sheetTransform: B,
-        drawingType: R
+  const c = u.getTransformerByCreate(), [l, g] = en(!0), h = (S = o.anchorType) != null ? S : O.Position, [m, p] = en(h);
+  function f(I, b) {
+    const v = [];
+    return I.forEach((D) => {
+      const { oKey: w } = D, y = b.getDrawingOKey(w);
+      if (y == null)
+        return v.push(null), !0;
+      const { unitId: C, subUnitId: E, drawingId: T, drawingType: M, anchorType: R, sheetTransform: N } = y;
+      v.push({
+        unitId: C,
+        subUnitId: E,
+        drawingId: T,
+        anchorType: R,
+        sheetTransform: N,
+        drawingType: M
       });
-    }), D;
+    }), v;
   }
   fr(() => {
-    const b = c.clearControl$.subscribe((D) => {
-      D === !0 && g(!1);
-    }), v = c.changeStart$.subscribe((D) => {
-      var I;
-      const { objects: w } = D, y = f(w, n);
-      if (y.length === 0)
+    const I = c.clearControl$.subscribe((v) => {
+      v === !0 && g(!1);
+    }), b = c.changeStart$.subscribe((v) => {
+      var y;
+      const { objects: D } = v, w = f(D, n);
+      if (w.length === 0)
         g(!1);
-      else if (y.length >= 1) {
+      else if (w.length >= 1) {
         g(!0);
-        const E = ((I = y[0]) == null ? void 0 : I.anchorType) || O.Position;
-        p(E);
+        const C = ((y = w[0]) == null ? void 0 : y.anchorType) || O.Position;
+        p(C);
       }
     });
     return () => {
-      v.unsubscribe(), b.unsubscribe();
+      b.unsubscribe(), I.unsubscribe();
     };
   }, []);
-  function _(b) {
-    p(b);
-    const v = n.getFocusDrawings();
-    if (v.length === 0)
+  function _(I) {
+    p(I);
+    const b = n.getFocusDrawings();
+    if (b.length === 0)
       return;
-    const D = v.map((w) => ({
-      unitId: w.unitId,
-      subUnitId: w.subUnitId,
-      drawingId: w.drawingId,
-      anchorType: b
+    const v = b.map((D) => ({
+      unitId: D.unitId,
+      subUnitId: D.subUnitId,
+      drawingId: D.drawingId,
+      anchorType: I
     }));
     t.executeCommand(jt.id, {
-      unitId: v[0].unitId,
-      drawings: D
+      unitId: b[0].unitId,
+      drawings: v
     });
   }
   return /* @__PURE__ */ Qt(
     "div",
     {
-      className: `
-              univer-relative univer-mt-5 univer-w-full univer-border-b-0 univer-border-l-0 univer-border-r-0
-              univer-border-t univer-border-solid univer-border-gray-200
-            `,
-      style: { display: ((b) => b ? "block" : "none")(l) },
+      className: vi("univer-relative univer-mt-5 univer-w-full", Ii, {
+        "univer-hidden": !l
+      }),
       children: [
         /* @__PURE__ */ Z(
           "div",
@@ -3478,7 +3477,7 @@ const Zs = (i) => {
             className: `
                   univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
                 `,
-            children: /* @__PURE__ */ Z("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ Qt(vi, { value: m, onChange: _, direction: "vertical", children: [
+            children: /* @__PURE__ */ Z("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ Qt(Si, { value: m, onChange: _, direction: "vertical", children: [
               /* @__PURE__ */ Z(Gt, { value: O.Both, children: e.t("drawing-anchor.both") }),
               /* @__PURE__ */ Z(Gt, { value: O.Position, children: e.t("drawing-anchor.position") }),
               /* @__PURE__ */ Z(Gt, { value: O.None, children: e.t("drawing-anchor.none") })
@@ -3488,7 +3487,7 @@ const Zs = (i) => {
       ]
     }
   );
-}, Js = () => {
+}, Qs = () => {
   const i = Qe(se), t = i.getFocusDrawings(), [e, n] = en(t);
   return fr(() => {
     const r = i.focus$.subscribe((s) => {
@@ -3499,20 +3498,20 @@ const Zs = (i) => {
     };
   }, []), !!(e != null && e.length) && /* @__PURE__ */ Qt("div", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
     /* @__PURE__ */ Z(ui, { drawings: e }),
-    /* @__PURE__ */ Z(Zs, { drawings: e })
+    /* @__PURE__ */ Z(qs, { drawings: e })
   ] });
-}, qs = {
-  [Bi.FORMULAS_INSERT]: {
+}, eo = {
+  [xi.FORMULAS_INSERT]: {
     [Tr]: {
       order: 3,
-      menuItemFactory: Hs,
+      menuItemFactory: Ks,
       [Bt.id]: {
         order: 0,
-        menuItemFactory: zs
+        menuItemFactory: Zs
       },
       [ln.id]: {
         order: 1,
-        menuItemFactory: Ks
+        menuItemFactory: Js
       }
     }
   }
@@ -3520,7 +3519,7 @@ const Zs = (i) => {
 function st(i) {
   return !i.getContextValue(zr) && !i.getContextValue(Kr) && !i.getContextValue(Zr) && i.getContextValue(xe);
 }
-const Qs = {
+const to = {
   id: it.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
@@ -3530,7 +3529,7 @@ const Qs = {
   staticParameters: {
     direction: ve.DOWN
   }
-}, eo = {
+}, no = {
   id: it.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
@@ -3540,7 +3539,7 @@ const Qs = {
   staticParameters: {
     direction: ve.UP
   }
-}, to = {
+}, ro = {
   id: it.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
@@ -3550,7 +3549,7 @@ const Qs = {
   staticParameters: {
     direction: ve.LEFT
   }
-}, no = {
+}, io = {
   id: it.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
@@ -3560,7 +3559,7 @@ const Qs = {
   staticParameters: {
     direction: ve.RIGHT
   }
-}, ro = {
+}, so = {
   id: yr.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
@@ -3569,8 +3568,8 @@ const Qs = {
   binding: Fe.DELETE,
   mac: Fe.BACKSPACE
 };
-var io = Object.getOwnPropertyDescriptor, so = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? io(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var oo = Object.getOwnPropertyDescriptor, ao = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? oo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, We = (i, t) => (e, n) => t(e, n, i);
@@ -3580,10 +3579,10 @@ let Pt = class extends ie {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Er, Mr)), this.disposeWithMe(i.register(mr, Js));
+    this.disposeWithMe(i.register(Er, Mr)), this.disposeWithMe(i.register(mr, Qs));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(qs);
+    this._menuManagerService.mergeMenu(eo);
   }
   _initCommands() {
     [
@@ -3605,11 +3604,11 @@ let Pt = class extends ie {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Qs,
-      eo,
       to,
       no,
-      ro
+      ro,
+      io,
+      so
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -3618,20 +3617,20 @@ let Pt = class extends ie {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Pt = so([
+Pt = ao([
   We(0, A(zn)),
-  We(1, $i),
+  We(1, Fi),
   We(2, G),
-  We(3, xi),
+  We(3, Li),
   We(4, se),
   We(5, A(dn))
 ], Pt);
-var oo = Object.defineProperty, ao = Object.getOwnPropertyDescriptor, co = (i, t, e) => t in i ? oo(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, lo = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ao(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var co = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, uo = (i, t, e) => t in i ? co(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, ho = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? lo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Vt = (i, t) => (e, n) => t(e, n, i), Or = (i, t, e) => co(i, typeof t != "symbol" ? t + "" : t, e);
-const uo = "SHEET_IMAGE_UI_PLUGIN";
+}, Vt = (i, t) => (e, n) => t(e, n, i), Or = (i, t, e) => uo(i, typeof t != "symbol" ? t + "" : t, e);
+const go = "SHEET_IMAGE_UI_PLUGIN";
 let At = class extends Qr {
   constructor(i = $n, t, e, n) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
@@ -3640,7 +3639,7 @@ let At = class extends Qr {
       $n,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(as, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ds, s);
   }
   onStarting() {
     ti(this._injector, [
@@ -3682,13 +3681,13 @@ let At = class extends Qr {
       [nn],
       [tn]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(x.UNIVER_SHEET, i));
     });
   }
 };
-Or(At, "type", F.UNIVER_SHEET);
-Or(At, "pluginName", uo);
-At = lo([
+Or(At, "type", x.UNIVER_SHEET);
+Or(At, "pluginName", go);
+At = ho([
   Jr(oi, ri, hi, pi),
   Vt(1, A(Ye)),
   Vt(2, q),