@univerjs/sheets-drawing-ui 0.7.0-nightly.202505131607 → 0.7.0-nightly.202505141607

package/lib/index.js

@@ -1,25 +1,25 @@
 var Nr = Object.defineProperty;
 var kr = (i, t, e) => t in i ? Nr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var te = (i, t, e) => kr(i, typeof t != "symbol" ? t + "" : t, e);
-import { CommandType as J, ICommandService as G, IUndoRedoService as Le, sequenceExecute as Ln, LocaleService as nt, IUniverInstanceService as Se, Inject as A, Injector as Ye, IContextService as Yn, IImageIoService as Wr, RxDisposable as jr, UniverInstanceType as x, FOCUSING_COMMON_DRAWINGS as xe, DrawingTypeEnum as j, Disposable as ie, ArrangeTypeEnum as pt, createDocumentModelWithStyle as Ht, ObjectRelativeFromV as pn, ObjectRelativeFromH as wn, WrapTextType as _n, PositionedObjectLayoutType as vn, BooleanNumber as Sn, BuildTextUtils as zt, ImageSourceType as In, generateRandomId as bt, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as qe, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Br, ObjectMatrix as $r, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as xr, Tools as Re, IPermissionService as Fr, UserManagerService as Lr, LifecycleService as Yr, LifecycleStages as Gr, DisposableCollection as wt, fromEventSubject as Xr, PRINT_CHART_COMPONENT_KEY as Vr, Rectangle as Hr, Direction as ve, FOCUSING_FX_BAR_EDITOR as zr, EDITOR_ACTIVATED as Kr, FOCUSING_PANEL_EDITOR as Zr, DependentOn as Jr, IConfigService as qr, Plugin as Qr, merge as ei, registerDependencies as ti, touchDependencies as Ft } from "@univerjs/core";
+var ee = (i, t, e) => kr(i, typeof t != "symbol" ? t + "" : t, e);
+import { CommandType as Z, ICommandService as G, IUndoRedoService as Le, sequenceExecute as Ln, LocaleService as nt, IUniverInstanceService as Se, Inject as A, Injector as Ye, IContextService as Yn, IImageIoService as Wr, RxDisposable as jr, UniverInstanceType as x, FOCUSING_COMMON_DRAWINGS as xe, DrawingTypeEnum as j, Disposable as re, ArrangeTypeEnum as pt, createDocumentModelWithStyle as Ht, ObjectRelativeFromV as pn, ObjectRelativeFromH as wn, WrapTextType as _n, PositionedObjectLayoutType as vn, BooleanNumber as Sn, BuildTextUtils as zt, ImageSourceType as In, generateRandomId as bt, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as qe, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Br, ObjectMatrix as $r, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as xr, Tools as Re, IPermissionService as Fr, UserManagerService as Lr, LifecycleService as Yr, LifecycleStages as Gr, DisposableCollection as wt, fromEventSubject as Xr, PRINT_CHART_COMPONENT_KEY as Vr, Rectangle as Hr, Direction as ve, FOCUSING_FX_BAR_EDITOR as zr, EDITOR_ACTIVATED as Kr, FOCUSING_PANEL_EDITOR as Zr, DependentOn as Jr, IConfigService as qr, Plugin as Qr, merge as ei, registerDependencies as ti, touchDependencies as Ft } from "@univerjs/core";
 import { DocDrawingController as ni, UniverDocsDrawingPlugin as ri } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as Nt, IDrawingManagerService as se, IImageIoService as ii, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Cn, DRAWING_IMAGE_COUNT_LIMIT as Dn, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as bn, getImageSize as Lt, DRAWING_IMAGE_WIDTH_LIMIT as Rn, DRAWING_IMAGE_HEIGHT_LIMIT as Mn, ImageSourceType as si, getDrawingShapeKeyByDrawingSearch as Ie, UniverDrawingPlugin as oi } from "@univerjs/drawing";
+import { SetDrawingSelectedOperation as Nt, IDrawingManagerService as ie, IImageIoService as ii, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Cn, DRAWING_IMAGE_COUNT_LIMIT as Dn, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as bn, getImageSize as Lt, DRAWING_IMAGE_WIDTH_LIMIT as Rn, DRAWING_IMAGE_HEIGHT_LIMIT as Mn, ImageSourceType as si, getDrawingShapeKeyByDrawingSearch as Ie, UniverDrawingPlugin as oi } from "@univerjs/drawing";
 import { ImageCropperObject as ai, COMPONENT_IMAGE_POPUP_MENU as ci, OpenImageCropOperation as di, ImageResetSizeOperation as li, DrawingRenderService as Gn, DrawingCommonPanel as ui, UniverDrawingUIPlugin as hi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as q, CURSOR_TYPE as gi, precisionTo as _t, transformObjectOutOfGroup as fi, getGroupState as mi, getCurrentTypeOfRenderer as on, RENDER_CLASS_TYPE as Ae, Rect as Ne, ObjectType as yn, DRAWING_OBJECT_LAYER_INDEX as Yt, SHEET_VIEWPORT_KEY as Xn } from "@univerjs/engine-render";
-import { ISheetDrawingService as oe, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as pi } from "@univerjs/sheets-drawing";
-import { MessageType as we, render as wi, unmount as _i, clsx as vi, RadioGroup as Si, Radio as Gt, borderTopClassName as Ii } from "@univerjs/design";
-import { SheetCanvasPopManagerService as Ci, HoverManagerService as Di, SheetSkeletonManagerService as V, convertPositionSheetOverGridToAbsolute as bi, ISheetSelectionRenderService as Ge, attachRangeWithCoord as Vn, IEditorBridgeService as Ri, IAutoFillService as Mi, EditingRenderController as yi, SetCellEditVisibleOperation as En, PREDEFINED_HOOK_NAME as $e, COPY_TYPE as Ce, discreteRangeToRange as Tn, virtualizeDiscreteRanges as Ei, ISheetClipboardService as Ti, SetZoomRatioOperation as On, SetScrollOperation as Oi, SheetPrintInterceptorService as Ui, getCurrentRangeDisable$ as Pi } from "@univerjs/sheets-ui";
-import { ISidebarService as Ai, IMessageService as Hn, ILocalFileService as Ni, IDialogService as ki, IClipboardInterfaceService as Wi, CanvasFloatDomService as ji, PrintFloatDomSingle as Bi, ComponentManager as zn, connectInjector as $i, getMenuHiddenObservable as an, MenuItemType as cn, useDependency as Qe, RibbonStartGroup as xi, KeyCode as Fe, IMenuManagerService as Fi, IShortcutService as Li } from "@univerjs/ui";
-import { takeUntil as Un, throttleTime as Yi, combineLatest as vt, switchMap as _e, EMPTY as me, tap as Pn, map as Me, distinctUntilChanged as An, Subject as Xt, filter as Gi, take as Xi, BehaviorSubject as je, of as Nn } from "rxjs";
-import { SheetInterceptorService as kt, getSheetCommandTarget as ae, SheetsSelectionsService as dn, SetRangeValuesCommand as kn, INTERCEPTOR_POINT as Vi, InterceptCellContentPriority as Hi, WorkbookViewPermission as Wn, WorksheetViewPermission as jn, WorkbookEditablePermission as Kt, WorksheetEditPermission as Zt, SetFrozenMutation as zi, SetWorksheetRowAutoHeightMutation as Ki, COMMAND_LISTENER_SKELETON_CHANGE as Zi, InsertRowCommand as Kn, InsertColCommand as Zn, RemoveRowCommand as Jn, RemoveColCommand as qn, DeleteRangeMoveLeftCommand as Qn, DeleteRangeMoveUpCommand as er, InsertRangeMoveDownCommand as tr, InsertRangeMoveRightCommand as nr, DeltaRowHeightCommand as Jt, SetRowHeightCommand as qt, DeltaColumnWidthCommand as rr, SetColWidthCommand as ir, SetRowHiddenCommand as sr, SetSpecificRowsVisibleCommand as or, SetSpecificColsVisibleCommand as ar, SetColHiddenCommand as cr, MoveColsCommand as dr, MoveRowsCommand as lr, MoveRangeCommand as ur, SetRowVisibleMutation as Ji, SetRowHiddenMutation as qi, SetColVisibleMutation as Qi, SetColHiddenMutation as es, SetWorksheetRowHeightMutation as ts, SetWorksheetColWidthMutation as ns, SetWorksheetActiveOperation as rs, RangeProtectionPermissionEditPoint as is } from "@univerjs/sheets";
-import { docDrawingPositionToTransform as Bn, ReplaceSnapshotCommand as ss, InnerPasteCommand as os } from "@univerjs/docs-ui";
-import { jsx as Z, jsxs as Qt } from "react/jsx-runtime";
-import { useMemo as as, forwardRef as hr, useRef as cs, createElement as gr, useState as en, useEffect as fr } from "react";
-const ds = "sheets-drawing-ui.config", $n = {}, L = {
+import { IRenderManagerService as J, CURSOR_TYPE as gi, precisionTo as _t, transformObjectOutOfGroup as fi, getGroupState as mi, getCurrentTypeOfRenderer as on, RENDER_CLASS_TYPE as Ae, Rect as Ne, ObjectType as yn, DRAWING_OBJECT_LAYER_INDEX as Yt, SHEET_VIEWPORT_KEY as Xn } from "@univerjs/engine-render";
+import { ISheetDrawingService as se, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as pi } from "@univerjs/sheets-drawing";
+import { MessageType as we, render as wi, unmount as _i, clsx as vi, RadioGroup as Si, Radio as Gt } from "@univerjs/design";
+import { SheetCanvasPopManagerService as Ii, HoverManagerService as Ci, SheetSkeletonManagerService as V, convertPositionSheetOverGridToAbsolute as Di, ISheetSelectionRenderService as Ge, attachRangeWithCoord as Vn, IEditorBridgeService as bi, IAutoFillService as Ri, EditingRenderController as Mi, SetCellEditVisibleOperation as En, PREDEFINED_HOOK_NAME as $e, COPY_TYPE as Ce, discreteRangeToRange as Tn, virtualizeDiscreteRanges as yi, ISheetClipboardService as Ei, SetZoomRatioOperation as On, SetScrollOperation as Ti, SheetPrintInterceptorService as Oi, getCurrentRangeDisable$ as Ui } from "@univerjs/sheets-ui";
+import { ISidebarService as Pi, IMessageService as Hn, ILocalFileService as Ai, IDialogService as Ni, IClipboardInterfaceService as ki, CanvasFloatDomService as Wi, PrintFloatDomSingle as ji, ComponentManager as zn, connectInjector as Bi, getMenuHiddenObservable as an, MenuItemType as cn, useDependency as Qe, RibbonStartGroup as $i, KeyCode as Fe, IMenuManagerService as xi, IShortcutService as Fi } from "@univerjs/ui";
+import { takeUntil as Un, throttleTime as Li, combineLatest as vt, switchMap as _e, EMPTY as me, tap as Pn, map as Me, distinctUntilChanged as An, Subject as Xt, filter as Yi, take as Gi, BehaviorSubject as je, of as Nn } from "rxjs";
+import { SheetInterceptorService as kt, getSheetCommandTarget as oe, SheetsSelectionsService as dn, SetRangeValuesCommand as kn, INTERCEPTOR_POINT as Xi, InterceptCellContentPriority as Vi, WorkbookViewPermission as Wn, WorksheetViewPermission as jn, WorkbookEditablePermission as Kt, WorksheetEditPermission as Zt, SetFrozenMutation as Hi, SetWorksheetRowAutoHeightMutation as zi, COMMAND_LISTENER_SKELETON_CHANGE as Ki, InsertRowCommand as Kn, InsertColCommand as Zn, RemoveRowCommand as Jn, RemoveColCommand as qn, DeleteRangeMoveLeftCommand as Qn, DeleteRangeMoveUpCommand as er, InsertRangeMoveDownCommand as tr, InsertRangeMoveRightCommand as nr, DeltaRowHeightCommand as Jt, SetRowHeightCommand as qt, DeltaColumnWidthCommand as rr, SetColWidthCommand as ir, SetRowHiddenCommand as sr, SetSpecificRowsVisibleCommand as or, SetSpecificColsVisibleCommand as ar, SetColHiddenCommand as cr, MoveColsCommand as dr, MoveRowsCommand as lr, MoveRangeCommand as ur, SetRowVisibleMutation as Zi, SetRowHiddenMutation as Ji, SetColVisibleMutation as qi, SetColHiddenMutation as Qi, SetWorksheetRowHeightMutation as es, SetWorksheetColWidthMutation as ts, SetWorksheetActiveOperation as ns, RangeProtectionPermissionEditPoint as rs } from "@univerjs/sheets";
+import { docDrawingPositionToTransform as Bn, ReplaceSnapshotCommand as is, InnerPasteCommand as ss } from "@univerjs/docs-ui";
+import { jsx as ae, jsxs as Qt } from "react/jsx-runtime";
+import { useMemo as os, forwardRef as hr, useRef as as, createElement as gr, useState as en, useEffect as fr } from "react";
+const cs = "sheets-drawing-ui.config", $n = {}, L = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: J.MUTATION,
+  type: Z.MUTATION,
   handler: (i, t) => {
-    const e = i.get(q);
+    const e = i.get(J);
     return t.forEach((n) => {
       var r, s;
       (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
@@ -27,10 +27,10 @@ const ds = "sheets-drawing-ui.config", $n = {}, L = {
   }
 }, rt = {
   id: "sheet.command.remove-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
     var S, I, b;
-    const e = i.get(G), n = i.get(Le), r = i.get(kt), s = i.get(oe);
+    const e = i.get(G), n = i.get(Le), r = i.get(kt), s = i.get(se);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
     o.forEach((v) => {
@@ -56,10 +56,10 @@ const ds = "sheets-drawing-ui.config", $n = {}, L = {
   }
 }, mr = "COMPONENT_SHEET_DRAWING_PANEL", pr = {
   id: "sidebar.operation.sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: async (i, t) => {
-    const e = i.get(Ai), n = i.get(nt), r = i.get(Se), s = i.get(G);
-    if (!ae(r)) return !1;
+    const e = i.get(Pi), n = i.get(nt), r = i.get(Se), s = i.get(G);
+    if (!oe(r)) return !1;
     switch (t.value) {
       case "open":
         e.open({
@@ -80,21 +80,21 @@ const ds = "sheets-drawing-ui.config", $n = {}, L = {
   }
 }, wr = {
   id: "sheet.operation.edit-sheet-image",
-  type: J.OPERATION,
+  type: Z.OPERATION,
   handler: (i, t) => {
     const e = i.get(G);
     return t == null ? !1 : (e.syncExecuteCommand(Nt.id, [t]), e.executeCommand(pr.id, { value: "open" }), !0);
   }
 };
-var ls = Object.getOwnPropertyDescriptor, us = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ls(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ds = Object.getOwnPropertyDescriptor, ls = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ds(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, de = (i, t) => (e, n) => t(e, n, i);
 let Rt = class extends jr {
   constructor(t, e, n, r, s, o, a, d, u, c) {
     super();
-    te(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    ee(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() {
@@ -215,31 +215,31 @@ let Rt = class extends jr {
     ];
   }
 };
-Rt = us([
+Rt = ls([
   de(0, A(Ye)),
   de(1, A(nt)),
-  de(2, se),
-  de(3, A(Ci)),
-  de(4, q),
+  de(2, ie),
+  de(3, A(Ii)),
+  de(4, J),
   de(5, Se),
   de(6, Hn),
   de(7, Yn),
   de(8, Wr),
   de(9, G)
 ], Rt);
-var hs = Object.getOwnPropertyDescriptor, gs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var us = Object.getOwnPropertyDescriptor, hs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? us(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, St = (i, t) => (e, n) => t(e, n, i);
-let tn = class extends ie {
+let tn = class extends re {
   constructor(t, e, n, r, s) {
     super();
-    te(this, "_isSetCursor", !1);
+    ee(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(Yi(33)).subscribe((t) => {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Li(33)).subscribe((t) => {
       var n, r;
       let e = [];
       t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(gi.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
@@ -256,8 +256,8 @@ let tn = class extends ie {
     }));
   }
 };
-tn = gs([
-  St(1, A(Di)),
+tn = hs([
+  St(1, A(Ci)),
   St(2, A(dn)),
   St(3, A(Gn)),
   St(4, A(V))
@@ -266,7 +266,7 @@ function z(i, t, e) {
   const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: u = 0 } = i, c = e.getCurrent();
   if (c == null)
     return;
-  const l = bi(
+  const l = Di(
     c.unitId,
     c.sheetId,
     { from: n, to: r },
@@ -314,12 +314,12 @@ function $(i, t) {
     to: m
   };
 }
-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--)
+var gs = Object.getOwnPropertyDescriptor, fs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? gs(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 ie {
+let nn = class extends re {
   constructor(i, t, e, n, r) {
     super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -339,13 +339,13 @@ let nn = class extends ie {
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-nn = ms([
-  It(1, oe),
-  It(2, se),
+nn = fs([
+  It(1, se),
+  It(2, ie),
   It(3, A(Ge)),
   It(4, A(V))
 ], nn);
-function ps(i) {
+function ms(i) {
   const t = [];
   return i.forEach((e) => {
     const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = mi(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
@@ -374,7 +374,7 @@ function ps(i) {
     });
   }), t;
 }
-function ws(i) {
+function ps(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;
@@ -407,9 +407,9 @@ function ws(i) {
 }
 const _r = {
   id: "sheet.command.group-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(Le), r = i.get(oe);
+    const e = i.get(G), n = i.get(Le), r = i.get(se);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: m }) => {
@@ -421,7 +421,7 @@ const _r = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.GROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ws(l), type: U.UNGROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ps(l), type: U.UNGROUP } },
         { id: L.id, params: s }
       ],
       redoMutations: [
@@ -432,10 +432,10 @@ const _r = {
   }
 }, Wt = {
   id: "sheet.command.insert-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
     var S, I, b;
-    const e = i.get(G), n = i.get(Le), r = i.get(oe), s = i.get(kt);
+    const e = i.get(G), n = i.get(Le), r = i.get(se), s = i.get(kt);
     if (!t) return !1;
     const o = t.drawings, a = o.map((v) => v.unitId), d = r.getBatchAddOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, m = s.onCommandExecute({ id: Wt.id, params: t }), p = { id: P.id, params: { op: g, unitId: u, subUnitId: c, objects: h, type: U.INSERT } }, f = { id: P.id, params: { op: l, unitId: u, subUnitId: c, objects: h, type: U.REMOVE } };
     return Ln([...(S = m.preRedos) != null ? S : [], p, ...m.redos], e) ? (n.pushUndoRedo({
@@ -456,11 +456,11 @@ const _r = {
   }
 }, vr = {
   id: "sheet.command.set-drawing-arrange",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
     const e = i.get(G), n = i.get(Le);
     if (!t) return !1;
-    const r = i.get(oe), { 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 === pt.forward ? c = r.getForwardDrawingsOp(u) : d === pt.backward ? c = r.getBackwardDrawingOp(u) : d === pt.front ? c = r.getFrontDrawingsOp(u) : d === pt.back && (c = r.getBackDrawingsOp(u)), c == null)
       return !1;
@@ -477,9 +477,9 @@ const _r = {
   }
 }, jt = {
   id: "sheet.command.set-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(Le), r = i.get(oe);
+    const e = i.get(G), n = i.get(Le), 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({
@@ -496,9 +496,9 @@ const _r = {
   }
 }, Sr = {
   id: "sheet.command.ungroup-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(Le), r = i.get(oe);
+    const e = i.get(G), n = i.get(Le), r = i.get(se);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: m }) => {
@@ -510,7 +510,7 @@ const _r = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.UNGROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ps(l), type: U.GROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ms(l), type: U.GROUP } },
         { id: L.id, params: s }
       ],
       redoMutations: [
@@ -520,18 +520,18 @@ const _r = {
     }), !0) : !1;
   }
 };
-var _s = Object.getOwnPropertyDescriptor, vs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? _s(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ws = Object.getOwnPropertyDescriptor, _s = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ws(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ne = (i, t) => (e, n) => t(e, n, i);
-function Ss(i, t, e) {
+}, te = (i, t) => (e, n) => t(e, n, i);
+function vs(i, t, e) {
   const n = e * Math.PI / 180, r = Math.abs(i * Math.cos(n)) + Math.abs(t * Math.sin(n)), s = Math.abs(i * Math.sin(n)) + Math.abs(t * Math.cos(n));
   return { rotatedWidth: r, rotatedHeight: s };
 }
 function rn(i, t, e, n, r) {
   var S;
-  const { rotatedHeight: s, rotatedWidth: o } = Ss(e, n, r), d = i.get(q).getRenderById(t.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = vs(e, n, r), d = i.get(J).getRenderById(t.unitId);
   if (!d)
     return !1;
   const c = (S = d.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
@@ -543,10 +543,10 @@ function rn(i, t, e, n, r) {
     height: n * _
   };
 }
-let et = class extends ie {
+let et = class extends re {
   constructor(t, e, n, r, s, o, a, d, u, c, l, g, h) {
     super();
-    te(this, "_workbookSelections");
+    ee(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() {
@@ -883,22 +883,22 @@ let et = class extends ie {
     );
   }
 };
-et = vs([
-  ne(1, A(V)),
-  ne(2, G),
-  ne(3, Ge),
-  ne(4, ii),
-  ne(5, Ni),
-  ne(6, oe),
-  ne(7, se),
-  ne(8, Yn),
-  ne(9, Hn),
-  ne(10, A(nt)),
-  ne(11, A(dn)),
-  ne(12, A(Ye))
+et = _s([
+  te(1, A(V)),
+  te(2, G),
+  te(3, Ge),
+  te(4, ii),
+  te(5, Ai),
+  te(6, se),
+  te(7, ie),
+  te(8, Yn),
+  te(9, Hn),
+  te(10, A(nt)),
+  te(11, A(dn)),
+  te(12, A(Ye))
 ], et);
-var Is = Object.getOwnPropertyDescriptor, Cs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Is(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Ss = Object.getOwnPropertyDescriptor, Is = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ss(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);
@@ -922,7 +922,7 @@ function Ir(i, t, e) {
   }
   return !1;
 }
-let Mt = class extends ie {
+let Mt = class extends re {
   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();
   }
@@ -930,16 +930,16 @@ let Mt = class extends ie {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
       i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(qe), this._docDrawingController.loadDrawingDataForUnit(qe), this._drawingManagerService.initializeNotification(qe)) : this._drawingManagerService.removeDrawingDataForUnit(qe);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === ss.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
+      i.id === is.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Vi.CELL_CONTENT,
+        Xi.CELL_CONTENT,
         {
           effect: Br.Style,
-          priority: Hi.CELL_IMAGE,
+          priority: Vi.CELL_IMAGE,
           handler: (i, t, e) => {
             var n;
             return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Ir(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
@@ -949,20 +949,20 @@ let Mt = class extends ie {
     );
   }
 };
-Mt = Cs([
+Mt = Is([
   ke(0, G),
   ke(1, A(kt)),
   ke(2, A(Ye)),
-  ke(3, se),
+  ke(3, ie),
   ke(4, A(ni)),
-  ke(5, A(Ri))
+  ke(5, A(bi))
 ], Mt);
-var Ds = Object.getOwnPropertyDescriptor, bs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ds(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var 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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, xn = (i, t) => (e, n) => t(e, n, i);
-let yt = class extends ie {
+let yt = class extends re {
   constructor(i, t) {
     super(), this._autoFillService = i, this._injector = t, this._initAutoFillHooks();
   }
@@ -979,27 +979,27 @@ let yt = class extends ie {
     );
   }
 };
-yt = bs([
-  xn(0, A(Mi)),
+yt = Ds([
+  xn(0, A(Ri)),
   xn(1, A(Ye))
 ], yt);
-var Rs = Object.getOwnPropertyDescriptor, Ms = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Rs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var bs = Object.getOwnPropertyDescriptor, Rs = (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;
 }, ze = (i, t) => (e, n) => t(e, n, i);
-const ys = [
+const Ms = [
   qe,
   xr,
   Be
 ];
-let Et = class extends ie {
+let Et = class extends re {
   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 = Ht("", {}), e = (r = on(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(yi), n = zt.drawing.add({
+    const t = Ht("", {}), e = (r = on(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Mi), n = zt.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1014,12 +1014,12 @@ let Et = class extends ie {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
-        if (i.id === os.id) {
+        if (i.id === ss.id) {
           const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(x.UNIVER_DOC);
           if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
             return;
           const o = s.getUnitId();
-          if (ys.includes(o)) {
+          if (Ms.includes(o)) {
             if (o !== Be) {
               const a = () => {
                 this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(En.id, {
@@ -1055,19 +1055,19 @@ let Et = class extends ie {
     );
   }
 };
-Et = Ms([
+Et = Rs([
   ze(0, G),
   ze(1, Se),
-  ze(2, ki),
-  ze(3, q),
+  ze(2, Ni),
+  ze(3, J),
   ze(4, A(nt))
 ], Et);
 const Bt = {
   id: "sheet.command.insert-float-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: async (i, t) => {
     var o, a;
-    const e = i.get(Se), n = i.get(q), r = (o = on(
+    const e = i.get(Se), n = i.get(J), r = (o = on(
       x.UNIVER_SHEET,
       e,
       n
@@ -1083,10 +1083,10 @@ const Bt = {
   }
 }, ln = {
   id: "sheet.command.insert-cell-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
     var n, r;
-    const t = i.get(Se), e = i.get(q);
+    const t = i.get(Se), e = i.get(J);
     return (r = (n = on(
       x.UNIVER_SHEET,
       t,
@@ -1094,25 +1094,25 @@ const Bt = {
     )) == null ? void 0 : n.with(et).insertCellImage()) != null ? r : !1;
   }
 };
-var Es = Object.getOwnPropertyDescriptor, Ts = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Es(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ys = Object.getOwnPropertyDescriptor, Es = (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;
 }, Ke = (i, t) => (e, n) => t(e, n, i);
 const Cr = "image/png";
-function Os(i) {
+function Ts(i) {
   const t = i.split(","), e = atob(t[1]), n = e.length, r = new Uint8Array(n);
   for (let s = 0; s < n; s++)
     r[s] = e.charCodeAt(s);
   return new Blob([r], { type: Cr });
 }
-function Us(i) {
-  const t = new ClipboardItem({ [Cr]: Os(i) });
+function Os(i) {
+  const t = new ClipboardItem({ [Cr]: Ts(i) });
   navigator.clipboard.write([t]).catch((e) => {
     console.error("Could not copy image using clipboard API: ", e);
   });
 }
-function Ps() {
+function Us() {
   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;
@@ -1128,10 +1128,10 @@ const Fn = [
   $e.SPECIAL_PASTE_FORMAT,
   $e.SPECIAL_PASTE_FORMULA
 ];
-let Tt = class extends ie {
+let Tt = class extends re {
   constructor(t, e, n, r, s) {
     super();
-    te(this, "_copyInfo");
+    ee(this, "_copyInfo");
     this._sheetClipboardService = t, this._renderManagerService = e, this._drawingService = n, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
   get _focusedDrawings() {
@@ -1153,8 +1153,8 @@ let Tt = class extends ie {
             this._commandService.executeCommand(rt.id, d);
           }
           setTimeout(() => {
-            const d = Ps();
-            o.drawingType === j.DRAWING_IMAGE && o.imageSourceType === si.BASE64 ? Us(o.source) : this._clipboardInterfaceService.writeText(""), d();
+            const d = Us();
+            o.drawingType === j.DRAWING_IMAGE && o.imageSourceType === si.BASE64 ? Os(o.source) : this._clipboardInterfaceService.writeText(""), d();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1322,7 +1322,7 @@ let Tt = class extends ie {
         pasteTo: { unitId: n, subUnitId: r, range: Tn(o) },
         pasteType: s
       }, d);
-    const { ranges: [l, g], mapFunc: h } = Ei([a, o]), { row: m, col: p } = h(l.startRow, l.startColumn), { row: f, col: _ } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
+    const { ranges: [l, g], mapFunc: h } = yi([a, o]), { row: m, col: p } = h(l.startRow, l.startColumn), { row: f, col: _ } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
       startRow: m,
       endRow: m,
       startColumn: p,
@@ -1366,19 +1366,19 @@ let Tt = class extends ie {
     });
   }
 };
-Tt = Ts([
-  Ke(0, Ti),
-  Ke(1, q),
-  Ke(2, se),
-  Ke(3, Wi),
+Tt = Es([
+  Ke(0, Ei),
+  Ke(1, J),
+  Ke(2, ie),
+  Ke(3, ki),
   Ke(4, G)
 ], Tt);
-var As = Object.getOwnPropertyDescriptor, Ns = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? As(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var 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;
 }, Ze = (i, t) => (e, n) => t(e, n, i);
-let Ot = class extends ie {
+let Ot = class extends re {
   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();
   }
@@ -1546,15 +1546,15 @@ let Ot = class extends ie {
     );
   }
 };
-Ot = Ns([
-  Ze(0, se),
-  Ze(1, q),
+Ot = As([
+  Ze(0, ie),
+  Ze(1, J),
   Ze(2, Fr),
   Ze(3, Se),
   Ze(4, A(Lr))
 ], Ot);
-var ks = Object.getOwnPropertyDescriptor, Ws = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Ns = Object.getOwnPropertyDescriptor, ks = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ns(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);
@@ -1577,7 +1577,7 @@ function Dr(i, t, e, n, r, s = !1) {
   };
   w && (Re.isDefine(T.top) && (T.top = w.top), Re.isDefine(T.left) && (T.left = w.left)), y === "HORIZONTAL" && (D = 0), y === "VERTICAL" && (v = 0);
   let M = 0, R = 0;
-  const N = e.rowStartY(l - h) + E, F = e.colStartX(c - g) + C, Q = e.rowStartY(l) + E, H = e.colStartX(c) + C;
+  const N = e.rowStartY(l - h) + E, F = e.colStartX(c - g) + C, q = e.rowStartY(l) + E, H = e.colStartX(c) + C;
   if (g === 0)
     m.left = !1, M = (p - v) * o, R = (f - v) * o;
   else {
@@ -1589,7 +1589,7 @@ function Dr(i, t, e, n, r, s = !1) {
     m.top = !1, X = (_ - D) * a, Y = (S - D) * a;
   else {
     const k = _ - (N - E), ce = S - (N - E);
-    S < Q ? (X = k * a, Y = ce * a) : _ <= Q && S >= Q ? (X = k * a, Y = Math.max(I, (S - D) * a)) : _ > Q && (m.top = !1, X = Math.max((_ - D) * a, I), Y = Math.max((S - D) * a, I));
+    S < q ? (X = k * a, Y = ce * a) : _ <= q && S >= q ? (X = k * a, Y = Math.max(I, (S - D) * a)) : _ > q && (m.top = !1, X = Math.max((_ - D) * a, I), Y = Math.max((S - D) * a, I));
   }
   return M = Math.max(M, T.left), X = Math.max(X, T.top), R = Math.max(R, T.left), Y = Math.max(Y, T.top), {
     left: M,
@@ -1617,23 +1617,23 @@ const fe = (i, t, e, n, r) => {
     absolute: l.absolute
   };
 };
-let tt = class extends ie {
+let tt = class extends re {
   constructor(t, e, n, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
      */
-    te(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    te(this, "_transformChange$", new Xt());
-    te(this, "transformChange$", this._transformChange$.asObservable());
-    te(this, "_add$", new Xt());
-    te(this, "add$", this._add$.asObservable());
-    te(this, "_remove$", new Xt());
-    te(this, "remove$", this._remove$.asObservable());
+    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());
     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(Gi((t) => t === Gr.Rendered), Xi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Yi((t) => t === Gr.Rendered), Gi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1659,7 +1659,7 @@ let tt = class extends ie {
       this._drawingManagerService.add$.subscribe((t) => {
         t.forEach((e) => {
           var K;
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = ae(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, x.UNIVER_SHEET);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = oe(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, x.UNIVER_SHEET);
           if (!d)
             return;
           const u = d.getActiveSheet().getSheetId();
@@ -1697,7 +1697,7 @@ let tt = class extends ie {
           }
           const N = new Ne(E, M);
           R && N.setObjectType(yn.CHART), p.addObject(N, Yt), a.allowTransform !== !1 && p.attachTransformerTo(N);
-          const F = new wt(), Q = fe(N, m.renderUnit.scene, c.skeleton, o.worksheet), H = new je(Q), X = {
+          const F = new wt(), q = fe(N, m.renderUnit.scene, c.skeleton, o.worksheet), H = new je(q), X = {
             dispose: F,
             rect: N,
             position$: H,
@@ -1751,7 +1751,7 @@ let tt = class extends ie {
   _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 = ae(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 = oe(this._univerInstanceService, { unitId: e, subUnitId: n }), a = (d = this._renderManagerService.getRenderById(e)) == null ? void 0 : d.with(V).getSkeletonParam(n);
       !r || !o || !a || s.forEach((u) => {
         const c = this._domLayerInfoMap.get(u);
         if (c) {
@@ -1782,7 +1782,7 @@ let tt = class extends ie {
         Array.from(this._domLayerInfoMap.values()).filter((o) => o.unitId === r).map((o) => o.subUnitId).forEach((o) => {
           t(r, o);
         });
-      } else if (e.id === zi.id) {
+      } else if (e.id === Hi.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
@@ -1848,7 +1848,7 @@ let tt = class extends ie {
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
   addFloatDomToPosition(t, e) {
-    const n = ae(this._univerInstanceService, {
+    const n = oe(this._univerInstanceService, {
       unitId: t.unitId,
       subUnitId: t.subUnitId
     });
@@ -1901,7 +1901,7 @@ let tt = class extends ie {
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToRange(t, e, n, r) {
     var D, w, y;
-    const s = ae(this._univerInstanceService, {
+    const s = oe(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
@@ -1932,16 +1932,16 @@ let tt = class extends ie {
       allowTransform: h
     };
     {
-      const { unitId: C, subUnitId: E, drawingId: T } = v, M = ae(this._univerInstanceService, { unitId: C, subUnitId: E }), R = v, N = this._univerInstanceService.getUnit(C, x.UNIVER_SHEET);
+      const { unitId: C, subUnitId: E, drawingId: T } = v, M = oe(this._univerInstanceService, { unitId: C, subUnitId: E }), R = v, N = this._univerInstanceService.getUnit(C, x.UNIVER_SHEET);
       if (!N)
         return;
       const F = N.getActiveSheet().getSheetId();
       if (!R || !M)
         return;
-      const Q = (w = this._renderManagerService.getRenderById(C)) == null ? void 0 : w.with(V);
-      if (!Q)
+      const q = (w = this._renderManagerService.getRenderById(C)) == null ? void 0 : w.with(V);
+      if (!q)
         return;
-      const H = Q.getWorksheetSkeleton(E);
+      const H = q.getWorksheetSkeleton(E);
       if (!H)
         return;
       const { transform: X, drawingType: Y, data: K } = R;
@@ -1958,7 +1958,7 @@ let tt = class extends ie {
         le.transformByState({ left: ot, top: at, width: ct, height: dt, angle: $t, flipX: xt, flipY: lt, skewX: ut, skewY: Ee });
         return;
       }
-      const ee = {
+      const Q = {
         left: ot,
         // from floatDomParam.transform
         top: at,
@@ -1968,9 +1968,9 @@ let tt = class extends ie {
       }, Te = Y === j.DRAWING_CHART;
       if (Te) {
         const W = K ? K.backgroundColor : "white";
-        ee.fill = W, ee.rotateEnabled = !1, K && K.border && (ee.stroke = K.border), ee.paintFirst = "stroke", ee.strokeWidth = 1, ee.borderEnabled = !1, ee.radius = 8;
+        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;
       }
-      const ue = new Ne(ht, ee);
+      const ue = new Ne(ht, Q);
       Te && ue.setObjectType(yn.CHART), ce.addObject(ue, Yt), R.allowTransform !== !1 && ce.attachTransformerTo(ue);
       const he = new wt(), gt = ce.getMainViewport(), { rowHeaderWidth: Oe, columnHeaderHeight: Xe } = H.skeleton, ft = {
         top: Xe,
@@ -2059,7 +2059,7 @@ let tt = class extends ie {
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToColumnHeader(t, e, n, r) {
     var b, v, D;
-    const s = ae(this._univerInstanceService, {
+    const s = oe(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
@@ -2095,7 +2095,7 @@ let tt = class extends ie {
       allowTransform: h
     };
     {
-      const { unitId: w, subUnitId: y, drawingId: C } = I, E = ae(this._univerInstanceService, { unitId: w, subUnitId: y }), T = I, M = this._univerInstanceService.getUnit(w, x.UNIVER_SHEET);
+      const { unitId: w, subUnitId: y, drawingId: C } = I, E = oe(this._univerInstanceService, { unitId: w, subUnitId: y }), T = I, M = this._univerInstanceService.getUnit(w, x.UNIVER_SHEET);
       if (!M)
         return;
       const R = M.getActiveSheet().getSheetId();
@@ -2107,13 +2107,13 @@ let tt = class extends ie {
       const F = N.getWorksheetSkeleton(y);
       if (!F)
         return;
-      const { transform: Q, data: H } = T, X = this._getSceneAndTransformerByDrawingSearch(w);
+      const { transform: q, data: H } = T, X = this._getSceneAndTransformerByDrawingSearch(w);
       if (X == null)
         return;
       const { scene: Y, canvas: K } = X;
-      if (Q == null || R !== y)
+      if (q == null || R !== y)
         return;
-      const { left: k, top: ce, width: ye, height: ot, angle: at, flipX: ct, flipY: dt, skewX: $t, skewY: xt } = Q, lt = Ie({ unitId: w, subUnitId: y, drawingId: C }), ut = Y.getObject(lt);
+      const { left: k, top: ce, width: ye, height: ot, angle: at, flipX: ct, flipY: dt, skewX: $t, skewY: xt } = q, lt = Ie({ unitId: w, subUnitId: y, drawingId: C }), ut = Y.getObject(lt);
       if (ut != null) {
         ut.transformByState({ left: k, top: ce, width: ye, height: ot, angle: at, flipX: ct, flipY: dt, skewX: $t, skewY: xt });
         return;
@@ -2137,14 +2137,14 @@ let tt = class extends ie {
         zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
       }, le = new Ne(lt, ht);
       Y.addObject(le, Yt), T.allowTransform !== !1 && Y.attachTransformerTo(le);
-      const ee = new wt(), Te = Y.getMainViewport(), ue = {
+      const Q = new wt(), Te = Y.getMainViewport(), ue = {
         top: 0,
         //viewMain.top,
         left: Te.left,
         bottom: Te.bottom,
         right: Te.right
       }, he = {
-        dispose: ee,
+        dispose: Q,
         rect: le,
         // position$,
         unitId: w,
@@ -2213,9 +2213,9 @@ let tt = class extends ie {
       const ge = (D = this._renderManagerService.getRenderById(w)) == null ? void 0 : D.with(V);
       ge == null || ge.currentSkeleton$.subscribe((B) => {
         B && c.sheetId !== B.sheetId && this._removeDom(m, !0);
-      }), ee.add(() => {
+      }), Q.add(() => {
         this._canvasFloatDomService.removeFloatDom(C);
-      }), ft && ee.add(ft), this._domLayerInfoMap.set(C, he);
+      }), ft && Q.add(ft), this._domLayerInfoMap.set(C, he);
     }
     return {
       id: m,
@@ -2242,11 +2242,11 @@ let tt = class extends ie {
       a.next(f), u.next(_);
     }, l = new wt();
     l.add(e.engine.clientRect$.subscribe(() => c())), l.add(this._commandService.onCommandExecuted((f) => {
-      if (f.id === Ki.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+      if (f.id === zi.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         c();
         return;
       }
-      (Zi.indexOf(f.id) > -1 || f.id === Oi.id || f.id === On.id) && c();
+      (Ki.indexOf(f.id) > -1 || f.id === Ti.id || f.id === On.id) && c();
     }));
     const g = (f, _) => {
       r = f, s = _, c();
@@ -2290,13 +2290,13 @@ let tt = class extends ie {
     };
   }
 };
-tt = Ws([
-  De(0, A(q)),
+tt = ks([
+  De(0, A(J)),
   De(1, Se),
   De(2, A(G)),
-  De(3, se),
-  De(4, A(ji)),
-  De(5, oe),
+  De(3, ie),
+  De(4, A(Wi)),
+  De(5, se),
   De(6, A(Yr))
 ], tt);
 function Je(i, t, e) {
@@ -2345,8 +2345,8 @@ function Dt(i, t) {
   const e = Number.parseFloat(i);
   return t * e / 100;
 }
-const js = (i) => {
-  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = as(() => t.map((o) => {
+const Ws = (i) => {
+  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = os(() => t.map((o) => {
     const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Dr(
       {
         left: c != null ? c : 0,
@@ -2386,14 +2386,14 @@ const js = (i) => {
     };
     return [o.drawingId, f];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ Z("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ Z(Bi, { layer: a, id: o, position: a.position }, o)) });
+  return /* @__PURE__ */ ae("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ ae(ji, { layer: a, id: o, position: a.position }, o)) });
 };
-var Bs = Object.getOwnPropertyDescriptor, $s = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Bs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var js = Object.getOwnPropertyDescriptor, Bs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? js(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, be = (i, t) => (e, n) => t(e, n, i);
-let Ut = class extends ie {
+let Ut = class extends re {
   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();
   }
@@ -2460,9 +2460,9 @@ let Ut = class extends ie {
                   };
                 }
                 return null;
-              }).filter(Boolean), d = $i(js, this._injector);
+              }).filter(Boolean), d = Bi(Ws, this._injector);
               return wi(
-                /* @__PURE__ */ Z(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
+                /* @__PURE__ */ ae(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
               ), i == null || i.add(() => {
                 _i(t.root);
@@ -2474,21 +2474,21 @@ let Ut = class extends ie {
     );
   }
 };
-Ut = $s([
-  be(0, A(Ui)),
+Ut = Bs([
+  be(0, A(Oi)),
   be(1, A(Gn)),
-  be(2, se),
-  be(3, q),
+  be(2, ie),
+  be(3, J),
   be(4, A(tt)),
   be(5, A(zn)),
   be(6, A(Ye))
 ], Ut);
-var xs = Object.getOwnPropertyDescriptor, Fs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? xs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var $s = Object.getOwnPropertyDescriptor, xs = (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;
 }, pe = (i, t) => (e, n) => t(e, n, i);
-const Ls = [
+const Fs = [
   Kn.id,
   Zn.id,
   Jn.id,
@@ -2508,15 +2508,15 @@ const Ls = [
   dr.id,
   lr.id,
   ur.id
-], Ys = [
+], Ls = [
+  Zi.id,
   Ji.id,
   qi.id,
   Qi.id,
   es.id,
-  ts.id,
-  ns.id
+  ts.id
 ];
-let sn = class extends ie {
+let sn = class extends re {
   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();
   }
@@ -2524,7 +2524,7 @@ let sn = class extends ie {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!Ls.includes(i.id))
+          if (!Fs.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
@@ -2583,7 +2583,7 @@ let sn = class extends ie {
     );
   }
   _getRangeMoveUndo(i, t) {
-    const e = ae(this._univerInstanceService);
+    const e = oe(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 = [];
@@ -2856,7 +2856,7 @@ let sn = class extends ie {
     if (t === "insert")
       e = i.unitId, n = i.subUnitId;
     else {
-      const r = ae(this._univerInstanceService);
+      const r = oe(this._univerInstanceService);
       if (r == null)
         return;
       e = r.unitId, n = r.subUnitId;
@@ -2865,7 +2865,7 @@ let sn = class extends ie {
   }
   _moveRangeInterceptor(i) {
     var I, b;
-    const { toRange: t, fromRange: e } = i, n = ae(this._univerInstanceService);
+    const { toRange: t, fromRange: e } = i, n = oe(this._univerInstanceService);
     if (!n)
       return { redos: [], undos: [] };
     const { unitId: r, subUnitId: s } = n, o = (b = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(V)) == null ? void 0 : b.getCurrentSkeleton();
@@ -3164,7 +3164,7 @@ let sn = class extends ie {
       // but the skeleton changes like other render modules. These two signals are not equivalent.
       // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === rs.id) {
+        if (i.id === ns.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3215,7 +3215,7 @@ let sn = class extends ie {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Ys.includes(i.id) && requestIdleCallback(() => {
+        Ls.includes(i.id) && requestIdleCallback(() => {
           const t = i.params, { unitId: e, subUnitId: n, ranges: r } = t;
           this._refreshDrawingTransform(e, n, r);
         });
@@ -3260,25 +3260,25 @@ let sn = class extends ie {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(L.id, [i]));
   }
 };
-sn = Fs([
-  pe(1, q),
+sn = xs([
+  pe(1, J),
   pe(2, G),
   pe(3, Ge),
   pe(4, A(V)),
   pe(5, A(kt)),
-  pe(6, oe),
-  pe(7, se),
+  pe(6, se),
+  pe(7, ie),
   pe(8, Se)
 ], sn);
-var re = function() {
-  return re = Object.assign || function(i) {
+var ne = function() {
+  return ne = Object.assign || function(i) {
     for (var t, e = 1, n = arguments.length; e < n; e++) {
       t = arguments[e];
       for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && (i[r] = t[r]);
     }
     return i;
-  }, re.apply(this, arguments);
-}, Gs = function(i, t) {
+  }, ne.apply(this, arguments);
+}, Ys = function(i, t) {
   var e = {};
   for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && t.indexOf(n) < 0 && (e[n] = i[n]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
@@ -3286,16 +3286,16 @@ var re = function() {
       t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (e[n[r]] = i[n[r]]);
   return e;
 }, br = hr(function(i, t) {
-  var e = i.icon, n = i.id, r = i.className, s = i.extend, o = Gs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), d = cs("_".concat(Hs()));
-  return Rr(e, "".concat(n), { defIds: e.defIds, idSuffix: d.current }, re({ ref: t, className: a }, o), s);
+  var e = i.icon, n = i.id, r = i.className, s = i.extend, o = Ys(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), d = as("_".concat(Vs()));
+  return Rr(e, "".concat(n), { defIds: e.defIds, idSuffix: d.current }, ne({ ref: t, className: a }, o), s);
 });
 function Rr(i, t, e, n, r) {
-  return gr(i.tag, re(re({ key: t }, Xs(i, e, r)), n), (Vs(i, e).children || []).map(function(s, o) {
+  return gr(i.tag, ne(ne({ key: t }, Gs(i, e, r)), n), (Xs(i, e).children || []).map(function(s, o) {
     return Rr(s, "".concat(t, "-").concat(i.tag, "-").concat(o), e, void 0, r);
   }));
 }
-function Xs(i, t, e) {
-  var n = re({}, i.attrs);
+function Gs(i, t, e) {
+  var n = ne({}, i.attrs);
   e != null && e.colorChannel1 && n.fill === "colorChannel1" && (n.fill = e.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(s) {
     var o = s[0], a = s[1];
     o === "mask" && typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
@@ -3306,29 +3306,29 @@ function Xs(i, t, e) {
     typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function Vs(i, t) {
+function Xs(i, t) {
   var e, n = t.defIds;
-  return !n || n.length === 0 ? i : i.tag === "defs" && (!((e = i.children) === null || e === void 0) && e.length) ? re(re({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? re(re({}, r), { attrs: re(re({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
+  return !n || n.length === 0 ? i : i.tag === "defs" && (!((e = i.children) === null || e === void 0) && e.length) ? ne(ne({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? ne(ne({}, r), { attrs: ne(ne({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
   }) }) : i;
 }
-function Hs() {
+function Vs() {
   return Math.random().toString(36).substring(2, 8);
 }
 br.displayName = "UniverIcon";
-var zs = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Mr = hr(function(i, t) {
+var Hs = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Mr = hr(function(i, t) {
   return gr(br, Object.assign({}, i, {
     id: "add-image-single",
     ref: t,
-    icon: zs
+    icon: Hs
   }));
 });
 Mr.displayName = "AddImageSingle";
 const yr = {
   id: "sheet.command.delete-drawing",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
-    const t = i.get(G), n = i.get(oe).getFocusDrawings();
+    const t = i.get(G), n = i.get(se).getFocusDrawings();
     if (n.length === 0)
       return !1;
     const r = n[0].unitId, s = n.map((o) => {
@@ -3347,9 +3347,9 @@ const yr = {
   }
 }, it = {
   id: "sheet.command.move-drawing",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(oe), r = i.get(Ge), { direction: s } = t, o = n.getFocusDrawings();
+    const e = i.get(G), n = i.get(se), r = i.get(Ge), { direction: s } = t, o = n.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, d = o.map((c) => {
@@ -3369,17 +3369,17 @@ const yr = {
     }) ? (e.syncExecuteCommand(L.id, [a]), !0) : !1;
   }
 }, Er = "addition-and-subtraction-single", Tr = "sheet.menu.image";
-function Ks(i) {
+function zs(i) {
   return {
     id: Tr,
     type: cn.SUBITEMS,
     icon: Er,
     tooltip: "sheetImage.title",
     hidden$: an(i, x.UNIVER_SHEET),
-    disabled$: Pi(i, { workbookTypes: [Kt], worksheetTypes: [Zt], rangeTypes: [is] })
+    disabled$: Ui(i, { workbookTypes: [Kt], worksheetTypes: [Zt], rangeTypes: [rs] })
   };
 }
-function Zs(i) {
+function Ks(i) {
   return {
     id: Bt.id,
     title: "sheetImage.upload.float",
@@ -3387,7 +3387,7 @@ function Zs(i) {
     hidden$: an(i, x.UNIVER_SHEET)
   };
 }
-function Js(i) {
+function Zs(i) {
   return {
     id: ln.id,
     title: "sheetImage.upload.cell",
@@ -3395,9 +3395,9 @@ function Js(i) {
     hidden$: an(i, x.UNIVER_SHEET)
   };
 }
-const qs = (i) => {
+const Js = (i) => {
   var S;
-  const t = Qe(G), e = Qe(nt), n = Qe(se), r = Qe(q), { drawings: s } = i, o = s[0];
+  const t = Qe(G), e = Qe(nt), n = Qe(ie), r = Qe(J), { 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;
@@ -3458,33 +3458,27 @@ const qs = (i) => {
   return /* @__PURE__ */ Qt(
     "div",
     {
-      className: vi("univer-relative univer-mt-5 univer-w-full", Ii, {
+      className: vi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !l
       }),
       children: [
-        /* @__PURE__ */ Z(
-          "div",
+        /* @__PURE__ */ ae(
+          "header",
           {
-            className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-            children: /* @__PURE__ */ Z("div", { className: "univer-w-full univer-text-left univer-text-gray-400", children: /* @__PURE__ */ Z("div", { children: e.t("drawing-anchor.title") }) })
+            className: "univer-text-gray-600 dark:univer-text-gray-200",
+            children: /* @__PURE__ */ ae("div", { children: e.t("drawing-anchor.title") })
           }
         ),
-        /* @__PURE__ */ Z(
-          "div",
-          {
-            className: "univer-relative univer-mt-2.5 univer-flex univer-h-full",
-            children: /* @__PURE__ */ Z("div", { className: "univer-flex univer-items-center univer-gap-1", children: /* @__PURE__ */ Qt(Si, { value: m, onChange: _, direction: "vertical", children: [
-              /* @__PURE__ */ Z(Gt, { value: O.Both, children: e.t("drawing-anchor.both") }),
-              /* @__PURE__ */ Z(Gt, { value: O.Position, children: e.t("drawing-anchor.position") }),
-              /* @__PURE__ */ Z(Gt, { value: O.None, children: e.t("drawing-anchor.none") })
-            ] }) })
-          }
-        )
+        /* @__PURE__ */ ae("div", { children: /* @__PURE__ */ Qt(Si, { value: m, onChange: _, direction: "vertical", children: [
+          /* @__PURE__ */ ae(Gt, { value: O.Both, children: e.t("drawing-anchor.both") }),
+          /* @__PURE__ */ ae(Gt, { value: O.Position, children: e.t("drawing-anchor.position") }),
+          /* @__PURE__ */ ae(Gt, { value: O.None, children: e.t("drawing-anchor.none") })
+        ] }) })
       ]
     }
   );
-}, Qs = () => {
-  const i = Qe(se), t = i.getFocusDrawings(), [e, n] = en(t);
+}, qs = () => {
+  const i = Qe(ie), t = i.getFocusDrawings(), [e, n] = en(t);
   return fr(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
@@ -3492,22 +3486,22 @@ const qs = (i) => {
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(e != null && e.length) && /* @__PURE__ */ Qt("div", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ Z(ui, { drawings: e }),
-    /* @__PURE__ */ Z(qs, { drawings: e })
+  }, []), !!(e != null && e.length) && /* @__PURE__ */ Qt("div", { className: "univer-text-sm", children: [
+    /* @__PURE__ */ ae(ui, { drawings: e }),
+    /* @__PURE__ */ ae(Js, { drawings: e })
   ] });
-}, eo = {
-  [xi.FORMULAS_INSERT]: {
+}, Qs = {
+  [$i.FORMULAS_INSERT]: {
     [Tr]: {
       order: 3,
-      menuItemFactory: Ks,
+      menuItemFactory: zs,
       [Bt.id]: {
         order: 0,
-        menuItemFactory: Zs
+        menuItemFactory: Ks
       },
       [ln.id]: {
         order: 1,
-        menuItemFactory: Js
+        menuItemFactory: Zs
       }
     }
   }
@@ -3515,7 +3509,7 @@ const qs = (i) => {
 function st(i) {
   return !i.getContextValue(zr) && !i.getContextValue(Kr) && !i.getContextValue(Zr) && i.getContextValue(xe);
 }
-const to = {
+const eo = {
   id: it.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
@@ -3525,7 +3519,7 @@ const to = {
   staticParameters: {
     direction: ve.DOWN
   }
-}, no = {
+}, to = {
   id: it.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
@@ -3535,7 +3529,7 @@ const to = {
   staticParameters: {
     direction: ve.UP
   }
-}, ro = {
+}, no = {
   id: it.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
@@ -3545,7 +3539,7 @@ const to = {
   staticParameters: {
     direction: ve.LEFT
   }
-}, io = {
+}, ro = {
   id: it.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
@@ -3555,7 +3549,7 @@ const to = {
   staticParameters: {
     direction: ve.RIGHT
   }
-}, so = {
+}, io = {
   id: yr.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
@@ -3564,21 +3558,21 @@ const to = {
   binding: Fe.DELETE,
   mac: Fe.BACKSPACE
 };
-var oo = Object.getOwnPropertyDescriptor, ao = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? oo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+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;
 }, We = (i, t) => (e, n) => t(e, n, i);
-let Pt = class extends ie {
+let Pt = class extends re {
   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(Er, Mr)), this.disposeWithMe(i.register(mr, Qs));
+    this.disposeWithMe(i.register(Er, Mr)), this.disposeWithMe(i.register(mr, qs));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(eo);
+    this._menuManagerService.mergeMenu(Qs);
   }
   _initCommands() {
     [
@@ -3600,11 +3594,11 @@ let Pt = class extends ie {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
+      eo,
       to,
       no,
       ro,
-      io,
-      so
+      io
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -3613,20 +3607,20 @@ let Pt = class extends ie {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Pt = ao([
+Pt = oo([
   We(0, A(zn)),
-  We(1, Fi),
+  We(1, xi),
   We(2, G),
-  We(3, Li),
-  We(4, se),
+  We(3, Fi),
+  We(4, ie),
   We(5, A(dn))
 ], Pt);
-var co = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, uo = (i, t, e) => t in i ? co(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, ho = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? lo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ao = Object.defineProperty, co = Object.getOwnPropertyDescriptor, lo = (i, t, e) => t in i ? ao(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, uo = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? co(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Vt = (i, t) => (e, n) => t(e, n, i), Or = (i, t, e) => uo(i, typeof t != "symbol" ? t + "" : t, e);
-const go = "SHEET_IMAGE_UI_PLUGIN";
+}, Vt = (i, t) => (e, n) => t(e, n, i), Or = (i, t, e) => lo(i, typeof t != "symbol" ? t + "" : t, e);
+const ho = "SHEET_IMAGE_UI_PLUGIN";
 let At = class extends Qr {
   constructor(i = $n, t, e, n) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
@@ -3635,7 +3629,7 @@ let At = class extends Qr {
       $n,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ds, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(cs, s);
   }
   onStarting() {
     ti(this._injector, [
@@ -3682,11 +3676,11 @@ let At = class extends Qr {
   }
 };
 Or(At, "type", x.UNIVER_SHEET);
-Or(At, "pluginName", go);
-At = ho([
+Or(At, "pluginName", ho);
+At = uo([
   Jr(oi, ri, hi, pi),
   Vt(1, A(Ye)),
-  Vt(2, q),
+  Vt(2, J),
   Vt(3, qr)
 ], At);
 export {