@univerjs/sheets-drawing-ui 0.9.1 → 0.9.2

package/lib/es/index.js

@@ -1,25 +1,77 @@
 var yr = Object.defineProperty;
-var Er = (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) => Er(i, typeof t != "symbol" ? t + "" : t, e);
-import { CommandType as J, ICommandService as G, IUndoRedoService as xe, sequenceExecute as xn, DrawingTypeEnum as B, ArrangeTypeEnum as mt, Inject as A, IContextService as Yn, LocaleService as tt, Injector as Ye, Disposable as ne, createDocumentModelWithStyle as Vt, ObjectRelativeFromV as mn, ObjectRelativeFromH as pn, WrapTextType as wn, PositionedObjectLayoutType as _n, BooleanNumber as Sn, BuildTextUtils as Ht, ImageSourceType as vn, generateRandomId as Dt, FOCUSING_COMMON_DRAWINGS as $e, IUniverInstanceService as Se, UniverInstanceType as F, Direction as _e, IImageIoService as Tr, RxDisposable as Or, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ze, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Ur, ObjectMatrix as Pr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Ar, Tools as Re, IPermissionService as Nr, UserManagerService as kr, LifecycleService as Wr, LifecycleStages as Br, DisposableCollection as pt, fromEventSubject as jr, PRINT_CHART_COMPONENT_KEY as $r, Rectangle as Fr, FOCUSING_FX_BAR_EDITOR as xr, EDITOR_ACTIVATED as Yr, FOCUSING_PANEL_EDITOR as Xr, DependentOn as Gr, IConfigService as Lr, Plugin as Vr, merge as Hr, registerDependencies as zr, touchDependencies as Ft } from "@univerjs/core";
-import { ISheetDrawingService as re, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Kr } from "@univerjs/sheets-drawing";
-import { SheetInterceptorService as At, SheetsSelectionsService as sn, SetRangeValuesCommand as In, getSheetCommandTarget as se, INTERCEPTOR_POINT as Jr, InterceptCellContentPriority as Zr, WorkbookViewPermission as Cn, WorksheetViewPermission as Dn, WorkbookEditablePermission as zt, WorksheetEditPermission as Kt, SetFrozenMutation as qr, SetWorksheetRowAutoHeightMutation as Qr, COMMAND_LISTENER_SKELETON_CHANGE as ei, InsertRowCommand as Xn, InsertColCommand as Gn, RemoveRowCommand as Ln, RemoveColCommand as Vn, DeleteRangeMoveLeftCommand as Hn, DeleteRangeMoveUpCommand as zn, InsertRangeMoveDownCommand as Kn, InsertRangeMoveRightCommand as Jn, DeltaRowHeightCommand as Jt, SetRowHeightCommand as Zt, DeltaColumnWidthCommand as Zn, SetColWidthCommand as qn, SetRowHiddenCommand as Qn, SetSpecificRowsVisibleCommand as er, SetSpecificColsVisibleCommand as tr, SetColHiddenCommand as nr, MoveColsCommand as rr, MoveRowsCommand as ir, MoveRangeCommand as sr, SetRowVisibleMutation as ti, SetRowHiddenMutation as ni, SetColVisibleMutation as ri, SetColHiddenMutation as ii, SetWorksheetRowHeightMutation as si, SetWorksheetColWidthMutation as oi, SetWorksheetActiveOperation as ai, RangeProtectionPermissionEditPoint as ci } from "@univerjs/sheets";
-import { IRenderManagerService as Z, transformObjectOutOfGroup as di, getGroupState as li, precisionTo as wt, getCurrentTypeOfRenderer as on, CURSOR_TYPE as ui, RENDER_CLASS_TYPE as Ue, Rect as Pe, ObjectType as Rn, DRAWING_OBJECT_LAYER_INDEX as xt, SHEET_VIEWPORT_KEY as or } from "@univerjs/engine-render";
-import { MessageType as pe, render as hi, unmount as gi, clsx as fi, RadioGroup as mi, Radio as Yt } from "@univerjs/design";
-import { docDrawingPositionToTransform as bn, ReplaceSnapshotCommand as pi, InnerPasteCommand as wi } from "@univerjs/docs-ui";
-import { IImageIoService as _i, IDrawingManagerService as ie, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Mn, DRAWING_IMAGE_COUNT_LIMIT as yn, ImageUploadStatusType as Ae, DRAWING_IMAGE_ALLOW_SIZE as En, getImageSize as Xt, SetDrawingSelectedOperation as Nt, DRAWING_IMAGE_WIDTH_LIMIT as Tn, DRAWING_IMAGE_HEIGHT_LIMIT as On, ImageSourceType as Si, getDrawingShapeKeyByDrawingSearch as ve, UniverDrawingPlugin as vi } from "@univerjs/drawing";
-import { convertPositionSheetOverGridToAbsolute as Ii, SheetSkeletonManagerService as V, ISheetSelectionRenderService as Xe, attachRangeWithCoord as ar, SheetCanvasPopManagerService as Ci, HoverManagerService as Di, IEditorBridgeService as Ri, IAutoFillService as bi, EditingRenderController as Mi, SetCellEditVisibleOperation as Un, PREDEFINED_HOOK_NAME as je, COPY_TYPE as Ie, discreteRangeToRange as Pn, virtualizeDiscreteRanges as yi, ISheetClipboardService as Ei, SetZoomRatioOperation as An, SetScrollOperation as Ti, SheetPrintInterceptorService as Oi, getCurrentRangeDisable$ as Ui } from "@univerjs/sheets-ui";
+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 mt, IRenderManagerService as J, transformObjectOutOfGroup as Er, getGroupState as Or, getCurrentTypeOfRenderer as sn, CURSOR_TYPE as Ur, RENDER_CLASS_TYPE as Ue, Rect as Pe, 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 Be, 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 G, IUndoRedoService as Ye, sequenceExecute as Xn, DrawingTypeEnum as B, ArrangeTypeEnum as pt, Inject as A, IContextService as Gn, LocaleService as tt, Injector as Xe, 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 Dt, FOCUSING_COMMON_DRAWINGS as $e, IUniverInstanceService as Se, UniverInstanceType as F, Direction as _e, IImageIoService as Xr, RxDisposable as Gr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ze, DOCS_ZEN_EDITOR_UNIT_ID_KEY as je, InterceptorEffectEnum as Lr, ObjectMatrix as Vr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Hr, Tools as Re, IPermissionService as zr, UserManagerService as Kr, LifecycleService as Jr, LifecycleStages as Zr, DisposableCollection as wt, fromEventSubject as qr, 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 Ae, DRAWING_IMAGE_ALLOW_SIZE as Un, getImageSize as Xt, 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 Xi } from "@univerjs/docs-drawing";
 import { ImageCropperObject as Gi, 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 _t, switchMap as we, EMPTY as fe, tap as kn, map as be, distinctUntilChanged as Wn, Subject as Gt, filter as Zi, take as qi, BehaviorSubject as We, 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) {
+  const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: u = 0 } = i, c = e.getCurrent();
+  if (c == null)
+    return;
+  const l = Pr(
+    c.unitId,
+    c.sheetId,
+    { from: n, to: r },
+    e
+  );
+  let { left: g, top: h, width: f, height: p } = l;
+  const m = e.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, v = m.columnHeaderHeight + m.rowTotalHeight;
+  return g + f > _ && (g = _ - f), h + p > v && (h = v - p), {
+    flipY: s,
+    flipX: o,
+    angle: a,
+    skewX: d,
+    skewY: u,
+    left: g,
+    top: h,
+    width: f,
+    height: p
+  };
+}
+function $(i, t) {
+  const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: c = 0 } = i, l = t.getCellWithCoordByOffset(e, n);
+  if (l == null)
+    return;
+  const g = {
+    column: l.actualColumn,
+    columnOffset: mt(e - l.startX, 1),
+    row: l.actualRow,
+    rowOffset: mt(n - l.startY, 1)
+  }, h = t.getCellWithCoordByOffset(e + r, n + s);
+  if (h == null)
+    return;
+  const f = {
+    column: h.actualColumn,
+    columnOffset: mt(e + r - h.startX, 1),
+    row: h.actualRow,
+    rowOffset: mt(n + s - h.startY, 1)
+  };
+  return {
+    flipY: o,
+    flipX: a,
+    angle: d,
+    skewX: u,
+    skewY: c,
+    from: g,
+    to: f
+  };
+}
 const Y = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: J.MUTATION,
+  type: Z.MUTATION,
   handler: (i, t) => {
-    const e = i.get(Z);
+    const e = i.get(J);
     return t.forEach((n) => {
       var r, s;
       (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
@@ -27,10 +79,10 @@ const Y = {
   }
 }, nt = {
   id: "sheet.command.remove-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
     var v, I, R;
-    const e = i.get(G), n = i.get(xe), r = i.get(At), s = i.get(re);
+    const e = i.get(G), n = i.get(Ye), r = i.get(At), s = i.get(re);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
     o.forEach((S) => {
@@ -38,7 +90,7 @@ const Y = {
       a.push(C);
     });
     const d = s.getBatchRemoveOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, f = r.onCommandExecute({ id: nt.id, params: t }), p = { id: P.id, params: { unitId: u, subUnitId: c, op: g, objects: h, type: U.REMOVE } }, m = { id: P.id, params: { unitId: u, subUnitId: c, op: l, objects: h, type: U.INSERT } };
-    return xn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
+    return Xn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(I = f.preUndos) != null ? I : [],
@@ -56,7 +108,7 @@ const Y = {
   }
 }, hr = {
   id: "sheet.command.delete-drawing",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
     const t = i.get(G), n = i.get(re).getFocusDrawings();
     if (n.length === 0)
@@ -79,7 +131,7 @@ const Y = {
 function es(i) {
   const t = [];
   return i.forEach((e) => {
-    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = li(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
+    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = Or(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
       const g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = l;
       return {
         unitId: h,
@@ -112,7 +164,7 @@ function ts(i) {
     if (d == null)
       return;
     const u = r.map((l) => {
-      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = di(g || {}, d, d.width || 0, d.height || 0);
+      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = Er(g || {}, d, d.width || 0, d.height || 0);
       return {
         unitId: h,
         subUnitId: f,
@@ -138,9 +190,9 @@ function ts(i) {
 }
 const gr = {
   id: "sheet.command.group-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(xe), r = i.get(re);
+    const e = i.get(G), n = i.get(Ye), r = i.get(re);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -161,68 +213,15 @@ const gr = {
       ]
     }), !0) : !1;
   }
-};
-function z(i, t, e) {
-  const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: u = 0 } = i, c = e.getCurrent();
-  if (c == null)
-    return;
-  const l = Ii(
-    c.unitId,
-    c.sheetId,
-    { from: n, to: r },
-    e
-  );
-  let { left: g, top: h, width: f, height: p } = l;
-  const m = e.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, v = m.columnHeaderHeight + m.rowTotalHeight;
-  return g + f > _ && (g = _ - f), h + p > v && (h = v - p), {
-    flipY: s,
-    flipX: o,
-    angle: a,
-    skewX: d,
-    skewY: u,
-    left: g,
-    top: h,
-    width: f,
-    height: p
-  };
-}
-function $(i, t) {
-  const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: c = 0 } = i, l = t.getCellWithCoordByOffset(e, n);
-  if (l == null)
-    return;
-  const g = {
-    column: l.actualColumn,
-    columnOffset: wt(e - l.startX, 1),
-    row: l.actualRow,
-    rowOffset: wt(n - l.startY, 1)
-  }, h = t.getCellWithCoordByOffset(e + r, n + s);
-  if (h == null)
-    return;
-  const f = {
-    column: h.actualColumn,
-    columnOffset: wt(e + r - h.startX, 1),
-    row: h.actualRow,
-    rowOffset: wt(n + s - h.startY, 1)
-  };
-  return {
-    flipY: o,
-    flipX: a,
-    angle: d,
-    skewX: u,
-    skewY: c,
-    from: g,
-    to: f
-  };
-}
-const kt = {
+}, kt = {
   id: "sheet.command.insert-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
     var v, I, R;
-    const e = i.get(G), n = i.get(xe), r = i.get(re), s = i.get(At);
+    const e = i.get(G), n = i.get(Ye), r = i.get(re), 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 xn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
+    return Xn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(I = f.preUndos) != null ? I : [],
@@ -240,13 +239,13 @@ const kt = {
   }
 }, fr = {
   id: "sheet.command.set-drawing-arrange",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(xe);
+    const e = i.get(G), n = i.get(Ye);
     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 };
     let c;
-    if (d === mt.forward ? c = r.getForwardDrawingsOp(u) : d === mt.backward ? c = r.getBackwardDrawingOp(u) : d === mt.front ? c = r.getFrontDrawingsOp(u) : d === mt.back && (c = r.getBackDrawingsOp(u)), c == null)
+    if (d === pt.forward ? c = r.getForwardDrawingsOp(u) : d === pt.backward ? c = r.getBackwardDrawingOp(u) : d === pt.front ? c = r.getFrontDrawingsOp(u) : d === pt.back && (c = r.getBackDrawingsOp(u)), c == null)
       return !1;
     const { objects: l, redo: g, undo: h } = c;
     return e.syncExecuteCommand(P.id, { op: g, unitId: s, subUnitId: o, objects: l, type: U.ARRANGE }) ? (n.pushUndoRedo({
@@ -261,9 +260,9 @@ const kt = {
   }
 }, Wt = {
   id: "sheet.command.set-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(xe), r = i.get(re);
+    const e = i.get(G), n = i.get(Ye), r = i.get(re);
     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({
@@ -280,9 +279,9 @@ const kt = {
   }
 }, mr = {
   id: "sheet.command.ungroup-sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(xe), r = i.get(re);
+    const e = i.get(G), n = i.get(Ye), r = i.get(re);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -315,7 +314,7 @@ function is(i, t, e) {
 }
 function en(i, t, e, n, r) {
   var v;
-  const { rotatedHeight: s, rotatedWidth: o } = is(e, n, r), d = i.get(Z).getRenderById(t.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = is(e, n, r), d = i.get(J).getRenderById(t.unitId);
   if (!d)
     return !1;
   const c = (v = d.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : v.skeleton;
@@ -336,17 +335,17 @@ let Qe = class extends ne {
   async insertFloatImage() {
     const t = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: Mn.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: En.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = t.length;
-    return e > yn ? (this._messageService.show({
+    return e > On ? (this._messageService.show({
       type: pe.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(yn))
+      content: this._localeService.t("update-status.exceedMaxCount", String(On))
     }), !1) : e === 0 ? !1 : (t.forEach(async (n) => await this.insertFloatImageByFile(n)), !0);
   }
   async insertCellImage() {
     const e = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: Mn.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: En.map((n) => `.${n.replace("image/", "")}`).join(",")
     }))[0];
     return e ? (await this._insertCellImage(e), !0) : !1;
   }
@@ -361,7 +360,7 @@ let Qe = class extends ne {
       const I = v.message;
       I === Ae.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: pe.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
+        content: this._localeService.t("update-status.exceedMaxSize", String(Un / (1024 * 1024)))
       }) : I === Ae.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: pe.Error,
         content: this._localeService.t("update-status.invalidImageType")
@@ -375,8 +374,8 @@ let Qe = class extends ne {
     const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: d, base64Cache: u } = e, { width: c, height: l, image: g } = await Xt(u || ""), { width: h, height: f } = this._context.scene;
     this._imageIoService.addImageSourceCache(d, a, g);
     let p = 1;
-    if (c > Tn || l > On) {
-      const v = Tn / c, I = On / l;
+    if (c > Pn || l > An) {
+      const v = Pn / c, I = An / l;
       p = Math.max(v, I);
     }
     const m = this._getImagePosition(c * p, l * p, h, f);
@@ -407,7 +406,7 @@ let Qe = class extends ne {
       const C = S.message;
       C === Ae.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: pe.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
+        content: this._localeService.t("update-status.exceedMaxSize", String(Un / (1024 * 1024)))
       }) : C === Ae.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: pe.Error,
         content: this._localeService.t("update-status.invalidImageType")
@@ -445,11 +444,11 @@ let Qe = class extends ne {
         height: p.height
       },
       positionH: {
-        relativeFrom: pn.PAGE,
+        relativeFrom: vn.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: mn.PARAGRAPH,
+        relativeFrom: Sn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
@@ -460,14 +459,14 @@ let Qe = class extends ne {
       drawingType: B.DRAWING_IMAGE,
       imageSourceType: s,
       source: o,
-      transform: bn(m),
+      transform: Tn(m),
       docTransform: m,
-      behindDoc: Sn.FALSE,
+      behindDoc: Dn.FALSE,
       title: "",
       description: "",
-      layoutType: _n.INLINE,
+      layoutType: Cn.INLINE,
       // Insert inline drawing by default.
-      wrapText: wn.BOTH_SIDES,
+      wrapText: In.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
@@ -481,7 +480,7 @@ let Qe = class extends ne {
         endOffset: 0
       }
     });
-    return v ? (f.apply(v), this._commandService.syncExecuteCommand(In.id, {
+    return v ? (f.apply(v), this._commandService.syncExecuteCommand(bn.id, {
       value: {
         [(I = e == null ? void 0 : e.row) != null ? I : g]: {
           [(R = e == null ? void 0 : e.col) != null ? R : h]: {
@@ -498,7 +497,7 @@ let Qe = class extends ne {
   async insertCellImageByUrl(t, e) {
     var g, h;
     const { width: n, height: r, image: s } = await Xt(t || "");
-    this._imageIoService.addImageSourceCache(t, vn.URL, s);
+    this._imageIoService.addImageSourceCache(t, Rn.URL, s);
     const o = this._workbookSelections.getCurrentLastSelection();
     if (!o)
       return !1;
@@ -522,11 +521,11 @@ let Qe = class extends ne {
         height: d.height
       },
       positionH: {
-        relativeFrom: pn.PAGE,
+        relativeFrom: vn.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: mn.PARAGRAPH,
+        relativeFrom: Sn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
@@ -535,16 +534,16 @@ let Qe = class extends ne {
       subUnitId: a.getUnitId(),
       drawingId: Dt(),
       drawingType: B.DRAWING_IMAGE,
-      imageSourceType: vn.URL,
+      imageSourceType: Rn.URL,
       source: t,
-      transform: bn(u),
+      transform: Tn(u),
       docTransform: u,
-      behindDoc: Sn.FALSE,
+      behindDoc: Dn.FALSE,
       title: "",
       description: "",
-      layoutType: _n.INLINE,
+      layoutType: Cn.INLINE,
       // Insert inline drawing by default.
-      wrapText: wn.BOTH_SIDES,
+      wrapText: In.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
@@ -558,7 +557,7 @@ let Qe = class extends ne {
         endOffset: 0
       }
     });
-    return l ? (a.apply(l), this._commandService.syncExecuteCommand(In.id, {
+    return l ? (a.apply(l), this._commandService.syncExecuteCommand(bn.id, {
       value: {
         [(g = e == null ? void 0 : e.row) != null ? g : o.primary.actualRow]: {
           [(h = e == null ? void 0 : e.col) != null ? h : o.primary.actualColumn]: {
@@ -587,7 +586,7 @@ let Qe = class extends ne {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = ar(this._skeletonManagerService.getCurrent().skeleton, o);
+    const a = Yn(this._skeletonManagerService.getCurrent().skeleton, o);
     if (a == null)
       return;
     let { startColumn: d, startRow: u, startX: c, startY: l } = a, g = !1;
@@ -672,23 +671,23 @@ let Qe = class extends ne {
 Qe = rs([
   te(1, A(V)),
   te(2, G),
-  te(3, Xe),
-  te(4, _i),
+  te(3, xe),
+  te(4, Ei),
   te(5, Pi),
   te(6, re),
   te(7, ie),
-  te(8, Yn),
+  te(8, Gn),
   te(9, cr),
   te(10, A(tt)),
-  te(11, A(sn)),
-  te(12, A(Ye))
+  te(11, A(on)),
+  te(12, A(Xe))
 ], Qe);
 const Bt = {
   id: "sheet.command.insert-float-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: async (i, t) => {
     var o, a;
-    const e = i.get(Se), n = i.get(Z), r = (o = on(
+    const e = i.get(Se), n = i.get(J), r = (o = sn(
       F.UNIVER_SHEET,
       e,
       n
@@ -704,11 +703,11 @@ const Bt = {
   }
 }, dn = {
   id: "sheet.command.insert-cell-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
     var n, r;
-    const t = i.get(Se), e = i.get(Z);
-    return (r = (n = on(
+    const t = i.get(Se), e = i.get(J);
+    return (r = (n = sn(
       F.UNIVER_SHEET,
       t,
       e
@@ -716,9 +715,9 @@ const Bt = {
   }
 }, rt = {
   id: "sheet.command.move-drawing",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(re), r = i.get(Xe), { direction: s } = t, o = n.getFocusDrawings();
+    const e = i.get(G), n = i.get(re), r = i.get(xe), { direction: s } = t, o = n.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, d = o.map((c) => {
@@ -739,7 +738,7 @@ const Bt = {
   }
 }, pr = "COMPONENT_SHEET_DRAWING_PANEL", wr = {
   id: "sidebar.operation.sheet-image",
-  type: J.COMMAND,
+  type: Z.COMMAND,
   handler: async (i, t) => {
     const e = i.get(Ai), n = i.get(tt), r = i.get(Se), s = i.get(G);
     if (!se(r)) return !1;
@@ -763,7 +762,7 @@ const Bt = {
   }
 }, _r = {
   id: "sheet.operation.edit-sheet-image",
-  type: J.OPERATION,
+  type: Z.OPERATION,
   handler: (i, t) => {
     const e = i.get(G);
     return t == null ? !1 : (e.syncExecuteCommand(Nt.id, [t]), e.executeCommand(wr.id, { value: "open" }), !0);
@@ -774,7 +773,7 @@ var os = Object.getOwnPropertyDescriptor, as = (i, t, e, n) => {
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, ce = (i, t) => (e, n) => t(e, n, i);
-let Rt = class extends Or {
+let Rt = class extends Gr {
   constructor(t, e, n, r, s, o, a, d, u, c) {
     super();
     ee(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -899,15 +898,15 @@ let Rt = class extends Or {
   }
 };
 Rt = as([
-  ce(0, A(Ye)),
+  ce(0, A(Xe)),
   ce(1, A(tt)),
   ce(2, ie),
-  ce(3, A(Ci)),
-  ce(4, Z),
+  ce(3, A(Ar)),
+  ce(4, J),
   ce(5, Se),
   ce(6, cr),
-  ce(7, Yn),
-  ce(8, Tr),
+  ce(7, Gn),
+  ce(8, Xr),
   ce(9, G)
 ], Rt);
 var cs = Object.getOwnPropertyDescriptor, ds = (i, t, e, n) => {
@@ -925,7 +924,7 @@ let tn = class extends ne {
     this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Ji(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(ui.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
+      t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(Ur.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
     }));
   }
   _initImageClick() {
@@ -940,8 +939,8 @@ let tn = class extends ne {
   }
 };
 tn = ds([
-  St(1, A(Di)),
-  St(2, A(sn)),
+  St(1, A(Nr)),
+  St(2, A(on)),
   St(3, A(lr)),
   St(4, A(V))
 ], tn);
@@ -973,7 +972,7 @@ let nn = class extends ne {
 nn = us([
   vt(1, re),
   vt(2, ie),
-  vt(3, A(Xe)),
+  vt(3, A(xe)),
   vt(4, A(V))
 ], nn);
 var hs = Object.getOwnPropertyDescriptor, gs = (i, t, e, n) => {
@@ -1009,16 +1008,16 @@ let bt = class extends ne {
     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);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === pi.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
+      i.id === yi.id && i.params.unitId === je && (this._drawingManagerService.removeDrawingDataForUnit(je), this._docDrawingController.loadDrawingDataForUnit(je), this._drawingManagerService.initializeNotification(je));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Jr.CELL_CONTENT,
+        li.CELL_CONTENT,
         {
-          effect: Ur.Style,
-          priority: Zr.CELL_IMAGE,
+          effect: Lr.Style,
+          priority: ui.CELL_IMAGE,
           handler: (i, t, e) => {
             var n;
             return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i === t.rawData && (i = { ...t.rawData }), i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Sr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
@@ -1031,10 +1030,10 @@ let bt = class extends ne {
 bt = gs([
   Ne(0, G),
   Ne(1, A(At)),
-  Ne(2, A(Ye)),
+  Ne(2, A(Xe)),
   Ne(3, ie),
   Ne(4, A(Yi)),
-  Ne(5, A(Ri))
+  Ne(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--)
@@ -1050,7 +1049,7 @@ let Mt = class extends ne {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, t, e, n) => {
-          new Pr(n).forValue((r, s, o) => {
+          new Vr(n).forValue((r, s, o) => {
             Sr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
@@ -1059,8 +1058,8 @@ let Mt = class extends ne {
   }
 };
 Mt = ms([
-  $n(0, A(bi)),
-  $n(1, A(Ye))
+  $n(0, A(Wr)),
+  $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--)
@@ -1069,8 +1068,8 @@ var ps = Object.getOwnPropertyDescriptor, ws = (i, t, e, n) => {
 }, He = (i, t) => (e, n) => t(e, n, i);
 const _s = [
   Ze,
-  Ar,
-  Be
+  Hr,
+  je
 ];
 let yt = class extends ne {
   constructor(i, t, e, n, r) {
@@ -1078,7 +1077,7 @@ let yt = class extends ne {
   }
   _setCellImage(i) {
     var r;
-    const t = Vt("", {}), e = (r = on(F.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Mi), n = Ht.drawing.add({
+    const t = Vt("", {}), e = (r = sn(F.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Br), n = Ht.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1093,20 +1092,20 @@ let yt = class extends ne {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
-        if (i.id === wi.id) {
+        if (i.id === Ti.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 (o !== je) {
               const a = () => {
-                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(Un.id, {
+                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(pn.id, {
                   visible: !1
                 });
               };
               ((e = s.getBody()) == null ? void 0 : e.dataStream) === `\r
-` ? (this._commandService.syncExecuteCommand(Un.id, {
+` ? (this._commandService.syncExecuteCommand(pn.id, {
                 visible: !1
               }), this._setCellImage(Object.values(r.drawings)[0])) : this._dialogService.open({
                 id: "sheet-cell-image-copy-paste",
@@ -1138,7 +1137,7 @@ yt = ws([
   He(0, G),
   He(1, Se),
   He(2, Ni),
-  He(3, Z),
+  He(3, J),
   He(4, A(tt))
 ], yt);
 var Ss = Object.getOwnPropertyDescriptor, vs = (i, t, e, n) => {
@@ -1170,12 +1169,12 @@ function Ds() {
   };
 }
 const Fn = [
-  je.SPECIAL_PASTE_COL_WIDTH,
-  je.SPECIAL_PASTE_VALUE,
-  je.SPECIAL_PASTE_FORMAT,
-  je.SPECIAL_PASTE_FORMULA
+  Be.SPECIAL_PASTE_COL_WIDTH,
+  Be.SPECIAL_PASTE_VALUE,
+  Be.SPECIAL_PASTE_FORMAT,
+  Be.SPECIAL_PASTE_FORMULA
 ];
-let Et = class extends ne {
+let Tt = class extends ne {
   constructor(t, e, n, r, s) {
     super();
     ee(this, "_copyInfo");
@@ -1192,7 +1191,7 @@ let Et = class extends ne {
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
-          if (r === Ie.CUT) {
+          if (r === ve.CUT) {
             const d = {
               unitId: t,
               drawings: [o]
@@ -1201,7 +1200,7 @@ let Et = class extends ne {
           }
           setTimeout(() => {
             const d = Ds();
-            o.drawingType === B.DRAWING_IMAGE && o.imageSourceType === Si.BASE64 ? Cs(o.source) : this._clipboardInterfaceService.writeText(""), d();
+            o.drawingType === B.DRAWING_IMAGE && o.imageSourceType === Oi.BASE64 ? Cs(o.source) : this._clipboardInterfaceService.writeText(""), d();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1217,14 +1216,14 @@ let Et = class extends ne {
       onPasteCells: (t, e, n, r) => {
         if (!this._copyInfo)
           return { redos: [], undos: [] };
-        const { copyType: s = Ie.COPY, pasteType: o } = r, { range: a } = t || {}, { range: d, unitId: u, subUnitId: c } = e;
-        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: c, pasteRange: d }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, Ie.COPY);
+        const { copyType: s = ve.COPY, pasteType: o } = r, { range: a } = t || {}, { range: d, unitId: u, subUnitId: c } = e;
+        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: c, pasteRange: d }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, ve.COPY);
       },
       onPastePlainText: (t, e) => ({ undos: [], redos: [] }),
-      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: je.DEFAULT_PASTE }, Ie.COPY) : { undos: [], redos: [] },
+      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Be.DEFAULT_PASTE }, ve.COPY) : { undos: [], redos: [] },
       onPasteFiles: (t, e) => {
         if (this._copyInfo)
-          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: je.DEFAULT_PASTE }, Ie.COPY);
+          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Be.DEFAULT_PASTE }, ve.COPY);
         {
           const n = e.filter((r) => r.type.includes("image"));
           if (n.length)
@@ -1273,14 +1272,14 @@ let Et = 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(xe), l = this._copyInfo;
     if (!u || !c)
       return { redos: [], undos: [] };
-    const { drawings: g } = l, h = Pn(a);
+    const { drawings: g } = l, h = wn(a);
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
-      isCut: e === Ie.CUT,
+      isCut: e === ve.CUT,
       getTransform: (f, p) => {
         var v;
         const m = u.attachRangeWithCoord({
@@ -1366,10 +1365,10 @@ let Et = class extends ne {
     const { drawings: c } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: n, subUnitId: r, range: Pn(o) },
+        pasteTo: { unitId: n, subUnitId: r, range: wn(o) },
         pasteType: s
       }, d);
-    const { ranges: [l, g], mapFunc: h } = yi([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: _ } = h(g.startRow, g.startColumn), v = u.attachRangeWithCoord({
+    const { ranges: [l, g], mapFunc: h } = jr([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: _ } = h(g.startRow, g.startColumn), v = u.attachRangeWithCoord({
       startRow: f,
       endRow: f,
       startColumn: p,
@@ -1386,46 +1385,46 @@ let Et = class extends ne {
     return this._generateMutations(c, {
       unitId: n,
       subUnitId: r,
-      getTransform: (D, E) => {
-        var T, M;
+      getTransform: (D, T) => {
+        var E, M;
         return {
           transform: {
             ...D,
-            left: ((T = D == null ? void 0 : D.left) != null ? T : 0) + R,
+            left: ((E = D == null ? void 0 : D.left) != null ? E : 0) + R,
             top: ((M = D == null ? void 0 : D.top) != null ? M : 0) + S
           },
           sheetTransform: {
-            ...E,
+            ...T,
             to: {
-              ...E.to,
-              row: E.to.row + C,
-              column: E.to.column + w
+              ...T.to,
+              row: T.to.row + C,
+              column: T.to.column + w
             },
             from: {
-              ...E.from,
-              row: E.from.row + C,
-              column: E.from.column + w
+              ...T.from,
+              row: T.from.row + C,
+              column: T.from.column + w
             }
           }
         };
       },
-      isCut: d === Ie.CUT
+      isCut: d === ve.CUT
     });
   }
 };
-Et = vs([
-  ze(0, Ei),
-  ze(1, Z),
+Tt = vs([
+  ze(0, $r),
+  ze(1, J),
   ze(2, ie),
   ze(3, ki),
   ze(4, G)
-], Et);
+], 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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ke = (i, t) => (e, n) => t(e, n, i);
-let Tt = class extends ne {
+let Et = class extends ne {
   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();
   }
@@ -1441,8 +1440,8 @@ let Tt = class extends ne {
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new Cn(o).id,
-              new Dn(o, a).id
+              new Mn(o).id,
+              new yn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(n, s);
           })
         ) : (this._drawingManagerService.setDrawingVisible(!1), fe))
@@ -1500,8 +1499,8 @@ let Tt = class extends ne {
               return fe;
             const u = d.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new Cn(s).id,
-              new Dn(s, o).id
+              new Mn(s).id,
+              new yn(s, o).id
             ]).pipe(
               be((l) => l.every((g) => g.value)),
               Wn()
@@ -1593,20 +1592,20 @@ let Tt = class extends ne {
     );
   }
 };
-Tt = bs([
+Et = bs([
   Ke(0, ie),
-  Ke(1, Z),
-  Ke(2, Nr),
+  Ke(1, J),
+  Ke(2, zr),
   Ke(3, Se),
-  Ke(4, A(kr))
-], Tt);
+  Ke(4, A(Kr))
+], Et);
 var Ms = Object.getOwnPropertyDescriptor, ys = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Ms(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ce = (i, t) => (e, n) => t(e, n, i);
 function Ir(i, t, e, n, r, s = !1) {
-  const { scaleX: o, scaleY: a } = t.getAncestorScale(), d = t.getViewport(or.VIEW_MAIN), u = n.getFreeze(), { startColumn: c, startRow: l, xSplit: g, ySplit: h } = u, f = {
+  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,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -1618,13 +1617,13 @@ function Ir(i, t, e, n, r, s = !1) {
     };
   const { left: p, right: m, top: _, bottom: v } = i;
   let { top: I, left: R, viewportScrollX: S, viewportScrollY: C } = d;
-  const { boundsOfViewArea: w, scrollDirectionResponse: y } = r || {}, { rowHeaderWidth: D, columnHeaderHeight: E } = e, T = {
-    top: s ? 0 : E,
+  const { boundsOfViewArea: w, scrollDirectionResponse: y } = r || {}, { rowHeaderWidth: D, columnHeaderHeight: T } = e, E = {
+    top: s ? 0 : T,
     left: s ? 0 : D
   };
-  w && (Re.isDefine(T.top) && (T.top = w.top), Re.isDefine(T.left) && (T.left = w.left)), y === "HORIZONTAL" && (C = 0), y === "VERTICAL" && (S = 0);
+  w && (Re.isDefine(E.top) && (E.top = w.top), Re.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) + E, x = e.colStartX(c - g) + D, q = e.rowStartY(l) + E, 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 {
@@ -1635,10 +1634,10 @@ function Ir(i, t, e, n, r, s = !1) {
   if (h === 0)
     f.top = !1, L = (_ - C) * a, X = (v - C) * a;
   else {
-    const k = _ - (N - E), ae = v - (N - E);
+    const k = _ - (N - T), ae = v - (N - T);
     v < q ? (L = k * a, X = ae * a) : _ <= q && v >= q ? (L = k * a, X = Math.max(I, (v - C) * a)) : _ > q && (f.top = !1, L = Math.max((_ - C) * a, I), X = Math.max((v - C) * a, I));
   }
-  return M = Math.max(M, T.left), L = Math.max(L, T.top), b = Math.max(b, T.left), X = Math.max(X, T.top), {
+  return M = Math.max(M, E.left), L = Math.max(L, E.top), b = Math.max(b, E.left), X = Math.max(X, E.top), {
     left: M,
     right: b,
     top: L,
@@ -1680,7 +1679,7 @@ let et = class extends ne {
     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 === Br.Rendered), qi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Zi((t) => t === Zr.Rendered), qi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1726,9 +1725,9 @@ let et = class extends ne {
             return !0;
           if (u !== r)
             return;
-          const { left: _, top: v, width: I, height: R, angle: S, flipX: C, flipY: w, skewX: y, skewY: D } = l, E = ve({ unitId: n, subUnitId: r, drawingId: s }), T = p.getObject(E);
-          if (T != null) {
-            T.transformByState({ left: _, top: v, width: I, height: R, angle: S, flipX: C, flipY: w, skewX: y, skewY: D });
+          const { left: _, top: v, width: I, height: R, angle: S, flipX: C, flipY: w, skewX: y, skewY: D } = l, T = Ie({ unitId: n, subUnitId: r, drawingId: s }), E = p.getObject(T);
+          if (E != null) {
+            E.transformByState({ left: _, top: v, width: I, height: R, angle: S, flipX: C, flipY: w, skewX: y, skewY: D });
             return;
           }
           const M = {
@@ -1742,9 +1741,9 @@ let et = class extends ne {
             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 N = new Pe(E, M);
-          b && N.setObjectType(Rn.CHART), p.addObject(N, xt), a.allowTransform !== !1 && p.attachTransformerTo(N);
-          const x = new pt(), q = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet), H = new We(q), L = {
+          const N = new Pe(T, M);
+          b && N.setObjectType(mn.CHART), p.addObject(N, Ft), a.allowTransform !== !1 && p.attachTransformerTo(N);
+          const x = new wt(), q = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet), H = new We(q), L = {
             dispose: x,
             rect: N,
             position$: H,
@@ -1786,7 +1785,7 @@ let et = class extends ne {
       this._drawingManagerService.remove$.subscribe((t) => {
         t.forEach((e) => {
           var l;
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = ve({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = Ie({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
           if (a == null)
             return;
           const { transformer: d, scene: u } = a, c = u.getObject(o);
@@ -1816,7 +1815,7 @@ let et = class extends ne {
           return r ? { render: r, unitId: n, subUnitId: e.getSheetId() } : null;
         }),
         we(
-          (e) => e ? jr(e.render.scene.getViewport(or.VIEW_MAIN).onScrollAfter$).pipe(be(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Bn(null)
+          (e) => e ? qr(e.render.scene.getViewport(xn.VIEW_MAIN).onScrollAfter$).pipe(be(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Bn(null)
         )
       ).subscribe((e) => {
         if (!e) return;
@@ -1824,20 +1823,27 @@ let et = class extends ne {
         t(n, r);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      if (e.id === An.id) {
+      if (e.id === _n.id) {
         const n = e.params, { unitId: r } = n;
         Array.from(this._domLayerInfoMap.values()).filter((o) => o.unitId === r).map((o) => o.subUnitId).forEach((o) => {
           t(r, o);
         });
-      } else if (e.id === qr.id) {
+      } else if (e.id === hi.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
     }));
   }
+  updateFloatDomProps(t, e, n, r) {
+    const s = this._domLayerInfoMap.get(n), o = this._getSceneAndTransformerByDrawingSearch(t);
+    if (s && o) {
+      const { scene: a } = o, d = Ie({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(d);
+      u && u instanceof Pe && u.setProps(r);
+    }
+  }
   _getPosition(t, e) {
     var g;
-    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Xe);
+    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(xe);
     if (a == null)
       return;
     const d = a.getCellWithCoordByOffset(n, s);
@@ -1872,7 +1878,14 @@ let et = class extends ne {
           const r = {
             ...n.transform
           };
-          this._transformChange$.next({ id: e.drawingId, value: r });
+          this._transformChange$.next({ id: e.drawingId, value: r }), this._canvasFloatDomService.updateFloatDom(e.drawingId, {
+            ...n
+          });
+          const s = this._getSceneAndTransformerByDrawingSearch(e.unitId);
+          if (s) {
+            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));
+          }
         });
       })
     );
@@ -1886,13 +1899,6 @@ let et = class extends ne {
       })
     );
   }
-  updateFloatDomProps(t, e, n, r) {
-    const s = this._domLayerInfoMap.get(n), o = this._getSceneAndTransformerByDrawingSearch(t);
-    if (s && o) {
-      const { scene: a } = o, d = ve({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(d);
-      u && u instanceof Pe && u.setProps(r);
-    }
-  }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
   addFloatDomToPosition(t, e) {
     const n = se(this._univerInstanceService, {
@@ -1979,7 +1985,7 @@ let et = class extends ne {
       allowTransform: h
     };
     {
-      const { unitId: D, subUnitId: E, drawingId: T } = S, M = se(this._univerInstanceService, { unitId: D, subUnitId: E }), b = S, N = this._univerInstanceService.getUnit(D, F.UNIVER_SHEET);
+      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);
       if (!N)
         return;
       const x = N.getActiveSheet().getSheetId();
@@ -1988,7 +1994,7 @@ let et = class extends ne {
       const q = (w = this._renderManagerService.getRenderById(D)) == null ? void 0 : w.with(V);
       if (!q)
         return;
-      const H = q.getWorksheetSkeleton(E);
+      const H = q.getWorksheetSkeleton(T);
       if (!H)
         return;
       const { transform: L, drawingType: X, data: K } = b;
@@ -1998,9 +2004,9 @@ let et = class extends ne {
       if (k == null)
         return;
       const { scene: ae, canvas: Me } = k;
-      if (L == null || x !== E)
+      if (L == null || x !== T)
         return;
-      const { left: st, top: ot, width: at, height: ct, angle: jt, flipX: $t, flipY: dt, skewX: lt, skewY: ye } = L, ut = ve({ unitId: D, subUnitId: E, drawingId: T }), de = ae.getObject(ut);
+      const { left: st, top: ot, width: at, height: ct, angle: jt, flipX: $t, flipY: dt, skewX: lt, skewY: ye } = L, ut = Ie({ unitId: D, subUnitId: T, drawingId: E }), de = ae.getObject(ut);
       if (de != null) {
         de.transformByState({ left: st, top: ot, width: at, height: ct, angle: jt, flipX: $t, flipY: dt, skewX: lt, skewY: ye });
         return;
@@ -2011,17 +2017,17 @@ let et = class extends ne {
         top: ot,
         width: at,
         height: ct,
-        zIndex: this._drawingManagerService.getDrawingOrder(D, E).length - 1
-      }, Ee = X === B.DRAWING_CHART;
-      if (Ee) {
+        zIndex: this._drawingManagerService.getDrawingOrder(D, T).length - 1
+      }, Te = X === B.DRAWING_CHART;
+      if (Te) {
         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 le = new Pe(ut, Q);
-      Ee && le.setObjectType(Rn.CHART), ae.addObject(le, xt), b.allowTransform !== !1 && ae.attachTransformerTo(le);
-      const ue = new pt(), ht = ae.getMainViewport(), { rowHeaderWidth: Te, columnHeaderHeight: Ge } = H.skeleton, gt = {
+      Te && le.setObjectType(mn.CHART), ae.addObject(le, Ft), b.allowTransform !== !1 && ae.attachTransformerTo(le);
+      const ue = new wt(), ht = ae.getMainViewport(), { rowHeaderWidth: Ee, columnHeaderHeight: Ge } = H.skeleton, gt = {
         top: Ge,
-        left: Te,
+        left: Ee,
         bottom: ht.bottom,
         right: ht.right
       }, he = {
@@ -2030,12 +2036,12 @@ let et = class extends ne {
         boundsOfViewArea: gt,
         domAnchor: n,
         unitId: D,
-        subUnitId: E
+        subUnitId: T
       }, j = ge(le, k.renderUnit.scene, H.skeleton, M.worksheet, he), Oe = new We(j);
       he.position$ = Oe;
       let Le = {
         position$: Oe,
-        id: T,
+        id: E,
         componentKey: b.componentKey,
         onPointerDown: () => {
         },
@@ -2073,12 +2079,12 @@ let et = class extends ne {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Rr = ve({ unitId: D, subUnitId: E, drawingId: T }), br = new Pe(Rr, {
+        }, n), Rr = Ie({ unitId: D, subUnitId: T, drawingId: E }), br = new Pe(Rr, {
           left: ln.startX,
           top: ln.startY,
           width: (gn = n.width) != null ? gn : W.width,
           height: (fn = n.height) != null ? fn : W.height,
-          zIndex: this._drawingManagerService.getDrawingOrder(D, E).length - 1
+          zIndex: this._drawingManagerService.getDrawingOrder(D, T).length - 1
         }), Mr = ge(br, k.renderUnit.scene, H.skeleton, M.worksheet, he);
         Oe.next(Mr);
       }));
@@ -2093,8 +2099,8 @@ let et = class extends ne {
         );
       });
       ue.add(() => {
-        this._canvasFloatDomService.removeFloatDom(T);
-      }), ft && ue.add(ft), this._domLayerInfoMap.set(T, he);
+        this._canvasFloatDomService.removeFloatDom(E);
+      }), ft && ue.add(ft), this._domLayerInfoMap.set(E, he);
     }
     return {
       id: f,
@@ -2142,11 +2148,11 @@ let et = class extends ne {
       allowTransform: h
     };
     {
-      const { unitId: w, subUnitId: y, drawingId: D } = I, E = se(this._univerInstanceService, { unitId: w, subUnitId: y }), T = I, M = this._univerInstanceService.getUnit(w, F.UNIVER_SHEET);
+      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);
       if (!M)
         return;
       const b = M.getActiveSheet().getSheetId();
-      if (!T || !E)
+      if (!E || !T)
         return;
       const N = (S = this._renderManagerService.getRenderById(w)) == null ? void 0 : S.with(V);
       if (!N)
@@ -2154,13 +2160,13 @@ let et = class extends ne {
       const x = N.getWorksheetSkeleton(y);
       if (!x)
         return;
-      const { transform: q, data: H } = T, L = this._getSceneAndTransformerByDrawingSearch(w);
+      const { transform: q, data: H } = E, L = this._getSceneAndTransformerByDrawingSearch(w);
       if (L == null)
         return;
       const { scene: X, canvas: K } = L;
       if (q == null || b !== y)
         return;
-      const { left: k, top: ae, width: Me, height: st, angle: ot, flipX: at, flipY: ct, skewX: jt, skewY: $t } = q, dt = ve({ unitId: w, subUnitId: y, drawingId: D }), lt = X.getObject(dt);
+      const { left: k, top: ae, width: Me, height: st, angle: ot, flipX: at, flipY: ct, skewX: jt, skewY: $t } = q, dt = Ie({ unitId: w, subUnitId: y, drawingId: D }), lt = X.getObject(dt);
       if (lt != null) {
         lt.transformByState({ left: k, top: ae, width: Me, height: st, angle: ot, flipX: at, flipY: ct, skewX: jt, skewY: $t });
         return;
@@ -2183,13 +2189,13 @@ let et = class extends ne {
         height: ye.height,
         zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
       }, de = new Pe(dt, ut);
-      X.addObject(de, xt), T.allowTransform !== !1 && X.attachTransformerTo(de);
-      const Q = new pt(), Ee = X.getMainViewport(), le = {
+      X.addObject(de, Ft), E.allowTransform !== !1 && X.attachTransformerTo(de);
+      const Q = new wt(), Te = X.getMainViewport(), le = {
         top: 0,
         //viewMain.top,
-        left: Ee.left,
-        bottom: Ee.bottom,
-        right: Ee.right
+        left: Te.left,
+        bottom: Te.bottom,
+        right: Te.right
       }, ue = {
         dispose: Q,
         rect: de,
@@ -2200,12 +2206,12 @@ let et = class extends ne {
         domAnchor: n,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, ht = ge(de, L.renderUnit.scene, x.skeleton, E.worksheet, ue), Te = new We(ht);
-      ue.position$ = Te;
+      }, ht = ge(de, L.renderUnit.scene, x.skeleton, T.worksheet, ue), Ee = new We(ht);
+      ue.position$ = Ee;
       let Ge = {
-        position$: Te,
+        position$: Ee,
         id: D,
-        componentKey: T.componentKey,
+        componentKey: E.componentKey,
         onPointerDown: () => {
         },
         onPointerMove: () => {
@@ -2231,8 +2237,8 @@ let et = class extends ne {
         }
       }), this._canvasFloatDomService.addFloatDom(Ge);
       const gt = de.onTransformChange$.subscribeEvent(() => {
-        const j = ge(de, L.renderUnit.scene, x.skeleton, E.worksheet, ue);
-        Te.next(
+        const j = ge(de, L.renderUnit.scene, x.skeleton, T.worksheet, ue);
+        Ee.next(
           j
         );
       });
@@ -2248,14 +2254,14 @@ let et = class extends ne {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Le = ve({ unitId: w, subUnitId: y, drawingId: D }), Ve = new Pe(Le, {
+        }, n), Le = Ie({ unitId: w, subUnitId: y, drawingId: D }), Ve = new Pe(Le, {
           left: Oe.startX,
           top: 0,
           width: n.width,
           height: n.height,
           zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
-        }), ft = ge(Ve, L.renderUnit.scene, x.skeleton, E.worksheet, ue);
-        Te.next(ft);
+        }), ft = ge(Ve, L.renderUnit.scene, x.skeleton, T.worksheet, ue);
+        Ee.next(ft);
       }));
       const he = (C = this._renderManagerService.getRenderById(w)) == null ? void 0 : C.with(V);
       he == null || he.currentSkeleton$.subscribe((j) => {
@@ -2287,13 +2293,13 @@ let et = class extends ne {
     const o = Je(r, s, n), a = new We(o), d = Je(t.endRow, t.endColumn, n), u = new We(d), c = () => {
       const m = Je(r, s, n), _ = Je(t.endRow, t.endColumn, n);
       a.next(m), u.next(_);
-    }, l = new pt();
+    }, l = new wt();
     l.add(e.engine.clientRect$.subscribe(() => c())), l.add(this._commandService.onCommandExecuted((m) => {
-      if (m.id === Qr.id && m.params.rowsAutoHeightInfo.findIndex((v) => v.row === r) > -1) {
+      if (m.id === gi.id && m.params.rowsAutoHeightInfo.findIndex((v) => v.row === r) > -1) {
         c();
         return;
       }
-      (ei.indexOf(m.id) > -1 || m.id === Ti.id || m.id === An.id) && c();
+      (fi.indexOf(m.id) > -1 || m.id === Fr.id || m.id === _n.id) && c();
     }));
     const g = (m, _) => {
       r = m, s = _, c();
@@ -2338,13 +2344,13 @@ let et = class extends ne {
   }
 };
 et = ys([
-  Ce(0, A(Z)),
+  Ce(0, A(J)),
   Ce(1, Se),
   Ce(2, A(G)),
   Ce(3, ie),
   Ce(4, A(Wi)),
   Ce(5, re),
-  Ce(6, A(Wr))
+  Ce(6, A(Jr))
 ], et);
 function Je(i, t, e) {
   const n = e.getCellWithCoordByIndex(i, t), r = n.isMergedMainCell ? n.mergeInfo : n;
@@ -2392,7 +2398,7 @@ function Ct(i, t) {
   const e = Number.parseFloat(i);
   return t * e / 100;
 }
-const Es = (i) => {
+const Ts = (i) => {
   const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = Qi(() => t.map((o) => {
     const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Ir(
       {
@@ -2435,8 +2441,8 @@ const Es = (i) => {
   }), [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)) });
 };
-var Ts = Object.getOwnPropertyDescriptor, Os = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ts(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, De = (i, t) => (e, n) => t(e, n, i);
@@ -2497,7 +2503,7 @@ let Ot = class extends ne {
                 if (c.drawingType === B.DRAWING_CHART)
                   return {
                     ...c,
-                    componentKey: this._componetManager.get($r)
+                    componentKey: this._componetManager.get(Qr)
                   };
                 if (c.drawingType === B.DRAWING_DOM) {
                   const l = this._sheetPrintInterceptorService.getPrintComponent(c.componentKey);
@@ -2507,12 +2513,12 @@ let Ot = class extends ne {
                   };
                 }
                 return null;
-              }).filter(Boolean), d = ji(Es, this._injector);
-              return hi(
+              }).filter(Boolean), d = ji(Ts, this._injector);
+              return Di(
                 /* @__PURE__ */ oe(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
               ), i == null || i.add(() => {
-                gi(t.root);
+                Ri(t.root);
               }), e(i);
             }
           }
@@ -2522,13 +2528,13 @@ let Ot = class extends ne {
   }
 };
 Ot = Os([
-  De(0, A(Oi)),
+  De(0, A(xr)),
   De(1, A(lr)),
   De(2, ie),
-  De(3, Z),
+  De(3, J),
   De(4, A(et)),
   De(5, A(dr)),
-  De(6, A(Ye))
+  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--)
@@ -2536,32 +2542,32 @@ var Us = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
   return r;
 }, me = (i, t) => (e, n) => t(e, n, i);
 const As = [
-  Xn.id,
-  Gn.id,
   Ln.id,
   Vn.id,
   Hn.id,
   zn.id,
   Kn.id,
   Jn.id,
-  Jt.id,
-  Zt.id,
   Zn.id,
   qn.id,
+  Jt.id,
+  Zt.id,
   Qn.id,
   er.id,
   tr.id,
   nr.id,
   rr.id,
   ir.id,
-  sr.id
+  sr.id,
+  or.id,
+  ar.id
 ], Ns = [
-  ti.id,
-  ni.id,
-  ri.id,
-  ii.id,
-  si.id,
-  oi.id
+  mi.id,
+  pi.id,
+  wi.id,
+  _i.id,
+  Si.id,
+  vi.id
 ];
 let rn = class extends ne {
   constructor(i, t, e, n, r, s, o, a, d) {
@@ -2576,51 +2582,51 @@ let rn = class extends ne {
           if (i.params == null)
             return { redos: [], undos: [] };
           const t = i.id;
-          if (t === Xn.id)
+          if (t === Ln.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([rr.id, ir.id, sr.id].includes(t))
+          if ([sr.id, or.id, ar.id].includes(t))
             return this._moveRangeInterceptor(i.params);
-          if (t === Gn.id)
+          if (t === Vn.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (t === Ln.id)
+          if (t === Hn.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (t === Vn.id)
+          if (t === zn.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (t === Hn.id) {
+          if (t === Kn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               0
               /* deleteLeft */
             );
-          } else if (t === zn.id) {
+          } else if (t === Jn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               1
               /* deleteUp */
             );
-          } else if (t === Kn.id) {
+          } else if (t === Zn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               2
               /* insertDown */
             );
-          } else if (t === Jn.id) {
+          } else if (t === qn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               3
               /* insertRight */
             );
-          } else if (t === Qn.id || t === er.id) {
+          } else if (t === tr.id || t === nr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForRowVisible(n, r, s);
-          } else if (t === tr.id || t === nr.id) {
+          } else if (t === rr.id || t === ir.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForColVisible(n, r, s);
-          } else if (t === Jt.id || t === Zt.id || t === Zn.id || t === qn.id) {
+          } else if (t === Jt.id || t === Zt.id || t === Qn.id || t === er.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === Jt.id || t === Zt.id;
             return this._getDrawingUndoForRowAndColSize(n, r, s, o);
           }
@@ -2705,13 +2711,13 @@ let rn = class extends ne {
       else {
         const { from: p, to: m } = g, { row: _, column: v } = p, { row: I, column: R } = m;
         for (let S = 0; S < e.length; S++) {
-          const C = e[S], { startRow: w, endRow: y, startColumn: D, endColumn: E } = C;
+          const C = e[S], { startRow: w, endRow: y, startColumn: D, endColumn: T } = C;
           if (R < D)
             continue;
           if (f === O.Position) {
             let b = null, N = null;
-            if (v >= D && v <= E) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: v, endColumn: E, startRow: p.row, endRow: m.row });
+            if (v >= D && v <= T) {
+              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: v, endColumn: T, startRow: p.row, endRow: m.row });
               if (x == null)
                 return;
               N = { ...h, left: x.startX };
@@ -2723,11 +2729,11 @@ let rn = class extends ne {
             this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (v >= D && R <= E)
+          if (v >= D && R <= T)
             continue;
-          let T = null, M = null;
-          if (v >= D && v <= E) {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: v, endColumn: E, startRow: p.row, endRow: m.row });
+          let E = null, M = null;
+          if (v >= D && v <= T) {
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: v, endColumn: T, startRow: p.row, endRow: m.row });
             if (b == null)
               return;
             M = {
@@ -2735,7 +2741,7 @@ let rn = class extends ne {
               left: (b == null ? void 0 : b.startX) || 0,
               width: ((h == null ? void 0 : h.width) || 0) - b.endX + b.startX
             };
-          } else if (R >= D && R <= E) {
+          } else if (R >= D && R <= T) {
             const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: R, startRow: p.row, endRow: m.row });
             if (b == null)
               return;
@@ -2744,19 +2750,19 @@ let rn = class extends ne {
               left: b.startX - ((h == null ? void 0 : h.width) || 0)
             };
           } else {
-            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: E, startRow: p.row, endRow: m.row });
+            const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: T, startRow: p.row, endRow: m.row });
             if (b == null)
               return;
             if (M = {
               ...h,
               width: ((h == null ? void 0 : h.width) || 0) - b.endX + b.startX
-            }, T = $(M, this._selectionRenderService), T != null && M != null) {
-              s.push({ ...l, sheetTransform: T, transform: M });
+            }, E = $(M, this._selectionRenderService), E != null && M != null) {
+              s.push({ ...l, sheetTransform: E, transform: M });
               break;
             }
           }
-          if (M != null && (T = $(M, this._selectionRenderService)), M != null && T != null) {
-            r.push({ ...l, sheetTransform: T, transform: M });
+          if (M != null && (E = $(M, this._selectionRenderService)), M != null && E != null) {
+            r.push({ ...l, sheetTransform: E, transform: M });
             break;
           } else
             this._remainDrawingSize(h, r, l);
@@ -2799,7 +2805,7 @@ let rn = class extends ne {
       else {
         const { from: p, to: m } = g, { row: _, column: v } = p, { row: I, column: R } = m;
         for (let S = 0; S < e.length; S++) {
-          const C = e[S], { startRow: w, endRow: y, startColumn: D, endColumn: E } = C;
+          const C = e[S], { startRow: w, endRow: y, startColumn: D, endColumn: T } = C;
           if (I < w)
             continue;
           if (f === O.Position) {
@@ -2819,7 +2825,7 @@ let rn = class extends ne {
           }
           if (_ >= w && I <= y)
             continue;
-          let T = null, M = null;
+          let E = null, M = null;
           if (_ >= w && _ <= y) {
             const b = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: y });
             if (b == null)
@@ -2844,13 +2850,13 @@ let rn = class extends ne {
             if (M = {
               ...h,
               height: ((h == null ? void 0 : h.height) || 0) - b.endY + b.startY
-            }, T = $(M, this._selectionRenderService), T != null && M != null) {
-              s.push({ ...l, sheetTransform: T, transform: M });
+            }, E = $(M, this._selectionRenderService), E != null && M != null) {
+              s.push({ ...l, sheetTransform: E, transform: M });
               break;
             }
           }
-          if (M != null && (T = $(M, this._selectionRenderService)), M != null && T != null) {
-            r.push({ ...l, sheetTransform: T, transform: M });
+          if (M != null && (E = $(M, this._selectionRenderService)), M != null && E != null) {
+            r.push({ ...l, sheetTransform: E, transform: M });
             break;
           } else
             this._remainDrawingSize(h, r, l);
@@ -2918,7 +2924,7 @@ let rn = class extends ne {
     const { unitId: r, subUnitId: s } = n, o = (R = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(V)) == null ? void 0 : R.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = ar(o, e);
+    const a = Yn(o, e);
     if (!a)
       return { redos: [], undos: [] };
     const { startX: d, endX: u, startY: c, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
@@ -2929,11 +2935,11 @@ let rn = class extends ne {
       const { transform: w } = C;
       if (!w)
         return;
-      const { left: y = 0, top: D = 0, width: E = 0, height: T = 0 } = w, { drawingStartX: M, drawingEndX: b, drawingStartY: N, drawingEndY: x } = {
+      const { left: y = 0, top: D = 0, width: T = 0, height: E = 0 } = w, { drawingStartX: M, drawingEndX: b, drawingStartY: N, drawingEndY: x } = {
         drawingStartX: y,
-        drawingEndX: y + E,
+        drawingEndX: y + T,
         drawingStartY: D,
-        drawingEndY: D + T
+        drawingEndY: D + E
       };
       d <= M && b <= u && c <= N && x <= l && h.push(C);
     });
@@ -3211,7 +3217,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 === ai.id) {
+        if (i.id === Ii.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3278,7 +3284,7 @@ let rn = class extends ne {
       const { from: c, to: l } = a, { row: g, column: h } = c, { row: f, column: p } = l;
       for (let m = 0; m < e.length; m++) {
         const _ = e[m], { startRow: v, endRow: I, startColumn: R, endColumn: S } = _;
-        if (Fr.intersects(
+        if (ei.intersects(
           {
             startRow: v,
             endRow: I,
@@ -3308,9 +3314,9 @@ let rn = class extends ne {
   }
 };
 rn = Ps([
-  me(1, Z),
+  me(1, J),
   me(2, G),
-  me(3, Xe),
+  me(3, xe),
   me(4, A(V)),
   me(5, A(At)),
   me(6, re),
@@ -3319,7 +3325,7 @@ rn = Ps([
 ], rn);
 const ks = (i) => {
   var v;
-  const t = qe(G), e = qe(tt), n = qe(ie), r = qe(Z), { drawings: s } = i, o = s[0];
+  const t = qe(G), e = qe(tt), n = qe(ie), r = qe(J), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: a } = o, d = r.getRenderById(a), u = d == null ? void 0 : d.scene;
@@ -3332,11 +3338,11 @@ const ks = (i) => {
       const { oKey: w } = C, y = R.getDrawingOKey(w);
       if (y == null)
         return S.push(null), !0;
-      const { unitId: D, subUnitId: E, drawingId: T, drawingType: M, anchorType: b, sheetTransform: N } = y;
+      const { unitId: D, subUnitId: T, drawingId: E, drawingType: M, anchorType: b, sheetTransform: N } = y;
       S.push({
         unitId: D,
-        subUnitId: E,
-        drawingId: T,
+        subUnitId: T,
+        drawingId: E,
         anchorType: b,
         sheetTransform: N,
         drawingType: M
@@ -3380,7 +3386,7 @@ const ks = (i) => {
   return /* @__PURE__ */ qt(
     "div",
     {
-      className: fi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: bi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !l
       }),
       children: [
@@ -3391,7 +3397,7 @@ const ks = (i) => {
             children: /* @__PURE__ */ oe("div", { children: e.t("drawing-anchor.title") })
           }
         ),
-        /* @__PURE__ */ oe("div", { children: /* @__PURE__ */ qt(mi, { value: f, onChange: _, direction: "vertical", children: [
+        /* @__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") })
@@ -3420,7 +3426,7 @@ function Bs(i) {
     icon: "AddImageIcon",
     tooltip: "sheetImage.title",
     hidden$: an(i, F.UNIVER_SHEET),
-    disabled$: Ui(i, { workbookTypes: [zt], worksheetTypes: [Kt], rangeTypes: [ci] })
+    disabled$: Yr(i, { workbookTypes: [zt], worksheetTypes: [Kt], rangeTypes: [Ci] })
   };
 }
 function js(i) {
@@ -3456,7 +3462,7 @@ const Fs = {
   }
 };
 function it(i) {
-  return !i.getContextValue(xr) && !i.getContextValue(Yr) && !i.getContextValue(Xr) && i.getContextValue($e);
+  return !i.getContextValue(ti) && !i.getContextValue(ni) && !i.getContextValue(ri) && i.getContextValue($e);
 }
 const xs = {
   id: rt.id,
@@ -3562,7 +3568,7 @@ Ut = Hs([
   ke(2, G),
   ke(3, xi),
   ke(4, ie),
-  ke(5, A(sn))
+  ke(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--)
@@ -3570,10 +3576,10 @@ var zs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Js = (i, t
   return r;
 }, Lt = (i, t) => (e, n) => t(e, n, i), Dr = (i, t, e) => Js(i, typeof t != "symbol" ? t + "" : t, e);
 const qs = "SHEET_IMAGE_UI_PLUGIN";
-let Pt = class extends Vr {
+let Pt = class extends oi {
   constructor(i = jn, t, e, n) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
-    const { menu: r, ...s } = Hr(
+    const { menu: r, ...s } = ai(
       {},
       jn,
       this._config
@@ -3581,29 +3587,29 @@ let Pt = class extends Vr {
     r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ss, s);
   }
   onStarting() {
-    zr(this._injector, [
+    ci(this._injector, [
       [et],
       [Ut],
       [Rt],
       [Ot],
-      [Tt],
       [Et],
+      [Tt],
       [bt],
       [Mt],
       [yt]
-    ]), Ft(this._injector, [
+    ]), xt(this._injector, [
       [et]
     ]);
   }
   onReady() {
-    Ft(this._injector, [
-      [Et],
+    xt(this._injector, [
+      [Tt],
       [yt]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Ft(this._injector, [
-      [Tt],
+    this._registerRenderModules(), xt(this._injector, [
+      [Et],
       [Ot],
       [Ut],
       [bt],
@@ -3627,10 +3633,10 @@ let Pt = class extends Vr {
 Dr(Pt, "type", F.UNIVER_SHEET);
 Dr(Pt, "pluginName", qs);
 Pt = Zs([
-  Gr(vi, Xi, Ki, Kr),
-  Lt(1, A(Ye)),
-  Lt(2, Z),
-  Lt(3, Lr)
+  ii(Ui, Xi, Ki, di),
+  Lt(1, A(Xe)),
+  Lt(2, J),
+  Lt(3, si)
 ], Pt);
 export {
   Y as ClearSheetDrawingTransformerOperation,
@@ -3648,5 +3654,8 @@ export {
   Qe as SheetDrawingUpdateController,
   wr as SidebarSheetDrawingOperation,
   mr as UngroupSheetDrawingCommand,
-  Pt as UniverSheetsDrawingUIPlugin
+  Pt as UniverSheetsDrawingUIPlugin,
+  ge as calcSheetFloatDomPosition,
+  z as drawingPositionToTransform,
+  $ as transformToDrawingPosition
 };