@univerjs/sheets-drawing-ui 0.12.3 → 0.12.4

package/lib/es/index.js

@@ -1,33 +1,33 @@
-var yr = Object.defineProperty;
-var Tr = (i, t, e) => t in i ? yr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var ee = (i, t, e) => Tr(i, typeof t != "symbol" ? t + "" : t, e);
-import { precisionTo as pt, IRenderManagerService as J, transformObjectOutOfGroup as Er, getGroupState as Or, getCurrentTypeOfRenderer as sn, CURSOR_TYPE as Ur, RENDER_CLASS_TYPE as Oe, Rect as Ue, ObjectType as mn, DRAWING_OBJECT_LAYER_INDEX as Ft, SHEET_VIEWPORT_KEY as xn } from "@univerjs/engine-render";
-import { convertPositionSheetOverGridToAbsolute as Pr, SheetSkeletonManagerService as V, ISheetSelectionRenderService as xe, attachRangeWithCoord as Yn, SheetCanvasPopManagerService as Ar, HoverManagerService as Nr, IEditorBridgeService as kr, IAutoFillService as Wr, EditingRenderController as Br, SetCellEditVisibleOperation as pn, PREDEFINED_HOOK_NAME as We, COPY_TYPE as ve, discreteRangeToRange as wn, virtualizeDiscreteRanges as jr, ISheetClipboardService as $r, SetZoomRatioOperation as _n, SetScrollOperation as Fr, SheetPrintInterceptorService as xr, getCurrentRangeDisable$ as Yr } from "@univerjs/sheets-ui";
-import { CommandType as Z, ICommandService as X, IUndoRedoService as Ye, sequenceExecute as Gn, DrawingTypeEnum as B, ArrangeTypeEnum as wt, Inject as A, IContextService as Xn, LocaleService as nt, Injector as Ge, Disposable as ne, createDocumentModelWithStyle as Vt, ObjectRelativeFromV as Sn, ObjectRelativeFromH as vn, WrapTextType as In, PositionedObjectLayoutType as Cn, BooleanNumber as Dn, BuildTextUtils as Ht, ImageSourceType as Rn, generateRandomId as Qe, FOCUSING_COMMON_DRAWINGS as $e, IUniverInstanceService as Se, UniverInstanceType as F, Direction as _e, IImageIoService as Gr, RxDisposable as Xr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ze, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Lr, ObjectMatrix as Vr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Hr, IPermissionService as zr, UserManagerService as Kr, LifecycleService as Jr, LifecycleStages as Zr, DisposableCollection as _t, fromEventSubject as qr, Tools as je, PRINT_CHART_COMPONENT_KEY as Qr, Rectangle as ei, FOCUSING_FX_BAR_EDITOR as ti, EDITOR_ACTIVATED as ni, FOCUSING_PANEL_EDITOR as ri, DependentOn as ii, IConfigService as si, Plugin as oi, merge as ai, registerDependencies as ci, touchDependencies as xt } from "@univerjs/core";
-import { ISheetDrawingService as re, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as di } from "@univerjs/sheets-drawing";
-import { SheetInterceptorService as At, SheetsSelectionsService as on, SetRangeValuesCommand as bn, getSheetCommandTarget as se, INTERCEPTOR_POINT as li, InterceptCellContentPriority as ui, WorkbookViewPermission as Mn, WorksheetViewPermission as yn, WorkbookEditablePermission as zt, WorksheetEditPermission as Kt, SetFrozenMutation as hi, SetWorksheetRowAutoHeightMutation as gi, COMMAND_LISTENER_SKELETON_CHANGE as fi, InsertRowCommand as Ln, InsertColCommand as Vn, RemoveRowCommand as Hn, RemoveColCommand as zn, DeleteRangeMoveLeftCommand as Kn, DeleteRangeMoveUpCommand as Jn, InsertRangeMoveDownCommand as Zn, InsertRangeMoveRightCommand as qn, DeltaRowHeightCommand as Jt, SetRowHeightCommand as Zt, DeltaColumnWidthCommand as Qn, SetColWidthCommand as er, SetRowHiddenCommand as tr, SetSpecificRowsVisibleCommand as nr, SetSpecificColsVisibleCommand as rr, SetColHiddenCommand as ir, MoveColsCommand as sr, MoveRowsCommand as or, MoveRangeCommand as ar, SetRowVisibleMutation as mi, SetRowHiddenMutation as pi, SetColVisibleMutation as wi, SetColHiddenMutation as _i, SetWorksheetRowHeightMutation as Si, SetWorksheetColWidthMutation as vi, SetWorksheetActiveOperation as Ii, RangeProtectionPermissionEditPoint as Ci } from "@univerjs/sheets";
-import { MessageType as pe, render as Di, unmount as Ri, clsx as bi, RadioGroup as Mi, Radio as Yt } from "@univerjs/design";
-import { docDrawingPositionToTransform as Tn, ReplaceSnapshotCommand as yi, InnerPasteCommand as Ti } from "@univerjs/docs-ui";
-import { IImageIoService as Ei, IDrawingManagerService as ie, DRAWING_IMAGE_ALLOW_IMAGE_LIST as En, DRAWING_IMAGE_COUNT_LIMIT as On, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as Un, getImageSize as Gt, SetDrawingSelectedOperation as Nt, DRAWING_IMAGE_WIDTH_LIMIT as Pn, DRAWING_IMAGE_HEIGHT_LIMIT as An, ImageSourceType as Oi, getDrawingShapeKeyByDrawingSearch as Ie, UniverDrawingPlugin as Ui } from "@univerjs/drawing";
-import { ILocalFileService as Pi, IMessageService as cr, ISidebarService as Ai, IDialogService as Ni, IClipboardInterfaceService as ki, CanvasFloatDomService as Wi, PrintFloatDomSingle as Bi, ComponentManager as dr, connectInjector as ji, useDependency as qe, getMenuHiddenObservable as an, MenuItemType as cn, RibbonInsertGroup as $i, KeyCode as Fe, IMenuManagerService as Fi, IShortcutService as xi } from "@univerjs/ui";
-import { DocDrawingController as Yi, UniverDocsDrawingPlugin as Gi } from "@univerjs/docs-drawing";
-import { ImageCropperObject as Xi, COMPONENT_IMAGE_POPUP_MENU as Li, OpenImageCropOperation as Vi, ImageResetSizeOperation as Hi, DrawingRenderService as lr, DrawingCommonPanel as zi, UniverDrawingUIPlugin as Ki } from "@univerjs/drawing-ui";
-import { takeUntil as Nn, throttleTime as Ji, combineLatest as St, switchMap as we, EMPTY as fe, tap as kn, map as Re, distinctUntilChanged as Wn, Subject as Xt, filter as Zi, take as qi, BehaviorSubject as ke, of as Bn } from "rxjs";
-import { jsx as oe, jsxs as qt } from "react/jsx-runtime";
-import { useMemo as Qi, useState as Qt, useEffect as ur } from "react";
-function z(i, t, e) {
+var Qr = Object.defineProperty;
+var ei = (i, t, e) => t in i ? Qr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var re = (i, t, e) => ei(i, typeof t != "symbol" ? t + "" : t, e);
+import { precisionTo as bt, IRenderManagerService as Q, transformObjectOutOfGroup as ti, getGroupState as ni, getCurrentTypeOfRenderer as Dn, CURSOR_TYPE as ri, RENDER_CLASS_TYPE as $e, Rect as ke, ObjectType as An, DRAWING_OBJECT_LAYER_INDEX as qt, SHEET_VIEWPORT_KEY as cr } from "@univerjs/engine-render";
+import { convertPositionSheetOverGridToAbsolute as ii, SheetSkeletonManagerService as X, ISheetSelectionRenderService as Ze, attachRangeWithCoord as dr, SheetCanvasPopManagerService as si, HoverManagerService as oi, IEditorBridgeService as ai, IAutoFillService as ci, EditingRenderController as di, SetCellEditVisibleOperation as Nn, PREDEFINED_HOOK_NAME as Le, COPY_TYPE as Re, discreteRangeToRange as $n, virtualizeDiscreteRanges as li, ISheetClipboardService as ui, SetZoomRatioOperation as kn, SetScrollOperation as hi, SheetPrintInterceptorService as gi, useHighlightRange as fi, getCurrentRangeDisable$ as mi } from "@univerjs/sheets-ui";
+import { CommandType as q, ICommandService as Y, IUndoRedoService as Je, sequenceExecute as lr, DrawingTypeEnum as x, ArrangeTypeEnum as Mt, Inject as A, IContextService as ur, LocaleService as Te, Injector as qe, Disposable as ee, createDocumentModelWithStyle as un, ObjectRelativeFromV as xn, ObjectRelativeFromH as Wn, WrapTextType as Bn, PositionedObjectLayoutType as jn, BooleanNumber as Fn, BuildTextUtils as hn, ImageSourceType as Ce, generateRandomId as Ve, FOCUSING_COMMON_DRAWINGS as Ge, IUniverInstanceService as de, UniverInstanceType as $, Direction as ve, createIdentifier as pi, IImageIoService as hr, RxDisposable as wi, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as ot, DOCS_ZEN_EDITOR_UNIT_ID_KEY as He, InterceptorEffectEnum as _i, ObjectMatrix as Si, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as vi, IPermissionService as Ii, UserManagerService as Ci, LifecycleService as Ri, LifecycleStages as Di, DisposableCollection as yt, fromEventSubject as bi, Tools as Ye, PRINT_CHART_COMPONENT_KEY as Mi, Rectangle as yi, FOCUSING_FX_BAR_EDITOR as Ei, EDITOR_ACTIVATED as Ti, FOCUSING_PANEL_EDITOR as Oi, DependentOn as Ui, IConfigService as Pi, Plugin as Ai, merge as Ni, registerDependencies as $i, touchDependencies as Qt } from "@univerjs/core";
+import { ISheetDrawingService as se, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as ki } from "@univerjs/sheets-drawing";
+import { SheetInterceptorService as Vt, SheetsSelectionsService as ut, SetRangeValuesCommand as Ln, getSheetCommandTarget as ae, INTERCEPTOR_POINT as xi, InterceptCellContentPriority as Wi, WorkbookViewPermission as Vn, WorksheetViewPermission as Hn, WorkbookEditablePermission as gn, WorksheetEditPermission as fn, SetFrozenMutation as Bi, SetSelectionsOperation as ji, SetWorksheetRowAutoHeightMutation as Fi, COMMAND_LISTENER_SKELETON_CHANGE as Li, InsertRowCommand as gr, InsertColCommand as fr, RemoveRowCommand as mr, RemoveColCommand as pr, DeleteRangeMoveLeftCommand as wr, DeleteRangeMoveUpCommand as _r, InsertRangeMoveDownCommand as Sr, InsertRangeMoveRightCommand as vr, DeltaRowHeightCommand as mn, SetRowHeightCommand as pn, DeltaColumnWidthCommand as Ir, SetColWidthCommand as Cr, SetRowHiddenCommand as Rr, SetSpecificRowsVisibleCommand as Dr, SetSpecificColsVisibleCommand as br, SetColHiddenCommand as Mr, MoveColsCommand as yr, MoveRowsCommand as Er, MoveRangeCommand as Tr, SetRowVisibleMutation as Vi, SetRowHiddenMutation as Hi, SetColVisibleMutation as Yi, SetColHiddenMutation as Gi, SetWorksheetRowHeightMutation as Xi, SetWorksheetColWidthMutation as zi, SetWorksheetActiveOperation as Ki, RangeProtectionPermissionEditPoint as Zi } from "@univerjs/sheets";
+import { MessageType as Se, render as Ji, unmount as qi, FormLayout as en, CheckboxGroup as Qi, Checkbox as Yn, Select as es, Button as Gn, clsx as ts, RadioGroup as ns, Radio as tn } from "@univerjs/design";
+import { docDrawingPositionToTransform as Xn, ReplaceSnapshotCommand as rs, InnerPasteCommand as is } from "@univerjs/docs-ui";
+import { IImageIoService as ss, IDrawingManagerService as oe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as zn, DRAWING_IMAGE_COUNT_LIMIT as Kn, ImageUploadStatusType as xe, DRAWING_IMAGE_ALLOW_SIZE as Zn, getImageSize as nn, SetDrawingSelectedOperation as Ht, DRAWING_IMAGE_WIDTH_LIMIT as Jn, DRAWING_IMAGE_HEIGHT_LIMIT as qn, ImageSourceType as os, getDrawingShapeKeyByDrawingSearch as De, UniverDrawingPlugin as as } from "@univerjs/drawing";
+import { ILocalFileService as cs, IMessageService as Or, IDialogService as bn, ISidebarService as ds, IClipboardInterfaceService as ls, CanvasFloatDomService as us, PrintFloatDomSingle as hs, ComponentManager as Ur, connectInjector as gs, useDependency as Ie, getMenuHiddenObservable as Yt, MenuItemType as Gt, ContextMenuPosition as rn, ContextMenuGroup as sn, RibbonInsertGroup as fs, KeyCode as Ke, IMenuManagerService as ms, IShortcutService as ps } from "@univerjs/ui";
+import { DocDrawingController as ws, UniverDocsDrawingPlugin as _s } from "@univerjs/docs-drawing";
+import { ImageCropperObject as Ss, COMPONENT_IMAGE_POPUP_MENU as vs, OpenImageCropOperation as Is, ImageResetSizeOperation as Cs, DrawingRenderService as Pr, DrawingCommonPanel as Rs, UniverDrawingUIPlugin as Ds } from "@univerjs/drawing-ui";
+import { takeUntil as Qn, throttleTime as bs, combineLatest as at, switchMap as me, EMPTY as we, tap as er, map as pe, distinctUntilChanged as tr, Subject as on, filter as Ms, take as ys, BehaviorSubject as je, of as wn } from "rxjs";
+import { jsx as L, jsxs as Xe } from "react/jsx-runtime";
+import { useMemo as Fe, useRef as Es, createElement as Ar, forwardRef as Ts, useState as Ee, useCallback as Et, useEffect as Nr } from "react";
+function Z(i, t, e) {
   const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: u = 0 } = i, c = e.getCurrent();
   if (c == null)
     return;
-  const l = Pr(
+  const l = ii(
     c.unitId,
     c.sheetId,
     { from: n, to: r },
     e
   );
-  let { left: g, top: h, width: f, height: p } = l;
-  const m = e.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, v = m.columnHeaderHeight + m.rowTotalHeight;
-  return g + f > _ && (g = _ - f), h + p > v && (h = v - p), {
+  let { left: g, top: h, width: f, height: m } = l;
+  const p = e.getCurrentSkeleton(), w = p.rowHeaderWidth + p.columnTotalWidth, S = p.columnHeaderHeight + p.rowTotalHeight;
+  return g + f > w && (g = w - f), h + m > S && (h = S - m), {
     flipY: s,
     flipX: o,
     angle: a,
@@ -36,26 +36,26 @@ function z(i, t, e) {
     left: g,
     top: h,
     width: f,
-    height: p
+    height: m
   };
 }
-function $(i, t) {
+function j(i, t) {
   const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: c = 0 } = i, l = t.getCellWithCoordByOffset(e, n);
   if (l == null)
     return;
   const g = {
     column: l.actualColumn,
-    columnOffset: pt(e - l.startX, 1),
+    columnOffset: bt(e - l.startX, 1),
     row: l.actualRow,
-    rowOffset: pt(n - l.startY, 1)
+    rowOffset: bt(n - l.startY, 1)
   }, h = t.getCellWithCoordByOffset(e + r, n + s);
   if (h == null)
     return;
   const f = {
     column: h.actualColumn,
-    columnOffset: pt(e + r - h.startX, 1),
+    columnOffset: bt(e + r - h.startX, 1),
     row: h.actualRow,
-    rowOffset: pt(n + s - h.startY, 1)
+    rowOffset: bt(n + s - h.startY, 1)
   };
   return {
     flipY: o,
@@ -67,50 +67,50 @@ function $(i, t) {
     to: f
   };
 }
-const Y = {
+const V = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: Z.MUTATION,
+  type: q.MUTATION,
   handler: (i, t) => {
-    const e = i.get(J);
+    const e = i.get(Q);
     return t.forEach((n) => {
       var r, s;
       (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, rt = {
+}, ht = {
   id: "sheet.command.remove-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    var v, I, R;
-    const e = i.get(X), n = i.get(Ye), r = i.get(At), s = i.get(re);
+    var S, I, D;
+    const e = i.get(Y), n = i.get(Je), r = i.get(Vt), s = i.get(se);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
-    o.forEach((S) => {
-      const { unitId: C } = S;
+    o.forEach((v) => {
+      const { unitId: C } = v;
       a.push(C);
     });
-    const d = s.getBatchRemoveOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, f = r.onCommandExecute({ id: rt.id, params: t }), p = { id: P.id, params: { unitId: u, subUnitId: c, op: g, objects: h, type: U.REMOVE } }, m = { id: P.id, params: { unitId: u, subUnitId: c, op: l, objects: h, type: U.INSERT } };
-    return Gn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
+    const d = s.getBatchRemoveOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, f = r.onCommandExecute({ id: ht.id, params: t }), m = { id: P.id, params: { unitId: u, subUnitId: c, op: g, objects: h, type: U.REMOVE } }, p = { id: P.id, params: { unitId: u, subUnitId: c, op: l, objects: h, type: U.INSERT } };
+    return lr([...(S = f.preRedos) != null ? S : [], m, ...f.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(I = f.preUndos) != null ? I : [],
-        m,
+        p,
         ...f.undos,
-        { id: Y.id, params: a }
+        { id: V.id, params: a }
       ],
       redoMutations: [
-        ...(R = f.preRedos) != null ? R : [],
-        p,
+        ...(D = f.preRedos) != null ? D : [],
+        m,
         ...f.redos,
-        { id: Y.id, params: a }
+        { id: V.id, params: a }
       ]
     }), !0) : !1;
   }
-}, hr = {
+}, $r = {
   id: "sheet.command.delete-drawing",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i) => {
-    const t = i.get(X), n = i.get(re).getFocusDrawings();
+    const t = i.get(Y), n = i.get(se).getFocusDrawings();
     if (n.length === 0)
       return !1;
     const r = n[0].unitId, s = n.map((o) => {
@@ -122,21 +122,21 @@ const Y = {
         drawingType: c
       };
     });
-    return t.executeCommand(rt.id, {
+    return t.executeCommand(ht.id, {
       unitId: r,
       drawings: s
     });
   }
 };
-function es(i) {
+function Os(i) {
   const t = [];
   return i.forEach((e) => {
-    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = Or(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
-      const g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = l;
+    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = ni(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
+      const g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: m } = l;
       return {
         unitId: h,
         subUnitId: f,
-        drawingId: p,
+        drawingId: m,
         transform: {
           ...g,
           left: g.left - d.left,
@@ -148,7 +148,7 @@ function es(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: B.DRAWING_GROUP,
+      drawingType: x.DRAWING_GROUP,
       transform: d
     };
     t.push({
@@ -157,26 +157,26 @@ function es(i) {
     });
   }), t;
 }
-function ts(i) {
+function Us(i) {
   const t = [];
   return i.forEach((e) => {
     const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a, transform: d = { width: 0, height: 0 } } = n;
     if (d == null)
       return;
     const u = r.map((l) => {
-      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = Er(g || {}, d, d.width || 0, d.height || 0);
+      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: m } = l, p = ti(g || {}, d, d.width || 0, d.height || 0);
       return {
         unitId: h,
         subUnitId: f,
-        drawingId: p,
-        transform: m,
+        drawingId: m,
+        transform: p,
         groupId: void 0
       };
     }), c = {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: B.DRAWING_GROUP,
+      drawingType: x.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -188,64 +188,64 @@ function ts(i) {
     });
   }), t;
 }
-const gr = {
+const kr = {
   id: "sheet.command.group-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye), r = i.get(re);
+    const e = i.get(Y), n = i.get(Je), r = i.get(se);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
-      s.push(h.unitId), f.forEach((p) => {
-        s.push(p.unitId);
+      s.push(h.unitId), f.forEach((m) => {
+        s.push(m.unitId);
       });
     });
     const o = r.getGroupDrawingOp(t), { unitId: a, subUnitId: d, undo: u, redo: c, objects: l } = o;
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.GROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ts(l), type: U.UNGROUP } },
-        { id: Y.id, params: s }
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: Us(l), type: U.UNGROUP } },
+        { id: V.id, params: s }
       ],
       redoMutations: [
         { id: P.id, params: { op: c, unitId: a, subUnitId: d, objects: l, type: U.GROUP } },
-        { id: Y.id, params: s }
+        { id: V.id, params: s }
       ]
     }), !0) : !1;
   }
-}, kt = {
+}, Xt = {
   id: "sheet.command.insert-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    var v, I, R;
-    const e = i.get(X), n = i.get(Ye), r = i.get(re), s = i.get(At);
+    var S, I, D;
+    const e = i.get(Y), n = i.get(Je), r = i.get(se), s = i.get(Vt);
     if (!t) return !1;
-    const o = t.drawings, a = o.map((S) => S.unitId), d = r.getBatchAddOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, f = s.onCommandExecute({ id: kt.id, params: t }), p = { id: P.id, params: { op: g, unitId: u, subUnitId: c, objects: h, type: U.INSERT } }, m = { id: P.id, params: { op: l, unitId: u, subUnitId: c, objects: h, type: U.REMOVE } };
-    return Gn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
+    const o = t.drawings, a = o.map((v) => v.unitId), d = r.getBatchAddOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, f = s.onCommandExecute({ id: Xt.id, params: t }), m = { id: P.id, params: { op: g, unitId: u, subUnitId: c, objects: h, type: U.INSERT } }, p = { id: P.id, params: { op: l, unitId: u, subUnitId: c, objects: h, type: U.REMOVE } };
+    return lr([...(S = f.preRedos) != null ? S : [], m, ...f.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(I = f.preUndos) != null ? I : [],
-        m,
+        p,
         ...f.undos,
-        { id: Y.id, params: a }
+        { id: V.id, params: a }
       ],
       redoMutations: [
-        ...(R = f.preRedos) != null ? R : [],
-        p,
+        ...(D = f.preRedos) != null ? D : [],
+        m,
         ...f.redos,
-        { id: Y.id, params: a }
+        { id: V.id, params: a }
       ]
     }), !0) : !1;
   }
-}, fr = {
+}, xr = {
   id: "sheet.command.set-drawing-arrange",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye);
+    const e = i.get(Y), n = i.get(Je);
     if (!t) return !1;
-    const r = i.get(re), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
+    const r = i.get(se), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
     let c;
-    if (d === wt.forward ? c = r.getForwardDrawingsOp(u) : d === wt.backward ? c = r.getBackwardDrawingOp(u) : d === wt.front ? c = r.getFrontDrawingsOp(u) : d === wt.back && (c = r.getBackDrawingsOp(u)), c == null)
+    if (d === Mt.forward ? c = r.getForwardDrawingsOp(u) : d === Mt.backward ? c = r.getBackwardDrawingOp(u) : d === Mt.front ? c = r.getFrontDrawingsOp(u) : d === Mt.back && (c = r.getBackDrawingsOp(u)), c == null)
       return !1;
     const { objects: l, redo: g, undo: h } = c;
     return e.syncExecuteCommand(P.id, { op: g, unitId: s, subUnitId: o, objects: l, type: U.ARRANGE }) ? (n.pushUndoRedo({
@@ -258,94 +258,94 @@ const gr = {
       ]
     }), !0) : !1;
   }
-}, Wt = {
+}, zt = {
   id: "sheet.command.set-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye), r = i.get(re);
+    const e = i.get(Y), n = i.get(Je), r = i.get(se);
     if (!t) return !1;
     const { drawings: s } = t, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: d, undo: u, redo: c, objects: l } = o;
     return e.syncExecuteCommand(P.id, { unitId: a, subUnitId: d, op: c, objects: l, type: U.UPDATE }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
         { id: P.id, params: { unitId: a, subUnitId: d, op: u, objects: l, type: U.UPDATE } },
-        { id: Y.id, params: [a] }
+        { id: V.id, params: [a] }
       ],
       redoMutations: [
         { id: P.id, params: { unitId: a, subUnitId: d, op: c, objects: l, type: U.UPDATE } },
-        { id: Y.id, params: [a] }
+        { id: V.id, params: [a] }
       ]
     }), !0) : !1;
   }
-}, mr = {
+}, Wr = {
   id: "sheet.command.ungroup-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye), r = i.get(re);
+    const e = i.get(Y), n = i.get(Je), r = i.get(se);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
-      s.push(h.unitId), f.forEach((p) => {
-        s.push(p.unitId);
+      s.push(h.unitId), f.forEach((m) => {
+        s.push(m.unitId);
       });
     });
     const o = r.getUngroupDrawingOp(t), { unitId: a, subUnitId: d, undo: u, redo: c, objects: l } = o;
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.UNGROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: es(l), type: U.GROUP } },
-        { id: Y.id, params: s }
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: Os(l), type: U.GROUP } },
+        { id: V.id, params: s }
       ],
       redoMutations: [
         { id: P.id, params: { op: c, unitId: a, subUnitId: d, objects: l, type: U.UNGROUP } },
-        { id: Y.id, params: s }
+        { id: V.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-var ns = Object.getOwnPropertyDescriptor, rs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ns(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Ps = Object.getOwnPropertyDescriptor, As = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ps(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, te = (i, t) => (e, n) => t(e, n, i);
-function is(i, t, e) {
+}, ie = (i, t) => (e, n) => t(e, n, i);
+function Ns(i, t, e) {
   const n = e * Math.PI / 180, r = Math.abs(i * Math.cos(n)) + Math.abs(t * Math.sin(n)), s = Math.abs(i * Math.sin(n)) + Math.abs(t * Math.cos(n));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function en(i, t, e, n, r) {
-  var v;
-  const { rotatedHeight: s, rotatedWidth: o } = is(e, n, r), d = i.get(J).getRenderById(t.unitId);
+function _n(i, t, e, n, r) {
+  var S;
+  const { rotatedHeight: s, rotatedWidth: o } = Ns(e, n, r), d = i.get(Q).getRenderById(t.unitId);
   if (!d)
     return !1;
-  const c = (v = d.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : v.skeleton;
+  const c = (S = d.with(X).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
   if (c == null)
     return !1;
-  const l = c.getCellByIndex(t.row, t.col), g = l.mergeInfo.endX - l.mergeInfo.startX - 2, h = l.mergeInfo.endY - l.mergeInfo.startY - 2, f = o / s, m = Math.ceil(Math.min(g, h * f)) / o, _ = !m || Number.isNaN(m) ? 1e-3 : m;
+  const l = c.getCellByIndex(t.row, t.col), g = l.mergeInfo.endX - l.mergeInfo.startX - 2, h = l.mergeInfo.endY - l.mergeInfo.startY - 2, f = o / s, p = Math.ceil(Math.min(g, h * f)) / o, w = !p || Number.isNaN(p) ? 1e-3 : p;
   return {
-    width: e * _,
-    height: n * _
+    width: e * w,
+    height: n * w
   };
 }
-let et = class extends ne {
+let dt = class extends ee {
   constructor(t, e, n, r, s, o, a, d, u, c, l, g, h) {
     super();
-    ee(this, "_workbookSelections");
+    re(this, "_workbookSelections");
     this._context = t, this._skeletonManagerService = e, this._commandService = n, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = d, this._contextService = u, this._messageService = c, this._localeService = l, this._injector = h, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const t = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: En.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: zn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = t.length;
-    return e > On ? (this._messageService.show({
-      type: pe.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(On))
+    return e > Kn ? (this._messageService.show({
+      type: Se.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(Kn))
     }), !1) : e === 0 ? !1 : (t.forEach(async (n) => await this.insertFloatImageByFile(n)), !0);
   }
   async insertCellImage() {
     const e = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: En.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: zn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }))[0];
     return e ? (await this._insertCellImage(e), !0) : !1;
   }
@@ -356,75 +356,75 @@ let et = class extends ne {
     let e;
     try {
       e = await this._imageIoService.saveImage(t);
-    } catch (v) {
-      const I = v.message;
-      I === Pe.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: pe.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Un / (1024 * 1024)))
-      }) : I === Pe.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: pe.Error,
+    } catch (S) {
+      const I = S.message;
+      I === xe.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Se.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Zn / (1024 * 1024)))
+      }) : I === xe.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Se.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : I === Pe.ERROR_IMAGE && this._messageService.show({
-        type: pe.Error,
+      }) : I === xe.ERROR_IMAGE && this._messageService.show({
+        type: Se.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (e == null)
       return;
-    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: d, base64Cache: u } = e, { width: c, height: l, image: g } = await Gt(u || ""), { width: h, height: f } = this._context.scene;
+    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: d, base64Cache: u } = e, { width: c, height: l, image: g } = await nn(u || ""), { width: h, height: f } = this._context.scene;
     this._imageIoService.addImageSourceCache(d, a, g);
-    let p = 1;
-    if (c > Pn || l > An) {
-      const v = Pn / c, I = An / l;
-      p = Math.max(v, I);
+    let m = 1;
+    if (c > Jn || l > qn) {
+      const S = Jn / c, I = qn / l;
+      m = Math.max(S, I);
     }
-    const m = this._getImagePosition(c * p, l * p, h, f);
-    if (m == null)
+    const p = this._getImagePosition(c * m, l * m, h, f);
+    if (p == null)
       return;
-    const _ = {
+    const w = {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: B.DRAWING_IMAGE,
+      drawingType: x.DRAWING_IMAGE,
       imageSourceType: a,
       source: d,
-      transform: z(m, this._selectionRenderService, this._skeletonManagerService),
-      sheetTransform: m
+      transform: Z(p, this._selectionRenderService, this._skeletonManagerService),
+      sheetTransform: p
     };
-    return this._commandService.executeCommand(kt.id, {
+    return this._commandService.executeCommand(Xt.id, {
       unitId: r,
-      drawings: [_]
+      drawings: [w]
     });
   }
   // eslint-disable-next-line max-lines-per-function
   async _insertCellImage(t, e) {
-    var I, R;
+    var I, D;
     let n;
     try {
       n = await this._imageIoService.saveImage(t);
-    } catch (S) {
-      const C = S.message;
-      C === Pe.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: pe.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Un / (1024 * 1024)))
-      }) : C === Pe.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: pe.Error,
+    } catch (v) {
+      const C = v.message;
+      C === xe.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Se.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Zn / (1024 * 1024)))
+      }) : C === xe.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Se.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : C === Pe.ERROR_IMAGE && this._messageService.show({
-        type: pe.Error,
+      }) : C === xe.ERROR_IMAGE && this._messageService.show({
+        type: Se.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return !1;
-    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: d, height: u, image: c } = await Gt(a || "");
+    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: d, height: u, image: c } = await nn(a || "");
     this._imageIoService.addImageSourceCache(o, s, c);
     const l = this._workbookSelections.getCurrentLastSelection();
     if (!l)
       return !1;
     let g = l.primary.actualRow, h = l.primary.actualColumn;
     l.primary.isMerged && (g = l.primary.startRow, h = l.primary.startColumn);
-    const f = Vt("", {}), p = en(
+    const f = un("", {}), m = _n(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -436,54 +436,54 @@ let et = class extends ne {
       u,
       0
     );
-    if (!p)
+    if (!m)
       return !1;
-    const m = {
+    const p = {
       size: {
-        width: p.width,
-        height: p.height
+        width: m.width,
+        height: m.height
       },
       positionH: {
-        relativeFrom: vn.PAGE,
+        relativeFrom: Wn.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Sn.PARAGRAPH,
+        relativeFrom: xn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
-    }, _ = {
+    }, w = {
       unitId: f.getUnitId(),
       subUnitId: f.getUnitId(),
       drawingId: r,
-      drawingType: B.DRAWING_IMAGE,
+      drawingType: x.DRAWING_IMAGE,
       imageSourceType: s,
       source: o,
-      transform: Tn(m),
-      docTransform: m,
-      behindDoc: Dn.FALSE,
+      transform: Xn(p),
+      docTransform: p,
+      behindDoc: Fn.FALSE,
       title: "",
       description: "",
-      layoutType: Cn.INLINE,
+      layoutType: jn.INLINE,
       // Insert inline drawing by default.
-      wrapText: In.BOTH_SIDES,
+      wrapText: Bn.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, v = Ht.drawing.add({
+    }, S = hn.drawing.add({
       documentDataModel: f,
-      drawings: [_],
+      drawings: [w],
       selection: {
         collapsed: !0,
         startOffset: 0,
         endOffset: 0
       }
     });
-    return v ? (f.apply(v), this._commandService.syncExecuteCommand(bn.id, {
+    return S ? (f.apply(S), this._commandService.syncExecuteCommand(Ln.id, {
       value: {
         [(I = e == null ? void 0 : e.row) != null ? I : g]: {
-          [(R = e == null ? void 0 : e.col) != null ? R : h]: {
+          [(D = e == null ? void 0 : e.col) != null ? D : h]: {
             p: f.getSnapshot(),
             t: 1
           }
@@ -496,12 +496,12 @@ let et = class extends ne {
   // eslint-disable-next-line max-lines-per-function
   async insertCellImageByUrl(t, e) {
     var g, h;
-    const { width: n, height: r, image: s } = await Gt(t || "");
-    this._imageIoService.addImageSourceCache(t, Rn.URL, s);
+    const { width: n, height: r, image: s } = await nn(t || "");
+    this._imageIoService.addImageSourceCache(t, Ce.URL, s);
     const o = this._workbookSelections.getCurrentLastSelection();
     if (!o)
       return !1;
-    const a = Vt("", {}), d = en(
+    const a = un("", {}), d = _n(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -521,34 +521,34 @@ let et = class extends ne {
         height: d.height
       },
       positionH: {
-        relativeFrom: vn.PAGE,
+        relativeFrom: Wn.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Sn.PARAGRAPH,
+        relativeFrom: xn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
     }, c = {
       unitId: a.getUnitId(),
       subUnitId: a.getUnitId(),
-      drawingId: Qe(),
-      drawingType: B.DRAWING_IMAGE,
-      imageSourceType: Rn.URL,
+      drawingId: Ve(),
+      drawingType: x.DRAWING_IMAGE,
+      imageSourceType: Ce.URL,
       source: t,
-      transform: Tn(u),
+      transform: Xn(u),
       docTransform: u,
-      behindDoc: Dn.FALSE,
+      behindDoc: Fn.FALSE,
       title: "",
       description: "",
-      layoutType: Cn.INLINE,
+      layoutType: jn.INLINE,
       // Insert inline drawing by default.
-      wrapText: In.BOTH_SIDES,
+      wrapText: Bn.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, l = Ht.drawing.add({
+    }, l = hn.drawing.add({
       documentDataModel: a,
       drawings: [c],
       selection: {
@@ -557,7 +557,7 @@ let et = class extends ne {
         endOffset: 0
       }
     });
-    return l ? (a.apply(l), this._commandService.syncExecuteCommand(bn.id, {
+    return l ? (a.apply(l), this._commandService.syncExecuteCommand(Ln.id, {
       value: {
         [(g = e == null ? void 0 : e.row) != null ? g : o.primary.actualRow]: {
           [(h = e == null ? void 0 : e.col) != null ? h : o.primary.actualColumn]: {
@@ -586,15 +586,15 @@ let et = class extends ne {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = Yn(this._skeletonManagerService.getCurrent().skeleton, o);
+    const a = dr(this._skeletonManagerService.getCurrent().skeleton, o);
     if (a == null)
       return;
     let { startColumn: d, startRow: u, startX: c, startY: l } = a, g = !1;
     if (c + t > n && (c = n - t, c < 0 && (c = 0, t = n), g = !0), l + e > r && (l = r - e, l < 0 && (l = 0, e = r), g = !0), g) {
-      const m = this._selectionRenderService.getCellWithCoordByOffset(c, l);
-      if (m == null)
+      const p = this._selectionRenderService.getCellWithCoordByOffset(c, l);
+      if (p == null)
         return;
-      c = m.startX, l = m.startY, d = m.actualColumn, u = m.actualRow;
+      c = p.startX, l = p.startY, d = p.actualColumn, u = p.actualRow;
     }
     const h = {
       column: d,
@@ -604,7 +604,7 @@ let et = class extends ne {
     }, f = this._selectionRenderService.getCellWithCoordByOffset(c + t, l + e);
     if (f == null)
       return;
-    const p = {
+    const m = {
       column: f.actualColumn,
       columnOffset: c + t - f.startX,
       row: f.actualRow,
@@ -612,13 +612,13 @@ let et = class extends ne {
     };
     return {
       from: h,
-      to: p
+      to: m
     };
   }
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((t) => {
       const { unitId: e, subUnitId: n, drawingIds: r, arrangeType: s } = t;
-      this._commandService.executeCommand(fr.id, {
+      this._commandService.executeCommand(xr.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: r,
@@ -636,16 +636,16 @@ let et = class extends ne {
         const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
         if (u == null || u.unitId !== this._context.unitId)
           return;
-        const c = $({ ...u.transform, ...d }, this._selectionRenderService);
+        const c = j({ ...u.transform, ...d }, this._selectionRenderService);
         if (c == null)
           return;
         const l = {
           ...n,
-          transform: { ...u.transform, ...d, ...z(c, this._selectionRenderService, this._skeletonManagerService) },
+          transform: { ...u.transform, ...d, ...Z(c, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...c }
         };
         e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(Wt.id, {
+      }), e.length > 0 && this._commandService.executeCommand(zt.id, {
         unitId: t[0].unitId,
         drawings: e
       }));
@@ -653,45 +653,45 @@ let et = class extends ne {
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(gr.id, t);
+      this._commandService.executeCommand(kr.id, t);
       const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
-      this._commandService.syncExecuteCommand(Nt.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
+      this._commandService.syncExecuteCommand(Ht.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(mr.id, t);
+      this._commandService.executeCommand(Wr.id, t);
     }));
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((t) => {
-        t == null || t.length === 0 ? (this._contextService.setContextValue($e, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue($e, !0), this._sheetDrawingService.focusDrawing(t));
+        t == null || t.length === 0 ? (this._contextService.setContextValue(Ge, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Ge, !0), this._sheetDrawingService.focusDrawing(t));
       })
     );
   }
 };
-et = rs([
-  te(1, A(V)),
-  te(2, X),
-  te(3, xe),
-  te(4, Ei),
-  te(5, Pi),
-  te(6, re),
-  te(7, ie),
-  te(8, Xn),
-  te(9, cr),
-  te(10, A(nt)),
-  te(11, A(on)),
-  te(12, A(Ge))
-], et);
-const Bt = {
+dt = As([
+  ie(1, A(X)),
+  ie(2, Y),
+  ie(3, Ze),
+  ie(4, ss),
+  ie(5, cs),
+  ie(6, se),
+  ie(7, oe),
+  ie(8, ur),
+  ie(9, Or),
+  ie(10, A(Te)),
+  ie(11, A(ut)),
+  ie(12, A(qe))
+], dt);
+const Kt = {
   id: "sheet.command.insert-float-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: async (i, t) => {
     var o, a;
-    const e = i.get(Se), n = i.get(J), r = (o = sn(
-      F.UNIVER_SHEET,
+    const e = i.get(de), n = i.get(Q), r = (o = Dn(
+      $.UNIVER_SHEET,
       e,
       n
-    )) == null ? void 0 : o.with(et);
+    )) == null ? void 0 : o.with(dt);
     if (!r)
       return !1;
     const s = t == null ? void 0 : t.files;
@@ -701,23 +701,23 @@ const Bt = {
     } else
       return (a = r.insertFloatImage()) != null ? a : !1;
   }
-}, dn = {
+}, Mn = {
   id: "sheet.command.insert-cell-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i) => {
     var n, r;
-    const t = i.get(Se), e = i.get(J);
-    return (r = (n = sn(
-      F.UNIVER_SHEET,
+    const t = i.get(de), e = i.get(Q);
+    return (r = (n = Dn(
+      $.UNIVER_SHEET,
       t,
       e
-    )) == null ? void 0 : n.with(et).insertCellImage()) != null ? r : !1;
+    )) == null ? void 0 : n.with(dt).insertCellImage()) != null ? r : !1;
   }
-}, it = {
+}, gt = {
   id: "sheet.command.move-drawing",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(re), r = i.get(xe), { direction: s } = t, o = n.getFocusDrawings();
+    const e = i.get(Y), n = i.get(se), r = i.get(Ze), { direction: s } = t, o = n.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, d = o.map((c) => {
@@ -725,30 +725,345 @@ const Bt = {
       if (l == null)
         return null;
       const g = { ...l }, { left: h = 0, top: f = 0 } = l;
-      return s === _e.UP ? g.top = f - 1 : s === _e.DOWN ? g.top = f + 1 : s === _e.LEFT ? g.left = h - 1 : s === _e.RIGHT && (g.left = h + 1), {
+      return s === ve.UP ? g.top = f - 1 : s === ve.DOWN ? g.top = f + 1 : s === ve.LEFT ? g.left = h - 1 : s === ve.RIGHT && (g.left = h + 1), {
         ...c,
         transform: g,
-        sheetTransform: $(g, r)
+        sheetTransform: j(g, r)
       };
     }).filter((c) => c != null);
-    return e.syncExecuteCommand(Wt.id, {
+    return e.syncExecuteCommand(zt.id, {
       unitId: a,
       drawings: d
-    }) ? (e.syncExecuteCommand(Y.id, [a]), !0) : !1;
+    }) ? (e.syncExecuteCommand(V.id, [a]), !0) : !1;
+  }
+};
+var $s = Object.getOwnPropertyDescriptor, ks = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? $s(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, an = (i, t) => (e, n) => t(e, n, i), ye = /* @__PURE__ */ ((i) => (i.CELL_ADDRESS = "cellAddress", i.COLUMN_VALUE = "columnValue", i))(ye || {});
+const yn = pi("sheets-drawing-ui.batch-save-images.service");
+function Sn(i) {
+  let t = "", e = i;
+  for (; e >= 0; )
+    t = String.fromCharCode(e % 26 + 65) + t, e = Math.floor(e / 26) - 1;
+  return t;
+}
+function At(i, t) {
+  return `${Sn(t)}${i + 1}`;
+}
+function xs(i) {
+  const t = At(i.startRow, i.startColumn), e = At(i.endRow, i.endColumn);
+  return t === e ? t : `${t}:${e}`;
+}
+function nr(i) {
+  var t, e, n, r;
+  return !!((e = (t = i == null ? void 0 : i.p) == null ? void 0 : t.drawingsOrder) != null && e.length && ((r = (n = i == null ? void 0 : i.p) == null ? void 0 : n.drawingsOrder) == null ? void 0 : r.length) > 0);
+}
+function rr(i) {
+  var n, r, s;
+  if (!((r = (n = i.p) == null ? void 0 : n.drawingsOrder) != null && r.length) || !((s = i.p) != null && s.drawings))
+    return null;
+  const t = i.p.drawingsOrder[0], e = i.p.drawings[t];
+  return !e || !("source" in e) || !("imageSourceType" in e) ? null : e;
+}
+function cn(i, t) {
+  if (t === Ce.BASE64) {
+    const e = i.match(/^data:image\/(\w+);/);
+    if (e)
+      return e[1] === "jpeg" ? "jpg" : e[1];
+  }
+  if (t === Ce.URL) {
+    const e = i.match(/\.(\w+)(?:\?|$)/);
+    if (e)
+      return e[1].toLowerCase();
+  }
+  return "png";
+}
+async function ir(i, t) {
+  if (t === Ce.BASE64)
+    return (await fetch(i)).blob();
+  if (t === Ce.URL)
+    return (await fetch(i)).blob();
+  throw new Error("UUID image type requires additional handling");
+}
+let vn = class extends ee {
+  constructor(i, t, e) {
+    super(), this._univerInstanceService = i, this._selectionService = t, this._imageIoService = e;
+  }
+  getCellImagesInSelection() {
+    const i = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET);
+    if (!i) return [];
+    const t = i.getActiveSheet();
+    if (!t) return [];
+    const e = this._selectionService.getCurrentSelections();
+    if (!e || e.length === 0) return [];
+    const n = t.getCellMatrix(), r = [];
+    for (const s of e) {
+      const { startRow: o, endRow: a, startColumn: d, endColumn: u } = s.range;
+      for (let c = o; c <= a; c++)
+        for (let l = d; l <= u; l++) {
+          const g = n.getValue(c, l);
+          if (nr(g)) {
+            const h = rr(g);
+            h && r.push({
+              row: c,
+              col: l,
+              cellAddress: At(c, l),
+              source: h.source,
+              imageSourceType: h.imageSourceType,
+              imageId: h.drawingId
+            });
+          }
+        }
+    }
+    return r;
+  }
+  getCellImagesFromRanges(i, t, e) {
+    const n = this._univerInstanceService.getUnit(i, $.UNIVER_SHEET);
+    if (!n) return [];
+    const r = n.getSheetBySheetId(t);
+    if (!r) return [];
+    const s = r.getCellMatrix(), o = [];
+    for (const a of e) {
+      const { startRow: d, endRow: u, startColumn: c, endColumn: l } = a;
+      for (let g = d; g <= u; g++)
+        for (let h = c; h <= l; h++) {
+          const f = s.getValue(g, h);
+          if (nr(f)) {
+            const m = rr(f);
+            m && o.push({
+              row: g,
+              col: h,
+              cellAddress: At(g, h),
+              source: m.source,
+              imageSourceType: m.imageSourceType,
+              imageId: m.drawingId
+            });
+          }
+        }
+    }
+    return o;
+  }
+  getDataColumns() {
+    var l, g, h, f;
+    const i = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET);
+    if (!i) return [];
+    const t = i.getActiveSheet();
+    if (!t) return [];
+    const e = this._selectionService.getCurrentSelections();
+    if (!e || e.length === 0) return [];
+    const n = t.getCellMatrix(), r = n.getDataRange();
+    let s = 1 / 0, o = -1 / 0;
+    const a = /* @__PURE__ */ new Set();
+    for (const m of e) {
+      s = Math.min(s, m.range.startRow), o = Math.max(o, m.range.endRow);
+      for (let p = m.range.startColumn; p <= m.range.endColumn; p++)
+        a.add(p);
+    }
+    const d = /* @__PURE__ */ new Set();
+    for (let m = r.startColumn; m <= r.endColumn; m++)
+      if (!a.has(m))
+        for (let p = s; p <= o; p++) {
+          const w = n.getValue(p, m);
+          if (w && (((l = w.v) == null ? void 0 : l.toString()) || ((f = (h = (g = w.p) == null ? void 0 : g.body) == null ? void 0 : h.dataStream) == null ? void 0 : f.trim()) || "")) {
+            d.add(m);
+            break;
+          }
+        }
+    const u = [], c = Array.from(d).sort((m, p) => m - p);
+    for (const m of c)
+      u.push({
+        index: m,
+        label: Sn(m)
+      });
+    return u;
+  }
+  getDataColumnsForRanges(i, t, e) {
+    var h, f, m, p;
+    const n = this._univerInstanceService.getUnit(i, $.UNIVER_SHEET);
+    if (!n) return [];
+    const r = n.getSheetBySheetId(t);
+    if (!r) return [];
+    const s = r.getCellMatrix(), o = s.getDataRange();
+    let a = 1 / 0, d = -1 / 0;
+    const u = /* @__PURE__ */ new Set();
+    for (const w of e) {
+      a = Math.min(a, w.startRow), d = Math.max(d, w.endRow);
+      for (let S = w.startColumn; S <= w.endColumn; S++)
+        u.add(S);
+    }
+    const c = /* @__PURE__ */ new Set();
+    for (let w = o.startColumn; w <= o.endColumn; w++)
+      if (!u.has(w))
+        for (let S = a; S <= d; S++) {
+          const I = s.getValue(S, w);
+          if (I && (((h = I.v) == null ? void 0 : h.toString()) || ((p = (m = (f = I.p) == null ? void 0 : f.body) == null ? void 0 : m.dataStream) == null ? void 0 : p.trim()) || "")) {
+            c.add(w);
+            break;
+          }
+        }
+    const l = [], g = Array.from(c).sort((w, S) => w - S);
+    for (const w of g)
+      l.push({
+        index: w,
+        label: Sn(w)
+      });
+    return l;
+  }
+  getSelectionRangeNotation() {
+    const i = this._selectionService.getCurrentSelections();
+    return !i || i.length === 0 ? "" : i.map((t) => xs(t.range)).join(", ");
+  }
+  getSelectionRowRange() {
+    const i = this._selectionService.getCurrentSelections();
+    if (!i || i.length === 0) return null;
+    let t = 1 / 0, e = -1 / 0;
+    for (const n of i)
+      t = Math.min(t, n.range.startRow), e = Math.max(e, n.range.endRow);
+    return { startRow: t, endRow: e };
   }
-}, pr = "COMPONENT_SHEET_DRAWING_PANEL", wr = {
+  getSelectionColumnIndices() {
+    const i = this._selectionService.getCurrentSelections();
+    if (!i || i.length === 0) return /* @__PURE__ */ new Set();
+    const t = /* @__PURE__ */ new Set();
+    for (const e of i)
+      for (let n = e.range.startColumn; n <= e.range.endColumn; n++)
+        t.add(n);
+    return t;
+  }
+  generateFileName(i, t) {
+    var s, o, a, d;
+    const e = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET), n = cn(i.source, i.imageSourceType), r = [];
+    for (const u of t.fileNameParts)
+      if (u === "cellAddress")
+        r.push(i.cellAddress);
+      else if (u === "columnValue" && t.columnIndex !== void 0) {
+        const c = e == null ? void 0 : e.getActiveSheet();
+        if (c) {
+          const g = c.getCellMatrix().getValue(i.row, t.columnIndex);
+          if (g) {
+            const h = ((s = g.v) == null ? void 0 : s.toString()) || ((d = (a = (o = g.p) == null ? void 0 : o.body) == null ? void 0 : a.dataStream) == null ? void 0 : d.trim()) || "";
+            if (h) {
+              const f = h.replace(/[<>:"/\\|?*]/g, "_").trim();
+              f && r.push(f);
+            }
+          }
+        }
+      }
+    return r.length === 0 ? `${i.cellAddress}.${n}` : `${r.join("_")}.${n}`;
+  }
+  generateFileNameWithContext(i, t, e, n) {
+    var a, d, u, c;
+    const r = this._univerInstanceService.getUnit(e, $.UNIVER_SHEET), s = cn(i.source, i.imageSourceType), o = [];
+    for (const l of t.fileNameParts)
+      if (l === "cellAddress")
+        o.push(i.cellAddress);
+      else if (l === "columnValue" && t.columnIndex !== void 0) {
+        const g = r == null ? void 0 : r.getSheetBySheetId(n);
+        if (g) {
+          const f = g.getCellMatrix().getValue(i.row, t.columnIndex);
+          if (f) {
+            const m = ((a = f.v) == null ? void 0 : a.toString()) || ((c = (u = (d = f.p) == null ? void 0 : d.body) == null ? void 0 : u.dataStream) == null ? void 0 : c.trim()) || "";
+            if (m) {
+              const p = m.replace(/[<>:"/\\|?*]/g, "_").trim();
+              p && o.push(p);
+            }
+          }
+        }
+      }
+    return o.length === 0 ? `${i.cellAddress}.${s}` : `${o.join("_")}.${s}`;
+  }
+  async saveImages(i, t) {
+    var r;
+    const e = await window.showDirectoryPicker({ mode: "readwrite" }), n = /* @__PURE__ */ new Map();
+    for (const s of i) {
+      let o = this.generateFileName(s, t);
+      const a = o.replace(/\.\w+$/, ""), d = ((r = o.match(/\.\w+$/)) == null ? void 0 : r[0]) || ".png", u = n.get(a) || 0;
+      u > 0 && (o = `${a}_${u}${d}`), n.set(a, u + 1);
+      try {
+        const c = await this._getImageBlob(s), g = await (await e.getFileHandle(o, { create: !0 })).createWritable();
+        await g.write(c), await g.close();
+      } catch (c) {
+        throw console.error(`Failed to save image ${o}:`, c), c;
+      }
+    }
+  }
+  async saveImagesWithContext(i, t, e, n) {
+    var o;
+    const r = await window.showDirectoryPicker({ mode: "readwrite" }), s = /* @__PURE__ */ new Map();
+    for (const a of i) {
+      let d = this.generateFileNameWithContext(a, t, e, n);
+      const u = d.replace(/\.\w+$/, ""), c = ((o = d.match(/\.\w+$/)) == null ? void 0 : o[0]) || ".png", l = s.get(u) || 0;
+      l > 0 && (d = `${u}_${l}${c}`), s.set(u, l + 1);
+      try {
+        const g = await this._getImageBlob(a), f = await (await r.getFileHandle(d, { create: !0 })).createWritable();
+        await f.write(g), await f.close();
+      } catch (g) {
+        throw console.error(`Failed to save image ${d}:`, g), g;
+      }
+    }
+  }
+  async downloadSingleImage(i) {
+    const t = cn(i.source, i.imageSourceType), e = `${i.cellAddress}.${t}`;
+    try {
+      const n = await this._getImageBlob(i), r = URL.createObjectURL(n), s = document.createElement("a");
+      s.href = r, s.download = e, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(r);
+    } catch (n) {
+      throw console.error(`Failed to download image ${e}:`, n), n;
+    }
+  }
+  async _getImageBlob(i) {
+    if (i.imageSourceType === Ce.UUID) {
+      const t = await this._imageIoService.getImage(i.source);
+      return ir(t, Ce.URL);
+    }
+    return ir(i.source, i.imageSourceType);
+  }
+};
+vn = ks([
+  an(0, de),
+  an(1, A(ut)),
+  an(2, hr)
+], vn);
+const ze = "sheet.dialog.batch-save-images", ct = {
+  id: "sheet.command.save-cell-images",
+  type: q.COMMAND,
+  handler: async (i) => {
+    const t = i.get(bn), e = i.get(yn), n = e.getCellImagesInSelection();
+    if (n.length === 1)
+      try {
+        return await e.downloadSingleImage(n[0]), !0;
+      } catch (a) {
+        return console.error("Failed to download image:", a), !1;
+      }
+    const r = i.get(Te), s = e.getSelectionRangeNotation(), o = `${r.t("sheetImage.save.title")} (${s})`;
+    return t.open({
+      id: ze,
+      draggable: !0,
+      width: 360,
+      title: { title: o },
+      children: {
+        label: ze
+      },
+      destroyOnClose: !0,
+      preservePositionOnDestroy: !0,
+      onClose: () => t.close(ze)
+    }), !0;
+  }
+}, Br = "COMPONENT_SHEET_DRAWING_PANEL", jr = {
   id: "sidebar.operation.sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: async (i, t) => {
-    const e = i.get(Ai), n = i.get(nt), r = i.get(Se), s = i.get(X);
-    if (!se(r)) return !1;
+    const e = i.get(ds), n = i.get(Te), r = i.get(de), s = i.get(Y);
+    if (!ae(r)) return !1;
     switch (t.value) {
       case "open":
         e.open({
           header: { title: n.t("sheetImage.panel.title") },
-          children: { label: pr },
+          children: { label: Br },
           onClose: () => {
-            s.syncExecuteCommand(Nt.id, []);
+            s.syncExecuteCommand(Ht.id, []);
           },
           width: 360
         });
@@ -760,27 +1075,27 @@ const Bt = {
     }
     return !0;
   }
-}, _r = {
+}, Fr = {
   id: "sheet.operation.edit-sheet-image",
-  type: Z.OPERATION,
+  type: q.OPERATION,
   handler: (i, t) => {
-    const e = i.get(X);
-    return t == null ? !1 : (e.syncExecuteCommand(Nt.id, [t]), e.executeCommand(wr.id, { value: "open" }), !0);
+    const e = i.get(Y);
+    return t == null ? !1 : (e.syncExecuteCommand(Ht.id, [t]), e.executeCommand(jr.id, { value: "open" }), !0);
   }
-}, ss = "sheets-drawing-ui.config", jn = {};
-var os = Object.getOwnPropertyDescriptor, as = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? os(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+}, Ws = "sheets-drawing-ui.config", sr = {};
+var Bs = Object.getOwnPropertyDescriptor, js = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Bs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, ce = (i, t) => (e, n) => t(e, n, i);
-let Rt = class extends Xr {
+let Nt = class extends wi {
   constructor(t, e, n, r, s, o, a, d, u, c) {
     super();
-    ee(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    re(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._injector = t, this._localeService = e, this._drawingManagerService = n, this._canvasPopManagerService = r, this._renderManagerService = s, this._univerInstanceService = o, this._messageService = a, this._contextService = d, this._ioService = u, this._commandService = c, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(Nn(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(Nn(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((t) => this._create(t)), this._setupLoadingStatus();
+    this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET).pipe(Qn(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$($.UNIVER_SHEET).pipe(Qn(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType($.UNIVER_SHEET).forEach((t) => this._create(t)), this._setupLoadingStatus();
   }
   _setupLoadingStatus() {
     const t = "image-upload-loading";
@@ -788,7 +1103,7 @@ let Rt = class extends Xr {
     this.disposeWithMe(this._ioService.change$.subscribe((n) => {
       n > 0 && !e ? e = this._messageService.show({
         id: t,
-        type: pe.Loading,
+        type: Se.Loading,
         content: `${this._localeService.t("uploadLoading.loading")}: ${n}`,
         duration: 0
       }) : n === 0 && (e == null || e.dispose(), e = void 0);
@@ -808,7 +1123,7 @@ let Rt = class extends Xr {
   _hasCropObject(t) {
     const e = t.getAllObjectsByOrder();
     for (const n of e)
-      if (n instanceof Xi)
+      if (n instanceof Ss)
         return !0;
     return !1;
   }
@@ -823,7 +1138,7 @@ let Rt = class extends Xr {
     let r;
     this.disposeWithMe(
       n.createControl$.subscribe(() => {
-        if (this._contextService.setContextValue($e, !0), this._hasCropObject(e))
+        if (this._contextService.setContextValue(Ge, !0), this._hasCropObject(e))
           return;
         const o = n.getSelectedObjectMap();
         if (o.size > 1) {
@@ -840,23 +1155,23 @@ let Rt = class extends Xr {
         if (f && f.disablePopup)
           return;
         r == null || r.dispose();
-        const p = this._canvasPopManagerService.getFeatureMenu(c, l, g, h);
+        const m = this._canvasPopManagerService.getFeatureMenu(c, l, g, h);
         r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-          componentKey: Li,
+          componentKey: vs,
           direction: "horizontal",
           offset: [2, 0],
           extraProps: {
-            menuItems: p || this._getImageMenuItems(c, l, g, h)
+            menuItems: m || this._getImageMenuItems(c, l, g, h)
           }
         }));
       })
     ), this.disposeWithMe(
       n.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue($e, !1), this._commandService.syncExecuteCommand(Nt.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(Ge, !1), this._commandService.syncExecuteCommand(Ht.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[$e] === !1 && (r == null || r.dispose());
+        o[Ge] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
       n.changing$.subscribe(() => {
@@ -869,62 +1184,62 @@ let Rt = class extends Xr {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: _r.id,
+        commandId: Fr.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === B.DRAWING_DOM
+        disable: r === x.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: rt.id,
+        commandId: ht.id,
         commandParams: { unitId: t, drawings: [{ unitId: t, subUnitId: e, drawingId: n }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Vi.id,
+        commandId: Is.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === B.DRAWING_DOM
+        disable: r === x.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Hi.id,
+        commandId: Cs.id,
         commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
-        disable: r === B.DRAWING_DOM
+        disable: r === x.DRAWING_DOM
       }
     ];
   }
 };
-Rt = as([
-  ce(0, A(Ge)),
-  ce(1, A(nt)),
-  ce(2, ie),
-  ce(3, A(Ar)),
-  ce(4, J),
-  ce(5, Se),
-  ce(6, cr),
-  ce(7, Xn),
-  ce(8, Gr),
-  ce(9, X)
-], Rt);
-var cs = Object.getOwnPropertyDescriptor, ds = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? cs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+Nt = js([
+  ce(0, A(qe)),
+  ce(1, A(Te)),
+  ce(2, oe),
+  ce(3, A(si)),
+  ce(4, Q),
+  ce(5, de),
+  ce(6, Or),
+  ce(7, ur),
+  ce(8, hr),
+  ce(9, Y)
+], Nt);
+var Fs = Object.getOwnPropertyDescriptor, Ls = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Fs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, vt = (i, t) => (e, n) => t(e, n, i);
-let tn = class extends ne {
+}, Tt = (i, t) => (e, n) => t(e, n, i);
+let In = class extends ee {
   constructor(t, e, n, r, s) {
     super();
-    ee(this, "_isSetCursor", !1);
+    re(this, "_isSetCursor", !1);
     this._context = t, this._hoverManagerService = e, this._selectionsService = n, this._drawingRenderService = r, this._sheetSkeletonManagerService = s, this._initHover(), this._initImageClick();
   }
   _initHover() {
-    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Ji(33)).subscribe((t) => {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(bs(33)).subscribe((t) => {
       var n, r;
       let e = [];
-      t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(Ur.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
+      t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(ri.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
     }));
   }
   _initImageClick() {
@@ -938,18 +1253,18 @@ let tn = class extends ne {
     }));
   }
 };
-tn = ds([
-  vt(1, A(Nr)),
-  vt(2, A(on)),
-  vt(3, A(lr)),
-  vt(4, A(V))
-], tn);
-var ls = Object.getOwnPropertyDescriptor, us = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ls(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+In = Ls([
+  Tt(1, A(oi)),
+  Tt(2, A(ut)),
+  Tt(3, A(Pr)),
+  Tt(4, A(X))
+], In);
+var Vs = Object.getOwnPropertyDescriptor, Hs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Vs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, It = (i, t) => (e, n) => t(e, n, i);
-let nn = class extends ne {
+}, Ot = (i, t) => (e, n) => t(e, n, i);
+let Cn = class extends ee {
   constructor(i, t, e, n, r) {
     super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -963,27 +1278,27 @@ let nn = class extends ne {
       const e = i[t];
       for (const n in e.data) {
         const r = e.data[n];
-        r.sheetTransform && (r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService));
+        r.sheetTransform && (r.transform = Z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService));
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-nn = us([
-  It(1, re),
-  It(2, ie),
-  It(3, A(xe)),
-  It(4, A(V))
-], nn);
-var hs = Object.getOwnPropertyDescriptor, gs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+Cn = Hs([
+  Ot(1, se),
+  Ot(2, oe),
+  Ot(3, A(Ze)),
+  Ot(4, A(X))
+], Cn);
+var Ys = Object.getOwnPropertyDescriptor, Gs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ys(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ae = (i, t) => (e, n) => t(e, n, i);
-function Sr(i, t, e) {
+}, We = (i, t) => (e, n) => t(e, n, i);
+function Lr(i, t, e) {
   var n, r, s, o;
   if (((r = (n = e == null ? void 0 : e.p) == null ? void 0 : n.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = e.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
-    const a = e.p.drawings[e.p.drawingsOrder[0]], d = en(
+    const a = e.p.drawings[e.p.drawingsOrder[0]], d = _n(
       i,
       {
         unitId: t.unitId,
@@ -1000,47 +1315,47 @@ function Sr(i, t, e) {
   }
   return !1;
 }
-let bt = class extends ne {
+let $t = class extends ee {
   constructor(i, t, e, n, r, s) {
     super(), this._commandService = i, this._sheetInterceptorService = t, this._injector = e, this._drawingManagerService = n, this._docDrawingController = r, this._editorBridgeService = s, this._handleInitEditor(), this._initCellContentInterceptor();
   }
   _handleInitEditor() {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
-      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(Ze), this._docDrawingController.loadDrawingDataForUnit(Ze), this._drawingManagerService.initializeNotification(Ze)) : this._drawingManagerService.removeDrawingDataForUnit(Ze);
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(ot), this._docDrawingController.loadDrawingDataForUnit(ot), this._drawingManagerService.initializeNotification(ot)) : this._drawingManagerService.removeDrawingDataForUnit(ot);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === yi.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
+      i.id === rs.id && i.params.unitId === He && (this._drawingManagerService.removeDrawingDataForUnit(He), this._docDrawingController.loadDrawingDataForUnit(He), this._drawingManagerService.initializeNotification(He));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        li.CELL_CONTENT,
+        xi.CELL_CONTENT,
         {
-          effect: Lr.Style,
-          priority: ui.CELL_IMAGE,
+          effect: _i.Style,
+          priority: Wi.CELL_IMAGE,
           handler: (i, t, e) => {
             var n;
-            return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i === t.rawData && (i = { ...t.rawData }), i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Sr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
+            return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i === t.rawData && (i = { ...t.rawData }), i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Lr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
           }
         }
       )
     );
   }
 };
-bt = gs([
-  Ae(0, X),
-  Ae(1, A(At)),
-  Ae(2, A(Ge)),
-  Ae(3, ie),
-  Ae(4, A(Yi)),
-  Ae(5, A(kr))
-], bt);
-var fs = Object.getOwnPropertyDescriptor, ms = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? fs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+$t = Gs([
+  We(0, Y),
+  We(1, A(Vt)),
+  We(2, A(qe)),
+  We(3, oe),
+  We(4, A(ws)),
+  We(5, A(ai))
+], $t);
+var Xs = Object.getOwnPropertyDescriptor, zs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Xs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, $n = (i, t) => (e, n) => t(e, n, i);
-let Mt = class extends ne {
+}, or = (i, t) => (e, n) => t(e, n, i);
+let kt = class extends ee {
   constructor(i, t) {
     super(), this._autoFillService = i, this._injector = t, this._initAutoFillHooks();
   }
@@ -1049,35 +1364,35 @@ let Mt = class extends ne {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, t, e, n) => {
-          new Vr(n).forValue((r, s, o) => {
-            Sr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          new Si(n).forValue((r, s, o) => {
+            Lr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
     );
   }
 };
-Mt = ms([
-  $n(0, A(Wr)),
-  $n(1, A(Ge))
-], Mt);
-var ps = Object.getOwnPropertyDescriptor, ws = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ps(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+kt = zs([
+  or(0, A(ci)),
+  or(1, A(qe))
+], kt);
+var Ks = Object.getOwnPropertyDescriptor, Zs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, He = (i, t) => (e, n) => t(e, n, i);
-const _s = [
-  Ze,
-  Hr,
-  Be
+}, nt = (i, t) => (e, n) => t(e, n, i);
+const Js = [
+  ot,
+  vi,
+  He
 ];
-let yt = class extends ne {
+let xt = class extends ee {
   constructor(i, t, e, n, r) {
     super(), this._commandService = i, this._univerInstanceService = t, this._dialogService = e, this._renderManagerService = n, this._localeService = r, this._initDocImageCopyPasteHooks();
   }
   _setCellImage(i) {
     var r;
-    const t = Vt("", {}), e = (r = sn(F.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Br), n = Ht.drawing.add({
+    const t = un("", {}), e = (r = Dn($.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(di), n = hn.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1092,20 +1407,20 @@ let yt = class extends ne {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
-        if (i.id === Ti.id) {
-          const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(F.UNIVER_DOC);
+        if (i.id === is.id) {
+          const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType($.UNIVER_DOC);
           if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
             return;
           const o = s.getUnitId();
-          if (_s.includes(o)) {
-            if (o !== Be) {
+          if (Js.includes(o)) {
+            if (o !== He) {
               const a = () => {
-                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(pn.id, {
+                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(Nn.id, {
                   visible: !1
                 });
               };
               ((e = s.getBody()) == null ? void 0 : e.dataStream) === `\r
-` ? (this._commandService.syncExecuteCommand(pn.id, {
+` ? (this._commandService.syncExecuteCommand(Nn.id, {
                 visible: !1
               }), this._setCellImage(Object.values(r.drawings)[0])) : this._dialogService.open({
                 id: "sheet-cell-image-copy-paste",
@@ -1133,32 +1448,32 @@ let yt = class extends ne {
     );
   }
 };
-yt = ws([
-  He(0, X),
-  He(1, Se),
-  He(2, Ni),
-  He(3, J),
-  He(4, A(nt))
-], yt);
-var Ss = Object.getOwnPropertyDescriptor, vs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ss(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+xt = Zs([
+  nt(0, Y),
+  nt(1, de),
+  nt(2, bn),
+  nt(3, Q),
+  nt(4, A(Te))
+], xt);
+var qs = Object.getOwnPropertyDescriptor, Qs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? qs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ze = (i, t) => (e, n) => t(e, n, i);
-const vr = "image/png";
-function Is(i) {
+}, rt = (i, t) => (e, n) => t(e, n, i);
+const Vr = "image/png";
+function eo(i) {
   const t = i.split(","), e = atob(t[1]), n = e.length, r = new Uint8Array(n);
   for (let s = 0; s < n; s++)
     r[s] = e.charCodeAt(s);
-  return new Blob([r], { type: vr });
+  return new Blob([r], { type: Vr });
 }
-function Cs(i) {
-  const t = new ClipboardItem({ [vr]: Is(i) });
+function to(i) {
+  const t = new ClipboardItem({ [Vr]: eo(i) });
   navigator.clipboard.write([t]).catch((e) => {
     console.error("Could not copy image using clipboard API: ", e);
   });
 }
-function Ds() {
+function no() {
   function i() {
     const n = document.createElement("input");
     return n.style.position = "absolute", n.style.height = "1px", n.style.width = "1px", n.style.opacity = "0", n;
@@ -1168,16 +1483,16 @@ function Ds() {
     e.blur(), document.body.removeChild(e), t instanceof HTMLElement && t.focus();
   };
 }
-const Fn = [
-  We.SPECIAL_PASTE_COL_WIDTH,
-  We.SPECIAL_PASTE_VALUE,
-  We.SPECIAL_PASTE_FORMAT,
-  We.SPECIAL_PASTE_FORMULA
+const ar = [
+  Le.SPECIAL_PASTE_COL_WIDTH,
+  Le.SPECIAL_PASTE_VALUE,
+  Le.SPECIAL_PASTE_FORMAT,
+  Le.SPECIAL_PASTE_FORMULA
 ];
-let Tt = class extends ne {
+let Wt = class extends ee {
   constructor(t, e, n, r, s) {
     super();
-    ee(this, "_copyInfo");
+    re(this, "_copyInfo");
     this._sheetClipboardService = t, this._renderManagerService = e, this._drawingService = n, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
   get _focusedDrawings() {
@@ -1192,18 +1507,18 @@ let Tt = class extends ne {
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
-          if (o.drawingType !== B.DRAWING_IMAGE)
+          if (o.drawingType !== x.DRAWING_IMAGE)
             return;
-          if (r === ve.CUT) {
+          if (r === Re.CUT) {
             const d = {
               unitId: t,
               drawings: [o]
             };
-            this._commandService.executeCommand(rt.id, d);
+            this._commandService.executeCommand(ht.id, d);
           }
           setTimeout(() => {
-            const d = Ds();
-            o.drawingType === B.DRAWING_IMAGE && o.imageSourceType === Oi.BASE64 ? Cs(o.source) : this._clipboardInterfaceService.writeText(""), d();
+            const d = no();
+            o.drawingType === x.DRAWING_IMAGE && o.imageSourceType === os.BASE64 ? to(o.source) : this._clipboardInterfaceService.writeText(""), d();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1219,14 +1534,14 @@ let Tt = class extends ne {
       onPasteCells: (t, e, n, r) => {
         if (!this._copyInfo)
           return { redos: [], undos: [] };
-        const { copyType: s = ve.COPY, pasteType: o } = r, { range: a } = t || {}, { range: d, unitId: u, subUnitId: c } = e;
-        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: c, pasteRange: d }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, ve.COPY);
+        const { copyType: s = Re.COPY, pasteType: o } = r, { range: a } = t || {}, { range: d, unitId: u, subUnitId: c } = e;
+        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: c, pasteRange: d }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, Re.COPY);
       },
       onPastePlainText: (t, e) => ({ undos: [], redos: [] }),
-      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: We.DEFAULT_PASTE }, ve.COPY) : { undos: [], redos: [] },
+      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Le.DEFAULT_PASTE }, Re.COPY) : { undos: [], redos: [] },
       onPasteFiles: (t, e) => {
         if (this._copyInfo)
-          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: We.DEFAULT_PASTE }, ve.COPY);
+          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Le.DEFAULT_PASTE }, Re.COPY);
         {
           const n = e.filter((r) => r.type.includes("image"));
           if (n.length)
@@ -1234,7 +1549,7 @@ let Tt = class extends ne {
               undos: [],
               redos: [
                 {
-                  id: Bt.id,
+                  id: Kt.id,
                   params: { files: n }
                 }
               ]
@@ -1246,7 +1561,7 @@ let Tt = class extends ne {
   }
   _createDrawingsCopyInfoByRange(t, e, n) {
     var g;
-    const r = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(V);
+    const r = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(X);
     if (!r) return;
     const s = r.attachRangeWithCoord(n);
     if (!s)
@@ -1254,18 +1569,18 @@ let Tt = class extends ne {
     const { startX: o, endX: a, startY: d, endY: u } = s, c = this._drawingService.getDrawingData(t, e), l = this._focusedDrawings.slice();
     if (Object.keys(c).forEach((h) => {
       const f = c[h];
-      if (f.drawingType !== B.DRAWING_IMAGE)
+      if (f.drawingType !== x.DRAWING_IMAGE)
         return;
-      const { transform: p } = f;
-      if (f.anchorType !== O.Both || !p)
+      const { transform: m } = f;
+      if (f.anchorType !== O.Both || !m)
         return;
-      const { left: m = 0, top: _ = 0, width: v = 0, height: I = 0 } = p, { drawingStartX: R, drawingEndX: S, drawingStartY: C, drawingEndY: w } = {
-        drawingStartX: m,
-        drawingEndX: m + v,
-        drawingStartY: _,
-        drawingEndY: _ + I
+      const { left: p = 0, top: w = 0, width: S = 0, height: I = 0 } = m, { drawingStartX: D, drawingEndX: v, drawingStartY: C, drawingEndY: _ } = {
+        drawingStartX: p,
+        drawingEndX: p + S,
+        drawingStartY: w,
+        drawingEndY: w + I
       };
-      o <= R && S <= a && d <= C && w <= u && l.push(f);
+      o <= D && v <= a && d <= C && _ <= u && l.push(f);
     }), l.length)
       return {
         copyRange: n,
@@ -1276,31 +1591,31 @@ let Tt = class extends ne {
   }
   _generateSingleDrawingPasteMutations(t, e) {
     const { pasteType: n, pasteTo: r } = t;
-    if (Fn.includes(n))
+    if (ar.includes(n))
       return { redos: [], undos: [] };
-    const { unitId: s, subUnitId: o, range: a } = r, d = this._renderManagerService.getRenderById(s), u = d == null ? void 0 : d.with(V), c = d == null ? void 0 : d.with(xe), l = this._copyInfo;
+    const { unitId: s, subUnitId: o, range: a } = r, d = this._renderManagerService.getRenderById(s), u = d == null ? void 0 : d.with(X), c = d == null ? void 0 : d.with(Ze), l = this._copyInfo;
     if (!u || !c)
       return { redos: [], undos: [] };
-    const { drawings: g } = l, h = wn(a);
+    const { drawings: g } = l, h = $n(a);
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
-      isCut: e === ve.CUT,
-      getTransform: (f, p) => {
-        var v;
-        const m = u.attachRangeWithCoord({
+      isCut: e === Re.CUT,
+      getTransform: (f, m) => {
+        var S;
+        const p = u.attachRangeWithCoord({
           startRow: h.startRow,
           endRow: h.endRow,
           startColumn: h.startColumn,
           endColumn: h.endColumn
-        }), _ = {
+        }), w = {
           ...f,
-          left: m == null ? void 0 : m.startX,
-          top: m == null ? void 0 : m.startY
+          left: p == null ? void 0 : p.startX,
+          top: p == null ? void 0 : p.startY
         };
         return {
-          transform: _,
-          sheetTransform: (v = $(_, c)) != null ? v : p
+          transform: w,
+          sheetTransform: (S = j(w, c)) != null ? S : m
         };
       }
     });
@@ -1320,20 +1635,20 @@ let Tt = class extends ne {
         ...c,
         unitId: n,
         subUnitId: r,
-        drawingId: o ? c.drawingId : Qe(),
+        drawingId: o ? c.drawingId : Ve(),
         transform: h.transform,
         sheetTransform: h.sheetTransform
       };
       if (o) {
-        const { undo: p, redo: m, objects: _ } = u.getBatchUpdateOp([f]);
+        const { undo: m, redo: p, objects: w } = u.getBatchUpdateOp([f]);
         a.push({
           id: P.id,
           params: {
             unitId: n,
             subUnitId: r,
             type: U.UPDATE,
-            op: m,
-            objects: _
+            op: p,
+            objects: w
           }
         }), d.push({
           id: P.id,
@@ -1341,13 +1656,13 @@ let Tt = class extends ne {
             unitId: n,
             subUnitId: r,
             type: U.UPDATE,
-            op: p,
-            objects: _
+            op: m,
+            objects: w
           }
         });
       } else {
-        const { undo: p, redo: m, objects: _ } = u.getBatchAddOp([f]);
-        a.push({ id: P.id, params: { op: m, unitId: n, subUnitId: r, objects: _, type: U.INSERT } }), d.push({ id: P.id, params: { op: p, unitId: n, subUnitId: r, objects: _, type: U.REMOVE } });
+        const { undo: m, redo: p, objects: w } = u.getBatchAddOp([f]);
+        a.push({ id: P.id, params: { op: p, unitId: n, subUnitId: r, objects: w, type: U.INSERT } }), d.push({ id: P.id, params: { op: m, unitId: n, subUnitId: r, objects: w, type: U.REMOVE } });
       }
     }), { redos: a, undos: d };
   }
@@ -1363,94 +1678,94 @@ let Tt = class extends ne {
       copyRange: a,
       copyType: d
     } = e;
-    if (Fn.includes(s))
+    if (ar.includes(s))
       return { redos: [], undos: [] };
-    const u = (y = this._renderManagerService.getRenderById(n)) == null ? void 0 : y.with(V);
+    const u = (y = this._renderManagerService.getRenderById(n)) == null ? void 0 : y.with(X);
     if (!u || !this._copyInfo)
       return { redos: [], undos: [] };
     const { drawings: c } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: n, subUnitId: r, range: wn(o) },
+        pasteTo: { unitId: n, subUnitId: r, range: $n(o) },
         pasteType: s
       }, d);
-    const { ranges: [l, g], mapFunc: h } = jr([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: _ } = h(g.startRow, g.startColumn), v = u.attachRangeWithCoord({
+    const { ranges: [l, g], mapFunc: h } = li([a, o]), { row: f, col: m } = h(l.startRow, l.startColumn), { row: p, col: w } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
       startRow: f,
       endRow: f,
-      startColumn: p,
-      endColumn: p
+      startColumn: m,
+      endColumn: m
     }), I = u.attachRangeWithCoord({
-      startRow: m,
-      endRow: m,
-      startColumn: _,
-      endColumn: _
+      startRow: p,
+      endRow: p,
+      startColumn: w,
+      endColumn: w
     });
-    if (!v || !I || !this._copyInfo)
+    if (!S || !I || !this._copyInfo)
       return { redos: [], undos: [] };
-    const R = I.startX - v.startX, S = I.startY - v.startY, C = m - f, w = _ - p;
+    const D = I.startX - S.startX, v = I.startY - S.startY, C = p - f, _ = w - m;
     return this._generateMutations(c, {
       unitId: n,
       subUnitId: r,
-      getTransform: (D, T) => {
-        var E, M;
+      getTransform: (R, E) => {
+        var T, M;
         return {
           transform: {
-            ...D,
-            left: ((E = D == null ? void 0 : D.left) != null ? E : 0) + R,
-            top: ((M = D == null ? void 0 : D.top) != null ? M : 0) + S
+            ...R,
+            left: ((T = R == null ? void 0 : R.left) != null ? T : 0) + D,
+            top: ((M = R == null ? void 0 : R.top) != null ? M : 0) + v
           },
           sheetTransform: {
-            ...T,
+            ...E,
             to: {
-              ...T.to,
-              row: T.to.row + C,
-              column: T.to.column + w
+              ...E.to,
+              row: E.to.row + C,
+              column: E.to.column + _
             },
             from: {
-              ...T.from,
-              row: T.from.row + C,
-              column: T.from.column + w
+              ...E.from,
+              row: E.from.row + C,
+              column: E.from.column + _
             }
           }
         };
       },
-      isCut: d === ve.CUT
+      isCut: d === Re.CUT
     });
   }
 };
-Tt = vs([
-  ze(0, $r),
-  ze(1, J),
-  ze(2, ie),
-  ze(3, ki),
-  ze(4, X)
-], Tt);
-var Rs = Object.getOwnPropertyDescriptor, bs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Rs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+Wt = Qs([
+  rt(0, ui),
+  rt(1, Q),
+  rt(2, oe),
+  rt(3, ls),
+  rt(4, Y)
+], Wt);
+var ro = Object.getOwnPropertyDescriptor, io = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ro(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ke = (i, t) => (e, n) => t(e, n, i);
-let Et = class extends ne {
+}, it = (i, t) => (e, n) => t(e, n, i);
+let Bt = class extends ee {
   constructor(i, t, e, n, r) {
     super(), this._drawingManagerService = i, this._renderManagerService = t, this._permissionService = e, this._univerInstanceService = n, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = St([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = at([i, t]);
     this.disposeWithMe(
       e.pipe(
-        we(([n, r]) => n ? n.activeSheet$.pipe(
-          kn((s) => {
+        me(([n, r]) => n ? n.activeSheet$.pipe(
+          er((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingVisible(!1);
               return;
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new Mn(o).id,
-              new yn(o, a).id
+              new Vn(o).id,
+              new Hn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingVisible(!1), fe))
+        ) : (this._drawingManagerService.setDrawingVisible(!1), we))
       ).subscribe()
     );
   }
@@ -1460,26 +1775,26 @@ let Et = class extends ne {
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
-      u.classType === Oe.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.removeObject(u);
+      u.classType === $e.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.removeObject(u);
     });
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = St([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = at([i, t]);
     this.disposeWithMe(
       e.pipe(
-        we(([n, r]) => n ? n.activeSheet$.pipe(
-          kn((s) => {
+        me(([n, r]) => n ? n.activeSheet$.pipe(
+          er((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingEditable(!1);
               return;
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new zt(o).id,
-              new Kt(o, a).id
+              new gn(o).id,
+              new fn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingEditable(!1), fe))
+        ) : (this._drawingManagerService.setDrawingEditable(!1), we))
       ).subscribe()
     );
   }
@@ -1489,29 +1804,29 @@ let Et = class extends ne {
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
-      u.classType === Oe.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.detachTransformerFrom(u);
+      u.classType === $e.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.detachTransformerFrom(u);
     });
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
-      St([i, t]).pipe(
-        we(([e, n]) => e ? e.activeSheet$.pipe(
-          we((r) => {
+      at([i, t]).pipe(
+        me(([e, n]) => e ? e.activeSheet$.pipe(
+          me((r) => {
             if (!r)
-              return fe;
+              return we;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), d = a == null ? void 0 : a.scene;
             if (!d)
-              return fe;
+              return we;
             const u = d.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new Mn(s).id,
-              new yn(s, o).id
+              new Vn(s).id,
+              new Hn(s, o).id
             ]).pipe(
-              Re((l) => l.every((g) => g.value)),
-              Wn()
+              pe((l) => l.every((g) => g.value)),
+              tr()
             ).pipe(
-              Re((l) => ({
+              pe((l) => ({
                 permission: l,
                 scene: d,
                 transformer: u,
@@ -1520,18 +1835,18 @@ let Et = class extends ne {
               }))
             );
           })
-        ) : fe)
+        ) : we)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingVisible(e);
           const a = n.getAllObjectsByOrder(), d = this._drawingManagerService.getDrawingData(s, o), u = Object.values(d);
           e ? this._drawingManagerService.addNotification(u) : (a.forEach((c) => {
-            c.classType === Oe.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.removeObject(c);
+            c.classType === $e.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.removeObject(c);
           }), r.clearSelectedObjects());
         },
         complete: () => {
           this._drawingManagerService.setDrawingVisible(!0);
-          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET), n = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = n == null ? void 0 : n.getSheetId();
+          const e = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET), n = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = n == null ? void 0 : n.getSheetId();
           if (!r || !s)
             return;
           const o = this._drawingManagerService.getDrawingData(r, s), a = Object.values(o);
@@ -1541,25 +1856,25 @@ let Et = class extends ne {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
-      St([i, t]).pipe(
-        we(([e, n]) => e ? e.activeSheet$.pipe(
-          we((r) => {
+      at([i, t]).pipe(
+        me(([e, n]) => e ? e.activeSheet$.pipe(
+          me((r) => {
             if (!r)
-              return fe;
+              return we;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), d = a == null ? void 0 : a.scene;
             if (!d)
-              return fe;
+              return we;
             const u = d.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new zt(s).id,
-              new Kt(s, o).id
+              new gn(s).id,
+              new fn(s, o).id
             ]).pipe(
-              Re((l) => l.every((g) => g.value)),
-              Wn()
+              pe((l) => l.every((g) => g.value)),
+              tr()
             ).pipe(
-              Re((l) => ({
+              pe((l) => ({
                 permission: l,
                 scene: d,
                 transformer: u,
@@ -1568,19 +1883,19 @@ let Et = class extends ne {
               }))
             );
           })
-        ) : fe)
+        ) : we)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingEditable(e);
           const a = n.getAllObjectsByOrder(), d = this._drawingManagerService.getDrawingData(s, o), u = Object.values(d);
           e ? (a.forEach((c) => {
-            c.classType === Oe.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.attachTransformerTo(c);
+            c.classType === $e.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.attachTransformerTo(c);
           }), this._drawingManagerService.addNotification(u)) : (a.forEach((c) => {
-            c.classType === Oe.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.detachTransformerFrom(c);
+            c.classType === $e.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.detachTransformerFrom(c);
           }), r.clearSelectedObjects());
         },
         complete: () => {
-          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
+          const e = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET);
           if (!e)
             return;
           const n = e.getUnitId(), r = e.getActiveSheet();
@@ -1591,27 +1906,28 @@ let Et = class extends ne {
             return;
           const d = this._drawingManagerService.getDrawingData(n, s), u = Object.values(d);
           this._drawingManagerService.setDrawingEditable(!0), a.getAllObjectsByOrder().forEach((l) => {
-            l.classType === Oe.IMAGE && u.some((g) => l.oKey.includes(g.drawingId)) && a.detachTransformerFrom(l);
+            l.classType === $e.IMAGE && u.some((g) => l.oKey.includes(g.drawingId)) && a.detachTransformerFrom(l);
           });
         }
       })
     );
   }
 };
-Et = bs([
-  Ke(0, ie),
-  Ke(1, J),
-  Ke(2, zr),
-  Ke(3, Se),
-  Ke(4, A(Kr))
-], Et);
-var Ms = Object.getOwnPropertyDescriptor, ys = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ms(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+Bt = io([
+  it(0, oe),
+  it(1, Q),
+  it(2, Ii),
+  it(3, de),
+  it(4, A(Ci))
+], Bt);
+var so = Object.getOwnPropertyDescriptor, oo = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? so(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ce = (i, t) => (e, n) => t(e, n, i);
-function Ir(i, t, e, n, r, s = !1) {
-  const { scaleX: o, scaleY: a } = t.getAncestorScale(), d = t.getViewport(xn.VIEW_MAIN), u = n.getFreeze(), { startColumn: c, startRow: l, xSplit: g, ySplit: h } = u, f = {
+}, be = (i, t) => (e, n) => t(e, n, i);
+const ao = "univer-sheet-float-dom-";
+function Hr(i, t, e, n, r, s = !1) {
+  const { scaleX: o, scaleY: a } = t.getAncestorScale(), d = t.getViewport(cr.VIEW_MAIN), u = n.getFreeze(), { startColumn: c, startRow: l, xSplit: g, ySplit: h } = u, f = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -1621,43 +1937,43 @@ function Ir(i, t, e, n, r, s = !1) {
       ...i,
       absolute: f
     };
-  const { left: p, right: m, top: _, bottom: v } = i;
-  let { top: I, left: R, viewportScrollX: S, viewportScrollY: C } = d;
-  const { boundsOfViewArea: w, scrollDirectionResponse: y } = r || {}, { rowHeaderWidth: D, columnHeaderHeight: T } = e, E = {
-    top: s ? 0 : T,
-    left: s ? 0 : D
+  const { left: m, right: p, top: w, bottom: S } = i;
+  let { top: I, left: D, viewportScrollX: v, viewportScrollY: C } = d;
+  const { boundsOfViewArea: _, scrollDirectionResponse: y } = r || {}, { rowHeaderWidth: R, columnHeaderHeight: E } = e, T = {
+    top: s ? 0 : E,
+    left: s ? 0 : R
   };
-  w && (je.isDefine(E.top) && (E.top = w.top), je.isDefine(E.left) && (E.left = w.left)), y === "HORIZONTAL" && (C = 0), y === "VERTICAL" && (S = 0);
+  _ && (Ye.isDefine(T.top) && (T.top = _.top), Ye.isDefine(T.left) && (T.left = _.left)), y === "HORIZONTAL" && (C = 0), y === "VERTICAL" && (v = 0);
   let M = 0, b = 0;
-  const N = e.rowStartY(l - h) + T, x = e.colStartX(c - g) + D, q = e.rowStartY(l) + T, H = e.colStartX(c) + D;
+  const N = e.rowStartY(l - h) + E, F = e.colStartX(c - g) + R, te = e.rowStartY(l) + E, z = e.colStartX(c) + R;
   if (g === 0)
-    f.left = !1, M = (p - S) * o, b = (m - S) * o;
+    f.left = !1, M = (m - v) * o, b = (p - v) * o;
   else {
-    const k = p - (x - D), ae = m - (x - D);
-    m < H ? (M = k * o, b = ae * o) : p <= H && m >= H ? (M = k * o, b = Math.max(R, (m - S) * o)) : p > H && (f.left = !1, M = Math.max((p - S) * o, R), b = Math.max((m - S) * o, R));
+    const K = m - (F - R), W = p - (F - R);
+    p < z ? (M = K * o, b = W * o) : m <= z && p >= z ? (M = K * o, b = Math.max(D, (p - v) * o)) : m > z && (f.left = !1, M = Math.max((m - v) * o, D), b = Math.max((p - v) * o, D));
   }
-  let L = 0, G = 0;
+  let H = 0, G = 0;
   if (h === 0)
-    f.top = !1, L = (_ - C) * a, G = (v - C) * a;
+    f.top = !1, H = (w - C) * a, G = (S - C) * a;
   else {
-    const k = _ - (N - T), ae = v - (N - T);
-    v < q ? (L = k * a, G = ae * a) : _ <= q && v >= q ? (L = k * a, G = Math.max(I, (v - C) * a)) : _ > q && (f.top = !1, L = Math.max((_ - C) * a, I), G = Math.max((v - C) * a, I));
+    const K = w - (N - E), W = S - (N - E);
+    S < te ? (H = K * a, G = W * a) : w <= te && S >= te ? (H = K * a, G = Math.max(I, (S - C) * a)) : w > te && (f.top = !1, H = Math.max((w - C) * a, I), G = Math.max((S - C) * a, I));
   }
-  return M = Math.max(M, E.left), L = Math.max(L, E.top), b = Math.max(b, E.left), G = Math.max(G, E.top), {
+  return M = Math.max(M, T.left), H = Math.max(H, T.top), b = Math.max(b, T.left), G = Math.max(G, T.top), {
     left: M,
     right: b,
-    top: L,
+    top: H,
     bottom: G,
     absolute: f
   };
 }
-const ge = (i, t, e, n, r) => {
+const fe = (i, t, e, n, r) => {
   const { left: s, top: o, width: a, height: d, angle: u } = i, c = {
     left: s,
     right: s + a,
     top: o,
     bottom: o + d
-  }, l = Ir(c, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
+  }, l = Hr(c, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
   return {
     startX: l.left,
     endX: l.right,
@@ -1669,23 +1985,23 @@ const ge = (i, t, e, n, r) => {
     absolute: l.absolute
   };
 };
-let tt = class extends ne {
+let lt = class extends ee {
   constructor(t, e, n, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
      */
-    ee(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    ee(this, "_transformChange$", new Xt());
-    ee(this, "transformChange$", this._transformChange$.asObservable());
-    ee(this, "_add$", new Xt());
-    ee(this, "add$", this._add$.asObservable());
-    ee(this, "_remove$", new Xt());
-    ee(this, "remove$", this._remove$.asObservable());
+    re(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    re(this, "_transformChange$", new on());
+    re(this, "transformChange$", this._transformChange$.asObservable());
+    re(this, "_add$", new on());
+    re(this, "add$", this._add$.asObservable());
+    re(this, "_remove$", new on());
+    re(this, "remove$", this._remove$.asObservable());
     this._renderManagerService = t, this._univerInstanceService = e, this._commandService = n, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(Zi((t) => t === Zr.Rendered), qi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Ms((t) => t === Di.Rendered), ys(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1711,87 +2027,89 @@ let tt = class extends ne {
       this._drawingManagerService.add$.subscribe((t) => {
         t.forEach((e) => {
           var K;
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = se(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, F.UNIVER_SHEET);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = ae(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, $.UNIVER_SHEET);
           if (!d)
             return;
           const u = d.getActiveSheet().getSheetId();
           if (!a || !o)
             return;
-          const c = (K = this._renderManagerService.getRenderById(n)) == null ? void 0 : K.with(V).getSkeletonParam(r);
+          const c = (K = this._renderManagerService.getRenderById(n)) == null ? void 0 : K.with(X).getSkeletonParam(r);
           if (!c)
             return;
           const { transform: l, drawingType: g, data: h } = a;
-          if (g !== B.DRAWING_DOM && g !== B.DRAWING_CHART)
+          if (g !== x.DRAWING_DOM && g !== x.DRAWING_CHART)
             return;
           const f = this._getSceneAndTransformerByDrawingSearch(n);
           if (f == null)
             return;
-          const { scene: p, canvas: m } = f;
+          const { scene: m, canvas: p } = f;
           if (l == null)
             return !0;
           if (u !== r)
             return;
-          const { left: _, top: v, width: I, height: R, angle: S, flipX: C, flipY: w, skewX: y, skewY: D } = l, T = Ie({ unitId: n, subUnitId: r, drawingId: s }), E = p.getObject(T);
-          if (E != null) {
-            E.transformByState({ left: _, top: v, width: I, height: R, angle: S, flipX: C, flipY: w, skewX: y, skewY: D });
+          const { left: w, top: S, width: I, height: D, angle: v, flipX: C, flipY: _, skewX: y, skewY: R } = l, E = De({ unitId: n, subUnitId: r, drawingId: s }), T = m.getObject(E);
+          if (T != null) {
+            T.transformByState({ left: w, top: S, width: I, height: D, angle: v, flipX: C, flipY: _, skewX: y, skewY: R });
             return;
           }
           const M = {
-            left: _,
-            top: v,
+            left: w,
+            top: S,
             width: I,
-            height: R,
+            height: D,
             zIndex: this._drawingManagerService.getDrawingOrder(n, r).length - 1
-          }, b = g === B.DRAWING_CHART;
+          }, b = g === x.DRAWING_CHART;
           if (M.rotateEnabled = !1, b) {
-            const k = h ? h.backgroundColor : "white";
-            M.fill = k, h && h.border && (M.stroke = h.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8;
+            const W = h ? h.backgroundColor : "white";
+            M.fill = W, h && h.border && (M.stroke = h.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8;
           }
-          const N = new Ue(T, M);
-          b && N.setObjectType(mn.CHART), p.addObject(N, Ft), a.allowTransform !== !1 && p.attachTransformerTo(N);
-          const x = new _t(), q = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet), H = new ke(q), L = {
-            dispose: x,
+          const N = new ke(E, M);
+          b && N.setObjectType(An.CHART), m.addObject(N, qt), a.allowTransform !== !1 && m.attachTransformerTo(N);
+          const F = new yt(), te = fe(N, f.renderUnit.scene, c.skeleton, o.worksheet), z = new je(te), H = `${ao}${Ve(6)}`, G = {
+            dispose: F,
             rect: N,
-            position$: H,
+            position$: z,
             unitId: n,
             subUnitId: r,
-            id: s
+            id: s,
+            domId: H
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: H,
+            position$: z,
             id: s,
+            domId: H,
             componentKey: a.componentKey,
-            onPointerDown: (k) => {
-              m.dispatchEvent(new PointerEvent(k.type, k));
+            onPointerDown: (W) => {
+              p.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onPointerMove: (k) => {
-              m.dispatchEvent(new PointerEvent(k.type, k));
+            onPointerMove: (W) => {
+              p.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onPointerUp: (k) => {
-              m.dispatchEvent(new PointerEvent(k.type, k));
+            onPointerUp: (W) => {
+              p.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onWheel: (k) => {
-              m.dispatchEvent(new WheelEvent(k.type, k));
+            onWheel: (W) => {
+              p.dispatchEvent(new WheelEvent(W.type, W));
             },
             data: h,
             unitId: n
           });
-          const G = N.onTransformChange$.subscribeEvent(() => {
-            const k = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet);
-            H.next(
-              k
+          const J = N.onTransformChange$.subscribeEvent(() => {
+            const W = fe(N, f.renderUnit.scene, c.skeleton, o.worksheet);
+            z.next(
+              W
             );
           });
-          x.add(() => {
+          F.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), G && x.add(G), this._domLayerInfoMap.set(s, L);
+          }), J && F.add(J), this._domLayerInfoMap.set(s, G);
         });
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((t) => {
         t.forEach((e) => {
           var l;
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = Ie({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = De({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
           if (a == null)
             return;
           const { transformer: d, scene: u } = a, c = u.getObject(o);
@@ -1803,25 +2121,25 @@ let tt = class extends ne {
   _scrollUpdateListener() {
     const t = (e, n) => {
       var d;
-      const r = this._getSceneAndTransformerByDrawingSearch(e), s = Array.from(this._domLayerInfoMap.keys()).map((u) => ({ id: u, ...this._domLayerInfoMap.get(u) })).filter((u) => u.subUnitId === n && u.unitId === e).map((u) => u.id), o = se(this._univerInstanceService, { unitId: e, subUnitId: n }), a = (d = this._renderManagerService.getRenderById(e)) == null ? void 0 : d.with(V).getSkeletonParam(n);
+      const r = this._getSceneAndTransformerByDrawingSearch(e), s = Array.from(this._domLayerInfoMap.keys()).map((u) => ({ id: u, ...this._domLayerInfoMap.get(u) })).filter((u) => u.subUnitId === n && u.unitId === e).map((u) => u.id), o = ae(this._univerInstanceService, { unitId: e, subUnitId: n }), a = (d = this._renderManagerService.getRenderById(e)) == null ? void 0 : d.with(X).getSkeletonParam(n);
       !r || !o || !a || s.forEach((u) => {
         const c = this._domLayerInfoMap.get(u);
         if (c) {
-          const l = ge(c.rect, r.renderUnit.scene, a.skeleton, o.worksheet, c);
+          const l = fe(c.rect, r.renderUnit.scene, a.skeleton, o.worksheet, c);
           c.position$.next(l);
         }
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(
-        we((e) => e ? e.activeSheet$ : Bn(null)),
-        Re((e) => {
+      this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET).pipe(
+        me((e) => e ? e.activeSheet$ : wn(null)),
+        pe((e) => {
           if (!e) return null;
           const n = e.getUnitId(), r = this._renderManagerService.getRenderById(n);
           return r ? { render: r, unitId: n, subUnitId: e.getSheetId() } : null;
         }),
-        we(
-          (e) => e ? qr(e.render.scene.getViewport(xn.VIEW_MAIN).onScrollAfter$).pipe(Re(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Bn(null)
+        me(
+          (e) => e ? bi(e.render.scene.getViewport(cr.VIEW_MAIN).onScrollAfter$).pipe(pe(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : wn(null)
         )
       ).subscribe((e) => {
         if (!e) return;
@@ -1829,12 +2147,15 @@ let tt = class extends ne {
         t(n, r);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      if (e.id === _n.id) {
+      if (e.id === kn.id) {
         const n = e.params, { unitId: r } = n;
         Array.from(this._domLayerInfoMap.values()).filter((o) => o.unitId === r).map((o) => o.subUnitId).forEach((o) => {
           t(r, o);
         });
-      } else if (e.id === hi.id) {
+      } else if (e.id === Bi.id) {
+        const { unitId: n, subUnitId: r } = e.params;
+        t(n, r);
+      } else if (e.id === ji.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
@@ -1843,13 +2164,13 @@ let tt = class extends ne {
   updateFloatDomProps(t, e, n, r) {
     const s = this._domLayerInfoMap.get(n), o = this._getSceneAndTransformerByDrawingSearch(t);
     if (s && o) {
-      const { scene: a } = o, d = Ie({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(d);
-      u && u instanceof Ue && u.setProps(r);
+      const { scene: a } = o, d = De({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(d);
+      u && u instanceof ke && u.setProps(r);
     }
   }
   _getPosition(t, e) {
     var g;
-    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(xe);
+    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Ze);
     if (a == null)
       return;
     const d = a.getCellWithCoordByOffset(n, s);
@@ -1879,7 +2200,7 @@ let tt = class extends ne {
       this._drawingManagerService.update$.subscribe((t) => {
         t.forEach((e) => {
           const n = this._drawingManagerService.getDrawingByParam(e);
-          if (!n || n.drawingType !== B.DRAWING_DOM && n.drawingType !== B.DRAWING_CHART)
+          if (!n || n.drawingType !== x.DRAWING_DOM && n.drawingType !== x.DRAWING_CHART)
             return;
           const r = {
             ...n.transform
@@ -1888,7 +2209,7 @@ let tt = class extends ne {
             ...n
           });
           const s = this._getSceneAndTransformerByDrawingSearch(e.unitId);
-          if (s && n.drawingType !== B.DRAWING_CHART) {
+          if (s && n.drawingType !== x.DRAWING_CHART) {
             const { scene: o } = s, a = this._domLayerInfoMap.get(e.drawingId);
             a != null && a.rect && (n.allowTransform === !1 ? o.detachTransformerFrom(a.rect) : o.attachTransformerTo(a.rect));
           }
@@ -1907,20 +2228,20 @@ let tt = class extends ne {
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
   addFloatDomToPosition(t, e) {
-    const n = se(this._univerInstanceService, {
+    const n = ae(this._univerInstanceService, {
       unitId: t.unitId,
       subUnitId: t.subUnitId
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: a, data: d, allowTransform: u = !0 } = t, c = e != null ? e : Qe(), l = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: a, data: d, allowTransform: u = !0 } = t, c = e != null ? e : Ve(), l = this._getPosition(o, r);
     if (l == null)
       return;
     const g = {
       unitId: r,
       subUnitId: s,
       drawingId: c,
-      drawingType: t.type || B.DRAWING_DOM,
+      drawingType: t.type || x.DRAWING_DOM,
       componentKey: a,
       sheetTransform: l,
       transform: {
@@ -1932,7 +2253,7 @@ let tt = class extends ne {
       data: d,
       allowTransform: u
     };
-    return this._commandService.executeCommand(kt.id, {
+    return this._commandService.executeCommand(Xt.id, {
       unitId: r,
       drawings: [g]
     }), this._add$.next({ unitId: r, subUnitId: s, id: c }), {
@@ -1959,8 +2280,8 @@ let tt = class extends ne {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToRange(t, e, n, r) {
-    var C, w, y;
-    const s = se(this._univerInstanceService, {
+    var C, _, y;
+    const s = ae(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
@@ -1970,84 +2291,84 @@ let tt = class extends ne {
     if (!d) return;
     const u = this._renderManagerService.getRenderById(o);
     if (!u) return;
-    const c = (C = this._renderManagerService.getRenderById(o)) == null ? void 0 : C.with(V).getWorksheetSkeleton(a);
+    const c = (C = this._renderManagerService.getRenderById(o)) == null ? void 0 : C.with(X).getWorksheetSkeleton(a);
     if (!c) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Qe(), { position: p, position$: m } = this._createRangePositionObserver(t, u, c.skeleton);
-    if (this._getPosition(p, o) == null)
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Ve(), { position: m, position$: p } = this._createRangePositionObserver(t, u, c.skeleton);
+    if (this._getPosition(m, o) == null)
       return;
-    const v = d.scene, { scaleX: I } = v.getAncestorScale(), R = Ct(p, n, I), S = {
+    const S = d.scene, { scaleX: I } = S.getAncestorScale(), D = Ut(m, n, I), v = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || B.DRAWING_DOM,
+      drawingType: e.type || x.DRAWING_DOM,
       componentKey: l,
       transform: {
-        left: R.startX,
-        top: R.startY,
-        width: R.width,
-        height: R.height
+        left: D.startX,
+        top: D.startY,
+        width: D.width,
+        height: D.height
       },
       data: g,
       allowTransform: h
     };
     {
-      const { unitId: D, subUnitId: T, drawingId: E } = S, M = se(this._univerInstanceService, { unitId: D, subUnitId: T }), b = S, N = this._univerInstanceService.getUnit(D, F.UNIVER_SHEET);
+      const { unitId: R, subUnitId: E, drawingId: T } = v, M = ae(this._univerInstanceService, { unitId: R, subUnitId: E }), b = v, N = this._univerInstanceService.getUnit(R, $.UNIVER_SHEET);
       if (!N)
         return;
-      const x = N.getActiveSheet().getSheetId();
+      const F = N.getActiveSheet().getSheetId();
       if (!b || !M)
         return;
-      const q = (w = this._renderManagerService.getRenderById(D)) == null ? void 0 : w.with(V);
-      if (!q)
+      const te = (_ = this._renderManagerService.getRenderById(R)) == null ? void 0 : _.with(X);
+      if (!te)
         return;
-      const H = q.getWorksheetSkeleton(T);
-      if (!H)
+      const z = te.getWorksheetSkeleton(E);
+      if (!z)
         return;
-      const { transform: L, drawingType: G, data: K } = b;
-      if (G !== B.DRAWING_DOM && G !== B.DRAWING_CHART)
+      const { transform: H, drawingType: G, data: J } = b;
+      if (G !== x.DRAWING_DOM && G !== x.DRAWING_CHART)
         return;
-      const k = this._getSceneAndTransformerByDrawingSearch(D);
-      if (k == null)
+      const K = this._getSceneAndTransformerByDrawingSearch(R);
+      if (K == null)
         return;
-      const { scene: ae, canvas: be } = k;
-      if (L == null || x !== T)
+      const { scene: W, canvas: Oe } = K;
+      if (H == null || F !== E)
         return;
-      const { left: ot, top: at, width: ct, height: dt, angle: jt, flipX: $t, flipY: lt, skewX: ut, skewY: Me } = L, ht = Ie({ unitId: D, subUnitId: T, drawingId: E }), de = ae.getObject(ht);
-      if (de != null) {
-        de.transformByState({ left: ot, top: at, width: ct, height: dt, angle: jt, flipX: $t, flipY: lt, skewX: ut, skewY: Me });
+      const { left: mt, top: pt, width: wt, height: _t, angle: Zt, flipX: Jt, flipY: St, skewX: vt, skewY: Ue } = H, It = De({ unitId: R, subUnitId: E, drawingId: T }), le = W.getObject(It);
+      if (le != null) {
+        le.transformByState({ left: mt, top: pt, width: wt, height: _t, angle: Zt, flipX: Jt, flipY: St, skewX: vt, skewY: Ue });
         return;
       }
-      const Q = {
-        left: ot,
+      const ne = {
+        left: mt,
         // from floatDomParam.transform
-        top: at,
-        width: ct,
-        height: dt,
-        zIndex: this._drawingManagerService.getDrawingOrder(D, T).length - 1
-      }, ye = G === B.DRAWING_CHART;
-      if (ye) {
-        const W = K ? K.backgroundColor : "white";
-        Q.fill = W, Q.rotateEnabled = !1, K && K.border && (Q.stroke = K.border), Q.paintFirst = "stroke", Q.strokeWidth = 1, Q.borderEnabled = !1, Q.radius = 8;
+        top: pt,
+        width: wt,
+        height: _t,
+        zIndex: this._drawingManagerService.getDrawingOrder(R, E).length - 1
+      }, Pe = G === x.DRAWING_CHART;
+      if (Pe) {
+        const k = J ? J.backgroundColor : "white";
+        ne.fill = k, ne.rotateEnabled = !1, J && J.border && (ne.stroke = J.border), ne.paintFirst = "stroke", ne.strokeWidth = 1, ne.borderEnabled = !1, ne.radius = 8;
       }
-      const le = new Ue(ht, Q);
-      ye && le.setObjectType(mn.CHART), ae.addObject(le, Ft), b.allowTransform !== !1 && ae.attachTransformerTo(le);
-      const ue = new _t(), gt = ae.getMainViewport(), { rowHeaderWidth: Te, columnHeaderHeight: Xe } = H.skeleton, ft = {
-        top: Xe,
-        left: Te,
-        bottom: gt.bottom,
-        right: gt.right
-      }, he = {
-        dispose: ue,
-        rect: le,
-        boundsOfViewArea: ft,
+      const ue = new ke(It, ne);
+      Pe && ue.setObjectType(An.CHART), W.addObject(ue, qt), b.allowTransform !== !1 && W.attachTransformerTo(ue);
+      const he = new yt(), Ct = W.getMainViewport(), { rowHeaderWidth: Ae, columnHeaderHeight: Qe } = z.skeleton, Rt = {
+        top: Qe,
+        left: Ae,
+        bottom: Ct.bottom,
+        right: Ct.right
+      }, ge = {
+        dispose: he,
+        rect: ue,
+        boundsOfViewArea: Rt,
         domAnchor: n,
-        unitId: D,
-        subUnitId: T
-      }, j = ge(le, k.renderUnit.scene, H.skeleton, M.worksheet, he), Ee = new ke(j);
-      he.position$ = Ee;
-      let Le = {
-        position$: Ee,
-        id: E,
+        unitId: R,
+        subUnitId: E
+      }, B = fe(ue, K.renderUnit.scene, z.skeleton, M.worksheet, ge), Ne = new je(B);
+      ge.position$ = Ne;
+      let et = {
+        position$: Ne,
+        id: T,
         componentKey: b.componentKey,
         onPointerDown: () => {
         },
@@ -2055,58 +2376,58 @@ let tt = class extends ne {
         },
         onPointerUp: () => {
         },
-        onWheel: (W) => {
-          be.dispatchEvent(new WheelEvent(W.type, W));
+        onWheel: (k) => {
+          Oe.dispatchEvent(new WheelEvent(k.type, k));
         },
-        data: K,
-        unitId: D
+        data: J,
+        unitId: R
       };
-      e.eventPassThrough && (Le = {
-        ...Le,
-        onPointerDown: (W) => {
-          be.dispatchEvent(new PointerEvent(W.type, W));
+      e.eventPassThrough && (et = {
+        ...et,
+        onPointerDown: (k) => {
+          Oe.dispatchEvent(new PointerEvent(k.type, k));
         },
-        onPointerMove: (W) => {
-          be.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerMove: (k) => {
+          Oe.dispatchEvent(new PointerEvent(k.type, k));
         },
-        onPointerUp: (W) => {
-          be.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerUp: (k) => {
+          Oe.dispatchEvent(new PointerEvent(k.type, k));
         }
-      }), this._canvasFloatDomService.addFloatDom(Le), this.disposeWithMe(m.subscribe((W) => {
-        var un, hn, gn, fn;
-        const ln = Ct({
-          startX: W.startX,
-          startY: W.startY,
-          endX: W.endX,
-          endY: W.endY,
-          width: (un = n.width) != null ? un : W.width,
-          height: (hn = n.height) != null ? hn : W.height,
+      }), this._canvasFloatDomService.addFloatDom(et), this.disposeWithMe(p.subscribe((k) => {
+        var Tn, On, Un, Pn;
+        const En = Ut({
+          startX: k.startX,
+          startY: k.startY,
+          endX: k.endX,
+          endY: k.endY,
+          width: (Tn = n.width) != null ? Tn : k.width,
+          height: (On = n.height) != null ? On : k.height,
           absolute: {
-            left: p.absolute.left,
-            top: p.absolute.top
+            left: m.absolute.left,
+            top: m.absolute.top
           }
-        }, n), Rr = Ie({ unitId: D, subUnitId: T, drawingId: E }), br = new Ue(Rr, {
-          left: ln.startX,
-          top: ln.startY,
-          width: (gn = n.width) != null ? gn : W.width,
-          height: (fn = n.height) != null ? fn : W.height,
-          zIndex: this._drawingManagerService.getDrawingOrder(D, T).length - 1
-        }), Mr = ge(br, k.renderUnit.scene, H.skeleton, M.worksheet, he);
-        Ee.next(Mr);
+        }, n), Zr = De({ unitId: R, subUnitId: E, drawingId: T }), Jr = new ke(Zr, {
+          left: En.startX,
+          top: En.startY,
+          width: (Un = n.width) != null ? Un : k.width,
+          height: (Pn = n.height) != null ? Pn : k.height,
+          zIndex: this._drawingManagerService.getDrawingOrder(R, E).length - 1
+        }), qr = fe(Jr, K.renderUnit.scene, z.skeleton, M.worksheet, ge);
+        Ne.next(qr);
       }));
-      const Ve = (y = this._renderManagerService.getRenderById(D)) == null ? void 0 : y.with(V);
-      Ve == null || Ve.currentSkeleton$.subscribe((W) => {
-        W && H.sheetId !== W.sheetId && this._removeDom(f, !0);
+      const tt = (y = this._renderManagerService.getRenderById(R)) == null ? void 0 : y.with(X);
+      tt == null || tt.currentSkeleton$.subscribe((k) => {
+        k && z.sheetId !== k.sheetId && this._removeDom(f, !0);
       });
-      const mt = le.onTransformChange$.subscribeEvent(() => {
-        const W = ge(le, k.renderUnit.scene, H.skeleton, M.worksheet, he);
-        Ee.next(
-          W
+      const Dt = ue.onTransformChange$.subscribeEvent(() => {
+        const k = fe(ue, K.renderUnit.scene, z.skeleton, M.worksheet, ge);
+        Ne.next(
+          k
         );
       });
-      ue.add(() => {
-        this._canvasFloatDomService.removeFloatDom(E);
-      }), mt && ue.add(mt), this._domLayerInfoMap.set(E, he);
+      he.add(() => {
+        this._canvasFloatDomService.removeFloatDom(T);
+      }), Dt && he.add(Dt), this._domLayerInfoMap.set(T, ge);
     }
     return {
       id: f,
@@ -2117,8 +2438,8 @@ let tt = class extends ne {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToColumnHeader(t, e, n, r) {
-    var R, S, C;
-    const s = se(this._univerInstanceService, {
+    var D, v, C;
+    const s = ae(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
@@ -2128,153 +2449,153 @@ let tt = class extends ne {
     if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
     const u = this._renderManagerService.getRenderById(o);
     if (!u) return;
-    const c = (R = this._renderManagerService.getRenderById(o)) == null ? void 0 : R.with(V).getWorksheetSkeleton(a);
+    const c = (D = this._renderManagerService.getRenderById(o)) == null ? void 0 : D.with(X).getWorksheetSkeleton(a);
     if (!c) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Qe(), { position: p, position$: m } = this._createRangePositionObserver({
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Ve(), { position: m, position$: p } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: t,
       endColumn: t
-    }, u, c.skeleton), _ = p;
-    if (_.startY = 0, this._getPosition(p, o) == null)
+    }, u, c.skeleton), w = m;
+    if (w.startY = 0, this._getPosition(m, o) == null)
       return;
     const I = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || B.DRAWING_DOM,
+      drawingType: e.type || x.DRAWING_DOM,
       componentKey: l,
       transform: {
-        left: _.startX,
-        top: _.startY,
-        width: _.width,
-        height: _.height
+        left: w.startX,
+        top: w.startY,
+        width: w.width,
+        height: w.height
       },
       data: g,
       allowTransform: h
     };
     {
-      const { unitId: w, subUnitId: y, drawingId: D } = I, T = se(this._univerInstanceService, { unitId: w, subUnitId: y }), E = I, M = this._univerInstanceService.getUnit(w, F.UNIVER_SHEET);
+      const { unitId: _, subUnitId: y, drawingId: R } = I, E = ae(this._univerInstanceService, { unitId: _, subUnitId: y }), T = I, M = this._univerInstanceService.getUnit(_, $.UNIVER_SHEET);
       if (!M)
         return;
       const b = M.getActiveSheet().getSheetId();
-      if (!E || !T)
+      if (!T || !E)
         return;
-      const N = (S = this._renderManagerService.getRenderById(w)) == null ? void 0 : S.with(V);
+      const N = (v = this._renderManagerService.getRenderById(_)) == null ? void 0 : v.with(X);
       if (!N)
         return;
-      const x = N.getWorksheetSkeleton(y);
-      if (!x)
+      const F = N.getWorksheetSkeleton(y);
+      if (!F)
         return;
-      const { transform: q, data: H } = E, L = this._getSceneAndTransformerByDrawingSearch(w);
-      if (L == null)
+      const { transform: te, data: z } = T, H = this._getSceneAndTransformerByDrawingSearch(_);
+      if (H == null)
         return;
-      const { scene: G, canvas: K } = L;
-      if (q == null || b !== y)
+      const { scene: G, canvas: J } = H;
+      if (te == null || b !== y)
         return;
-      const { left: k, top: ae, width: be, height: ot, angle: at, flipX: ct, flipY: dt, skewX: jt, skewY: $t } = q, lt = Ie({ unitId: w, subUnitId: y, drawingId: D }), ut = G.getObject(lt);
-      if (ut != null) {
-        ut.transformByState({ left: k, top: ae, width: be, height: ot, angle: at, flipX: ct, flipY: dt, skewX: jt, skewY: $t });
+      const { left: K, top: W, width: Oe, height: mt, angle: pt, flipX: wt, flipY: _t, skewX: Zt, skewY: Jt } = te, St = De({ unitId: _, subUnitId: y, drawingId: R }), vt = G.getObject(St);
+      if (vt != null) {
+        vt.transformByState({ left: K, top: W, width: Oe, height: mt, angle: pt, flipX: wt, flipY: _t, skewX: Zt, skewY: Jt });
         return;
       }
-      const Me = Ct({
-        startX: _.startX,
+      const Ue = Ut({
+        startX: w.startX,
         startY: 0,
-        endX: p.endX,
-        endY: p.endY,
+        endX: m.endX,
+        endY: m.endY,
         width: n.width,
         height: n.height,
         absolute: {
-          left: p.absolute.left,
-          top: p.absolute.top
+          left: m.absolute.left,
+          top: m.absolute.top
         }
-      }, n), ht = {
-        left: Me.startX,
-        top: Me.startY,
-        width: Me.width,
-        height: Me.height,
-        zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
-      }, de = new Ue(lt, ht);
-      G.addObject(de, Ft), E.allowTransform !== !1 && G.attachTransformerTo(de);
-      const Q = new _t(), ye = G.getMainViewport(), le = {
+      }, n), It = {
+        left: Ue.startX,
+        top: Ue.startY,
+        width: Ue.width,
+        height: Ue.height,
+        zIndex: this._drawingManagerService.getDrawingOrder(_, y).length - 1
+      }, le = new ke(St, It);
+      G.addObject(le, qt), T.allowTransform !== !1 && G.attachTransformerTo(le);
+      const ne = new yt(), Pe = G.getMainViewport(), ue = {
         top: 0,
         //viewMain.top,
-        left: ye.left,
-        bottom: ye.bottom,
-        right: ye.right
-      }, ue = {
-        dispose: Q,
-        rect: de,
+        left: Pe.left,
+        bottom: Pe.bottom,
+        right: Pe.right
+      }, he = {
+        dispose: ne,
+        rect: le,
         // position$,
-        unitId: w,
+        unitId: _,
         subUnitId: y,
-        boundsOfViewArea: le,
+        boundsOfViewArea: ue,
         domAnchor: n,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, gt = ge(de, L.renderUnit.scene, x.skeleton, T.worksheet, ue), Te = new ke(gt);
-      ue.position$ = Te;
-      let Xe = {
-        position$: Te,
-        id: D,
-        componentKey: E.componentKey,
+      }, Ct = fe(le, H.renderUnit.scene, F.skeleton, E.worksheet, he), Ae = new je(Ct);
+      he.position$ = Ae;
+      let Qe = {
+        position$: Ae,
+        id: R,
+        componentKey: T.componentKey,
         onPointerDown: () => {
         },
         onPointerMove: () => {
         },
         onPointerUp: () => {
         },
-        onWheel: (j) => {
-          K.dispatchEvent(new WheelEvent(j.type, j));
+        onWheel: (B) => {
+          J.dispatchEvent(new WheelEvent(B.type, B));
         },
-        data: H,
-        unitId: w
+        data: z,
+        unitId: _
       };
-      e.eventPassThrough && (Xe = {
-        ...Xe,
-        onPointerDown: (j) => {
-          K.dispatchEvent(new PointerEvent(j.type, j));
+      e.eventPassThrough && (Qe = {
+        ...Qe,
+        onPointerDown: (B) => {
+          J.dispatchEvent(new PointerEvent(B.type, B));
         },
-        onPointerMove: (j) => {
-          K.dispatchEvent(new PointerEvent(j.type, j));
+        onPointerMove: (B) => {
+          J.dispatchEvent(new PointerEvent(B.type, B));
         },
-        onPointerUp: (j) => {
-          K.dispatchEvent(new PointerEvent(j.type, j));
+        onPointerUp: (B) => {
+          J.dispatchEvent(new PointerEvent(B.type, B));
         }
-      }), this._canvasFloatDomService.addFloatDom(Xe);
-      const ft = de.onTransformChange$.subscribeEvent(() => {
-        const j = ge(de, L.renderUnit.scene, x.skeleton, T.worksheet, ue);
-        Te.next(
-          j
+      }), this._canvasFloatDomService.addFloatDom(Qe);
+      const Rt = le.onTransformChange$.subscribeEvent(() => {
+        const B = fe(le, H.renderUnit.scene, F.skeleton, E.worksheet, he);
+        Ae.next(
+          B
         );
       });
-      this.disposeWithMe(m.subscribe((j) => {
-        const Ee = Ct({
-          startX: j.startX,
+      this.disposeWithMe(p.subscribe((B) => {
+        const Ne = Ut({
+          startX: B.startX,
           startY: 0,
-          endX: j.endX,
-          endY: j.endY,
+          endX: B.endX,
+          endY: B.endY,
           width: n.width,
           height: n.height,
           absolute: {
-            left: p.absolute.left,
-            top: p.absolute.top
+            left: m.absolute.left,
+            top: m.absolute.top
           }
-        }, n), Le = Ie({ unitId: w, subUnitId: y, drawingId: D }), Ve = new Ue(Le, {
-          left: Ee.startX,
+        }, n), et = De({ unitId: _, subUnitId: y, drawingId: R }), tt = new ke(et, {
+          left: Ne.startX,
           top: 0,
           width: n.width,
           height: n.height,
-          zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
-        }), mt = ge(Ve, L.renderUnit.scene, x.skeleton, T.worksheet, ue);
-        Te.next(mt);
+          zIndex: this._drawingManagerService.getDrawingOrder(_, y).length - 1
+        }), Dt = fe(tt, H.renderUnit.scene, F.skeleton, E.worksheet, he);
+        Ae.next(Dt);
       }));
-      const he = (C = this._renderManagerService.getRenderById(w)) == null ? void 0 : C.with(V);
-      he == null || he.currentSkeleton$.subscribe((j) => {
-        j && c.sheetId !== j.sheetId && this._removeDom(f, !0);
-      }), Q.add(() => {
-        this._canvasFloatDomService.removeFloatDom(D);
-      }), ft && Q.add(ft), this._domLayerInfoMap.set(D, ue);
+      const ge = (C = this._renderManagerService.getRenderById(_)) == null ? void 0 : C.with(X);
+      ge == null || ge.currentSkeleton$.subscribe((B) => {
+        B && c.sheetId !== B.sheetId && this._removeDom(f, !0);
+      }), ne.add(() => {
+        this._canvasFloatDomService.removeFloatDom(R);
+      }), Rt && ne.add(Rt), this._domLayerInfoMap.set(R, he);
     }
     return {
       id: f,
@@ -2296,19 +2617,19 @@ let tt = class extends ne {
   // eslint-disable-next-line max-lines-per-function
   _createRangePositionObserver(t, e, n) {
     let { startRow: r, startColumn: s } = t;
-    const o = Je(r, s, n), a = new ke(o), d = Je(t.endRow, t.endColumn, n), u = new ke(d), c = () => {
-      const m = Je(r, s, n), _ = Je(t.endRow, t.endColumn, n);
-      a.next(m), u.next(_);
-    }, l = new _t();
-    l.add(e.engine.clientRect$.subscribe(() => c())), l.add(this._commandService.onCommandExecuted((m) => {
-      if (m.id === gi.id && m.params.rowsAutoHeightInfo.findIndex((v) => v.row === r) > -1) {
+    const o = st(r, s, n), a = new je(o), d = st(t.endRow, t.endColumn, n), u = new je(d), c = () => {
+      const p = st(r, s, n), w = st(t.endRow, t.endColumn, n);
+      a.next(p), u.next(w);
+    }, l = new yt();
+    l.add(e.engine.clientRect$.subscribe(() => c())), l.add(this._commandService.onCommandExecuted((p) => {
+      if (p.id === Fi.id && p.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         c();
         return;
       }
-      (fi.indexOf(m.id) > -1 || m.id === Fr.id || m.id === _n.id) && c();
+      (Li.indexOf(p.id) > -1 || p.id === hi.id || p.id === kn.id) && c();
     }));
-    const g = (m, _) => {
-      r = m, s = _, c();
+    const g = (p, w) => {
+      r = p, s = w, c();
     }, h = () => ({
       rotate: 0,
       width: d.right - o.left,
@@ -2322,26 +2643,26 @@ let tt = class extends ne {
       endX: d.right,
       endY: d.bottom
     }), f = a.pipe(
-      Re((m) => {
-        const _ = Je(t.endRow, t.endColumn, n);
+      pe((p) => {
+        const w = st(t.endRow, t.endColumn, n);
         return {
           rotate: 0,
-          width: _.right - m.left,
-          height: _.bottom - m.top,
+          width: w.right - p.left,
+          height: w.bottom - p.top,
           absolute: {
             left: !0,
             top: !0
           },
-          startX: m.left,
-          startY: m.top,
-          endX: _.right,
-          endY: _.bottom
+          startX: p.left,
+          startY: p.top,
+          endX: w.right,
+          endY: w.bottom
         };
       })
-    ), p = h();
+    ), m = h();
     return {
       position$: f,
-      position: p,
+      position: m,
       updateRowCol: g,
       topLeftPos$: a,
       rightBottomPos$: u,
@@ -2349,16 +2670,16 @@ let tt = class extends ne {
     };
   }
 };
-tt = ys([
-  Ce(0, A(J)),
-  Ce(1, Se),
-  Ce(2, A(X)),
-  Ce(3, ie),
-  Ce(4, A(Wi)),
-  Ce(5, re),
-  Ce(6, A(Jr))
-], tt);
-function Je(i, t, e) {
+lt = oo([
+  be(0, A(Q)),
+  be(1, de),
+  be(2, A(Y)),
+  be(3, oe),
+  be(4, A(us)),
+  be(5, se),
+  be(6, A(Ri))
+], lt);
+function st(i, t, e) {
   const n = e.getCellWithCoordByIndex(i, t), r = n.isMergedMainCell ? n.mergeInfo : n;
   return {
     left: r.startX,
@@ -2367,22 +2688,22 @@ function Je(i, t, e) {
     bottom: r.endY
   };
 }
-function Ct(i, t, e) {
+function Ut(i, t, e) {
   var u, c;
   e = e != null ? e : 1;
   const n = i.endX - i.startX, r = i.endY - i.startY, s = (u = t == null ? void 0 : t.width) != null ? u : n, o = (c = t == null ? void 0 : t.height) != null ? c : r;
   let a = 0, d = 0;
   if (t) {
     if (t.horizonOffsetAlign === "right") {
-      const l = Dt(t.marginX, n * e);
+      const l = Pt(t.marginX, n * e);
       a = i.endX - l - s;
     } else
-      a = i.startX + Dt(t.marginX, n);
+      a = i.startX + Pt(t.marginX, n);
     if (t.verticalOffsetAlign === "bottom") {
-      const l = Dt(t.marginY, r * e);
+      const l = Pt(t.marginY, r * e);
       d = i.endY - l - o;
     } else
-      d = i.startY + Dt(t.marginY, r);
+      d = i.startY + Pt(t.marginY, r);
   }
   return {
     rotate: 0,
@@ -2398,15 +2719,15 @@ function Ct(i, t, e) {
     }
   };
 }
-function Dt(i, t) {
+function Pt(i, t) {
   if (i === void 0) return 0;
   if (typeof i == "number") return i;
   const e = Number.parseFloat(i);
   return t * e / 100;
 }
-const Ts = (i) => {
-  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = Qi(() => t.map((o) => {
-    const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Ir(
+const co = (i) => {
+  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = Fe(() => t.map((o) => {
+    const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Hr(
       {
         left: c != null ? c : 0,
         right: (c != null ? c : 0) + (a != null ? a : 0),
@@ -2418,7 +2739,7 @@ const Ts = (i) => {
       r,
       void 0,
       !0
-    ), { scaleX: h, scaleY: f } = e.getAncestorScale(), p = {
+    ), { scaleX: h, scaleY: f } = e.getAncestorScale(), m = {
       startX: g.left,
       endX: g.right,
       startY: g.top,
@@ -2427,9 +2748,9 @@ const Ts = (i) => {
       width: a * h,
       height: d * f,
       absolute: g.absolute
-    }, m = {
-      position$: new ke(p),
-      position: p,
+    }, p = {
+      position$: new je(m),
+      position: m,
       id: o.drawingId,
       componentKey: o.componentKey,
       onPointerMove: () => {
@@ -2443,16 +2764,16 @@ const Ts = (i) => {
       unitId: o.unitId,
       data: o.data
     };
-    return [o.drawingId, m];
+    return [o.drawingId, p];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ oe("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ oe(Bi, { layer: a, id: o, position: a.position }, o)) });
+  return /* @__PURE__ */ L("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ L(hs, { layer: a, id: o, position: a.position }, o)) });
 };
-var Es = Object.getOwnPropertyDescriptor, Os = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Es(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var lo = Object.getOwnPropertyDescriptor, uo = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? lo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, De = (i, t) => (e, n) => t(e, n, i);
-let Ot = class extends ne {
+}, Me = (i, t) => (e, n) => t(e, n, i);
+let jt = class extends ee {
   constructor(i, t, e, n, r, s, o) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = t, this._drawingManagerService = e, this._renderManagerService = n, this._canvasFloatDomManagerService = r, this._componetManager = s, this._injector = o, this._initPrinting(), this._initPrintingDom();
   }
@@ -2465,7 +2786,7 @@ let Ot = class extends ne {
             const { unitId: n, scene: r, subUnitId: s } = t, o = this._drawingManagerService.getDrawingDataForUnit(n), a = o == null ? void 0 : o[s];
             return a && a.order.forEach((d) => {
               const u = a.data[d];
-              u.drawingType !== B.DRAWING_CHART && u.drawingType !== B.DRAWING_DOM && this._drawingRenderService.renderDrawing(u, r);
+              u.drawingType !== x.DRAWING_CHART && u.drawingType !== x.DRAWING_DOM && this._drawingRenderService.renderDrawing(u, r);
             }), e();
           }
         }
@@ -2478,7 +2799,7 @@ let Ot = class extends ne {
             const { unitId: n, subUnitId: r } = t, s = this._renderManagerService.getRenderById(n);
             if (!s)
               return e(i);
-            const o = s.with(V).getSkeletonParam(r);
+            const o = s.with(X).getSkeletonParam(r);
             if (!o)
               return e(i);
             const a = this._drawingManagerService.getDrawingDataForUnit(n), d = a == null ? void 0 : a[t.subUnitId];
@@ -2486,9 +2807,9 @@ let Ot = class extends ne {
               return e(i);
             const { scaleX: u, scaleY: c } = s.scene, l = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, g = d.order.map((h) => d.data[h]);
             return g.length ? (g.forEach((h) => {
-              if (!h.groupId && h.transform && je.isDefine(h.transform.left) && je.isDefine(h.transform.top) && je.isDefine(h.transform.width) && je.isDefine(h.transform.height)) {
-                const f = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, u, c, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, u, c, { x: 0, y: 0 });
-                f.column < l.startColumn && (l.startColumn = f.column), f.row < l.startRow && (l.startRow = f.row), l.endRow < p.row && (l.endRow = p.row), l.endColumn < p.column && (l.endColumn = p.column);
+              if (!h.groupId && h.transform && Ye.isDefine(h.transform.left) && Ye.isDefine(h.transform.top) && Ye.isDefine(h.transform.width) && Ye.isDefine(h.transform.height)) {
+                const f = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, u, c, { x: 0, y: 0 }), m = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, u, c, { x: 0, y: 0 });
+                f.column < l.startColumn && (l.startColumn = f.column), f.row < l.startRow && (l.startRow = f.row), l.endRow < m.row && (l.endRow = m.row), l.endColumn < m.column && (l.endColumn = m.column);
               }
             }), e(l)) : e(i);
           }
@@ -2506,12 +2827,12 @@ let Ot = class extends ne {
             if (o) {
               const a = o.order.map((u) => {
                 const c = o.data[u];
-                if (c.drawingType === B.DRAWING_CHART)
+                if (c.drawingType === x.DRAWING_CHART)
                   return {
                     ...c,
-                    componentKey: this._componetManager.get(Qr)
+                    componentKey: this._componetManager.get(Mi)
                   };
-                if (c.drawingType === B.DRAWING_DOM) {
+                if (c.drawingType === x.DRAWING_DOM) {
                   const l = this._sheetPrintInterceptorService.getPrintComponent(c.componentKey);
                   return {
                     ...c,
@@ -2519,12 +2840,12 @@ let Ot = class extends ne {
                   };
                 }
                 return null;
-              }).filter(Boolean), d = ji(Ts, this._injector);
-              return Di(
-                /* @__PURE__ */ oe(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
+              }).filter(Boolean), d = gs(co, this._injector);
+              return Ji(
+                /* @__PURE__ */ L(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
               ), i == null || i.add(() => {
-                Ri(t.root);
+                qi(t.root);
               }), e(i);
             }
           }
@@ -2533,49 +2854,49 @@ let Ot = class extends ne {
     );
   }
 };
-Ot = Os([
-  De(0, A(xr)),
-  De(1, A(lr)),
-  De(2, ie),
-  De(3, J),
-  De(4, A(tt)),
-  De(5, A(dr)),
-  De(6, A(Ge))
-], Ot);
-var Us = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Us(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+jt = uo([
+  Me(0, A(gi)),
+  Me(1, A(Pr)),
+  Me(2, oe),
+  Me(3, Q),
+  Me(4, A(lt)),
+  Me(5, A(Ur)),
+  Me(6, A(qe))
+], jt);
+var ho = Object.getOwnPropertyDescriptor, go = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ho(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, me = (i, t) => (e, n) => t(e, n, i);
-const As = [
-  Ln.id,
-  Vn.id,
-  Hn.id,
-  zn.id,
-  Kn.id,
-  Jn.id,
-  Zn.id,
-  qn.id,
-  Jt.id,
-  Zt.id,
-  Qn.id,
-  er.id,
-  tr.id,
-  nr.id,
-  rr.id,
-  ir.id,
-  sr.id,
-  or.id,
-  ar.id
-], Ns = [
-  mi.id,
-  pi.id,
-  wi.id,
-  _i.id,
-  Si.id,
-  vi.id
+}, _e = (i, t) => (e, n) => t(e, n, i);
+const fo = [
+  gr.id,
+  fr.id,
+  mr.id,
+  pr.id,
+  wr.id,
+  _r.id,
+  Sr.id,
+  vr.id,
+  mn.id,
+  pn.id,
+  Ir.id,
+  Cr.id,
+  Rr.id,
+  Dr.id,
+  br.id,
+  Mr.id,
+  yr.id,
+  Er.id,
+  Tr.id
+], mo = [
+  Vi.id,
+  Hi.id,
+  Yi.id,
+  Gi.id,
+  Xi.id,
+  zi.id
 ];
-let rn = class extends ne {
+let Rn = class extends ee {
   constructor(i, t, e, n, r, s, o, a, d) {
     super(), this._context = i, this._renderManagerService = t, this._commandService = e, this._selectionRenderService = n, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = d, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
@@ -2584,57 +2905,57 @@ let rn = class extends ne {
       this._sheetInterceptorService.interceptAfterCommand({
         /* eslint-disable-next-line complexity */
         getMutations: (i) => {
-          if (!As.includes(i.id))
+          if (!fo.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const t = i.id;
-          if (t === Ln.id)
+          if (t === gr.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([sr.id, or.id, ar.id].includes(t))
+          if ([yr.id, Er.id, Tr.id].includes(t))
             return this._moveRangeInterceptor(i.params);
-          if (t === Vn.id)
+          if (t === fr.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (t === Hn.id)
+          if (t === mr.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (t === zn.id)
+          if (t === pr.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (t === Kn.id) {
+          if (t === wr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               0
               /* deleteLeft */
             );
-          } else if (t === Jn.id) {
+          } else if (t === _r.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               1
               /* deleteUp */
             );
-          } else if (t === Zn.id) {
+          } else if (t === Sr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               2
               /* insertDown */
             );
-          } else if (t === qn.id) {
+          } else if (t === vr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               3
               /* insertRight */
             );
-          } else if (t === tr.id || t === nr.id) {
+          } else if (t === Rr.id || t === Dr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForRowVisible(n, r, s);
-          } else if (t === rr.id || t === ir.id) {
+          } else if (t === br.id || t === Mr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForColVisible(n, r, s);
-          } else if (t === Jt.id || t === Zt.id || t === Qn.id || t === er.id) {
-            const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === Jt.id || t === Zt.id;
+          } else if (t === mn.id || t === pn.id || t === Ir.id || t === Cr.id) {
+            const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === mn.id || t === pn.id;
             return this._getDrawingUndoForRowAndColSize(n, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -2643,7 +2964,7 @@ let rn = class extends ne {
     );
   }
   _getRangeMoveUndo(i, t) {
-    const e = se(this._univerInstanceService);
+    const e = ae(this._univerInstanceService);
     if (e == null)
       return { redos: [], undos: [] };
     const n = e.unitId, r = e.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(n, r), d = [], u = [];
@@ -2660,49 +2981,49 @@ let rn = class extends ne {
       const c = this._sheetDrawingService.getBatchRemoveOp(u), l = c.undo, g = c.redo, h = c.objects;
       s.push({ id: P.id, params: { unitId: n, subUnitId: r, op: g, objects: h, type: U.REMOVE } }), o.push({ id: P.id, params: { unitId: n, subUnitId: r, op: l, objects: h, type: U.INSERT } });
     }
-    return s.push({ id: Y.id, params: [n] }), o.push({ id: Y.id, params: [n] }), {
+    return s.push({ id: V.id, params: [n] }), o.push({ id: V.id, params: [n] }), {
       redos: s,
       undos: o
     };
   }
   _getUpdateOrDeleteDrawings(i, t, e) {
-    const n = [], r = [], { sheetTransform: s, anchorType: o = O.Position, transform: a, unitId: d, subUnitId: u, drawingId: c } = e, { from: l, to: g } = s, { row: h, column: f } = l, { row: p, column: m } = g;
+    const n = [], r = [], { sheetTransform: s, anchorType: o = O.Position, transform: a, unitId: d, subUnitId: u, drawingId: c } = e, { from: l, to: g } = s, { row: h, column: f } = l, { row: m, column: p } = g;
     if (s == null || a == null)
       return {
         updateDrawings: n,
         deleteDrawings: r
       };
-    const { startRow: _, endRow: v, startColumn: I, endColumn: R } = i;
-    let S = null, C = null;
-    if (t === 0 && h >= _ && p <= v)
-      if (f >= I && m <= R)
+    const { startRow: w, endRow: S, startColumn: I, endColumn: D } = i;
+    let v = null, C = null;
+    if (t === 0 && h >= w && m <= S)
+      if (f >= I && p <= D)
         r.push({ unitId: d, subUnitId: u, drawingId: c });
       else {
-        const w = this._shrinkCol(s, a, I, R, o);
-        S = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
+        const _ = this._shrinkCol(s, a, I, D, o);
+        v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
       }
-    else if (t === 1 && f >= I && m <= R)
-      if (h >= _ && p <= v)
+    else if (t === 1 && f >= I && p <= D)
+      if (h >= w && m <= S)
         r.push({ unitId: d, subUnitId: u, drawingId: c });
       else {
-        const w = this._shrinkRow(s, a, _, v, o);
-        S = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
+        const _ = this._shrinkRow(s, a, w, S, o);
+        v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
       }
     else if (t === 2) {
-      const w = this._expandRow(s, a, _, v, o);
-      S = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
+      const _ = this._expandRow(s, a, w, S, o);
+      v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
     } else if (t === 3) {
-      const w = this._expandCol(s, a, I, R, o);
-      S = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
+      const _ = this._expandCol(s, a, I, D, o);
+      v = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
     }
-    if (S != null && C != null) {
-      const w = z(S, this._selectionRenderService, this._skeletonManagerService);
-      n.push({ ...e, sheetTransform: S, transform: w });
+    if (v != null && C != null) {
+      const _ = Z(v, this._selectionRenderService, this._skeletonManagerService);
+      n.push({ ...e, sheetTransform: v, transform: _ });
     }
     return { updateDrawings: n, deleteDrawings: r };
   }
   _remainDrawingSize(i, t, e) {
-    const n = $({ ...i }, this._selectionRenderService);
+    const n = j({ ...i }, this._selectionRenderService);
     n != null && t.push({
       ...e,
       sheetTransform: n
@@ -2716,31 +3037,31 @@ let rn = class extends ne {
       if (f === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: m } = g, { row: _, column: v } = p, { row: I, column: R } = m;
-        for (let S = 0; S < e.length; S++) {
-          const C = e[S], { startRow: w, endRow: y, startColumn: D, endColumn: T } = C;
-          if (R < D)
+        const { from: m, to: p } = g, { row: w, column: S } = m, { row: I, column: D } = p;
+        for (let v = 0; v < e.length; v++) {
+          const C = e[v], { startRow: _, endRow: y, startColumn: R, endColumn: E } = C;
+          if (D < R)
             continue;
           if (f === O.Position) {
             let b = null, N = null;
-            if (v >= D && v <= T) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: v, endColumn: T, startRow: p.row, endRow: m.row });
-              if (x == null)
+            if (S >= R && S <= E) {
+              const F = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: E, startRow: m.row, endRow: p.row });
+              if (F == null)
                 return;
-              N = { ...h, left: x.startX };
+              N = { ...h, left: F.startX };
             }
-            if (N != null && (b = $(N, this._selectionRenderService), b != null && N != null)) {
+            if (N != null && (b = j(N, this._selectionRenderService), b != null && N != null)) {
               r.push({ ...l, sheetTransform: b, transform: N });
               break;
             }
             this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (v >= D && R <= T)
+          if (S >= R && D <= E)
             continue;
-          let E = null, M = null;
-          if (v >= D && v <= T) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: v, endColumn: T, startRow: p.row, endRow: m.row });
+          let T = null, M = null;
+          if (S >= R && S <= E) {
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: E, startRow: m.row, endRow: p.row });
             if (b == null)
               return;
             M = {
@@ -2748,8 +3069,8 @@ let rn = class extends ne {
               left: (b == null ? void 0 : b.startX) || 0,
               width: ((h == null ? void 0 : h.width) || 0) - b.endX + b.startX
             };
-          } else if (R >= D && R <= T) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: R, startRow: p.row, endRow: m.row });
+          } else if (D >= R && D <= E) {
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: R, endColumn: D, startRow: m.row, endRow: p.row });
             if (b == null)
               return;
             M = {
@@ -2757,19 +3078,19 @@ let rn = class extends ne {
               left: b.startX - ((h == null ? void 0 : h.width) || 0)
             };
           } else {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: T, startRow: p.row, endRow: m.row });
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: R, endColumn: E, startRow: m.row, endRow: p.row });
             if (b == null)
               return;
             if (M = {
               ...h,
               width: ((h == null ? void 0 : h.width) || 0) - b.endX + b.startX
-            }, E = $(M, this._selectionRenderService), E != null && M != null) {
-              s.push({ ...l, sheetTransform: E, transform: M });
+            }, T = j(M, this._selectionRenderService), T != null && M != null) {
+              s.push({ ...l, sheetTransform: T, transform: M });
               break;
             }
           }
-          if (M != null && (E = $(M, this._selectionRenderService)), M != null && E != null) {
-            r.push({ ...l, sheetTransform: E, transform: M });
+          if (M != null && (T = j(M, this._selectionRenderService)), M != null && T != null) {
+            r.push({ ...l, sheetTransform: T, transform: M });
             break;
           } else
             this._remainDrawingSize(h, r, l);
@@ -2792,10 +3113,10 @@ let rn = class extends ne {
   _createUndoAndRedoMutation(i, t, e) {
     const n = this._sheetDrawingService.getBatchUpdateOp(e), { undo: r, redo: s, objects: o } = n, a = [
       { id: P.id, params: { unitId: i, subUnitId: t, op: s, objects: o, type: U.UPDATE } },
-      { id: Y.id, params: [i] }
+      { id: V.id, params: [i] }
     ], d = [
       { id: P.id, params: { unitId: i, subUnitId: t, op: r, objects: o, type: U.UPDATE } },
-      { id: Y.id, params: [i] }
+      { id: V.id, params: [i] }
     ];
     return {
       redos: a,
@@ -2810,31 +3131,31 @@ let rn = class extends ne {
       if (f === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: m } = g, { row: _, column: v } = p, { row: I, column: R } = m;
-        for (let S = 0; S < e.length; S++) {
-          const C = e[S], { startRow: w, endRow: y, startColumn: D, endColumn: T } = C;
-          if (I < w)
+        const { from: m, to: p } = g, { row: w, column: S } = m, { row: I, column: D } = p;
+        for (let v = 0; v < e.length; v++) {
+          const C = e[v], { startRow: _, endRow: y, startColumn: R, endColumn: E } = C;
+          if (I < _)
             continue;
           if (f === O.Position) {
             let b = null, N = null;
-            if (_ >= w && _ <= y) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: y });
-              if (x == null)
+            if (w >= _ && w <= y) {
+              const F = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: y });
+              if (F == null)
                 return;
-              N = { ...h, top: x.startY };
+              N = { ...h, top: F.startY };
             }
-            if (N != null && (b = $(N, this._selectionRenderService), b != null && N != null)) {
+            if (N != null && (b = j(N, this._selectionRenderService), b != null && N != null)) {
               r.push({ ...l, sheetTransform: b, transform: N });
               break;
             }
             this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (_ >= w && I <= y)
+          if (w >= _ && I <= y)
             continue;
-          let E = null, M = null;
-          if (_ >= w && _ <= y) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: y });
+          let T = null, M = null;
+          if (w >= _ && w <= y) {
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: y });
             if (b == null)
               return;
             M = {
@@ -2842,8 +3163,8 @@ let rn = class extends ne {
               top: (b == null ? void 0 : b.startY) || 0,
               height: ((h == null ? void 0 : h.height) || 0) - b.endY + b.startY
             };
-          } else if (I >= w && I <= y) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: I });
+          } else if (I >= _ && I <= y) {
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: _, endRow: I });
             if (b == null)
               return;
             M = {
@@ -2851,19 +3172,19 @@ let rn = class extends ne {
               top: b.startY - ((h == null ? void 0 : h.height) || 0)
             };
           } else {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: y });
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: _, endRow: y });
             if (b == null)
               return;
             if (M = {
               ...h,
               height: ((h == null ? void 0 : h.height) || 0) - b.endY + b.startY
-            }, E = $(M, this._selectionRenderService), E != null && M != null) {
-              s.push({ ...l, sheetTransform: E, transform: M });
+            }, T = j(M, this._selectionRenderService), T != null && M != null) {
+              s.push({ ...l, sheetTransform: T, transform: M });
               break;
             }
           }
-          if (M != null && (E = $(M, this._selectionRenderService)), M != null && E != null) {
-            r.push({ ...l, sheetTransform: E, transform: M });
+          if (M != null && (T = j(M, this._selectionRenderService)), M != null && T != null) {
+            r.push({ ...l, sheetTransform: T, transform: M });
             break;
           } else
             this._remainDrawingSize(h, r, l);
@@ -2890,20 +3211,20 @@ let rn = class extends ne {
       if (c === O.None)
         this._remainDrawingSize(u, s, a);
       else {
-        const { from: l, to: g } = d, { row: h, column: f } = l, { row: p, column: m } = g;
-        for (let _ = 0; _ < e.length; _++) {
-          const v = e[_], { startRow: I, endRow: R, startColumn: S, endColumn: C } = v;
-          if (p < I || m < S)
+        const { from: l, to: g } = d, { row: h, column: f } = l, { row: m, column: p } = g;
+        for (let w = 0; w < e.length; w++) {
+          const S = e[w], { startRow: I, endRow: D, startColumn: v, endColumn: C } = S;
+          if (m < I || p < v)
             continue;
-          if (c === O.Position && (h <= I && p >= R || f <= S && m >= C)) {
+          if (c === O.Position && (h <= I && m >= D || f <= v && p >= C)) {
             this._remainDrawingSize(u, s, a);
             continue;
           }
-          const w = z({ ...d }, this._selectionRenderService, this._skeletonManagerService);
-          if (w != null) {
+          const _ = Z({ ...d }, this._selectionRenderService, this._skeletonManagerService);
+          if (_ != null) {
             s.push({
               ...a,
-              transform: w
+              transform: _
             });
             break;
           }
@@ -2916,7 +3237,7 @@ let rn = class extends ne {
     if (t === "insert")
       e = i.unitId, n = i.subUnitId;
     else {
-      const r = se(this._univerInstanceService);
+      const r = ae(this._univerInstanceService);
       if (r == null)
         return;
       e = r.unitId, n = r.subUnitId;
@@ -2924,50 +3245,50 @@ let rn = class extends ne {
     return { unitId: e, subUnitId: n };
   }
   _moveRangeInterceptor(i) {
-    var I, R;
-    const { toRange: t, fromRange: e } = i, n = se(this._univerInstanceService);
+    var I, D;
+    const { toRange: t, fromRange: e } = i, n = ae(this._univerInstanceService);
     if (!n)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = n, o = (R = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(V)) == null ? void 0 : R.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = n, o = (D = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(X)) == null ? void 0 : D.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = Yn(o, e);
+    const a = dr(o, e);
     if (!a)
       return { redos: [], undos: [] };
     const { startX: d, endX: u, startY: c, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
-    Object.keys(g).forEach((S) => {
-      const C = g[S];
+    Object.keys(g).forEach((v) => {
+      const C = g[v];
       if (C.anchorType !== O.Both)
         return;
-      const { transform: w } = C;
-      if (!w)
+      const { transform: _ } = C;
+      if (!_)
         return;
-      const { left: y = 0, top: D = 0, width: T = 0, height: E = 0 } = w, { drawingStartX: M, drawingEndX: b, drawingStartY: N, drawingEndY: x } = {
+      const { left: y = 0, top: R = 0, width: E = 0, height: T = 0 } = _, { drawingStartX: M, drawingEndX: b, drawingStartY: N, drawingEndY: F } = {
         drawingStartX: y,
-        drawingEndX: y + T,
-        drawingStartY: D,
-        drawingEndY: D + E
+        drawingEndX: y + E,
+        drawingStartY: R,
+        drawingEndY: R + T
       };
-      d <= M && b <= u && c <= N && x <= l && h.push(C);
+      d <= M && b <= u && c <= N && F <= l && h.push(C);
     });
-    const f = [], p = [], m = t.startRow - e.startRow, _ = t.startColumn - e.startColumn, v = h.map((S) => {
-      const C = S.sheetTransform, w = {
-        to: { ...C.to, row: C.to.row + m, column: C.to.column + _ },
-        from: { ...C.from, row: C.from.row + m, column: C.from.column + _ }
-      }, y = z(w, this._selectionRenderService, this._skeletonManagerService);
+    const f = [], m = [], p = t.startRow - e.startRow, w = t.startColumn - e.startColumn, S = h.map((v) => {
+      const C = v.sheetTransform, _ = {
+        to: { ...C.to, row: C.to.row + p, column: C.to.column + w },
+        from: { ...C.from, row: C.from.row + p, column: C.from.column + w }
+      }, y = Z(_, this._selectionRenderService, this._skeletonManagerService);
       return {
         unitId: r,
         subUnitId: s,
-        drawingId: S.drawingId,
+        drawingId: v.drawingId,
         transform: y,
-        sheetTransform: w
+        sheetTransform: _
       };
     });
-    if (v.length) {
-      const S = this._sheetDrawingService.getBatchUpdateOp(v), { undo: C, redo: w, objects: y } = S;
-      f.push({ id: P.id, params: { unitId: r, subUnitId: s, op: w, objects: y, type: U.UPDATE } }), p.push({ id: P.id, params: { unitId: r, subUnitId: s, op: C, objects: y, type: U.UPDATE } });
+    if (S.length) {
+      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: C, redo: _, objects: y } = v;
+      f.push({ id: P.id, params: { unitId: r, subUnitId: s, op: _, objects: y, type: U.UPDATE } }), m.push({ id: P.id, params: { unitId: r, subUnitId: s, op: C, objects: y, type: U.UPDATE } });
     }
-    return { redos: f, undos: p };
+    return { redos: f, undos: m };
   }
   _moveRowInterceptor(i, t) {
     const e = this._getUnitIdAndSubUnitId(i, t);
@@ -2975,37 +3296,37 @@ let rn = class extends ne {
       return { redos: [], undos: [] };
     const { unitId: n, subUnitId: r } = e, { range: s } = i, o = s.startRow, a = s.endRow, d = [], u = [], c = this._sheetDrawingService.getDrawingData(n, r), l = [], g = [];
     if (Object.keys(c).forEach((h) => {
-      const f = c[h], { sheetTransform: p, transform: m, anchorType: _ = O.Position } = f;
-      if (p == null || m == null)
+      const f = c[h], { sheetTransform: m, transform: p, anchorType: w = O.Position } = f;
+      if (m == null || p == null)
         return;
-      let v, I;
+      let S, I;
       if (t === "insert") {
-        const S = this._expandRow(p, m, o, a, _);
-        v = S == null ? void 0 : S.newSheetTransform, I = S == null ? void 0 : S.newTransform;
+        const v = this._expandRow(m, p, o, a, w);
+        S = v == null ? void 0 : v.newSheetTransform, I = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: S, to: C } = p, { row: w } = S, { row: y } = C;
-        if (_ === O.Both && w >= o && y <= a)
+        const { from: v, to: C } = m, { row: _ } = v, { row: y } = C;
+        if (w === O.Both && _ >= o && y <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const D = this._shrinkRow(p, m, o, a, _);
-          v = D == null ? void 0 : D.newSheetTransform, I = D == null ? void 0 : D.newTransform;
+          const R = this._shrinkRow(m, p, o, a, w);
+          S = R == null ? void 0 : R.newSheetTransform, I = R == null ? void 0 : R.newTransform;
         }
       }
-      if (!v || !I)
+      if (!S || !I)
         return;
-      const R = { unitId: n, subUnitId: r, drawingId: h, transform: I, sheetTransform: v };
-      l.push(R);
+      const D = { unitId: n, subUnitId: r, drawingId: h, transform: I, sheetTransform: S };
+      l.push(D);
     }), l.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
     if (l.length > 0) {
-      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
-      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: p, objects: m, type: U.UPDATE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: m, type: U.UPDATE } });
+      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: m, objects: p } = h;
+      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: U.UPDATE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: U.UPDATE } });
     }
     if (g.length > 0) {
-      const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: p, objects: m, type: U.REMOVE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: m, type: U.INSERT } });
+      const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, m = h.redo, p = h.objects;
+      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: U.REMOVE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: U.INSERT } });
     }
-    return d.push({ id: Y.id, params: [n] }), u.push({ id: Y.id, params: [n] }), {
+    return d.push({ id: V.id, params: [n] }), u.push({ id: V.id, params: [n] }), {
       redos: d,
       undos: u
     };
@@ -3016,43 +3337,43 @@ let rn = class extends ne {
       return { redos: [], undos: [] };
     const { unitId: n, subUnitId: r } = e, { range: s } = i, o = s.startColumn, a = s.endColumn, d = [], u = [], c = this._sheetDrawingService.getDrawingData(n, r), l = [], g = [];
     if (Object.keys(c).forEach((h) => {
-      const f = c[h], { sheetTransform: p, transform: m, anchorType: _ = O.Position } = f;
-      if (p == null || m == null)
+      const f = c[h], { sheetTransform: m, transform: p, anchorType: w = O.Position } = f;
+      if (m == null || p == null)
         return;
-      let v, I;
+      let S, I;
       if (t === "insert") {
-        const S = this._expandCol(p, m, o, a, _);
-        v = S == null ? void 0 : S.newSheetTransform, I = S == null ? void 0 : S.newTransform;
+        const v = this._expandCol(m, p, o, a, w);
+        S = v == null ? void 0 : v.newSheetTransform, I = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: S, to: C } = p, { column: w } = S, { column: y } = C;
-        if (_ === O.Both && w >= o && y <= a)
+        const { from: v, to: C } = m, { column: _ } = v, { column: y } = C;
+        if (w === O.Both && _ >= o && y <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const D = this._shrinkCol(p, m, o, a, _);
-          v = D == null ? void 0 : D.newSheetTransform, I = D == null ? void 0 : D.newTransform;
+          const R = this._shrinkCol(m, p, o, a, w);
+          S = R == null ? void 0 : R.newSheetTransform, I = R == null ? void 0 : R.newTransform;
         }
       }
-      if (!v || !I)
+      if (!S || !I)
         return;
-      const R = { unitId: n, subUnitId: r, drawingId: h, transform: I, sheetTransform: v };
-      l.push(R);
+      const D = { unitId: n, subUnitId: r, drawingId: h, transform: I, sheetTransform: S };
+      l.push(D);
     }), l.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
     if (l.length > 0) {
-      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
-      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: p, objects: m, type: U.UPDATE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: m, type: U.UPDATE } });
+      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: m, objects: p } = h;
+      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: U.UPDATE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: U.UPDATE } });
     }
     if (g.length > 0) {
-      const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: p, objects: m, type: U.REMOVE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: m, type: U.INSERT } });
+      const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, m = h.redo, p = h.objects;
+      d.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: U.REMOVE } }), u.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: U.INSERT } });
     }
-    return d.push({ id: Y.id, params: [n] }), u.push({ id: Y.id, params: [n] }), { redos: d, undos: u };
+    return d.push({ id: V.id, params: [n] }), u.push({ id: V.id, params: [n] }), { redos: d, undos: u };
   }
   _expandCol(i, t, e, n, r = O.Position) {
     const s = n - e + 1, { from: o, to: a } = i, { column: d } = o, { column: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: j({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -3060,16 +3381,16 @@ let rn = class extends ne {
       const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: n, startRow: o.row, endRow: a.row });
       if (g == null)
         return;
-      l = { ...t, left: (t.left || 0) + g.endX - g.startX }, c = $(l, this._selectionRenderService);
+      l = { ...t, left: (t.left || 0) + g.endX - g.startX }, c = j(l, this._selectionRenderService);
     } else if (u >= n)
       if (r === O.Both)
         c = {
           from: { ...o },
           to: { ...a, column: u + s }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: $({ ...t }, this._selectionRenderService),
+          newSheetTransform: j({ ...t }, this._selectionRenderService),
           newTransform: t
         };
     return c != null && l != null ? {
@@ -3081,7 +3402,7 @@ let rn = class extends ne {
     const s = n - e + 1, { from: o, to: a } = i, { column: d } = o, { column: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: j({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -3089,7 +3410,7 @@ let rn = class extends ne {
       c = {
         from: { ...o, column: d - s },
         to: { ...a, column: u - s }
-      }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+      }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (d >= e && u <= n)
         return null;
@@ -3098,10 +3419,10 @@ let rn = class extends ne {
           c = {
             from: { ...o },
             to: { ...a, column: u - s }
-          }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+          }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: $({ ...t }, this._selectionRenderService),
+            newSheetTransform: j({ ...t }, this._selectionRenderService),
             newTransform: t
           };
       else if (d >= e && d <= n) {
@@ -3113,7 +3434,7 @@ let rn = class extends ne {
             return;
           l = { ...t, left: (t.left || 0) - g.endX + g.startX - i.from.columnOffset };
         }
-        c = $(l, this._selectionRenderService);
+        c = j(l, this._selectionRenderService);
       } else if (u >= e && u <= n && r === O.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: e - 1,
@@ -3126,7 +3447,7 @@ let rn = class extends ne {
         c = {
           from: { ...o },
           to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return c != null && l != null ? {
@@ -3138,7 +3459,7 @@ let rn = class extends ne {
     const s = n - e + 1, { from: o, to: a } = i, { row: d } = o, { row: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: j({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -3146,7 +3467,7 @@ let rn = class extends ne {
       const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: n, startColumn: o.column, endColumn: a.column });
       if (g == null)
         return;
-      l = { ...t, top: (t.top || 0) + g.endY - g.startY }, c = $(l, this._selectionRenderService);
+      l = { ...t, top: (t.top || 0) + g.endY - g.startY }, c = j(l, this._selectionRenderService);
     } else if (u >= n)
       if (r === O.Both)
         c = {
@@ -3155,10 +3476,10 @@ let rn = class extends ne {
             ...a,
             row: u + s
           }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: $({ ...t }, this._selectionRenderService),
+          newSheetTransform: j({ ...t }, this._selectionRenderService),
           newTransform: t
         };
     return c != null && l != null ? {
@@ -3170,7 +3491,7 @@ let rn = class extends ne {
     const s = n - e + 1, { from: o, to: a } = i, { row: d } = o, { row: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: j({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let c = null, l = null;
@@ -3178,7 +3499,7 @@ let rn = class extends ne {
       c = {
         from: { ...o, row: d - s },
         to: { ...a, row: u - s }
-      }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+      }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (d >= e && u <= n)
         return null;
@@ -3187,10 +3508,10 @@ let rn = class extends ne {
           c = {
             from: { ...o },
             to: { ...a, row: u - s }
-          }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+          }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: $({ ...t }, this._selectionRenderService),
+            newSheetTransform: j({ ...t }, this._selectionRenderService),
             newTransform: t
           };
       else if (d >= e && d <= n) {
@@ -3202,7 +3523,7 @@ let rn = class extends ne {
             return;
           l = { ...t, top: (t.top || 0) - g.endY + g.startY - i.from.rowOffset };
         }
-        c = $(l, this._selectionRenderService);
+        c = j(l, this._selectionRenderService);
       } else if (u >= e && u <= n && r === O.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: e - 1, endRow: e - 1 });
         if (g == null)
@@ -3210,7 +3531,7 @@ let rn = class extends ne {
         c = {
           from: { ...o },
           to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = Z(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return c != null && l != null ? {
@@ -3224,7 +3545,7 @@ let rn = class extends ne {
       // but the skeleton changes like other render modules. These two signals are not equivalent.
       // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === Ii.id) {
+        if (i.id === Ki.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3264,7 +3585,7 @@ let rn = class extends ne {
           d != null && Object.keys(d).forEach((u) => {
             if (s === i && a === t) {
               const c = d[u];
-              c.transform = z(c.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(d[u]);
+              c.transform = Z(c.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(d[u]);
             } else
               r.push(d[u]);
           });
@@ -3275,7 +3596,7 @@ let rn = class extends ne {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Ns.includes(i.id) && requestIdleCallback(() => {
+        mo.includes(i.id) && requestIdleCallback(() => {
           const t = i.params, { unitId: e, subUnitId: n, ranges: r } = t;
           this._refreshDrawingTransform(e, n, r);
         });
@@ -3288,279 +3609,504 @@ let rn = class extends ne {
       const o = n[s], { sheetTransform: a, transform: d, anchorType: u = O.Position } = o;
       if (u === O.None)
         return !0;
-      const { from: c, to: l } = a, { row: g, column: h } = c, { row: f, column: p } = l;
-      for (let m = 0; m < e.length; m++) {
-        const _ = e[m], { startRow: v, endRow: I, startColumn: R, endColumn: S } = _;
-        if (ei.intersects(
+      const { from: c, to: l } = a, { row: g, column: h } = c, { row: f, column: m } = l;
+      for (let p = 0; p < e.length; p++) {
+        const w = e[p], { startRow: S, endRow: I, startColumn: D, endColumn: v } = w;
+        if (yi.intersects(
           {
-            startRow: v,
+            startRow: S,
             endRow: I,
-            startColumn: R,
-            endColumn: S
+            startColumn: D,
+            endColumn: v
           },
           {
             startRow: g,
             endRow: f,
             startColumn: h,
-            endColumn: p
+            endColumn: m
           }
-        ) || g > I || h > S) {
-          const C = u === O.Position, w = z(a, this._selectionRenderService, this._skeletonManagerService);
+        ) || g > I || h > v) {
+          const C = u === O.Position, _ = Z(a, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
-              ...w,
-              width: C ? d == null ? void 0 : d.width : w == null ? void 0 : w.width,
-              height: C ? d == null ? void 0 : d.height : w == null ? void 0 : w.height
+              ..._,
+              width: C ? d == null ? void 0 : d.width : _ == null ? void 0 : _.width,
+              height: C ? d == null ? void 0 : d.height : _ == null ? void 0 : _.height
             }
           });
           break;
         }
       }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(Y.id, [i]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(V.id, [i]));
   }
 };
-rn = Ps([
-  me(1, J),
-  me(2, X),
-  me(3, xe),
-  me(4, A(V)),
-  me(5, A(At)),
-  me(6, re),
-  me(7, ie),
-  me(8, Se)
-], rn);
-const ks = (i) => {
-  var v;
-  const t = qe(X), e = qe(nt), n = qe(ie), r = qe(J), { drawings: s } = i, o = s[0];
+Rn = go([
+  _e(1, Q),
+  _e(2, Y),
+  _e(3, Ze),
+  _e(4, A(X)),
+  _e(5, A(Vt)),
+  _e(6, se),
+  _e(7, oe),
+  _e(8, de)
+], Rn);
+function Yr({ ref: i, ...t }) {
+  const { icon: e, id: n, className: r, extend: s, ...o } = t, a = `univerjs-icon univerjs-icon-${n} ${r || ""}`.trim(), d = Es(`_${_o()}`);
+  return Gr(e, `${n}`, {
+    defIds: e.defIds,
+    idSuffix: d.current
+  }, {
+    ref: i,
+    className: a,
+    ...o
+  }, s);
+}
+function Gr(i, t, e, n, r) {
+  return Ar(i.tag, {
+    key: t,
+    ...po(i, e, r),
+    ...n
+  }, (wo(i, e).children || []).map((s, o) => Gr(s, `${t}-${i.tag}-${o}`, e, void 0, r)));
+}
+function po(i, t, e) {
+  const n = { ...i.attrs };
+  e != null && e.colorChannel1 && n.fill === "colorChannel1" && (n.fill = e.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(([s, o]) => {
+    s === "mask" && typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${t.idSuffix})`));
+  });
+  const { defIds: r } = t;
+  return !r || r.length === 0 || (i.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(([s, o]) => {
+    typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${t.idSuffix})`));
+  })), n;
+}
+function wo(i, t) {
+  var n;
+  const { defIds: e } = t;
+  return !e || e.length === 0 ? i : i.tag === "defs" && ((n = i.children) != null && n.length) ? {
+    ...i,
+    children: i.children.map((r) => typeof r.attrs.id == "string" && e && e.includes(r.attrs.id) ? {
+      ...r,
+      attrs: {
+        ...r.attrs,
+        id: r.attrs.id + t.idSuffix
+      }
+    } : r)
+  } : i;
+}
+function _o() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Yr.displayName = "UniverIcon";
+const So = {
+  tag: "svg",
+  attrs: {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 17 16",
+    width: "1em",
+    height: "1em"
+  },
+  children: [{
+    tag: "path",
+    attrs: {
+      fill: "currentColor",
+      d: "M2.35381 3.65517C2.35381 2.88198 2.98061 2.25518 3.75381 2.25518H8.10381C8.43518 2.25518 8.70381 1.98655 8.70381 1.65518C8.70381 1.3238 8.43518 1.05518 8.10381 1.05518H3.75381C2.31787 1.05518 1.15381 2.21923 1.15381 3.65517V12.3552C1.15381 13.7911 2.31787 14.9552 3.75381 14.9552H12.4538C13.8897 14.9552 15.0538 13.7911 15.0538 12.3552V8.00518C15.0538 7.6738 14.7852 7.40518 14.4538 7.40518C14.1224 7.40518 13.8538 7.6738 13.8538 8.00518V9.24469L12.3428 8.11143C11.8294 7.72642 11.1111 7.77744 10.6573 8.23119L9.11281 9.77567L6.84342 7.83047C6.34812 7.40592 5.61375 7.41815 5.13289 7.85896L2.35381 10.4064V3.65517ZM2.35381 12.0343V12.3552C2.35381 13.1284 2.98061 13.7552 3.75381 13.7552H12.4538C13.227 13.7552 13.8538 13.1284 13.8538 12.3552V10.7447L11.6228 9.07144C11.5871 9.04469 11.5373 9.04827 11.5058 9.07971L10.0266 10.5589L11.2057 11.5696C11.4573 11.7853 11.4865 12.164 11.2708 12.4156C11.0552 12.6672 10.6764 12.6964 10.4248 12.4807L6.06245 8.74157C6.02809 8.71212 5.97713 8.71296 5.94377 8.74353L2.35381 12.0343Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  }, {
+    tag: "path",
+    attrs: {
+      fill: "currentColor",
+      d: "M10.3911 3.84419C10.6254 3.60988 11.0053 3.60988 11.2396 3.84419L11.8818 4.48643V1.93496C11.8818 1.60359 12.1505 1.33496 12.4818 1.33496C12.8132 1.33496 13.0818 1.60359 13.0818 1.93496V4.48676L13.7244 3.84419C13.9587 3.60988 14.3386 3.60988 14.5729 3.84419C14.8072 4.07851 14.8072 4.45841 14.5729 4.69272L12.9063 6.35939C12.6719 6.5937 12.292 6.5937 12.0577 6.35939L10.3911 4.69272C10.1568 4.45841 10.1568 4.07851 10.3911 3.84419Z"
+    }
+  }]
+}, Xr = Ts(function(t, e) {
+  return Ar(Yr, Object.assign({}, t, {
+    id: "download-image-icon",
+    ref: e,
+    icon: So
+  }));
+});
+Xr.displayName = "DownloadImageIcon";
+function vo() {
+  const i = Ie(Te), t = Ie(bn), e = Ie(yn), [n, r] = Ee([ye.CELL_ADDRESS]), [s, o] = Ee(!1), [a, d] = Ee(null), u = Fe(() => e.getCellImagesInSelection(), [e]), c = Fe(() => e.getDataColumns(), [e]), l = Fe(() => e.getSelectionRowRange(), [e]), g = c.length > 0, h = Fe(() => c.map((C) => ({
+    label: C.label,
+    value: String(C.index)
+  })), [c]), [f, m] = Ee(
+    () => h.length > 0 ? h[0].value : "0"
+  ), p = Fe(() => {
+    if (!n.includes(ye.COLUMN_VALUE) || !l)
+      return [];
+    const _ = Number(f);
+    return [{
+      startRow: l.startRow,
+      endRow: l.endRow,
+      startColumn: _,
+      endColumn: _
+    }];
+  }, [n, f, l]);
+  fi(p);
+  const w = Et((C) => {
+    C.length !== 0 && r(C);
+  }, []), S = Et((C) => {
+    m(String(C));
+  }, []), I = Et(() => {
+    t.close(ze);
+  }, [t]), D = Et(async () => {
+    if (u.length !== 0) {
+      o(!0), d(null);
+      try {
+        await e.saveImages(u, {
+          fileNameParts: n,
+          columnIndex: n.includes(ye.COLUMN_VALUE) ? Number(f) : void 0
+        }), t.close(ze);
+      } catch (C) {
+        console.error("Failed to save images:", C), d(i.t("sheetImage.save.error"));
+      } finally {
+        o(!1);
+      }
+    }
+  }, [e, u, n, f, t, i]), v = n.includes(ye.COLUMN_VALUE);
+  return /* @__PURE__ */ Xe("div", { className: "univer-flex univer-flex-col", children: [
+    /* @__PURE__ */ L(en, { label: i.t("sheetImage.save.imageCount"), children: /* @__PURE__ */ L("div", { className: "univer-text-sm univer-text-gray-600", children: u.length }) }),
+    /* @__PURE__ */ L(en, { label: i.t("sheetImage.save.fileNameConfig"), children: /* @__PURE__ */ Xe(Qi, { value: n, onChange: w, direction: "vertical", children: [
+      /* @__PURE__ */ L(Yn, { value: ye.CELL_ADDRESS, disabled: !g, children: i.t("sheetImage.save.useRowCol") }),
+      g && /* @__PURE__ */ L(Yn, { value: ye.COLUMN_VALUE, children: i.t("sheetImage.save.useColumnValue") })
+    ] }) }),
+    v && /* @__PURE__ */ L(en, { label: i.t("sheetImage.save.selectColumn"), children: /* @__PURE__ */ L(
+      es,
+      {
+        value: f,
+        options: h,
+        onChange: S
+      }
+    ) }),
+    a && /* @__PURE__ */ L("div", { className: "univer-text-xs univer-text-red-500", children: a }),
+    /* @__PURE__ */ Xe(
+      "div",
+      {
+        className: "univer-flex univer-justify-end univer-gap-2 univer-border-t univer-border-gray-200 univer-pt-3",
+        children: [
+          /* @__PURE__ */ L(Gn, { onClick: I, disabled: s, children: i.t("sheetImage.save.cancel") }),
+          /* @__PURE__ */ L(
+            Gn,
+            {
+              variant: "primary",
+              onClick: D,
+              disabled: s || u.length === 0,
+              children: s ? i.t("sheetImage.save.saving") : i.t("sheetImage.save.confirm")
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const Io = (i) => {
+  var S;
+  const t = Ie(Y), e = Ie(Te), n = Ie(oe), r = Ie(Q), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: a } = o, d = r.getRenderById(a), u = d == null ? void 0 : d.scene;
   if (u == null)
     return;
-  const c = u.getTransformerByCreate(), [l, g] = Qt(!0), h = (v = o.anchorType) != null ? v : O.Position, [f, p] = Qt(h);
-  function m(I, R) {
-    const S = [];
+  const c = u.getTransformerByCreate(), [l, g] = Ee(!0), h = (S = o.anchorType) != null ? S : O.Position, [f, m] = Ee(h);
+  function p(I, D) {
+    const v = [];
     return I.forEach((C) => {
-      const { oKey: w } = C, y = R.getDrawingOKey(w);
+      const { oKey: _ } = C, y = D.getDrawingOKey(_);
       if (y == null)
-        return S.push(null), !0;
-      const { unitId: D, subUnitId: T, drawingId: E, drawingType: M, anchorType: b, sheetTransform: N } = y;
-      S.push({
-        unitId: D,
-        subUnitId: T,
-        drawingId: E,
+        return v.push(null), !0;
+      const { unitId: R, subUnitId: E, drawingId: T, drawingType: M, anchorType: b, sheetTransform: N } = y;
+      v.push({
+        unitId: R,
+        subUnitId: E,
+        drawingId: T,
         anchorType: b,
         sheetTransform: N,
         drawingType: M
       });
-    }), S;
+    }), v;
   }
-  ur(() => {
-    const I = c.clearControl$.subscribe((S) => {
-      S === !0 && g(!1);
-    }), R = c.changeStart$.subscribe((S) => {
+  Nr(() => {
+    const I = c.clearControl$.subscribe((v) => {
+      v === !0 && g(!1);
+    }), D = c.changeStart$.subscribe((v) => {
       var y;
-      const { objects: C } = S, w = m(C, n);
-      if (w.length === 0)
+      const { objects: C } = v, _ = p(C, n);
+      if (_.length === 0)
         g(!1);
-      else if (w.length >= 1) {
+      else if (_.length >= 1) {
         g(!0);
-        const D = ((y = w[0]) == null ? void 0 : y.anchorType) || O.Position;
-        p(D);
+        const R = ((y = _[0]) == null ? void 0 : y.anchorType) || O.Position;
+        m(R);
       }
     });
     return () => {
-      R.unsubscribe(), I.unsubscribe();
+      D.unsubscribe(), I.unsubscribe();
     };
   }, []);
-  function _(I) {
-    p(I);
-    const R = n.getFocusDrawings();
-    if (R.length === 0)
+  function w(I) {
+    m(I);
+    const D = n.getFocusDrawings();
+    if (D.length === 0)
       return;
-    const S = R.map((C) => ({
+    const v = D.map((C) => ({
       unitId: C.unitId,
       subUnitId: C.subUnitId,
       drawingId: C.drawingId,
       anchorType: I
     }));
-    t.executeCommand(Wt.id, {
-      unitId: R[0].unitId,
-      drawings: S
+    t.executeCommand(zt.id, {
+      unitId: D[0].unitId,
+      drawings: v
     });
   }
-  return /* @__PURE__ */ qt(
+  return /* @__PURE__ */ Xe(
     "div",
     {
-      className: bi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: ts("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !l
       }),
       children: [
-        /* @__PURE__ */ oe(
+        /* @__PURE__ */ L(
           "header",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ oe("div", { children: e.t("drawing-anchor.title") })
+            children: /* @__PURE__ */ L("div", { children: e.t("drawing-anchor.title") })
           }
         ),
-        /* @__PURE__ */ oe("div", { children: /* @__PURE__ */ qt(Mi, { value: f, onChange: _, direction: "vertical", children: [
-          /* @__PURE__ */ oe(Yt, { value: O.Both, children: e.t("drawing-anchor.both") }),
-          /* @__PURE__ */ oe(Yt, { value: O.Position, children: e.t("drawing-anchor.position") }),
-          /* @__PURE__ */ oe(Yt, { value: O.None, children: e.t("drawing-anchor.none") })
+        /* @__PURE__ */ L("div", { children: /* @__PURE__ */ Xe(ns, { value: f, onChange: w, direction: "vertical", children: [
+          /* @__PURE__ */ L(tn, { value: O.Both, children: e.t("drawing-anchor.both") }),
+          /* @__PURE__ */ L(tn, { value: O.Position, children: e.t("drawing-anchor.position") }),
+          /* @__PURE__ */ L(tn, { value: O.None, children: e.t("drawing-anchor.none") })
         ] }) })
       ]
     }
   );
-}, Ws = () => {
-  const i = qe(ie), t = i.getFocusDrawings(), [e, n] = Qt(t);
-  return ur(() => {
+}, Co = () => {
+  const i = Ie(oe), t = i.getFocusDrawings(), [e, n] = Ee(t);
+  return Nr(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(e != null && e.length) && /* @__PURE__ */ qt("div", { className: "univer-text-sm", children: [
-    /* @__PURE__ */ oe(zi, { drawings: e }),
-    /* @__PURE__ */ oe(ks, { drawings: e })
+  }, []), !!(e != null && e.length) && /* @__PURE__ */ Xe("div", { className: "univer-text-sm", children: [
+    /* @__PURE__ */ L(Rs, { drawings: e }),
+    /* @__PURE__ */ L(Io, { drawings: e })
   ] });
-}, Cr = "sheet.menu.image";
-function Bs(i) {
+}, zr = "sheet.menu.image";
+function Ro(i) {
   return {
-    id: Cr,
-    type: cn.SUBITEMS,
+    id: zr,
+    type: Gt.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "sheetImage.title",
-    hidden$: an(i, F.UNIVER_SHEET),
-    disabled$: Yr(i, { workbookTypes: [zt], worksheetTypes: [Kt], rangeTypes: [Ci] })
+    hidden$: Yt(i, $.UNIVER_SHEET),
+    disabled$: mi(i, { workbookTypes: [gn], worksheetTypes: [fn], rangeTypes: [Zi] })
   };
 }
-function js(i) {
+function Do(i) {
   return {
-    id: Bt.id,
+    id: Kt.id,
     title: "sheetImage.upload.float",
-    type: cn.BUTTON,
-    hidden$: an(i, F.UNIVER_SHEET)
+    type: Gt.BUTTON,
+    hidden$: Yt(i, $.UNIVER_SHEET)
   };
 }
-function $s(i) {
+function bo(i) {
   return {
-    id: dn.id,
+    id: Mn.id,
     title: "sheetImage.upload.cell",
-    type: cn.BUTTON,
-    hidden$: an(i, F.UNIVER_SHEET)
+    type: Gt.BUTTON,
+    hidden$: Yt(i, $.UNIVER_SHEET)
+  };
+}
+function Mo(i) {
+  var t, e, n, r;
+  return !!((e = (t = i == null ? void 0 : i.p) == null ? void 0 : t.drawingsOrder) != null && e.length && ((r = (n = i == null ? void 0 : i.p) == null ? void 0 : n.drawingsOrder) == null ? void 0 : r.length) > 0);
+}
+function yo(i, t) {
+  const e = i.getActiveSheet();
+  if (!e) return !1;
+  const n = e.getCellMatrix(), { startRow: r, endRow: s, startColumn: o, endColumn: a } = t;
+  for (let d = r; d <= s; d++)
+    for (let u = o; u <= a; u++) {
+      const c = n.getValue(d, u);
+      if (Mo(c))
+        return !0;
+    }
+  return !1;
+}
+function Eo() {
+  return "showDirectoryPicker" in window;
+}
+function dn(i) {
+  const t = i.get(de), e = i.get(ut), n = at([
+    Yt(i, $.UNIVER_SHEET),
+    t.getCurrentTypeOfUnit$($.UNIVER_SHEET).pipe(
+      me((r) => r ? e.selectionMoveEnd$.pipe(
+        pe(() => {
+          if (!Eo())
+            return !0;
+          const s = e.getCurrentSelections();
+          if (!s || s.length === 0)
+            return !0;
+          for (const o of s)
+            if (yo(r, o.range))
+              return !1;
+          return !0;
+        })
+      ) : wn(!0))
+    )
+  ]).pipe(
+    pe(([r, s]) => r || s)
+  );
+  return {
+    id: ct.id,
+    type: Gt.BUTTON,
+    icon: "DownloadImageIcon",
+    title: "sheetImage.save.menuLabel",
+    hidden$: n
   };
 }
-const Fs = {
-  [$i.MEDIA]: {
-    [Cr]: {
+const To = {
+  [fs.MEDIA]: {
+    [zr]: {
       order: 0,
-      menuItemFactory: Bs,
-      [Bt.id]: {
+      menuItemFactory: Ro,
+      [Kt.id]: {
         order: 0,
-        menuItemFactory: js
+        menuItemFactory: Do
       },
-      [dn.id]: {
+      [Mn.id]: {
         order: 1,
-        menuItemFactory: $s
+        menuItemFactory: bo
+      }
+    }
+  },
+  [rn.MAIN_AREA]: {
+    [sn.OTHERS]: {
+      [ct.id]: {
+        order: 10,
+        menuItemFactory: dn
+      }
+    }
+  },
+  [rn.COL_HEADER]: {
+    [sn.OTHERS]: {
+      [ct.id]: {
+        order: 10,
+        menuItemFactory: dn
+      }
+    }
+  },
+  [rn.ROW_HEADER]: {
+    [sn.OTHERS]: {
+      [ct.id]: {
+        order: 10,
+        menuItemFactory: dn
       }
     }
   }
 };
-function st(i) {
-  return !i.getContextValue(ti) && !i.getContextValue(ni) && !i.getContextValue(ri) && i.getContextValue($e);
+function ft(i) {
+  return !i.getContextValue(Ei) && !i.getContextValue(Ti) && !i.getContextValue(Oi) && i.getContextValue(Ge);
 }
-const xs = {
-  id: it.id,
+const Oo = {
+  id: gt.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
-  binding: Fe.ARROW_DOWN,
+  binding: Ke.ARROW_DOWN,
   priority: 100,
-  preconditions: st,
+  preconditions: ft,
   staticParameters: {
-    direction: _e.DOWN
+    direction: ve.DOWN
   }
-}, Ys = {
-  id: it.id,
+}, Uo = {
+  id: gt.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
-  binding: Fe.ARROW_UP,
+  binding: Ke.ARROW_UP,
   priority: 100,
-  preconditions: st,
+  preconditions: ft,
   staticParameters: {
-    direction: _e.UP
+    direction: ve.UP
   }
-}, Gs = {
-  id: it.id,
+}, Po = {
+  id: gt.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
-  binding: Fe.ARROW_LEFT,
+  binding: Ke.ARROW_LEFT,
   priority: 100,
-  preconditions: st,
+  preconditions: ft,
   staticParameters: {
-    direction: _e.LEFT
+    direction: ve.LEFT
   }
-}, Xs = {
-  id: it.id,
+}, Ao = {
+  id: gt.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
-  binding: Fe.ARROW_RIGHT,
+  binding: Ke.ARROW_RIGHT,
   priority: 100,
-  preconditions: st,
+  preconditions: ft,
   staticParameters: {
-    direction: _e.RIGHT
+    direction: ve.RIGHT
   }
-}, Ls = {
-  id: hr.id,
+}, No = {
+  id: $r.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: st,
-  binding: Fe.DELETE,
-  mac: Fe.BACKSPACE
+  preconditions: ft,
+  binding: Ke.DELETE,
+  mac: Ke.BACKSPACE
 };
-var Vs = Object.getOwnPropertyDescriptor, Hs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Vs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var $o = Object.getOwnPropertyDescriptor, ko = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? $o(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ne = (i, t) => (e, n) => t(e, n, i);
-let Ut = class extends ne {
+}, Be = (i, t) => (e, n) => t(e, n, i);
+let Ft = class extends ee {
   constructor(i, t, e, n, r, s) {
     super(), this._componentManager = i, this._menuManagerService = t, this._commandService = e, this._shortcutService = n, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(pr, Ws));
+    this.disposeWithMe(i.register(Br, Co)), this.disposeWithMe(i.register(ze, vo)), this.disposeWithMe(i.register("DownloadImageIcon", Xr));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Fs);
+    this._menuManagerService.mergeMenu(To);
   }
   _initCommands() {
     [
-      Bt,
-      dn,
-      kt,
-      rt,
-      Wt,
-      wr,
-      Y,
-      _r,
-      gr,
-      mr,
-      it,
-      hr,
-      fr
+      Kt,
+      Mn,
+      Xt,
+      ht,
+      zt,
+      jr,
+      V,
+      Fr,
+      kr,
+      Wr,
+      gt,
+      $r,
+      xr,
+      ct
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      xs,
-      Ys,
-      Gs,
-      Xs,
-      Ls
+      Oo,
+      Uo,
+      Po,
+      Ao,
+      No
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -3569,100 +4115,106 @@ let Ut = class extends ne {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Ut = Hs([
-  Ne(0, A(dr)),
-  Ne(1, Fi),
-  Ne(2, X),
-  Ne(3, xi),
-  Ne(4, ie),
-  Ne(5, A(on))
-], Ut);
-var zs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Js = (i, t, e) => t in i ? zs(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Zs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+Ft = ko([
+  Be(0, A(Ur)),
+  Be(1, ms),
+  Be(2, Y),
+  Be(3, ps),
+  Be(4, oe),
+  Be(5, A(ut))
+], Ft);
+var xo = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, Bo = (i, t, e) => t in i ? xo(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, jo = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Wo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Lt = (i, t) => (e, n) => t(e, n, i), Dr = (i, t, e) => Js(i, typeof t != "symbol" ? t + "" : t, e);
-const qs = "SHEET_IMAGE_UI_PLUGIN";
-let Pt = class extends oi {
-  constructor(i = jn, t, e, n) {
+}, ln = (i, t) => (e, n) => t(e, n, i), Kr = (i, t, e) => Bo(i, typeof t != "symbol" ? t + "" : t, e);
+const Fo = "SHEET_IMAGE_UI_PLUGIN";
+let Lt = class extends Ai {
+  constructor(i = sr, t, e, n) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
-    const { menu: r, ...s } = ai(
+    const { menu: r, ...s } = Ni(
       {},
-      jn,
+      sr,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ss, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Ws, s);
   }
   onStarting() {
-    ci(this._injector, [
-      [tt],
-      [Ut],
-      [Rt],
-      [Ot],
-      [Et],
-      [Tt],
-      [bt],
-      [Mt],
-      [yt]
-    ]), xt(this._injector, [
-      [tt]
+    $i(this._injector, [
+      [lt],
+      [Ft],
+      [Nt],
+      [jt],
+      [Bt],
+      [Wt],
+      [$t],
+      [kt],
+      [xt],
+      [yn, { useClass: vn }]
+    ]), Qt(this._injector, [
+      [lt]
     ]);
   }
   onReady() {
-    xt(this._injector, [
-      [Tt],
-      [yt]
+    Qt(this._injector, [
+      [Wt],
+      [xt]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), xt(this._injector, [
-      [Et],
-      [Ot],
-      [Ut],
-      [bt],
-      [Mt]
+    this._registerRenderModules(), Qt(this._injector, [
+      [Bt],
+      [jt],
+      [Ft],
+      [$t],
+      [kt]
     ]);
   }
   onSteady() {
-    this._injector.get(Rt);
+    this._injector.get(Nt);
   }
   _registerRenderModules() {
     [
-      [et],
-      [rn],
-      [nn],
-      [tn]
+      [dt],
+      [Rn],
+      [Cn],
+      [In]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule($.UNIVER_SHEET, i));
     });
   }
 };
-Dr(Pt, "type", F.UNIVER_SHEET);
-Dr(Pt, "pluginName", qs);
-Pt = Zs([
-  ii(Ui, Gi, Ki, di),
-  Lt(1, A(Ge)),
-  Lt(2, J),
-  Lt(3, si)
-], Pt);
+Kr(Lt, "type", $.UNIVER_SHEET);
+Kr(Lt, "pluginName", Fo);
+Lt = jo([
+  Ui(as, _s, Ds, ki),
+  ln(1, A(qe)),
+  ln(2, Q),
+  ln(3, Pi)
+], Lt);
 export {
-  Y as ClearSheetDrawingTransformerOperation,
-  hr as DeleteDrawingsCommand,
-  _r as EditSheetDrawingOperation,
-  gr as GroupSheetDrawingCommand,
-  Bt as InsertFloatImageCommand,
-  kt as InsertSheetDrawingCommand,
-  it as MoveDrawingsCommand,
-  rt as RemoveSheetDrawingCommand,
-  Cr as SHEETS_IMAGE_MENU_ID,
-  fr as SetDrawingArrangeCommand,
-  Wt as SetSheetDrawingCommand,
-  tt as SheetCanvasFloatDomManagerService,
-  et as SheetDrawingUpdateController,
-  wr as SidebarSheetDrawingOperation,
-  mr as UngroupSheetDrawingCommand,
-  Pt as UniverSheetsDrawingUIPlugin,
-  ge as calcSheetFloatDomPosition,
-  z as drawingPositionToTransform,
-  $ as transformToDrawingPosition
+  vn as BatchSaveImagesService,
+  V as ClearSheetDrawingTransformerOperation,
+  $r as DeleteDrawingsCommand,
+  Fr as EditSheetDrawingOperation,
+  ye as FileNamePart,
+  kr as GroupSheetDrawingCommand,
+  yn as IBatchSaveImagesService,
+  Kt as InsertFloatImageCommand,
+  Xt as InsertSheetDrawingCommand,
+  gt as MoveDrawingsCommand,
+  ht as RemoveSheetDrawingCommand,
+  zr as SHEETS_IMAGE_MENU_ID,
+  ao as SHEET_FLOAT_DOM_PREFIX,
+  ct as SaveCellImagesCommand,
+  xr as SetDrawingArrangeCommand,
+  zt as SetSheetDrawingCommand,
+  lt as SheetCanvasFloatDomManagerService,
+  dt as SheetDrawingUpdateController,
+  jr as SidebarSheetDrawingOperation,
+  Wr as UngroupSheetDrawingCommand,
+  Lt as UniverSheetsDrawingUIPlugin,
+  fe as calcSheetFloatDomPosition,
+  Z as drawingPositionToTransform,
+  j as transformToDrawingPosition
 };