@univerjs/sheets-drawing-ui 0.5.5 → 0.6.0-experimental.20250125-1d060b9

package/lib/es/index.js

@@ -1,71 +1,72 @@
-var vr = Object.defineProperty;
-var Sr = (i, e, n) => e in i ? vr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var J = (i, e, n) => Sr(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as q, ICommandService as H, IUndoRedoService as Be, sequenceExecute as Mn, LocaleService as Pt, IUniverInstanceService as $e, useDependency as Ee, Inject as N, Injector as qe, IContextService as yn, RxDisposable as Ir, UniverInstanceType as Y, connectInjector as Cr, toDisposable as Rr, FOCUSING_COMMON_DRAWINGS as We, DrawingTypeEnum as L, Disposable as ie, ArrangeTypeEnum as st, createDocumentModelWithStyle as br, ObjectRelativeFromH as Dr, ObjectRelativeFromV as Mr, BooleanNumber as yr, PositionedObjectLayoutType as Or, WrapTextType as Tr, BuildTextUtils as Er, Range as Pr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as ot, DOCS_ZEN_EDITOR_UNIT_ID_KEY as at, InterceptorEffectEnum as Ur, ObjectMatrix as Ar, Tools as Pe, UserManagerService as Nr, IPermissionService as jr, Rectangle as Wr, Direction as _e, FOCUSING_FX_BAR_EDITOR as xr, EDITOR_ACTIVATED as Br, FOCUSING_PANEL_EDITOR as $r, LifecycleService as kr, LifecycleStages as Lr, DisposableCollection as ct, fromEventSubject as Fr, generateRandomId as Gt, DependentOn as Gr, Plugin as Vr, merge as Yr, registerDependencies as Hr, touchDependencies as Vt, IConfigService as Xr } from "@univerjs/core";
-import { DocDrawingController as zr, UniverDocsDrawingPlugin as Kr } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as Ut, IImageIoService as On, IDrawingManagerService as ae, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ln, DRAWING_IMAGE_COUNT_LIMIT as un, ImageUploadStatusType as Ae, DRAWING_IMAGE_ALLOW_SIZE as hn, getImageSize as gn, DRAWING_IMAGE_WIDTH_LIMIT as mn, DRAWING_IMAGE_HEIGHT_LIMIT as fn, getDrawingShapeKeyByDrawingSearch as Ye, UniverDrawingPlugin as Jr } from "@univerjs/drawing";
-import { ImageCropperObject as Zr, COMPONENT_IMAGE_POPUP_MENU as qr, OpenImageCropOperation as Qr, ImageResetSizeOperation as ei, DrawingRenderService as Tn, DrawingCommonPanel as ti, UniverDrawingUIPlugin as ni } from "@univerjs/drawing-ui";
-import { IRenderManagerService as Q, precisionTo as dt, getGroupState as ri, transformObjectOutOfGroup as ii, RENDER_CLASS_TYPE as Ne, Rect as lt, ObjectType as pn, DRAWING_OBJECT_LAYER_INDEX as Yt, SHEET_VIEWPORT_KEY as En } from "@univerjs/engine-render";
-import { ISheetDrawingService as ee, SetDrawingApplyMutation as T, DrawingApplyType as E, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as si } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as oi, convertPositionSheetOverGridToAbsolute as ai, ISheetSelectionRenderService as Qe, SheetSkeletonManagerService as Z, attachRangeWithCoord as Pn, IEditorBridgeService as ci, IAutoFillService as di, HoverManagerService as li, COPY_TYPE as wn, PREDEFINED_HOOK_NAME as ut, virtualizeDiscreteRanges as ui, ISheetClipboardService as hi, SheetPrintInterceptorService as gi, getCurrentRangeDisable$ as mi, SetZoomRatioOperation as _n, SetScrollOperation as fi } from "@univerjs/sheets-ui";
-import { ISidebarService as pi, IUIPartsService as wi, BuiltInUIPart as _i, ILocalFileService as vi, IMessageService as Si, MenuItemType as on, getMenuHiddenObservable as Un, RibbonStartGroup as Ii, KeyCode as xe, ComponentManager as Ci, IMenuManagerService as Ri, IShortcutService as bi, CanvasFloatDomService as Di } from "@univerjs/ui";
-import { takeUntil as vn, combineLatest as ht, map as Je, filter as ve, distinctUntilChanged as gt, Subject as Ht, take as Mi, BehaviorSubject as He, switchMap as Sn } from "rxjs";
-import { SheetInterceptorService as At, getSheetCommandTarget as V, SheetsSelectionsService as An, SetRangeValuesCommand as yi, SetWorksheetRowHeightMutation as Nn, SetWorksheetColWidthMutation as jn, SetWorksheetRowIsAutoHeightMutation as Oi, SetWorksheetRowAutoHeightMutation as Wn, AddWorksheetMergeMutation as Ti, RemoveWorksheetMergeMutation as Ei, AFTER_CELL_EDIT as Pi, INTERCEPTOR_POINT as Ui, InterceptCellContentPriority as Ai, WorkbookViewPermission as In, WorksheetViewPermission as Xt, WorkbookEditablePermission as qt, WorksheetEditPermission as St, InsertRowCommand as xn, InsertColCommand as Bn, RemoveRowCommand as $n, RemoveColCommand as kn, DeleteRangeMoveLeftCommand as Ln, DeleteRangeMoveUpCommand as Fn, InsertRangeMoveDownCommand as Gn, InsertRangeMoveRightCommand as Vn, DeltaRowHeightCommand as Qt, SetRowHeightCommand as en, DeltaColumnWidthCommand as Yn, SetColWidthCommand as Hn, SetRowHiddenCommand as Xn, SetSpecificRowsVisibleCommand as zn, SetSpecificColsVisibleCommand as Kn, SetColHiddenCommand as Jn, MoveColsCommand as Zn, MoveRowsCommand as qn, MoveRangeCommand as Qn, SetRowVisibleMutation as Ni, SetRowHiddenMutation as ji, SetColVisibleMutation as Wi, SetColHiddenMutation as xi, SetWorksheetActiveOperation as Bi, RangeProtectionPermissionEditPoint as $i, SetFrozenMutation as ki, COMMAND_LISTENER_SKELETON_CHANGE as Li } from "@univerjs/sheets";
-import er, { useEffect as an, forwardRef as tr, useRef as Fi, createElement as nr, useState as tn } from "react";
-import { docDrawingPositionToTransform as Gi, ReplaceSnapshotCommand as Vi } from "@univerjs/docs-ui";
-import { MessageType as Me, RadioGroup as Yi, Radio as zt } from "@univerjs/design";
-const Hi = "sheets-drawing-ui.config", Cn = {}, F = {
+var Mr = Object.defineProperty;
+var yr = (i, e, n) => e in i ? Mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var z = (i, e, n) => yr(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as Z, ICommandService as F, IUndoRedoService as Fe, sequenceExecute as Pn, LocaleService as xt, IUniverInstanceService as Ye, useDependency as ye, Inject as N, Injector as Qe, IContextService as Un, RxDisposable as Tr, UniverInstanceType as X, connectInjector as Or, toDisposable as Er, FOCUSING_COMMON_DRAWINGS as ke, DrawingTypeEnum as L, Disposable as oe, ArrangeTypeEnum as gt, createDocumentModelWithStyle as Pr, ObjectRelativeFromH as Ur, ObjectRelativeFromV as Ar, BooleanNumber as Nr, PositionedObjectLayoutType as jr, WrapTextType as Br, BuildTextUtils as Wr, Range as $r, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as mt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ft, InterceptorEffectEnum as xr, ObjectMatrix as kr, Tools as Te, UserManagerService as Lr, IPermissionService as Fr, Rectangle as Yr, Direction as _e, FOCUSING_FX_BAR_EDITOR as Gr, EDITOR_ACTIVATED as Xr, FOCUSING_PANEL_EDITOR as Vr, LifecycleService as Hr, LifecycleStages as zr, DisposableCollection as pt, fromEventSubject as Kr, generateRandomId as Ht, DependentOn as Zr, Plugin as Jr, merge as qr, registerDependencies as Qr, touchDependencies as zt, IConfigService as ei } from "@univerjs/core";
+import { DocDrawingController as ti, UniverDocsDrawingPlugin as ni } from "@univerjs/docs-drawing";
+import { SetDrawingSelectedOperation as kt, IImageIoService as An, IDrawingManagerService as te, DRAWING_IMAGE_ALLOW_IMAGE_LIST as pn, DRAWING_IMAGE_COUNT_LIMIT as wn, ImageUploadStatusType as je, DRAWING_IMAGE_ALLOW_SIZE as _n, getImageSize as vn, DRAWING_IMAGE_WIDTH_LIMIT as Sn, DRAWING_IMAGE_HEIGHT_LIMIT as In, ImageSourceType as ri, getDrawingShapeKeyByDrawingSearch as Ce, UniverDrawingPlugin as ii } from "@univerjs/drawing";
+import { ImageCropperObject as si, COMPONENT_IMAGE_POPUP_MENU as oi, OpenImageCropOperation as ai, ImageResetSizeOperation as ci, DrawingRenderService as Nn, DrawingCommonPanel as di, UniverDrawingUIPlugin as li } from "@univerjs/drawing-ui";
+import { IRenderManagerService as J, precisionTo as wt, getGroupState as ui, transformObjectOutOfGroup as hi, RENDER_CLASS_TYPE as Be, Rect as We, ObjectType as Cn, DRAWING_OBJECT_LAYER_INDEX as Kt, SHEET_VIEWPORT_KEY as jn } from "@univerjs/engine-render";
+import { ISheetDrawingService as ne, SetDrawingApplyMutation as P, DrawingApplyType as U, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as gi } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as mi, convertPositionSheetOverGridToAbsolute as fi, ISheetSelectionRenderService as Ge, SheetSkeletonManagerService as Y, attachRangeWithCoord as Bn, IEditorBridgeService as pi, IAutoFillService as wi, HoverManagerService as _i, PREDEFINED_HOOK_NAME as xe, COPY_TYPE as be, discreteRangeToRange as bn, virtualizeDiscreteRanges as vi, ISheetClipboardService as Si, SheetPrintInterceptorService as Ii, getCurrentRangeDisable$ as Ci, SetZoomRatioOperation as Rn, SetScrollOperation as bi } from "@univerjs/sheets-ui";
+import { ISidebarService as Ri, IUIPartsService as Di, BuiltInUIPart as Mi, ILocalFileService as yi, IMessageService as Ti, IClipboardInterfaceService as Oi, MenuItemType as cn, getMenuHiddenObservable as Wn, RibbonStartGroup as Ei, KeyCode as Le, ComponentManager as Pi, IMenuManagerService as Ui, IShortcutService as Ai, CanvasFloatDomService as Ni } from "@univerjs/ui";
+import { takeUntil as Dn, combineLatest as _t, map as Je, filter as ve, distinctUntilChanged as vt, Subject as Zt, take as ji, BehaviorSubject as He, switchMap as Mn } from "rxjs";
+import { SheetInterceptorService as Lt, getSheetCommandTarget as G, SheetsSelectionsService as dn, SetRangeValuesCommand as Bi, SetWorksheetRowHeightMutation as $n, SetWorksheetColWidthMutation as xn, SetWorksheetRowIsAutoHeightMutation as Wi, SetWorksheetRowAutoHeightMutation as kn, AddWorksheetMergeMutation as $i, RemoveWorksheetMergeMutation as xi, AFTER_CELL_EDIT as ki, INTERCEPTOR_POINT as Li, InterceptCellContentPriority as Fi, WorkbookViewPermission as yn, WorksheetViewPermission as Jt, WorkbookEditablePermission as en, WorksheetEditPermission as yt, InsertRowCommand as Ln, InsertColCommand as Fn, RemoveRowCommand as Yn, RemoveColCommand as Gn, DeleteRangeMoveLeftCommand as Xn, DeleteRangeMoveUpCommand as Vn, InsertRangeMoveDownCommand as Hn, InsertRangeMoveRightCommand as zn, DeltaRowHeightCommand as tn, SetRowHeightCommand as nn, DeltaColumnWidthCommand as Kn, SetColWidthCommand as Zn, SetRowHiddenCommand as Jn, SetSpecificRowsVisibleCommand as qn, SetSpecificColsVisibleCommand as Qn, SetColHiddenCommand as er, MoveColsCommand as tr, MoveRowsCommand as nr, MoveRangeCommand as rr, SetRowVisibleMutation as Yi, SetRowHiddenMutation as Gi, SetColVisibleMutation as Xi, SetColHiddenMutation as Vi, SetWorksheetActiveOperation as Hi, RangeProtectionPermissionEditPoint as zi, SetFrozenMutation as Ki, COMMAND_LISTENER_SKELETON_CHANGE as Zi } from "@univerjs/sheets";
+import { jsx as K, jsxs as Tt } from "react/jsx-runtime";
+import Ji, { useEffect as ln, forwardRef as ir, useRef as qi, createElement as sr, useState as rn } from "react";
+import { docDrawingPositionToTransform as Qi, ReplaceSnapshotCommand as es } from "@univerjs/docs-ui";
+import { MessageType as Re, RadioGroup as ts, Radio as qt } from "@univerjs/design";
+const ns = "sheets-drawing-ui.config", Tn = {}, k = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: q.MUTATION,
+  type: Z.MUTATION,
   handler: (i, e) => {
-    const n = i.get(Q);
+    const n = i.get(J);
     return e.forEach((t) => {
       var r, s;
       (s = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, Nt = {
+}, et = {
   id: "sheet.command.remove-sheet-image",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    var I, S, R;
-    const n = i.get(H), t = i.get(Be), r = i.get(At), s = i.get(ee);
+    var S, I, D;
+    const n = i.get(F), t = i.get(Fe), r = i.get(Lt), s = i.get(ne);
     if (!e) return !1;
     const { drawings: o } = e, c = [];
     o.forEach((v) => {
       const { unitId: C } = v;
       c.push(C);
     });
-    const d = s.getBatchRemoveOp(o), { unitId: g, subUnitId: a, undo: l, redo: h, objects: u } = d, m = r.onCommandExecute({ id: Nt.id, params: e }), p = { id: T.id, params: { unitId: g, subUnitId: a, op: h, objects: u, type: E.REMOVE } }, f = { id: T.id, params: { unitId: g, subUnitId: a, op: l, objects: u, type: E.INSERT } };
-    return Mn([...(I = m.preRedos) != null ? I : [], p, ...m.redos], n) ? (t.pushUndoRedo({
+    const a = s.getBatchRemoveOp(o), { unitId: g, subUnitId: d, undo: l, redo: h, objects: u } = a, m = r.onCommandExecute({ id: et.id, params: e }), p = { id: P.id, params: { unitId: g, subUnitId: d, op: h, objects: u, type: U.REMOVE } }, f = { id: P.id, params: { unitId: g, subUnitId: d, op: l, objects: u, type: U.INSERT } };
+    return Pn([...(S = m.preRedos) != null ? S : [], p, ...m.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
-        ...(S = m.preUndos) != null ? S : [],
+        ...(I = m.preUndos) != null ? I : [],
         f,
         ...m.undos,
-        { id: F.id, params: c }
+        { id: k.id, params: c }
       ],
       redoMutations: [
-        ...(R = m.preRedos) != null ? R : [],
+        ...(D = m.preRedos) != null ? D : [],
         p,
         ...m.redos,
-        { id: F.id, params: c }
+        { id: k.id, params: c }
       ]
     }), !0) : !1;
   }
-}, rr = "COMPONENT_SHEET_DRAWING_PANEL", ir = {
+}, or = "COMPONENT_SHEET_DRAWING_PANEL", ar = {
   id: "sidebar.operation.sheet-image",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(pi), t = i.get(Pt), r = i.get($e), s = i.get(H);
-    if (!V(r)) return !1;
+    const n = i.get(Ri), t = i.get(xt), r = i.get(Ye), s = i.get(F);
+    if (!G(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: rr },
+          children: { label: or },
           onClose: () => {
-            s.syncExecuteCommand(Ut.id, []);
+            s.syncExecuteCommand(kt.id, []);
           },
           width: 360
         });
@@ -77,76 +78,46 @@ const Hi = "sheets-drawing-ui.config", Cn = {}, F = {
     }
     return !0;
   }
-}, sr = {
+}, cr = {
   id: "sheet.operation.edit-sheet-image",
-  type: q.OPERATION,
+  type: Z.OPERATION,
   handler: (i, e) => {
-    const n = i.get(H);
-    return e == null ? !1 : (n.syncExecuteCommand(Ut.id, [e]), n.executeCommand(ir.id, { value: "open" }), !0);
-  }
-};
-var Kt = { exports: {} }, Xe = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Rn;
-function Xi() {
-  if (Rn) return Xe;
-  Rn = 1;
-  var i = er, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(c, d, g) {
-    var a, l = {}, h = null, u = null;
-    g !== void 0 && (h = "" + g), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (u = d.ref);
-    for (a in d) t.call(d, a) && !s.hasOwnProperty(a) && (l[a] = d[a]);
-    if (c && c.defaultProps) for (a in d = c.defaultProps, d) l[a] === void 0 && (l[a] = d[a]);
-    return { $$typeof: e, type: c, key: h, ref: u, props: l, _owner: r.current };
-  }
-  return Xe.Fragment = n, Xe.jsx = o, Xe.jsxs = o, Xe;
-}
-var bn;
-function zi() {
-  return bn || (bn = 1, Kt.exports = Xi()), Kt.exports;
-}
-var G = zi();
-const Ki = "univer-upload-loading", Ji = "univer-upload-loading-body", Zi = "univer-upload-loading-body-animation", qi = "univer-UniverCircleAnimation", Qi = "univer-upload-loading-body-text", mt = {
-  uploadLoading: Ki,
-  uploadLoadingBody: Ji,
-  uploadLoadingBodyAnimation: Zi,
-  univerCircleAnimation: qi,
-  uploadLoadingBodyText: Qi
-}, es = () => {
-  const i = Ee(On), e = Ee(Pt), [n, t] = er.useState(0);
-  return an(() => {
+    const n = i.get(F);
+    return e == null ? !1 : (n.syncExecuteCommand(kt.id, [e]), n.executeCommand(ar.id, { value: "open" }), !0);
+  }
+}, rs = "univer-upload-loading", is = "univer-upload-loading-body", ss = "univer-upload-loading-body-animation", os = "univer-UniverCircleAnimation", as = "univer-upload-loading-body-text", St = {
+  uploadLoading: rs,
+  uploadLoadingBody: is,
+  uploadLoadingBodyAnimation: ss,
+  univerCircleAnimation: os,
+  uploadLoadingBodyText: as
+}, cs = () => {
+  const i = ye(An), e = ye(xt), [n, t] = Ji.useState(0);
+  return ln(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ G.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: mt.uploadLoading, children: /* @__PURE__ */ G.jsxs("div", { className: mt.uploadLoadingBody, children: [
-    /* @__PURE__ */ G.jsx("div", { className: mt.uploadLoadingBodyAnimation }),
-    /* @__PURE__ */ G.jsx("div", { className: mt.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
+  }, [i]), /* @__PURE__ */ K("div", { style: { display: n > 0 ? "block" : "none" }, className: St.uploadLoading, children: /* @__PURE__ */ Tt("div", { className: St.uploadLoadingBody, children: [
+    /* @__PURE__ */ K("div", { className: St.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ K("div", { className: St.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
   ] }) });
 };
-var ts = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, rs = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ns(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var ds = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, us = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ls(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ts(e, n, r), r;
+  return t && r && ds(e, n, r), r;
 }, fe = (i, e) => (n, t) => e(n, t, i);
-let It = class extends Ir {
-  constructor(e, n, t, r, s, o, c, d) {
+let Ot = class extends Tr {
+  constructor(e, n, t, r, s, o, c, a) {
     super();
-    J(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = c, this._commandService = d, this._init();
+    z(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = c, this._commandService = a, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(vn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(vn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(_i.CONTENT, () => Cr(es, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET).pipe(Dn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(X.UNIVER_SHEET).pipe(Dn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(X.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Mi.CONTENT, () => Or(cs, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -161,7 +132,7 @@ let It = class extends Ir {
   _hasCropObject(e) {
     const n = e.getAllObjectsByOrder();
     for (const t of n)
-      if (t instanceof Zr)
+      if (t instanceof si)
         return !0;
     return !1;
   }
@@ -175,9 +146,9 @@ let It = class extends Ir {
       return;
     let r;
     this.disposeWithMe(
-      Rr(
+      Er(
         t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(We, !0), this._hasCropObject(n))
+          if (this._contextService.setContextValue(ke, !0), this._hasCropObject(n))
             return;
           const o = t.getSelectedObjectMap();
           if (o.size > 1) {
@@ -187,31 +158,31 @@ let It = class extends Ir {
           const c = o.values().next().value;
           if (!c)
             return;
-          const d = c.oKey, g = this._drawingManagerService.getDrawingOKey(d);
+          const a = c.oKey, g = this._drawingManagerService.getDrawingOKey(a);
           if (!g)
             return;
-          const { unitId: a, subUnitId: l, drawingId: h, drawingType: u } = g, m = g.data;
+          const { unitId: d, subUnitId: l, drawingId: h, drawingType: u } = g, m = g.data;
           if (m && m.disablePopup)
             return;
           r == null || r.dispose();
-          const p = this._canvasPopManagerService.getFeatureMenu(a, l, h, u);
+          const p = this._canvasPopManagerService.getFeatureMenu(d, l, h, u);
           r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c, {
-            componentKey: qr,
+            componentKey: oi,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: p || this._getImageMenuItems(a, l, h, u)
+              menuItems: p || this._getImageMenuItems(d, l, h, u)
             }
           }));
         })
       )
     ), this.disposeWithMe(
       t.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(We, !1), this._commandService.syncExecuteCommand(Ut.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(ke, !1), this._commandService.syncExecuteCommand(kt.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[We] === !1 && (r == null || r.dispose());
+        o[ke] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
       t.changing$.subscribe(() => {
@@ -224,61 +195,61 @@ let It = class extends Ir {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: sr.id,
+        commandId: cr.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: r === L.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Nt.id,
+        commandId: et.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Qr.id,
+        commandId: ai.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: r === L.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: ei.id,
+        commandId: ci.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: r === L.DRAWING_DOM
       }
     ];
   }
 };
-It = rs([
-  fe(0, N(qe)),
-  fe(1, ae),
-  fe(2, N(oi)),
-  fe(3, Q),
-  fe(4, $e),
-  fe(5, yn),
-  fe(6, N(wi)),
-  fe(7, H)
-], It);
-function z(i, e, n) {
-  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: c = 0, skewX: d = 0, skewY: g = 0 } = i, a = n.getCurrent();
-  if (a == null)
+Ot = us([
+  fe(0, N(Qe)),
+  fe(1, te),
+  fe(2, N(mi)),
+  fe(3, J),
+  fe(4, Ye),
+  fe(5, Un),
+  fe(6, N(Di)),
+  fe(7, F)
+], Ot);
+function V(i, e, n) {
+  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: c = 0, skewX: a = 0, skewY: g = 0 } = i, d = n.getCurrent();
+  if (d == null)
     return;
-  const l = ai(
-    a.unitId,
-    a.sheetId,
+  const l = fi(
+    d.unitId,
+    d.sheetId,
     { from: t, to: r },
     n
   );
   let { left: h, top: u, width: m, height: p } = l;
-  const f = n.getCurrentSkeleton(), w = f.rowHeaderWidth + f.columnTotalWidth, I = f.columnHeaderHeight + f.rowTotalHeight;
-  return h + m > w && (h = w - m), u + p > I && (u = I - p), {
+  const f = n.getCurrentSkeleton(), w = f.rowHeaderWidth + f.columnTotalWidth, S = f.columnHeaderHeight + f.rowTotalHeight;
+  return h + m > w && (h = w - m), u + p > S && (u = S - p), {
     flipY: s,
     flipX: o,
     angle: c,
-    skewX: d,
+    skewX: a,
     skewY: g,
     left: h,
     top: u,
@@ -286,40 +257,40 @@ function z(i, e, n) {
     height: p
   };
 }
-function k(i, e) {
-  const { left: n = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: c = !1, angle: d = 0, skewX: g = 0, skewY: a = 0 } = i, l = e.getCellWithCoordByOffset(n, t);
+function $(i, e) {
+  const { left: n = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: c = !1, angle: a = 0, skewX: g = 0, skewY: d = 0 } = i, l = e.getCellWithCoordByOffset(n, t);
   if (l == null)
     return;
   const h = {
     column: l.actualColumn,
-    columnOffset: dt(n - l.startX, 1),
+    columnOffset: wt(n - l.startX, 1),
     row: l.actualRow,
-    rowOffset: dt(t - l.startY, 1)
+    rowOffset: wt(t - l.startY, 1)
   }, u = e.getCellWithCoordByOffset(n + r, t + s);
   if (u == null)
     return;
   const m = {
     column: u.actualColumn,
-    columnOffset: dt(n + r - u.startX, 1),
+    columnOffset: wt(n + r - u.startX, 1),
     row: u.actualRow,
-    rowOffset: dt(t + s - u.startY, 1)
+    rowOffset: wt(t + s - u.startY, 1)
   };
   return {
     flipY: o,
     flipX: c,
-    angle: d,
+    angle: a,
     skewX: g,
-    skewY: a,
+    skewY: d,
     from: h,
     to: m
   };
 }
-var is = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, os = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ss(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var hs = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, ms = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? gs(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && is(e, n, r), r;
-}, ft = (i, e) => (n, t) => e(n, t, i);
-let nn = class extends ie {
+  return t && r && hs(e, n, r), r;
+}, It = (i, e) => (n, t) => e(n, t, i);
+let sn = class extends oe {
   constructor(i, e, n, t, r) {
     super(), this._context = i, this._sheetDrawingService = e, this._drawingManagerService = n, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -333,22 +304,22 @@ let nn = class extends ie {
       const n = i[e];
       for (const t in n.data) {
         const r = n.data[t];
-        r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+        r.transform = V(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 = os([
-  ft(1, ee),
-  ft(2, ae),
-  ft(3, N(Qe)),
-  ft(4, N(Z))
-], nn);
-function as(i) {
+sn = ms([
+  It(1, ne),
+  It(2, te),
+  It(3, N(Ge)),
+  It(4, N(Y))
+], sn);
+function fs(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: c } = t, d = ri(0, 0, r.map((l) => l.transform || {})), g = r.map((l) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: c } = t, a = ui(0, 0, r.map((l) => l.transform || {})), g = r.map((l) => {
       const h = l.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: m, drawingId: p } = l;
       return {
         unitId: u,
@@ -356,32 +327,32 @@ function as(i) {
         drawingId: p,
         transform: {
           ...h,
-          left: h.left - d.left,
-          top: h.top - d.top
+          left: h.left - a.left,
+          top: h.top - a.top
         },
         groupId: c
       };
-    }), a = {
+    }), d = {
       unitId: s,
       subUnitId: o,
       drawingId: c,
       drawingType: L.DRAWING_GROUP,
-      transform: d
+      transform: a
     };
     e.push({
-      parent: a,
+      parent: d,
       children: g
     });
   }), e;
 }
-function cs(i) {
+function ps(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: c, transform: d = { width: 0, height: 0 } } = t;
-    if (d == null)
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: c, transform: a = { width: 0, height: 0 } } = t;
+    if (a == null)
       return;
     const g = r.map((l) => {
-      const { transform: h } = l, { unitId: u, subUnitId: m, drawingId: p } = l, f = ii(h || {}, d, d.width || 0, d.height || 0);
+      const { transform: h } = l, { unitId: u, subUnitId: m, drawingId: p } = l, f = hi(h || {}, a, a.width || 0, a.height || 0);
       return {
         unitId: u,
         subUnitId: m,
@@ -389,7 +360,7 @@ function cs(i) {
         transform: f,
         groupId: void 0
       };
-    }), a = {
+    }), d = {
       unitId: s,
       subUnitId: o,
       drawingId: c,
@@ -400,16 +371,16 @@ function cs(i) {
       }
     };
     e.push({
-      parent: a,
+      parent: d,
       children: g
     });
   }), e;
 }
-const or = {
+const dr = {
   id: "sheet.command.group-sheet-image",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(H), t = i.get(Be), r = i.get(ee);
+    const n = i.get(F), t = i.get(Fe), r = i.get(ne);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: u, children: m }) => {
@@ -417,88 +388,88 @@ const or = {
         s.push(p.unitId);
       });
     });
-    const o = r.getGroupDrawingOp(e), { unitId: c, subUnitId: d, undo: g, redo: a, objects: l } = o;
-    return n.syncExecuteCommand(T.id, { op: a, unitId: c, subUnitId: d, objects: l, type: E.GROUP }) ? (t.pushUndoRedo({
+    const o = r.getGroupDrawingOp(e), { unitId: c, subUnitId: a, undo: g, redo: d, objects: l } = o;
+    return n.syncExecuteCommand(P.id, { op: d, unitId: c, subUnitId: a, objects: l, type: U.GROUP }) ? (t.pushUndoRedo({
       unitID: c,
       undoMutations: [
-        { id: T.id, params: { op: g, unitId: c, subUnitId: d, objects: cs(l), type: E.UNGROUP } },
-        { id: F.id, params: s }
+        { id: P.id, params: { op: g, unitId: c, subUnitId: a, objects: ps(l), type: U.UNGROUP } },
+        { id: k.id, params: s }
       ],
       redoMutations: [
-        { id: T.id, params: { op: a, unitId: c, subUnitId: d, objects: l, type: E.GROUP } },
-        { id: F.id, params: s }
+        { id: P.id, params: { op: d, unitId: c, subUnitId: a, objects: l, type: U.GROUP } },
+        { id: k.id, params: s }
       ]
     }), !0) : !1;
   }
-}, jt = {
+}, Ft = {
   id: "sheet.command.insert-sheet-image",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    var I, S, R;
-    const n = i.get(H), t = i.get(Be), r = i.get(ee), s = i.get(At);
+    var S, I, D;
+    const n = i.get(F), t = i.get(Fe), r = i.get(ne), s = i.get(Lt);
     if (!e) return !1;
-    const o = e.drawings, c = o.map((v) => v.unitId), d = r.getBatchAddOp(o), { unitId: g, subUnitId: a, undo: l, redo: h, objects: u } = d, m = s.onCommandExecute({ id: jt.id, params: e }), p = { id: T.id, params: { op: h, unitId: g, subUnitId: a, objects: u, type: E.INSERT } }, f = { id: T.id, params: { op: l, unitId: g, subUnitId: a, objects: u, type: E.REMOVE } };
-    return Mn([...(I = m.preRedos) != null ? I : [], p, ...m.redos], n) ? (t.pushUndoRedo({
+    const o = e.drawings, c = o.map((v) => v.unitId), a = r.getBatchAddOp(o), { unitId: g, subUnitId: d, undo: l, redo: h, objects: u } = a, m = s.onCommandExecute({ id: Ft.id, params: e }), p = { id: P.id, params: { op: h, unitId: g, subUnitId: d, objects: u, type: U.INSERT } }, f = { id: P.id, params: { op: l, unitId: g, subUnitId: d, objects: u, type: U.REMOVE } };
+    return Pn([...(S = m.preRedos) != null ? S : [], p, ...m.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
-        ...(S = m.preUndos) != null ? S : [],
+        ...(I = m.preUndos) != null ? I : [],
         f,
         ...m.undos,
-        { id: F.id, params: c }
+        { id: k.id, params: c }
       ],
       redoMutations: [
-        ...(R = m.preRedos) != null ? R : [],
+        ...(D = m.preRedos) != null ? D : [],
         p,
         ...m.redos,
-        { id: F.id, params: c }
+        { id: k.id, params: c }
       ]
     }), !0) : !1;
   }
-}, ar = {
+}, lr = {
   id: "sheet.command.set-drawing-arrange",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(H), t = i.get(Be);
+    const n = i.get(F), t = i.get(Fe);
     if (!e) return !1;
-    const r = i.get(ee), { unitId: s, subUnitId: o, drawingIds: c, arrangeType: d } = e, g = { unitId: s, subUnitId: o, drawingIds: c };
-    let a;
-    if (d === st.forward ? a = r.getForwardDrawingsOp(g) : d === st.backward ? a = r.getBackwardDrawingOp(g) : d === st.front ? a = r.getFrontDrawingsOp(g) : d === st.back && (a = r.getBackDrawingsOp(g)), a == null)
+    const r = i.get(ne), { unitId: s, subUnitId: o, drawingIds: c, arrangeType: a } = e, g = { unitId: s, subUnitId: o, drawingIds: c };
+    let d;
+    if (a === gt.forward ? d = r.getForwardDrawingsOp(g) : a === gt.backward ? d = r.getBackwardDrawingOp(g) : a === gt.front ? d = r.getFrontDrawingsOp(g) : a === gt.back && (d = r.getBackDrawingsOp(g)), d == null)
       return !1;
-    const { objects: l, redo: h, undo: u } = a;
-    return n.syncExecuteCommand(T.id, { op: h, unitId: s, subUnitId: o, objects: l, type: E.ARRANGE }) ? (t.pushUndoRedo({
+    const { objects: l, redo: h, undo: u } = d;
+    return n.syncExecuteCommand(P.id, { op: h, unitId: s, subUnitId: o, objects: l, type: U.ARRANGE }) ? (t.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: T.id, params: { op: u, unitId: s, subUnitId: o, objects: l, type: E.ARRANGE } }
+        { id: P.id, params: { op: u, unitId: s, subUnitId: o, objects: l, type: U.ARRANGE } }
       ],
       redoMutations: [
-        { id: T.id, params: { op: h, unitId: s, subUnitId: o, objects: l, type: E.ARRANGE } }
+        { id: P.id, params: { op: h, unitId: s, subUnitId: o, objects: l, type: U.ARRANGE } }
       ]
     }), !0) : !1;
   }
-}, Wt = {
+}, Yt = {
   id: "sheet.command.set-sheet-image",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(H), t = i.get(Be), r = i.get(ee);
+    const n = i.get(F), t = i.get(Fe), r = i.get(ne);
     if (!e) return !1;
-    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: c, subUnitId: d, undo: g, redo: a, objects: l } = o;
-    return n.syncExecuteCommand(T.id, { unitId: c, subUnitId: d, op: a, objects: l, type: E.UPDATE }) ? (t.pushUndoRedo({
+    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: c, subUnitId: a, undo: g, redo: d, objects: l } = o;
+    return n.syncExecuteCommand(P.id, { unitId: c, subUnitId: a, op: d, objects: l, type: U.UPDATE }) ? (t.pushUndoRedo({
       unitID: c,
       undoMutations: [
-        { id: T.id, params: { unitId: c, subUnitId: d, op: g, objects: l, type: E.UPDATE } },
-        { id: F.id, params: [c] }
+        { id: P.id, params: { unitId: c, subUnitId: a, op: g, objects: l, type: U.UPDATE } },
+        { id: k.id, params: [c] }
       ],
       redoMutations: [
-        { id: T.id, params: { unitId: c, subUnitId: d, op: a, objects: l, type: E.UPDATE } },
-        { id: F.id, params: [c] }
+        { id: P.id, params: { unitId: c, subUnitId: a, op: d, objects: l, type: U.UPDATE } },
+        { id: k.id, params: [c] }
       ]
     }), !0) : !1;
   }
-}, cr = {
+}, ur = {
   id: "sheet.command.ungroup-sheet-image",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(H), t = i.get(Be), r = i.get(ee);
+    const n = i.get(F), t = i.get(Fe), r = i.get(ne);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: u, children: m }) => {
@@ -506,93 +477,93 @@ const or = {
         s.push(p.unitId);
       });
     });
-    const o = r.getUngroupDrawingOp(e), { unitId: c, subUnitId: d, undo: g, redo: a, objects: l } = o;
-    return n.syncExecuteCommand(T.id, { op: a, unitId: c, subUnitId: d, objects: l, type: E.UNGROUP }) ? (t.pushUndoRedo({
+    const o = r.getUngroupDrawingOp(e), { unitId: c, subUnitId: a, undo: g, redo: d, objects: l } = o;
+    return n.syncExecuteCommand(P.id, { op: d, unitId: c, subUnitId: a, objects: l, type: U.UNGROUP }) ? (t.pushUndoRedo({
       unitID: c,
       undoMutations: [
-        { id: T.id, params: { op: g, unitId: c, subUnitId: d, objects: as(l), type: E.GROUP } },
-        { id: F.id, params: s }
+        { id: P.id, params: { op: g, unitId: c, subUnitId: a, objects: fs(l), type: U.GROUP } },
+        { id: k.id, params: s }
       ],
       redoMutations: [
-        { id: T.id, params: { op: a, unitId: c, subUnitId: d, objects: l, type: E.UNGROUP } },
-        { id: F.id, params: s }
+        { id: P.id, params: { op: d, unitId: c, subUnitId: a, objects: l, type: U.UNGROUP } },
+        { id: k.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-var ds = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, us = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ls(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var ws = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, vs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? _s(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ds(e, n, r), r;
-}, te = (i, e) => (n, t) => e(n, t, i);
-function hs(i, e, n) {
+  return t && r && ws(e, n, r), r;
+}, Q = (i, e) => (n, t) => e(n, t, i);
+function Ss(i, e, n) {
   const t = n * Math.PI / 180, r = Math.abs(i * Math.cos(t)) + Math.abs(e * Math.sin(t)), s = Math.abs(i * Math.sin(t)) + Math.abs(e * Math.cos(t));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function dr(i, e, n, t, r) {
-  var I;
-  const { rotatedHeight: s, rotatedWidth: o } = hs(n, t, r), d = i.get(Q).getRenderById(e.unitId);
-  if (!d)
+function hr(i, e, n, t, r) {
+  var S;
+  const { rotatedHeight: s, rotatedWidth: o } = Ss(n, t, r), a = i.get(J).getRenderById(e.unitId);
+  if (!a)
     return !1;
-  const a = (I = d.with(Z).getWorksheetSkeleton(e.subUnitId)) == null ? void 0 : I.skeleton;
-  if (a == null)
+  const d = (S = a.with(Y).getWorksheetSkeleton(e.subUnitId)) == null ? void 0 : S.skeleton;
+  if (d == null)
     return !1;
-  const l = a.getCellByIndex(e.row, e.col), h = l.mergeInfo.endX - l.mergeInfo.startX - 2, u = l.mergeInfo.endY - l.mergeInfo.startY - 2, m = o / s, f = Math.ceil(Math.min(h, u * m)) / o, w = !f || Number.isNaN(f) ? 1e-3 : f;
+  const l = d.getCellByIndex(e.row, e.col), h = l.mergeInfo.endX - l.mergeInfo.startX - 2, u = l.mergeInfo.endY - l.mergeInfo.startY - 2, m = o / s, f = Math.ceil(Math.min(h, u * m)) / o, w = !f || Number.isNaN(f) ? 1e-3 : f;
   return {
     width: n * w,
     height: t * w
   };
 }
-let Ze = class extends ie {
-  constructor(e, n, t, r, s, o, c, d, g, a, l, h, u) {
+let qe = class extends oe {
+  constructor(e, n, t, r, s, o, c, a, g, d, l, h, u) {
     super();
-    J(this, "_workbookSelections");
-    this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = c, this._drawingManagerService = d, this._contextService = g, this._messageService = a, this._localeService = l, this._injector = u, this._workbookSelections = h.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+    z(this, "_workbookSelections");
+    this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = c, this._drawingManagerService = a, this._contextService = g, this._messageService = d, this._localeService = l, this._injector = u, this._workbookSelections = h.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const e = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: ln.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: pn.map((t) => `.${t.replace("image/", "")}`).join(",")
     }), n = e.length;
-    return n > un ? (this._messageService.show({
-      type: Me.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(un))
-    }), !1) : n === 0 ? !1 : (e.forEach(async (t) => await this._insertFloatImage(t)), !0);
+    return n > wn ? (this._messageService.show({
+      type: Re.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(wn))
+    }), !1) : n === 0 ? !1 : (e.forEach(async (t) => await this.insertFloatImageByFile(t)), !0);
   }
   async insertCellImage() {
     const n = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: ln.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: pn.map((t) => `.${t.replace("image/", "")}`).join(",")
     }))[0];
     return n ? (await this._insertCellImage(n), !0) : !1;
   }
-  async _insertFloatImage(e) {
+  async insertFloatImageByFile(e) {
     let n;
     try {
       n = await this._imageIoService.saveImage(e);
-    } catch (I) {
-      const S = I.message;
-      S === Ae.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Me.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(hn / (1024 * 1024)))
-      }) : S === Ae.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Me.Error,
+    } catch (S) {
+      const I = S.message;
+      I === je.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(_n / (1024 * 1024)))
+      }) : I === je.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : S === Ae.ERROR_IMAGE && this._messageService.show({
-        type: Me.Error,
+      }) : I === je.ERROR_IMAGE && this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return;
-    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: c, source: d, base64Cache: g } = n, { width: a, height: l, image: h } = await gn(g || ""), { width: u, height: m } = this._context.scene;
-    this._imageIoService.addImageSourceCache(d, c, h);
+    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: c, source: a, base64Cache: g } = n, { width: d, height: l, image: h } = await vn(g || ""), { width: u, height: m } = this._context.scene;
+    this._imageIoService.addImageSourceCache(a, c, h);
     let p = 1;
-    if (a > mn || l > fn) {
-      const I = mn / a, S = fn / l;
-      p = Math.max(I, S);
+    if (d > Sn || l > In) {
+      const S = Sn / d, I = In / l;
+      p = Math.max(S, I);
     }
-    const f = this._getImagePosition(a * p, l * p, u, m);
+    const f = this._getImagePosition(d * p, l * p, u, m);
     if (f == null)
       return;
     const w = {
@@ -601,11 +572,11 @@ let Ze = class extends ie {
       drawingId: o,
       drawingType: L.DRAWING_IMAGE,
       imageSourceType: c,
-      source: d,
-      transform: z(f, this._selectionRenderService, this._skeletonManagerService),
+      source: a,
+      transform: V(f, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: f
     };
-    this._commandService.executeCommand(jt.id, {
+    return this._commandService.executeCommand(Ft.id, {
       unitId: r,
       drawings: [w]
     });
@@ -617,34 +588,34 @@ let Ze = class extends ie {
       n = await this._imageIoService.saveImage(e);
     } catch (f) {
       const w = f.message;
-      w === Ae.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Me.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(hn / (1024 * 1024)))
-      }) : w === Ae.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Me.Error,
+      w === je.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(_n / (1024 * 1024)))
+      }) : w === je.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : w === Ae.ERROR_IMAGE && this._messageService.show({
-        type: Me.Error,
+      }) : w === je.ERROR_IMAGE && this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return;
-    const { imageId: t, imageSourceType: r, source: s, base64Cache: o } = n, { width: c, height: d, image: g } = await gn(o || "");
+    const { imageId: t, imageSourceType: r, source: s, base64Cache: o } = n, { width: c, height: a, image: g } = await vn(o || "");
     this._imageIoService.addImageSourceCache(s, r, g);
-    const a = this._workbookSelections.getCurrentLastSelection();
-    if (!a)
+    const d = this._workbookSelections.getCurrentLastSelection();
+    if (!d)
       return !1;
-    const l = br("", {}), h = dr(
+    const l = Pr("", {}), h = hr(
       this._injector,
       {
         unitId: this._context.unitId,
         subUnitId: this._context.unit.getActiveSheet().getSheetId(),
-        row: a.primary.actualRow,
-        col: a.primary.actualColumn
+        row: d.primary.actualRow,
+        col: d.primary.actualColumn
       },
       c,
-      d,
+      a,
       0
     );
     if (!h)
@@ -655,11 +626,11 @@ let Ze = class extends ie {
         height: h.height
       },
       positionH: {
-        relativeFrom: Dr.PAGE,
+        relativeFrom: Ur.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Mr.PARAGRAPH,
+        relativeFrom: Ar.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
@@ -670,19 +641,19 @@ let Ze = class extends ie {
       drawingType: L.DRAWING_IMAGE,
       imageSourceType: r,
       source: s,
-      transform: Gi(u),
+      transform: Qi(u),
       docTransform: u,
-      behindDoc: yr.FALSE,
+      behindDoc: Nr.FALSE,
       title: "",
       description: "",
-      layoutType: Or.INLINE,
+      layoutType: jr.INLINE,
       // Insert inline drawing by default.
-      wrapText: Tr.BOTH_SIDES,
+      wrapText: Br.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, p = Er.drawing.add({
+    }, p = Wr.drawing.add({
       documentDataModel: l,
       drawings: [m],
       selection: {
@@ -691,10 +662,10 @@ let Ze = class extends ie {
         endOffset: 0
       }
     });
-    return p ? (l.apply(p), this._commandService.syncExecuteCommand(yi.id, {
+    return p ? (l.apply(p), this._commandService.syncExecuteCommand(Bi.id, {
       value: {
-        [a.primary.actualRow]: {
-          [a.primary.actualColumn]: {
+        [d.primary.actualRow]: {
+          [d.primary.actualColumn]: {
             p: l.getSnapshot(),
             t: 1
           }
@@ -718,27 +689,27 @@ let Ze = class extends ie {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const c = Pn(this._skeletonManagerService.getCurrent().skeleton, o);
+    const c = Bn(this._skeletonManagerService.getCurrent().skeleton, o);
     if (c == null)
       return;
-    let { startColumn: d, startRow: g, startX: a, startY: l } = c, h = !1;
-    if (a + e > t && (a = t - e, a < 0 && (a = 0, e = t), h = !0), l + n > r && (l = r - n, l < 0 && (l = 0, n = r), h = !0), h) {
-      const f = this._selectionRenderService.getCellWithCoordByOffset(a, l);
+    let { startColumn: a, startRow: g, startX: d, startY: l } = c, h = !1;
+    if (d + e > t && (d = t - e, d < 0 && (d = 0, e = t), h = !0), l + n > r && (l = r - n, l < 0 && (l = 0, n = r), h = !0), h) {
+      const f = this._selectionRenderService.getCellWithCoordByOffset(d, l);
       if (f == null)
         return;
-      a = f.startX, l = f.startY, d = f.actualColumn, g = f.actualRow;
+      d = f.startX, l = f.startY, a = f.actualColumn, g = f.actualRow;
     }
     const u = {
-      column: d,
+      column: a,
       columnOffset: 0,
       row: g,
       rowOffset: 0
-    }, m = this._selectionRenderService.getCellWithCoordByOffset(a + e, l + n);
+    }, m = this._selectionRenderService.getCellWithCoordByOffset(d + e, l + n);
     if (m == null)
       return;
     const p = {
       column: m.actualColumn,
-      columnOffset: a + e - m.startX,
+      columnOffset: d + e - m.startX,
       row: m.actualRow,
       rowOffset: l + n - m.startY
     };
@@ -750,7 +721,7 @@ let Ze = class extends ie {
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
       const { unitId: n, subUnitId: t, drawingIds: r, arrangeType: s } = e;
-      this._commandService.executeCommand(ar.id, {
+      this._commandService.executeCommand(lr.id, {
         unitId: n,
         subUnitId: t,
         drawingIds: r,
@@ -762,22 +733,22 @@ let Ze = class extends ie {
     this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((e) => {
       const n = [];
       e.length !== 0 && (e.forEach((t) => {
-        const { unitId: r, subUnitId: s, drawingId: o, drawingType: c, transform: d } = t;
-        if (d == null)
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: c, transform: a } = t;
+        if (a == null)
           return;
         const g = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
         if (g == null || g.unitId !== this._context.unitId)
           return;
-        const a = k({ ...g.transform, ...d }, this._selectionRenderService);
-        if (a == null)
+        const d = $({ ...g.transform, ...a }, this._selectionRenderService);
+        if (d == null)
           return;
         const l = {
           ...t,
-          transform: { ...g.transform, ...d, ...z(a, this._selectionRenderService, this._skeletonManagerService) },
-          sheetTransform: { ...a }
+          transform: { ...g.transform, ...a, ...V(d, this._selectionRenderService, this._skeletonManagerService) },
+          sheetTransform: { ...d }
         };
         n.push(l);
-      }), n.length > 0 && this._commandService.executeCommand(Wt.id, {
+      }), n.length > 0 && this._commandService.executeCommand(Yt.id, {
         unitId: e[0].unitId,
         drawings: n
       }));
@@ -785,44 +756,44 @@ let Ze = class extends ie {
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(or.id, e);
+      this._commandService.executeCommand(dr.id, e);
       const { unitId: n, subUnitId: t, drawingId: r } = e[0].parent;
-      this._commandService.syncExecuteCommand(Ut.id, [{ unitId: n, subUnitId: t, drawingId: r }]);
+      this._commandService.syncExecuteCommand(kt.id, [{ unitId: n, subUnitId: t, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(cr.id, e);
+      this._commandService.executeCommand(ur.id, e);
     }));
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((e) => {
-        e == null || e.length === 0 ? (this._contextService.setContextValue(We, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(We, !0), this._sheetDrawingService.focusDrawing(e));
+        e == null || e.length === 0 ? (this._contextService.setContextValue(ke, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(ke, !0), this._sheetDrawingService.focusDrawing(e));
       })
     );
   }
 };
-Ze = us([
-  te(1, N(Z)),
-  te(2, H),
-  te(3, Qe),
-  te(4, On),
-  te(5, vi),
-  te(6, ee),
-  te(7, ae),
-  te(8, yn),
-  te(9, Si),
-  te(10, N(Pt)),
-  te(11, N(An)),
-  te(12, N(qe))
-], Ze);
-var gs = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, fs = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ms(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+qe = vs([
+  Q(1, N(Y)),
+  Q(2, F),
+  Q(3, Ge),
+  Q(4, An),
+  Q(5, yi),
+  Q(6, ne),
+  Q(7, te),
+  Q(8, Un),
+  Q(9, Ti),
+  Q(10, N(xt)),
+  Q(11, N(dn)),
+  Q(12, N(Qe))
+], qe);
+var Is = Object.defineProperty, Cs = Object.getOwnPropertyDescriptor, bs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Cs(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && gs(e, n, r), r;
-}, ye = (i, e) => (n, t) => e(n, t, i);
-function rn(i, e, n) {
+  return t && r && Is(e, n, r), r;
+}, De = (i, e) => (n, t) => e(n, t, i);
+function on(i, e, n) {
   var t, r, s, o;
   if (((r = (t = n == null ? void 0 : n.p) == null ? void 0 : t.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = n.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
-    const c = n.p.drawings[n.p.drawingsOrder[0]], d = dr(
+    const c = n.p.drawings[n.p.drawingsOrder[0]], a = hr(
       i,
       {
         unitId: e.unitId,
@@ -834,70 +805,70 @@ function rn(i, e, n) {
       c.docTransform.size.height,
       c.docTransform.angle
     );
-    if (d)
-      return c.transform.width = d.width, c.transform.height = d.height, c.docTransform.size.width = d.width, c.docTransform.size.height = d.height, c.transform.left = 0, c.transform.top = 0, c.docTransform.positionH.posOffset = 0, c.docTransform.positionV.posOffset = 0, n.p.documentStyle.pageSize.width = 1 / 0, n.p.documentStyle.pageSize.height = 1 / 0, !0;
+    if (a)
+      return c.transform.width = a.width, c.transform.height = a.height, c.docTransform.size.width = a.width, c.docTransform.size.height = a.height, c.transform.left = 0, c.transform.top = 0, c.docTransform.positionH.posOffset = 0, c.docTransform.positionV.posOffset = 0, n.p.documentStyle.pageSize.width = 1 / 0, n.p.documentStyle.pageSize.height = 1 / 0, !0;
   }
   return !1;
 }
-let Ct = class extends ie {
+let Et = class extends oe {
   constructor(i, e, n, t, r, s, o) {
     super(), this._commandService = i, this._sheetInterceptorService = e, this._univerInstanceService = n, this._injector = t, this._drawingManagerService = r, this._docDrawingController = s, this._editorBridgeService = o, this._initHandleResize(), this._handleInitEditor(), this._handleWriteCell(), this._initCellContentInterceptor();
   }
   _initHandleResize() {
     this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
       let e, n = [];
-      if (i.id === Nn.id) {
+      if (i.id === $n.id) {
         const t = i.params;
-        n = t.ranges, e = V(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === jn.id) {
+        n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === xn.id) {
         const t = i.params;
-        n = t.ranges, e = V(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === Oi.id) {
+        n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === Wi.id) {
         const t = i.params;
-        n = t.ranges, e = V(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === Wn.id) {
+        n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === kn.id) {
         const t = i.params;
-        e = V(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), n = t.rowsAutoHeightInfo.map((r) => ({
+        e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), n = t.rowsAutoHeightInfo.map((r) => ({
           startRow: r.row,
           endRow: r.row,
           startColumn: 0,
           endColumn: 9999
         }));
-      } else if (i.id === Ti.id) {
+      } else if (i.id === $i.id) {
         const t = i.params;
-        n = t.ranges, e = V(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === Ei.id) {
+        n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === xi.id) {
         const t = i.params;
-        n = t.ranges, e = V(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
       }
       e && n.length && n.forEach((t) => {
-        const r = Pr.transformRange(t, e.worksheet);
+        const r = $r.transformRange(t, e.worksheet);
         for (let s = r.startRow; s <= r.endRow; s++)
           for (let o = r.startColumn; o <= r.endColumn; o++)
-            rn(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: s, col: o }, e.worksheet.getCellRaw(s, o));
+            on(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: s, col: o }, e.worksheet.getCellRaw(s, o));
       });
     }));
   }
   _handleInitEditor() {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
-      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(ot), this._docDrawingController.loadDrawingDataForUnit(ot), this._drawingManagerService.initializeNotification(ot)) : this._drawingManagerService.removeDrawingDataForUnit(ot);
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(mt), this._docDrawingController.loadDrawingDataForUnit(mt), this._drawingManagerService.initializeNotification(mt)) : this._drawingManagerService.removeDrawingDataForUnit(mt);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === Vi.id && i.params.unitId === at && (this._drawingManagerService.removeDrawingDataForUnit(at), this._docDrawingController.loadDrawingDataForUnit(at), this._drawingManagerService.initializeNotification(at));
+      i.id === es.id && i.params.unitId === ft && (this._drawingManagerService.removeDrawingDataForUnit(ft), this._docDrawingController.loadDrawingDataForUnit(ft), this._drawingManagerService.initializeNotification(ft));
     }));
   }
   _handleWriteCell() {
-    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(Pi, {
+    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(ki, {
       priority: 9999,
-      handler: (i, e, n) => (rn(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: e.row, col: e.col }, i), n(i))
+      handler: (i, e, n) => (on(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: e.row, col: e.col }, i), n(i))
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Ui.CELL_CONTENT,
+        Li.CELL_CONTENT,
         {
-          effect: Ur.Style,
-          priority: Ai.CELL_IMAGE,
+          effect: xr.Style,
+          priority: Fi.CELL_IMAGE,
           handler: (i, e, n) => {
             var t;
             return i != null && i.p && ((t = i.p.drawingsOrder) != null && t.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }), n(i);
@@ -907,21 +878,21 @@ let Ct = class extends ie {
     );
   }
 };
-Ct = fs([
-  ye(0, H),
-  ye(1, N(At)),
-  ye(2, $e),
-  ye(3, N(qe)),
-  ye(4, ae),
-  ye(5, N(zr)),
-  ye(6, N(ci))
-], Ct);
-var ps = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, _s = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ws(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Et = bs([
+  De(0, F),
+  De(1, N(Lt)),
+  De(2, Ye),
+  De(3, N(Qe)),
+  De(4, te),
+  De(5, N(ti)),
+  De(6, N(pi))
+], Et);
+var Rs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, Ms = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ds(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ps(e, n, r), r;
-}, Dn = (i, e) => (n, t) => e(n, t, i);
-let Rt = class extends ie {
+  return t && r && Rs(e, n, r), r;
+}, On = (i, e) => (n, t) => e(n, t, i);
+let Pt = class extends oe {
   constructor(i, e) {
     super(), this._autoFillService = i, this._injector = e, this._initAutoFillHooks();
   }
@@ -930,27 +901,27 @@ let Rt = class extends ie {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, e, n, t) => {
-          new Ar(t).forValue((r, s, o) => {
-            rn(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          new kr(t).forValue((r, s, o) => {
+            on(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
     );
   }
 };
-Rt = _s([
-  Dn(0, N(di)),
-  Dn(1, N(qe))
-], Rt);
-var vs = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, Is = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ss(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Pt = Ms([
+  On(0, N(wi)),
+  On(1, N(Qe))
+], Pt);
+var ys = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, Os = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ts(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && vs(e, n, r), r;
-}, pt = (i, e) => (n, t) => e(n, t, i);
-let bt = class extends ie {
+  return t && r && ys(e, n, r), r;
+}, Ct = (i, e) => (n, t) => e(n, t, i);
+let Ut = class extends oe {
   constructor(e, n, t, r) {
     super();
-    J(this, "_isSetCursor", !1);
+    z(this, "_isSetCursor", !1);
     this._hoverManagerService = e, this._renderManagerService = n, this._selectionsService = t, this._drawingRenderService = r;
   }
   _initHover() {
@@ -958,159 +929,327 @@ let bt = class extends ie {
   _initImageClick() {
   }
 };
-bt = Is([
-  pt(0, N(li)),
-  pt(1, N(Q)),
-  pt(2, N(An)),
-  pt(3, N(Tn))
-], bt);
-var Cs = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, bs = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Rs(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Ut = Os([
+  Ct(0, N(_i)),
+  Ct(1, N(J)),
+  Ct(2, N(dn)),
+  Ct(3, N(Nn))
+], Ut);
+const Gt = {
+  id: "sheet.command.insert-float-image",
+  type: Z.COMMAND,
+  handler: async (i, e) => {
+    var s, o;
+    const t = (s = i.get(J).getCurrentTypeOfRenderer(X.UNIVER_SHEET)) == null ? void 0 : s.with(qe);
+    if (!t)
+      return !1;
+    const r = e == null ? void 0 : e.files;
+    if (r) {
+      const c = r.map((a) => t.insertFloatImageByFile(a));
+      return (await Promise.all(c)).every((a) => a);
+    } else
+      return (o = t.insertFloatImage()) != null ? o : !1;
+  }
+}, un = {
+  id: "sheet.command.insert-cell-image",
+  type: Z.COMMAND,
+  handler: (i) => {
+    var n, t;
+    return (t = (n = i.get(J).getCurrentTypeOfRenderer(X.UNIVER_SHEET)) == null ? void 0 : n.with(qe).insertCellImage()) != null ? t : !1;
+  }
+};
+var Es = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, Us = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ps(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Cs(e, n, r), r;
-}, Jt = (i, e) => (n, t) => e(n, t, i);
-let Dt = class extends ie {
-  constructor(e, n, t) {
+  return t && r && Es(e, n, r), r;
+}, ze = (i, e) => (n, t) => e(n, t, i);
+const gr = "image/png";
+function As(i) {
+  const e = i.split(","), n = atob(e[1]), t = n.length, r = new Uint8Array(t);
+  for (let s = 0; s < t; s++)
+    r[s] = n.charCodeAt(s);
+  return new Blob([r], { type: gr });
+}
+function Ns(i) {
+  const e = new ClipboardItem({ [gr]: As(i) });
+  navigator.clipboard.write([e]).catch((n) => {
+    console.error("Could not copy image using clipboard API: ", n);
+  });
+}
+function js() {
+  function i() {
+    const t = document.createElement("input");
+    return t.style.position = "absolute", t.style.height = "1px", t.style.width = "1px", t.style.opacity = "0", t;
+  }
+  const e = document.activeElement, n = i();
+  return document.body.appendChild(n), n.focus(), () => {
+    n.blur(), document.body.removeChild(n), e instanceof HTMLElement && e.focus();
+  };
+}
+const En = [
+  xe.SPECIAL_PASTE_COL_WIDTH,
+  xe.SPECIAL_PASTE_VALUE,
+  xe.SPECIAL_PASTE_FORMAT,
+  xe.SPECIAL_PASTE_FORMULA
+];
+let At = class extends oe {
+  constructor(e, n, t, r, s) {
     super();
-    J(this, "_copyInfo");
-    this._sheetClipboardService = e, this._renderManagerService = n, this._sheetDrawingService = t, this._initCopyPaste();
+    z(this, "_copyInfo");
+    this._sheetClipboardService = e, this._renderManagerService = n, this._drawingService = t, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
+  get _focusedDrawings() {
+    return this._drawingService.getFocusDrawings();
+  }
+  // eslint-disable-next-line max-lines-per-function
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
       id: "SHEET_IMAGE_UI_PLUGIN",
-      onBeforeCopy: (e, n, t) => this._collect(e, n, t),
+      onBeforeCopy: (e, n, t, r) => {
+        const s = this._focusedDrawings;
+        if (s.length > 0) {
+          const [o] = s;
+          if (r === be.CUT) {
+            const a = {
+              unitId: e,
+              drawings: [o]
+            };
+            this._commandService.executeCommand(et.id, a);
+          }
+          setTimeout(() => {
+            const a = js();
+            o.drawingType === L.DRAWING_IMAGE && o.imageSourceType === ri.BASE64 ? Ns(o.source) : this._clipboardInterfaceService.writeText(""), a();
+          }, 200);
+          const c = {
+            unitId: o.unitId,
+            subUnitId: o.subUnitId,
+            drawings: [o]
+          };
+          this._copyInfo = c;
+        } else {
+          const o = this._createDrawingsCopyInfoByRange(e, n, t);
+          this._copyInfo = o;
+        }
+      },
       onPasteCells: (e, n, t, r) => {
-        const { copyType: s = wn.COPY, pasteType: o } = r, { range: c } = e || {}, { range: d, unitId: g, subUnitId: a } = n;
-        return this._generateMutations(d, { copyType: s, pasteType: o, copyRange: c, unitId: g, subUnitId: a });
+        if (!this._copyInfo)
+          return { redos: [], undos: [] };
+        const { copyType: s = be.COPY, pasteType: o } = r, { range: c } = e || {}, { range: a, unitId: g, subUnitId: d } = n;
+        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: g, subUnitId: d, pasteRange: a }, { copyRange: c, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: o }, be.COPY);
       },
-      onPastePlainText: (e, n) => ({ undos: [], redos: [] })
+      onPastePlainText: (e, n) => ({ undos: [], redos: [] }),
+      onPasteUnrecognized: (e) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: xe.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
+      onPasteFiles: (e, n) => {
+        if (this._copyInfo)
+          return this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: xe.DEFAULT_PASTE }, be.COPY);
+        {
+          const t = n.filter((r) => r.type.includes("image"));
+          if (t.length)
+            return {
+              undos: [],
+              redos: [
+                {
+                  id: Gt.id,
+                  params: { files: t }
+                }
+              ]
+            };
+        }
+        return { undos: [], redos: [] };
+      }
     });
   }
-  _collect(e, n, t) {
+  _createDrawingsCopyInfoByRange(e, n, t) {
     var h;
-    const r = (h = this._renderManagerService.getRenderById(e)) == null ? void 0 : h.with(Z);
+    const r = (h = this._renderManagerService.getRenderById(e)) == null ? void 0 : h.with(Y);
     if (!r) return;
     const s = r.attachRangeWithCoord(t);
     if (!s)
       return;
-    const { startX: o, endX: c, startY: d, endY: g } = s, a = this._sheetDrawingService.getDrawingData(e, n), l = [];
-    Object.keys(a).forEach((u) => {
-      const m = a[u], { transform: p } = m;
+    const { startX: o, endX: c, startY: a, endY: g } = s, d = this._drawingService.getDrawingData(e, n), l = this._focusedDrawings.slice();
+    if (Object.keys(d).forEach((u) => {
+      const m = d[u], { transform: p } = m;
       if (m.anchorType !== O.Both || !p)
         return;
-      const { left: f = 0, top: w = 0, width: I = 0, height: S = 0 } = p, { drawingStartX: R, drawingEndX: v, drawingStartY: C, drawingEndY: _ } = {
+      const { left: f = 0, top: w = 0, width: S = 0, height: I = 0 } = p, { drawingStartX: D, drawingEndX: v, drawingStartY: C, drawingEndY: _ } = {
         drawingStartX: f,
-        drawingEndX: f + I,
+        drawingEndX: f + S,
         drawingStartY: w,
-        drawingEndY: w + S
+        drawingEndY: w + I
+      };
+      o <= D && v <= c && a <= C && _ <= g && l.push(m);
+    }), l.length)
+      return {
+        copyRange: t,
+        drawings: l,
+        unitId: e,
+        subUnitId: n
       };
-      o <= R && v <= c && d <= C && _ <= g && l.push(m);
-    }), l.length && (this._copyInfo = {
-      drawings: l,
-      unitId: e,
-      subUnitId: n
-    });
   }
-  // eslint-disable-next-line max-lines-per-function
-  _generateMutations(e, n) {
-    var x;
-    if (!this._copyInfo)
+  _generateSingleDrawingPasteMutations(e, n) {
+    const { pasteType: t, pasteTo: r } = e;
+    if (En.includes(t))
       return { redos: [], undos: [] };
-    if ([
-      ut.SPECIAL_PASTE_COL_WIDTH,
-      ut.SPECIAL_PASTE_VALUE,
-      ut.SPECIAL_PASTE_FORMAT,
-      ut.SPECIAL_PASTE_FORMULA
-    ].includes(n.pasteType))
+    const { unitId: s, subUnitId: o, range: c } = r, a = this._renderManagerService.getRenderById(s), g = a == null ? void 0 : a.with(Y), d = a == null ? void 0 : a.with(Ge), l = this._copyInfo;
+    if (!g || !d)
       return { redos: [], undos: [] };
-    const { copyRange: r } = n;
-    if (!r)
-      return { redos: [], undos: [] };
-    const { drawings: s, unitId: o, subUnitId: c } = this._copyInfo, { ranges: [d, g], mapFunc: a } = ui([r, e]), { row: l, col: h } = a(d.startRow, d.startColumn), { row: u, col: m } = a(g.startRow, g.startColumn), p = (x = this._renderManagerService.getRenderById(o)) == null ? void 0 : x.with(Z);
-    if (!p)
-      return { redos: [], undos: [] };
-    const f = p.attachRangeWithCoord({
-      startRow: l,
-      endRow: l,
-      startColumn: h,
-      endColumn: h
-    }), w = p.attachRangeWithCoord({
-      startRow: u,
-      endRow: u,
-      startColumn: m,
-      endColumn: m
+    const { drawings: h } = l, u = bn(c);
+    return this._generateMutations(h, {
+      unitId: s,
+      subUnitId: o,
+      isCut: n === be.CUT,
+      getTransform: (m, p) => {
+        var S;
+        const f = g.attachRangeWithCoord({
+          startRow: u.startRow,
+          endRow: u.endRow,
+          startColumn: u.startColumn,
+          endColumn: u.endColumn
+        }), w = {
+          ...m,
+          left: f == null ? void 0 : f.startX,
+          top: f == null ? void 0 : f.startY
+        };
+        return {
+          transform: w,
+          sheetTransform: (S = $(w, d)) != null ? S : p
+        };
+      }
     });
-    if (!f || !w)
-      return { redos: [], undos: [] };
-    const I = [], S = [], R = w.startX - f.startX, v = w.startY - f.startY, C = u - l, _ = m - h, y = n.copyType === wn.CUT, { _sheetDrawingService: M } = this;
-    return s.forEach((U) => {
-      const { transform: D, sheetTransform: b } = U;
-      if (!D)
+  }
+  _generateMutations(e, n) {
+    const {
+      unitId: t,
+      subUnitId: r,
+      getTransform: s,
+      isCut: o
+    } = n, c = [], a = [], { _drawingService: g } = this;
+    return e.forEach((d) => {
+      const { transform: l, sheetTransform: h } = d;
+      if (!l)
         return;
-      const P = {
-        ...U,
-        unitId: o,
-        subUnitId: c,
-        drawingId: y ? U.drawingId : Pe.generateRandomId(),
-        transform: {
-          ...D,
-          left: D.left + R,
-          top: D.top + v
-        },
-        sheetTransform: {
-          to: { ...b.to, row: b.to.row + C, column: b.to.column + _ },
-          from: { ...b.from, row: b.from.row + C, column: b.from.column + _ }
-        }
+      const u = s(l, h), m = {
+        ...d,
+        unitId: t,
+        subUnitId: r,
+        drawingId: o ? d.drawingId : Te.generateRandomId(),
+        transform: u.transform,
+        sheetTransform: u.sheetTransform
       };
-      if (y) {
-        const { undo: A, redo: j, objects: B } = M.getBatchUpdateOp([P]);
-        I.push({
-          id: T.id,
+      if (o) {
+        const { undo: p, redo: f, objects: w } = g.getBatchUpdateOp([m]);
+        c.push({
+          id: P.id,
           params: {
-            unitId: o,
-            subUnitId: c,
-            type: E.UPDATE,
-            op: j,
-            objects: B
+            unitId: t,
+            subUnitId: r,
+            type: U.UPDATE,
+            op: f,
+            objects: w
           }
-        }), S.push({
-          id: T.id,
+        }), a.push({
+          id: P.id,
           params: {
-            unitId: o,
-            subUnitId: c,
-            type: E.UPDATE,
-            op: A,
-            objects: B
+            unitId: t,
+            subUnitId: r,
+            type: U.UPDATE,
+            op: p,
+            objects: w
           }
         });
       } else {
-        const { undo: A, redo: j, objects: B } = M.getBatchAddOp([P]);
-        I.push({ id: T.id, params: { op: j, unitId: o, subUnitId: c, objects: B, type: E.INSERT } }), S.push({ id: T.id, params: { op: A, unitId: o, subUnitId: c, objects: B, type: E.REMOVE } });
+        const { undo: p, redo: f, objects: w } = g.getBatchAddOp([m]);
+        c.push({ id: P.id, params: { op: f, unitId: t, subUnitId: r, objects: w, type: U.INSERT } }), a.push({ id: P.id, params: { op: p, unitId: t, subUnitId: r, objects: w, type: U.REMOVE } });
       }
-    }), {
-      redos: I,
-      undos: S
-    };
+    }), { redos: c, undos: a };
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _generateRangeDrawingsPasteMutations(e, n) {
+    var E;
+    const {
+      unitId: t,
+      subUnitId: r,
+      pasteType: s,
+      pasteRange: o
+    } = e, {
+      copyRange: c,
+      copyType: a
+    } = n;
+    if (En.includes(s))
+      return { redos: [], undos: [] };
+    const g = (E = this._renderManagerService.getRenderById(t)) == null ? void 0 : E.with(Y);
+    if (!g || !this._copyInfo)
+      return { redos: [], undos: [] };
+    const { drawings: d } = this._copyInfo;
+    if (!c)
+      return this._generateSingleDrawingPasteMutations({
+        pasteTo: { unitId: t, subUnitId: r, range: bn(o) },
+        pasteType: s
+      }, a);
+    const { ranges: [l, h], mapFunc: u } = vi([c, o]), { row: m, col: p } = u(l.startRow, l.startColumn), { row: f, col: w } = u(h.startRow, h.startColumn), S = g.attachRangeWithCoord({
+      startRow: m,
+      endRow: m,
+      startColumn: p,
+      endColumn: p
+    }), I = g.attachRangeWithCoord({
+      startRow: f,
+      endRow: f,
+      startColumn: w,
+      endColumn: w
+    });
+    if (!S || !I || !this._copyInfo)
+      return { redos: [], undos: [] };
+    const D = I.startX - S.startX, v = I.startY - S.startY, C = f - m, _ = w - p;
+    return this._generateMutations(d, {
+      unitId: t,
+      subUnitId: r,
+      getTransform: (M, y) => {
+        var A, b;
+        return {
+          transform: {
+            ...M,
+            left: ((A = M == null ? void 0 : M.left) != null ? A : 0) + D,
+            top: ((b = M == null ? void 0 : M.top) != null ? b : 0) + v
+          },
+          sheetTransform: {
+            ...y,
+            to: {
+              ...y.to,
+              row: y.to.row + C,
+              column: y.to.column + _
+            },
+            from: {
+              ...y.from,
+              row: y.from.row + C,
+              column: y.from.column + _
+            }
+          }
+        };
+      },
+      isCut: a === be.CUT
+    });
   }
 };
-Dt = bs([
-  Jt(0, hi),
-  Jt(1, Q),
-  Jt(2, ee)
-], Dt);
-var Ds = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, ys = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ms(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+At = Us([
+  ze(0, Si),
+  ze(1, J),
+  ze(2, te),
+  ze(3, Oi),
+  ze(4, F)
+], At);
+var Bs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, $s = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ws(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Ds(e, n, r), r;
-}, ze = (i, e) => (n, t) => e(n, t, i);
-let Mt = class extends ie {
+  return t && r && Bs(e, n, r), r;
+}, Ke = (i, e) => (n, t) => e(n, t, i);
+let Nt = class extends oe {
   constructor(i, e, n, t, r) {
     super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET);
     this.disposeWithMe(
-      ht([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      _t([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingVisible(!1);
           return;
@@ -1121,15 +1260,15 @@ let Mt = class extends ie {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new In(r).id, new Xt(r, s).id]).every((c) => c.value))
+          if (this._permissionService.composePermission([new yn(r).id, new Jt(r, s).id]).every((c) => c.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
-            const c = e.getUnitId(), d = t.getSheetId(), g = this._drawingManagerService.getDrawingData(c, d), a = Object.values(g), l = this._renderManagerService.getRenderById(c), h = l == null ? void 0 : l.scene;
+            const c = e.getUnitId(), a = t.getSheetId(), g = this._drawingManagerService.getDrawingData(c, a), d = Object.values(g), l = this._renderManagerService.getRenderById(c), h = l == null ? void 0 : l.scene;
             if (h == null)
               return;
             h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === Ne.IMAGE && a.some((p) => m.oKey.includes(p.drawingId)) && h.removeObject(m);
+              m.classType === Be.IMAGE && d.some((p) => m.oKey.includes(p.drawingId)) && h.removeObject(m);
             });
           }
         });
@@ -1137,9 +1276,9 @@ let Mt = class extends ie {
     );
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET);
     this.disposeWithMe(
-      ht([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      _t([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingEditable(!1);
           return;
@@ -1150,15 +1289,15 @@ let Mt = class extends ie {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new qt(r).id, new St(r, s).id]).every((c) => c.value))
+          if (this._permissionService.composePermission([new en(r).id, new yt(r, s).id]).every((c) => c.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
-            const c = e.getUnitId(), d = t.getSheetId(), g = this._drawingManagerService.getDrawingData(c, d), a = Object.values(g), l = this._renderManagerService.getRenderById(c), h = l == null ? void 0 : l.scene;
+            const c = e.getUnitId(), a = t.getSheetId(), g = this._drawingManagerService.getDrawingData(c, a), d = Object.values(g), l = this._renderManagerService.getRenderById(c), h = l == null ? void 0 : l.scene;
             if (h == null)
               return;
             h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === Ne.IMAGE && a.some((p) => m.oKey.includes(p.drawingId)) && h.detachTransformerFrom(m);
+              m.classType === Be.IMAGE && d.some((p) => m.oKey.includes(p.drawingId)) && h.detachTransformerFrom(m);
             });
           }
         });
@@ -1166,33 +1305,33 @@ let Mt = class extends ie {
     );
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET);
     this.disposeWithMe(
-      ht([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      _t([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
           var l;
           if (!t)
             return;
           const r = e.getUnitId(), s = t.getSheetId();
           let o = !0;
-          const c = this._renderManagerService.getRenderById(r), d = c == null ? void 0 : c.scene;
-          if (d == null)
+          const c = this._renderManagerService.getRenderById(r), a = c == null ? void 0 : c.scene;
+          if (a == null)
             return;
-          const g = d.getTransformerByCreate(), a = this._permissionService.composePermission$([new In(r).id, new Xt(r, s).id]).pipe(Je((h) => h.every((u) => u.value)));
-          a == null || a.pipe(
+          const g = a.getTransformerByCreate(), d = this._permissionService.composePermission$([new yn(r).id, new Jt(r, s).id]).pipe(Je((h) => h.every((u) => u.value)));
+          d == null || d.pipe(
             ve((h) => h !== o),
-            gt()
+            vt()
           ).subscribe({
             next: (h) => {
               o = h, this._drawingManagerService.setDrawingVisible(h);
-              const u = d.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), p = Object.values(m);
+              const u = a.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), p = Object.values(m);
               h ? this._drawingManagerService.addNotification(p) : (u.forEach((f) => {
-                f.classType === Ne.IMAGE && p.some((w) => f.oKey.includes(w.drawingId)) && d.removeObject(f);
+                f.classType === Be.IMAGE && p.some((w) => f.oKey.includes(w.drawingId)) && a.removeObject(f);
               }), g.clearSelectedObjects());
             }
-          }), (l = this._permissionService.getPermissionPoint$(new Xt(r, s).id)) == null || l.pipe(
+          }), (l = this._permissionService.getPermissionPoint$(new Jt(r, s).id)) == null || l.pipe(
             ve((h) => h.value !== o),
-            gt()
+            vt()
           ).subscribe({
             complete: () => {
               o = !0, this._drawingManagerService.setDrawingVisible(!0);
@@ -1205,43 +1344,43 @@ let Mt = class extends ie {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET);
     this.disposeWithMe(
-      ht([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      _t([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
           var l;
           if (!t)
             return;
           const r = e.getUnitId(), s = t.getSheetId();
           let o = !0;
-          const c = this._renderManagerService.getRenderById(r), d = c == null ? void 0 : c.scene;
-          if (d == null)
+          const c = this._renderManagerService.getRenderById(r), a = c == null ? void 0 : c.scene;
+          if (a == null)
             return;
-          const g = d.getTransformerByCreate(), a = this._permissionService.composePermission$([new qt(r).id, new St(r, s).id]).pipe(Je((h) => h.every((u) => u.value)));
-          a == null || a.pipe(
+          const g = a.getTransformerByCreate(), d = this._permissionService.composePermission$([new en(r).id, new yt(r, s).id]).pipe(Je((h) => h.every((u) => u.value)));
+          d == null || d.pipe(
             ve((h) => h !== o),
-            gt()
+            vt()
           ).subscribe({
             next: (h) => {
               o = h, this._drawingManagerService.setDrawingEditable(h);
-              const u = d.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), p = Object.values(m);
+              const u = a.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), p = Object.values(m);
               h ? (u.forEach((f) => {
-                f.classType === Ne.IMAGE && p.some((w) => f.oKey.includes(w.drawingId)) && d.attachTransformerTo(f);
+                f.classType === Be.IMAGE && p.some((w) => f.oKey.includes(w.drawingId)) && a.attachTransformerTo(f);
               }), this._drawingManagerService.addNotification(p)) : (u.forEach((f) => {
-                f.classType === Ne.IMAGE && p.some((w) => f.oKey.includes(w.drawingId)) && d.detachTransformerFrom(f);
+                f.classType === Be.IMAGE && p.some((w) => f.oKey.includes(w.drawingId)) && a.detachTransformerFrom(f);
               }), g.clearSelectedObjects());
             }
-          }), (l = this._permissionService.getPermissionPoint$(new St(r, s).id)) == null || l.pipe(
+          }), (l = this._permissionService.getPermissionPoint$(new yt(r, s).id)) == null || l.pipe(
             ve((h) => h.value !== o),
-            gt()
+            vt()
           ).subscribe({
             complete: () => {
               o = !0;
               const h = e.getUnitId(), u = t.getSheetId(), m = this._drawingManagerService.getDrawingData(h, u), p = Object.values(m), f = this._renderManagerService.getRenderById(h), w = f == null ? void 0 : f.scene;
               if (w == null)
                 return;
-              this._drawingManagerService.setDrawingEditable(!0), w.getAllObjectsByOrder().forEach((S) => {
-                S.classType === Ne.IMAGE && p.some((R) => S.oKey.includes(R.drawingId)) && w.detachTransformerFrom(S);
+              this._drawingManagerService.setDrawingEditable(!0), w.getAllObjectsByOrder().forEach((I) => {
+                I.classType === Be.IMAGE && p.some((D) => I.oKey.includes(D.drawingId)) && w.detachTransformerFrom(I);
               });
             }
           });
@@ -1250,19 +1389,19 @@ let Mt = class extends ie {
     );
   }
 };
-Mt = ys([
-  ze(0, ae),
-  ze(1, Q),
-  ze(2, jr),
-  ze(3, $e),
-  ze(4, N(Nr))
-], Mt);
-var Os = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, Es = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ts(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Nt = $s([
+  Ke(0, te),
+  Ke(1, J),
+  Ke(2, Fr),
+  Ke(3, Ye),
+  Ke(4, N(Lr))
+], Nt);
+var xs = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, Ls = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ks(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Os(e, n, r), r;
-}, wt = (i, e) => (n, t) => e(n, t, i);
-let yt = class extends ie {
+  return t && r && xs(e, n, r), r;
+}, bt = (i, e) => (n, t) => e(n, t, i);
+let jt = class extends oe {
   constructor(i, e, n, t) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
@@ -1273,8 +1412,8 @@ let yt = class extends ie {
         {
           handler: (i, e, n) => {
             const { unitId: t, scene: r, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(t), c = o == null ? void 0 : o[s];
-            return c && c.order.forEach((d) => {
-              this._drawingRenderService.renderDrawing(c.data[d], r);
+            return c && c.order.forEach((a) => {
+              this._drawingRenderService.renderDrawing(c.data[a], r);
             }), n();
           }
         }
@@ -1287,16 +1426,16 @@ let yt = class extends ie {
             const { unitId: t, subUnitId: r } = e, s = this._renderManagerService.getRenderById(t);
             if (!s)
               return n(i);
-            const o = s.with(Z).getWorksheetSkeleton(r);
+            const o = s.with(Y).getWorksheetSkeleton(r);
             if (!o)
               return n(i);
-            const c = this._drawingManagerService.getDrawingDataForUnit(t), d = c == null ? void 0 : c[e.subUnitId];
-            if (!d)
+            const c = this._drawingManagerService.getDrawingDataForUnit(t), a = c == null ? void 0 : c[e.subUnitId];
+            if (!a)
               return n(i);
-            const { scaleX: g, scaleY: a } = s.scene, l = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = d.order.map((u) => d.data[u]).filter((u) => u.drawingType !== L.DRAWING_DOM);
+            const { scaleX: g, scaleY: d } = s.scene, l = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = a.order.map((u) => a.data[u]).filter((u) => u.drawingType !== L.DRAWING_DOM);
             return h.length ? (h.forEach((u) => {
-              if (!u.groupId && u.transform && Pe.isDefine(u.transform.left) && Pe.isDefine(u.transform.top) && Pe.isDefine(u.transform.width) && Pe.isDefine(u.transform.height)) {
-                const m = o.skeleton.getCellIndexByOffset(u.transform.left, u.transform.top, g, a, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, a, { x: 0, y: 0 });
+              if (!u.groupId && u.transform && Te.isDefine(u.transform.left) && Te.isDefine(u.transform.top) && Te.isDefine(u.transform.width) && Te.isDefine(u.transform.height)) {
+                const m = o.skeleton.getCellIndexByOffset(u.transform.left, u.transform.top, g, d, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, d, { x: 0, y: 0 });
                 m.column < l.startColumn && (l.startColumn = m.column), m.row < l.startRow && (l.startRow = m.row), l.endRow < p.row && (l.endRow = p.row), l.endColumn < p.column && (l.endColumn = p.column);
               }
             }), n(l)) : n(i);
@@ -1306,104 +1445,104 @@ let yt = class extends ie {
     );
   }
 };
-yt = Es([
-  wt(0, N(gi)),
-  wt(1, N(Tn)),
-  wt(2, ae),
-  wt(3, Q)
-], yt);
-var Ps = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, As = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Us(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+jt = Ls([
+  bt(0, N(Ii)),
+  bt(1, N(Nn)),
+  bt(2, te),
+  bt(3, J)
+], jt);
+var Fs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, Gs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ys(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Ps(e, n, r), r;
+  return t && r && Fs(e, n, r), r;
 }, pe = (i, e) => (n, t) => e(n, t, i);
-const Ns = [
-  xn.id,
-  Bn.id,
-  $n.id,
-  kn.id,
+const Xs = [
   Ln.id,
   Fn.id,
+  Yn.id,
   Gn.id,
+  Xn.id,
   Vn.id,
-  Qt.id,
-  en.id,
-  Yn.id,
   Hn.id,
-  Xn.id,
   zn.id,
+  tn.id,
+  nn.id,
   Kn.id,
-  Jn.id,
   Zn.id,
+  Jn.id,
   qn.id,
-  Qn.id
-], js = [
-  Ni.id,
-  ji.id,
-  Wi.id,
-  xi.id,
-  Nn.id,
-  jn.id
+  Qn.id,
+  er.id,
+  tr.id,
+  nr.id,
+  rr.id
+], Vs = [
+  Yi.id,
+  Gi.id,
+  Xi.id,
+  Vi.id,
+  $n.id,
+  xn.id
 ];
-let sn = class extends ie {
-  constructor(i, e, n, t, r, s, o, c, d) {
-    super(), this._context = i, this._renderManagerService = e, this._commandService = n, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = c, this._univerInstanceService = d, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+let an = class extends oe {
+  constructor(i, e, n, t, r, s, o, c, a) {
+    super(), this._context = i, this._renderManagerService = e, this._commandService = n, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = c, this._univerInstanceService = a, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
   _sheetInterceptorListener() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!Ns.includes(i.id))
+          if (!Xs.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const e = i.id;
-          if (e === xn.id)
+          if (e === Ln.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([Zn.id, qn.id, Qn.id].includes(e))
+          if ([tr.id, nr.id, rr.id].includes(e))
             return this._moveRangeInterceptor(i.params);
-          if (e === Bn.id)
+          if (e === Fn.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (e === $n.id)
+          if (e === Yn.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (e === kn.id)
+          if (e === Gn.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === Ln.id) {
+          if (e === Xn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === Fn.id) {
+          } else if (e === Vn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === Gn.id) {
+          } else if (e === Hn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === Vn.id) {
+          } else if (e === zn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === Xn.id || e === zn.id) {
+          } else if (e === Jn.id || e === qn.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForRowVisible(t, r, s);
-          } else if (e === Kn.id || e === Jn.id) {
+          } else if (e === Qn.id || e === er.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForColVisible(t, r, s);
-          } else if (e === Qt.id || e === en.id || e === Yn.id || e === Hn.id) {
-            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === Qt.id || e === en.id;
+          } else if (e === tn.id || e === nn.id || e === Kn.id || e === Zn.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === tn.id || e === nn.id;
             return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -1412,66 +1551,66 @@ let sn = class extends ie {
     );
   }
   _getRangeMoveUndo(i, e) {
-    const n = V(this._univerInstanceService);
+    const n = G(this._univerInstanceService);
     if (n == null)
       return { redos: [], undos: [] };
-    const t = n.unitId, r = n.subUnitId, s = [], o = [], c = this._sheetDrawingService.getDrawingData(t, r), d = [], g = [];
-    if (Object.keys(c).forEach((a) => {
-      const l = c[a], { updateDrawings: h, deleteDrawings: u } = this._getUpdateOrDeleteDrawings(i, e, l);
-      d.push(...h), g.push(...u);
-    }), d.length === 0 && g.length === 0)
+    const t = n.unitId, r = n.subUnitId, s = [], o = [], c = this._sheetDrawingService.getDrawingData(t, r), a = [], g = [];
+    if (Object.keys(c).forEach((d) => {
+      const l = c[d], { updateDrawings: h, deleteDrawings: u } = this._getUpdateOrDeleteDrawings(i, e, l);
+      a.push(...h), g.push(...u);
+    }), a.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
-    if (d.length > 0) {
-      const a = this._sheetDrawingService.getBatchUpdateOp(d), { undo: l, redo: h, objects: u } = a;
-      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: E.UPDATE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: l, objects: u, type: E.UPDATE } });
+    if (a.length > 0) {
+      const d = this._sheetDrawingService.getBatchUpdateOp(a), { undo: l, redo: h, objects: u } = d;
+      s.push({ id: P.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: U.UPDATE } }), o.push({ id: P.id, params: { unitId: t, subUnitId: r, op: l, objects: u, type: U.UPDATE } });
     }
     if (g.length > 0) {
-      const a = this._sheetDrawingService.getBatchRemoveOp(g), l = a.undo, h = a.redo, u = a.objects;
-      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: E.REMOVE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: l, objects: u, type: E.INSERT } });
+      const d = this._sheetDrawingService.getBatchRemoveOp(g), l = d.undo, h = d.redo, u = d.objects;
+      s.push({ id: P.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: U.REMOVE } }), o.push({ id: P.id, params: { unitId: t, subUnitId: r, op: l, objects: u, type: U.INSERT } });
     }
-    return s.push({ id: F.id, params: [t] }), o.push({ id: F.id, params: [t] }), {
+    return s.push({ id: k.id, params: [t] }), o.push({ id: k.id, params: [t] }), {
       redos: s,
       undos: o
     };
   }
   _getUpdateOrDeleteDrawings(i, e, n) {
-    const t = [], r = [], { sheetTransform: s, anchorType: o = O.Position, transform: c, unitId: d, subUnitId: g, drawingId: a } = n, { from: l, to: h } = s, { row: u, column: m } = l, { row: p, column: f } = h;
+    const t = [], r = [], { sheetTransform: s, anchorType: o = O.Position, transform: c, unitId: a, subUnitId: g, drawingId: d } = n, { from: l, to: h } = s, { row: u, column: m } = l, { row: p, column: f } = h;
     if (s == null || c == null)
       return {
         updateDrawings: t,
         deleteDrawings: r
       };
-    const { startRow: w, endRow: I, startColumn: S, endColumn: R } = i;
+    const { startRow: w, endRow: S, startColumn: I, endColumn: D } = i;
     let v = null, C = null;
-    if (e === 0 && u >= w && p <= I)
-      if (m >= S && f <= R)
-        r.push({ unitId: d, subUnitId: g, drawingId: a });
+    if (e === 0 && u >= w && p <= S)
+      if (m >= I && f <= D)
+        r.push({ unitId: a, subUnitId: g, drawingId: d });
       else {
-        const _ = this._shrinkCol(s, c, S, R, o);
+        const _ = this._shrinkCol(s, c, I, D, o);
         v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
       }
-    else if (e === 1 && m >= S && f <= R)
-      if (u >= w && p <= I)
-        r.push({ unitId: d, subUnitId: g, drawingId: a });
+    else if (e === 1 && m >= I && f <= D)
+      if (u >= w && p <= S)
+        r.push({ unitId: a, subUnitId: g, drawingId: d });
       else {
-        const _ = this._shrinkRow(s, c, w, I, o);
+        const _ = this._shrinkRow(s, c, w, S, o);
         v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
       }
     else if (e === 2) {
-      const _ = this._expandRow(s, c, w, I, o);
+      const _ = this._expandRow(s, c, w, S, o);
       v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
     } else if (e === 3) {
-      const _ = this._expandCol(s, c, S, R, o);
+      const _ = this._expandCol(s, c, I, D, o);
       v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
     }
     if (v != null && C != null) {
-      const _ = z(v, this._selectionRenderService, this._skeletonManagerService);
+      const _ = V(v, this._selectionRenderService, this._skeletonManagerService);
       t.push({ ...n, sheetTransform: v, transform: _ });
     }
     return { updateDrawings: t, deleteDrawings: r };
   }
   _remainDrawingSize(i, e, n) {
-    const t = k({ ...i }, this._selectionRenderService);
+    const t = $({ ...i }, this._selectionRenderService);
     t != null && e.push({
       ...n,
       sheetTransform: t
@@ -1480,65 +1619,65 @@ let sn = class extends ie {
   // eslint-disable-next-line max-lines-per-function
   _getDrawingUndoForColVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
-    if (Object.keys(t).forEach((a) => {
-      const l = t[a], { sheetTransform: h, transform: u, anchorType: m = O.Position } = l;
+    if (Object.keys(t).forEach((d) => {
+      const l = t[d], { sheetTransform: h, transform: u, anchorType: m = O.Position } = l;
       if (m === O.None)
         this._remainDrawingSize(u, r, l);
       else {
-        const { from: p, to: f } = h, { row: w, column: I } = p, { row: S, column: R } = f;
+        const { from: p, to: f } = h, { row: w, column: S } = p, { row: I, column: D } = f;
         for (let v = 0; v < n.length; v++) {
-          const C = n[v], { startRow: _, endRow: y, startColumn: M, endColumn: x } = C;
-          if (R < M)
+          const C = n[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = C;
+          if (D < M)
             continue;
           if (m === O.Position) {
-            let b = null, P = null;
-            if (I >= M && I <= x) {
-              const A = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: x, startRow: p.row, endRow: f.row });
-              if (A == null)
+            let R = null, T = null;
+            if (S >= M && S <= y) {
+              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: f.row });
+              if (x == null)
                 return;
-              P = { ...u, left: A.startX };
+              T = { ...u, left: x.startX };
             }
-            if (P != null && (b = k(P, this._selectionRenderService), b != null && P != null)) {
-              r.push({ ...l, sheetTransform: b, transform: P });
+            if (T != null && (R = $(T, this._selectionRenderService), R != null && T != null)) {
+              r.push({ ...l, sheetTransform: R, transform: T });
               break;
             }
             this._remainDrawingSize(u, r, l);
             continue;
           }
-          if (I >= M && R <= x)
+          if (S >= M && D <= y)
             continue;
-          let U = null, D = null;
-          if (I >= M && I <= x) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: x, startRow: p.row, endRow: f.row });
-            if (b == null)
+          let A = null, b = null;
+          if (S >= M && S <= y) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: f.row });
+            if (R == null)
               return;
-            D = {
+            b = {
               ...u,
-              left: (b == null ? void 0 : b.startX) || 0,
-              width: ((u == null ? void 0 : u.width) || 0) - b.endX + b.startX
+              left: (R == null ? void 0 : R.startX) || 0,
+              width: ((u == null ? void 0 : u.width) || 0) - R.endX + R.startX
             };
-          } else if (R >= M && R <= x) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: R, startRow: p.row, endRow: f.row });
-            if (b == null)
+          } else if (D >= M && D <= y) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: D, startRow: p.row, endRow: f.row });
+            if (R == null)
               return;
-            D = {
+            b = {
               ...u,
-              left: b.startX - ((u == null ? void 0 : u.width) || 0)
+              left: R.startX - ((u == null ? void 0 : u.width) || 0)
             };
           } else {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: x, startRow: p.row, endRow: f.row });
-            if (b == null)
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: y, startRow: p.row, endRow: f.row });
+            if (R == null)
               return;
-            if (D = {
+            if (b = {
               ...u,
-              width: ((u == null ? void 0 : u.width) || 0) - b.endX + b.startX
-            }, U = k(D, this._selectionRenderService), U != null && D != null) {
-              s.push({ ...l, sheetTransform: U, transform: D });
+              width: ((u == null ? void 0 : u.width) || 0) - R.endX + R.startX
+            }, A = $(b, this._selectionRenderService), A != null && b != null) {
+              s.push({ ...l, sheetTransform: A, transform: b });
               break;
             }
           }
-          if (D != null && (U = k(D, this._selectionRenderService)), D != null && U != null) {
-            r.push({ ...l, sheetTransform: U, transform: D });
+          if (b != null && (A = $(b, this._selectionRenderService)), b != null && A != null) {
+            r.push({ ...l, sheetTransform: A, transform: b });
             break;
           } else
             this._remainDrawingSize(u, r, l);
@@ -1546,93 +1685,93 @@ let sn = class extends ie {
       }
     }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: o, undos: c } = this._createUndoAndRedoMutation(i, e, r), d = [], g = [];
+    const { redos: o, undos: c } = this._createUndoAndRedoMutation(i, e, r), a = [], g = [];
     if (s.length > 0) {
-      const { redos: a, undos: l } = this._createUndoAndRedoMutation(i, e, s);
-      d.push(...a), g.push(...l);
+      const { redos: d, undos: l } = this._createUndoAndRedoMutation(i, e, s);
+      a.push(...d), g.push(...l);
     }
     return {
       redos: o,
       undos: c,
-      preRedos: d,
+      preRedos: a,
       preUndos: g
     };
   }
   _createUndoAndRedoMutation(i, e, n) {
     const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, c = [
-      { id: T.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: E.UPDATE } },
-      { id: F.id, params: [i] }
-    ], d = [
-      { id: T.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: E.UPDATE } },
-      { id: F.id, params: [i] }
+      { id: P.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: U.UPDATE } },
+      { id: k.id, params: [i] }
+    ], a = [
+      { id: P.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: U.UPDATE } },
+      { id: k.id, params: [i] }
     ];
     return {
       redos: c,
-      undos: d
+      undos: a
     };
   }
   // eslint-disable-next-line max-lines-per-function
   _getDrawingUndoForRowVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
-    if (Object.keys(t).forEach((a) => {
-      const l = t[a], { sheetTransform: h, transform: u, anchorType: m = O.Position } = l;
+    if (Object.keys(t).forEach((d) => {
+      const l = t[d], { sheetTransform: h, transform: u, anchorType: m = O.Position } = l;
       if (m === O.None)
         this._remainDrawingSize(u, r, l);
       else {
-        const { from: p, to: f } = h, { row: w, column: I } = p, { row: S, column: R } = f;
+        const { from: p, to: f } = h, { row: w, column: S } = p, { row: I, column: D } = f;
         for (let v = 0; v < n.length; v++) {
-          const C = n[v], { startRow: _, endRow: y, startColumn: M, endColumn: x } = C;
-          if (S < _)
+          const C = n[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = C;
+          if (I < _)
             continue;
           if (m === O.Position) {
-            let b = null, P = null;
-            if (w >= _ && w <= y) {
-              const A = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: y });
-              if (A == null)
+            let R = null, T = null;
+            if (w >= _ && w <= E) {
+              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: E });
+              if (x == null)
                 return;
-              P = { ...u, top: A.startY };
+              T = { ...u, top: x.startY };
             }
-            if (P != null && (b = k(P, this._selectionRenderService), b != null && P != null)) {
-              r.push({ ...l, sheetTransform: b, transform: P });
+            if (T != null && (R = $(T, this._selectionRenderService), R != null && T != null)) {
+              r.push({ ...l, sheetTransform: R, transform: T });
               break;
             }
             this._remainDrawingSize(u, r, l);
             continue;
           }
-          if (w >= _ && S <= y)
+          if (w >= _ && I <= E)
             continue;
-          let U = null, D = null;
-          if (w >= _ && w <= y) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: y });
-            if (b == null)
+          let A = null, b = null;
+          if (w >= _ && w <= E) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: E });
+            if (R == null)
               return;
-            D = {
+            b = {
               ...u,
-              top: (b == null ? void 0 : b.startY) || 0,
-              height: ((u == null ? void 0 : u.height) || 0) - b.endY + b.startY
+              top: (R == null ? void 0 : R.startY) || 0,
+              height: ((u == null ? void 0 : u.height) || 0) - R.endY + R.startY
             };
-          } else if (S >= _ && S <= y) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: S });
-            if (b == null)
+          } else if (I >= _ && I <= E) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: I });
+            if (R == null)
               return;
-            D = {
+            b = {
               ...u,
-              top: b.startY - ((u == null ? void 0 : u.height) || 0)
+              top: R.startY - ((u == null ? void 0 : u.height) || 0)
             };
           } else {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: y });
-            if (b == null)
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: E });
+            if (R == null)
               return;
-            if (D = {
+            if (b = {
               ...u,
-              height: ((u == null ? void 0 : u.height) || 0) - b.endY + b.startY
-            }, U = k(D, this._selectionRenderService), U != null && D != null) {
-              s.push({ ...l, sheetTransform: U, transform: D });
+              height: ((u == null ? void 0 : u.height) || 0) - R.endY + R.startY
+            }, A = $(b, this._selectionRenderService), A != null && b != null) {
+              s.push({ ...l, sheetTransform: A, transform: b });
               break;
             }
           }
-          if (D != null && (U = k(D, this._selectionRenderService)), D != null && U != null) {
-            r.push({ ...l, sheetTransform: U, transform: D });
+          if (b != null && (A = $(b, this._selectionRenderService)), b != null && A != null) {
+            r.push({ ...l, sheetTransform: A, transform: b });
             break;
           } else
             this._remainDrawingSize(u, r, l);
@@ -1640,36 +1779,36 @@ let sn = class extends ie {
       }
     }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: o, undos: c } = this._createUndoAndRedoMutation(i, e, r), d = [], g = [];
+    const { redos: o, undos: c } = this._createUndoAndRedoMutation(i, e, r), a = [], g = [];
     if (s.length > 0) {
-      const { redos: a, undos: l } = this._createUndoAndRedoMutation(i, e, s);
-      d.push(...a), g.push(...l);
+      const { redos: d, undos: l } = this._createUndoAndRedoMutation(i, e, s);
+      a.push(...d), g.push(...l);
     }
     return {
       redos: o,
       undos: c,
-      preRedos: d,
+      preRedos: a,
       preUndos: g
     };
   }
   _getDrawingUndoForRowAndColSize(i, e, n, t) {
     const r = this._drawingManagerService.getDrawingData(i, e), s = [];
     return Object.keys(r).forEach((o) => {
-      const c = r[o], { sheetTransform: d, transform: g, anchorType: a = O.Position } = c;
-      if (a === O.None)
+      const c = r[o], { sheetTransform: a, transform: g, anchorType: d = O.Position } = c;
+      if (d === O.None)
         this._remainDrawingSize(g, s, c);
       else {
-        const { from: l, to: h } = d, { row: u, column: m } = l, { row: p, column: f } = h;
+        const { from: l, to: h } = a, { row: u, column: m } = l, { row: p, column: f } = h;
         for (let w = 0; w < n.length; w++) {
-          const I = n[w], { startRow: S, endRow: R, startColumn: v, endColumn: C } = I;
-          if (p < S || f < v)
+          const S = n[w], { startRow: I, endRow: D, startColumn: v, endColumn: C } = S;
+          if (p < I || f < v)
             continue;
-          if (a === O.Position && (u <= S && p >= R || m <= v && f >= C)) {
+          if (d === O.Position && (u <= I && p >= D || m <= v && f >= C)) {
             this._remainDrawingSize(g, s, c);
             continue;
           }
-          const _ = z(
-            { ...d },
+          const _ = V(
+            { ...a },
             this._selectionRenderService,
             this._skeletonManagerService
           );
@@ -1689,7 +1828,7 @@ let sn = class extends ie {
     if (e === "insert")
       n = i.unitId, t = i.subUnitId;
     else {
-      const r = V(this._univerInstanceService);
+      const r = G(this._univerInstanceService);
       if (r == null)
         return;
       n = r.unitId, t = r.subUnitId;
@@ -1697,17 +1836,17 @@ let sn = class extends ie {
     return { unitId: n, subUnitId: t };
   }
   _moveRangeInterceptor(i) {
-    var S, R;
-    const { toRange: e, fromRange: n } = i, t = V(this._univerInstanceService);
+    var I, D;
+    const { toRange: e, fromRange: n } = i, t = G(this._univerInstanceService);
     if (!t)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = t, o = (R = (S = this._renderManagerService.getRenderById(r)) == null ? void 0 : S.with(Z)) == null ? void 0 : R.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = t, o = (D = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(Y)) == null ? void 0 : D.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const c = Pn(o, n);
+    const c = Bn(o, n);
     if (!c)
       return { redos: [], undos: [] };
-    const { startX: d, endX: g, startY: a, endY: l } = c, h = this._sheetDrawingService.getDrawingData(r, s), u = [];
+    const { startX: a, endX: g, startY: d, endY: l } = c, h = this._sheetDrawingService.getDrawingData(r, s), u = [];
     Object.keys(h).forEach((v) => {
       const C = h[v];
       if (C.anchorType !== O.Both)
@@ -1715,30 +1854,30 @@ let sn = class extends ie {
       const { transform: _ } = C;
       if (!_)
         return;
-      const { left: y = 0, top: M = 0, width: x = 0, height: U = 0 } = _, { drawingStartX: D, drawingEndX: b, drawingStartY: P, drawingEndY: A } = {
-        drawingStartX: y,
-        drawingEndX: y + x,
+      const { left: E = 0, top: M = 0, width: y = 0, height: A = 0 } = _, { drawingStartX: b, drawingEndX: R, drawingStartY: T, drawingEndY: x } = {
+        drawingStartX: E,
+        drawingEndX: E + y,
         drawingStartY: M,
-        drawingEndY: M + U
+        drawingEndY: M + A
       };
-      d <= D && b <= g && a <= P && A <= l && u.push(C);
+      a <= b && R <= g && d <= T && x <= l && u.push(C);
     });
-    const m = [], p = [], f = e.startRow - n.startRow, w = e.startColumn - n.startColumn, I = u.map((v) => {
+    const m = [], p = [], f = e.startRow - n.startRow, w = e.startColumn - n.startColumn, S = u.map((v) => {
       const C = v.sheetTransform, _ = {
         to: { ...C.to, row: C.to.row + f, column: C.to.column + w },
         from: { ...C.from, row: C.from.row + f, column: C.from.column + w }
-      }, y = z(_, this._selectionRenderService, this._skeletonManagerService);
+      }, E = V(_, this._selectionRenderService, this._skeletonManagerService);
       return {
         unitId: r,
         subUnitId: s,
         drawingId: v.drawingId,
-        transform: y,
+        transform: E,
         sheetTransform: _
       };
     });
-    if (I.length) {
-      const v = this._sheetDrawingService.getBatchUpdateOp(I), { undo: C, redo: _, objects: y } = v;
-      m.push({ id: T.id, params: { unitId: r, subUnitId: s, op: _, objects: y, type: E.UPDATE } }), p.push({ id: T.id, params: { unitId: r, subUnitId: s, op: C, objects: y, type: E.UPDATE } });
+    if (S.length) {
+      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: C, redo: _, objects: E } = v;
+      m.push({ id: P.id, params: { unitId: r, subUnitId: s, op: _, objects: E, type: U.UPDATE } }), p.push({ id: P.id, params: { unitId: r, subUnitId: s, op: C, objects: E, type: U.UPDATE } });
     }
     return { redos: m, undos: p };
   }
@@ -1746,40 +1885,40 @@ let sn = class extends ie {
     const n = this._getUnitIdAndSubUnitId(i, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startRow, c = s.endRow, d = [], g = [], a = this._sheetDrawingService.getDrawingData(t, r), l = [], h = [];
-    if (Object.keys(a).forEach((u) => {
-      const m = a[u], { sheetTransform: p, transform: f, anchorType: w = O.Position } = m;
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startRow, c = s.endRow, a = [], g = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], h = [];
+    if (Object.keys(d).forEach((u) => {
+      const m = d[u], { sheetTransform: p, transform: f, anchorType: w = O.Position } = m;
       if (p == null || f == null)
         return;
-      let I, S;
+      let S, I;
       if (e === "insert") {
         const v = this._expandRow(p, f, o, c, w);
-        I = v == null ? void 0 : v.newSheetTransform, S = 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: C } = p, { row: _ } = v, { row: y } = C;
-        if (w === O.Both && _ >= o && y <= c)
+        const { from: v, to: C } = p, { row: _ } = v, { row: E } = C;
+        if (w === O.Both && _ >= o && E <= c)
           h.push({ unitId: t, subUnitId: r, drawingId: u });
         else {
           const M = this._shrinkRow(p, f, o, c, w);
-          I = M == null ? void 0 : M.newSheetTransform, S = M == null ? void 0 : M.newTransform;
+          S = M == null ? void 0 : M.newSheetTransform, I = M == null ? void 0 : M.newTransform;
         }
       }
-      if (!I || !S)
+      if (!S || !I)
         return;
-      const R = { unitId: t, subUnitId: r, drawingId: u, transform: S, sheetTransform: I };
-      l.push(R);
+      const D = { unitId: t, subUnitId: r, drawingId: u, transform: I, sheetTransform: S };
+      l.push(D);
     }), l.length === 0 && h.length === 0)
       return { redos: [], undos: [] };
     if (l.length > 0) {
       const u = this._sheetDrawingService.getBatchUpdateOp(l), { undo: m, redo: p, objects: f } = u;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: E.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: E.UPDATE } });
+      a.push({ id: P.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: U.UPDATE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: U.UPDATE } });
     }
     if (h.length > 0) {
       const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, p = u.redo, f = u.objects;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: E.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: E.INSERT } });
+      a.push({ id: P.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: U.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: U.INSERT } });
     }
-    return d.push({ id: F.id, params: [t] }), g.push({ id: F.id, params: [t] }), {
-      redos: d,
+    return a.push({ id: k.id, params: [t] }), g.push({ id: k.id, params: [t] }), {
+      redos: a,
       undos: g
     };
   }
@@ -1787,106 +1926,106 @@ let sn = class extends ie {
     const n = this._getUnitIdAndSubUnitId(i, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startColumn, c = s.endColumn, d = [], g = [], a = this._sheetDrawingService.getDrawingData(t, r), l = [], h = [];
-    if (Object.keys(a).forEach((u) => {
-      const m = a[u], { sheetTransform: p, transform: f, anchorType: w = O.Position } = m;
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startColumn, c = s.endColumn, a = [], g = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], h = [];
+    if (Object.keys(d).forEach((u) => {
+      const m = d[u], { sheetTransform: p, transform: f, anchorType: w = O.Position } = m;
       if (p == null || f == null)
         return;
-      let I, S;
+      let S, I;
       if (e === "insert") {
         const v = this._expandCol(p, f, o, c, w);
-        I = v == null ? void 0 : v.newSheetTransform, S = 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: C } = p, { column: _ } = v, { column: y } = C;
-        if (w === O.Both && _ >= o && y <= c)
+        const { from: v, to: C } = p, { column: _ } = v, { column: E } = C;
+        if (w === O.Both && _ >= o && E <= c)
           h.push({ unitId: t, subUnitId: r, drawingId: u });
         else {
           const M = this._shrinkCol(p, f, o, c, w);
-          I = M == null ? void 0 : M.newSheetTransform, S = M == null ? void 0 : M.newTransform;
+          S = M == null ? void 0 : M.newSheetTransform, I = M == null ? void 0 : M.newTransform;
         }
       }
-      if (!I || !S)
+      if (!S || !I)
         return;
-      const R = { unitId: t, subUnitId: r, drawingId: u, transform: S, sheetTransform: I };
-      l.push(R);
+      const D = { unitId: t, subUnitId: r, drawingId: u, transform: I, sheetTransform: S };
+      l.push(D);
     }), l.length === 0 && h.length === 0)
       return { redos: [], undos: [] };
     if (l.length > 0) {
       const u = this._sheetDrawingService.getBatchUpdateOp(l), { undo: m, redo: p, objects: f } = u;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: E.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: E.UPDATE } });
+      a.push({ id: P.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: U.UPDATE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: U.UPDATE } });
     }
     if (h.length > 0) {
       const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, p = u.redo, f = u.objects;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: E.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: E.INSERT } });
+      a.push({ id: P.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: U.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: U.INSERT } });
     }
-    return d.push({ id: F.id, params: [t] }), g.push({ id: F.id, params: [t] }), { redos: d, undos: g };
+    return a.push({ id: k.id, params: [t] }), g.push({ id: k.id, params: [t] }), { redos: a, undos: g };
   }
   _expandCol(i, e, n, t, r = O.Position) {
-    const s = t - n + 1, { from: o, to: c } = i, { column: d } = o, { column: g } = c;
+    const s = t - n + 1, { from: o, to: c } = i, { column: a } = o, { column: g } = c;
     if (r === O.None)
       return {
-        newSheetTransform: k({ ...e }, this._selectionRenderService),
+        newSheetTransform: $({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let a = null, l = null;
-    if (d >= n) {
+    let d = null, l = null;
+    if (a >= n) {
       const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: c.row });
       if (h == null)
         return;
-      l = { ...e, left: (e.left || 0) + h.endX - h.startX }, a = k(l, this._selectionRenderService);
+      l = { ...e, left: (e.left || 0) + h.endX - h.startX }, d = $(l, this._selectionRenderService);
     } else if (g >= t)
       if (r === O.Both)
-        a = {
+        d = {
           from: { ...o },
           to: { ...c, column: g + s }
-        }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+        }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: k({ ...e }, this._selectionRenderService),
+          newSheetTransform: $({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return a != null && l != null ? {
-      newSheetTransform: a,
+    return d != null && l != null ? {
+      newSheetTransform: d,
       newTransform: l
     } : null;
   }
   _shrinkCol(i, e, n, t, r = O.Position) {
-    const s = t - n + 1, { from: o, to: c } = i, { column: d } = o, { column: g } = c;
+    const s = t - n + 1, { from: o, to: c } = i, { column: a } = o, { column: g } = c;
     if (r === O.None)
       return {
-        newSheetTransform: k({ ...e }, this._selectionRenderService),
+        newSheetTransform: $({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let a = null, l = null;
-    if (d > t)
-      a = {
-        from: { ...o, column: d - s },
+    let d = null, l = null;
+    if (a > t)
+      d = {
+        from: { ...o, column: a - s },
         to: { ...c, column: g - s }
-      }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+      }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (d >= n && g <= t)
+      if (a >= n && g <= t)
         return null;
-      if (d < n && g > t)
+      if (a < n && g > t)
         if (r === O.Both)
-          a = {
+          d = {
             from: { ...o },
             to: { ...c, column: g - s }
-          }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+          }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: k({ ...e }, this._selectionRenderService),
+            newSheetTransform: $({ ...e }, this._selectionRenderService),
             newTransform: e
           };
-      else if (d >= n && d <= t) {
-        if (d === n)
+      else if (a >= n && a <= t) {
+        if (a === n)
           l = { ...e, left: (e.left || 0) - i.from.columnOffset };
         else {
-          const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: d - 1, startRow: o.row, endRow: c.row });
+          const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: a - 1, startRow: o.row, endRow: c.row });
           if (h == null)
             return;
           l = { ...e, left: (e.left || 0) - h.endX + h.startX - i.from.columnOffset };
         }
-        a = k(l, this._selectionRenderService);
+        d = $(l, this._selectionRenderService);
       } else if (g >= n && g <= t && r === O.Both) {
         const h = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: n - 1,
@@ -1896,116 +2035,116 @@ let sn = class extends ie {
         });
         if (h == null)
           return;
-        a = {
+        d = {
           from: { ...o },
           to: { ...c, column: n - 1, columnOffset: h.endX - h.startX }
-        }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+        }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return a != null && l != null ? {
-      newSheetTransform: a,
+    return d != null && l != null ? {
+      newSheetTransform: d,
       newTransform: l
     } : null;
   }
   _expandRow(i, e, n, t, r = O.Position) {
-    const s = t - n + 1, { from: o, to: c } = i, { row: d } = o, { row: g } = c;
+    const s = t - n + 1, { from: o, to: c } = i, { row: a } = o, { row: g } = c;
     if (r === O.None)
       return {
-        newSheetTransform: k({ ...e }, this._selectionRenderService),
+        newSheetTransform: $({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let a = null, l = null;
-    if (d >= n) {
+    let d = null, l = null;
+    if (a >= n) {
       const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: c.column });
       if (h == null)
         return;
-      l = { ...e, top: (e.top || 0) + h.endY - h.startY }, a = k(l, this._selectionRenderService);
+      l = { ...e, top: (e.top || 0) + h.endY - h.startY }, d = $(l, this._selectionRenderService);
     } else if (g >= t)
       if (r === O.Both)
-        a = {
+        d = {
           from: { ...o },
           to: {
             ...c,
             row: g + s
           }
-        }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+        }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: k({ ...e }, this._selectionRenderService),
+          newSheetTransform: $({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return a != null && l != null ? {
-      newSheetTransform: a,
+    return d != null && l != null ? {
+      newSheetTransform: d,
       newTransform: l
     } : null;
   }
   _shrinkRow(i, e, n, t, r = O.Position) {
-    const s = t - n + 1, { from: o, to: c } = i, { row: d } = o, { row: g } = c;
+    const s = t - n + 1, { from: o, to: c } = i, { row: a } = o, { row: g } = c;
     if (r === O.None)
       return {
-        newSheetTransform: k({ ...e }, this._selectionRenderService),
+        newSheetTransform: $({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let a = null, l = null;
-    if (d > t)
-      a = {
-        from: { ...o, row: d - s },
+    let d = null, l = null;
+    if (a > t)
+      d = {
+        from: { ...o, row: a - s },
         to: { ...c, row: g - s }
-      }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+      }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (d >= n && g <= t)
+      if (a >= n && g <= t)
         return null;
-      if (d < n && g > t)
+      if (a < n && g > t)
         if (r === O.Both)
-          a = {
+          d = {
             from: { ...o },
             to: { ...c, row: g - s }
-          }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+          }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: k({ ...e }, this._selectionRenderService),
+            newSheetTransform: $({ ...e }, this._selectionRenderService),
             newTransform: e
           };
-      else if (d >= n && d <= t) {
-        if (d === n)
+      else if (a >= n && a <= t) {
+        if (a === n)
           l = { ...e, top: (e.top || 0) - i.from.rowOffset };
         else {
-          const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: d - 1, startColumn: o.column, endColumn: c.column });
+          const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: a - 1, startColumn: o.column, endColumn: c.column });
           if (h == null)
             return;
           l = { ...e, top: (e.top || 0) - h.endY + h.startY - i.from.rowOffset };
         }
-        a = k(l, this._selectionRenderService);
+        d = $(l, this._selectionRenderService);
       } else if (g >= n && g <= t && r === O.Both) {
         const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
         if (h == null)
           return;
-        a = {
+        d = {
           from: { ...o },
           to: { ...c, row: n - 1, rowOffset: h.endY - h.startY }
-        }, l = z(a, this._selectionRenderService, this._skeletonManagerService);
+        }, l = V(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return a != null && l != null ? {
-      newSheetTransform: a,
+    return d != null && l != null ? {
+      newSheetTransform: d,
       newTransform: l
     } : null;
   }
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        i.id === Bi.id && setTimeout(() => {
+        i.id === Hi.id && setTimeout(() => {
           const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
           Object.keys(r).forEach((c) => {
-            const d = r[c];
-            d != null && Object.keys(d).forEach((g) => {
-              const a = d[g].data;
-              a != null && Object.keys(a).forEach((l) => {
+            const a = r[c];
+            a != null && Object.keys(a).forEach((g) => {
+              const d = a[g].data;
+              d != null && Object.keys(d).forEach((l) => {
                 if (c === n && g === t) {
-                  const h = a[l];
-                  h.transform = z(h.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(a[l]);
+                  const h = d[l];
+                  h.transform = V(h.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(d[l]);
                 } else
-                  o.push(a[l]);
+                  o.push(d[l]);
               });
             });
           }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
@@ -2016,7 +2155,7 @@ let sn = class extends ie {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        js.includes(i.id) && requestIdleCallback(() => {
+        Vs.includes(i.id) && requestIdleCallback(() => {
           const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
           this._refreshDrawingTransform(n, t, r);
         });
@@ -2026,17 +2165,17 @@ let sn = class extends ie {
   _refreshDrawingTransform(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [];
     Object.keys(t).forEach((s) => {
-      const o = t[s], { sheetTransform: c, transform: d, anchorType: g = O.Position } = o;
+      const o = t[s], { sheetTransform: c, transform: a, anchorType: g = O.Position } = o;
       if (g === O.None)
         return !0;
-      const { from: a, to: l } = c, { row: h, column: u } = a, { row: m, column: p } = l;
+      const { from: d, to: l } = c, { row: h, column: u } = d, { row: m, column: p } = l;
       for (let f = 0; f < n.length; f++) {
-        const w = n[f], { startRow: I, endRow: S, startColumn: R, endColumn: v } = w;
-        if (Wr.intersects(
+        const w = n[f], { startRow: S, endRow: I, startColumn: D, endColumn: v } = w;
+        if (Yr.intersects(
           {
-            startRow: I,
-            endRow: S,
-            startColumn: R,
+            startRow: S,
+            endRow: I,
+            startColumn: D,
             endColumn: v
           },
           {
@@ -2045,58 +2184,58 @@ let sn = class extends ie {
             startColumn: u,
             endColumn: p
           }
-        ) || h > S || u > v) {
-          const C = g === O.Position, _ = z(c, this._selectionRenderService, this._skeletonManagerService);
+        ) || h > I || u > v) {
+          const C = g === O.Position, _ = V(c, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
               ..._,
-              width: C ? d == null ? void 0 : d.width : _ == null ? void 0 : _.width,
-              height: C ? d == null ? void 0 : d.height : _ == null ? void 0 : _.height
+              width: C ? a == null ? void 0 : a.width : _ == null ? void 0 : _.width,
+              height: C ? a == null ? void 0 : a.height : _ == null ? void 0 : _.height
             }
           });
           break;
         }
       }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(F.id, [i]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(k.id, [i]));
   }
 };
-sn = As([
-  pe(1, Q),
-  pe(2, H),
-  pe(3, Qe),
-  pe(4, N(Z)),
-  pe(5, N(At)),
-  pe(6, ee),
-  pe(7, ae),
-  pe(8, $e)
-], sn);
-var ne = function() {
-  return ne = Object.assign || function(i) {
+an = Gs([
+  pe(1, J),
+  pe(2, F),
+  pe(3, Ge),
+  pe(4, N(Y)),
+  pe(5, N(Lt)),
+  pe(6, ne),
+  pe(7, te),
+  pe(8, Ye)
+], an);
+var ee = function() {
+  return ee = Object.assign || function(i) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
     return i;
-  }, ne.apply(this, arguments);
-}, Ws = function(i, e) {
+  }, ee.apply(this, arguments);
+}, Hs = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, lr = tr(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Ws(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Fi("_".concat($s()));
-  return ur(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, ne({ ref: e, className: c }, o), s);
+}, mr = ir(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Hs(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), a = qi("_".concat(Zs()));
+  return fr(n, "".concat(t), { defIds: n.defIds, idSuffix: a.current }, ee({ ref: e, className: c }, o), s);
 });
-function ur(i, e, n, t, r) {
-  return nr(i.tag, ne(ne({ key: e }, xs(i, n, r)), t), (Bs(i, n).children || []).map(function(s, o) {
-    return ur(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
+function fr(i, e, n, t, r) {
+  return sr(i.tag, ee(ee({ key: e }, zs(i, n, r)), t), (Ks(i, n).children || []).map(function(s, o) {
+    return fr(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
   }));
 }
-function xs(i, e, n) {
-  var t = ne({}, i.attrs);
+function zs(i, e, n) {
+  var t = ee({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
   var r = e.defIds;
   return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
@@ -2104,184 +2243,170 @@ function xs(i, e, n) {
     typeof c == "string" && (t[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Bs(i, e) {
+function Ks(i, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? ne(ne({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? ne(ne({}, r), { attrs: ne(ne({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? ee(ee({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? ee(ee({}, r), { attrs: ee(ee({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function $s() {
+function Zs() {
   return Math.random().toString(36).substring(2, 8);
 }
-lr.displayName = "UniverIcon";
-var ks = { 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" } }] }, hr = tr(function(i, e) {
-  return nr(lr, Object.assign({}, i, {
+mr.displayName = "UniverIcon";
+var Js = { 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" } }] }, pr = ir(function(i, e) {
+  return sr(mr, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: ks
+    icon: Js
   }));
 });
-hr.displayName = "AddImageSingle";
-const gr = {
+pr.displayName = "AddImageSingle";
+const wr = {
   id: "sheet.command.delete-drawing",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
-    const e = i.get(H), t = i.get(ee).getFocusDrawings();
+    const e = i.get(F), t = i.get(ne).getFocusDrawings();
     if (t.length === 0)
       return !1;
     const r = t[0].unitId, s = t.map((o) => {
-      const { unitId: c, subUnitId: d, drawingId: g, drawingType: a } = o;
+      const { unitId: c, subUnitId: a, drawingId: g, drawingType: d } = o;
       return {
         unitId: c,
-        subUnitId: d,
+        subUnitId: a,
         drawingId: g,
-        drawingType: a
+        drawingType: d
       };
     });
-    return e.executeCommand(Nt.id, {
+    return e.executeCommand(et.id, {
       unitId: r,
       drawings: s
     });
   }
-}, cn = {
-  id: "sheet.command.insert-float-image",
-  type: q.COMMAND,
-  handler: (i) => {
-    var n, t;
-    return (t = (n = i.get(Q).getCurrentTypeOfRenderer(Y.UNIVER_SHEET)) == null ? void 0 : n.with(Ze).insertFloatImage()) != null ? t : !1;
-  }
-}, dn = {
-  id: "sheet.command.insert-cell-image",
-  type: q.COMMAND,
-  handler: (i) => {
-    var n, t;
-    return (t = (n = i.get(Q).getCurrentTypeOfRenderer(Y.UNIVER_SHEET)) == null ? void 0 : n.with(Ze).insertCellImage()) != null ? t : !1;
-  }
-}, et = {
+}, tt = {
   id: "sheet.command.move-drawing",
-  type: q.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(H), t = i.get(ee), r = i.get(Qe), { direction: s } = e, o = t.getFocusDrawings();
+    const n = i.get(F), t = i.get(ne), r = i.get(Ge), { direction: s } = e, o = t.getFocusDrawings();
     if (o.length === 0)
       return !1;
-    const c = o[0].unitId, d = o.map((a) => {
-      const { transform: l } = a;
+    const c = o[0].unitId, a = o.map((d) => {
+      const { transform: l } = d;
       if (l == null)
         return null;
       const h = { ...l }, { left: u = 0, top: m = 0 } = l;
       return s === _e.UP ? h.top = m - 1 : s === _e.DOWN ? h.top = m + 1 : s === _e.LEFT ? h.left = u - 1 : s === _e.RIGHT && (h.left = u + 1), {
-        ...a,
+        ...d,
         transform: h,
-        sheetTransform: k(h, r)
+        sheetTransform: $(h, r)
       };
-    }).filter((a) => a != null);
-    return n.syncExecuteCommand(Wt.id, {
+    }).filter((d) => d != null);
+    return n.syncExecuteCommand(Yt.id, {
       unitId: c,
-      drawings: d
-    }) ? (n.syncExecuteCommand(F.id, [c]), !0) : !1;
+      drawings: a
+    }) ? (n.syncExecuteCommand(k.id, [c]), !0) : !1;
   }
-}, mr = "addition-and-subtraction-single", fr = "sheet.menu.image";
-function Ls(i) {
+}, _r = "addition-and-subtraction-single", vr = "sheet.menu.image";
+function qs(i) {
   return {
-    id: fr,
-    type: on.SUBITEMS,
-    icon: mr,
+    id: vr,
+    type: cn.SUBITEMS,
+    icon: _r,
     tooltip: "sheetImage.title",
-    hidden$: Un(i, Y.UNIVER_SHEET),
-    disabled$: mi(i, { workbookTypes: [qt], worksheetTypes: [St], rangeTypes: [$i] })
+    hidden$: Wn(i, X.UNIVER_SHEET),
+    disabled$: Ci(i, { workbookTypes: [en], worksheetTypes: [yt], rangeTypes: [zi] })
   };
 }
-function Fs(i) {
+function Qs(i) {
   return {
-    id: cn.id,
+    id: Gt.id,
     title: "sheetImage.upload.float",
-    type: on.BUTTON,
-    hidden$: Un(i, Y.UNIVER_SHEET)
+    type: cn.BUTTON,
+    hidden$: Wn(i, X.UNIVER_SHEET)
   };
 }
-function Gs(i) {
+function eo(i) {
   return {
-    id: dn.id,
+    id: un.id,
     title: "sheetImage.upload.cell",
-    type: on.BUTTON
+    type: cn.BUTTON
   };
 }
-const Vs = "univer-image-common-panel", Ys = "univer-image-common-panel-grid", Hs = "univer-image-common-panel-border", Xs = "univer-image-common-panel-title", zs = "univer-image-common-panel-subtitle", Ks = "univer-image-common-panel-row", Js = "univer-image-common-panel-row-vertical", Zs = "univer-image-common-panel-column", qs = "univer-image-common-panel-column-center", Qs = "univer-image-common-panel-inline", eo = "univer-image-common-panel-span2", to = "univer-image-common-panel-span3", no = "univer-image-common-panel-input", ro = "univer-sheet-image-menu", io = "univer-sheet-image-menu-input", we = {
-  imageCommonPanel: Vs,
-  imageCommonPanelGrid: Ys,
-  imageCommonPanelBorder: Hs,
-  imageCommonPanelTitle: Xs,
-  imageCommonPanelSubtitle: zs,
-  imageCommonPanelRow: Ks,
-  imageCommonPanelRowVertical: Js,
-  imageCommonPanelColumn: Zs,
-  imageCommonPanelColumnCenter: qs,
-  imageCommonPanelInline: Qs,
-  imageCommonPanelSpan2: eo,
-  imageCommonPanelSpan3: to,
-  imageCommonPanelInput: no,
-  sheetImageMenu: ro,
-  sheetImageMenuInput: io
+const to = "univer-image-common-panel", no = "univer-image-common-panel-grid", ro = "univer-image-common-panel-border", io = "univer-image-common-panel-title", so = "univer-image-common-panel-subtitle", oo = "univer-image-common-panel-row", ao = "univer-image-common-panel-row-vertical", co = "univer-image-common-panel-column", lo = "univer-image-common-panel-column-center", uo = "univer-image-common-panel-inline", ho = "univer-image-common-panel-span2", go = "univer-image-common-panel-span3", mo = "univer-image-common-panel-input", fo = "univer-sheet-image-menu", po = "univer-sheet-image-menu-input", we = {
+  imageCommonPanel: to,
+  imageCommonPanelGrid: no,
+  imageCommonPanelBorder: ro,
+  imageCommonPanelTitle: io,
+  imageCommonPanelSubtitle: so,
+  imageCommonPanelRow: oo,
+  imageCommonPanelRowVertical: ao,
+  imageCommonPanelColumn: co,
+  imageCommonPanelColumnCenter: lo,
+  imageCommonPanelInline: uo,
+  imageCommonPanelSpan2: ho,
+  imageCommonPanelSpan3: go,
+  imageCommonPanelInput: mo,
+  sheetImageMenu: fo,
+  sheetImageMenuInput: po
 };
-function pr(i) {
+function Sr(i) {
   var e, n, t = "";
   if (typeof i == "string" || typeof i == "number") t += i;
   else if (typeof i == "object") if (Array.isArray(i)) {
     var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (n = pr(i[e])) && (t && (t += " "), t += n);
+    for (e = 0; e < r; e++) i[e] && (n = Sr(i[e])) && (t && (t += " "), t += n);
   } else for (n in i) i[n] && (t && (t += " "), t += n);
   return t;
 }
-function _t() {
-  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = pr(i)) && (t && (t += " "), t += e);
+function Rt() {
+  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = Sr(i)) && (t && (t += " "), t += e);
   return t;
 }
-const so = (i) => {
-  var S;
-  const e = Ee(H), n = Ee(Pt), t = Ee(ae), r = Ee(Q), { drawings: s } = i, o = s[0];
+const wo = (i) => {
+  var I;
+  const e = ye(F), n = ye(xt), t = ye(te), r = ye(J), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
-  const { unitId: c } = o, d = r.getRenderById(c), g = d == null ? void 0 : d.scene;
+  const { unitId: c } = o, a = r.getRenderById(c), g = a == null ? void 0 : a.scene;
   if (g == null)
     return;
-  const a = g.getTransformerByCreate(), [l, h] = tn(!0), u = (S = o.anchorType) != null ? S : O.Position, [m, p] = tn(u);
-  function f(R, v) {
+  const d = g.getTransformerByCreate(), [l, h] = rn(!0), u = (I = o.anchorType) != null ? I : O.Position, [m, p] = rn(u);
+  function f(D, v) {
     const C = [];
-    return R.forEach((_) => {
-      const { oKey: y } = _, M = v.getDrawingOKey(y);
+    return D.forEach((_) => {
+      const { oKey: E } = _, M = v.getDrawingOKey(E);
       if (M == null)
         return C.push(null), !0;
-      const { unitId: x, subUnitId: U, drawingId: D, drawingType: b, anchorType: P, sheetTransform: A } = M;
+      const { unitId: y, subUnitId: A, drawingId: b, drawingType: R, anchorType: T, sheetTransform: x } = M;
       C.push({
-        unitId: x,
-        subUnitId: U,
-        drawingId: D,
-        anchorType: P,
-        sheetTransform: A,
-        drawingType: b
+        unitId: y,
+        subUnitId: A,
+        drawingId: b,
+        anchorType: T,
+        sheetTransform: x,
+        drawingType: R
       });
     }), C;
   }
-  an(() => {
-    const R = a.clearControl$.subscribe((C) => {
+  ln(() => {
+    const D = d.clearControl$.subscribe((C) => {
       C === !0 && h(!1);
-    }), v = a.changeStart$.subscribe((C) => {
+    }), v = d.changeStart$.subscribe((C) => {
       var M;
-      const { objects: _ } = C, y = f(_, t);
-      if (y.length === 0)
+      const { objects: _ } = C, E = f(_, t);
+      if (E.length === 0)
         h(!1);
-      else if (y.length >= 1) {
+      else if (E.length >= 1) {
         h(!0);
-        const x = ((M = y[0]) == null ? void 0 : M.anchorType) || O.Position;
-        p(x);
+        const y = ((M = E[0]) == null ? void 0 : M.anchorType) || O.Position;
+        p(y);
       }
     });
     return () => {
-      v.unsubscribe(), R.unsubscribe();
+      v.unsubscribe(), D.unsubscribe();
     };
   }, []);
-  function w(R) {
-    p(R);
+  function w(D) {
+    p(D);
     const v = t.getFocusDrawings();
     if (v.length === 0)
       return;
@@ -2289,144 +2414,144 @@ const so = (i) => {
       unitId: _.unitId,
       subUnitId: _.subUnitId,
       drawingId: _.drawingId,
-      anchorType: R
+      anchorType: D
     }));
-    e.executeCommand(Wt.id, {
+    e.executeCommand(Yt.id, {
       unitId: v[0].unitId,
       drawings: C
     });
   }
-  const I = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ G.jsxs("div", { className: _t(we.imageCommonPanelGrid, we.imageCommonPanelBorder), style: { display: I(l) }, children: [
-    /* @__PURE__ */ G.jsx("div", { className: we.imageCommonPanelRow, children: /* @__PURE__ */ G.jsx("div", { className: _t(we.imageCommonPanelColumn, we.imageCommonPanelTitle), children: /* @__PURE__ */ G.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ G.jsx("div", { className: _t(we.imageCommonPanelRow), children: /* @__PURE__ */ G.jsx("div", { className: _t(we.imageCommonPanelColumn), children: /* @__PURE__ */ G.jsxs(Yi, { value: m, onChange: w, direction: "vertical", children: [
-      /* @__PURE__ */ G.jsx(zt, { value: O.Both, children: n.t("drawing-anchor.both") }),
-      /* @__PURE__ */ G.jsx(zt, { value: O.Position, children: n.t("drawing-anchor.position") }),
-      /* @__PURE__ */ G.jsx(zt, { value: O.None, children: n.t("drawing-anchor.none") })
+  const S = (D) => D ? "block" : "none";
+  return /* @__PURE__ */ Tt("div", { className: Rt(we.imageCommonPanelGrid, we.imageCommonPanelBorder), style: { display: S(l) }, children: [
+    /* @__PURE__ */ K("div", { className: we.imageCommonPanelRow, children: /* @__PURE__ */ K("div", { className: Rt(we.imageCommonPanelColumn, we.imageCommonPanelTitle), children: /* @__PURE__ */ K("div", { children: n.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ K("div", { className: Rt(we.imageCommonPanelRow), children: /* @__PURE__ */ K("div", { className: Rt(we.imageCommonPanelColumn), children: /* @__PURE__ */ Tt(ts, { value: m, onChange: w, direction: "vertical", children: [
+      /* @__PURE__ */ K(qt, { value: O.Both, children: n.t("drawing-anchor.both") }),
+      /* @__PURE__ */ K(qt, { value: O.Position, children: n.t("drawing-anchor.position") }),
+      /* @__PURE__ */ K(qt, { value: O.None, children: n.t("drawing-anchor.none") })
     ] }) }) })
   ] });
-}, oo = () => {
-  const i = Ee(ae), e = i.getFocusDrawings(), [n, t] = tn(e);
-  return an(() => {
+}, _o = () => {
+  const i = ye(te), e = i.getFocusDrawings(), [n, t] = rn(e);
+  return ln(() => {
     const r = i.focus$.subscribe((s) => {
       t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ G.jsxs("div", { className: we.imageCommonPanel, children: [
-    /* @__PURE__ */ G.jsx(ti, { drawings: n }),
-    /* @__PURE__ */ G.jsx(so, { drawings: n })
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ Tt("div", { className: we.imageCommonPanel, children: [
+    /* @__PURE__ */ K(di, { drawings: n }),
+    /* @__PURE__ */ K(wo, { drawings: n })
   ] });
-}, ao = {
-  [Ii.FORMULAS_INSERT]: {
-    [fr]: {
+}, vo = {
+  [Ei.FORMULAS_INSERT]: {
+    [vr]: {
       order: 3,
-      menuItemFactory: Ls,
-      [cn.id]: {
+      menuItemFactory: qs,
+      [Gt.id]: {
         order: 0,
-        menuItemFactory: Fs
+        menuItemFactory: Qs
       },
-      [dn.id]: {
+      [un.id]: {
         order: 1,
-        menuItemFactory: Gs
+        menuItemFactory: eo
       }
     }
   }
 };
-function tt(i) {
-  return !i.getContextValue(xr) && !i.getContextValue(Br) && !i.getContextValue($r) && i.getContextValue(We);
+function nt(i) {
+  return !i.getContextValue(Gr) && !i.getContextValue(Xr) && !i.getContextValue(Vr) && i.getContextValue(ke);
 }
-const co = {
-  id: et.id,
+const So = {
+  id: tt.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
-  binding: xe.ARROW_DOWN,
+  binding: Le.ARROW_DOWN,
   priority: 100,
-  preconditions: tt,
+  preconditions: nt,
   staticParameters: {
     direction: _e.DOWN
   }
-}, lo = {
-  id: et.id,
+}, Io = {
+  id: tt.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
-  binding: xe.ARROW_UP,
+  binding: Le.ARROW_UP,
   priority: 100,
-  preconditions: tt,
+  preconditions: nt,
   staticParameters: {
     direction: _e.UP
   }
-}, uo = {
-  id: et.id,
+}, Co = {
+  id: tt.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
-  binding: xe.ARROW_LEFT,
+  binding: Le.ARROW_LEFT,
   priority: 100,
-  preconditions: tt,
+  preconditions: nt,
   staticParameters: {
     direction: _e.LEFT
   }
-}, ho = {
-  id: et.id,
+}, bo = {
+  id: tt.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
-  binding: xe.ARROW_RIGHT,
+  binding: Le.ARROW_RIGHT,
   priority: 100,
-  preconditions: tt,
+  preconditions: nt,
   staticParameters: {
     direction: _e.RIGHT
   }
-}, go = {
-  id: gr.id,
+}, Ro = {
+  id: wr.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: tt,
-  binding: xe.DELETE,
-  mac: xe.BACKSPACE
+  preconditions: nt,
+  binding: Le.DELETE,
+  mac: Le.BACKSPACE
 };
-var mo = Object.defineProperty, fo = Object.getOwnPropertyDescriptor, po = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? fo(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var Do = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, yo = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Mo(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && mo(e, n, r), r;
-}, vt = (i, e) => (n, t) => e(n, t, i);
-let Ot = class extends ie {
-  constructor(i, e, n, t) {
-    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
+  return t && r && Do(e, n, r), r;
+}, $e = (i, e) => (n, t) => e(n, t, i);
+let Bt = class extends oe {
+  constructor(i, e, n, t, r, s) {
+    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(mr, hr)), this.disposeWithMe(i.register(rr, oo));
+    this.disposeWithMe(i.register(_r, pr)), this.disposeWithMe(i.register(or, _o));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(ao);
+    this._menuManagerService.mergeMenu(vo);
   }
   _initCommands() {
     [
-      cn,
-      dn,
-      jt,
-      Nt,
-      Wt,
-      ir,
-      F,
-      sr,
-      or,
-      cr,
+      Gt,
+      un,
+      Ft,
       et,
-      gr,
-      ar
+      Yt,
+      ar,
+      k,
+      cr,
+      dr,
+      ur,
+      tt,
+      wr,
+      lr
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      co,
-      lo,
-      uo,
-      ho,
-      go
+      So,
+      Io,
+      Co,
+      bo,
+      Ro
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2435,94 +2560,104 @@ let Ot = class extends ie {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Ot = po([
-  vt(0, N(Ci)),
-  vt(1, Ri),
-  vt(2, H),
-  vt(3, bi)
-], Ot);
-var wo = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, vo = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? _o(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Bt = yo([
+  $e(0, N(Pi)),
+  $e(1, Ui),
+  $e(2, F),
+  $e(3, Ai),
+  $e(4, te),
+  $e(5, N(dn))
+], Bt);
+var To = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, Eo = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Oo(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && wo(e, n, r), r;
-}, Oe = (i, e) => (n, t) => e(n, t, i);
-function So(i, e, n, t, r) {
-  const { scaleX: s, scaleY: o } = e.getAncestorScale(), c = e.getViewport(En.VIEW_MAIN), d = {
+  return t && r && To(e, n, r), r;
+}, Me = (i, e) => (n, t) => e(n, t, i);
+function Po(i, e, n, t, r) {
+  const { scaleX: s, scaleY: o } = e.getAncestorScale(), c = e.getViewport(jn.VIEW_MAIN), a = {
     left: !0,
     top: !0
   };
   if (!c)
     return {
       ...i,
-      absolute: d
+      absolute: a
     };
-  const { left: g, right: a, top: l, bottom: h } = i;
+  const { left: g, right: d, top: l, bottom: h } = i;
   let { top: u, left: m, viewportScrollX: p, viewportScrollY: f } = c;
-  const { boundsOfViewArea: w, scrollDirectionResponse: I } = r || {};
-  w && (Pe.isDefine(w.top) && (u = w.top), Pe.isDefine(w.left) && (m = w.left)), I === "HORIZONTAL" && (f = 0), I === "VERTICAL" && (p = 0);
-  let S, R;
-  g < m ? (d.left = !0, S = (m + (g - m)) * s, R = Math.max(
+  const { boundsOfViewArea: w, scrollDirectionResponse: S } = r || {};
+  w && (Te.isDefine(w.top) && (u = w.top), Te.isDefine(w.left) && (m = w.left)), S === "HORIZONTAL" && (f = 0), S === "VERTICAL" && (p = 0);
+  let I, D;
+  g < m ? (a.left = !0, I = (m + (g - m)) * s, D = Math.max(
     Math.min(
-      (m + (a - m)) * s,
+      (m + (d - m)) * s,
       m * s
     ),
-    (a - p) * s
-  )) : (d.left = !1, S = Math.max((g - p) * s, m * s), R = Math.max((a - p) * s, m * s));
+    (d - p) * s
+  )) : (a.left = !1, I = Math.max((g - p) * s, m * s), D = Math.max((d - p) * s, m * s));
   let v, C;
-  return l < u ? (d.top = !0, v = (u + (l - u)) * o, C = Math.max(
+  return l < u ? (a.top = !0, v = (u + (l - u)) * o, C = Math.max(
     Math.min(
-      (u + (a - u)) * o,
+      (u + (d - u)) * o,
       u * o
     ),
     (h - f) * o
-  )) : (d.top = !1, v = Math.max((l - f) * o, u * o), C = Math.max((h - f) * o, u * o)), {
-    left: S,
-    right: R,
+  )) : (a.top = !1, v = Math.max((l - f) * o, u * o), C = Math.max((h - f) * o, u * o)), {
+    left: I,
+    right: D,
     top: v,
     bottom: C,
-    absolute: d
+    absolute: a
   };
 }
-const Te = (i, e, n, t, r) => {
-  const { scene: s } = e, { left: o, top: c, width: d, height: g, angle: a } = i, l = {
+const ge = (i, e, n, t, r) => {
+  const { scene: s } = e, { left: o, top: c, width: a, height: g, angle: d } = i, l = {
     left: o,
-    right: o + d,
+    right: o + a,
     top: c,
     bottom: c + g
-  }, h = So(l, s, n, t, r), { scaleX: u, scaleY: m } = s.getAncestorScale();
+  }, h = Po(l, s, n, t, r), { scaleX: u, scaleY: m } = s.getAncestorScale();
   return {
     startX: h.left,
     endX: h.right,
     startY: h.top,
     endY: h.bottom,
-    rotate: a,
-    width: d * u,
+    rotate: d,
+    width: a * u,
     height: g * m,
     absolute: h.absolute
   };
 };
-let Tt = class extends ie {
+let Wt = class extends oe {
   constructor(e, n, t, r, s, o, c) {
     super();
     /**
-     * for update dom container position when scrolling
+     * for update dom container position when scrolling and zoom
      */
-    J(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    J(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    J(this, "_transformChange$", new Ht());
-    J(this, "transformChange$", this._transformChange$.asObservable());
-    J(this, "_add$", new Ht());
-    J(this, "add$", this._add$.asObservable());
-    J(this, "_remove$", new Ht());
-    J(this, "remove$", this._remove$.asObservable());
-    J(this, "_hooks", []);
+    z(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    /**
+     * for update dom container position when scrolling and zoom
+     */
+    z(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    z(this, "_transformChange$", new Zt());
+    z(this, "transformChange$", this._transformChange$.asObservable());
+    z(this, "_add$", new Zt());
+    z(this, "add$", this._add$.asObservable());
+    z(this, "_remove$", new Zt());
+    z(this, "remove$", this._remove$.asObservable());
+    z(this, "_hooks", []);
     this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = c, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(ve((e) => e === Lr.Rendered), Mi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(ve((e) => e === zr.Rendered), ji(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
+  /**
+   * For scrolling and zoom
+   * @param unitId
+   * @param subUnitId
+   */
   _ensureMap(e, n) {
     let t = this._domLayerMap.get(e);
     t || (t = /* @__PURE__ */ new Map(), this._domLayerMap.set(e, t));
@@ -2551,15 +2686,15 @@ let Tt = class extends ie {
     this.disposeWithMe(
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          var Se, ge, ce;
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = V(this._univerInstanceService, { unitId: t, subUnitId: r }), c = this._drawingManagerService.getDrawingByParam(n), d = this._univerInstanceService.getUnit(t, Y.UNIVER_SHEET);
-          if (!d)
+          var re, ie, H;
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = G(this._univerInstanceService, { unitId: t, subUnitId: r }), c = this._drawingManagerService.getDrawingByParam(n), a = this._univerInstanceService.getUnit(t, X.UNIVER_SHEET);
+          if (!a)
             return;
-          const g = d.getActiveSheet().getSheetId();
+          const g = a.getActiveSheet().getSheetId();
           if (!c || !o)
             return;
-          const a = (Se = this._renderManagerService.getRenderById(t)) == null ? void 0 : Se.with(Z).getWorksheetSkeleton(r);
-          if (!a)
+          const d = (re = this._renderManagerService.getRenderById(t)) == null ? void 0 : re.with(Y).getWorksheetSkeleton(r);
+          if (!d)
             return;
           const { transform: l, drawingType: h, data: u } = c;
           if (h !== L.DRAWING_DOM && h !== L.DRAWING_CHART)
@@ -2572,72 +2707,72 @@ let Tt = class extends ie {
             return !0;
           if (g !== r)
             return;
-          const { left: w, top: I, width: S, height: R, angle: v, flipX: C, flipY: _, skewX: y, skewY: M } = l, x = Ye({ unitId: t, subUnitId: r, drawingId: s }), U = p.getObject(x);
-          if (U != null) {
-            U.transformByState({ left: w, top: I, width: S, height: R, angle: v, flipX: C, flipY: _, skewX: y, skewY: M });
+          const { left: w, top: S, width: I, height: D, angle: v, flipX: C, flipY: _, skewX: E, skewY: M } = l, y = Ce({ unitId: t, subUnitId: r, drawingId: s }), A = p.getObject(y);
+          if (A != null) {
+            A.transformByState({ left: w, top: S, width: I, height: D, angle: v, flipX: C, flipY: _, skewX: E, skewY: M });
             return;
           }
-          const D = {
+          const b = {
             left: w,
-            top: I,
-            width: S,
-            height: R,
+            top: S,
+            width: I,
+            height: D,
             zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
-          }, b = h === L.DRAWING_CHART;
-          if (b) {
-            const $ = u ? u.backgroundColor : "white";
-            D.fill = $, D.rotateEnabled = !1, u && u.border && (D.stroke = u.border), D.paintFirst = "stroke", D.strokeWidth = 1, D.borderEnabled = !1, D.radius = 8;
+          }, R = h === L.DRAWING_CHART;
+          if (R) {
+            const W = u ? u.backgroundColor : "white";
+            b.fill = W, b.rotateEnabled = !1, u && u.border && (b.stroke = u.border), b.paintFirst = "stroke", b.strokeWidth = 1, b.borderEnabled = !1, b.radius = 8;
           }
-          const P = new lt(x, D);
-          b && P.setObjectType(pn.CHART), p.addObject(P, Yt), c.allowTransform !== !1 && p.attachTransformerTo(P);
-          const A = this._ensureMap(t, r), j = new ct(), B = Te(P, m.renderUnit, a.skeleton, o.worksheet), X = new He(B), se = {
-            dispose: j,
-            rect: P,
-            position$: X,
+          const T = new We(y, b);
+          R && T.setObjectType(Cn.CHART), p.addObject(T, Kt), c.allowTransform !== !1 && p.attachTransformerTo(T);
+          const x = this._ensureMap(t, r), ae = new pt(), Se = ge(T, m.renderUnit, d.skeleton, o.worksheet), ce = new He(Se), Ie = {
+            dispose: ae,
+            rect: T,
+            position$: ce,
             unitId: t,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: X,
+            position$: ce,
             id: s,
             componentKey: c.componentKey,
-            onPointerDown: ($) => {
-              f.dispatchEvent(new PointerEvent($.type, $));
+            onPointerDown: (W) => {
+              f.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onPointerMove: ($) => {
-              f.dispatchEvent(new PointerEvent($.type, $));
+            onPointerMove: (W) => {
+              f.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onPointerUp: ($) => {
-              f.dispatchEvent(new PointerEvent($.type, $));
+            onPointerUp: (W) => {
+              f.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onWheel: ($) => {
-              f.dispatchEvent(new WheelEvent($.type, $));
+            onWheel: (W) => {
+              f.dispatchEvent(new WheelEvent(W.type, W));
             },
-            props: (ce = (ge = A.get(s)) == null ? void 0 : ge.props) != null ? ce : this._getFloatDomProps(s),
+            props: (H = (ie = x.get(s)) == null ? void 0 : ie.props) != null ? H : this._getFloatDomProps(s),
             data: u,
             unitId: t
           });
-          const oe = P.onTransformChange$.subscribeEvent(() => {
-            const $ = Te(P, m.renderUnit, a.skeleton, o.worksheet);
-            X.next(
-              $
+          const de = T.onTransformChange$.subscribeEvent(() => {
+            const W = ge(T, m.renderUnit, d.skeleton, o.worksheet);
+            ce.next(
+              W
             );
           });
-          j.add(() => {
+          ae.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), oe && j.add(oe), this._domLayerInfoMap.set(s, se), A.set(s, {
-            ...A.get(s)
+          }), de && ae.add(de), this._domLayerInfoMap.set(s, Ie), x.set(s, {
+            ...x.get(s)
           });
         });
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((e) => {
         e.forEach((n) => {
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = Ye({ unitId: t, subUnitId: r, drawingId: s }), c = this._getSceneAndTransformerByDrawingSearch(t);
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = Ce({ unitId: t, subUnitId: r, drawingId: s }), c = this._getSceneAndTransformerByDrawingSearch(t);
           if (c == null)
             return;
-          const { transformer: d, scene: g } = c, a = g.getObject(o);
-          a != null && a.oKey && d.clearControlByIds([a == null ? void 0 : a.oKey]);
+          const { transformer: a, scene: g } = c, d = g.getObject(o);
+          d != null && d.oKey && a.clearControlByIds([d == null ? void 0 : d.oKey]);
         });
       })
     );
@@ -2645,39 +2780,39 @@ let Tt = class extends ie {
   _scrollUpdateListener() {
     const e = (n, t) => {
       var g;
-      const r = this._getSceneAndTransformerByDrawingSearch(n), s = this._ensureMap(n, t), o = Array.from(s.keys()), c = V(this._univerInstanceService, { unitId: n, subUnitId: t }), d = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(Z).getWorksheetSkeleton(t);
-      !r || !c || !d || o.forEach((a) => {
-        const l = this._domLayerInfoMap.get(a);
+      const r = this._getSceneAndTransformerByDrawingSearch(n), s = this._ensureMap(n, t), o = Array.from(s.keys()), c = G(this._univerInstanceService, { unitId: n, subUnitId: t }), a = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(Y).getWorksheetSkeleton(t);
+      !r || !c || !a || o.forEach((d) => {
+        const l = this._domLayerInfoMap.get(d);
         if (l) {
-          const h = Te(l.rect, r.renderUnit, d.skeleton, c.worksheet, l);
+          const h = ge(l.rect, r.renderUnit, a.skeleton, c.worksheet, l);
           l.position$.next(h);
         }
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET).pipe(
         ve((n) => !!n),
-        Sn((n) => n.activeSheet$),
+        Mn((n) => n.activeSheet$),
         ve((n) => !!n),
         Je((n) => {
           const t = this._renderManagerService.getRenderById(n.getUnitId());
           return t ? { render: t, unitId: n.getUnitId(), subUnitId: n.getSheetId() } : null;
         }),
         ve((n) => !!n),
-        Sn(
-          (n) => Fr(n.render.scene.getViewport(En.VIEW_MAIN).onScrollAfter$).pipe(Je(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
+        Mn(
+          (n) => Kr(n.render.scene.getViewport(jn.VIEW_MAIN).onScrollAfter$).pipe(Je(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
         )
       ).subscribe(({ unitId: n, subUnitId: t }) => {
         e(n, t);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
       var t, r;
-      if (n.id === _n.id) {
+      if (n.id === Rn.id) {
         const s = n.params, { unitId: o } = s;
-        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((d) => {
-          e(o, d);
+        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((a) => {
+          e(o, a);
         });
-      } else if (n.id === ki.id) {
+      } else if (n.id === Ki.id) {
         const { unitId: s, subUnitId: o } = n.params;
         e(s, o);
       }
@@ -2685,25 +2820,25 @@ let Tt = class extends ie {
   }
   _getPosition(e, n) {
     var h;
-    const { startX: t, endX: r, startY: s, endY: o } = e, c = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(Qe);
+    const { startX: t, endX: r, startY: s, endY: o } = e, c = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(Ge);
     if (c == null)
       return;
-    const d = c.getCellWithCoordByOffset(t, s);
-    if (d == null)
-      return;
-    const g = {
-      column: d.actualColumn,
-      columnOffset: t - d.startX,
-      row: d.actualRow,
-      rowOffset: s - d.startY
-    }, a = c.getCellWithCoordByOffset(r, o);
+    const a = c.getCellWithCoordByOffset(t, s);
     if (a == null)
       return;
-    const l = {
+    const g = {
       column: a.actualColumn,
-      columnOffset: r - a.startX,
+      columnOffset: t - a.startX,
       row: a.actualRow,
-      rowOffset: o - a.startY
+      rowOffset: s - a.startY
+    }, d = c.getCellWithCoordByOffset(r, o);
+    if (d == null)
+      return;
+    const l = {
+      column: d.actualColumn,
+      columnOffset: r - d.startX,
+      row: d.actualRow,
+      rowOffset: o - d.startY
     };
     return {
       from: g,
@@ -2737,26 +2872,26 @@ let Tt = class extends ie {
   updateFloatDomProps(e, n, t, r) {
     const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(e);
     if (s && o) {
-      const { scene: c } = o, d = Ye({ unitId: e, subUnitId: n, drawingId: t }), g = c.getObject(d);
-      g && g instanceof lt && g.setProps(r);
+      const { scene: c } = o, a = Ce({ unitId: e, subUnitId: n, drawingId: t }), g = c.getObject(a);
+      g && g instanceof We && g.setProps(r);
     }
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
   addFloatDomToPosition(e, n) {
-    const t = V(this._univerInstanceService, {
+    const t = G(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
     if (!t)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: c, data: d, allowTransform: g = !0 } = e, a = n != null ? n : Gt(), l = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: c, data: a, allowTransform: g = !0 } = e, d = n != null ? n : Ht(), l = this._getPosition(o, r);
     if (l == null)
       return;
-    this._ensureMap(r, s).set(a, e);
+    this._ensureMap(r, s).set(d, e);
     const u = {
       unitId: r,
       subUnitId: s,
-      drawingId: a,
+      drawingId: d,
       drawingType: e.type || L.DRAWING_DOM,
       componentKey: c,
       sheetTransform: l,
@@ -2766,16 +2901,16 @@ let Tt = class extends ie {
         width: o.endX - o.startX,
         height: o.endY - o.startY
       },
-      data: d,
+      data: a,
       allowTransform: g
     };
-    return this._commandService.executeCommand(jt.id, {
+    return this._commandService.executeCommand(Ft.id, {
       unitId: r,
       drawings: [u]
-    }), this._add$.next({ unitId: r, subUnitId: s, id: a }), {
-      id: a,
+    }), this._add$.next({ unitId: r, subUnitId: s, id: d }), {
+      id: d,
       dispose: () => {
-        this._removeDom(a, !0);
+        this._removeDom(d, !0);
       }
     };
   }
@@ -2788,11 +2923,11 @@ let Tt = class extends ie {
     const o = this._getSceneAndTransformerByDrawingSearch(r);
     if (o && o.scene.removeObject(t.rect), n) {
       this._ensureMap(r, s).delete(e);
-      const d = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: e });
-      if (!d)
+      const a = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: e });
+      if (!a)
         return;
-      const g = this._sheetDrawingService.getBatchRemoveOp([d]), { redo: a, objects: l } = g;
-      this._commandService.syncExecuteCommand(T.id, { unitId: r, subUnitId: s, op: a, objects: l, type: E.REMOVE });
+      const g = this._sheetDrawingService.getBatchRemoveOp([a]), { redo: d, objects: l } = g;
+      this._commandService.syncExecuteCommand(P.id, { unitId: r, subUnitId: s, op: d, objects: l, type: U.REMOVE });
     }
   }
   addHook(e) {
@@ -2804,129 +2939,159 @@ let Tt = class extends ie {
     };
   }
   addFloatDomToRange(e, n, t, r) {
-    var M, x, U, D, b, P;
-    const s = V(this._univerInstanceService, {
+    var _, E, M, y, A;
+    const s = G(this._univerInstanceService, {
       unitId: n.unitId,
       subUnitId: n.subUnitId
     });
     if (!s)
       throw new Error("cannot find current target!");
-    const { unitId: o, subUnitId: c } = s;
-    if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
+    const { unitId: o, subUnitId: c } = s, a = this._getSceneAndTransformerByDrawingSearch(o);
+    if (!a) return;
     const g = this._renderManagerService.getRenderById(o);
     if (!g) return;
-    const a = (M = this._renderManagerService.getRenderById(o)) == null ? void 0 : M.with(Z).getWorksheetSkeleton(c);
-    if (!a) return;
-    const { componentKey: l, data: h, allowTransform: u = !0 } = n, m = r != null ? r : Gt(), { position: p } = this._createRangePositionObserver(e, g, a.skeleton), f = this._getPosition(p, o);
-    if (f == null)
+    const d = (_ = this._renderManagerService.getRenderById(o)) == null ? void 0 : _.with(Y).getWorksheetSkeleton(c);
+    if (!d) return;
+    const { componentKey: l, data: h, allowTransform: u = !0 } = n, m = r != null ? r : Ht(), { position: p, position$: f } = this._createRangePositionObserver(e, g, d.skeleton), w = this._getPosition(p, o);
+    if (w == null)
       return;
     this._ensureMap(o, c).set(m, n);
-    const I = p.endX - p.startX, S = p.endY - p.startY, R = (x = t.width) != null ? x : I, v = (U = t.height) != null ? U : S, C = p.startX + je(t.marginX, I), _ = p.startY + je(t.marginY, S), y = {
+    const I = a.scene, { scaleX: D } = I.getAncestorScale(), v = Dt(p, t, D), C = {
       unitId: o,
       subUnitId: c,
       drawingId: m,
       drawingType: n.type || L.DRAWING_DOM,
       componentKey: l,
-      sheetTransform: f,
+      sheetTransform: w,
       transform: {
-        left: C,
-        top: _,
-        width: R,
-        height: v
+        left: v.startX,
+        top: v.startY,
+        width: v.width,
+        height: v.height
       },
       data: h,
       allowTransform: u
     };
     {
-      const { unitId: A, subUnitId: j, drawingId: B } = y, X = V(this._univerInstanceService, { unitId: A, subUnitId: j }), se = y, oe = this._univerInstanceService.getUnit(A, Y.UNIVER_SHEET);
-      if (!oe)
+      const { unitId: b, subUnitId: R, drawingId: T } = C, x = G(this._univerInstanceService, { unitId: b, subUnitId: R }), ae = C, Se = this._univerInstanceService.getUnit(b, X.UNIVER_SHEET);
+      if (!Se)
+        return;
+      const ce = Se.getActiveSheet().getSheetId();
+      if (!ae || !x)
         return;
-      const Se = oe.getActiveSheet().getSheetId();
-      if (!se || !X)
+      const Ie = (E = this._renderManagerService.getRenderById(b)) == null ? void 0 : E.with(Y);
+      if (!Ie)
         return;
-      const ge = (D = this._renderManagerService.getRenderById(A)) == null ? void 0 : D.with(Z).getWorksheetSkeleton(j);
-      if (!ge)
+      const de = Ie.getWorksheetSkeleton(R);
+      if (!de)
         return;
-      const { transform: ce, drawingType: $, data: de } = se;
-      if ($ !== L.DRAWING_DOM && $ !== L.DRAWING_CHART)
+      const { transform: re, drawingType: ie, data: H } = ae;
+      if (ie !== L.DRAWING_DOM && ie !== L.DRAWING_CHART)
         return;
-      const Ue = this._getSceneAndTransformerByDrawingSearch(A);
-      if (Ue == null)
+      const W = this._getSceneAndTransformerByDrawingSearch(b);
+      if (W == null)
         return;
-      const { scene: le, canvas: ue } = Ue;
-      if (ce == null || Se !== j)
+      const { scene: Oe, canvas: Ee } = W;
+      if (re == null || ce !== R)
         return;
-      const { left: Ie, top: ke, width: Le, height: Fe, angle: nt, flipX: xt, flipY: Bt, skewX: $t, skewY: kt } = ce, rt = Ye({ unitId: A, subUnitId: j, drawingId: B }), Ge = le.getObject(rt);
-      if (Ge != null) {
-        Ge.transformByState({ left: Ie, top: ke, width: Le, height: Fe, angle: nt, flipX: xt, flipY: Bt, skewX: $t, skewY: kt });
+      const { left: rt, top: it, width: st, height: ot, angle: Xt, flipX: Vt, flipY: at, skewX: ct, skewY: Pe } = re, dt = Ce({ unitId: b, subUnitId: R, drawingId: T }), le = Oe.getObject(dt);
+      if (le != null) {
+        le.transformByState({ left: rt, top: it, width: st, height: ot, angle: Xt, flipX: Vt, flipY: at, skewX: ct, skewY: Pe });
         return;
       }
-      const re = {
-        left: Ie,
-        top: ke,
-        width: Le,
-        height: Fe,
-        zIndex: this._drawingManagerService.getDrawingOrder(A, j).length - 1
-      }, it = $ === L.DRAWING_CHART;
-      if (it) {
-        const W = de ? de.backgroundColor : "white";
-        re.fill = W, re.rotateEnabled = !1, de && de.border && (re.stroke = de.border), re.paintFirst = "stroke", re.strokeWidth = 1, re.borderEnabled = !1, re.radius = 8;
+      const q = {
+        left: rt,
+        // from floatDomParam.transform
+        top: it,
+        width: st,
+        height: ot,
+        zIndex: this._drawingManagerService.getDrawingOrder(b, R).length - 1
+      }, Ue = ie === L.DRAWING_CHART;
+      if (Ue) {
+        const j = H ? H.backgroundColor : "white";
+        q.fill = j, q.rotateEnabled = !1, H && H.border && (q.stroke = H.border), q.paintFirst = "stroke", q.strokeWidth = 1, q.borderEnabled = !1, q.radius = 8;
       }
-      const K = new lt(rt, re);
-      it && K.setObjectType(pn.CHART), le.addObject(K, Yt), se.allowTransform !== !1 && le.attachTransformerTo(K);
-      const Ce = this._ensureMap(A, j), Re = new ct(), me = le.getMainViewport(), Lt = {
-        top: me.top,
-        left: me.left,
-        bottom: me.bottom,
-        right: me.right
+      const se = new We(dt, q);
+      Ue && se.setObjectType(Cn.CHART), Oe.addObject(se, Kt), ae.allowTransform !== !1 && Oe.attachTransformerTo(se);
+      const Xe = this._ensureMap(b, R), ue = new pt(), Ae = Oe.getMainViewport(), Ne = {
+        top: Ae.top,
+        left: Ae.left,
+        bottom: Ae.bottom,
+        right: Ae.right
       }, he = {
-        dispose: Re,
-        rect: K,
-        boundsOfViewArea: Lt,
-        // position$,
-        unitId: A,
-        subUnitId: j
-      }, Ft = Te(K, Ue.renderUnit, ge.skeleton, X.worksheet, he), be = new He(Ft);
-      he.position$ = be;
-      let De = {
-        position$: be,
-        id: B,
-        componentKey: se.componentKey,
+        dispose: ue,
+        rect: se,
+        boundsOfViewArea: Ne,
+        domAnchor: t,
+        unitId: b,
+        subUnitId: R
+      }, lt = ge(se, W.renderUnit, de.skeleton, x.worksheet, he), me = new He(lt);
+      he.position$ = me;
+      let B = {
+        position$: me,
+        id: T,
+        componentKey: ae.componentKey,
         onPointerDown: () => {
         },
         onPointerMove: () => {
         },
         onPointerUp: () => {
         },
-        onWheel: (W) => {
-          ue.dispatchEvent(new WheelEvent(W.type, W));
+        onWheel: (j) => {
+          Ee.dispatchEvent(new WheelEvent(j.type, j));
         },
-        props: (P = (b = Ce.get(B)) == null ? void 0 : b.props) != null ? P : this._getFloatDomProps(B),
-        data: de,
-        unitId: A
+        props: (y = (M = Xe.get(T)) == null ? void 0 : M.props) != null ? y : this._getFloatDomProps(T),
+        data: H,
+        unitId: b
       };
-      n.eventPassThrough && (De = {
-        ...De,
-        onPointerDown: (W) => {
-          ue.dispatchEvent(new PointerEvent(W.type, W));
+      n.eventPassThrough && (B = {
+        ...B,
+        onPointerDown: (j) => {
+          Ee.dispatchEvent(new PointerEvent(j.type, j));
         },
-        onPointerMove: (W) => {
-          ue.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerMove: (j) => {
+          Ee.dispatchEvent(new PointerEvent(j.type, j));
         },
-        onPointerUp: (W) => {
-          ue.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerUp: (j) => {
+          Ee.dispatchEvent(new PointerEvent(j.type, j));
         }
-      }), this._canvasFloatDomService.addFloatDom(De);
-      const Ve = K.onTransformChange$.subscribeEvent(() => {
-        const W = Te(K, Ue.renderUnit, ge.skeleton, X.worksheet, he);
-        be.next(
-          W
+      }), this._canvasFloatDomService.addFloatDom(B), this.disposeWithMe(f.subscribe((j) => {
+        var hn, gn, mn, fn;
+        const ht = Dt({
+          rotate: 0,
+          startX: j.startX,
+          startY: j.startY,
+          endX: j.endX,
+          endY: j.endY,
+          width: (hn = t.width) != null ? hn : j.width,
+          height: (gn = t.height) != null ? gn : j.height,
+          absolute: {
+            left: p.absolute.left,
+            top: p.absolute.top
+          }
+        }, t), br = Ce({ unitId: b, subUnitId: R, drawingId: T }), Rr = new We(br, {
+          left: ht.startX,
+          top: ht.startY,
+          width: (mn = t.width) != null ? mn : j.width,
+          height: (fn = t.height) != null ? fn : j.height,
+          zIndex: this._drawingManagerService.getDrawingOrder(b, R).length - 1
+        }), Dr = ge(Rr, W.renderUnit, de.skeleton, x.worksheet, he);
+        me.next(Dr);
+      }));
+      const Ve = (A = this._renderManagerService.getRenderById(b)) == null ? void 0 : A.with(Y);
+      Ve == null || Ve.currentSkeleton$.subscribe((j) => {
+        j && d.sheetId !== j.sheetId && this._removeDom(m, !0);
+      });
+      const ut = se.onTransformChange$.subscribeEvent(() => {
+        const j = ge(se, W.renderUnit, de.skeleton, x.worksheet, he);
+        me.next(
+          j
         );
       });
-      Re.add(() => {
-        this._canvasFloatDomService.removeFloatDom(B);
-      }), Ve && Re.add(Ve), this._domLayerInfoMap.set(B, he), Ce.set(B, {
-        ...Ce.get(B)
+      ue.add(() => {
+        this._canvasFloatDomService.removeFloatDom(T);
+      }), ut && ue.add(ut), this._domLayerInfoMap.set(T, he), Xe.set(T, {
+        ...Xe.get(T)
       });
     }
     return {
@@ -2937,8 +3102,8 @@ let Tt = class extends ie {
     };
   }
   addFloatDomToColumnHeader(e, n, t, r) {
-    var x, U, D, b, P, A;
-    const s = V(this._univerInstanceService, {
+    var v, C, _, E, M;
+    const s = G(this._univerInstanceService, {
       unitId: n.unitId,
       subUnitId: n.subUnitId
     });
@@ -2948,135 +3113,161 @@ let Tt = class extends ie {
     if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
     const g = this._renderManagerService.getRenderById(o);
     if (!g) return;
-    const a = (x = this._renderManagerService.getRenderById(o)) == null ? void 0 : x.with(Z).getWorksheetSkeleton(c);
-    if (!a) return;
-    const { componentKey: l, data: h, allowTransform: u = !0 } = n, m = r != null ? r : Gt(), { position: p } = this._createRangePositionObserver({
+    const d = (v = this._renderManagerService.getRenderById(o)) == null ? void 0 : v.with(Y).getWorksheetSkeleton(c);
+    if (!d) return;
+    const { componentKey: l, data: h, allowTransform: u = !0 } = n, m = r != null ? r : Ht(), { position: p, position$: f } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: e,
       endColumn: e
-    }, g, a.skeleton), f = p;
-    f.startY = 0;
-    const w = this._getPosition(p, o);
-    if (w == null)
+    }, g, d.skeleton), w = p;
+    w.startY = 0;
+    const S = this._getPosition(p, o);
+    if (S == null)
       return;
     this._ensureMap(o, c).set(m, n);
-    const S = p.endX - p.startX, R = p.endY - p.startY, v = (U = t.width) != null ? U : S, C = (D = t.height) != null ? D : R;
-    let _ = 0, y = 0;
-    if (t.horizonOffsetAlign === "right") {
-      const j = je(t.marginX, S);
-      _ = f.endX - j - v;
-    } else
-      _ = f.startX + je(t.marginX, S);
-    if (t.verticalOffsetAlign === "bottom") {
-      const j = je(t.marginY, R);
-      y = f.endY - j - C;
-    } else
-      y = f.startY + je(t.marginY, R);
-    const M = {
+    const D = {
       unitId: o,
       subUnitId: c,
       drawingId: m,
       drawingType: n.type || L.DRAWING_DOM,
       componentKey: l,
-      sheetTransform: w,
+      sheetTransform: S,
       transform: {
-        left: _,
-        top: y,
-        width: v,
-        height: C
+        left: w.startX,
+        top: w.startY,
+        width: w.width,
+        height: w.height
       },
       data: h,
       allowTransform: u
     };
     {
-      const { unitId: j, subUnitId: B, drawingId: X } = M, se = V(this._univerInstanceService, { unitId: j, subUnitId: B }), oe = M, Se = this._univerInstanceService.getUnit(j, Y.UNIVER_SHEET);
-      if (!Se)
+      const { unitId: y, subUnitId: A, drawingId: b } = D, R = G(this._univerInstanceService, { unitId: y, subUnitId: A }), T = D, x = this._univerInstanceService.getUnit(y, X.UNIVER_SHEET);
+      if (!x)
         return;
-      const ge = Se.getActiveSheet().getSheetId();
-      if (!oe || !se)
+      const ae = x.getActiveSheet().getSheetId();
+      if (!T || !R)
         return;
-      const ce = (b = this._renderManagerService.getRenderById(j)) == null ? void 0 : b.with(Z).getWorksheetSkeleton(B);
-      if (!ce)
+      const Se = (C = this._renderManagerService.getRenderById(y)) == null ? void 0 : C.with(Y);
+      if (!Se)
         return;
-      const { transform: $, drawingType: de, data: Ue } = oe;
-      if (de !== L.DRAWING_DOM && de !== L.DRAWING_CHART)
+      const ce = Se.getWorksheetSkeleton(A);
+      if (!ce)
         return;
-      const le = this._getSceneAndTransformerByDrawingSearch(j);
-      if (le == null)
+      const { transform: Ie, data: de } = T, re = this._getSceneAndTransformerByDrawingSearch(y);
+      if (re == null)
         return;
-      const { scene: ue, canvas: Ie } = le;
-      if ($ == null || ge !== B)
+      const { scene: ie, canvas: H } = re;
+      if (Ie == null || ae !== A)
         return;
-      const { left: ke, top: Le, width: Fe, height: nt, angle: xt, flipX: Bt, flipY: $t, skewX: kt, skewY: rt } = $, Ge = Ye({ unitId: j, subUnitId: B, drawingId: X }), re = ue.getObject(Ge);
-      if (re != null) {
-        re.transformByState({ left: ke, top: Le, width: Fe, height: nt, angle: xt, flipX: Bt, flipY: $t, skewX: kt, skewY: rt });
+      const { left: W, top: Oe, width: Ee, height: rt, angle: it, flipX: st, flipY: ot, skewX: Xt, skewY: Vt } = Ie, at = Ce({ unitId: y, subUnitId: A, drawingId: b }), ct = ie.getObject(at);
+      if (ct != null) {
+        ct.transformByState({ left: W, top: Oe, width: Ee, height: rt, angle: it, flipX: st, flipY: ot, skewX: Xt, skewY: Vt });
         return;
       }
-      const it = {
-        left: ke,
-        top: Le,
-        width: Fe,
-        height: nt,
-        zIndex: this._drawingManagerService.getDrawingOrder(j, B).length - 1
-      }, K = new lt(Ge, it);
-      ue.addObject(K, Yt), oe.allowTransform !== !1 && ue.attachTransformerTo(K);
-      const Ce = this._ensureMap(j, B), Re = new ct(), me = ue.getMainViewport(), Lt = {
+      const Pe = Dt({
+        rotate: 0,
+        startX: w.startX,
+        startY: 0,
+        endX: p.endX,
+        endY: p.endY,
+        width: t.width,
+        height: t.height,
+        absolute: {
+          left: p.absolute.left,
+          top: p.absolute.top
+        }
+      }, t), dt = {
+        left: Pe.startX,
+        top: Pe.startY,
+        width: Pe.width,
+        height: Pe.height,
+        zIndex: this._drawingManagerService.getDrawingOrder(y, A).length - 1
+      }, le = new We(at, dt);
+      ie.addObject(le, Kt), T.allowTransform !== !1 && ie.attachTransformerTo(le);
+      const q = this._ensureMap(y, A), Ue = new pt(), se = ie.getMainViewport(), Xe = {
         top: 0,
         //viewMain.top,
-        left: me.left,
-        bottom: me.bottom,
-        right: me.right
-      }, he = {
-        dispose: Re,
-        rect: K,
+        left: se.left,
+        bottom: se.bottom,
+        right: se.right
+      }, ue = {
+        dispose: Ue,
+        rect: le,
         // position$,
-        unitId: j,
-        subUnitId: B,
-        boundsOfViewArea: Lt,
+        unitId: y,
+        subUnitId: A,
+        boundsOfViewArea: Xe,
+        domAnchor: t,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, Ft = Te(K, le.renderUnit, ce.skeleton, se.worksheet, he), be = new He(Ft);
-      he.position$ = be;
-      let De = {
-        position$: be,
-        id: X,
-        componentKey: oe.componentKey,
+      }, Ae = ge(le, re.renderUnit, ce.skeleton, R.worksheet, ue), Ne = new He(Ae);
+      ue.position$ = Ne;
+      let he = {
+        position$: Ne,
+        id: b,
+        componentKey: T.componentKey,
         onPointerDown: () => {
         },
         onPointerMove: () => {
         },
         onPointerUp: () => {
         },
-        onWheel: (W) => {
-          Ie.dispatchEvent(new WheelEvent(W.type, W));
+        onWheel: (B) => {
+          H.dispatchEvent(new WheelEvent(B.type, B));
         },
-        props: (A = (P = Ce.get(X)) == null ? void 0 : P.props) != null ? A : this._getFloatDomProps(X),
-        data: Ue,
-        unitId: j
+        props: (E = (_ = q.get(b)) == null ? void 0 : _.props) != null ? E : this._getFloatDomProps(b),
+        data: de,
+        unitId: y
       };
-      n.eventPassThrough && (De = {
-        ...De,
-        onPointerDown: (W) => {
-          Ie.dispatchEvent(new PointerEvent(W.type, W));
+      n.eventPassThrough && (he = {
+        ...he,
+        onPointerDown: (B) => {
+          H.dispatchEvent(new PointerEvent(B.type, B));
         },
-        onPointerMove: (W) => {
-          Ie.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerMove: (B) => {
+          H.dispatchEvent(new PointerEvent(B.type, B));
         },
-        onPointerUp: (W) => {
-          Ie.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerUp: (B) => {
+          H.dispatchEvent(new PointerEvent(B.type, B));
         }
-      }), this._canvasFloatDomService.addFloatDom(De);
-      const Ve = K.onTransformChange$.subscribeEvent(() => {
-        const W = Te(K, le.renderUnit, ce.skeleton, se.worksheet, he);
-        be.next(
-          W
+      }), this._canvasFloatDomService.addFloatDom(he);
+      const lt = le.onTransformChange$.subscribeEvent(() => {
+        const B = ge(le, re.renderUnit, ce.skeleton, R.worksheet, ue);
+        Ne.next(
+          B
         );
       });
-      Re.add(() => {
-        this._canvasFloatDomService.removeFloatDom(X);
-      }), Ve && Re.add(Ve), this._domLayerInfoMap.set(X, he), Ce.set(X, {
-        ...Ce.get(X)
+      this.disposeWithMe(f.subscribe((B) => {
+        const Ve = Dt({
+          rotate: 0,
+          startX: B.startX,
+          startY: 0,
+          endX: B.endX,
+          endY: B.endY,
+          width: t.width,
+          height: t.height,
+          absolute: {
+            left: p.absolute.left,
+            top: p.absolute.top
+          }
+        }, t), ut = Ce({ unitId: y, subUnitId: A, drawingId: b }), j = new We(ut, {
+          left: Ve.startX,
+          top: 0,
+          width: t.width,
+          height: t.height,
+          zIndex: this._drawingManagerService.getDrawingOrder(y, A).length - 1
+        }), ht = ge(j, re.renderUnit, ce.skeleton, R.worksheet, ue);
+        Ne.next(ht);
+      }));
+      const me = (M = this._renderManagerService.getRenderById(y)) == null ? void 0 : M.with(Y);
+      me == null || me.currentSkeleton$.subscribe((B) => {
+        B && d.sheetId !== B.sheetId && this._removeDom(m, !0);
+      }), Ue.add(() => {
+        this._canvasFloatDomService.removeFloatDom(b);
+      }), lt && Ue.add(lt), this._domLayerInfoMap.set(b, ue), q.set(b, {
+        ...q.get(b)
       });
     }
     return {
@@ -3098,35 +3289,35 @@ let Tt = class extends ie {
    */
   _createRangePositionObserver(e, n, t) {
     let { startRow: r, startColumn: s } = e;
-    const o = Ke(r, s, t), c = new He(o), d = Ke(e.endRow, e.endColumn, t), g = new He(d), a = () => {
-      const f = Ke(r, s, t), w = Ke(e.endRow, e.endColumn, t);
+    const o = Ze(r, s, t), c = new He(o), a = Ze(e.endRow, e.endColumn, t), g = new He(a), d = () => {
+      const f = Ze(r, s, t), w = Ze(e.endRow, e.endColumn, t);
       c.next(f), g.next(w);
-    }, l = new ct();
-    l.add(n.engine.clientRect$.subscribe(() => a())), l.add(this._commandService.onCommandExecuted((f) => {
-      if (f.id === Wn.id && f.params.rowsAutoHeightInfo.findIndex((I) => I.row === r) > -1) {
-        a();
+    }, l = new pt();
+    l.add(n.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((f) => {
+      if (f.id === kn.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+        d();
         return;
       }
-      (Li.indexOf(f.id) > -1 || f.id === fi.id || f.id === _n.id) && a();
+      (Zi.indexOf(f.id) > -1 || f.id === bi.id || f.id === Rn.id) && d();
     }));
     const h = (f, w) => {
-      r = f, s = w, a();
+      r = f, s = w, d();
     }, u = () => ({
       rotate: 0,
-      width: d.right - o.left,
-      height: d.bottom - o.top,
+      width: a.right - o.left,
+      height: a.bottom - o.top,
       absolute: {
         left: !0,
         top: !0
       },
       startX: o.left,
       startY: o.top,
-      endX: d.right,
-      endY: d.bottom
+      endX: a.right,
+      endY: a.bottom
     }), m = c.pipe(
       Je((f) => {
-        const w = Ke(e.endRow, e.endColumn, t);
-        return console.log("service", f.left, f.top), {
+        const w = Ze(e.endRow, e.endColumn, t);
+        return {
           rotate: 0,
           width: w.right - f.left,
           height: w.bottom - f.top,
@@ -3141,7 +3332,7 @@ let Tt = class extends ie {
         };
       })
     ), p = u();
-    return console.log("init position", p), {
+    return {
       position$: m,
       position: p,
       updateRowCol: h,
@@ -3151,16 +3342,16 @@ let Tt = class extends ie {
     };
   }
 };
-Tt = vo([
-  Oe(0, N(Q)),
-  Oe(1, $e),
-  Oe(2, N(H)),
-  Oe(3, ae),
-  Oe(4, N(Di)),
-  Oe(5, ee),
-  Oe(6, N(kr))
-], Tt);
-function Ke(i, e, n) {
+Wt = Eo([
+  Me(0, N(J)),
+  Me(1, Ye),
+  Me(2, N(F)),
+  Me(3, te),
+  Me(4, N(Ni)),
+  Me(5, ne),
+  Me(6, N(Hr))
+], Wt);
+function Ze(i, e, n) {
   const t = n.getCellWithCoordByIndex(i, e), r = t.isMergedMainCell ? t.mergeInfo : t;
   return {
     left: r.startX,
@@ -3169,93 +3360,124 @@ function Ke(i, e, n) {
     bottom: r.endY
   };
 }
-function je(i, e) {
+function Dt(i, e, n) {
+  var g, d;
+  n = n != null ? n : 1;
+  const t = i.endX - i.startX, r = i.endY - i.startY, s = (g = e == null ? void 0 : e.width) != null ? g : t, o = (d = e == null ? void 0 : e.height) != null ? d : r;
+  let c = 0, a = 0;
+  if (e) {
+    if (e.horizonOffsetAlign === "right") {
+      const l = Mt(e.marginX, t * n);
+      c = i.endX - l - s;
+    } else
+      c = i.startX + Mt(e.marginX, t);
+    if (e.verticalOffsetAlign === "bottom") {
+      const l = Mt(e.marginY, r * n);
+      a = i.endY - l - o;
+    } else
+      a = i.startY + Mt(e.marginY, r);
+  }
+  return {
+    rotate: 0,
+    startX: c,
+    startY: a,
+    endX: i.endX,
+    endY: i.endY,
+    width: s,
+    height: o,
+    absolute: {
+      left: i.absolute.left,
+      top: i.absolute.top
+    }
+  };
+}
+function Mt(i, e) {
   if (i === void 0) return 0;
   if (typeof i == "number") return i;
   const n = Number.parseFloat(i);
   return e * n / 100;
 }
-var wr = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, Co = (i, e, n) => e in i ? wr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Ro = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Io(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var Ir = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Ao = (i, e, n) => e in i ? Ir(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, No = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Uo(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && wr(e, n, r), r;
-}, Zt = (i, e) => (n, t) => e(n, t, i), _r = (i, e, n) => Co(i, typeof e != "symbol" ? e + "" : e, n);
-const bo = "SHEET_IMAGE_UI_PLUGIN";
-let Et = class extends Vr {
-  constructor(i = Cn, e, n, t) {
+  return t && r && Ir(e, n, r), r;
+}, Qt = (i, e) => (n, t) => e(n, t, i), Cr = (i, e, n) => Ao(i, typeof e != "symbol" ? e + "" : e, n);
+const jo = "SHEET_IMAGE_UI_PLUGIN";
+let $t = class extends Jr {
+  constructor(i = Tn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerService = n, this._configService = t;
-    const { menu: r, ...s } = Yr(
+    const { menu: r, ...s } = qr(
       {},
-      Cn,
+      Tn,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Hi, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ns, s);
   }
   onStarting() {
-    Hr(this._injector, [
-      [Tt],
+    Qr(this._injector, [
+      [Wt],
+      [Bt],
       [Ot],
-      [It],
-      [yt],
-      [Mt],
-      [Dt],
-      [Ct],
-      [bt],
-      [Rt]
-    ]), Vt(this._injector, [
-      [Tt]
+      [jt],
+      [Nt],
+      [At],
+      [Et],
+      [Ut],
+      [Pt]
+    ]), zt(this._injector, [
+      [Wt]
     ]);
   }
   onReady() {
-    Vt(this._injector, [
-      [Dt]
+    zt(this._injector, [
+      [At]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Vt(this._injector, [
-      [Mt],
-      [yt],
-      [Ot],
-      [Ct],
-      [bt],
-      [Rt]
+    this._registerRenderModules(), zt(this._injector, [
+      [Nt],
+      [jt],
+      [Bt],
+      [Et],
+      [Ut],
+      [Pt]
     ]);
   }
   onSteady() {
-    this._injector.get(It);
+    this._injector.get(Ot);
   }
   _registerRenderModules() {
     [
-      [Ze],
-      [sn],
-      [nn]
+      [qe],
+      [an],
+      [sn]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(Y.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(X.UNIVER_SHEET, i));
     });
   }
 };
-_r(Et, "type", Y.UNIVER_SHEET);
-_r(Et, "pluginName", bo);
-Et = Ro([
-  Gr(Jr, Kr, ni, si),
-  Zt(1, N(qe)),
-  Zt(2, Q),
-  Zt(3, Xr)
-], Et);
+Cr($t, "type", X.UNIVER_SHEET);
+Cr($t, "pluginName", jo);
+$t = No([
+  Zr(ii, ni, li, gi),
+  Qt(1, N(Qe)),
+  Qt(2, J),
+  Qt(3, ei)
+], $t);
 export {
-  F as ClearSheetDrawingTransformerOperation,
-  gr as DeleteDrawingsCommand,
-  sr as EditSheetDrawingOperation,
-  or as GroupSheetDrawingCommand,
-  cn as InsertFloatImageCommand,
-  jt as InsertSheetDrawingCommand,
-  et as MoveDrawingsCommand,
-  Nt as RemoveSheetDrawingCommand,
-  fr as SHEETS_IMAGE_MENU_ID,
-  ar as SetDrawingArrangeCommand,
-  Wt as SetSheetDrawingCommand,
-  Tt as SheetCanvasFloatDomManagerService,
-  ir as SidebarSheetDrawingOperation,
-  cr as UngroupSheetDrawingCommand,
-  Et as UniverSheetsDrawingUIPlugin
+  k as ClearSheetDrawingTransformerOperation,
+  wr as DeleteDrawingsCommand,
+  cr as EditSheetDrawingOperation,
+  dr as GroupSheetDrawingCommand,
+  Gt as InsertFloatImageCommand,
+  Ft as InsertSheetDrawingCommand,
+  tt as MoveDrawingsCommand,
+  et as RemoveSheetDrawingCommand,
+  vr as SHEETS_IMAGE_MENU_ID,
+  lr as SetDrawingArrangeCommand,
+  Yt as SetSheetDrawingCommand,
+  Wt as SheetCanvasFloatDomManagerService,
+  ar as SidebarSheetDrawingOperation,
+  ur as UngroupSheetDrawingCommand,
+  $t as UniverSheetsDrawingUIPlugin
 };