@univerjs/sheets-drawing-ui 0.1.14 → 0.1.15

package/lib/es/index.js

@@ -1,21 +1,21 @@
-var Wt = Object.defineProperty;
-var Bt = (r, e, n) => e in r ? Wt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
-var H = (r, e, n) => (Bt(r, typeof e != "symbol" ? e + "" : e, n), n);
-import { CommandType as $, ICommandService as B, IUndoRedoService as ie, LocaleService as de, IUniverInstanceService as ue, RxDisposable as Gt, UniverInstanceType as ee, toDisposable as Ae, FOCUSING_COMMON_DRAWINGS as le, OnLifecycle as me, LifecycleStages as he, IContextService as tt, Disposable as ge, Direction as K, FOCUSING_FORMULA_EDITOR as xt, EDITOR_ACTIVATED as $t, Rectangle as Ft, DrawingTypeEnum as Ne, DisposableCollection as Vt, Tools as ne, Plugin as Yt, DependentOn as Xt } from "@univerjs/core";
+var Gt = Object.defineProperty;
+var xt = (r, e, n) => e in r ? Gt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var H = (r, e, n) => (xt(r, typeof e != "symbol" ? e + "" : e, n), n);
+import { CommandType as $, ICommandService as B, IUndoRedoService as ie, LocaleService as de, IUniverInstanceService as ue, RxDisposable as $t, UniverInstanceType as ee, toDisposable as Ae, FOCUSING_COMMON_DRAWINGS as le, OnLifecycle as me, LifecycleStages as he, IContextService as rt, Disposable as ge, Direction as K, FOCUSING_FORMULA_EDITOR as Ft, EDITOR_ACTIVATED as Vt, Rectangle as Yt, DrawingTypeEnum as Ne, DisposableCollection as Xt, Tools as ne, Plugin as Ht, DependentOn as kt } from "@univerjs/core";
 import { Inject as W, Injector as Ve } from "@wendellhu/redi";
-import { ImageCropperObject as Ht, COMPONENT_IMAGE_POPUP_MENU as kt, OpenImageCropOperation as zt, ImageResetSizeOperation as Kt, DrawingCommonPanel as Jt, DrawingRenderService as Zt, UniverDrawingUIPlugin as qt } from "@univerjs/drawing-ui";
-import { ISheetDrawingService as Y, SetDrawingApplyMutation as b, DrawingApplyType as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Qt } from "@univerjs/sheets-drawing";
-import { IDrawingManagerService as k, IImageIoService as nt, ArrangeTypeEnum as we, DrawingTypeEnum as ye, DRAWING_IMAGE_COUNT_LIMIT as ze, ImageUploadStatusType as Le, DRAWING_IMAGE_ALLOW_SIZE as en, getImageSize as tn, DRAWING_IMAGE_WIDTH_LIMIT as Ke, DRAWING_IMAGE_HEIGHT_LIMIT as Je, DRAWING_IMAGE_ALLOW_IMAGE_LIST as nn, getDrawingShapeKeyByDrawingSearch as rn, UniverDrawingPlugin as on } from "@univerjs/drawing";
-import { IRenderManagerService as se, getGroupState as sn, transformObjectOutOfGroup as an, precisionTo as J, Rect as cn, DRAWING_OBJECT_LAYER_INDEX as ln } from "@univerjs/engine-render";
-import { SheetCanvasPopManagerService as dn, ISelectionRenderService as Te, getCurrentRangeDisable$ as un, SheetSkeletonManagerService as Be, SetScrollOperation as mn, SetZoomRatioOperation as hn, VIEWPORT_KEY as gn, SheetPrintInterceptorService as fn } from "@univerjs/sheets-ui";
-import { takeUntil as Ze, Subject as qe, BehaviorSubject as pn } from "rxjs";
-import { ISidebarService as wn, BuiltInUIPart as _n, IUIPartsService as vn, IMessageService as Sn, MenuItemType as rt, MenuPosition as Cn, MenuGroup as Rn, getMenuHiddenObservable as ot, KeyCode as oe, ComponentManager as In, IMenuService as Dn, IShortcutService as Mn, CanvasFloatDomService as On } from "@univerjs/ui";
-import { useDependency as Z, connectInjector as bn } from "@wendellhu/redi/react-bindings";
-import { getSheetCommandTarget as re, SelectionManagerService as Pn, WorkbookEditablePermission as yn, WorksheetEditPermission as Tn, RangeProtectionPermissionEditPoint as En, InsertRowCommand as it, InsertColCommand as st, RemoveRowCommand as at, RemoveColCommand as ct, DeleteRangeMoveLeftCommand as lt, DeleteRangeMoveUpCommand as dt, InsertRangeMoveDownCommand as ut, InsertRangeMoveRightCommand as mt, DeltaRowHeightCommand as Ge, SetRowHeightCommand as xe, DeltaColumnWidthCommand as ht, SetColWidthCommand as gt, SetRowHiddenCommand as ft, SetSpecificRowsVisibleCommand as pt, SetSpecificColsVisibleCommand as wt, SetColHiddenCommand as _t, SetRowVisibleMutation as Un, SetRowHiddenMutation as An, SetColVisibleMutation as Nn, SetColHiddenMutation as Ln, SetWorksheetRowHeightMutation as jn, SetWorksheetColWidthMutation as Wn, SetWorksheetActiveOperation as Bn, SheetInterceptorService as Gn, SetFrozenMutation as xn } from "@univerjs/sheets";
-import L, { useEffect as Ye, forwardRef as vt, useRef as St, createElement as Ct, useState as $e } from "react";
-import { MessageType as _e, RadioGroup as $n, Radio as je } from "@univerjs/design";
+import { ImageCropperObject as zt, COMPONENT_IMAGE_POPUP_MENU as Kt, OpenImageCropOperation as Jt, ImageResetSizeOperation as Zt, DrawingCommonPanel as qt, DrawingRenderService as Qt, UniverDrawingUIPlugin as en } from "@univerjs/drawing-ui";
+import { ISheetDrawingService as Y, SetDrawingApplyMutation as b, DrawingApplyType as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as tn } from "@univerjs/sheets-drawing";
+import { IDrawingManagerService as k, IImageIoService as ot, ArrangeTypeEnum as we, DrawingTypeEnum as ye, DRAWING_IMAGE_COUNT_LIMIT as Je, ImageUploadStatusType as Le, DRAWING_IMAGE_ALLOW_SIZE as nn, getImageSize as rn, DRAWING_IMAGE_WIDTH_LIMIT as Ze, DRAWING_IMAGE_HEIGHT_LIMIT as qe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as on, getDrawingShapeKeyByDrawingSearch as sn, UniverDrawingPlugin as an } from "@univerjs/drawing";
+import { IRenderManagerService as se, getGroupState as cn, transformObjectOutOfGroup as ln, precisionTo as J, Rect as dn, DRAWING_OBJECT_LAYER_INDEX as un, SHEET_VIEWPORT_KEY as mn } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as hn, ISelectionRenderService as Te, getCurrentRangeDisable$ as gn, SheetSkeletonManagerService as Be, SetScrollOperation as fn, SetZoomRatioOperation as pn, SheetPrintInterceptorService as wn } from "@univerjs/sheets-ui";
+import { takeUntil as Qe, Subject as et, BehaviorSubject as _n } from "rxjs";
+import { ISidebarService as vn, BuiltInUIPart as Sn, IUIPartsService as Cn, IMessageService as Rn, MenuItemType as it, MenuPosition as In, MenuGroup as Dn, getMenuHiddenObservable as st, KeyCode as oe, ComponentManager as Mn, IMenuService as On, IShortcutService as bn, CanvasFloatDomService as Pn } from "@univerjs/ui";
+import { useDependency as Z, connectInjector as yn } from "@wendellhu/redi/react-bindings";
+import { getSheetCommandTarget as re, SelectionManagerService as Tn, WorkbookEditablePermission as En, WorksheetEditPermission as Un, RangeProtectionPermissionEditPoint as An, InsertRowCommand as at, InsertColCommand as ct, RemoveRowCommand as lt, RemoveColCommand as dt, DeleteRangeMoveLeftCommand as ut, DeleteRangeMoveUpCommand as mt, InsertRangeMoveDownCommand as ht, InsertRangeMoveRightCommand as gt, DeltaRowHeightCommand as Ge, SetRowHeightCommand as xe, DeltaColumnWidthCommand as ft, SetColWidthCommand as pt, SetRowHiddenCommand as wt, SetSpecificRowsVisibleCommand as _t, SetSpecificColsVisibleCommand as vt, SetColHiddenCommand as St, SetRowVisibleMutation as Nn, SetRowHiddenMutation as Ln, SetColVisibleMutation as jn, SetColHiddenMutation as Wn, SetWorksheetRowHeightMutation as Bn, SetWorksheetColWidthMutation as Gn, SetWorksheetActiveOperation as xn, SheetInterceptorService as $n, SetFrozenMutation as Fn } from "@univerjs/sheets";
+import j, { useEffect as Ye, forwardRef as Ct, useRef as Rt, createElement as It, useState as $e } from "react";
+import { MessageType as _e, RadioGroup as Vn, Radio as je } from "@univerjs/design";
 import ve from "clsx";
-const N = {
+const L = {
   id: "sheet.operation.clear-drawing-transformer",
   type: $.MUTATION,
   handler: (r, e) => {
@@ -42,26 +42,26 @@ const N = {
       unitID: c,
       undoMutations: [
         { id: b.id, params: { unitId: c, subUnitId: u, op: d, objects: h, type: P.INSERT } },
-        { id: N.id, params: s }
+        { id: L.id, params: s }
       ],
       redoMutations: [
         { id: b.id, params: { unitId: c, subUnitId: u, op: l, objects: h, type: P.REMOVE } },
-        { id: N.id, params: s }
+        { id: L.id, params: s }
       ]
     }), !0) : !1;
   }
-}, Rt = "COMPONENT_SHEET_DRAWING_PANEL", It = {
+}, Dt = "COMPONENT_SHEET_DRAWING_PANEL", Mt = {
   id: "sidebar.operation.sheet-image",
   type: $.COMMAND,
   handler: async (r, e) => {
-    const n = r.get(wn), t = r.get(de), o = r.get(ue), i = r.get(k);
+    const n = r.get(vn), t = r.get(de), o = r.get(ue), i = r.get(k);
     if (!re(o))
       return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: Rt },
+          children: { label: Dt },
           onClose: () => {
             i.focusDrawing(null);
           },
@@ -75,21 +75,21 @@ const N = {
     }
     return !0;
   }
-}, Dt = {
+}, Ot = {
   id: "sheet.operation.edit-sheet-image",
   type: $.OPERATION,
   handler: (r, e) => {
     const n = r.get(k), t = r.get(B);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(It.id, { value: "open" }), !0);
-  }
-}, Fn = "univer-upload-loading", Vn = "univer-upload-loading-body", Yn = "univer-upload-loading-body-animation", Xn = "univer-UniverCircleAnimation", Hn = "univer-upload-loading-body-text", Se = {
-  uploadLoading: Fn,
-  uploadLoadingBody: Vn,
-  uploadLoadingBodyAnimation: Yn,
-  univerCircleAnimation: Xn,
-  uploadLoadingBodyText: Hn
-}, kn = () => {
-  const r = Z(nt), e = Z(de), [n, t] = L.useState(0);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Mt.id, { value: "open" }), !0);
+  }
+}, Yn = "univer-upload-loading", Xn = "univer-upload-loading-body", Hn = "univer-upload-loading-body-animation", kn = "univer-UniverCircleAnimation", zn = "univer-upload-loading-body-text", Se = {
+  uploadLoading: Yn,
+  uploadLoadingBody: Xn,
+  uploadLoadingBodyAnimation: Hn,
+  univerCircleAnimation: kn,
+  uploadLoadingBodyText: zn
+}, Kn = () => {
+  const r = Z(ot), e = Z(de), [n, t] = j.useState(0);
   return Ye(() => {
     const o = r.change$.subscribe((i) => {
       t(i);
@@ -97,21 +97,21 @@ const N = {
     return () => {
       o.unsubscribe();
     };
-  }, [r]), /* @__PURE__ */ L.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: Se.uploadLoading }, /* @__PURE__ */ L.createElement("div", { className: Se.uploadLoadingBody }, /* @__PURE__ */ L.createElement("div", { className: Se.uploadLoadingBodyAnimation }), /* @__PURE__ */ L.createElement("div", { className: Se.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
+  }, [r]), /* @__PURE__ */ j.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: Se.uploadLoading }, /* @__PURE__ */ j.createElement("div", { className: Se.uploadLoadingBody }, /* @__PURE__ */ j.createElement("div", { className: Se.uploadLoadingBodyAnimation }), /* @__PURE__ */ j.createElement("div", { className: Se.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
 };
-var zn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Jn = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Kn(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+var Jn = Object.defineProperty, Zn = Object.getOwnPropertyDescriptor, qn = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Zn(e, n) : e, i = r.length - 1, s; i >= 0; i--)
     (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && zn(e, n, o), o;
+  return t && o && Jn(e, n, o), o;
 }, q = (r, e) => (n, t) => e(n, t, r);
-let Re = class extends Gt {
+let Re = class extends $t {
   constructor(e, n, t, o, i, s, a) {
     super();
     H(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = o, this._univerInstanceService = i, this._contextService = s, this._uiPartsService = a, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(ee.UNIVER_SHEET).pipe(Ze(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(ee.UNIVER_SHEET).pipe(Ze(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(ee.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(_n.CONTENT, () => bn(kn, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(ee.UNIVER_SHEET).pipe(Qe(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(ee.UNIVER_SHEET).pipe(Qe(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(ee.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Sn.CONTENT, () => yn(Kn, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -126,7 +126,7 @@ let Re = class extends Gt {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof Ht)
+      if (t instanceof zt)
         return !0;
     return !1;
   }
@@ -157,7 +157,7 @@ let Re = class extends Gt {
             return;
           const { unitId: d, subUnitId: l, drawingId: h } = u;
           o.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: kt,
+            componentKey: Kt,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -189,7 +189,7 @@ let Re = class extends Gt {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Dt.id,
+        commandId: Ot.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
@@ -203,29 +203,29 @@ let Re = class extends Gt {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: zt.id,
+        commandId: Jt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Kt.id,
+        commandId: Zt.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !1
       }
     ];
   }
 };
-Re = Jn([
+Re = qn([
   me(he.Steady, Re),
   q(0, W(Ve)),
   q(1, k),
-  q(2, W(dn)),
+  q(2, W(hn)),
   q(3, se),
   q(4, ue),
-  q(5, tt),
-  q(6, W(vn))
+  q(5, rt),
+  q(6, W(Cn))
 ], Re);
 const Ee = {
   id: "sheet.operation.insert-float-image",
@@ -247,11 +247,11 @@ const Ee = {
       unitID: c,
       undoMutations: [
         { id: b.id, params: { op: d, unitId: c, subUnitId: u, objects: h, type: P.REMOVE } },
-        { id: N.id, params: s }
+        { id: L.id, params: s }
       ],
       redoMutations: [
         { id: b.id, params: { op: l, unitId: c, subUnitId: u, objects: h, type: P.INSERT } },
-        { id: N.id, params: s }
+        { id: L.id, params: s }
       ]
     }), !0) : !1;
   }
@@ -267,15 +267,15 @@ const Ee = {
       unitID: a,
       undoMutations: [
         { id: b.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: P.UPDATE } },
-        { id: N.id, params: [a] }
+        { id: L.id, params: [a] }
       ],
       redoMutations: [
         { id: b.id, params: { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE } },
-        { id: N.id, params: [a] }
+        { id: L.id, params: [a] }
       ]
     }), !0) : !1;
   }
-}, Mt = {
+}, bt = {
   id: "sheet.command.set-drawing-arrange",
   type: $.COMMAND,
   handler: (r, e) => {
@@ -298,10 +298,10 @@ const Ee = {
     }), !0) : !1;
   }
 };
-function Zn(r) {
+function Qn(r) {
   const e = [];
   return r.forEach((n) => {
-    const { parent: t, children: o } = n, { unitId: i, subUnitId: s, drawingId: a } = t, c = sn(0, 0, o.map((l) => l.transform || {})), u = o.map((l) => {
+    const { parent: t, children: o } = n, { unitId: i, subUnitId: s, drawingId: a } = t, c = cn(0, 0, o.map((l) => l.transform || {})), u = o.map((l) => {
       const h = l.transform || { left: 0, top: 0 }, { unitId: m, subUnitId: f, drawingId: g } = l;
       return {
         unitId: m,
@@ -327,14 +327,14 @@ function Zn(r) {
     });
   }), e;
 }
-function qn(r) {
+function er(r) {
   const e = [];
   return r.forEach((n) => {
     const { parent: t, children: o } = n, { unitId: i, subUnitId: s, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
     if (c == null)
       return;
     const u = o.map((l) => {
-      const { transform: h } = l, { unitId: m, subUnitId: f, drawingId: g } = l, _ = an(h || {}, c, c.width || 0, c.height || 0);
+      const { transform: h } = l, { unitId: m, subUnitId: f, drawingId: g } = l, _ = ln(h || {}, c, c.width || 0, c.height || 0);
       return {
         unitId: m,
         subUnitId: f,
@@ -358,7 +358,7 @@ function qn(r) {
     });
   }), e;
 }
-const Ot = {
+const Pt = {
   id: "sheet.command.group-sheet-image",
   type: $.COMMAND,
   handler: (r, e) => {
@@ -375,16 +375,16 @@ const Ot = {
     return n.syncExecuteCommand(b.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: qn(l), type: P.UNGROUP } },
-        { id: N.id, params: i }
+        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: er(l), type: P.UNGROUP } },
+        { id: L.id, params: i }
       ],
       redoMutations: [
         { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP } },
-        { id: N.id, params: i }
+        { id: L.id, params: i }
       ]
     }), !0) : !1;
   }
-}, bt = {
+}, yt = {
   id: "sheet.command.ungroup-sheet-image",
   type: $.COMMAND,
   handler: (r, e) => {
@@ -401,12 +401,12 @@ const Ot = {
     return n.syncExecuteCommand(b.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: Zn(l), type: P.GROUP } },
-        { id: N.id, params: i }
+        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: Qn(l), type: P.GROUP } },
+        { id: L.id, params: i }
       ],
       redoMutations: [
         { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP } },
-        { id: N.id, params: i }
+        { id: L.id, params: i }
       ]
     }), !0) : !1;
   }
@@ -437,7 +437,7 @@ function x(r, e) {
     height: w
   };
 }
-function A(r, e) {
+function N(r, e) {
   const { left: n = 0, top: t = 0, width: o = 0, height: i = 0 } = r, s = e.getSelectionCellByPosition(n, t);
   if (s == null)
     return;
@@ -460,10 +460,10 @@ function A(r, e) {
     to: u
   };
 }
-var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, tr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? er(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+var tr = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, rr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? nr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
     (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Qn(e, n, o), o;
+  return t && o && tr(e, n, o), o;
 }, V = (r, e) => (n, t) => e(n, t, r);
 let Ie = class extends ge {
   constructor(r, e, n, t, o, i, s, a, c, u, d) {
@@ -483,10 +483,10 @@ let Ie = class extends ge {
           if (e.files == null)
             return;
           const n = e.files.length;
-          if (n > ze) {
+          if (n > Je) {
             this._messageService.show({
               type: _e.Error,
-              content: this._localeService.t("update-status.exceedMaxCount", String(ze))
+              content: this._localeService.t("update-status.exceedMaxCount", String(Je))
             });
             return;
           }
@@ -509,7 +509,7 @@ let Ie = class extends ge {
       const v = C.message;
       v === Le.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: _e.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(en / (1024 * 1024)))
+        content: this._localeService.t("update-status.exceedMaxSize", String(nn / (1024 * 1024)))
       }) : v === Le.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: _e.Error,
         content: this._localeService.t("update-status.invalidImageType")
@@ -523,14 +523,14 @@ let Ie = class extends ge {
     const n = this._getUnitInfo();
     if (n == null)
       return;
-    const { unitId: t, subUnitId: o } = n, { imageId: i, imageSourceType: s, source: a, base64Cache: c } = e, { width: u, height: d, image: l } = await tn(c || ""), h = this._renderManagerService.getRenderById(t);
+    const { unitId: t, subUnitId: o } = n, { imageId: i, imageSourceType: s, source: a, base64Cache: c } = e, { width: u, height: d, image: l } = await rn(c || ""), h = this._renderManagerService.getRenderById(t);
     if (h == null)
       return;
     const { width: m, height: f } = h.scene;
     this._imageIoService.addImageSourceCache(a, s, l);
     let g = 1;
-    if (u > Ke || d > Je) {
-      const C = Ke / u, v = Je / d;
+    if (u > Ze || d > qe) {
+      const C = Ze / u, v = qe / d;
       g = Math.max(C, v);
     }
     const _ = this._getImagePosition(u * g, d * g, m, f);
@@ -605,7 +605,7 @@ let Ie = class extends ge {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((r) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: o } = r;
-      this._commandService.executeCommand(Mt.id, {
+      this._commandService.executeCommand(bt.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -623,7 +623,7 @@ let Ie = class extends ge {
         const c = this._sheetDrawingService.getDrawingByParam({ unitId: t, subUnitId: o, drawingId: i });
         if (c == null)
           return;
-        const u = A({ ...c.transform, ...a }, this._selectionRenderService);
+        const u = N({ ...c.transform, ...a }, this._selectionRenderService);
         if (u == null)
           return;
         const d = {
@@ -640,11 +640,11 @@ let Ie = class extends ge {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(Ot.id, r);
+      this._commandService.executeCommand(Pt.id, r);
       const { unitId: e, subUnitId: n, drawingId: t } = r[0].parent;
       this._drawingManagerService.focusDrawing([{ unitId: e, subUnitId: n, drawingId: t }]);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(bt.id, r);
+      this._commandService.executeCommand(yt.id, r);
     });
   }
   _focusDrawingListener() {
@@ -655,17 +655,17 @@ let Ie = class extends ge {
     );
   }
 };
-Ie = tr([
+Ie = rr([
   me(he.Rendered, Ie),
   V(0, B),
   V(1, ue),
-  V(2, W(Pn)),
+  V(2, W(Tn)),
   V(3, Te),
-  V(4, nt),
+  V(4, ot),
   V(5, Y),
   V(6, k),
-  V(7, tt),
-  V(8, Sn),
+  V(7, rt),
+  V(8, Rn),
   V(9, W(de)),
   V(10, se)
 ], Ie);
@@ -678,7 +678,7 @@ var F = function() {
     }
     return r;
   }, F.apply(this, arguments);
-}, nr = function(r, e) {
+}, or = function(r, e) {
   var n = {};
   for (var t in r)
     Object.prototype.hasOwnProperty.call(r, t) && e.indexOf(t) < 0 && (n[t] = r[t]);
@@ -686,16 +686,16 @@ var F = function() {
     for (var o = 0, t = Object.getOwnPropertySymbols(r); o < t.length; o++)
       e.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(r, t[o]) && (n[t[o]] = r[t[o]]);
   return n;
-}, Pt = vt(function(r, e) {
-  var n = r.icon, t = r.id, o = r.className, i = r.extend, s = nr(r, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(o || "").trim(), c = St("_".concat(ir()));
-  return yt(n, "".concat(t), { defIds: n.defIds, idSuffix: c.current }, F({ ref: e, className: a }, s), i);
+}, Tt = Ct(function(r, e) {
+  var n = r.icon, t = r.id, o = r.className, i = r.extend, s = or(r, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(o || "").trim(), c = Rt("_".concat(ar()));
+  return Et(n, "".concat(t), { defIds: n.defIds, idSuffix: c.current }, F({ ref: e, className: a }, s), i);
 });
-function yt(r, e, n, t, o) {
-  return Ct(r.tag, F(F({ key: e }, rr(r, n, o)), t), (or(r, n).children || []).map(function(i, s) {
-    return yt(i, "".concat(e, "-").concat(r.tag, "-").concat(s), n, void 0, o);
+function Et(r, e, n, t, o) {
+  return It(r.tag, F(F({ key: e }, ir(r, n, o)), t), (sr(r, n).children || []).map(function(i, s) {
+    return Et(i, "".concat(e, "-").concat(r.tag, "-").concat(s), n, void 0, o);
   }));
 }
-function rr(r, e, n) {
+function ir(r, e, n) {
   var t = F({}, r.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
   var o = e.defIds;
@@ -704,95 +704,95 @@ function rr(r, e, n) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function or(r, e) {
+function sr(r, e) {
   var n, t = e.defIds;
   return !t || t.length === 0 ? r : r.tag === "defs" && (!((n = r.children) === null || n === void 0) && n.length) ? F(F({}, r), { children: r.children.map(function(o) {
     return typeof o.attrs.id == "string" && t && t.indexOf(o.attrs.id) > -1 ? F(F({}, o), { attrs: F(F({}, o.attrs), { id: o.attrs.id + e.idSuffix }) }) : o;
   }) }) : r;
 }
-function ir() {
+function ar() {
   return Math.random().toString(36).substring(2, 8);
 }
-Pt.displayName = "UniverIcon";
-var sr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Tt = vt(function(r, e) {
-  return Ct(Pt, Object.assign({}, r, {
+Tt.displayName = "UniverIcon";
+var cr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Ut = Ct(function(r, e) {
+  return It(Tt, Object.assign({}, r, {
     id: "add-image-single",
     ref: e,
-    icon: sr
+    icon: cr
   }));
 });
-Tt.displayName = "AddImageSingle";
-const ar = "univer-upload-file-menu", cr = "univer-upload-file-menu-input", Qe = {
-  uploadFileMenu: ar,
-  uploadFileMenuInput: cr
-}, Et = "COMPONENT_UPLOAD_FILE_MENU";
+Ut.displayName = "AddImageSingle";
+const lr = "univer-upload-file-menu", dr = "univer-upload-file-menu-input", tt = {
+  uploadFileMenu: lr,
+  uploadFileMenuInput: dr
+}, At = "COMPONENT_UPLOAD_FILE_MENU";
 var be = /* @__PURE__ */ ((r) => (r[r.cellImage = 0] = "cellImage", r[r.floatImage = 1] = "floatImage", r))(be || {});
-const lr = (r) => {
-  const { type: e } = r, n = Z(B), t = St(null), o = () => {
+const ur = (r) => {
+  const { type: e } = r, n = Z(B), t = Rt(null), o = () => {
     var a;
     (a = t.current) == null || a.click();
-  }, i = nn.map((a) => `.${a.replace("image/", "")}`).join(","), s = (a) => {
+  }, i = on.map((a) => `.${a.replace("image/", "")}`).join(","), s = (a) => {
     const c = a.target.files;
     if (c == null)
       return;
     const u = Array.from(c);
     e === be.floatImage ? n.executeCommand(Ee.id, { files: u }) : e === be.cellImage && n.executeCommand(Oe.id, { files: u }), t.current && (t.current.value = "");
   };
-  return /* @__PURE__ */ L.createElement("div", { onClick: o, className: Qe.uploadFileMenu }, /* @__PURE__ */ L.createElement(
+  return /* @__PURE__ */ j.createElement("div", { onClick: o, className: tt.uploadFileMenu }, /* @__PURE__ */ j.createElement(
     "input",
     {
       type: "file",
-      className: Qe.uploadFileMenuInput,
+      className: tt.uploadFileMenuInput,
       ref: t,
       onChange: s,
       accept: i,
       multiple: !0
     }
   ));
-}, Ut = "addition-and-subtraction-single", At = "sheet.menu.image";
-function dr(r) {
+}, Nt = "addition-and-subtraction-single", Lt = "sheet.menu.image";
+function mr(r) {
   return {
-    id: At,
-    type: rt.SUBITEMS,
-    positions: [Cn.TOOLBAR_START],
-    group: Rn.TOOLBAR_FORMULAS_INSERT,
-    icon: Ut,
+    id: Lt,
+    type: it.SUBITEMS,
+    positions: [In.TOOLBAR_START],
+    group: Dn.TOOLBAR_FORMULAS_INSERT,
+    icon: Nt,
     tooltip: "sheetImage.title",
-    hidden$: ot(r, ee.UNIVER_SHEET),
-    disabled$: un(r, { workbookTypes: [yn], worksheetTypes: [Tn], rangeTypes: [En] })
+    hidden$: st(r, ee.UNIVER_SHEET),
+    disabled$: gn(r, { workbookTypes: [En], worksheetTypes: [Un], rangeTypes: [An] })
   };
 }
-function ur(r) {
+function hr(r) {
   return {
     id: Ee.id,
     title: "sheetImage.upload.float",
-    type: rt.SELECTOR,
+    type: it.SELECTOR,
     label: {
-      name: Et,
+      name: At,
       props: {
         type: be.floatImage
       }
     },
-    positions: [At],
-    hidden$: ot(r, ee.UNIVER_SHEET)
+    positions: [Lt],
+    hidden$: st(r, ee.UNIVER_SHEET)
   };
 }
-const mr = "univer-image-common-panel", hr = "univer-image-common-panel-grid", gr = "univer-image-common-panel-border", fr = "univer-image-common-panel-title", pr = "univer-image-common-panel-row", wr = "univer-image-common-panel-row-vertical", _r = "univer-image-common-panel-column", vr = "univer-image-common-panel-column-center", Sr = "univer-image-common-panel-inline", Cr = "univer-image-common-panel-span2", Rr = "univer-image-common-panel-span3", Ir = "univer-image-common-panel-input", Dr = "univer-sheet-image-menu", Mr = "univer-sheet-image-menu-input", z = {
-  imageCommonPanel: mr,
-  imageCommonPanelGrid: hr,
-  imageCommonPanelBorder: gr,
-  imageCommonPanelTitle: fr,
-  imageCommonPanelRow: pr,
-  imageCommonPanelRowVertical: wr,
-  imageCommonPanelColumn: _r,
-  imageCommonPanelColumnCenter: vr,
-  imageCommonPanelInline: Sr,
-  imageCommonPanelSpan2: Cr,
-  imageCommonPanelSpan3: Rr,
-  imageCommonPanelInput: Ir,
-  sheetImageMenu: Dr,
-  sheetImageMenuInput: Mr
-}, Or = (r) => {
+const gr = "univer-image-common-panel", fr = "univer-image-common-panel-grid", pr = "univer-image-common-panel-border", wr = "univer-image-common-panel-title", _r = "univer-image-common-panel-row", vr = "univer-image-common-panel-row-vertical", Sr = "univer-image-common-panel-column", Cr = "univer-image-common-panel-column-center", Rr = "univer-image-common-panel-inline", Ir = "univer-image-common-panel-span2", Dr = "univer-image-common-panel-span3", Mr = "univer-image-common-panel-input", Or = "univer-sheet-image-menu", br = "univer-sheet-image-menu-input", z = {
+  imageCommonPanel: gr,
+  imageCommonPanelGrid: fr,
+  imageCommonPanelBorder: pr,
+  imageCommonPanelTitle: wr,
+  imageCommonPanelRow: _r,
+  imageCommonPanelRowVertical: vr,
+  imageCommonPanelColumn: Sr,
+  imageCommonPanelColumnCenter: Cr,
+  imageCommonPanelInline: Rr,
+  imageCommonPanelSpan2: Ir,
+  imageCommonPanelSpan3: Dr,
+  imageCommonPanelInput: Mr,
+  sheetImageMenu: Or,
+  sheetImageMenuInput: br
+}, Pr = (r) => {
   var v;
   const e = Z(B), n = Z(de), t = Z(k), o = Z(se), { drawings: i } = r, s = i[0];
   if (s == null)
@@ -807,12 +807,12 @@ const mr = "univer-image-common-panel", hr = "univer-image-common-panel-grid", g
       const { oKey: T } = p, D = w.getDrawingOKey(T);
       if (D == null)
         return M.push(null), !0;
-      const { unitId: E, subUnitId: U, drawingId: y, drawingType: S, anchorType: j, sheetTransform: X } = D;
+      const { unitId: E, subUnitId: U, drawingId: y, drawingType: S, anchorType: A, sheetTransform: X } = D;
       M.push({
         unitId: E,
         subUnitId: U,
         drawingId: y,
-        anchorType: j,
+        anchorType: A,
         sheetTransform: X,
         drawingType: S
       });
@@ -853,8 +853,8 @@ const mr = "univer-image-common-panel", hr = "univer-image-common-panel-grid", g
     });
   }
   const C = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ L.createElement("div", { className: ve(z.imageCommonPanelGrid, z.imageCommonPanelBorder), style: { display: C(l) } }, /* @__PURE__ */ L.createElement("div", { className: z.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: ve(z.imageCommonPanelColumn, z.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: ve(z.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: ve(z.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement($n, { value: f, onChange: I, direction: "vertical" }, /* @__PURE__ */ L.createElement(je, { value: O.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(je, { value: O.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(je, { value: O.None }, n.t("drawing-anchor.none"))))));
-}, br = () => {
+  return /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelGrid, z.imageCommonPanelBorder), style: { display: C(l) } }, /* @__PURE__ */ j.createElement("div", { className: z.imageCommonPanelRow }, /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelColumn, z.imageCommonPanelTitle) }, /* @__PURE__ */ j.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelRow) }, /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelColumn) }, /* @__PURE__ */ j.createElement(Vn, { value: f, onChange: I, direction: "vertical" }, /* @__PURE__ */ j.createElement(je, { value: O.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ j.createElement(je, { value: O.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ j.createElement(je, { value: O.None }, n.t("drawing-anchor.none"))))));
+}, yr = () => {
   const r = Z(k), e = r.getFocusDrawings();
   if (e == null || e.length === 0)
     return;
@@ -866,7 +866,7 @@ const mr = "univer-image-common-panel", hr = "univer-image-common-panel-grid", g
     return () => {
       o.unsubscribe();
     };
-  }, []), /* @__PURE__ */ L.createElement("div", { className: z.imageCommonPanel }, /* @__PURE__ */ L.createElement(Jt, { drawings: n }), /* @__PURE__ */ L.createElement(Or, { drawings: n }));
+  }, []), /* @__PURE__ */ j.createElement("div", { className: z.imageCommonPanel }, /* @__PURE__ */ j.createElement(qt, { drawings: n }), /* @__PURE__ */ j.createElement(Pr, { drawings: n }));
 }, fe = {
   id: "sheet.command.move-drawing",
   type: $.COMMAND,
@@ -882,15 +882,15 @@ const mr = "univer-image-common-panel", hr = "univer-image-common-panel-grid", g
       return i === K.UP ? h.top = f - 1 : i === K.DOWN ? h.top = f + 1 : i === K.LEFT ? h.left = m - 1 : i === K.RIGHT && (h.left = m + 1), {
         ...d,
         transform: h,
-        sheetTransform: A(h, o)
+        sheetTransform: N(h, o)
       };
     }).filter((d) => d != null);
     return n.syncExecuteCommand(Ue.id, {
       unitId: a,
       drawings: c
-    }) ? (n.syncExecuteCommand(N.id, [a]), !0) : !1;
+    }) ? (n.syncExecuteCommand(L.id, [a]), !0) : !1;
   }
-}, Nt = {
+}, jt = {
   id: "sheet.command.delete-drawing",
   type: $.COMMAND,
   handler: (r) => {
@@ -913,9 +913,9 @@ const mr = "univer-image-common-panel", hr = "univer-image-common-panel-grid", g
   }
 };
 function pe(r) {
-  return !r.getContextValue(xt) && !r.getContextValue($t) && r.getContextValue(le);
+  return !r.getContextValue(Ft) && !r.getContextValue(Vt) && r.getContextValue(le);
 }
-const Pr = {
+const Tr = {
   id: fe.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
@@ -925,7 +925,7 @@ const Pr = {
   staticParameters: {
     direction: K.DOWN
   }
-}, yr = {
+}, Er = {
   id: fe.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
@@ -935,7 +935,7 @@ const Pr = {
   staticParameters: {
     direction: K.UP
   }
-}, Tr = {
+}, Ur = {
   id: fe.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
@@ -945,7 +945,7 @@ const Pr = {
   staticParameters: {
     direction: K.LEFT
   }
-}, Er = {
+}, Ar = {
   id: fe.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
@@ -955,8 +955,8 @@ const Pr = {
   staticParameters: {
     direction: K.RIGHT
   }
-}, Ur = {
-  id: Nt.id,
+}, Nr = {
+  id: jt.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -964,25 +964,25 @@ const Pr = {
   binding: oe.DELETE,
   mac: oe.BACKSPACE
 };
-var Ar = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Lr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Nr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+var Lr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Wr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? jr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
     (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Ar(e, n, o), o;
+  return t && o && Lr(e, n, o), o;
 }, ae = (r, e) => (n, t) => e(n, t, r);
-const jr = {};
+const Br = {};
 let ce = class extends ge {
   constructor(r, e, n, t, o, i) {
     super(), this._config = r, this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = o, this._shortcutService = i, this._init();
   }
   _initCustomComponents() {
     const r = this._componentManager;
-    this.disposeWithMe(r.register(Ut, Tt)), this.disposeWithMe(r.register(Et, lr)), this.disposeWithMe(r.register(Rt, br));
+    this.disposeWithMe(r.register(Nt, Ut)), this.disposeWithMe(r.register(At, ur)), this.disposeWithMe(r.register(Dt, yr));
   }
   _initMenus() {
     const { menu: r = {} } = this._config;
     [
-      dr,
-      ur
+      mr,
+      hr
       // UploadCellImageMenuFactory,
     ].forEach((e) => {
       this._menuService.addMenuItem(e(this._injector), r);
@@ -995,24 +995,24 @@ let ce = class extends ge {
       He,
       Xe,
       Ue,
-      It,
-      N,
-      Dt,
+      Mt,
+      L,
       Ot,
-      bt,
+      Pt,
+      yt,
       fe,
-      Nt,
-      Mt
+      jt,
+      bt
     ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Pr,
-      yr,
       Tr,
       Er,
-      Ur
+      Ur,
+      Ar,
+      Nr
     ].forEach((r) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(r));
     });
@@ -1021,43 +1021,43 @@ let ce = class extends ge {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-ce = Lr([
+ce = Wr([
   me(he.Rendered, ce),
   ae(1, W(Ve)),
-  ae(2, W(In)),
-  ae(3, Dn),
+  ae(2, W(Mn)),
+  ae(3, On),
   ae(4, B),
-  ae(5, Mn)
+  ae(5, bn)
 ], ce);
-var Wr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, Gr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Br(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+var Gr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, $r = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? xr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
     (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Wr(e, n, o), o;
+  return t && o && Gr(e, n, o), o;
 }, te = (r, e) => (n, t) => e(n, t, r);
-const xr = [
-  it.id,
-  st.id,
+const Fr = [
   at.id,
   ct.id,
   lt.id,
   dt.id,
   ut.id,
   mt.id,
-  Ge.id,
-  xe.id,
   ht.id,
   gt.id,
+  Ge.id,
+  xe.id,
   ft.id,
   pt.id,
   wt.id,
-  _t.id
-], $r = [
-  Un.id,
-  An.id,
+  _t.id,
+  vt.id,
+  St.id
+], Vr = [
   Nn.id,
   Ln.id,
   jn.id,
-  Wn.id
+  Wn.id,
+  Bn.id,
+  Gn.id
 ];
 let De = class extends ge {
   constructor(r, e, n, t, o, i) {
@@ -1070,54 +1070,54 @@ let De = class extends ge {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (r) => {
-          if (!xr.includes(r.id))
+          if (!Fr.includes(r.id))
             return { redos: [], undos: [] };
           if (r.params == null)
             return { redos: [], undos: [] };
           const e = r.id;
-          if (e === it.id)
+          if (e === at.id)
             return this._moveRowInterceptor(r.params, "insert");
-          if (e === st.id)
+          if (e === ct.id)
             return this._moveColInterceptor(r.params, "insert");
-          if (e === at.id)
+          if (e === lt.id)
             return this._moveRowInterceptor(r.params, "remove");
-          if (e === ct.id)
+          if (e === dt.id)
             return this._moveColInterceptor(r.params, "remove");
-          if (e === lt.id) {
+          if (e === ut.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === dt.id) {
+          } else if (e === mt.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === ut.id) {
+          } else if (e === ht.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === mt.id) {
+          } else if (e === gt.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === ft.id || e === pt.id) {
+          } else if (e === wt.id || e === _t.id) {
             const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n;
             return this._getDrawingUndoForRowVisible(t, o, i);
-          } else if (e === wt.id || e === _t.id) {
+          } else if (e === vt.id || e === St.id) {
             const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n;
             return this._getDrawingUndoForColVisible(t, o, i);
-          } else if (e === Ge.id || e === xe.id || e === ht.id || e === gt.id) {
+          } else if (e === Ge.id || e === xe.id || e === ft.id || e === pt.id) {
             const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n, s = e === Ge.id || e === xe.id;
             return this._getDrawingUndoForRowAndColSize(t, o, i, s);
           }
@@ -1144,7 +1144,7 @@ let De = class extends ge {
       const d = this._sheetDrawingService.getBatchRemoveOp(u), l = d.undo, h = d.redo, m = d.objects;
       i.push({ id: b.id, params: { unitId: t, subUnitId: o, op: h, objects: m, type: P.REMOVE } }), s.push({ id: b.id, params: { unitId: t, subUnitId: o, op: l, objects: m, type: P.INSERT } });
     }
-    return i.push({ id: N.id, params: [t] }), s.push({ id: N.id, params: [t] }), {
+    return i.push({ id: L.id, params: [t] }), s.push({ id: L.id, params: [t] }), {
       redos: i,
       undos: s
     };
@@ -1186,7 +1186,7 @@ let De = class extends ge {
     return { updateDrawings: t, deleteDrawings: o };
   }
   _remainDrawingSize(r, e, n) {
-    const t = A({ ...r }, this._selectionRenderService);
+    const t = N({ ...r }, this._selectionRenderService);
     t != null && e.push({
       ...n,
       sheetTransform: t
@@ -1206,15 +1206,15 @@ let De = class extends ge {
           if (R < D)
             continue;
           if (f === O.Position) {
-            let S = null, j = null;
+            let S = null, A = null;
             if (C >= D && C <= E) {
               const X = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: E, startRow: g.row, endRow: _.row });
               if (X == null)
                 return;
-              j = { ...m, left: X.startX };
+              A = { ...m, left: X.startX };
             }
-            if (j != null && (S = A(j, this._selectionRenderService), S != null && j != null)) {
-              o.push({ ...l, sheetTransform: S, transform: j });
+            if (A != null && (S = N(A, this._selectionRenderService), S != null && A != null)) {
+              o.push({ ...l, sheetTransform: S, transform: A });
               break;
             }
             this._remainDrawingSize(m, o, l);
@@ -1247,12 +1247,12 @@ let De = class extends ge {
             if (y = {
               ...m,
               width: ((m == null ? void 0 : m.width) || 0) - S.endX + S.startX
-            }, U = A(y, this._selectionRenderService), U != null && y != null) {
+            }, U = N(y, this._selectionRenderService), U != null && y != null) {
               i.push({ ...l, sheetTransform: U, transform: y });
               break;
             }
           }
-          if (y != null && (U = A(y, this._selectionRenderService)), y != null && U != null) {
+          if (y != null && (U = N(y, this._selectionRenderService)), y != null && U != null) {
             o.push({ ...l, sheetTransform: U, transform: y });
             break;
           } else
@@ -1276,10 +1276,10 @@ let De = class extends ge {
   _createUndoAndRedoMutation(r, e, n) {
     const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: o, redo: i, objects: s } = t, a = [
       { id: b.id, params: { unitId: r, subUnitId: e, op: i, objects: s, type: P.UPDATE } },
-      { id: N.id, params: [r] }
+      { id: L.id, params: [r] }
     ], c = [
       { id: b.id, params: { unitId: r, subUnitId: e, op: o, objects: s, type: P.UPDATE } },
-      { id: N.id, params: [r] }
+      { id: L.id, params: [r] }
     ];
     return {
       redos: a,
@@ -1300,15 +1300,15 @@ let De = class extends ge {
           if (v < p)
             continue;
           if (f === O.Position) {
-            let S = null, j = null;
+            let S = null, A = null;
             if (I >= p && I <= T) {
               const X = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: I, endRow: T });
               if (X == null)
                 return;
-              j = { ...m, top: X.startY };
+              A = { ...m, top: X.startY };
             }
-            if (j != null && (S = A(j, this._selectionRenderService), S != null && j != null)) {
-              o.push({ ...l, sheetTransform: S, transform: j });
+            if (A != null && (S = N(A, this._selectionRenderService), S != null && A != null)) {
+              o.push({ ...l, sheetTransform: S, transform: A });
               break;
             }
             this._remainDrawingSize(m, o, l);
@@ -1341,12 +1341,12 @@ let De = class extends ge {
             if (y = {
               ...m,
               height: ((m == null ? void 0 : m.height) || 0) - S.endY + S.startY
-            }, U = A(y, this._selectionRenderService), U != null && y != null) {
+            }, U = N(y, this._selectionRenderService), U != null && y != null) {
               i.push({ ...l, sheetTransform: U, transform: y });
               break;
             }
           }
-          if (y != null && (U = A(y, this._selectionRenderService)), y != null && U != null) {
+          if (y != null && (U = N(y, this._selectionRenderService)), y != null && U != null) {
             o.push({ ...l, sheetTransform: U, transform: y });
             break;
           } else
@@ -1443,7 +1443,7 @@ let De = class extends ge {
       const m = this._sheetDrawingService.getBatchRemoveOp(h), f = m.undo, g = m.redo, _ = m.objects;
       c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: P.REMOVE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: f, objects: _, type: P.INSERT } });
     }
-    return c.push({ id: N.id, params: [t] }), u.push({ id: N.id, params: [t] }), {
+    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), {
       redos: c,
       undos: u
     };
@@ -1484,13 +1484,13 @@ let De = class extends ge {
       const m = this._sheetDrawingService.getBatchRemoveOp(h), f = m.undo, g = m.redo, _ = m.objects;
       c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: P.REMOVE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: f, objects: _, type: P.INSERT } });
     }
-    return c.push({ id: N.id, params: [t] }), u.push({ id: N.id, params: [t] }), { redos: c, undos: u };
+    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), { redos: c, undos: u };
   }
   _expandCol(r, e, n, t, o = O.Position) {
     const i = t - n + 1, { from: s, to: a } = r, { column: c } = s, { column: u } = a;
     if (o === O.None)
       return {
-        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let d = null, l = null;
@@ -1498,7 +1498,7 @@ let De = class extends ge {
       const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: s.row, endRow: a.row });
       if (h == null)
         return;
-      l = { ...e, left: (e.left || 0) + h.endX - h.startX }, d = A(l, this._selectionRenderService);
+      l = { ...e, left: (e.left || 0) + h.endX - h.startX }, d = N(l, this._selectionRenderService);
     } else if (u >= t)
       if (o === O.Both)
         d = {
@@ -1507,7 +1507,7 @@ let De = class extends ge {
         }, l = x(d, this._selectionRenderService);
       else
         return {
-          newSheetTransform: A({ ...e }, this._selectionRenderService),
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
           newTransform: e
         };
     return d != null && l != null ? {
@@ -1519,7 +1519,7 @@ let De = class extends ge {
     const i = t - n + 1, { from: s, to: a } = r, { column: c } = s, { column: u } = a;
     if (o === O.None)
       return {
-        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let d = null, l = null;
@@ -1539,7 +1539,7 @@ let De = class extends ge {
           }, l = x(d, this._selectionRenderService);
         else
           return {
-            newSheetTransform: A({ ...e }, this._selectionRenderService),
+            newSheetTransform: N({ ...e }, this._selectionRenderService),
             newTransform: e
           };
       else if (c >= n && c <= t) {
@@ -1551,7 +1551,7 @@ let De = class extends ge {
             return;
           l = { ...e, left: (e.left || 0) - h.endX + h.startX - r.from.columnOffset };
         }
-        d = A(l, this._selectionRenderService);
+        d = N(l, this._selectionRenderService);
       } else if (u >= n && u <= t && o === O.Both) {
         const h = this._selectionRenderService.attachRangeWithCoord({
           startColumn: n - 1,
@@ -1576,7 +1576,7 @@ let De = class extends ge {
     const i = t - n + 1, { from: s, to: a } = r, { row: c } = s, { row: u } = a;
     if (o === O.None)
       return {
-        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let d = null, l = null;
@@ -1584,7 +1584,7 @@ let De = class extends ge {
       const h = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: s.column, endColumn: a.column });
       if (h == null)
         return;
-      l = { ...e, top: (e.top || 0) + h.endY - h.startY }, d = A(l, this._selectionRenderService);
+      l = { ...e, top: (e.top || 0) + h.endY - h.startY }, d = N(l, this._selectionRenderService);
     } else if (u >= t)
       if (o === O.Both)
         d = {
@@ -1596,7 +1596,7 @@ let De = class extends ge {
         }, l = x(d, this._selectionRenderService);
       else
         return {
-          newSheetTransform: A({ ...e }, this._selectionRenderService),
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
           newTransform: e
         };
     return d != null && l != null ? {
@@ -1608,7 +1608,7 @@ let De = class extends ge {
     const i = t - n + 1, { from: s, to: a } = r, { row: c } = s, { row: u } = a;
     if (o === O.None)
       return {
-        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let d = null, l = null;
@@ -1628,7 +1628,7 @@ let De = class extends ge {
           }, l = x(d, this._selectionRenderService);
         else
           return {
-            newSheetTransform: A({ ...e }, this._selectionRenderService),
+            newSheetTransform: N({ ...e }, this._selectionRenderService),
             newTransform: e
           };
       else if (c >= n && c <= t) {
@@ -1640,7 +1640,7 @@ let De = class extends ge {
             return;
           l = { ...e, top: (e.top || 0) - h.endY + h.startY - r.from.rowOffset };
         }
-        d = A(l, this._selectionRenderService);
+        d = N(l, this._selectionRenderService);
       } else if (u >= n && u <= t && o === O.Both) {
         const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: s.column, endColumn: s.column, startRow: n - 1, endRow: n - 1 });
         if (h == null)
@@ -1659,7 +1659,7 @@ let De = class extends ge {
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
-        if (r.id === Bn.id) {
+        if (r.id === xn.id) {
           const e = r.params, { unitId: n, subUnitId: t } = e, o = this._drawingManagerService.drawingManagerData, i = [], s = [];
           Object.keys(o).forEach((a) => {
             const c = o[a];
@@ -1677,7 +1677,7 @@ let De = class extends ge {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
-        $r.includes(r.id) && requestIdleCallback(() => {
+        Vr.includes(r.id) && requestIdleCallback(() => {
           const e = r.params, { unitId: n, subUnitId: t, ranges: o } = e;
           this._refreshDrawingTransform(n, t, o);
         });
@@ -1693,7 +1693,7 @@ let De = class extends ge {
       const { from: u, to: d } = a, { row: l, column: h } = u, { row: m, column: f } = d;
       for (let g = 0; g < n.length; g++) {
         const _ = n[g], { startRow: I, endRow: C, startColumn: v, endColumn: R } = _;
-        if (Ft.intersects(
+        if (Yt.intersects(
           {
             startRow: I,
             endRow: C,
@@ -1714,25 +1714,25 @@ let De = class extends ge {
           break;
         }
       }
-    }), o.length !== 0 && (this._drawingManagerService.refreshTransform(o), this._commandService.syncExecuteCommand(N.id, [r]));
+    }), o.length !== 0 && (this._drawingManagerService.refreshTransform(o), this._commandService.syncExecuteCommand(L.id, [r]));
   }
 };
-De = Gr([
+De = $r([
   me(he.Rendered, De),
   te(0, B),
-  te(1, W(Gn)),
+  te(1, W($n)),
   te(2, Y),
   te(3, k),
   te(4, Te),
   te(5, ue)
 ], De);
-var Fr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Yr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Vr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+var Yr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Hr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Xr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
     (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Fr(e, n, o), o;
+  return t && o && Yr(e, n, o), o;
 }, Q = (r, e) => (n, t) => e(n, t, r);
-function Xr(r, e, n, t) {
-  const { scaleX: o, scaleY: i } = e.getAncestorScale(), s = e.getViewport(gn.VIEW_MAIN), a = {
+function kr(r, e, n, t) {
+  const { scaleX: o, scaleY: i } = e.getAncestorScale(), s = e.getViewport(mn.VIEW_MAIN), a = {
     left: !0,
     top: !0
   };
@@ -1750,18 +1750,18 @@ function Xr(r, e, n, t) {
     ),
     (u - D) * o
   )) : (a.left = !1, U = Math.max((c - D) * o, (w + v) * o), y = Math.max((u - D) * o, (w + v) * o));
-  let S, j;
-  return d < p ? (a.top = !0, S = (M + R + (d - p)) * i, j = Math.max(
+  let S, A;
+  return d < p ? (a.top = !0, S = (M + R + (d - p)) * i, A = Math.max(
     Math.min(
       (M + R + (u - p)) * i,
       (M + R) * i
     ),
     (l - E) * i
-  )) : (a.top = !1, S = Math.max((d - E) * i, (M + R) * i), j = Math.max((l - E) * i, (M + R) * i)), {
+  )) : (a.top = !1, S = Math.max((d - E) * i, (M + R) * i), A = Math.max((l - E) * i, (M + R) * i)), {
     left: U,
     right: y,
     top: S,
-    bottom: j,
+    bottom: A,
     absolute: a
   };
 }
@@ -1771,7 +1771,7 @@ const We = (r, e, n, t) => {
     right: i + a,
     top: s,
     bottom: s + c
-  }, l = Xr(d, o, n, t);
+  }, l = kr(d, o, n, t);
   return {
     startX: l.left,
     endX: l.right,
@@ -1788,9 +1788,9 @@ let Fe = class extends ge {
     super();
     H(this, "_domLayerMap", /* @__PURE__ */ new Map());
     H(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    H(this, "_transformChange$", new qe());
+    H(this, "_transformChange$", new et());
     H(this, "transformChange$", this._transformChange$.asObservable());
-    H(this, "_remove$", new qe());
+    H(this, "_remove$", new et());
     H(this, "remove$", this._remove$.asObservable());
     this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = o, this._selectionRenderService = i, this._canvasFloatDomService = s, this._sheetDrawingService = a, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
   }
@@ -1815,8 +1815,8 @@ let Fe = class extends ge {
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          var ke;
-          const { unitId: t, subUnitId: o, drawingId: i } = n, s = re(this._univerInstanceService, { unitId: t, subUnitId: o }), a = this._drawingManagerService.getDrawingByParam(n), c = (ke = this._renderManagerService.getRenderById(t)) == null ? void 0 : ke.with(Be).getUnitSkeleton(t, o);
+          var ze, Ke;
+          const { unitId: t, subUnitId: o, drawingId: i } = n, s = re(this._univerInstanceService, { unitId: t, subUnitId: o }), a = this._drawingManagerService.getDrawingByParam(n), c = (ze = this._renderManagerService.getRenderById(t)) == null ? void 0 : ze.with(Be).getUnitSkeleton(t, o);
           if (a == null || s == null || c == null)
             return;
           const { transform: u, drawingType: d } = a;
@@ -1828,7 +1828,7 @@ let Fe = class extends ge {
           const { scene: h, canvas: m } = l;
           if (u == null)
             return !0;
-          const { left: f, top: g, width: _, height: I, angle: C, flipX: v, flipY: R, skewX: w, skewY: M } = u, p = rn({ unitId: t, subUnitId: o, drawingId: i }), T = h.getObject(p);
+          const { left: f, top: g, width: _, height: I, angle: C, flipX: v, flipY: R, skewX: w, skewY: M } = u, p = sn({ unitId: t, subUnitId: o, drawingId: i }), T = h.getObject(p);
           if (T != null) {
             T.transformByState({ left: f, top: g, width: _, height: I, angle: C, flipX: v, flipY: R, skewX: w, skewY: M });
             return;
@@ -1839,17 +1839,17 @@ let Fe = class extends ge {
             width: _,
             height: I,
             zIndex: this._drawingManagerService.getDrawingOrder(t, o).length - 1
-          }, E = new cn(p, D);
-          h.addObject(E, ln).attachTransformerTo(E);
-          const U = new Vt(), y = We(E, l.renderObject, c.skeleton, s.worksheet), S = new pn(y), j = {
-            dispose: U,
+          }, E = new dn(p, D);
+          h.addObject(E, un).attachTransformerTo(E);
+          const U = this._ensureMap(t, o), y = new Xt(), S = We(E, l.renderObject, c.skeleton, s.worksheet), A = new _n(S), X = {
+            dispose: y,
             rect: E,
-            position$: S,
+            position$: A,
             unitId: t,
             subUnitId: o
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: S,
+            position$: A,
             id: i,
             componentKey: a.componentKey,
             onPointerDown: (G) => {
@@ -1863,17 +1863,18 @@ let Fe = class extends ge {
             },
             onWheel: (G) => {
               m.dispatchEvent(new WheelEvent(G.type, G));
-            }
+            },
+            props: (Ke = U.get(i)) == null ? void 0 : Ke.props
           });
-          const X = E.onTransformChangeObservable.add(() => {
+          const ke = E.onTransformChangeObservable.add(() => {
             const G = We(E, l.renderObject, c.skeleton, s.worksheet);
-            S.next(
+            A.next(
               G
             );
           });
-          U.add(() => {
+          y.add(() => {
             this._canvasFloatDomService.removeFloatDom(i);
-          }), X && U.add(X), this._domLayerInfoMap.set(i, j);
+          }), ke && y.add(ke), this._domLayerInfoMap.set(i, X);
         });
       })
     );
@@ -1892,15 +1893,15 @@ let Fe = class extends ge {
           }
         });
       };
-      if (e.id === mn.id) {
+      if (e.id === fn.id) {
         const i = e.params, { unitId: s, sheetId: a } = i;
         n(s, a);
-      } else if (e.id === hn.id) {
+      } else if (e.id === pn.id) {
         const i = e.params, { unitId: s } = i;
         Array.from((o = (t = this._domLayerMap.get(s)) == null ? void 0 : t.keys()) != null ? o : []).forEach((c) => {
           n(s, c);
         });
-      } else if (e.id === xn.id) {
+      } else if (e.id === Fn.id) {
         const { unitId: i, subUnitId: s } = e.params;
         n(i, s);
       }
@@ -1963,7 +1964,8 @@ let Fe = class extends ge {
     const { unitId: t, subUnitId: o } = n, { initPosition: i, componentKey: s } = e, a = ne.generateRandomId(), c = this._getPosition(i);
     if (c == null)
       return;
-    const u = {
+    this._ensureMap(t, o).set(a, e);
+    const d = {
       unitId: t,
       subUnitId: o,
       drawingId: a,
@@ -1979,8 +1981,8 @@ let Fe = class extends ge {
     };
     return this._commandService.executeCommand(He.id, {
       unitId: t,
-      drawings: [u]
-    }), this._ensureMap(t, o).set(a, e), {
+      drawings: [d]
+    }), {
       id: a,
       dispose: () => {
         this._removeDom(a, !0);
@@ -2003,19 +2005,19 @@ let Fe = class extends ge {
     }
   }
 };
-Fe = Yr([
+Fe = Hr([
   Q(0, W(se)),
   Q(1, ue),
   Q(2, W(B)),
   Q(3, k),
   Q(4, Te),
-  Q(5, W(On)),
+  Q(5, W(Pn)),
   Q(6, Y)
 ], Fe);
-var Hr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, zr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? kr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+var zr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Jr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Kr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
     (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Hr(e, n, o), o;
+  return t && o && zr(e, n, o), o;
 }, Ce = (r, e) => (n, t) => e(n, t, r);
 let Me = class extends ge {
   constructor(r, e, n, t) {
@@ -2061,24 +2063,24 @@ let Me = class extends ge {
     );
   }
 };
-Me = zr([
+Me = Jr([
   me(he.Rendered, Me),
-  Ce(0, W(fn)),
-  Ce(1, W(Zt)),
+  Ce(0, W(wn)),
+  Ce(1, W(Qt)),
   Ce(2, k),
   Ce(3, se)
 ], Me);
-var Lt = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Jr = (r, e, n) => e in r ? Lt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n, Zr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Kr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+var Wt = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, qr = (r, e, n) => e in r ? Wt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n, Qr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Zr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
     (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Lt(e, n, o), o;
-}, et = (r, e) => (n, t) => e(n, t, r), jt = (r, e, n) => (Jr(r, typeof e != "symbol" ? e + "" : e, n), n);
-const qr = "SHEET_IMAGE_UI_PLUGIN";
-let Pe = class extends Yt {
+  return t && o && Wt(e, n, o), o;
+}, nt = (r, e) => (n, t) => e(n, t, r), Bt = (r, e, n) => (qr(r, typeof e != "symbol" ? e + "" : e, n), n);
+const eo = "SHEET_IMAGE_UI_PLUGIN";
+let Pe = class extends Ht {
   constructor(e = {}, n, t) {
     super();
     H(this, "_pluginConfig");
-    this._injector = n, this._localeService = t, this._pluginConfig = ne.deepMerge({}, jr, e);
+    this._injector = n, this._localeService = t, this._pluginConfig = ne.deepMerge({}, Br, e);
   }
   onStarting(e) {
     super.onStarting(e), this._initDependencies(e);
@@ -2101,12 +2103,12 @@ let Pe = class extends Yt {
     ].forEach((t) => e.add(t));
   }
 };
-jt(Pe, "type", ee.UNIVER_SHEET);
-jt(Pe, "pluginName", qr);
-Pe = Zr([
-  Xt(on, qt, Qt),
-  et(1, W(Ve)),
-  et(2, W(de))
+Bt(Pe, "type", ee.UNIVER_SHEET);
+Bt(Pe, "pluginName", eo);
+Pe = Qr([
+  kt(an, en, tn),
+  nt(1, W(Ve)),
+  nt(2, W(de))
 ], Pe);
 export {
   Fe as SheetCanvasFloatDomManagerService,