@univerjs/sheets-drawing-ui 0.15.0-insiders.20260107-3441c7a → 0.15.0-insiders.20260108-47c73e3

package/lib/index.js

@@ -1,25 +1,25 @@
-var Jr = Object.defineProperty;
-var Zr = (i, t, e) => t in i ? Jr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var re = (i, t, e) => Zr(i, typeof t != "symbol" ? t + "" : t, e);
-import { precisionTo as bt, IRenderManagerService as Q, transformObjectOutOfGroup as qr, getGroupState as Qr, getCurrentTypeOfRenderer as Dn, CURSOR_TYPE as ei, RENDER_CLASS_TYPE as ke, Rect as $e, ObjectType as An, DRAWING_OBJECT_LAYER_INDEX as qt, SHEET_VIEWPORT_KEY as cr } from "@univerjs/engine-render";
-import { convertPositionSheetOverGridToAbsolute as ti, SheetSkeletonManagerService as X, ISheetSelectionRenderService as Je, attachRangeWithCoord as dr, SheetCanvasPopManagerService as ni, HoverManagerService as ri, IEditorBridgeService as ii, IAutoFillService as si, EditingRenderController as oi, SetCellEditVisibleOperation as Nn, PREDEFINED_HOOK_NAME_PASTE as Le, COPY_TYPE as Re, discreteRangeToRange as kn, virtualizeDiscreteRanges as ai, ISheetClipboardService as ci, SetZoomRatioOperation as $n, SetScrollOperation as di, SheetPrintInterceptorService as li, useHighlightRange as ui, getCurrentRangeDisable$ as hi } from "@univerjs/sheets-ui";
-import { CommandType as q, ICommandService as G, IUndoRedoService as Ze, 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 He, FOCUSING_COMMON_DRAWINGS as Ye, IUniverInstanceService as de, UniverInstanceType as k, Direction as ve, createIdentifier as gi, IImageIoService as hr, RxDisposable as mi, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as ot, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Ve, InterceptorEffectEnum as fi, ObjectMatrix as pi, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as wi, IPermissionService as _i, UserManagerService as Si, LifecycleService as vi, LifecycleStages as Ii, DisposableCollection as yt, fromEventSubject as Ci, Tools as Ge, PRINT_CHART_COMPONENT_KEY as Ri, Rectangle as Di, FOCUSING_SHEET as bi, FOCUSING_FX_BAR_EDITOR as Mi, EDITOR_ACTIVATED as yi, FOCUSING_PANEL_EDITOR as Ei, DependentOn as Ti, IConfigService as Oi, Plugin as Ui, merge as Pi, registerDependencies as Ai, touchDependencies as Qt } from "@univerjs/core";
-import { ISheetDrawingService as oe, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Ni } from "@univerjs/sheets-drawing";
-import { SheetInterceptorService as Ht, SheetsSelectionsService as ut, SetRangeValuesCommand as Ln, getSheetCommandTarget as se, INTERCEPTOR_POINT as ki, InterceptCellContentPriority as $i, WorkbookViewPermission as Hn, WorksheetViewPermission as Vn, WorkbookEditablePermission as gn, WorksheetEditPermission as mn, SetFrozenMutation as xi, SetSelectionsOperation as Wi, SetWorksheetRowAutoHeightMutation as gr, COMMAND_LISTENER_SKELETON_CHANGE as Bi, InsertRowCommand as mr, InsertColCommand as fr, RemoveRowCommand as pr, RemoveColCommand as wr, DeleteRangeMoveLeftCommand as _r, DeleteRangeMoveUpCommand as Sr, InsertRangeMoveDownCommand as vr, InsertRangeMoveRightCommand as Ir, DeltaRowHeightCommand as fn, SetRowHeightCommand as pn, DeltaColumnWidthCommand as Cr, SetColWidthCommand as Rr, SetRowHiddenCommand as Dr, SetSpecificRowsVisibleCommand as br, SetSpecificColsVisibleCommand as Mr, SetColHiddenCommand as yr, MoveColsCommand as Er, MoveRowsCommand as Tr, MoveRangeCommand as Or, SetRowVisibleMutation as ji, SetRowHiddenMutation as Fi, SetColVisibleMutation as Li, SetColHiddenMutation as Hi, SetWorksheetRowHeightMutation as Vi, SetWorksheetRowIsAutoHeightMutation as Gi, SetWorksheetColWidthMutation as Yi, SetWorksheetActiveOperation as Xi, RangeProtectionPermissionEditPoint as zi } from "@univerjs/sheets";
-import { MessageType as Se, render as Ki, unmount as Ji, FormLayout as en, CheckboxGroup as Zi, Checkbox as Gn, Select as qi, Button as Yn, clsx as Qi, RadioGroup as es, Radio as tn } from "@univerjs/design";
-import { docDrawingPositionToTransform as Xn, ReplaceSnapshotCommand as ts, InnerPasteCommand as ns } from "@univerjs/docs-ui";
-import { IImageIoService as rs, IDrawingManagerService as ae, DRAWING_IMAGE_ALLOW_IMAGE_LIST as zn, DRAWING_IMAGE_COUNT_LIMIT as Kn, ImageUploadStatusType as xe, DRAWING_IMAGE_ALLOW_SIZE as Jn, getImageSize as nn, SetDrawingSelectedOperation as Vt, DRAWING_IMAGE_WIDTH_LIMIT as Zn, DRAWING_IMAGE_HEIGHT_LIMIT as qn, ImageSourceType as is, getDrawingShapeKeyByDrawingSearch as De, UniverDrawingPlugin as ss } from "@univerjs/drawing";
-import { ILocalFileService as os, IMessageService as Ur, IDialogService as bn, ISidebarService as as, IClipboardInterfaceService as cs, CanvasFloatDomService as ds, PrintFloatDomSingle as ls, ComponentManager as Pr, connectInjector as us, useDependency as Ie, getMenuHiddenObservable as Gt, MenuItemType as Yt, ContextMenuPosition as rn, ContextMenuGroup as sn, RibbonInsertGroup as hs, KeyCode as Ke, IMenuManagerService as gs, IShortcutService as ms } from "@univerjs/ui";
-import { DocDrawingController as fs, UniverDocsDrawingPlugin as ps } from "@univerjs/docs-drawing";
-import { ImageCropperObject as ws, COMPONENT_IMAGE_POPUP_MENU as _s, OpenImageCropOperation as Ss, ImageResetSizeOperation as vs, DrawingRenderService as Ar, DrawingCommonPanel as Is, UniverDrawingUIPlugin as Cs } from "@univerjs/drawing-ui";
-import { takeUntil as Qn, throttleTime as Rs, combineLatest as at, switchMap as fe, EMPTY as we, tap as er, map as pe, distinctUntilChanged as tr, Subject as on, filter as Ds, take as bs, BehaviorSubject as je, of as wn } from "rxjs";
+var Zr = Object.defineProperty;
+var qr = (i, t, e) => t in i ? Zr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var ie = (i, t, e) => qr(i, typeof t != "symbol" ? t + "" : t, e);
+import { precisionTo as bt, IRenderManagerService as ee, transformObjectOutOfGroup as Qr, getGroupState as ei, getCurrentTypeOfRenderer as Dn, CURSOR_TYPE as ti, RENDER_CLASS_TYPE as ke, Rect as $e, ObjectType as An, DRAWING_OBJECT_LAYER_INDEX as Qt, SHEET_VIEWPORT_KEY as cr } from "@univerjs/engine-render";
+import { convertPositionSheetOverGridToAbsolute as ni, SheetSkeletonManagerService as X, ISheetSelectionRenderService as Je, attachRangeWithCoord as dr, SheetCanvasPopManagerService as ri, HoverManagerService as ii, IEditorBridgeService as si, IAutoFillService as oi, EditingRenderController as ai, SetCellEditVisibleOperation as Nn, PREDEFINED_HOOK_NAME_PASTE as Le, COPY_TYPE as Re, discreteRangeToRange as kn, virtualizeDiscreteRanges as ci, ISheetClipboardService as di, SetZoomRatioOperation as $n, SetScrollOperation as li, SheetPrintInterceptorService as ui, useHighlightRange as hi, getCurrentRangeDisable$ as gi } from "@univerjs/sheets-ui";
+import { CommandType as q, ICommandService as G, IUndoRedoService as Ze, sequenceExecute as lr, DrawingTypeEnum as x, ArrangeTypeEnum as Mt, Inject as A, IContextService as ur, LocaleService as Te, Injector as qe, IURLImageService as hr, Disposable as te, createDocumentModelWithStyle as un, ObjectRelativeFromV as xn, ObjectRelativeFromH as Wn, WrapTextType as Bn, PositionedObjectLayoutType as jn, BooleanNumber as Fn, BuildTextUtils as hn, ImageSourceType as we, generateRandomId as He, FOCUSING_COMMON_DRAWINGS as Ye, IUniverInstanceService as de, UniverInstanceType as k, Direction as Ie, createIdentifier as mi, IImageIoService as gr, RxDisposable as fi, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as ot, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Ve, InterceptorEffectEnum as pi, ObjectMatrix as wi, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as _i, IPermissionService as Si, UserManagerService as vi, LifecycleService as Ii, LifecycleStages as Ci, DisposableCollection as yt, fromEventSubject as Ri, Tools as Ge, PRINT_CHART_COMPONENT_KEY as Di, Rectangle as bi, FOCUSING_SHEET as Mi, FOCUSING_FX_BAR_EDITOR as yi, EDITOR_ACTIVATED as Ei, FOCUSING_PANEL_EDITOR as Ti, DependentOn as Oi, IConfigService as Ui, Plugin as Pi, merge as Ai, registerDependencies as Ni, touchDependencies as en } from "@univerjs/core";
+import { ISheetDrawingService as oe, 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 se, INTERCEPTOR_POINT as $i, InterceptCellContentPriority as xi, WorkbookViewPermission as Hn, WorksheetViewPermission as Vn, WorkbookEditablePermission as gn, WorksheetEditPermission as mn, SetFrozenMutation as Wi, SetSelectionsOperation as Bi, SetWorksheetRowAutoHeightMutation as mr, COMMAND_LISTENER_SKELETON_CHANGE as ji, InsertRowCommand as fr, InsertColCommand as pr, RemoveRowCommand as wr, RemoveColCommand as _r, DeleteRangeMoveLeftCommand as Sr, DeleteRangeMoveUpCommand as vr, InsertRangeMoveDownCommand as Ir, InsertRangeMoveRightCommand as Cr, DeltaRowHeightCommand as fn, SetRowHeightCommand as pn, DeltaColumnWidthCommand as Rr, SetColWidthCommand as Dr, SetRowHiddenCommand as br, SetSpecificRowsVisibleCommand as Mr, SetSpecificColsVisibleCommand as yr, SetColHiddenCommand as Er, MoveColsCommand as Tr, MoveRowsCommand as Or, MoveRangeCommand as Ur, SetRowVisibleMutation as Fi, SetRowHiddenMutation as Li, SetColVisibleMutation as Hi, SetColHiddenMutation as Vi, SetWorksheetRowHeightMutation as Gi, SetWorksheetRowIsAutoHeightMutation as Yi, SetWorksheetColWidthMutation as Xi, SetWorksheetActiveOperation as zi, RangeProtectionPermissionEditPoint as Ki } from "@univerjs/sheets";
+import { MessageType as ve, render as Ji, unmount as Zi, FormLayout as tn, CheckboxGroup as qi, Checkbox as Gn, Select as Qi, Button as Yn, clsx as es, RadioGroup as ts, Radio as nn } from "@univerjs/design";
+import { docDrawingPositionToTransform as Xn, ReplaceSnapshotCommand as ns, InnerPasteCommand as rs } from "@univerjs/docs-ui";
+import { IImageIoService as is, IDrawingManagerService as ae, DRAWING_IMAGE_ALLOW_IMAGE_LIST as zn, DRAWING_IMAGE_COUNT_LIMIT as Kn, ImageUploadStatusType as xe, DRAWING_IMAGE_ALLOW_SIZE as Jn, getImageSize as rn, SetDrawingSelectedOperation as Gt, DRAWING_IMAGE_WIDTH_LIMIT as Zn, DRAWING_IMAGE_HEIGHT_LIMIT as qn, ImageSourceType as ss, getDrawingShapeKeyByDrawingSearch as De, UniverDrawingPlugin as os } from "@univerjs/drawing";
+import { ILocalFileService as as, IMessageService as Pr, IDialogService as bn, ISidebarService as cs, IClipboardInterfaceService as ds, CanvasFloatDomService as ls, PrintFloatDomSingle as us, ComponentManager as Ar, connectInjector as hs, useDependency as Ce, getMenuHiddenObservable as Yt, MenuItemType as Xt, ContextMenuPosition as sn, ContextMenuGroup as on, RibbonInsertGroup as gs, KeyCode as Ke, IMenuManagerService as ms, IShortcutService as fs } from "@univerjs/ui";
+import { DocDrawingController as ps, UniverDocsDrawingPlugin as ws } from "@univerjs/docs-drawing";
+import { ImageCropperObject as _s, COMPONENT_IMAGE_POPUP_MENU as Ss, OpenImageCropOperation as vs, ImageResetSizeOperation as Is, DrawingRenderService as Nr, DrawingCommonPanel as Cs, UniverDrawingUIPlugin as Rs } from "@univerjs/drawing-ui";
+import { takeUntil as Qn, throttleTime as Ds, combineLatest as at, switchMap as fe, EMPTY as _e, tap as er, map as pe, distinctUntilChanged as tr, Subject as an, filter as bs, take as Ms, BehaviorSubject as je, of as wn } from "rxjs";
 import { jsx as L, jsxs as Xe } from "react/jsx-runtime";
-import { useMemo as Fe, useState as Ee, useCallback as Et, useEffect as Nr } from "react";
+import { useMemo as Fe, useState as Ee, useCallback as Et, useEffect as kr } from "react";
 function J(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 = ti(
+  const l = ni(
     c.unitId,
     c.sheetId,
     { from: n, to: r },
@@ -71,7 +71,7 @@ const H = {
   id: "sheet.operation.clear-drawing-transformer",
   type: q.MUTATION,
   handler: (i, t) => {
-    const e = i.get(Q);
+    const e = i.get(ee);
     return t.forEach((n) => {
       var r, s;
       (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
@@ -82,7 +82,7 @@ const H = {
   type: q.COMMAND,
   handler: (i, t) => {
     var S, I, D;
-    const e = i.get(G), n = i.get(Ze), r = i.get(Ht), s = i.get(oe);
+    const e = i.get(G), n = i.get(Ze), r = i.get(Vt), s = i.get(oe);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
     o.forEach((v) => {
@@ -106,7 +106,7 @@ const H = {
       ]
     }), !0) : !1;
   }
-}, kr = {
+}, $r = {
   id: "sheet.command.delete-drawing",
   type: q.COMMAND,
   handler: (i) => {
@@ -128,10 +128,10 @@ const H = {
     });
   }
 };
-function Ms(i) {
+function ys(i) {
   const t = [];
   return i.forEach((e) => {
-    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = Qr(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
+    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = ei(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
       const g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: m, drawingId: f } = l;
       return {
         unitId: h,
@@ -157,14 +157,14 @@ function Ms(i) {
     });
   }), t;
 }
-function ys(i) {
+function Es(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: m, drawingId: f } = l, p = qr(g || {}, d, d.width || 0, d.height || 0);
+      const { transform: g } = l, { unitId: h, subUnitId: m, drawingId: f } = l, p = Qr(g || {}, d, d.width || 0, d.height || 0);
       return {
         unitId: h,
         subUnitId: m,
@@ -188,7 +188,7 @@ function ys(i) {
     });
   }), t;
 }
-const $r = {
+const xr = {
   id: "sheet.command.group-sheet-image",
   type: q.COMMAND,
   handler: (i, t) => {
@@ -204,7 +204,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: ys(l), type: U.UNGROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: Es(l), type: U.UNGROUP } },
         { id: H.id, params: s }
       ],
       redoMutations: [
@@ -213,14 +213,14 @@ const $r = {
       ]
     }), !0) : !1;
   }
-}, Xt = {
+}, zt = {
   id: "sheet.command.insert-sheet-image",
   type: q.COMMAND,
   handler: (i, t) => {
     var S, I, D;
-    const e = i.get(G), n = i.get(Ze), r = i.get(oe), s = i.get(Ht);
+    const e = i.get(G), n = i.get(Ze), r = i.get(oe), s = i.get(Vt);
     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: Xt.id, params: t }), f = { 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 } };
+    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: zt.id, params: t }), f = { 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 = m.preRedos) != null ? S : [], f, ...m.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
@@ -237,7 +237,7 @@ const $r = {
       ]
     }), !0) : !1;
   }
-}, xr = {
+}, Wr = {
   id: "sheet.command.set-drawing-arrange",
   type: q.COMMAND,
   handler: (i, t) => {
@@ -258,7 +258,7 @@ const $r = {
       ]
     }), !0) : !1;
   }
-}, zt = {
+}, Kt = {
   id: "sheet.command.set-sheet-image",
   type: q.COMMAND,
   handler: (i, t) => {
@@ -277,7 +277,7 @@ const $r = {
       ]
     }), !0) : !1;
   }
-}, Wr = {
+}, Br = {
   id: "sheet.command.ungroup-sheet-image",
   type: q.COMMAND,
   handler: (i, t) => {
@@ -293,7 +293,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: Ms(l), type: U.GROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ys(l), type: U.GROUP } },
         { id: H.id, params: s }
       ],
       redoMutations: [
@@ -303,18 +303,18 @@ const $r = {
     }), !0) : !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 Ts = Object.getOwnPropertyDescriptor, Os = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ts(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ie = (i, t) => (e, n) => t(e, n, i);
-function Os(i, t, e) {
+}, Q = (i, t) => (e, n) => t(e, n, i);
+function Us(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 _n(i, t, e, n, r) {
   var S;
-  const { rotatedHeight: s, rotatedWidth: o } = Os(e, n, r), d = i.get(Q).getRenderById(t.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = Us(e, n, r), d = i.get(ee).getRenderById(t.unitId);
   if (!d)
     return !1;
   const c = (S = d.with(X).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
@@ -326,11 +326,11 @@ function _n(i, t, e, n, r) {
     height: n * w
   };
 }
-let dt = class extends ee {
-  constructor(t, e, n, r, s, o, a, d, u, c, l, g, h) {
+let dt = class extends te {
+  constructor(t, e, n, r, s, o, a, d, u, c, l, g, h, m) {
     super();
-    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();
+    ie(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._urlImageService = m, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const t = await this._fileOpenerService.openFile({
@@ -338,7 +338,7 @@ let dt = class extends ee {
       accept: zn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = t.length;
     return e > Kn ? (this._messageService.show({
-      type: Se.Error,
+      type: ve.Error,
       content: this._localeService.t("update-status.exceedMaxCount", String(Kn))
     }), !1) : e === 0 ? !1 : (t.forEach(async (n) => await this.insertFloatImageByFile(n)), !0);
   }
@@ -359,19 +359,19 @@ let dt = class extends ee {
     } catch (S) {
       const I = S.message;
       I === xe.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Se.Error,
+        type: ve.Error,
         content: this._localeService.t("update-status.exceedMaxSize", String(Jn / (1024 * 1024)))
       }) : I === xe.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Se.Error,
+        type: ve.Error,
         content: this._localeService.t("update-status.invalidImageType")
       }) : I === xe.ERROR_IMAGE && this._messageService.show({
-        type: Se.Error,
+        type: ve.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 nn(u || ""), { width: h, height: m } = 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 rn(u || ""), { width: h, height: m } = this._context.scene;
     this._imageIoService.addImageSourceCache(d, a, g);
     let f = 1;
     if (c > Zn || l > qn) {
@@ -391,7 +391,7 @@ let dt = class extends ee {
       transform: J(p, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: p
     };
-    return this._commandService.executeCommand(Xt.id, {
+    return this._commandService.executeCommand(zt.id, {
       unitId: r,
       drawings: [w]
     });
@@ -405,19 +405,19 @@ let dt = class extends ee {
     } catch (v) {
       const C = v.message;
       C === xe.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Se.Error,
+        type: ve.Error,
         content: this._localeService.t("update-status.exceedMaxSize", String(Jn / (1024 * 1024)))
       }) : C === xe.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Se.Error,
+        type: ve.Error,
         content: this._localeService.t("update-status.invalidImageType")
       }) : C === xe.ERROR_IMAGE && this._messageService.show({
-        type: Se.Error,
+        type: ve.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 nn(a || "");
+    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: d, height: u, image: c } = await rn(a || "");
     this._imageIoService.addImageSourceCache(o, s, c);
     const l = this._workbookSelections.getCurrentLastSelection();
     if (!l)
@@ -495,30 +495,36 @@ let dt = class extends ee {
   }
   // eslint-disable-next-line max-lines-per-function
   async insertCellImageByUrl(t, e) {
-    var g, h;
-    const { width: n, height: r, image: s } = await nn(t || "");
-    this._imageIoService.addImageSourceCache(t, Ce.URL, s);
-    const o = this._workbookSelections.getCurrentLastSelection();
-    if (!o)
+    var h, m;
+    let n = t;
+    try {
+      n = await this._urlImageService.getImage(t);
+    } catch (f) {
+      console.error(`Failed to get image from URLImageService: ${t}`, f);
+    }
+    const { width: r, height: s, image: o } = await rn(n || "");
+    this._imageIoService.addImageSourceCache(t, we.URL, o);
+    const a = this._workbookSelections.getCurrentLastSelection();
+    if (!a)
       return !1;
-    const a = un("", {}), d = _n(
+    const d = un("", {}), u = _n(
       this._injector,
       {
         unitId: this._context.unitId,
         subUnitId: this._context.unit.getActiveSheet().getSheetId(),
-        row: o.primary.actualRow,
-        col: o.primary.actualColumn
+        row: a.primary.actualRow,
+        col: a.primary.actualColumn
       },
-      n,
       r,
+      s,
       0
     );
-    if (!d)
+    if (!u)
       return !1;
-    const u = {
+    const c = {
       size: {
-        width: d.width,
-        height: d.height
+        width: u.width,
+        height: u.height
       },
       positionH: {
         relativeFrom: Wn.PAGE,
@@ -529,15 +535,15 @@ let dt = class extends ee {
         posOffset: 0
       },
       angle: 0
-    }, c = {
-      unitId: a.getUnitId(),
-      subUnitId: a.getUnitId(),
+    }, l = {
+      unitId: d.getUnitId(),
+      subUnitId: d.getUnitId(),
       drawingId: He(),
       drawingType: x.DRAWING_IMAGE,
-      imageSourceType: Ce.URL,
+      imageSourceType: we.URL,
       source: t,
-      transform: Xn(u),
-      docTransform: u,
+      transform: Xn(c),
+      docTransform: c,
       behindDoc: Fn.FALSE,
       title: "",
       description: "",
@@ -548,20 +554,20 @@ let dt = class extends ee {
       distL: 0,
       distR: 0,
       distT: 0
-    }, l = hn.drawing.add({
-      documentDataModel: a,
-      drawings: [c],
+    }, g = hn.drawing.add({
+      documentDataModel: d,
+      drawings: [l],
       selection: {
         collapsed: !0,
         startOffset: 0,
         endOffset: 0
       }
     });
-    return l ? (a.apply(l), this._commandService.syncExecuteCommand(Ln.id, {
+    return g ? (d.apply(g), 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]: {
-            p: a.getSnapshot(),
+        [(h = e == null ? void 0 : e.row) != null ? h : a.primary.actualRow]: {
+          [(m = e == null ? void 0 : e.col) != null ? m : a.primary.actualColumn]: {
+            p: d.getSnapshot(),
             t: 1
           }
         }
@@ -618,7 +624,7 @@ let dt = class extends ee {
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((t) => {
       const { unitId: e, subUnitId: n, drawingIds: r, arrangeType: s } = t;
-      this._commandService.executeCommand(xr.id, {
+      this._commandService.executeCommand(Wr.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: r,
@@ -645,7 +651,7 @@ let dt = class extends ee {
           sheetTransform: { ...c }
         };
         e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(zt.id, {
+      }), e.length > 0 && this._commandService.executeCommand(Kt.id, {
         unitId: t[0].unitId,
         drawings: e
       }));
@@ -653,11 +659,11 @@ let dt = class extends ee {
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand($r.id, t);
+      this._commandService.executeCommand(xr.id, t);
       const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
-      this._commandService.syncExecuteCommand(Vt.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
+      this._commandService.syncExecuteCommand(Gt.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(Wr.id, t);
+      this._commandService.executeCommand(Br.id, t);
     }));
   }
   _focusDrawingListener() {
@@ -668,26 +674,27 @@ let dt = class extends ee {
     );
   }
 };
-dt = Ts([
-  ie(1, A(X)),
-  ie(2, G),
-  ie(3, Je),
-  ie(4, rs),
-  ie(5, os),
-  ie(6, oe),
-  ie(7, ae),
-  ie(8, ur),
-  ie(9, Ur),
-  ie(10, A(Te)),
-  ie(11, A(ut)),
-  ie(12, A(qe))
+dt = Os([
+  Q(1, A(X)),
+  Q(2, G),
+  Q(3, Je),
+  Q(4, is),
+  Q(5, as),
+  Q(6, oe),
+  Q(7, ae),
+  Q(8, ur),
+  Q(9, Pr),
+  Q(10, A(Te)),
+  Q(11, A(ut)),
+  Q(12, A(qe)),
+  Q(13, hr)
 ], dt);
-const Kt = {
+const Jt = {
   id: "sheet.command.insert-float-image",
   type: q.COMMAND,
   handler: async (i, t) => {
     var o, a;
-    const e = i.get(de), n = i.get(Q), r = (o = Dn(
+    const e = i.get(de), n = i.get(ee), r = (o = Dn(
       k.UNIVER_SHEET,
       e,
       n
@@ -706,7 +713,7 @@ const Kt = {
   type: q.COMMAND,
   handler: (i) => {
     var n, r;
-    const t = i.get(de), e = i.get(Q);
+    const t = i.get(de), e = i.get(ee);
     return (r = (n = Dn(
       k.UNIVER_SHEET,
       t,
@@ -725,35 +732,35 @@ const Kt = {
       if (l == null)
         return null;
       const g = { ...l }, { left: h = 0, top: m = 0 } = l;
-      return s === ve.UP ? g.top = m - 1 : s === ve.DOWN ? g.top = m + 1 : s === ve.LEFT ? g.left = h - 1 : s === ve.RIGHT && (g.left = h + 1), {
+      return s === Ie.UP ? g.top = m - 1 : s === Ie.DOWN ? g.top = m + 1 : s === Ie.LEFT ? g.left = h - 1 : s === Ie.RIGHT && (g.left = h + 1), {
         ...c,
         transform: g,
         sheetTransform: j(g, r)
       };
     }).filter((c) => c != null);
-    return e.syncExecuteCommand(zt.id, {
+    return e.syncExecuteCommand(Kt.id, {
       unitId: a,
       drawings: d
     }) ? (e.syncExecuteCommand(H.id, [a]), !0) : !1;
   }
 };
-var Us = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Us(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var 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;
-}, an = (i, t) => (e, n) => t(e, n, i), ye = /* @__PURE__ */ ((i) => (i.CELL_ADDRESS = "cellAddress", i.COLUMN_VALUE = "columnValue", i))(ye || {});
-const yn = gi("sheets-drawing-ui.batch-save-images.service");
+}, Tt = (i, t) => (e, n) => t(e, n, i), ye = /* @__PURE__ */ ((i) => (i.CELL_ADDRESS = "cellAddress", i.COLUMN_VALUE = "columnValue", i))(ye || {});
+const yn = mi("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) {
+function Nt(i, t) {
   return `${Sn(t)}${i + 1}`;
 }
-function As(i) {
-  const t = At(i.startRow, i.startColumn), e = At(i.endRow, i.endColumn);
+function Ns(i) {
+  const t = Nt(i.startRow, i.startColumn), e = Nt(i.endRow, i.endColumn);
   return t === e ? t : `${t}:${e}`;
 }
 function nr(i) {
@@ -768,12 +775,12 @@ function rr(i) {
   return !e || !("source" in e) || !("imageSourceType" in e) ? null : e;
 }
 function cn(i, t) {
-  if (t === Ce.BASE64) {
+  if (t === we.BASE64) {
     const e = i.match(/^data:image\/(\w+);/);
     if (e)
       return e[1] === "jpeg" ? "jpg" : e[1];
   }
-  if (t === Ce.URL) {
+  if (t === we.URL) {
     const e = i.match(/\.(\w+)(?:\?|$)/);
     if (e)
       return e[1].toLowerCase();
@@ -781,15 +788,21 @@ function cn(i, t) {
   return "png";
 }
 async function ir(i, t) {
-  if (t === Ce.BASE64)
+  if (t === we.BASE64)
     return (await fetch(i)).blob();
-  if (t === Ce.URL)
+  if (t === we.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;
+let vn = class extends te {
+  constructor(i, t, e, n) {
+    super(), this._univerInstanceService = i, this._selectionService = t, this._imageIoService = e, this._urlImageService = n;
+  }
+  /**
+   * @deprecated Use IURLImageService directly
+   */
+  registerURLImageDownloader(i) {
+    return this._urlImageService.registerURLImageDownloader(i);
   }
   getCellImagesInSelection() {
     const i = this._univerInstanceService.getCurrentUnitForType(k.UNIVER_SHEET);
@@ -809,7 +822,7 @@ let vn = class extends ee {
             h && r.push({
               row: c,
               col: l,
-              cellAddress: At(c, l),
+              cellAddress: Nt(c, l),
               source: h.source,
               imageSourceType: h.imageSourceType,
               imageId: h.drawingId
@@ -835,7 +848,7 @@ let vn = class extends ee {
             f && o.push({
               row: g,
               col: h,
-              cellAddress: At(g, h),
+              cellAddress: Nt(g, h),
               source: f.source,
               imageSourceType: f.imageSourceType,
               imageId: f.drawingId
@@ -913,7 +926,7 @@ let vn = class extends ee {
   }
   getSelectionRangeNotation() {
     const i = this._selectionService.getCurrentSelections();
-    return !i || i.length === 0 ? "" : i.map((t) => As(t.range)).join(", ");
+    return !i || i.length === 0 ? "" : i.map((t) => Ns(t.range)).join(", ");
   }
   getSelectionRowRange() {
     const i = this._selectionService.getCurrentSelections();
@@ -1014,17 +1027,18 @@ let vn = class extends ee {
     }
   }
   async _getImageBlob(i) {
-    if (i.imageSourceType === Ce.UUID) {
+    if (i.imageSourceType === we.UUID) {
       const t = await this._imageIoService.getImage(i.source);
-      return ir(t, Ce.URL);
+      return ir(t, we.URL);
     }
-    return ir(i.source, i.imageSourceType);
+    return i.imageSourceType === we.URL ? this._urlImageService.downloadImage(i.source) : ir(i.source, i.imageSourceType);
   }
 };
-vn = Ps([
-  an(0, de),
-  an(1, A(ut)),
-  an(2, hr)
+vn = As([
+  Tt(0, de),
+  Tt(1, A(ut)),
+  Tt(2, gr),
+  Tt(3, hr)
 ], vn);
 const ze = "sheet.dialog.batch-save-images", ct = {
   id: "sheet.command.save-cell-images",
@@ -1051,37 +1065,37 @@ const ze = "sheet.dialog.batch-save-images", ct = {
       onClose: () => t.close(ze)
     }), !0;
   }
-}, Br = "COMPONENT_SHEET_DRAWING_PANEL", jr = {
+}, jr = "COMPONENT_SHEET_DRAWING_PANEL", Fr = {
   id: "sidebar.operation.sheet-image",
   type: q.COMMAND,
   handler: async (i, t) => {
-    const e = i.get(as), n = i.get(Te), r = i.get(de), s = i.get(G);
+    const e = i.get(cs), n = i.get(Te), r = i.get(de), s = i.get(G);
     return se(r) ? (t.value === "open" ? e.open({
       header: { title: n.t("sheetImage.panel.title") },
-      children: { label: Br },
+      children: { label: jr },
       onClose: () => {
-        s.syncExecuteCommand(Vt.id, []);
+        s.syncExecuteCommand(Gt.id, []);
       },
       width: 360
     }) : e.close(), !0) : !1;
   }
-}, Fr = {
+}, Lr = {
   id: "sheet.operation.edit-sheet-image",
   type: q.OPERATION,
   handler: (i, t) => {
     const e = i.get(G);
-    return t == null ? !1 : (e.syncExecuteCommand(Vt.id, [t]), e.executeCommand(jr.id, { value: "open" }), !0);
+    return t == null ? !1 : (e.syncExecuteCommand(Gt.id, [t]), e.executeCommand(Fr.id, { value: "open" }), !0);
   }
-}, Ns = "sheets-drawing-ui.config", sr = {};
-var ks = Object.getOwnPropertyDescriptor, $s = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+}, ks = "sheets-drawing-ui.config", sr = {};
+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;
 }, ce = (i, t) => (e, n) => t(e, n, i);
-let Nt = class extends mi {
+let kt = class extends fi {
   constructor(t, e, n, r, s, o, a, d, u, c) {
     super();
-    re(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    ie(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() {
@@ -1093,7 +1107,7 @@ let Nt = class extends mi {
     this.disposeWithMe(this._ioService.change$.subscribe((n) => {
       n > 0 && !e ? e = this._messageService.show({
         id: t,
-        type: Se.Loading,
+        type: ve.Loading,
         content: `${this._localeService.t("uploadLoading.loading")}: ${n}`,
         duration: 0
       }) : n === 0 && (e == null || e.dispose(), e = void 0);
@@ -1113,7 +1127,7 @@ let Nt = class extends mi {
   _hasCropObject(t) {
     const e = t.getAllObjectsByOrder();
     for (const n of e)
-      if (n instanceof ws)
+      if (n instanceof _s)
         return !0;
     return !1;
   }
@@ -1147,7 +1161,7 @@ let Nt = class extends mi {
         r == null || r.dispose();
         const f = this._canvasPopManagerService.getFeatureMenu(c, l, g, h);
         r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-          componentKey: _s,
+          componentKey: Ss,
           direction: "horizontal",
           offset: [2, 0],
           extraProps: {
@@ -1157,7 +1171,7 @@ let Nt = class extends mi {
       })
     ), this.disposeWithMe(
       n.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(Ye, !1), this._commandService.syncExecuteCommand(Vt.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(Ye, !1), this._commandService.syncExecuteCommand(Gt.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
@@ -1174,7 +1188,7 @@ let Nt = class extends mi {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Fr.id,
+        commandId: Lr.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
         disable: r === x.DRAWING_DOM
       },
@@ -1188,48 +1202,48 @@ let Nt = class extends mi {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Ss.id,
+        commandId: vs.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
         disable: r === x.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: vs.id,
+        commandId: Is.id,
         commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
         disable: r === x.DRAWING_DOM
       }
     ];
   }
 };
-Nt = $s([
+kt = xs([
   ce(0, A(qe)),
   ce(1, A(Te)),
   ce(2, ae),
-  ce(3, A(ni)),
-  ce(4, Q),
+  ce(3, A(ri)),
+  ce(4, ee),
   ce(5, de),
-  ce(6, Ur),
+  ce(6, Pr),
   ce(7, ur),
-  ce(8, hr),
+  ce(8, gr),
   ce(9, G)
-], Nt);
-var xs = Object.getOwnPropertyDescriptor, Ws = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? xs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+], kt);
+var Ws = Object.getOwnPropertyDescriptor, Bs = (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;
-}, Tt = (i, t) => (e, n) => t(e, n, i);
-let In = class extends ee {
+}, Ot = (i, t) => (e, n) => t(e, n, i);
+let In = class extends te {
   constructor(t, e, n, r, s) {
     super();
-    re(this, "_isSetCursor", !1);
+    ie(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(Rs(33)).subscribe((t) => {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Ds(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(ei.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(ti.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
     }));
   }
   _initImageClick() {
@@ -1243,18 +1257,18 @@ let In = class extends ee {
     }));
   }
 };
-In = Ws([
-  Tt(1, A(ri)),
-  Tt(2, A(ut)),
-  Tt(3, A(Ar)),
-  Tt(4, A(X))
+In = Bs([
+  Ot(1, A(ii)),
+  Ot(2, A(ut)),
+  Ot(3, A(Nr)),
+  Ot(4, A(X))
 ], In);
-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--)
+var js = Object.getOwnPropertyDescriptor, Fs = (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;
-}, Ot = (i, t) => (e, n) => t(e, n, i);
-let Cn = class extends ee {
+}, Ut = (i, t) => (e, n) => t(e, n, i);
+let Cn = class extends te {
   constructor(i, t, e, n, r) {
     super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -1274,18 +1288,18 @@ let Cn = class extends ee {
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-Cn = js([
-  Ot(1, oe),
-  Ot(2, ae),
-  Ot(3, A(Je)),
-  Ot(4, A(X))
+Cn = Fs([
+  Ut(1, oe),
+  Ut(2, ae),
+  Ut(3, A(Je)),
+  Ut(4, A(X))
 ], Cn);
-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--)
+var Ls = Object.getOwnPropertyDescriptor, Hs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ls(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, We = (i, t) => (e, n) => t(e, n, i);
-function Lr(i, t, e) {
+function Hr(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 = _n(
@@ -1305,7 +1319,7 @@ function Lr(i, t, e) {
   }
   return !1;
 }
-let kt = class extends ee {
+let $t = class extends te {
   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();
   }
@@ -1313,39 +1327,39 @@ let kt = class extends ee {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
       i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(ot), this._docDrawingController.loadDrawingDataForUnit(ot), this._drawingManagerService.initializeNotification(ot)) : this._drawingManagerService.removeDrawingDataForUnit(ot);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === ts.id && i.params.unitId === Ve && (this._drawingManagerService.removeDrawingDataForUnit(Ve), this._docDrawingController.loadDrawingDataForUnit(Ve), this._drawingManagerService.initializeNotification(Ve));
+      i.id === ns.id && i.params.unitId === Ve && (this._drawingManagerService.removeDrawingDataForUnit(Ve), this._docDrawingController.loadDrawingDataForUnit(Ve), this._drawingManagerService.initializeNotification(Ve));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        ki.CELL_CONTENT,
+        $i.CELL_CONTENT,
         {
-          effect: fi.Style,
-          priority: $i.CELL_IMAGE,
+          effect: pi.Style,
+          priority: xi.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 }, Lr(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 }, Hr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
           }
         }
       )
     );
   }
 };
-kt = Ls([
+$t = Hs([
   We(0, G),
-  We(1, A(Ht)),
+  We(1, A(Vt)),
   We(2, A(qe)),
   We(3, ae),
-  We(4, A(fs)),
-  We(5, A(ii))
-], kt);
-var Hs = Object.getOwnPropertyDescriptor, Vs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+  We(4, A(ps)),
+  We(5, A(si))
+], $t);
+var Vs = Object.getOwnPropertyDescriptor, Gs = (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;
 }, or = (i, t) => (e, n) => t(e, n, i);
-let $t = class extends ee {
+let xt = class extends te {
   constructor(i, t) {
     super(), this._autoFillService = i, this._injector = t, this._initAutoFillHooks();
   }
@@ -1354,35 +1368,35 @@ let $t = class extends ee {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, t, e, n) => {
-          new pi(n).forValue((r, s, o) => {
-            Lr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          new wi(n).forValue((r, s, o) => {
+            Hr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
     );
   }
 };
-$t = Vs([
-  or(0, A(si)),
+xt = Gs([
+  or(0, A(oi)),
   or(1, A(qe))
-], $t);
-var Gs = Object.getOwnPropertyDescriptor, Ys = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Gs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+], xt);
+var Ys = Object.getOwnPropertyDescriptor, Xs = (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;
 }, nt = (i, t) => (e, n) => t(e, n, i);
-const Xs = [
+const zs = [
   ot,
-  wi,
+  _i,
   Ve
 ];
-let xt = class extends ee {
+let Wt = class extends te {
   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 = un("", {}), e = (r = Dn(k.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(oi), n = hn.drawing.add({
+    const t = un("", {}), e = (r = Dn(k.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(ai), n = hn.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1397,12 +1411,12 @@ let xt = class extends ee {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
-        if (i.id === ns.id) {
+        if (i.id === rs.id) {
           const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(k.UNIVER_DOC);
           if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
             return;
           const o = s.getUnitId();
-          if (Xs.includes(o)) {
+          if (zs.includes(o)) {
             if (o !== Ve) {
               const a = () => {
                 this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(Nn.id, {
@@ -1438,32 +1452,32 @@ let xt = class extends ee {
     );
   }
 };
-xt = Ys([
+Wt = Xs([
   nt(0, G),
   nt(1, de),
   nt(2, bn),
-  nt(3, Q),
+  nt(3, ee),
   nt(4, A(Te))
-], xt);
-var zs = Object.getOwnPropertyDescriptor, Ks = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? zs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+], Wt);
+var Ks = Object.getOwnPropertyDescriptor, Js = (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;
 }, rt = (i, t) => (e, n) => t(e, n, i);
-const Hr = "image/png";
-function Js(i) {
+const Vr = "image/png";
+function Zs(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: Hr });
+  return new Blob([r], { type: Vr });
 }
-function Zs(i) {
-  const t = new ClipboardItem({ [Hr]: Js(i) });
+function qs(i) {
+  const t = new ClipboardItem({ [Vr]: Zs(i) });
   navigator.clipboard.write([t]).catch((e) => {
     console.error("Could not copy image using clipboard API: ", e);
   });
 }
-function qs() {
+function Qs() {
   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;
@@ -1479,10 +1493,10 @@ const ar = [
   Le.SPECIAL_PASTE_FORMAT,
   Le.SPECIAL_PASTE_FORMULA
 ];
-let Wt = class extends ee {
+let Bt = class extends te {
   constructor(t, e, n, r, s) {
     super();
-    re(this, "_copyInfo");
+    ie(this, "_copyInfo");
     this._sheetClipboardService = t, this._renderManagerService = e, this._drawingService = n, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
   get _focusedDrawings() {
@@ -1507,8 +1521,8 @@ let Wt = class extends ee {
             this._commandService.executeCommand(ht.id, d);
           }
           setTimeout(() => {
-            const d = qs();
-            o.drawingType === x.DRAWING_IMAGE && o.imageSourceType === is.BASE64 ? Zs(o.source) : this._clipboardInterfaceService.writeText(""), d();
+            const d = Qs();
+            o.drawingType === x.DRAWING_IMAGE && o.imageSourceType === ss.BASE64 ? qs(o.source) : this._clipboardInterfaceService.writeText(""), d();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1539,7 +1553,7 @@ let Wt = class extends ee {
               undos: [],
               redos: [
                 {
-                  id: Kt.id,
+                  id: Jt.id,
                   params: { files: n }
                 }
               ]
@@ -1679,7 +1693,7 @@ let Wt = class extends ee {
         pasteTo: { unitId: n, subUnitId: r, range: kn(o) },
         pasteType: s
       }, d);
-    const { ranges: [l, g], mapFunc: h } = ai([a, o]), { row: m, col: f } = h(l.startRow, l.startColumn), { row: p, col: w } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
+    const { ranges: [l, g], mapFunc: h } = ci([a, o]), { row: m, col: f } = h(l.startRow, l.startColumn), { row: p, col: w } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
       startRow: m,
       endRow: m,
       startColumn: f,
@@ -1723,19 +1737,19 @@ let Wt = class extends ee {
     });
   }
 };
-Wt = Ks([
-  rt(0, ci),
-  rt(1, Q),
+Bt = Js([
+  rt(0, di),
+  rt(1, ee),
   rt(2, ae),
-  rt(3, cs),
+  rt(3, ds),
   rt(4, G)
-], Wt);
-var Qs = Object.getOwnPropertyDescriptor, eo = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Qs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+], Bt);
+var eo = Object.getOwnPropertyDescriptor, to = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? eo(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 Bt = class extends ee {
+let jt = class extends te {
   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();
   }
@@ -1755,7 +1769,7 @@ let Bt = class extends ee {
               new Vn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingVisible(!1), we))
+        ) : (this._drawingManagerService.setDrawingVisible(!1), _e))
       ).subscribe()
     );
   }
@@ -1784,7 +1798,7 @@ let Bt = class extends ee {
               new mn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingEditable(!1), we))
+        ) : (this._drawingManagerService.setDrawingEditable(!1), _e))
       ).subscribe()
     );
   }
@@ -1804,10 +1818,10 @@ let Bt = class extends ee {
         fe(([e, n]) => e ? e.activeSheet$.pipe(
           fe((r) => {
             if (!r)
-              return we;
+              return _e;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), d = a == null ? void 0 : a.scene;
             if (!d)
-              return we;
+              return _e;
             const u = d.getTransformerByCreate();
             return this._permissionService.composePermission$([
               new Hn(s).id,
@@ -1825,7 +1839,7 @@ let Bt = class extends ee {
               }))
             );
           })
-        ) : we)
+        ) : _e)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingVisible(e);
@@ -1852,10 +1866,10 @@ let Bt = class extends ee {
         fe(([e, n]) => e ? e.activeSheet$.pipe(
           fe((r) => {
             if (!r)
-              return we;
+              return _e;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), d = a == null ? void 0 : a.scene;
             if (!d)
-              return we;
+              return _e;
             const u = d.getTransformerByCreate();
             return this._permissionService.composePermission$([
               new gn(s).id,
@@ -1873,7 +1887,7 @@ let Bt = class extends ee {
               }))
             );
           })
-        ) : we)
+        ) : _e)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingEditable(e);
@@ -1903,20 +1917,20 @@ let Bt = class extends ee {
     );
   }
 };
-Bt = eo([
+jt = to([
   it(0, ae),
-  it(1, Q),
-  it(2, _i),
+  it(1, ee),
+  it(2, Si),
   it(3, de),
-  it(4, A(Si))
-], Bt);
-var to = Object.getOwnPropertyDescriptor, no = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? to(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+  it(4, A(vi))
+], jt);
+var no = Object.getOwnPropertyDescriptor, ro = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? no(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);
-const ro = "univer-sheet-float-dom-";
-function Vr(i, t, e, n, r, s = !1) {
+const io = "univer-sheet-float-dom-";
+function Gr(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, m = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
@@ -1935,7 +1949,7 @@ function Vr(i, t, e, n, r, s = !1) {
   };
   _ && (Ge.isDefine(T.top) && (T.top = _.top), Ge.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) + E, F = e.colStartX(c - g) + R, te = e.rowStartY(l) + E, z = e.colStartX(c) + R;
+  const N = e.rowStartY(l - h) + E, F = e.colStartX(c - g) + R, ne = e.rowStartY(l) + E, z = e.colStartX(c) + R;
   if (g === 0)
     m.left = !1, M = (f - v) * o, b = (p - v) * o;
   else {
@@ -1947,7 +1961,7 @@ function Vr(i, t, e, n, r, s = !1) {
     m.top = !1, V = (w - C) * a, Y = (S - C) * a;
   else {
     const K = w - (N - E), W = S - (N - E);
-    S < te ? (V = K * a, Y = W * a) : w <= te && S >= te ? (V = K * a, Y = Math.max(I, (S - C) * a)) : w > te && (m.top = !1, V = Math.max((w - C) * a, I), Y = Math.max((S - C) * a, I));
+    S < ne ? (V = K * a, Y = W * a) : w <= ne && S >= ne ? (V = K * a, Y = Math.max(I, (S - C) * a)) : w > ne && (m.top = !1, V = Math.max((w - C) * a, I), Y = Math.max((S - C) * a, I));
   }
   return M = Math.max(M, T.left), V = Math.max(V, T.top), b = Math.max(b, T.left), Y = Math.max(Y, T.top), {
     left: M,
@@ -1963,7 +1977,7 @@ const me = (i, t, e, n, r) => {
     right: s + a,
     top: o,
     bottom: o + d
-  }, l = Vr(c, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
+  }, l = Gr(c, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
   return {
     startX: l.left,
     endX: l.right,
@@ -1975,23 +1989,23 @@ const me = (i, t, e, n, r) => {
     absolute: l.absolute
   };
 };
-let lt = class extends ee {
+let lt = class extends te {
   constructor(t, e, n, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
      */
-    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());
+    ie(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    ie(this, "_transformChange$", new an());
+    ie(this, "transformChange$", this._transformChange$.asObservable());
+    ie(this, "_add$", new an());
+    ie(this, "add$", this._add$.asObservable());
+    ie(this, "_remove$", new an());
+    ie(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(Ds((t) => t === Ii.Rendered), bs(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(bs((t) => t === Ci.Rendered), Ms(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -2054,8 +2068,8 @@ let lt = class extends ee {
             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 $e(E, M);
-          b && N.setObjectType(An.CHART), f.addObject(N, qt), a.allowTransform !== !1 && f.attachTransformerTo(N);
-          const F = new yt(), te = me(N, m.renderUnit.scene, c.skeleton, o.worksheet), z = new je(te), V = `${ro}${He(6)}`, Y = {
+          b && N.setObjectType(An.CHART), f.addObject(N, Qt), a.allowTransform !== !1 && f.attachTransformerTo(N);
+          const F = new yt(), ne = me(N, m.renderUnit.scene, c.skeleton, o.worksheet), z = new je(ne), V = `${io}${He(6)}`, Y = {
             dispose: F,
             rect: N,
             position$: z,
@@ -2129,7 +2143,7 @@ let lt = class extends ee {
           return r ? { render: r, unitId: n, subUnitId: e.getSheetId() } : null;
         }),
         fe(
-          (e) => e ? Ci(e.render.scene.getViewport(cr.VIEW_MAIN).onScrollAfter$).pipe(pe(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : wn(null)
+          (e) => e ? Ri(e.render.scene.getViewport(cr.VIEW_MAIN).onScrollAfter$).pipe(pe(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : wn(null)
         )
       ).subscribe((e) => {
         if (!e) return;
@@ -2142,10 +2156,10 @@ let lt = class extends ee {
         Array.from(this._domLayerInfoMap.values()).filter((o) => o.unitId === r).map((o) => o.subUnitId).forEach((o) => {
           t(r, o);
         });
-      } else if (e.id === xi.id) {
+      } else if (e.id === Wi.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
-      } else if (e.id === Wi.id) {
+      } else if (e.id === Bi.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
@@ -2243,7 +2257,7 @@ let lt = class extends ee {
       data: d,
       allowTransform: u
     };
-    return this._commandService.executeCommand(Xt.id, {
+    return this._commandService.executeCommand(zt.id, {
       unitId: r,
       drawings: [g]
     }), this._add$.next({ unitId: r, subUnitId: s, id: c }), {
@@ -2286,7 +2300,7 @@ let lt = class extends ee {
     const { componentKey: l, data: g, allowTransform: h = !0 } = e, m = r != null ? r : He(), { position: f, position$: p } = this._createRangePositionObserver(t, u, c.skeleton);
     if (this._getPosition(f, o) == null)
       return;
-    const S = d.scene, { scaleX: I } = S.getAncestorScale(), D = Ut(f, n, I), v = {
+    const S = d.scene, { scaleX: I } = S.getAncestorScale(), D = Pt(f, n, I), v = {
       unitId: o,
       subUnitId: a,
       drawingId: m,
@@ -2308,10 +2322,10 @@ let lt = class extends ee {
       const F = N.getActiveSheet().getSheetId();
       if (!b || !M)
         return;
-      const te = (_ = this._renderManagerService.getRenderById(R)) == null ? void 0 : _.with(X);
-      if (!te)
+      const ne = (_ = this._renderManagerService.getRenderById(R)) == null ? void 0 : _.with(X);
+      if (!ne)
         return;
-      const z = te.getWorksheetSkeleton(E);
+      const z = ne.getWorksheetSkeleton(E);
       if (!z)
         return;
       const { transform: V, drawingType: Y, data: Z } = b;
@@ -2323,12 +2337,12 @@ let lt = class extends ee {
       const { scene: W, canvas: Oe } = K;
       if (V == null || F !== E)
         return;
-      const { left: ft, top: pt, width: wt, height: _t, angle: Jt, flipX: Zt, flipY: St, skewX: vt, skewY: Ue } = V, It = De({ unitId: R, subUnitId: E, drawingId: T }), le = W.getObject(It);
+      const { left: ft, top: pt, width: wt, height: _t, angle: Zt, flipX: qt, flipY: St, skewX: vt, skewY: Ue } = V, It = De({ unitId: R, subUnitId: E, drawingId: T }), le = W.getObject(It);
       if (le != null) {
-        le.transformByState({ left: ft, top: pt, width: wt, height: _t, angle: Jt, flipX: Zt, flipY: St, skewX: vt, skewY: Ue });
+        le.transformByState({ left: ft, top: pt, width: wt, height: _t, angle: Zt, flipX: qt, flipY: St, skewX: vt, skewY: Ue });
         return;
       }
-      const ne = {
+      const re = {
         left: ft,
         // from floatDomParam.transform
         top: pt,
@@ -2338,10 +2352,10 @@ let lt = class extends ee {
       }, Pe = Y === x.DRAWING_CHART;
       if (Pe) {
         const $ = Z ? Z.backgroundColor : "white";
-        ne.fill = $, ne.rotateEnabled = !1, Z && Z.border && (ne.stroke = Z.border), ne.paintFirst = "stroke", ne.strokeWidth = 1, ne.borderEnabled = !1, ne.radius = 8;
+        re.fill = $, re.rotateEnabled = !1, Z && Z.border && (re.stroke = Z.border), re.paintFirst = "stroke", re.strokeWidth = 1, re.borderEnabled = !1, re.radius = 8;
       }
-      const ue = new $e(It, ne);
-      Pe && ue.setObjectType(An.CHART), W.addObject(ue, qt), b.allowTransform !== !1 && W.attachTransformerTo(ue);
+      const ue = new $e(It, re);
+      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,
@@ -2385,7 +2399,7 @@ let lt = class extends ee {
         }
       }), this._canvasFloatDomService.addFloatDom(et), this.disposeWithMe(p.subscribe(($) => {
         var Tn, On, Un, Pn;
-        const En = Ut({
+        const En = Pt({
           startX: $.startX,
           startY: $.startY,
           endX: $.endX,
@@ -2396,14 +2410,14 @@ let lt = class extends ee {
             left: f.absolute.left,
             top: f.absolute.top
           }
-        }, n), Xr = De({ unitId: R, subUnitId: E, drawingId: T }), zr = new $e(Xr, {
+        }, n), zr = De({ unitId: R, subUnitId: E, drawingId: T }), Kr = new $e(zr, {
           left: En.startX,
           top: En.startY,
           width: (Un = n.width) != null ? Un : $.width,
           height: (Pn = n.height) != null ? Pn : $.height,
           zIndex: this._drawingManagerService.getDrawingOrder(R, E).length - 1
-        }), Kr = me(zr, K.renderUnit.scene, z.skeleton, M.worksheet, ge);
-        Ne.next(Kr);
+        }), Jr = me(Kr, K.renderUnit.scene, z.skeleton, M.worksheet, ge);
+        Ne.next(Jr);
       }));
       const tt = (y = this._renderManagerService.getRenderById(R)) == null ? void 0 : y.with(X);
       tt == null || tt.currentSkeleton$.subscribe(($) => {
@@ -2477,18 +2491,18 @@ let lt = class extends ee {
       const F = N.getWorksheetSkeleton(y);
       if (!F)
         return;
-      const { transform: te, data: z } = T, V = this._getSceneAndTransformerByDrawingSearch(_);
+      const { transform: ne, data: z } = T, V = this._getSceneAndTransformerByDrawingSearch(_);
       if (V == null)
         return;
       const { scene: Y, canvas: Z } = V;
-      if (te == null || b !== y)
+      if (ne == null || b !== y)
         return;
-      const { left: K, top: W, width: Oe, height: ft, angle: pt, flipX: wt, flipY: _t, skewX: Jt, skewY: Zt } = te, St = De({ unitId: _, subUnitId: y, drawingId: R }), vt = Y.getObject(St);
+      const { left: K, top: W, width: Oe, height: ft, angle: pt, flipX: wt, flipY: _t, skewX: Zt, skewY: qt } = ne, St = De({ unitId: _, subUnitId: y, drawingId: R }), vt = Y.getObject(St);
       if (vt != null) {
-        vt.transformByState({ left: K, top: W, width: Oe, height: ft, angle: pt, flipX: wt, flipY: _t, skewX: Jt, skewY: Zt });
+        vt.transformByState({ left: K, top: W, width: Oe, height: ft, angle: pt, flipX: wt, flipY: _t, skewX: Zt, skewY: qt });
         return;
       }
-      const Ue = Ut({
+      const Ue = Pt({
         startX: w.startX,
         startY: 0,
         endX: f.endX,
@@ -2506,15 +2520,15 @@ let lt = class extends ee {
         height: Ue.height,
         zIndex: this._drawingManagerService.getDrawingOrder(_, y).length - 1
       }, le = new $e(St, It);
-      Y.addObject(le, qt), T.allowTransform !== !1 && Y.attachTransformerTo(le);
-      const ne = new yt(), Pe = Y.getMainViewport(), ue = {
+      Y.addObject(le, Qt), T.allowTransform !== !1 && Y.attachTransformerTo(le);
+      const re = new yt(), Pe = Y.getMainViewport(), ue = {
         top: 0,
         //viewMain.top,
         left: Pe.left,
         bottom: Pe.bottom,
         right: Pe.right
       }, he = {
-        dispose: ne,
+        dispose: re,
         rect: le,
         // position$,
         unitId: _,
@@ -2560,7 +2574,7 @@ let lt = class extends ee {
         );
       });
       this.disposeWithMe(p.subscribe((B) => {
-        const Ne = Ut({
+        const Ne = Pt({
           startX: B.startX,
           startY: 0,
           endX: B.endX,
@@ -2583,9 +2597,9 @@ let lt = class extends ee {
       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(m, !0);
-      }), ne.add(() => {
+      }), re.add(() => {
         this._canvasFloatDomService.removeFloatDom(R);
-      }), Rt && ne.add(Rt), this._domLayerInfoMap.set(R, he);
+      }), Rt && re.add(Rt), this._domLayerInfoMap.set(R, he);
     }
     return {
       id: m,
@@ -2612,11 +2626,11 @@ let lt = class extends ee {
       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 === gr.id && p.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+      if (p.id === mr.id && p.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         c();
         return;
       }
-      (Bi.indexOf(p.id) > -1 || p.id === di.id || p.id === $n.id) && c();
+      (ji.indexOf(p.id) > -1 || p.id === li.id || p.id === $n.id) && c();
     }));
     const g = (p, w) => {
       r = p, s = w, c();
@@ -2660,14 +2674,14 @@ let lt = class extends ee {
     };
   }
 };
-lt = no([
-  be(0, A(Q)),
+lt = ro([
+  be(0, A(ee)),
   be(1, de),
   be(2, A(G)),
   be(3, ae),
-  be(4, A(ds)),
+  be(4, A(ls)),
   be(5, oe),
-  be(6, A(vi))
+  be(6, A(Ii))
 ], lt);
 function st(i, t, e) {
   const n = e.getCellWithCoordByIndex(i, t), r = n.isMergedMainCell ? n.mergeInfo : n;
@@ -2678,22 +2692,22 @@ function st(i, t, e) {
     bottom: r.endY
   };
 }
-function Ut(i, t, e) {
+function Pt(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 = Pt(t.marginX, n * e);
+      const l = At(t.marginX, n * e);
       a = i.endX - l - s;
     } else
-      a = i.startX + Pt(t.marginX, n);
+      a = i.startX + At(t.marginX, n);
     if (t.verticalOffsetAlign === "bottom") {
-      const l = Pt(t.marginY, r * e);
+      const l = At(t.marginY, r * e);
       d = i.endY - l - o;
     } else
-      d = i.startY + Pt(t.marginY, r);
+      d = i.startY + At(t.marginY, r);
   }
   return {
     rotate: 0,
@@ -2709,15 +2723,15 @@ function Ut(i, t, e) {
     }
   };
 }
-function Pt(i, t) {
+function At(i, t) {
   if (i === void 0) return 0;
   if (typeof i == "number") return i;
   const e = Number.parseFloat(i);
   return t * e / 100;
 }
-const io = (i) => {
+const so = (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 = Vr(
+    const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Gr(
       {
         left: c != null ? c : 0,
         right: (c != null ? c : 0) + (a != null ? a : 0),
@@ -2756,14 +2770,14 @@ const io = (i) => {
     };
     return [o.drawingId, p];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ L("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ L(ls, { 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(us, { layer: a, id: o, position: a.position }, o)) });
 };
-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--)
+var oo = Object.getOwnPropertyDescriptor, ao = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? oo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Me = (i, t) => (e, n) => t(e, n, i);
-let jt = class extends ee {
+let Ft = class extends te {
   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();
   }
@@ -2820,7 +2834,7 @@ let jt = class extends ee {
                 if (c.drawingType === x.DRAWING_CHART)
                   return {
                     ...c,
-                    componentKey: this._componetManager.get(Ri)
+                    componentKey: this._componetManager.get(Di)
                   };
                 if (c.drawingType === x.DRAWING_DOM) {
                   const l = this._sheetPrintInterceptorService.getPrintComponent(c.componentKey);
@@ -2830,12 +2844,12 @@ let jt = class extends ee {
                   };
                 }
                 return null;
-              }).filter(Boolean), d = us(io, this._injector);
-              return Ki(
+              }).filter(Boolean), d = hs(so, this._injector);
+              return Ji(
                 /* @__PURE__ */ L(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
               ), i == null || i.add(() => {
-                Ji(t.root);
+                Zi(t.root);
               }), e(i);
             }
           }
@@ -2844,22 +2858,21 @@ let jt = class extends ee {
     );
   }
 };
-jt = oo([
-  Me(0, A(li)),
-  Me(1, A(Ar)),
+Ft = ao([
+  Me(0, A(ui)),
+  Me(1, A(Nr)),
   Me(2, ae),
-  Me(3, Q),
+  Me(3, ee),
   Me(4, A(lt)),
-  Me(5, A(Pr)),
+  Me(5, A(Ar)),
   Me(6, A(qe))
-], jt);
-var ao = Object.getOwnPropertyDescriptor, co = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ao(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+], Ft);
+var co = Object.getOwnPropertyDescriptor, lo = (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;
-}, _e = (i, t) => (e, n) => t(e, n, i);
-const lo = [
-  mr.id,
+}, Se = (i, t) => (e, n) => t(e, n, i);
+const uo = [
   fr.id,
   pr.id,
   wr.id,
@@ -2867,9 +2880,9 @@ const lo = [
   Sr.id,
   vr.id,
   Ir.id,
+  Cr.id,
   fn.id,
   pn.id,
-  Cr.id,
   Rr.id,
   Dr.id,
   br.id,
@@ -2877,18 +2890,19 @@ const lo = [
   yr.id,
   Er.id,
   Tr.id,
-  Or.id
-], uo = [
-  ji.id,
+  Or.id,
+  Ur.id
+], ho = [
   Fi.id,
   Li.id,
   Hi.id,
   Vi.id,
-  gr.id,
   Gi.id,
-  Yi.id
+  mr.id,
+  Yi.id,
+  Xi.id
 ];
-let Rn = class extends ee {
+let Rn = class extends te {
   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();
   }
@@ -2897,56 +2911,56 @@ let Rn = class extends ee {
       this._sheetInterceptorService.interceptAfterCommand({
         /* eslint-disable-next-line complexity */
         getMutations: (i) => {
-          if (!lo.includes(i.id))
+          if (!uo.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const t = i.id;
-          if (t === mr.id)
+          if (t === fr.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([Er.id, Tr.id, Or.id].includes(t))
+          if ([Tr.id, Or.id, Ur.id].includes(t))
             return this._moveRangeInterceptor(i.params);
-          if (t === fr.id)
-            return this._moveColInterceptor(i.params, "insert");
           if (t === pr.id)
-            return this._moveRowInterceptor(i.params, "remove");
+            return this._moveColInterceptor(i.params, "insert");
           if (t === wr.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (t === _r.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (t === _r.id) {
+          if (t === Sr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               0
               /* deleteLeft */
             );
-          } else if (t === Sr.id) {
+          } else if (t === vr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               1
               /* deleteUp */
             );
-          } else if (t === vr.id) {
+          } else if (t === Ir.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               2
               /* insertDown */
             );
-          } else if (t === Ir.id) {
+          } else if (t === Cr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               3
               /* insertRight */
             );
-          } else if (t === Dr.id || t === br.id) {
+          } else if (t === br.id || t === Mr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForRowVisible(n, r, s);
-          } else if (t === Mr.id || t === yr.id) {
+          } else if (t === yr.id || t === Er.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForColVisible(n, r, s);
-          } else if (t === fn.id || t === pn.id || t === Cr.id || t === Rr.id) {
+          } else if (t === fn.id || t === pn.id || t === Rr.id || t === Dr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === fn.id || t === pn.id;
             return this._getDrawingUndoForRowAndColSize(n, r, s, o);
           }
@@ -3537,7 +3551,7 @@ let Rn = class extends ee {
       // 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 === Xi.id) {
+        if (i.id === zi.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3588,7 +3602,7 @@ let Rn = class extends ee {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        uo.includes(i.id) && requestIdleCallback(() => {
+        ho.includes(i.id) && requestIdleCallback(() => {
           const t = i.params, e = se(this._univerInstanceService, t);
           if (!e) return;
           const { unitId: n, subUnitId: r, worksheet: s } = e;
@@ -3612,7 +3626,7 @@ let Rn = class extends ee {
       const { from: c, to: l } = a, { row: g, column: h } = c, { row: m, column: f } = l;
       for (let p = 0; p < e.length; p++) {
         const w = e[p], { startRow: S, endRow: I, startColumn: D, endColumn: v } = w;
-        if (Di.intersects(
+        if (bi.intersects(
           {
             startRow: S,
             endRow: I,
@@ -3641,18 +3655,18 @@ let Rn = class extends ee {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(H.id, [i]));
   }
 };
-Rn = co([
-  _e(1, Q),
-  _e(2, G),
-  _e(3, Je),
-  _e(4, A(X)),
-  _e(5, A(Ht)),
-  _e(6, oe),
-  _e(7, ae),
-  _e(8, de)
+Rn = lo([
+  Se(1, ee),
+  Se(2, G),
+  Se(3, Je),
+  Se(4, A(X)),
+  Se(5, A(Vt)),
+  Se(6, oe),
+  Se(7, ae),
+  Se(8, de)
 ], Rn);
-function ho() {
-  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) => ({
+function go() {
+  const i = Ce(Te), t = Ce(bn), e = Ce(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]), [m, f] = Ee(
@@ -3668,7 +3682,7 @@ function ho() {
       endColumn: _
     }];
   }, [n, m, l]);
-  ui(p);
+  hi(p);
   const w = Et((C) => {
     C.length !== 0 && r(C);
   }, []), S = Et((C) => {
@@ -3691,13 +3705,13 @@ function ho() {
     }
   }, [e, u, n, m, 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(Zi, { value: n, onChange: w, direction: "vertical", children: [
+    /* @__PURE__ */ L(tn, { label: i.t("sheetImage.save.imageCount"), children: /* @__PURE__ */ L("div", { className: "univer-text-sm univer-text-gray-600", children: u.length }) }),
+    /* @__PURE__ */ L(tn, { label: i.t("sheetImage.save.fileNameConfig"), children: /* @__PURE__ */ Xe(qi, { value: n, onChange: w, direction: "vertical", children: [
       /* @__PURE__ */ L(Gn, { value: ye.CELL_ADDRESS, disabled: !g, children: i.t("sheetImage.save.useRowCol") }),
       g && /* @__PURE__ */ L(Gn, { value: ye.COLUMN_VALUE, children: i.t("sheetImage.save.useColumnValue") })
     ] }) }),
-    v && /* @__PURE__ */ L(en, { label: i.t("sheetImage.save.selectColumn"), children: /* @__PURE__ */ L(
-      qi,
+    v && /* @__PURE__ */ L(tn, { label: i.t("sheetImage.save.selectColumn"), children: /* @__PURE__ */ L(
+      Qi,
       {
         value: m,
         options: h,
@@ -3725,9 +3739,9 @@ function ho() {
     )
   ] });
 }
-const go = (i) => {
+const mo = (i) => {
   var S;
-  const t = Ie(G), e = Ie(Te), n = Ie(ae), r = Ie(Q), { drawings: s } = i, o = s[0];
+  const t = Ce(G), e = Ce(Te), n = Ce(ae), r = Ce(ee), { 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;
@@ -3751,7 +3765,7 @@ const go = (i) => {
       });
     }), v;
   }
-  Nr(() => {
+  kr(() => {
     const I = c.clearControl$.subscribe((v) => {
       v === !0 && g(!1);
     }), D = c.changeStart$.subscribe((v) => {
@@ -3780,7 +3794,7 @@ const go = (i) => {
       drawingId: C.drawingId,
       anchorType: I
     }));
-    t.executeCommand(zt.id, {
+    t.executeCommand(Kt.id, {
       unitId: D[0].unitId,
       drawings: v
     });
@@ -3788,7 +3802,7 @@ const go = (i) => {
   return /* @__PURE__ */ Xe(
     "div",
     {
-      className: Qi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: es("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !l
       }),
       children: [
@@ -3799,17 +3813,17 @@ const go = (i) => {
             children: /* @__PURE__ */ L("div", { children: e.t("drawing-anchor.title") })
           }
         ),
-        /* @__PURE__ */ L("div", { children: /* @__PURE__ */ Xe(es, { value: m, 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") })
+        /* @__PURE__ */ L("div", { children: /* @__PURE__ */ Xe(ts, { value: m, onChange: w, direction: "vertical", children: [
+          /* @__PURE__ */ L(nn, { value: O.Both, children: e.t("drawing-anchor.both") }),
+          /* @__PURE__ */ L(nn, { value: O.Position, children: e.t("drawing-anchor.position") }),
+          /* @__PURE__ */ L(nn, { value: O.None, children: e.t("drawing-anchor.none") })
         ] }) })
       ]
     }
   );
-}, mo = () => {
-  const i = Ie(ae), t = i.getFocusDrawings(), [e, n] = Ee(t);
-  return Nr(() => {
+}, fo = () => {
+  const i = Ce(ae), t = i.getFocusDrawings(), [e, n] = Ee(t);
+  return kr(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
     });
@@ -3817,68 +3831,68 @@ const go = (i) => {
       r.unsubscribe();
     };
   }, []), !!(e != null && e.length) && /* @__PURE__ */ Xe("div", { className: "univer-text-sm", children: [
-    /* @__PURE__ */ L(Is, { drawings: e }),
-    /* @__PURE__ */ L(go, { drawings: e })
+    /* @__PURE__ */ L(Cs, { drawings: e }),
+    /* @__PURE__ */ L(mo, { drawings: e })
   ] });
-}, Gr = "sheet.menu.image";
-function fo(i) {
+}, Yr = "sheet.menu.image";
+function po(i) {
   return {
-    id: Gr,
-    type: Yt.SUBITEMS,
+    id: Yr,
+    type: Xt.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "sheetImage.title",
-    hidden$: Gt(i, k.UNIVER_SHEET),
-    disabled$: hi(i, { workbookTypes: [gn], worksheetTypes: [mn], rangeTypes: [zi] })
+    hidden$: Yt(i, k.UNIVER_SHEET),
+    disabled$: gi(i, { workbookTypes: [gn], worksheetTypes: [mn], rangeTypes: [Ki] })
   };
 }
-function po(i) {
+function wo(i) {
   return {
-    id: Kt.id,
+    id: Jt.id,
     title: "sheetImage.upload.float",
-    type: Yt.BUTTON,
-    hidden$: Gt(i, k.UNIVER_SHEET)
+    type: Xt.BUTTON,
+    hidden$: Yt(i, k.UNIVER_SHEET)
   };
 }
-function wo(i) {
+function _o(i) {
   return {
     id: Mn.id,
     title: "sheetImage.upload.cell",
-    type: Yt.BUTTON,
-    hidden$: Gt(i, k.UNIVER_SHEET)
+    type: Xt.BUTTON,
+    hidden$: Yt(i, k.UNIVER_SHEET)
   };
 }
-function _o(i) {
+function So(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 So(i, t) {
+function vo(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 (_o(c))
+      if (So(c))
         return !0;
     }
   return !1;
 }
-function vo() {
+function Io() {
   return "showDirectoryPicker" in window;
 }
 function dn(i) {
   const t = i.get(de), e = i.get(ut), n = at([
-    Gt(i, k.UNIVER_SHEET),
+    Yt(i, k.UNIVER_SHEET),
     t.getCurrentTypeOfUnit$(k.UNIVER_SHEET).pipe(
       fe((r) => r ? e.selectionMoveEnd$.pipe(
         pe(() => {
-          if (!vo())
+          if (!Io())
             return !0;
           const s = e.getCurrentSelections();
           if (!s || s.length === 0)
             return !0;
           for (const o of s)
-            if (So(r, o.range))
+            if (vo(r, o.range))
               return !1;
           return !0;
         })
@@ -3889,45 +3903,45 @@ function dn(i) {
   );
   return {
     id: ct.id,
-    type: Yt.BUTTON,
+    type: Xt.BUTTON,
     icon: "DownloadImageIcon",
     title: "sheetImage.save.menuLabel",
     hidden$: n
   };
 }
-const Io = {
-  [hs.MEDIA]: {
-    [Gr]: {
+const Co = {
+  [gs.MEDIA]: {
+    [Yr]: {
       order: 0,
-      menuItemFactory: fo,
-      [Kt.id]: {
+      menuItemFactory: po,
+      [Jt.id]: {
         order: 0,
-        menuItemFactory: po
+        menuItemFactory: wo
       },
       [Mn.id]: {
         order: 1,
-        menuItemFactory: wo
+        menuItemFactory: _o
       }
     }
   },
-  [rn.MAIN_AREA]: {
-    [sn.OTHERS]: {
+  [sn.MAIN_AREA]: {
+    [on.OTHERS]: {
       [ct.id]: {
         order: 10,
         menuItemFactory: dn
       }
     }
   },
-  [rn.COL_HEADER]: {
-    [sn.OTHERS]: {
+  [sn.COL_HEADER]: {
+    [on.OTHERS]: {
       [ct.id]: {
         order: 10,
         menuItemFactory: dn
       }
     }
   },
-  [rn.ROW_HEADER]: {
-    [sn.OTHERS]: {
+  [sn.ROW_HEADER]: {
+    [on.OTHERS]: {
       [ct.id]: {
         order: 10,
         menuItemFactory: dn
@@ -3936,9 +3950,9 @@ const Io = {
   }
 };
 function mt(i) {
-  return i.getContextValue(bi) && !i.getContextValue(Mi) && !i.getContextValue(yi) && !i.getContextValue(Ei) && i.getContextValue(Ye);
+  return i.getContextValue(Mi) && !i.getContextValue(yi) && !i.getContextValue(Ei) && !i.getContextValue(Ti) && i.getContextValue(Ye);
 }
-const Co = {
+const Ro = {
   id: gt.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
@@ -3946,9 +3960,9 @@ const Co = {
   priority: 100,
   preconditions: mt,
   staticParameters: {
-    direction: ve.DOWN
+    direction: Ie.DOWN
   }
-}, Ro = {
+}, Do = {
   id: gt.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
@@ -3956,9 +3970,9 @@ const Co = {
   priority: 100,
   preconditions: mt,
   staticParameters: {
-    direction: ve.UP
+    direction: Ie.UP
   }
-}, Do = {
+}, bo = {
   id: gt.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
@@ -3966,9 +3980,9 @@ const Co = {
   priority: 100,
   preconditions: mt,
   staticParameters: {
-    direction: ve.LEFT
+    direction: Ie.LEFT
   }
-}, bo = {
+}, Mo = {
   id: gt.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
@@ -3976,10 +3990,10 @@ const Co = {
   priority: 100,
   preconditions: mt,
   staticParameters: {
-    direction: ve.RIGHT
+    direction: Ie.RIGHT
   }
-}, Mo = {
-  id: kr.id,
+}, yo = {
+  id: $r.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -3987,48 +4001,48 @@ const Co = {
   binding: Ke.DELETE,
   mac: Ke.BACKSPACE
 };
-var yo = Object.getOwnPropertyDescriptor, Eo = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? yo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Eo = Object.getOwnPropertyDescriptor, To = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Eo(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 Ft = class extends ee {
+let Lt = class extends te {
   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(Br, mo)), this.disposeWithMe(i.register(ze, ho));
+    this.disposeWithMe(i.register(jr, fo)), this.disposeWithMe(i.register(ze, go));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Io);
+    this._menuManagerService.mergeMenu(Co);
   }
   _initCommands() {
     [
-      Kt,
+      Jt,
       Mn,
-      Xt,
-      ht,
       zt,
-      jr,
-      H,
+      ht,
+      Kt,
       Fr,
+      H,
+      Lr,
+      xr,
+      Br,
+      gt,
       $r,
       Wr,
-      gt,
-      kr,
-      xr,
       ct
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Co,
       Ro,
       Do,
       bo,
-      Mo
+      Mo,
+      yo
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -4037,63 +4051,63 @@ let Ft = class extends ee {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Ft = Eo([
-  Be(0, A(Pr)),
-  Be(1, gs),
+Lt = To([
+  Be(0, A(Ar)),
+  Be(1, ms),
   Be(2, G),
-  Be(3, ms),
+  Be(3, fs),
   Be(4, ae),
   Be(5, A(ut))
-], Ft);
-var To = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, Uo = (i, t, e) => t in i ? To(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Po = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Oo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+], Lt);
+var Oo = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Po = (i, t, e) => t in i ? Oo(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Ao = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Uo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ln = (i, t) => (e, n) => t(e, n, i), Yr = (i, t, e) => Uo(i, typeof t != "symbol" ? t + "" : t, e);
-const Ao = "SHEET_IMAGE_UI_PLUGIN";
-let Lt = class extends Ui {
+}, ln = (i, t) => (e, n) => t(e, n, i), Xr = (i, t, e) => Po(i, typeof t != "symbol" ? t + "" : t, e);
+const No = "SHEET_IMAGE_UI_PLUGIN";
+let Ht = class extends Pi {
   constructor(i = sr, t, e, n) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
-    const { menu: r, ...s } = Pi(
+    const { menu: r, ...s } = Ai(
       {},
       sr,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Ns, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ks, s);
   }
   onStarting() {
-    Ai(this._injector, [
+    Ni(this._injector, [
       [lt],
+      [Lt],
+      [kt],
       [Ft],
-      [Nt],
       [jt],
       [Bt],
-      [Wt],
-      [kt],
       [$t],
       [xt],
+      [Wt],
       [yn, { useClass: vn }]
-    ]), Qt(this._injector, [
+    ]), en(this._injector, [
       [lt]
     ]);
   }
   onReady() {
-    Qt(this._injector, [
-      [Wt],
-      [xt]
+    en(this._injector, [
+      [Bt],
+      [Wt]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Qt(this._injector, [
-      [Bt],
+    this._registerRenderModules(), en(this._injector, [
       [jt],
       [Ft],
-      [kt],
-      [$t]
+      [Lt],
+      [$t],
+      [xt]
     ]);
   }
   onSteady() {
-    this._injector.get(Nt);
+    this._injector.get(kt);
   }
   _registerRenderModules() {
     [
@@ -4106,37 +4120,37 @@ let Lt = class extends Ui {
     });
   }
 };
-Yr(Lt, "type", k.UNIVER_SHEET);
-Yr(Lt, "pluginName", Ao);
-Lt = Po([
-  Ti(ss, ps, Cs, Ni),
+Xr(Ht, "type", k.UNIVER_SHEET);
+Xr(Ht, "pluginName", No);
+Ht = Ao([
+  Oi(os, ws, Rs, ki),
   ln(1, A(qe)),
-  ln(2, Q),
-  ln(3, Oi)
-], Lt);
+  ln(2, ee),
+  ln(3, Ui)
+], Ht);
 export {
   vn as BatchSaveImagesService,
   H as ClearSheetDrawingTransformerOperation,
-  kr as DeleteDrawingsCommand,
-  Fr as EditSheetDrawingOperation,
+  $r as DeleteDrawingsCommand,
+  Lr as EditSheetDrawingOperation,
   ye as FileNamePart,
-  $r as GroupSheetDrawingCommand,
+  xr as GroupSheetDrawingCommand,
   yn as IBatchSaveImagesService,
-  Kt as InsertFloatImageCommand,
-  Xt as InsertSheetDrawingCommand,
+  Jt as InsertFloatImageCommand,
+  zt as InsertSheetDrawingCommand,
   gt as MoveDrawingsCommand,
   ht as RemoveSheetDrawingCommand,
-  Gr as SHEETS_IMAGE_MENU_ID,
-  ro as SHEET_FLOAT_DOM_PREFIX,
+  Yr as SHEETS_IMAGE_MENU_ID,
+  io as SHEET_FLOAT_DOM_PREFIX,
   ct as SaveCellImagesCommand,
-  xr as SetDrawingArrangeCommand,
-  zt as SetSheetDrawingCommand,
+  Wr as SetDrawingArrangeCommand,
+  Kt as SetSheetDrawingCommand,
   lt as SheetCanvasFloatDomManagerService,
-  go as SheetDrawingAnchor,
+  mo as SheetDrawingAnchor,
   dt as SheetDrawingUpdateController,
-  jr as SidebarSheetDrawingOperation,
-  Wr as UngroupSheetDrawingCommand,
-  Lt as UniverSheetsDrawingUIPlugin,
+  Fr as SidebarSheetDrawingOperation,
+  Br as UngroupSheetDrawingCommand,
+  Ht as UniverSheetsDrawingUIPlugin,
   me as calcSheetFloatDomPosition,
   J as drawingPositionToTransform,
   j as transformToDrawingPosition