@univerjs/sheets-drawing-ui 0.12.2 → 0.12.3-experimental.20251205-e439e48

package/lib/index.js

@@ -1,21 +1,21 @@
 var yr = Object.defineProperty;
 var Tr = (i, t, e) => t in i ? yr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var ee = (i, t, e) => Tr(i, typeof t != "symbol" ? t + "" : t, e);
-import { precisionTo as pt, IRenderManagerService as J, transformObjectOutOfGroup as Er, getGroupState as Or, getCurrentTypeOfRenderer as sn, CURSOR_TYPE as Ur, RENDER_CLASS_TYPE as Oe, Rect as Ue, ObjectType as mn, DRAWING_OBJECT_LAYER_INDEX as Ft, SHEET_VIEWPORT_KEY as xn } from "@univerjs/engine-render";
-import { convertPositionSheetOverGridToAbsolute as Pr, SheetSkeletonManagerService as V, ISheetSelectionRenderService as xe, attachRangeWithCoord as Yn, SheetCanvasPopManagerService as Ar, HoverManagerService as Nr, IEditorBridgeService as kr, IAutoFillService as Wr, EditingRenderController as Br, SetCellEditVisibleOperation as pn, PREDEFINED_HOOK_NAME as We, COPY_TYPE as ve, discreteRangeToRange as wn, virtualizeDiscreteRanges as jr, ISheetClipboardService as $r, SetZoomRatioOperation as _n, SetScrollOperation as Fr, SheetPrintInterceptorService as xr, getCurrentRangeDisable$ as Yr } from "@univerjs/sheets-ui";
-import { CommandType as Z, ICommandService as X, IUndoRedoService as Ye, sequenceExecute as Gn, DrawingTypeEnum as B, ArrangeTypeEnum as wt, Inject as A, IContextService as Xn, LocaleService as nt, Injector as Ge, Disposable as ne, createDocumentModelWithStyle as Vt, ObjectRelativeFromV as Sn, ObjectRelativeFromH as vn, WrapTextType as In, PositionedObjectLayoutType as Cn, BooleanNumber as Dn, BuildTextUtils as Ht, ImageSourceType as Rn, generateRandomId as Qe, FOCUSING_COMMON_DRAWINGS as $e, IUniverInstanceService as Se, UniverInstanceType as F, Direction as _e, IImageIoService as Gr, RxDisposable as Xr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ze, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Lr, ObjectMatrix as Vr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Hr, IPermissionService as zr, UserManagerService as Kr, LifecycleService as Jr, LifecycleStages as Zr, DisposableCollection as _t, fromEventSubject as qr, Tools as je, PRINT_CHART_COMPONENT_KEY as Qr, Rectangle as ei, FOCUSING_FX_BAR_EDITOR as ti, EDITOR_ACTIVATED as ni, FOCUSING_PANEL_EDITOR as ri, DependentOn as ii, IConfigService as si, Plugin as oi, merge as ai, registerDependencies as ci, touchDependencies as xt } from "@univerjs/core";
-import { ISheetDrawingService as re, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as di } from "@univerjs/sheets-drawing";
-import { SheetInterceptorService as At, SheetsSelectionsService as on, SetRangeValuesCommand as bn, getSheetCommandTarget as se, INTERCEPTOR_POINT as li, InterceptCellContentPriority as ui, WorkbookViewPermission as Mn, WorksheetViewPermission as yn, WorkbookEditablePermission as zt, WorksheetEditPermission as Kt, SetFrozenMutation as hi, SetWorksheetRowAutoHeightMutation as gi, COMMAND_LISTENER_SKELETON_CHANGE as fi, InsertRowCommand as Ln, InsertColCommand as Vn, RemoveRowCommand as Hn, RemoveColCommand as zn, DeleteRangeMoveLeftCommand as Kn, DeleteRangeMoveUpCommand as Jn, InsertRangeMoveDownCommand as Zn, InsertRangeMoveRightCommand as qn, DeltaRowHeightCommand as Jt, SetRowHeightCommand as Zt, DeltaColumnWidthCommand as Qn, SetColWidthCommand as er, SetRowHiddenCommand as tr, SetSpecificRowsVisibleCommand as nr, SetSpecificColsVisibleCommand as rr, SetColHiddenCommand as ir, MoveColsCommand as sr, MoveRowsCommand as or, MoveRangeCommand as ar, SetRowVisibleMutation as mi, SetRowHiddenMutation as pi, SetColVisibleMutation as wi, SetColHiddenMutation as _i, SetWorksheetRowHeightMutation as Si, SetWorksheetColWidthMutation as vi, SetWorksheetActiveOperation as Ii, RangeProtectionPermissionEditPoint as Ci } from "@univerjs/sheets";
-import { MessageType as pe, render as Di, unmount as Ri, clsx as bi, RadioGroup as Mi, Radio as Yt } from "@univerjs/design";
-import { docDrawingPositionToTransform as Tn, ReplaceSnapshotCommand as yi, InnerPasteCommand as Ti } from "@univerjs/docs-ui";
-import { IImageIoService as Ei, IDrawingManagerService as ie, DRAWING_IMAGE_ALLOW_IMAGE_LIST as En, DRAWING_IMAGE_COUNT_LIMIT as On, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as Un, getImageSize as Gt, SetDrawingSelectedOperation as Nt, DRAWING_IMAGE_WIDTH_LIMIT as Pn, DRAWING_IMAGE_HEIGHT_LIMIT as An, ImageSourceType as Oi, getDrawingShapeKeyByDrawingSearch as Ie, UniverDrawingPlugin as Ui } from "@univerjs/drawing";
-import { ILocalFileService as Pi, IMessageService as cr, ISidebarService as Ai, IDialogService as Ni, IClipboardInterfaceService as ki, CanvasFloatDomService as Wi, PrintFloatDomSingle as Bi, ComponentManager as dr, connectInjector as ji, useDependency as qe, getMenuHiddenObservable as an, MenuItemType as cn, RibbonInsertGroup as $i, KeyCode as Fe, IMenuManagerService as Fi, IShortcutService as xi } from "@univerjs/ui";
-import { DocDrawingController as Yi, UniverDocsDrawingPlugin as Gi } from "@univerjs/docs-drawing";
-import { ImageCropperObject as Xi, COMPONENT_IMAGE_POPUP_MENU as Li, OpenImageCropOperation as Vi, ImageResetSizeOperation as Hi, DrawingRenderService as lr, DrawingCommonPanel as zi, UniverDrawingUIPlugin as Ki } from "@univerjs/drawing-ui";
-import { takeUntil as Nn, throttleTime as Ji, combineLatest as St, switchMap as we, EMPTY as fe, tap as kn, map as Re, distinctUntilChanged as Wn, Subject as Xt, filter as Zi, take as qi, BehaviorSubject as ke, of as Bn } from "rxjs";
-import { jsx as oe, jsxs as qt } from "react/jsx-runtime";
-import { useMemo as Qi, useState as Qt, useEffect as ur } from "react";
-function z(i, t, e) {
+var te = (i, t, e) => Tr(i, typeof t != "symbol" ? t + "" : t, e);
+import { precisionTo as pt, IRenderManagerService as Z, transformObjectOutOfGroup as Er, getGroupState as Or, getCurrentTypeOfRenderer as sn, CURSOR_TYPE as Ur, RENDER_CLASS_TYPE as Oe, Rect as Ue, ObjectType as mn, DRAWING_OBJECT_LAYER_INDEX as Ft, SHEET_VIEWPORT_KEY as xn } from "@univerjs/engine-render";
+import { convertPositionSheetOverGridToAbsolute as Pr, SheetSkeletonManagerService as V, ISheetSelectionRenderService as Ye, attachRangeWithCoord as Yn, SheetCanvasPopManagerService as Ar, HoverManagerService as Nr, IEditorBridgeService as kr, IAutoFillService as Wr, EditingRenderController as Br, SetCellEditVisibleOperation as pn, PREDEFINED_HOOK_NAME as We, COPY_TYPE as ve, discreteRangeToRange as wn, virtualizeDiscreteRanges as jr, ISheetClipboardService as $r, SetZoomRatioOperation as _n, SetScrollOperation as Fr, SheetPrintInterceptorService as xr, getCurrentRangeDisable$ as Yr } from "@univerjs/sheets-ui";
+import { CommandType as q, ICommandService as X, IUndoRedoService as Ge, sequenceExecute as Gn, DrawingTypeEnum as W, ArrangeTypeEnum as wt, Inject as A, IContextService as Xn, LocaleService as nt, Injector as Xe, Disposable as re, createDocumentModelWithStyle as Vt, ObjectRelativeFromV as Sn, ObjectRelativeFromH as vn, WrapTextType as In, PositionedObjectLayoutType as Cn, BooleanNumber as Dn, BuildTextUtils as Ht, ImageSourceType as Rn, generateRandomId as Be, FOCUSING_COMMON_DRAWINGS as Fe, IUniverInstanceService as Se, UniverInstanceType as F, Direction as _e, IImageIoService as Gr, RxDisposable as Xr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as qe, DOCS_ZEN_EDITOR_UNIT_ID_KEY as je, InterceptorEffectEnum as Lr, ObjectMatrix as Vr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Hr, IPermissionService as zr, UserManagerService as Kr, LifecycleService as Jr, LifecycleStages as Zr, DisposableCollection as _t, fromEventSubject as qr, Tools as $e, PRINT_CHART_COMPONENT_KEY as Qr, Rectangle as ei, FOCUSING_FX_BAR_EDITOR as ti, EDITOR_ACTIVATED as ni, FOCUSING_PANEL_EDITOR as ri, DependentOn as ii, IConfigService as si, Plugin as oi, merge as ai, registerDependencies as ci, touchDependencies as xt } from "@univerjs/core";
+import { ISheetDrawingService as ie, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as di } from "@univerjs/sheets-drawing";
+import { SheetInterceptorService as At, SheetsSelectionsService as on, SetRangeValuesCommand as bn, getSheetCommandTarget as oe, INTERCEPTOR_POINT as li, InterceptCellContentPriority as ui, WorkbookViewPermission as Mn, WorksheetViewPermission as yn, WorkbookEditablePermission as zt, WorksheetEditPermission as Kt, SetFrozenMutation as hi, SetSelectionsOperation as gi, SetWorksheetRowAutoHeightMutation as fi, COMMAND_LISTENER_SKELETON_CHANGE as mi, InsertRowCommand as Ln, InsertColCommand as Vn, RemoveRowCommand as Hn, RemoveColCommand as zn, DeleteRangeMoveLeftCommand as Kn, DeleteRangeMoveUpCommand as Jn, InsertRangeMoveDownCommand as Zn, InsertRangeMoveRightCommand as qn, DeltaRowHeightCommand as Jt, SetRowHeightCommand as Zt, DeltaColumnWidthCommand as Qn, SetColWidthCommand as er, SetRowHiddenCommand as tr, SetSpecificRowsVisibleCommand as nr, SetSpecificColsVisibleCommand as rr, SetColHiddenCommand as ir, MoveColsCommand as sr, MoveRowsCommand as or, MoveRangeCommand as ar, SetRowVisibleMutation as pi, SetRowHiddenMutation as wi, SetColVisibleMutation as _i, SetColHiddenMutation as Si, SetWorksheetRowHeightMutation as vi, SetWorksheetColWidthMutation as Ii, SetWorksheetActiveOperation as Ci, RangeProtectionPermissionEditPoint as Di } from "@univerjs/sheets";
+import { MessageType as pe, render as Ri, unmount as bi, clsx as Mi, RadioGroup as yi, Radio as Yt } from "@univerjs/design";
+import { docDrawingPositionToTransform as Tn, ReplaceSnapshotCommand as Ti, InnerPasteCommand as Ei } from "@univerjs/docs-ui";
+import { IImageIoService as Oi, IDrawingManagerService as se, DRAWING_IMAGE_ALLOW_IMAGE_LIST as En, DRAWING_IMAGE_COUNT_LIMIT as On, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as Un, getImageSize as Gt, SetDrawingSelectedOperation as Nt, DRAWING_IMAGE_WIDTH_LIMIT as Pn, DRAWING_IMAGE_HEIGHT_LIMIT as An, ImageSourceType as Ui, getDrawingShapeKeyByDrawingSearch as Ie, UniverDrawingPlugin as Pi } from "@univerjs/drawing";
+import { ILocalFileService as Ai, IMessageService as cr, ISidebarService as Ni, IDialogService as ki, IClipboardInterfaceService as Wi, CanvasFloatDomService as Bi, PrintFloatDomSingle as ji, ComponentManager as dr, connectInjector as $i, useDependency as Qe, getMenuHiddenObservable as an, MenuItemType as cn, RibbonInsertGroup as Fi, KeyCode as xe, IMenuManagerService as xi, IShortcutService as Yi } from "@univerjs/ui";
+import { DocDrawingController as Gi, UniverDocsDrawingPlugin as Xi } from "@univerjs/docs-drawing";
+import { ImageCropperObject as Li, COMPONENT_IMAGE_POPUP_MENU as Vi, OpenImageCropOperation as Hi, ImageResetSizeOperation as zi, DrawingRenderService as lr, DrawingCommonPanel as Ki, UniverDrawingUIPlugin as Ji } from "@univerjs/drawing-ui";
+import { takeUntil as Nn, throttleTime as Zi, combineLatest as St, switchMap as we, EMPTY as fe, tap as kn, map as Re, distinctUntilChanged as Wn, Subject as Xt, filter as qi, take as Qi, BehaviorSubject as ke, of as Bn } from "rxjs";
+import { jsx as ae, jsxs as qt } from "react/jsx-runtime";
+import { useMemo as es, useState as Qt, useEffect as ur } from "react";
+function K(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;
@@ -69,9 +69,9 @@ function $(i, t) {
 }
 const Y = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: Z.MUTATION,
+  type: q.MUTATION,
   handler: (i, t) => {
-    const e = i.get(J);
+    const e = i.get(Z);
     return t.forEach((n) => {
       var r, s;
       (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
@@ -79,10 +79,10 @@ const Y = {
   }
 }, rt = {
   id: "sheet.command.remove-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
     var v, I, R;
-    const e = i.get(X), n = i.get(Ye), r = i.get(At), s = i.get(re);
+    const e = i.get(X), n = i.get(Ge), r = i.get(At), s = i.get(ie);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
     o.forEach((S) => {
@@ -108,9 +108,9 @@ const Y = {
   }
 }, hr = {
   id: "sheet.command.delete-drawing",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i) => {
-    const t = i.get(X), n = i.get(re).getFocusDrawings();
+    const t = i.get(X), n = i.get(ie).getFocusDrawings();
     if (n.length === 0)
       return !1;
     const r = n[0].unitId, s = n.map((o) => {
@@ -128,7 +128,7 @@ const Y = {
     });
   }
 };
-function es(i) {
+function ts(i) {
   const t = [];
   return i.forEach((e) => {
     const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = Or(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
@@ -148,7 +148,7 @@ function es(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: B.DRAWING_GROUP,
+      drawingType: W.DRAWING_GROUP,
       transform: d
     };
     t.push({
@@ -157,7 +157,7 @@ function es(i) {
     });
   }), t;
 }
-function ts(i) {
+function ns(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;
@@ -176,7 +176,7 @@ function ts(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: B.DRAWING_GROUP,
+      drawingType: W.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -190,9 +190,9 @@ function ts(i) {
 }
 const gr = {
   id: "sheet.command.group-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye), r = i.get(re);
+    const e = i.get(X), n = i.get(Ge), r = i.get(ie);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -204,7 +204,7 @@ const gr = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.GROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ts(l), type: U.UNGROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ns(l), type: U.UNGROUP } },
         { id: Y.id, params: s }
       ],
       redoMutations: [
@@ -215,10 +215,10 @@ const gr = {
   }
 }, kt = {
   id: "sheet.command.insert-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
     var v, I, R;
-    const e = i.get(X), n = i.get(Ye), r = i.get(re), s = i.get(At);
+    const e = i.get(X), n = i.get(Ge), r = i.get(ie), s = i.get(At);
     if (!t) return !1;
     const o = t.drawings, a = o.map((S) => S.unitId), d = r.getBatchAddOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, f = s.onCommandExecute({ id: kt.id, params: t }), p = { id: P.id, params: { op: g, unitId: u, subUnitId: c, objects: h, type: U.INSERT } }, m = { id: P.id, params: { op: l, unitId: u, subUnitId: c, objects: h, type: U.REMOVE } };
     return Gn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
@@ -239,11 +239,11 @@ const gr = {
   }
 }, fr = {
   id: "sheet.command.set-drawing-arrange",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye);
+    const e = i.get(X), n = i.get(Ge);
     if (!t) return !1;
-    const r = i.get(re), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
+    const r = i.get(ie), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
     let c;
     if (d === wt.forward ? c = r.getForwardDrawingsOp(u) : d === wt.backward ? c = r.getBackwardDrawingOp(u) : d === wt.front ? c = r.getFrontDrawingsOp(u) : d === wt.back && (c = r.getBackDrawingsOp(u)), c == null)
       return !1;
@@ -260,9 +260,9 @@ const gr = {
   }
 }, Wt = {
   id: "sheet.command.set-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye), r = i.get(re);
+    const e = i.get(X), n = i.get(Ge), r = i.get(ie);
     if (!t) return !1;
     const { drawings: s } = t, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: d, undo: u, redo: c, objects: l } = o;
     return e.syncExecuteCommand(P.id, { unitId: a, subUnitId: d, op: c, objects: l, type: U.UPDATE }) ? (n.pushUndoRedo({
@@ -279,9 +279,9 @@ const gr = {
   }
 }, mr = {
   id: "sheet.command.ungroup-sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Ye), r = i.get(re);
+    const e = i.get(X), n = i.get(Ge), r = i.get(ie);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -293,7 +293,7 @@ const gr = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.UNGROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: es(l), type: U.GROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ts(l), type: U.GROUP } },
         { id: Y.id, params: s }
       ],
       redoMutations: [
@@ -303,18 +303,18 @@ const gr = {
     }), !0) : !1;
   }
 };
-var ns = Object.getOwnPropertyDescriptor, rs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ns(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var rs = Object.getOwnPropertyDescriptor, is = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? rs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, te = (i, t) => (e, n) => t(e, n, i);
-function is(i, t, e) {
+}, ne = (i, t) => (e, n) => t(e, n, i);
+function ss(i, t, e) {
   const n = e * Math.PI / 180, r = Math.abs(i * Math.cos(n)) + Math.abs(t * Math.sin(n)), s = Math.abs(i * Math.sin(n)) + Math.abs(t * Math.cos(n));
   return { rotatedWidth: r, rotatedHeight: s };
 }
 function en(i, t, e, n, r) {
   var v;
-  const { rotatedHeight: s, rotatedWidth: o } = is(e, n, r), d = i.get(J).getRenderById(t.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = ss(e, n, r), d = i.get(Z).getRenderById(t.unitId);
   if (!d)
     return !1;
   const c = (v = d.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : v.skeleton;
@@ -326,10 +326,10 @@ function en(i, t, e, n, r) {
     height: n * _
   };
 }
-let et = class extends ne {
+let et = class extends re {
   constructor(t, e, n, r, s, o, a, d, u, c, l, g, h) {
     super();
-    ee(this, "_workbookSelections");
+    te(this, "_workbookSelections");
     this._context = t, this._skeletonManagerService = e, this._commandService = n, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = d, this._contextService = u, this._messageService = c, this._localeService = l, this._injector = h, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
@@ -385,10 +385,10 @@ let et = class extends ne {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: B.DRAWING_IMAGE,
+      drawingType: W.DRAWING_IMAGE,
       imageSourceType: a,
       source: d,
-      transform: z(m, this._selectionRenderService, this._skeletonManagerService),
+      transform: K(m, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: m
     };
     return this._commandService.executeCommand(kt.id, {
@@ -456,7 +456,7 @@ let et = class extends ne {
       unitId: f.getUnitId(),
       subUnitId: f.getUnitId(),
       drawingId: r,
-      drawingType: B.DRAWING_IMAGE,
+      drawingType: W.DRAWING_IMAGE,
       imageSourceType: s,
       source: o,
       transform: Tn(m),
@@ -532,8 +532,8 @@ let et = class extends ne {
     }, c = {
       unitId: a.getUnitId(),
       subUnitId: a.getUnitId(),
-      drawingId: Qe(),
-      drawingType: B.DRAWING_IMAGE,
+      drawingId: Be(),
+      drawingType: W.DRAWING_IMAGE,
       imageSourceType: Rn.URL,
       source: t,
       transform: Tn(u),
@@ -641,7 +641,7 @@ let et = class extends ne {
           return;
         const l = {
           ...n,
-          transform: { ...u.transform, ...d, ...z(c, this._selectionRenderService, this._skeletonManagerService) },
+          transform: { ...u.transform, ...d, ...K(c, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...c }
         };
         e.push(l);
@@ -663,31 +663,31 @@ let et = class extends ne {
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((t) => {
-        t == null || t.length === 0 ? (this._contextService.setContextValue($e, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue($e, !0), this._sheetDrawingService.focusDrawing(t));
+        t == null || t.length === 0 ? (this._contextService.setContextValue(Fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Fe, !0), this._sheetDrawingService.focusDrawing(t));
       })
     );
   }
 };
-et = rs([
-  te(1, A(V)),
-  te(2, X),
-  te(3, xe),
-  te(4, Ei),
-  te(5, Pi),
-  te(6, re),
-  te(7, ie),
-  te(8, Xn),
-  te(9, cr),
-  te(10, A(nt)),
-  te(11, A(on)),
-  te(12, A(Ge))
+et = is([
+  ne(1, A(V)),
+  ne(2, X),
+  ne(3, Ye),
+  ne(4, Oi),
+  ne(5, Ai),
+  ne(6, ie),
+  ne(7, se),
+  ne(8, Xn),
+  ne(9, cr),
+  ne(10, A(nt)),
+  ne(11, A(on)),
+  ne(12, A(Xe))
 ], et);
 const Bt = {
   id: "sheet.command.insert-float-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: async (i, t) => {
     var o, a;
-    const e = i.get(Se), n = i.get(J), r = (o = sn(
+    const e = i.get(Se), n = i.get(Z), r = (o = sn(
       F.UNIVER_SHEET,
       e,
       n
@@ -703,10 +703,10 @@ const Bt = {
   }
 }, dn = {
   id: "sheet.command.insert-cell-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i) => {
     var n, r;
-    const t = i.get(Se), e = i.get(J);
+    const t = i.get(Se), e = i.get(Z);
     return (r = (n = sn(
       F.UNIVER_SHEET,
       t,
@@ -715,9 +715,9 @@ const Bt = {
   }
 }, it = {
   id: "sheet.command.move-drawing",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(re), r = i.get(xe), { direction: s } = t, o = n.getFocusDrawings();
+    const e = i.get(X), n = i.get(ie), r = i.get(Ye), { direction: s } = t, o = n.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, d = o.map((c) => {
@@ -738,10 +738,10 @@ const Bt = {
   }
 }, pr = "COMPONENT_SHEET_DRAWING_PANEL", wr = {
   id: "sidebar.operation.sheet-image",
-  type: Z.COMMAND,
+  type: q.COMMAND,
   handler: async (i, t) => {
-    const e = i.get(Ai), n = i.get(nt), r = i.get(Se), s = i.get(X);
-    if (!se(r)) return !1;
+    const e = i.get(Ni), n = i.get(nt), r = i.get(Se), s = i.get(X);
+    if (!oe(r)) return !1;
     switch (t.value) {
       case "open":
         e.open({
@@ -762,21 +762,21 @@ const Bt = {
   }
 }, _r = {
   id: "sheet.operation.edit-sheet-image",
-  type: Z.OPERATION,
+  type: q.OPERATION,
   handler: (i, t) => {
     const e = i.get(X);
     return t == null ? !1 : (e.syncExecuteCommand(Nt.id, [t]), e.executeCommand(wr.id, { value: "open" }), !0);
   }
-}, ss = "sheets-drawing-ui.config", jn = {};
-var os = Object.getOwnPropertyDescriptor, as = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? os(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+}, os = "sheets-drawing-ui.config", jn = {};
+var as = Object.getOwnPropertyDescriptor, cs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? as(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, ce = (i, t) => (e, n) => t(e, n, i);
 let Rt = class extends Xr {
   constructor(t, e, n, r, s, o, a, d, u, c) {
     super();
-    ee(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    te(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() {
@@ -808,7 +808,7 @@ let Rt = class extends Xr {
   _hasCropObject(t) {
     const e = t.getAllObjectsByOrder();
     for (const n of e)
-      if (n instanceof Xi)
+      if (n instanceof Li)
         return !0;
     return !1;
   }
@@ -823,7 +823,7 @@ let Rt = class extends Xr {
     let r;
     this.disposeWithMe(
       n.createControl$.subscribe(() => {
-        if (this._contextService.setContextValue($e, !0), this._hasCropObject(e))
+        if (this._contextService.setContextValue(Fe, !0), this._hasCropObject(e))
           return;
         const o = n.getSelectedObjectMap();
         if (o.size > 1) {
@@ -842,7 +842,7 @@ let Rt = class extends Xr {
         r == null || r.dispose();
         const p = this._canvasPopManagerService.getFeatureMenu(c, l, g, h);
         r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-          componentKey: Li,
+          componentKey: Vi,
           direction: "horizontal",
           offset: [2, 0],
           extraProps: {
@@ -852,11 +852,11 @@ let Rt = class extends Xr {
       })
     ), this.disposeWithMe(
       n.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue($e, !1), this._commandService.syncExecuteCommand(Nt.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(Fe, !1), this._commandService.syncExecuteCommand(Nt.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[$e] === !1 && (r == null || r.dispose());
+        o[Fe] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
       n.changing$.subscribe(() => {
@@ -871,7 +871,7 @@ let Rt = class extends Xr {
         index: 0,
         commandId: _r.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === B.DRAWING_DOM
+        disable: r === W.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
@@ -883,45 +883,45 @@ let Rt = class extends Xr {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Vi.id,
+        commandId: Hi.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === B.DRAWING_DOM
+        disable: r === W.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Hi.id,
+        commandId: zi.id,
         commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
-        disable: r === B.DRAWING_DOM
+        disable: r === W.DRAWING_DOM
       }
     ];
   }
 };
-Rt = as([
-  ce(0, A(Ge)),
+Rt = cs([
+  ce(0, A(Xe)),
   ce(1, A(nt)),
-  ce(2, ie),
+  ce(2, se),
   ce(3, A(Ar)),
-  ce(4, J),
+  ce(4, Z),
   ce(5, Se),
   ce(6, cr),
   ce(7, Xn),
   ce(8, Gr),
   ce(9, X)
 ], Rt);
-var cs = Object.getOwnPropertyDescriptor, ds = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? cs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ds = Object.getOwnPropertyDescriptor, ls = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ds(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, vt = (i, t) => (e, n) => t(e, n, i);
-let tn = class extends ne {
+let tn = class extends re {
   constructor(t, e, n, r, s) {
     super();
-    ee(this, "_isSetCursor", !1);
+    te(this, "_isSetCursor", !1);
     this._context = t, this._hoverManagerService = e, this._selectionsService = n, this._drawingRenderService = r, this._sheetSkeletonManagerService = s, this._initHover(), this._initImageClick();
   }
   _initHover() {
-    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Ji(33)).subscribe((t) => {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Zi(33)).subscribe((t) => {
       var n, r;
       let e = [];
       t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(Ur.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
@@ -938,18 +938,18 @@ let tn = class extends ne {
     }));
   }
 };
-tn = ds([
+tn = ls([
   vt(1, A(Nr)),
   vt(2, A(on)),
   vt(3, A(lr)),
   vt(4, A(V))
 ], tn);
-var ls = Object.getOwnPropertyDescriptor, us = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ls(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var us = Object.getOwnPropertyDescriptor, hs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? us(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, It = (i, t) => (e, n) => t(e, n, i);
-let nn = class extends ne {
+let nn = class extends re {
   constructor(i, t, e, n, r) {
     super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -963,20 +963,20 @@ let nn = class extends ne {
       const e = i[t];
       for (const n in e.data) {
         const r = e.data[n];
-        r.sheetTransform && (r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService));
+        r.sheetTransform && (r.transform = K(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService));
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-nn = us([
-  It(1, re),
-  It(2, ie),
-  It(3, A(xe)),
+nn = hs([
+  It(1, ie),
+  It(2, se),
+  It(3, A(Ye)),
   It(4, A(V))
 ], nn);
-var hs = Object.getOwnPropertyDescriptor, gs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var gs = Object.getOwnPropertyDescriptor, fs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? gs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ae = (i, t) => (e, n) => t(e, n, i);
@@ -1000,15 +1000,15 @@ function Sr(i, t, e) {
   }
   return !1;
 }
-let bt = class extends ne {
+let bt = class extends re {
   constructor(i, t, e, n, r, s) {
     super(), this._commandService = i, this._sheetInterceptorService = t, this._injector = e, this._drawingManagerService = n, this._docDrawingController = r, this._editorBridgeService = s, this._handleInitEditor(), this._initCellContentInterceptor();
   }
   _handleInitEditor() {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
-      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(Ze), this._docDrawingController.loadDrawingDataForUnit(Ze), this._drawingManagerService.initializeNotification(Ze)) : this._drawingManagerService.removeDrawingDataForUnit(Ze);
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(qe), this._docDrawingController.loadDrawingDataForUnit(qe), this._drawingManagerService.initializeNotification(qe)) : this._drawingManagerService.removeDrawingDataForUnit(qe);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === yi.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
+      i.id === Ti.id && i.params.unitId === je && (this._drawingManagerService.removeDrawingDataForUnit(je), this._docDrawingController.loadDrawingDataForUnit(je), this._drawingManagerService.initializeNotification(je));
     }));
   }
   _initCellContentInterceptor() {
@@ -1027,20 +1027,20 @@ let bt = class extends ne {
     );
   }
 };
-bt = gs([
+bt = fs([
   Ae(0, X),
   Ae(1, A(At)),
-  Ae(2, A(Ge)),
-  Ae(3, ie),
-  Ae(4, A(Yi)),
+  Ae(2, A(Xe)),
+  Ae(3, se),
+  Ae(4, A(Gi)),
   Ae(5, A(kr))
 ], bt);
-var fs = Object.getOwnPropertyDescriptor, ms = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? fs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ms = Object.getOwnPropertyDescriptor, ps = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ms(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, $n = (i, t) => (e, n) => t(e, n, i);
-let Mt = class extends ne {
+let Mt = class extends re {
   constructor(i, t) {
     super(), this._autoFillService = i, this._injector = t, this._initAutoFillHooks();
   }
@@ -1057,21 +1057,21 @@ let Mt = class extends ne {
     );
   }
 };
-Mt = ms([
+Mt = ps([
   $n(0, A(Wr)),
-  $n(1, A(Ge))
+  $n(1, A(Xe))
 ], Mt);
-var ps = Object.getOwnPropertyDescriptor, ws = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ps(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ws = Object.getOwnPropertyDescriptor, _s = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ws(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, He = (i, t) => (e, n) => t(e, n, i);
-const _s = [
-  Ze,
+}, ze = (i, t) => (e, n) => t(e, n, i);
+const Ss = [
+  qe,
   Hr,
-  Be
+  je
 ];
-let yt = class extends ne {
+let yt = class extends re {
   constructor(i, t, e, n, r) {
     super(), this._commandService = i, this._univerInstanceService = t, this._dialogService = e, this._renderManagerService = n, this._localeService = r, this._initDocImageCopyPasteHooks();
   }
@@ -1092,13 +1092,13 @@ let yt = class extends ne {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
-        if (i.id === Ti.id) {
+        if (i.id === Ei.id) {
           const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(F.UNIVER_DOC);
           if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
             return;
           const o = s.getUnitId();
-          if (_s.includes(o)) {
-            if (o !== Be) {
+          if (Ss.includes(o)) {
+            if (o !== je) {
               const a = () => {
                 this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(pn.id, {
                   visible: !1
@@ -1133,32 +1133,32 @@ let yt = class extends ne {
     );
   }
 };
-yt = ws([
-  He(0, X),
-  He(1, Se),
-  He(2, Ni),
-  He(3, J),
-  He(4, A(nt))
+yt = _s([
+  ze(0, X),
+  ze(1, Se),
+  ze(2, ki),
+  ze(3, Z),
+  ze(4, A(nt))
 ], yt);
-var Ss = Object.getOwnPropertyDescriptor, vs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ss(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var vs = Object.getOwnPropertyDescriptor, Is = (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;
-}, ze = (i, t) => (e, n) => t(e, n, i);
+}, Ke = (i, t) => (e, n) => t(e, n, i);
 const vr = "image/png";
-function Is(i) {
+function Cs(i) {
   const t = i.split(","), e = atob(t[1]), n = e.length, r = new Uint8Array(n);
   for (let s = 0; s < n; s++)
     r[s] = e.charCodeAt(s);
   return new Blob([r], { type: vr });
 }
-function Cs(i) {
-  const t = new ClipboardItem({ [vr]: Is(i) });
+function Ds(i) {
+  const t = new ClipboardItem({ [vr]: Cs(i) });
   navigator.clipboard.write([t]).catch((e) => {
     console.error("Could not copy image using clipboard API: ", e);
   });
 }
-function Ds() {
+function Rs() {
   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;
@@ -1174,10 +1174,10 @@ const Fn = [
   We.SPECIAL_PASTE_FORMAT,
   We.SPECIAL_PASTE_FORMULA
 ];
-let Tt = class extends ne {
+let Tt = class extends re {
   constructor(t, e, n, r, s) {
     super();
-    ee(this, "_copyInfo");
+    te(this, "_copyInfo");
     this._sheetClipboardService = t, this._renderManagerService = e, this._drawingService = n, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
   get _focusedDrawings() {
@@ -1188,9 +1188,12 @@ let Tt = class extends ne {
     this._sheetClipboardService.addClipboardHook({
       id: "SHEET_IMAGE_UI_PLUGIN",
       onBeforeCopy: (t, e, n, r) => {
+        this._copyInfo = null;
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
+          if (o.drawingType !== W.DRAWING_IMAGE)
+            return;
           if (r === ve.CUT) {
             const d = {
               unitId: t,
@@ -1199,8 +1202,8 @@ let Tt = class extends ne {
             this._commandService.executeCommand(rt.id, d);
           }
           setTimeout(() => {
-            const d = Ds();
-            o.drawingType === B.DRAWING_IMAGE && o.imageSourceType === Oi.BASE64 ? Cs(o.source) : this._clipboardInterfaceService.writeText(""), d();
+            const d = Rs();
+            o.drawingType === W.DRAWING_IMAGE && o.imageSourceType === Ui.BASE64 ? Ds(o.source) : this._clipboardInterfaceService.writeText(""), d();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1250,7 +1253,10 @@ let Tt = class extends ne {
       return;
     const { startX: o, endX: a, startY: d, endY: u } = s, c = this._drawingService.getDrawingData(t, e), l = this._focusedDrawings.slice();
     if (Object.keys(c).forEach((h) => {
-      const f = c[h], { transform: p } = f;
+      const f = c[h];
+      if (f.drawingType !== W.DRAWING_IMAGE)
+        return;
+      const { transform: p } = f;
       if (f.anchorType !== O.Both || !p)
         return;
       const { left: m = 0, top: _ = 0, width: v = 0, height: I = 0 } = p, { drawingStartX: R, drawingEndX: S, drawingStartY: C, drawingEndY: w } = {
@@ -1272,7 +1278,7 @@ let Tt = class extends ne {
     const { pasteType: n, pasteTo: r } = t;
     if (Fn.includes(n))
       return { redos: [], undos: [] };
-    const { unitId: s, subUnitId: o, range: a } = r, d = this._renderManagerService.getRenderById(s), u = d == null ? void 0 : d.with(V), c = d == null ? void 0 : d.with(xe), l = this._copyInfo;
+    const { unitId: s, subUnitId: o, range: a } = r, d = this._renderManagerService.getRenderById(s), u = d == null ? void 0 : d.with(V), c = d == null ? void 0 : d.with(Ye), l = this._copyInfo;
     if (!u || !c)
       return { redos: [], undos: [] };
     const { drawings: g } = l, h = wn(a);
@@ -1314,7 +1320,7 @@ let Tt = class extends ne {
         ...c,
         unitId: n,
         subUnitId: r,
-        drawingId: o ? c.drawingId : Qe(),
+        drawingId: o ? c.drawingId : Be(),
         transform: h.transform,
         sheetTransform: h.sheetTransform
       };
@@ -1412,19 +1418,19 @@ let Tt = class extends ne {
     });
   }
 };
-Tt = vs([
-  ze(0, $r),
-  ze(1, J),
-  ze(2, ie),
-  ze(3, ki),
-  ze(4, X)
+Tt = Is([
+  Ke(0, $r),
+  Ke(1, Z),
+  Ke(2, se),
+  Ke(3, Wi),
+  Ke(4, X)
 ], Tt);
-var Rs = Object.getOwnPropertyDescriptor, bs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Rs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var bs = Object.getOwnPropertyDescriptor, Ms = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? bs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ke = (i, t) => (e, n) => t(e, n, i);
-let Et = class extends ne {
+}, Je = (i, t) => (e, n) => t(e, n, i);
+let Et = class extends re {
   constructor(i, t, e, n, r) {
     super(), this._drawingManagerService = i, this._renderManagerService = t, this._permissionService = e, this._univerInstanceService = n, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
@@ -1592,18 +1598,19 @@ let Et = class extends ne {
     );
   }
 };
-Et = bs([
-  Ke(0, ie),
-  Ke(1, J),
-  Ke(2, zr),
-  Ke(3, Se),
-  Ke(4, A(Kr))
+Et = Ms([
+  Je(0, se),
+  Je(1, Z),
+  Je(2, zr),
+  Je(3, Se),
+  Je(4, A(Kr))
 ], Et);
-var Ms = Object.getOwnPropertyDescriptor, ys = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ms(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ys = Object.getOwnPropertyDescriptor, Ts = (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;
 }, Ce = (i, t) => (e, n) => t(e, n, i);
+const Es = "univer-sheet-float-dom-";
 function Ir(i, t, e, n, r, s = !1) {
   const { scaleX: o, scaleY: a } = t.getAncestorScale(), d = t.getViewport(xn.VIEW_MAIN), u = n.getFreeze(), { startColumn: c, startRow: l, xSplit: g, ySplit: h } = u, f = {
     left: !0,
@@ -1621,27 +1628,27 @@ function Ir(i, t, e, n, r, s = !1) {
     top: s ? 0 : T,
     left: s ? 0 : D
   };
-  w && (je.isDefine(E.top) && (E.top = w.top), je.isDefine(E.left) && (E.left = w.left)), y === "HORIZONTAL" && (C = 0), y === "VERTICAL" && (S = 0);
+  w && ($e.isDefine(E.top) && (E.top = w.top), $e.isDefine(E.left) && (E.left = w.left)), y === "HORIZONTAL" && (C = 0), y === "VERTICAL" && (S = 0);
   let M = 0, b = 0;
-  const N = e.rowStartY(l - h) + T, x = e.colStartX(c - g) + D, q = e.rowStartY(l) + T, H = e.colStartX(c) + D;
+  const N = e.rowStartY(l - h) + T, x = e.colStartX(c - g) + D, Q = e.rowStartY(l) + T, H = e.colStartX(c) + D;
   if (g === 0)
     f.left = !1, M = (p - S) * o, b = (m - S) * o;
   else {
-    const k = p - (x - D), ae = m - (x - D);
-    m < H ? (M = k * o, b = ae * o) : p <= H && m >= H ? (M = k * o, b = Math.max(R, (m - S) * o)) : p > H && (f.left = !1, M = Math.max((p - S) * o, R), b = Math.max((m - S) * o, R));
+    const z = p - (x - D), B = m - (x - D);
+    m < H ? (M = z * o, b = B * o) : p <= H && m >= H ? (M = z * o, b = Math.max(R, (m - S) * o)) : p > H && (f.left = !1, M = Math.max((p - S) * o, R), b = Math.max((m - S) * o, R));
   }
-  let L = 0, G = 0;
+  let G = 0, L = 0;
   if (h === 0)
-    f.top = !1, L = (_ - C) * a, G = (v - C) * a;
+    f.top = !1, G = (_ - C) * a, L = (v - C) * a;
   else {
-    const k = _ - (N - T), ae = v - (N - T);
-    v < q ? (L = k * a, G = ae * a) : _ <= q && v >= q ? (L = k * a, G = Math.max(I, (v - C) * a)) : _ > q && (f.top = !1, L = Math.max((_ - C) * a, I), G = Math.max((v - C) * a, I));
+    const z = _ - (N - T), B = v - (N - T);
+    v < Q ? (G = z * a, L = B * a) : _ <= Q && v >= Q ? (G = z * a, L = Math.max(I, (v - C) * a)) : _ > Q && (f.top = !1, G = Math.max((_ - C) * a, I), L = Math.max((v - C) * a, I));
   }
-  return M = Math.max(M, E.left), L = Math.max(L, E.top), b = Math.max(b, E.left), G = Math.max(G, E.top), {
+  return M = Math.max(M, E.left), G = Math.max(G, E.top), b = Math.max(b, E.left), L = Math.max(L, E.top), {
     left: M,
     right: b,
-    top: L,
-    bottom: G,
+    top: G,
+    bottom: L,
     absolute: f
   };
 }
@@ -1663,23 +1670,23 @@ const ge = (i, t, e, n, r) => {
     absolute: l.absolute
   };
 };
-let tt = class extends ne {
+let tt = class extends re {
   constructor(t, e, n, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
      */
-    ee(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    ee(this, "_transformChange$", new Xt());
-    ee(this, "transformChange$", this._transformChange$.asObservable());
-    ee(this, "_add$", new Xt());
-    ee(this, "add$", this._add$.asObservable());
-    ee(this, "_remove$", new Xt());
-    ee(this, "remove$", this._remove$.asObservable());
+    te(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    te(this, "_transformChange$", new Xt());
+    te(this, "transformChange$", this._transformChange$.asObservable());
+    te(this, "_add$", new Xt());
+    te(this, "add$", this._add$.asObservable());
+    te(this, "_remove$", new Xt());
+    te(this, "remove$", this._remove$.asObservable());
     this._renderManagerService = t, this._univerInstanceService = e, this._commandService = n, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(Zi((t) => t === Zr.Rendered), qi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(qi((t) => t === Zr.Rendered), Qi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1704,18 +1711,18 @@ let tt = class extends ne {
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((t) => {
         t.forEach((e) => {
-          var K;
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = se(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, F.UNIVER_SHEET);
+          var z;
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = oe(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), d = this._univerInstanceService.getUnit(n, F.UNIVER_SHEET);
           if (!d)
             return;
           const u = d.getActiveSheet().getSheetId();
           if (!a || !o)
             return;
-          const c = (K = this._renderManagerService.getRenderById(n)) == null ? void 0 : K.with(V).getSkeletonParam(r);
+          const c = (z = this._renderManagerService.getRenderById(n)) == null ? void 0 : z.with(V).getSkeletonParam(r);
           if (!c)
             return;
           const { transform: l, drawingType: g, data: h } = a;
-          if (g !== B.DRAWING_DOM && g !== B.DRAWING_CHART)
+          if (g !== W.DRAWING_DOM && g !== W.DRAWING_CHART)
             return;
           const f = this._getSceneAndTransformerByDrawingSearch(n);
           if (f == null)
@@ -1736,49 +1743,51 @@ let tt = class extends ne {
             width: I,
             height: R,
             zIndex: this._drawingManagerService.getDrawingOrder(n, r).length - 1
-          }, b = g === B.DRAWING_CHART;
+          }, b = g === W.DRAWING_CHART;
           if (M.rotateEnabled = !1, b) {
-            const k = h ? h.backgroundColor : "white";
-            M.fill = k, h && h.border && (M.stroke = h.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8;
+            const B = h ? h.backgroundColor : "white";
+            M.fill = B, h && h.border && (M.stroke = h.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8;
           }
           const N = new Ue(T, M);
           b && N.setObjectType(mn.CHART), p.addObject(N, Ft), a.allowTransform !== !1 && p.attachTransformerTo(N);
-          const x = new _t(), q = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet), H = new ke(q), L = {
+          const x = new _t(), Q = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet), H = new ke(Q), G = `${Es}${Be(6)}`, L = {
             dispose: x,
             rect: N,
             position$: H,
             unitId: n,
             subUnitId: r,
-            id: s
+            id: s,
+            domId: G
           };
           this._canvasFloatDomService.addFloatDom({
             position$: H,
             id: s,
+            domId: G,
             componentKey: a.componentKey,
-            onPointerDown: (k) => {
-              m.dispatchEvent(new PointerEvent(k.type, k));
+            onPointerDown: (B) => {
+              m.dispatchEvent(new PointerEvent(B.type, B));
             },
-            onPointerMove: (k) => {
-              m.dispatchEvent(new PointerEvent(k.type, k));
+            onPointerMove: (B) => {
+              m.dispatchEvent(new PointerEvent(B.type, B));
             },
-            onPointerUp: (k) => {
-              m.dispatchEvent(new PointerEvent(k.type, k));
+            onPointerUp: (B) => {
+              m.dispatchEvent(new PointerEvent(B.type, B));
             },
-            onWheel: (k) => {
-              m.dispatchEvent(new WheelEvent(k.type, k));
+            onWheel: (B) => {
+              m.dispatchEvent(new WheelEvent(B.type, B));
             },
             data: h,
             unitId: n
           });
-          const G = N.onTransformChange$.subscribeEvent(() => {
-            const k = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet);
+          const J = N.onTransformChange$.subscribeEvent(() => {
+            const B = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet);
             H.next(
-              k
+              B
             );
           });
           x.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), G && x.add(G), this._domLayerInfoMap.set(s, L);
+          }), J && x.add(J), this._domLayerInfoMap.set(s, L);
         });
       })
     ), this.disposeWithMe(
@@ -1797,7 +1806,7 @@ let tt = class extends ne {
   _scrollUpdateListener() {
     const t = (e, n) => {
       var d;
-      const r = this._getSceneAndTransformerByDrawingSearch(e), s = Array.from(this._domLayerInfoMap.keys()).map((u) => ({ id: u, ...this._domLayerInfoMap.get(u) })).filter((u) => u.subUnitId === n && u.unitId === e).map((u) => u.id), o = se(this._univerInstanceService, { unitId: e, subUnitId: n }), a = (d = this._renderManagerService.getRenderById(e)) == null ? void 0 : d.with(V).getSkeletonParam(n);
+      const r = this._getSceneAndTransformerByDrawingSearch(e), s = Array.from(this._domLayerInfoMap.keys()).map((u) => ({ id: u, ...this._domLayerInfoMap.get(u) })).filter((u) => u.subUnitId === n && u.unitId === e).map((u) => u.id), o = oe(this._univerInstanceService, { unitId: e, subUnitId: n }), a = (d = this._renderManagerService.getRenderById(e)) == null ? void 0 : d.with(V).getSkeletonParam(n);
       !r || !o || !a || s.forEach((u) => {
         const c = this._domLayerInfoMap.get(u);
         if (c) {
@@ -1831,6 +1840,9 @@ let tt = class extends ne {
       } else if (e.id === hi.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
+      } else if (e.id === gi.id) {
+        const { unitId: n, subUnitId: r } = e.params;
+        t(n, r);
       }
     }));
   }
@@ -1843,7 +1855,7 @@ let tt = class extends ne {
   }
   _getPosition(t, e) {
     var g;
-    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(xe);
+    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Ye);
     if (a == null)
       return;
     const d = a.getCellWithCoordByOffset(n, s);
@@ -1873,7 +1885,7 @@ let tt = class extends ne {
       this._drawingManagerService.update$.subscribe((t) => {
         t.forEach((e) => {
           const n = this._drawingManagerService.getDrawingByParam(e);
-          if (!n || n.drawingType !== B.DRAWING_DOM && n.drawingType !== B.DRAWING_CHART)
+          if (!n || n.drawingType !== W.DRAWING_DOM && n.drawingType !== W.DRAWING_CHART)
             return;
           const r = {
             ...n.transform
@@ -1882,7 +1894,7 @@ let tt = class extends ne {
             ...n
           });
           const s = this._getSceneAndTransformerByDrawingSearch(e.unitId);
-          if (s && n.drawingType !== B.DRAWING_CHART) {
+          if (s && n.drawingType !== W.DRAWING_CHART) {
             const { scene: o } = s, a = this._domLayerInfoMap.get(e.drawingId);
             a != null && a.rect && (n.allowTransform === !1 ? o.detachTransformerFrom(a.rect) : o.attachTransformerTo(a.rect));
           }
@@ -1901,20 +1913,20 @@ let tt = class extends ne {
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
   addFloatDomToPosition(t, e) {
-    const n = se(this._univerInstanceService, {
+    const n = oe(this._univerInstanceService, {
       unitId: t.unitId,
       subUnitId: t.subUnitId
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: a, data: d, allowTransform: u = !0 } = t, c = e != null ? e : Qe(), l = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: a, data: d, allowTransform: u = !0 } = t, c = e != null ? e : Be(), l = this._getPosition(o, r);
     if (l == null)
       return;
     const g = {
       unitId: r,
       subUnitId: s,
       drawingId: c,
-      drawingType: t.type || B.DRAWING_DOM,
+      drawingType: t.type || W.DRAWING_DOM,
       componentKey: a,
       sheetTransform: l,
       transform: {
@@ -1954,7 +1966,7 @@ let tt = class extends ne {
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToRange(t, e, n, r) {
     var C, w, y;
-    const s = se(this._univerInstanceService, {
+    const s = oe(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
@@ -1966,14 +1978,14 @@ let tt = class extends ne {
     if (!u) return;
     const c = (C = this._renderManagerService.getRenderById(o)) == null ? void 0 : C.with(V).getWorksheetSkeleton(a);
     if (!c) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Qe(), { position: p, position$: m } = this._createRangePositionObserver(t, u, c.skeleton);
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Be(), { position: p, position$: m } = this._createRangePositionObserver(t, u, c.skeleton);
     if (this._getPosition(p, o) == null)
       return;
     const v = d.scene, { scaleX: I } = v.getAncestorScale(), R = Ct(p, n, I), S = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || B.DRAWING_DOM,
+      drawingType: e.type || W.DRAWING_DOM,
       componentKey: l,
       transform: {
         left: R.startX,
@@ -1985,48 +1997,48 @@ let tt = class extends ne {
       allowTransform: h
     };
     {
-      const { unitId: D, subUnitId: T, drawingId: E } = S, M = se(this._univerInstanceService, { unitId: D, subUnitId: T }), b = S, N = this._univerInstanceService.getUnit(D, F.UNIVER_SHEET);
+      const { unitId: D, subUnitId: T, drawingId: E } = S, M = oe(this._univerInstanceService, { unitId: D, subUnitId: T }), b = S, N = this._univerInstanceService.getUnit(D, F.UNIVER_SHEET);
       if (!N)
         return;
       const x = N.getActiveSheet().getSheetId();
       if (!b || !M)
         return;
-      const q = (w = this._renderManagerService.getRenderById(D)) == null ? void 0 : w.with(V);
-      if (!q)
+      const Q = (w = this._renderManagerService.getRenderById(D)) == null ? void 0 : w.with(V);
+      if (!Q)
         return;
-      const H = q.getWorksheetSkeleton(T);
+      const H = Q.getWorksheetSkeleton(T);
       if (!H)
         return;
-      const { transform: L, drawingType: G, data: K } = b;
-      if (G !== B.DRAWING_DOM && G !== B.DRAWING_CHART)
+      const { transform: G, drawingType: L, data: J } = b;
+      if (L !== W.DRAWING_DOM && L !== W.DRAWING_CHART)
         return;
-      const k = this._getSceneAndTransformerByDrawingSearch(D);
-      if (k == null)
+      const z = this._getSceneAndTransformerByDrawingSearch(D);
+      if (z == null)
         return;
-      const { scene: ae, canvas: be } = k;
-      if (L == null || x !== T)
+      const { scene: B, canvas: be } = z;
+      if (G == null || x !== T)
         return;
-      const { left: ot, top: at, width: ct, height: dt, angle: jt, flipX: $t, flipY: lt, skewX: ut, skewY: Me } = L, ht = Ie({ unitId: D, subUnitId: T, drawingId: E }), de = ae.getObject(ht);
+      const { left: ot, top: at, width: ct, height: dt, angle: jt, flipX: $t, flipY: lt, skewX: ut, skewY: Me } = G, ht = Ie({ unitId: D, subUnitId: T, drawingId: E }), de = B.getObject(ht);
       if (de != null) {
         de.transformByState({ left: ot, top: at, width: ct, height: dt, angle: jt, flipX: $t, flipY: lt, skewX: ut, skewY: Me });
         return;
       }
-      const Q = {
+      const ee = {
         left: ot,
         // from floatDomParam.transform
         top: at,
         width: ct,
         height: dt,
         zIndex: this._drawingManagerService.getDrawingOrder(D, T).length - 1
-      }, ye = G === B.DRAWING_CHART;
+      }, ye = L === W.DRAWING_CHART;
       if (ye) {
-        const W = K ? K.backgroundColor : "white";
-        Q.fill = W, Q.rotateEnabled = !1, K && K.border && (Q.stroke = K.border), Q.paintFirst = "stroke", Q.strokeWidth = 1, Q.borderEnabled = !1, Q.radius = 8;
+        const k = J ? J.backgroundColor : "white";
+        ee.fill = k, ee.rotateEnabled = !1, J && J.border && (ee.stroke = J.border), ee.paintFirst = "stroke", ee.strokeWidth = 1, ee.borderEnabled = !1, ee.radius = 8;
       }
-      const le = new Ue(ht, Q);
-      ye && le.setObjectType(mn.CHART), ae.addObject(le, Ft), b.allowTransform !== !1 && ae.attachTransformerTo(le);
-      const ue = new _t(), gt = ae.getMainViewport(), { rowHeaderWidth: Te, columnHeaderHeight: Xe } = H.skeleton, ft = {
-        top: Xe,
+      const le = new Ue(ht, ee);
+      ye && le.setObjectType(mn.CHART), B.addObject(le, Ft), b.allowTransform !== !1 && B.attachTransformerTo(le);
+      const ue = new _t(), gt = B.getMainViewport(), { rowHeaderWidth: Te, columnHeaderHeight: Le } = H.skeleton, ft = {
+        top: Le,
         left: Te,
         bottom: gt.bottom,
         right: gt.right
@@ -2037,9 +2049,9 @@ let tt = class extends ne {
         domAnchor: n,
         unitId: D,
         subUnitId: T
-      }, j = ge(le, k.renderUnit.scene, H.skeleton, M.worksheet, he), Ee = new ke(j);
+      }, j = ge(le, z.renderUnit.scene, H.skeleton, M.worksheet, he), Ee = new ke(j);
       he.position$ = Ee;
-      let Le = {
+      let Ve = {
         position$: Ee,
         id: E,
         componentKey: b.componentKey,
@@ -2049,32 +2061,32 @@ let tt = class extends ne {
         },
         onPointerUp: () => {
         },
-        onWheel: (W) => {
-          be.dispatchEvent(new WheelEvent(W.type, W));
+        onWheel: (k) => {
+          be.dispatchEvent(new WheelEvent(k.type, k));
         },
-        data: K,
+        data: J,
         unitId: D
       };
-      e.eventPassThrough && (Le = {
-        ...Le,
-        onPointerDown: (W) => {
-          be.dispatchEvent(new PointerEvent(W.type, W));
+      e.eventPassThrough && (Ve = {
+        ...Ve,
+        onPointerDown: (k) => {
+          be.dispatchEvent(new PointerEvent(k.type, k));
         },
-        onPointerMove: (W) => {
-          be.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerMove: (k) => {
+          be.dispatchEvent(new PointerEvent(k.type, k));
         },
-        onPointerUp: (W) => {
-          be.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerUp: (k) => {
+          be.dispatchEvent(new PointerEvent(k.type, k));
         }
-      }), this._canvasFloatDomService.addFloatDom(Le), this.disposeWithMe(m.subscribe((W) => {
+      }), this._canvasFloatDomService.addFloatDom(Ve), this.disposeWithMe(m.subscribe((k) => {
         var un, hn, gn, fn;
         const ln = Ct({
-          startX: W.startX,
-          startY: W.startY,
-          endX: W.endX,
-          endY: W.endY,
-          width: (un = n.width) != null ? un : W.width,
-          height: (hn = n.height) != null ? hn : W.height,
+          startX: k.startX,
+          startY: k.startY,
+          endX: k.endX,
+          endY: k.endY,
+          width: (un = n.width) != null ? un : k.width,
+          height: (hn = n.height) != null ? hn : k.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
@@ -2082,20 +2094,20 @@ let tt = class extends ne {
         }, n), Rr = Ie({ unitId: D, subUnitId: T, drawingId: E }), br = new Ue(Rr, {
           left: ln.startX,
           top: ln.startY,
-          width: (gn = n.width) != null ? gn : W.width,
-          height: (fn = n.height) != null ? fn : W.height,
+          width: (gn = n.width) != null ? gn : k.width,
+          height: (fn = n.height) != null ? fn : k.height,
           zIndex: this._drawingManagerService.getDrawingOrder(D, T).length - 1
-        }), Mr = ge(br, k.renderUnit.scene, H.skeleton, M.worksheet, he);
+        }), Mr = ge(br, z.renderUnit.scene, H.skeleton, M.worksheet, he);
         Ee.next(Mr);
       }));
-      const Ve = (y = this._renderManagerService.getRenderById(D)) == null ? void 0 : y.with(V);
-      Ve == null || Ve.currentSkeleton$.subscribe((W) => {
-        W && H.sheetId !== W.sheetId && this._removeDom(f, !0);
+      const He = (y = this._renderManagerService.getRenderById(D)) == null ? void 0 : y.with(V);
+      He == null || He.currentSkeleton$.subscribe((k) => {
+        k && H.sheetId !== k.sheetId && this._removeDom(f, !0);
       });
       const mt = le.onTransformChange$.subscribeEvent(() => {
-        const W = ge(le, k.renderUnit.scene, H.skeleton, M.worksheet, he);
+        const k = ge(le, z.renderUnit.scene, H.skeleton, M.worksheet, he);
         Ee.next(
-          W
+          k
         );
       });
       ue.add(() => {
@@ -2112,7 +2124,7 @@ let tt = class extends ne {
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToColumnHeader(t, e, n, r) {
     var R, S, C;
-    const s = se(this._univerInstanceService, {
+    const s = oe(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
@@ -2124,7 +2136,7 @@ let tt = class extends ne {
     if (!u) return;
     const c = (R = this._renderManagerService.getRenderById(o)) == null ? void 0 : R.with(V).getWorksheetSkeleton(a);
     if (!c) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Qe(), { position: p, position$: m } = this._createRangePositionObserver({
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Be(), { position: p, position$: m } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: t,
@@ -2136,7 +2148,7 @@ let tt = class extends ne {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || B.DRAWING_DOM,
+      drawingType: e.type || W.DRAWING_DOM,
       componentKey: l,
       transform: {
         left: _.startX,
@@ -2148,7 +2160,7 @@ let tt = class extends ne {
       allowTransform: h
     };
     {
-      const { unitId: w, subUnitId: y, drawingId: D } = I, T = se(this._univerInstanceService, { unitId: w, subUnitId: y }), E = I, M = this._univerInstanceService.getUnit(w, F.UNIVER_SHEET);
+      const { unitId: w, subUnitId: y, drawingId: D } = I, T = oe(this._univerInstanceService, { unitId: w, subUnitId: y }), E = I, M = this._univerInstanceService.getUnit(w, F.UNIVER_SHEET);
       if (!M)
         return;
       const b = M.getActiveSheet().getSheetId();
@@ -2160,15 +2172,15 @@ let tt = class extends ne {
       const x = N.getWorksheetSkeleton(y);
       if (!x)
         return;
-      const { transform: q, data: H } = E, L = this._getSceneAndTransformerByDrawingSearch(w);
-      if (L == null)
+      const { transform: Q, data: H } = E, G = this._getSceneAndTransformerByDrawingSearch(w);
+      if (G == null)
         return;
-      const { scene: G, canvas: K } = L;
-      if (q == null || b !== y)
+      const { scene: L, canvas: J } = G;
+      if (Q == null || b !== y)
         return;
-      const { left: k, top: ae, width: be, height: ot, angle: at, flipX: ct, flipY: dt, skewX: jt, skewY: $t } = q, lt = Ie({ unitId: w, subUnitId: y, drawingId: D }), ut = G.getObject(lt);
+      const { left: z, top: B, width: be, height: ot, angle: at, flipX: ct, flipY: dt, skewX: jt, skewY: $t } = Q, lt = Ie({ unitId: w, subUnitId: y, drawingId: D }), ut = L.getObject(lt);
       if (ut != null) {
-        ut.transformByState({ left: k, top: ae, width: be, height: ot, angle: at, flipX: ct, flipY: dt, skewX: jt, skewY: $t });
+        ut.transformByState({ left: z, top: B, width: be, height: ot, angle: at, flipX: ct, flipY: dt, skewX: jt, skewY: $t });
         return;
       }
       const Me = Ct({
@@ -2189,15 +2201,15 @@ let tt = class extends ne {
         height: Me.height,
         zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
       }, de = new Ue(lt, ht);
-      G.addObject(de, Ft), E.allowTransform !== !1 && G.attachTransformerTo(de);
-      const Q = new _t(), ye = G.getMainViewport(), le = {
+      L.addObject(de, Ft), E.allowTransform !== !1 && L.attachTransformerTo(de);
+      const ee = new _t(), ye = L.getMainViewport(), le = {
         top: 0,
         //viewMain.top,
         left: ye.left,
         bottom: ye.bottom,
         right: ye.right
       }, ue = {
-        dispose: Q,
+        dispose: ee,
         rect: de,
         // position$,
         unitId: w,
@@ -2206,9 +2218,9 @@ let tt = class extends ne {
         domAnchor: n,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, gt = ge(de, L.renderUnit.scene, x.skeleton, T.worksheet, ue), Te = new ke(gt);
+      }, gt = ge(de, G.renderUnit.scene, x.skeleton, T.worksheet, ue), Te = new ke(gt);
       ue.position$ = Te;
-      let Xe = {
+      let Le = {
         position$: Te,
         id: D,
         componentKey: E.componentKey,
@@ -2219,25 +2231,25 @@ let tt = class extends ne {
         onPointerUp: () => {
         },
         onWheel: (j) => {
-          K.dispatchEvent(new WheelEvent(j.type, j));
+          J.dispatchEvent(new WheelEvent(j.type, j));
         },
         data: H,
         unitId: w
       };
-      e.eventPassThrough && (Xe = {
-        ...Xe,
+      e.eventPassThrough && (Le = {
+        ...Le,
         onPointerDown: (j) => {
-          K.dispatchEvent(new PointerEvent(j.type, j));
+          J.dispatchEvent(new PointerEvent(j.type, j));
         },
         onPointerMove: (j) => {
-          K.dispatchEvent(new PointerEvent(j.type, j));
+          J.dispatchEvent(new PointerEvent(j.type, j));
         },
         onPointerUp: (j) => {
-          K.dispatchEvent(new PointerEvent(j.type, j));
+          J.dispatchEvent(new PointerEvent(j.type, j));
         }
-      }), this._canvasFloatDomService.addFloatDom(Xe);
+      }), this._canvasFloatDomService.addFloatDom(Le);
       const ft = de.onTransformChange$.subscribeEvent(() => {
-        const j = ge(de, L.renderUnit.scene, x.skeleton, T.worksheet, ue);
+        const j = ge(de, G.renderUnit.scene, x.skeleton, T.worksheet, ue);
         Te.next(
           j
         );
@@ -2254,21 +2266,21 @@ let tt = class extends ne {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Le = Ie({ unitId: w, subUnitId: y, drawingId: D }), Ve = new Ue(Le, {
+        }, n), Ve = Ie({ unitId: w, subUnitId: y, drawingId: D }), He = new Ue(Ve, {
           left: Ee.startX,
           top: 0,
           width: n.width,
           height: n.height,
           zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
-        }), mt = ge(Ve, L.renderUnit.scene, x.skeleton, T.worksheet, ue);
+        }), mt = ge(He, G.renderUnit.scene, x.skeleton, T.worksheet, ue);
         Te.next(mt);
       }));
       const he = (C = this._renderManagerService.getRenderById(w)) == null ? void 0 : C.with(V);
       he == null || he.currentSkeleton$.subscribe((j) => {
         j && c.sheetId !== j.sheetId && this._removeDom(f, !0);
-      }), Q.add(() => {
+      }), ee.add(() => {
         this._canvasFloatDomService.removeFloatDom(D);
-      }), ft && Q.add(ft), this._domLayerInfoMap.set(D, ue);
+      }), ft && ee.add(ft), this._domLayerInfoMap.set(D, ue);
     }
     return {
       id: f,
@@ -2290,16 +2302,16 @@ let tt = class extends ne {
   // eslint-disable-next-line max-lines-per-function
   _createRangePositionObserver(t, e, n) {
     let { startRow: r, startColumn: s } = t;
-    const o = Je(r, s, n), a = new ke(o), d = Je(t.endRow, t.endColumn, n), u = new ke(d), c = () => {
-      const m = Je(r, s, n), _ = Je(t.endRow, t.endColumn, n);
+    const o = Ze(r, s, n), a = new ke(o), d = Ze(t.endRow, t.endColumn, n), u = new ke(d), c = () => {
+      const m = Ze(r, s, n), _ = Ze(t.endRow, t.endColumn, n);
       a.next(m), u.next(_);
     }, l = new _t();
     l.add(e.engine.clientRect$.subscribe(() => c())), l.add(this._commandService.onCommandExecuted((m) => {
-      if (m.id === gi.id && m.params.rowsAutoHeightInfo.findIndex((v) => v.row === r) > -1) {
+      if (m.id === fi.id && m.params.rowsAutoHeightInfo.findIndex((v) => v.row === r) > -1) {
         c();
         return;
       }
-      (fi.indexOf(m.id) > -1 || m.id === Fr.id || m.id === _n.id) && c();
+      (mi.indexOf(m.id) > -1 || m.id === Fr.id || m.id === _n.id) && c();
     }));
     const g = (m, _) => {
       r = m, s = _, c();
@@ -2317,7 +2329,7 @@ let tt = class extends ne {
       endY: d.bottom
     }), f = a.pipe(
       Re((m) => {
-        const _ = Je(t.endRow, t.endColumn, n);
+        const _ = Ze(t.endRow, t.endColumn, n);
         return {
           rotate: 0,
           width: _.right - m.left,
@@ -2343,16 +2355,16 @@ let tt = class extends ne {
     };
   }
 };
-tt = ys([
-  Ce(0, A(J)),
+tt = Ts([
+  Ce(0, A(Z)),
   Ce(1, Se),
   Ce(2, A(X)),
-  Ce(3, ie),
-  Ce(4, A(Wi)),
-  Ce(5, re),
+  Ce(3, se),
+  Ce(4, A(Bi)),
+  Ce(5, ie),
   Ce(6, A(Jr))
 ], tt);
-function Je(i, t, e) {
+function Ze(i, t, e) {
   const n = e.getCellWithCoordByIndex(i, t), r = n.isMergedMainCell ? n.mergeInfo : n;
   return {
     left: r.startX,
@@ -2398,8 +2410,8 @@ function Dt(i, t) {
   const e = Number.parseFloat(i);
   return t * e / 100;
 }
-const Ts = (i) => {
-  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = Qi(() => t.map((o) => {
+const Os = (i) => {
+  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = es(() => t.map((o) => {
     const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Ir(
       {
         left: c != null ? c : 0,
@@ -2439,14 +2451,14 @@ const Ts = (i) => {
     };
     return [o.drawingId, m];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ oe("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ oe(Bi, { layer: a, id: o, position: a.position }, o)) });
+  return /* @__PURE__ */ ae("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ ae(ji, { layer: a, id: o, position: a.position }, o)) });
 };
-var Es = Object.getOwnPropertyDescriptor, Os = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Es(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var 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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, De = (i, t) => (e, n) => t(e, n, i);
-let Ot = class extends ne {
+let Ot = class extends re {
   constructor(i, t, e, n, r, s, o) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = t, this._drawingManagerService = e, this._renderManagerService = n, this._canvasFloatDomManagerService = r, this._componetManager = s, this._injector = o, this._initPrinting(), this._initPrintingDom();
   }
@@ -2459,7 +2471,7 @@ let Ot = class extends ne {
             const { unitId: n, scene: r, subUnitId: s } = t, o = this._drawingManagerService.getDrawingDataForUnit(n), a = o == null ? void 0 : o[s];
             return a && a.order.forEach((d) => {
               const u = a.data[d];
-              u.drawingType !== B.DRAWING_CHART && u.drawingType !== B.DRAWING_DOM && this._drawingRenderService.renderDrawing(u, r);
+              u.drawingType !== W.DRAWING_CHART && u.drawingType !== W.DRAWING_DOM && this._drawingRenderService.renderDrawing(u, r);
             }), e();
           }
         }
@@ -2480,7 +2492,7 @@ let Ot = class extends ne {
               return e(i);
             const { scaleX: u, scaleY: c } = s.scene, l = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, g = d.order.map((h) => d.data[h]);
             return g.length ? (g.forEach((h) => {
-              if (!h.groupId && h.transform && je.isDefine(h.transform.left) && je.isDefine(h.transform.top) && je.isDefine(h.transform.width) && je.isDefine(h.transform.height)) {
+              if (!h.groupId && h.transform && $e.isDefine(h.transform.left) && $e.isDefine(h.transform.top) && $e.isDefine(h.transform.width) && $e.isDefine(h.transform.height)) {
                 const f = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, u, c, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, u, c, { x: 0, y: 0 });
                 f.column < l.startColumn && (l.startColumn = f.column), f.row < l.startRow && (l.startRow = f.row), l.endRow < p.row && (l.endRow = p.row), l.endColumn < p.column && (l.endColumn = p.column);
               }
@@ -2500,12 +2512,12 @@ let Ot = class extends ne {
             if (o) {
               const a = o.order.map((u) => {
                 const c = o.data[u];
-                if (c.drawingType === B.DRAWING_CHART)
+                if (c.drawingType === W.DRAWING_CHART)
                   return {
                     ...c,
                     componentKey: this._componetManager.get(Qr)
                   };
-                if (c.drawingType === B.DRAWING_DOM) {
+                if (c.drawingType === W.DRAWING_DOM) {
                   const l = this._sheetPrintInterceptorService.getPrintComponent(c.componentKey);
                   return {
                     ...c,
@@ -2513,12 +2525,12 @@ let Ot = class extends ne {
                   };
                 }
                 return null;
-              }).filter(Boolean), d = ji(Ts, this._injector);
-              return Di(
-                /* @__PURE__ */ oe(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
+              }).filter(Boolean), d = $i(Os, this._injector);
+              return Ri(
+                /* @__PURE__ */ ae(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
               ), i == null || i.add(() => {
-                Ri(t.root);
+                bi(t.root);
               }), e(i);
             }
           }
@@ -2527,21 +2539,21 @@ let Ot = class extends ne {
     );
   }
 };
-Ot = Os([
+Ot = Ps([
   De(0, A(xr)),
   De(1, A(lr)),
-  De(2, ie),
-  De(3, J),
+  De(2, se),
+  De(3, Z),
   De(4, A(tt)),
   De(5, A(dr)),
-  De(6, A(Ge))
+  De(6, A(Xe))
 ], Ot);
-var Us = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Us(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var As = Object.getOwnPropertyDescriptor, Ns = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? As(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, me = (i, t) => (e, n) => t(e, n, i);
-const As = [
+const ks = [
   Ln.id,
   Vn.id,
   Hn.id,
@@ -2561,15 +2573,15 @@ const As = [
   sr.id,
   or.id,
   ar.id
-], Ns = [
-  mi.id,
+], Ws = [
   pi.id,
   wi.id,
   _i.id,
   Si.id,
-  vi.id
+  vi.id,
+  Ii.id
 ];
-let rn = class extends ne {
+let rn = class extends re {
   constructor(i, t, e, n, r, s, o, a, d) {
     super(), this._context = i, this._renderManagerService = t, this._commandService = e, this._selectionRenderService = n, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = d, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
@@ -2578,7 +2590,7 @@ let rn = class extends ne {
       this._sheetInterceptorService.interceptAfterCommand({
         /* eslint-disable-next-line complexity */
         getMutations: (i) => {
-          if (!As.includes(i.id))
+          if (!ks.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
@@ -2637,7 +2649,7 @@ let rn = class extends ne {
     );
   }
   _getRangeMoveUndo(i, t) {
-    const e = se(this._univerInstanceService);
+    const e = oe(this._univerInstanceService);
     if (e == null)
       return { redos: [], undos: [] };
     const n = e.unitId, r = e.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(n, r), d = [], u = [];
@@ -2690,7 +2702,7 @@ let rn = class extends ne {
       S = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
     }
     if (S != null && C != null) {
-      const w = z(S, this._selectionRenderService, this._skeletonManagerService);
+      const w = K(S, this._selectionRenderService, this._skeletonManagerService);
       n.push({ ...e, sheetTransform: S, transform: w });
     }
     return { updateDrawings: n, deleteDrawings: r };
@@ -2893,7 +2905,7 @@ let rn = class extends ne {
             this._remainDrawingSize(u, s, a);
             continue;
           }
-          const w = z({ ...d }, this._selectionRenderService, this._skeletonManagerService);
+          const w = K({ ...d }, this._selectionRenderService, this._skeletonManagerService);
           if (w != null) {
             s.push({
               ...a,
@@ -2910,7 +2922,7 @@ let rn = class extends ne {
     if (t === "insert")
       e = i.unitId, n = i.subUnitId;
     else {
-      const r = se(this._univerInstanceService);
+      const r = oe(this._univerInstanceService);
       if (r == null)
         return;
       e = r.unitId, n = r.subUnitId;
@@ -2919,7 +2931,7 @@ let rn = class extends ne {
   }
   _moveRangeInterceptor(i) {
     var I, R;
-    const { toRange: t, fromRange: e } = i, n = se(this._univerInstanceService);
+    const { toRange: t, fromRange: e } = i, n = oe(this._univerInstanceService);
     if (!n)
       return { redos: [], undos: [] };
     const { unitId: r, subUnitId: s } = n, o = (R = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(V)) == null ? void 0 : R.getCurrentSkeleton();
@@ -2948,7 +2960,7 @@ let rn = class extends ne {
       const C = S.sheetTransform, w = {
         to: { ...C.to, row: C.to.row + m, column: C.to.column + _ },
         from: { ...C.from, row: C.from.row + m, column: C.from.column + _ }
-      }, y = z(w, this._selectionRenderService, this._skeletonManagerService);
+      }, y = K(w, this._selectionRenderService, this._skeletonManagerService);
       return {
         unitId: r,
         subUnitId: s,
@@ -3060,7 +3072,7 @@ let rn = class extends ne {
         c = {
           from: { ...o },
           to: { ...a, column: u + s }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: $({ ...t }, this._selectionRenderService),
@@ -3083,7 +3095,7 @@ let rn = class extends ne {
       c = {
         from: { ...o, column: d - s },
         to: { ...a, column: u - s }
-      }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+      }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (d >= e && u <= n)
         return null;
@@ -3092,7 +3104,7 @@ let rn = class extends ne {
           c = {
             from: { ...o },
             to: { ...a, column: u - s }
-          }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+          }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: $({ ...t }, this._selectionRenderService),
@@ -3120,7 +3132,7 @@ let rn = class extends ne {
         c = {
           from: { ...o },
           to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return c != null && l != null ? {
@@ -3149,7 +3161,7 @@ let rn = class extends ne {
             ...a,
             row: u + s
           }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: $({ ...t }, this._selectionRenderService),
@@ -3172,7 +3184,7 @@ let rn = class extends ne {
       c = {
         from: { ...o, row: d - s },
         to: { ...a, row: u - s }
-      }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+      }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (d >= e && u <= n)
         return null;
@@ -3181,7 +3193,7 @@ let rn = class extends ne {
           c = {
             from: { ...o },
             to: { ...a, row: u - s }
-          }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+          }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: $({ ...t }, this._selectionRenderService),
@@ -3204,7 +3216,7 @@ let rn = class extends ne {
         c = {
           from: { ...o },
           to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
-        }, l = z(c, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return c != null && l != null ? {
@@ -3218,7 +3230,7 @@ let rn = class extends ne {
       // but the skeleton changes like other render modules. These two signals are not equivalent.
       // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === Ii.id) {
+        if (i.id === Ci.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3258,7 +3270,7 @@ let rn = class extends ne {
           d != null && Object.keys(d).forEach((u) => {
             if (s === i && a === t) {
               const c = d[u];
-              c.transform = z(c.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(d[u]);
+              c.transform = K(c.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(d[u]);
             } else
               r.push(d[u]);
           });
@@ -3269,7 +3281,7 @@ let rn = class extends ne {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Ns.includes(i.id) && requestIdleCallback(() => {
+        Ws.includes(i.id) && requestIdleCallback(() => {
           const t = i.params, { unitId: e, subUnitId: n, ranges: r } = t;
           this._refreshDrawingTransform(e, n, r);
         });
@@ -3299,7 +3311,7 @@ let rn = class extends ne {
             endColumn: p
           }
         ) || g > I || h > S) {
-          const C = u === O.Position, w = z(a, this._selectionRenderService, this._skeletonManagerService);
+          const C = u === O.Position, w = K(a, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
@@ -3314,19 +3326,19 @@ let rn = class extends ne {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(Y.id, [i]));
   }
 };
-rn = Ps([
-  me(1, J),
+rn = Ns([
+  me(1, Z),
   me(2, X),
-  me(3, xe),
+  me(3, Ye),
   me(4, A(V)),
   me(5, A(At)),
-  me(6, re),
-  me(7, ie),
+  me(6, ie),
+  me(7, se),
   me(8, Se)
 ], rn);
-const ks = (i) => {
+const Bs = (i) => {
   var v;
-  const t = qe(X), e = qe(nt), n = qe(ie), r = qe(J), { drawings: s } = i, o = s[0];
+  const t = Qe(X), e = Qe(nt), n = Qe(se), r = Qe(Z), { 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;
@@ -3387,27 +3399,27 @@ const ks = (i) => {
   return /* @__PURE__ */ qt(
     "div",
     {
-      className: bi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: Mi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !l
       }),
       children: [
-        /* @__PURE__ */ oe(
+        /* @__PURE__ */ ae(
           "header",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ oe("div", { children: e.t("drawing-anchor.title") })
+            children: /* @__PURE__ */ ae("div", { children: e.t("drawing-anchor.title") })
           }
         ),
-        /* @__PURE__ */ oe("div", { children: /* @__PURE__ */ qt(Mi, { value: f, onChange: _, direction: "vertical", children: [
-          /* @__PURE__ */ oe(Yt, { value: O.Both, children: e.t("drawing-anchor.both") }),
-          /* @__PURE__ */ oe(Yt, { value: O.Position, children: e.t("drawing-anchor.position") }),
-          /* @__PURE__ */ oe(Yt, { value: O.None, children: e.t("drawing-anchor.none") })
+        /* @__PURE__ */ ae("div", { children: /* @__PURE__ */ qt(yi, { value: f, onChange: _, direction: "vertical", children: [
+          /* @__PURE__ */ ae(Yt, { value: O.Both, children: e.t("drawing-anchor.both") }),
+          /* @__PURE__ */ ae(Yt, { value: O.Position, children: e.t("drawing-anchor.position") }),
+          /* @__PURE__ */ ae(Yt, { value: O.None, children: e.t("drawing-anchor.none") })
         ] }) })
       ]
     }
   );
-}, Ws = () => {
-  const i = qe(ie), t = i.getFocusDrawings(), [e, n] = Qt(t);
+}, js = () => {
+  const i = Qe(se), t = i.getFocusDrawings(), [e, n] = Qt(t);
   return ur(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
@@ -3416,21 +3428,21 @@ const ks = (i) => {
       r.unsubscribe();
     };
   }, []), !!(e != null && e.length) && /* @__PURE__ */ qt("div", { className: "univer-text-sm", children: [
-    /* @__PURE__ */ oe(zi, { drawings: e }),
-    /* @__PURE__ */ oe(ks, { drawings: e })
+    /* @__PURE__ */ ae(Ki, { drawings: e }),
+    /* @__PURE__ */ ae(Bs, { drawings: e })
   ] });
 }, Cr = "sheet.menu.image";
-function Bs(i) {
+function $s(i) {
   return {
     id: Cr,
     type: cn.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "sheetImage.title",
     hidden$: an(i, F.UNIVER_SHEET),
-    disabled$: Yr(i, { workbookTypes: [zt], worksheetTypes: [Kt], rangeTypes: [Ci] })
+    disabled$: Yr(i, { workbookTypes: [zt], worksheetTypes: [Kt], rangeTypes: [Di] })
   };
 }
-function js(i) {
+function Fs(i) {
   return {
     id: Bt.id,
     title: "sheetImage.upload.float",
@@ -3438,7 +3450,7 @@ function js(i) {
     hidden$: an(i, F.UNIVER_SHEET)
   };
 }
-function $s(i) {
+function xs(i) {
   return {
     id: dn.id,
     title: "sheetImage.upload.cell",
@@ -3446,89 +3458,89 @@ function $s(i) {
     hidden$: an(i, F.UNIVER_SHEET)
   };
 }
-const Fs = {
-  [$i.MEDIA]: {
+const Ys = {
+  [Fi.MEDIA]: {
     [Cr]: {
       order: 0,
-      menuItemFactory: Bs,
+      menuItemFactory: $s,
       [Bt.id]: {
         order: 0,
-        menuItemFactory: js
+        menuItemFactory: Fs
       },
       [dn.id]: {
         order: 1,
-        menuItemFactory: $s
+        menuItemFactory: xs
       }
     }
   }
 };
 function st(i) {
-  return !i.getContextValue(ti) && !i.getContextValue(ni) && !i.getContextValue(ri) && i.getContextValue($e);
+  return !i.getContextValue(ti) && !i.getContextValue(ni) && !i.getContextValue(ri) && i.getContextValue(Fe);
 }
-const xs = {
+const Gs = {
   id: it.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
-  binding: Fe.ARROW_DOWN,
+  binding: xe.ARROW_DOWN,
   priority: 100,
   preconditions: st,
   staticParameters: {
     direction: _e.DOWN
   }
-}, Ys = {
+}, Xs = {
   id: it.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
-  binding: Fe.ARROW_UP,
+  binding: xe.ARROW_UP,
   priority: 100,
   preconditions: st,
   staticParameters: {
     direction: _e.UP
   }
-}, Gs = {
+}, Ls = {
   id: it.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
-  binding: Fe.ARROW_LEFT,
+  binding: xe.ARROW_LEFT,
   priority: 100,
   preconditions: st,
   staticParameters: {
     direction: _e.LEFT
   }
-}, Xs = {
+}, Vs = {
   id: it.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
-  binding: Fe.ARROW_RIGHT,
+  binding: xe.ARROW_RIGHT,
   priority: 100,
   preconditions: st,
   staticParameters: {
     direction: _e.RIGHT
   }
-}, Ls = {
+}, Hs = {
   id: hr.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
   preconditions: st,
-  binding: Fe.DELETE,
-  mac: Fe.BACKSPACE
+  binding: xe.DELETE,
+  mac: xe.BACKSPACE
 };
-var Vs = Object.getOwnPropertyDescriptor, Hs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Vs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var 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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ne = (i, t) => (e, n) => t(e, n, i);
-let Ut = class extends ne {
+let Ut = class extends re {
   constructor(i, t, e, n, r, s) {
     super(), this._componentManager = i, this._menuManagerService = t, this._commandService = e, this._shortcutService = n, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(pr, Ws));
+    this.disposeWithMe(i.register(pr, js));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Fs);
+    this._menuManagerService.mergeMenu(Ys);
   }
   _initCommands() {
     [
@@ -3550,11 +3562,11 @@ let Ut = class extends ne {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      xs,
-      Ys,
       Gs,
       Xs,
-      Ls
+      Ls,
+      Vs,
+      Hs
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -3563,20 +3575,20 @@ let Ut = class extends ne {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Ut = Hs([
+Ut = Ks([
   Ne(0, A(dr)),
-  Ne(1, Fi),
+  Ne(1, xi),
   Ne(2, X),
-  Ne(3, xi),
-  Ne(4, ie),
+  Ne(3, Yi),
+  Ne(4, se),
   Ne(5, A(on))
 ], Ut);
-var zs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Js = (i, t, e) => t in i ? zs(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Zs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Js = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, qs = (i, t, e) => t in i ? Js(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Qs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Zs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Lt = (i, t) => (e, n) => t(e, n, i), Dr = (i, t, e) => Js(i, typeof t != "symbol" ? t + "" : t, e);
-const qs = "SHEET_IMAGE_UI_PLUGIN";
+}, Lt = (i, t) => (e, n) => t(e, n, i), Dr = (i, t, e) => qs(i, typeof t != "symbol" ? t + "" : t, e);
+const eo = "SHEET_IMAGE_UI_PLUGIN";
 let Pt = class extends oi {
   constructor(i = jn, t, e, n) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
@@ -3585,7 +3597,7 @@ let Pt = class extends oi {
       jn,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ss, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(os, s);
   }
   onStarting() {
     ci(this._injector, [
@@ -3632,11 +3644,11 @@ let Pt = class extends oi {
   }
 };
 Dr(Pt, "type", F.UNIVER_SHEET);
-Dr(Pt, "pluginName", qs);
-Pt = Zs([
-  ii(Ui, Gi, Ki, di),
-  Lt(1, A(Ge)),
-  Lt(2, J),
+Dr(Pt, "pluginName", eo);
+Pt = Qs([
+  ii(Pi, Xi, Ji, di),
+  Lt(1, A(Xe)),
+  Lt(2, Z),
   Lt(3, si)
 ], Pt);
 export {
@@ -3649,6 +3661,7 @@ export {
   it as MoveDrawingsCommand,
   rt as RemoveSheetDrawingCommand,
   Cr as SHEETS_IMAGE_MENU_ID,
+  Es as SHEET_FLOAT_DOM_PREFIX,
   fr as SetDrawingArrangeCommand,
   Wt as SetSheetDrawingCommand,
   tt as SheetCanvasFloatDomManagerService,
@@ -3657,6 +3670,6 @@ export {
   mr as UngroupSheetDrawingCommand,
   Pt as UniverSheetsDrawingUIPlugin,
   ge as calcSheetFloatDomPosition,
-  z as drawingPositionToTransform,
+  K as drawingPositionToTransform,
   $ as transformToDrawingPosition
 };