@univerjs/sheets-drawing-ui 0.5.0-nightly.202411111606 → 0.5.0-nightly.202411120616

package/lib/es/index.js

@@ -1,20 +1,20 @@
-var gn = Object.defineProperty;
-var mn = (i, e, n) => e in i ? gn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var V = (i, e, n) => mn(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as H, ICommandService as W, IUndoRedoService as ue, sequenceExecute as It, LocaleService as We, IUniverInstanceService as fe, useDependency as oe, Inject as x, Injector as Ct, IContextService as Rt, RxDisposable as fn, UniverInstanceType as Y, connectInjector as pn, toDisposable as wn, FOCUSING_COMMON_DRAWINGS as me, Disposable as re, Direction as te, FOCUSING_FX_BAR_EDITOR as _n, EDITOR_ACTIVATED as vn, FOCUSING_PANEL_EDITOR as Sn, Tools as ge, UserManagerService as In, IPermissionService as Cn, Rectangle as Rn, LifecycleService as Dn, LifecycleStages as Mn, DisposableCollection as bn, fromEventSubject as yn, generateRandomId as On, DependentOn as Pn, Plugin as Tn, registerDependencies as En, touchDependencies as Xe, IConfigService as Un } from "@univerjs/core";
-import { IDrawingManagerService as K, IImageIoService as Dt, DrawingTypeEnum as k, ArrangeTypeEnum as ve, DRAWING_IMAGE_ALLOW_IMAGE_LIST as An, DRAWING_IMAGE_COUNT_LIMIT as mt, ImageUploadStatusType as He, DRAWING_IMAGE_ALLOW_SIZE as Nn, getImageSize as jn, DRAWING_IMAGE_WIDTH_LIMIT as ft, DRAWING_IMAGE_HEIGHT_LIMIT as pt, getDrawingShapeKeyByDrawingSearch as ze, UniverDrawingPlugin as xn } from "@univerjs/drawing";
-import { ImageCropperObject as Ln, COMPONENT_IMAGE_POPUP_MENU as $n, OpenImageCropOperation as Bn, ImageResetSizeOperation as Wn, DrawingCommonPanel as Gn, DrawingRenderService as Vn, UniverDrawingUIPlugin as kn } from "@univerjs/drawing-ui";
-import { IRenderManagerService as J, precisionTo as ne, getGroupState as Yn, transformObjectOutOfGroup as Fn, RENDER_CLASS_TYPE as de, Rect as wt, ObjectType as Xn, DRAWING_OBJECT_LAYER_INDEX as Hn, SHEET_VIEWPORT_KEY as zn } from "@univerjs/engine-render";
-import { ISheetDrawingService as F, SetDrawingApplyMutation as P, DrawingApplyType as T, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as Kn } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as Jn, attachRangeWithCoord as Te, ISheetSelectionRenderService as pe, SheetSkeletonManagerService as q, getCurrentRangeDisable$ as Zn, COPY_TYPE as _t, PREDEFINED_HOOK_NAME as Se, virtualizeDiscreteRanges as qn, ISheetClipboardService as Qn, SheetPrintInterceptorService as er, VIEWPORT_KEY as tr, SetZoomRatioOperation as nr } from "@univerjs/sheets-ui";
-import { ISidebarService as rr, IUIPartsService as ir, BuiltInUIPart as sr, ILocalFileService as or, IMessageService as ar, MenuItemType as Mt, getMenuHiddenObservable as bt, RibbonStartGroup as cr, KeyCode as le, ComponentManager as dr, IMenuManagerService as lr, IShortcutService as ur, CanvasFloatDomService as hr } from "@univerjs/ui";
-import { takeUntil as vt, combineLatest as Ie, map as Ee, filter as ae, distinctUntilChanged as Ce, Subject as Ke, take as gr, BehaviorSubject as mr, switchMap as fr } from "rxjs";
-import { SheetInterceptorService as at, getSheetCommandTarget as ce, SheetsSelectionsService as pr, WorkbookEditablePermission as tt, WorksheetEditPermission as Pe, RangeProtectionPermissionEditPoint as wr, WorkbookViewPermission as St, WorksheetViewPermission as Je, InsertRowCommand as yt, InsertColCommand as Ot, RemoveRowCommand as Pt, RemoveColCommand as Tt, DeleteRangeMoveLeftCommand as Et, DeleteRangeMoveUpCommand as Ut, InsertRangeMoveDownCommand as At, InsertRangeMoveRightCommand as Nt, DeltaRowHeightCommand as nt, SetRowHeightCommand as rt, DeltaColumnWidthCommand as jt, SetColWidthCommand as xt, SetRowHiddenCommand as Lt, SetSpecificRowsVisibleCommand as $t, SetSpecificColsVisibleCommand as Bt, SetColHiddenCommand as Wt, MoveColsCommand as Gt, MoveRowsCommand as Vt, MoveRangeCommand as kt, SetRowVisibleMutation as _r, SetRowHiddenMutation as vr, SetColVisibleMutation as Sr, SetColHiddenMutation as Ir, SetWorksheetRowHeightMutation as Cr, SetWorksheetColWidthMutation as Rr, SetWorksheetActiveOperation as Dr, SetFrozenMutation as Mr } from "@univerjs/sheets";
-import Yt, { useEffect as ct, forwardRef as Ft, useRef as br, createElement as Xt, useState as it } from "react";
-import { MessageType as Re, RadioGroup as yr, Radio as Ze } from "@univerjs/design";
-const Or = "sheets-drawing-ui.config", Pr = {}, j = {
+var mn = Object.defineProperty;
+var fn = (i, e, n) => e in i ? mn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var G = (i, e, n) => fn(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as X, ICommandService as W, IUndoRedoService as he, sequenceExecute as Ct, LocaleService as Ge, IUniverInstanceService as pe, useDependency as oe, Inject as x, Injector as Rt, IContextService as Dt, RxDisposable as pn, UniverInstanceType as k, connectInjector as wn, toDisposable as _n, FOCUSING_COMMON_DRAWINGS as fe, Disposable as re, Direction as te, FOCUSING_FX_BAR_EDITOR as vn, EDITOR_ACTIVATED as Sn, FOCUSING_PANEL_EDITOR as In, Tools as me, UserManagerService as Cn, IPermissionService as Rn, Rectangle as Dn, LifecycleService as Mn, LifecycleStages as bn, DisposableCollection as yn, fromEventSubject as On, generateRandomId as Pn, DependentOn as Tn, Plugin as En, registerDependencies as Un, touchDependencies as He, IConfigService as An } from "@univerjs/core";
+import { IDrawingManagerService as z, IImageIoService as Mt, DrawingTypeEnum as V, ArrangeTypeEnum as Se, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Nn, DRAWING_IMAGE_COUNT_LIMIT as ft, ImageUploadStatusType as ze, DRAWING_IMAGE_ALLOW_SIZE as jn, getImageSize as xn, DRAWING_IMAGE_WIDTH_LIMIT as pt, DRAWING_IMAGE_HEIGHT_LIMIT as wt, getDrawingShapeKeyByDrawingSearch as Ke, UniverDrawingPlugin as Ln } from "@univerjs/drawing";
+import { ImageCropperObject as $n, COMPONENT_IMAGE_POPUP_MENU as Bn, OpenImageCropOperation as Wn, ImageResetSizeOperation as Gn, DrawingCommonPanel as Vn, DrawingRenderService as kn, UniverDrawingUIPlugin as Yn } from "@univerjs/drawing-ui";
+import { IRenderManagerService as J, precisionTo as ne, getGroupState as Fn, transformObjectOutOfGroup as Xn, RENDER_CLASS_TYPE as le, Rect as _t, ObjectType as Hn, DRAWING_OBJECT_LAYER_INDEX as zn, copyPointEvent as Kn, SHEET_VIEWPORT_KEY as Jn } from "@univerjs/engine-render";
+import { ISheetDrawingService as Y, SetDrawingApplyMutation as P, DrawingApplyType as T, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as Zn } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as qn, attachRangeWithCoord as Ee, ISheetSelectionRenderService as we, SheetSkeletonManagerService as q, getCurrentRangeDisable$ as Qn, COPY_TYPE as vt, PREDEFINED_HOOK_NAME as Ie, virtualizeDiscreteRanges as er, ISheetClipboardService as tr, SheetPrintInterceptorService as nr, VIEWPORT_KEY as rr, SetZoomRatioOperation as ir } from "@univerjs/sheets-ui";
+import { ISidebarService as sr, IUIPartsService as or, BuiltInUIPart as ar, ILocalFileService as cr, IMessageService as dr, MenuItemType as bt, getMenuHiddenObservable as yt, RibbonStartGroup as lr, KeyCode as ue, ComponentManager as ur, IMenuManagerService as hr, IShortcutService as gr, CanvasFloatDomService as mr } from "@univerjs/ui";
+import { takeUntil as St, combineLatest as Ce, map as Ue, filter as ae, distinctUntilChanged as Re, Subject as Je, take as fr, BehaviorSubject as pr, switchMap as wr } from "rxjs";
+import { SheetInterceptorService as ct, getSheetCommandTarget as ce, SheetsSelectionsService as _r, WorkbookEditablePermission as nt, WorksheetEditPermission as Te, RangeProtectionPermissionEditPoint as vr, WorkbookViewPermission as It, WorksheetViewPermission as Ze, InsertRowCommand as Ot, InsertColCommand as Pt, RemoveRowCommand as Tt, RemoveColCommand as Et, DeleteRangeMoveLeftCommand as Ut, DeleteRangeMoveUpCommand as At, InsertRangeMoveDownCommand as Nt, InsertRangeMoveRightCommand as jt, DeltaRowHeightCommand as rt, SetRowHeightCommand as it, DeltaColumnWidthCommand as xt, SetColWidthCommand as Lt, SetRowHiddenCommand as $t, SetSpecificRowsVisibleCommand as Bt, SetSpecificColsVisibleCommand as Wt, SetColHiddenCommand as Gt, MoveColsCommand as Vt, MoveRowsCommand as kt, MoveRangeCommand as Yt, SetRowVisibleMutation as Sr, SetRowHiddenMutation as Ir, SetColVisibleMutation as Cr, SetColHiddenMutation as Rr, SetWorksheetRowHeightMutation as Dr, SetWorksheetColWidthMutation as Mr, SetWorksheetActiveOperation as br, SetFrozenMutation as yr } from "@univerjs/sheets";
+import Ft, { useEffect as dt, forwardRef as Xt, useRef as Or, createElement as Ht, useState as st } from "react";
+import { MessageType as De, RadioGroup as Pr, Radio as qe } from "@univerjs/design";
+const Tr = "sheets-drawing-ui.config", Er = {}, j = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: H.MUTATION,
+  type: X.MUTATION,
   handler: (i, e) => {
     const n = i.get(J);
     return e.forEach((t) => {
@@ -22,20 +22,20 @@ const Or = "sheets-drawing-ui.config", Pr = {}, j = {
       (s = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, Ge = {
+}, Ve = {
   id: "sheet.command.remove-sheet-image",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i, e) => {
     var S, v, R;
-    const n = i.get(W), t = i.get(ue), r = i.get(at), s = i.get(F);
+    const n = i.get(W), t = i.get(he), r = i.get(ct), s = i.get(Y);
     if (!e) return !1;
     const { drawings: o } = e, d = [];
     o.forEach((_) => {
       const { unitId: C } = _;
       d.push(C);
     });
-    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = r.onCommandExecute({ id: Ge.id, params: e }), f = { id: P.id, params: { unitId: g, subUnitId: c, op: h, objects: u, type: T.REMOVE } }, p = { id: P.id, params: { unitId: g, subUnitId: c, op: a, objects: u, type: T.INSERT } };
-    return It([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = r.onCommandExecute({ id: Ve.id, params: e }), f = { id: P.id, params: { unitId: g, subUnitId: c, op: h, objects: u, type: T.REMOVE } }, p = { id: P.id, params: { unitId: g, subUnitId: c, op: a, objects: u, type: T.INSERT } };
+    return Ct([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
         ...(v = m.preUndos) != null ? v : [],
@@ -51,17 +51,17 @@ const Or = "sheets-drawing-ui.config", Pr = {}, j = {
       ]
     }), !0) : !1;
   }
-}, Ht = "COMPONENT_SHEET_DRAWING_PANEL", zt = {
+}, zt = "COMPONENT_SHEET_DRAWING_PANEL", Kt = {
   id: "sidebar.operation.sheet-image",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(rr), t = i.get(We), r = i.get(fe), s = i.get(K);
+    const n = i.get(sr), t = i.get(Ge), r = i.get(pe), s = i.get(z);
     if (!ce(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: Ht },
+          children: { label: zt },
           onClose: () => {
             s.focusDrawing(null);
           },
@@ -75,15 +75,15 @@ const Or = "sheets-drawing-ui.config", Pr = {}, j = {
     }
     return !0;
   }
-}, Kt = {
+}, Jt = {
   id: "sheet.operation.edit-sheet-image",
-  type: H.OPERATION,
+  type: X.OPERATION,
   handler: (i, e) => {
-    const n = i.get(K), t = i.get(W);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(zt.id, { value: "open" }), !0);
+    const n = i.get(z), t = i.get(W);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Kt.id, { value: "open" }), !0);
   }
 };
-var Jt = { exports: {} }, Ve = {};
+var Zt = { exports: {} }, ke = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -93,52 +93,52 @@ var Jt = { exports: {} }, Ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Tr = Yt, Er = Symbol.for("react.element"), Ur = Symbol.for("react.fragment"), Ar = Object.prototype.hasOwnProperty, Nr = Tr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, jr = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Zt(i, e, n) {
+var Ur = Ft, Ar = Symbol.for("react.element"), Nr = Symbol.for("react.fragment"), jr = Object.prototype.hasOwnProperty, xr = Ur.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Lr = { key: !0, ref: !0, __self: !0, __source: !0 };
+function qt(i, e, n) {
   var t, r = {}, s = null, o = null;
   n !== void 0 && (s = "" + n), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
-  for (t in e) Ar.call(e, t) && !jr.hasOwnProperty(t) && (r[t] = e[t]);
+  for (t in e) jr.call(e, t) && !Lr.hasOwnProperty(t) && (r[t] = e[t]);
   if (i && i.defaultProps) for (t in e = i.defaultProps, e) r[t] === void 0 && (r[t] = e[t]);
-  return { $$typeof: Er, type: i, key: s, ref: o, props: r, _owner: Nr.current };
+  return { $$typeof: Ar, type: i, key: s, ref: o, props: r, _owner: xr.current };
 }
-Ve.Fragment = Ur;
-Ve.jsx = Zt;
-Ve.jsxs = Zt;
-Jt.exports = Ve;
-var $ = Jt.exports;
-const xr = "univer-upload-loading", Lr = "univer-upload-loading-body", $r = "univer-upload-loading-body-animation", Br = "univer-UniverCircleAnimation", Wr = "univer-upload-loading-body-text", De = {
-  uploadLoading: xr,
-  uploadLoadingBody: Lr,
-  uploadLoadingBodyAnimation: $r,
-  univerCircleAnimation: Br,
-  uploadLoadingBodyText: Wr
-}, Gr = () => {
-  const i = oe(Dt), e = oe(We), [n, t] = Yt.useState(0);
-  return ct(() => {
+ke.Fragment = Nr;
+ke.jsx = qt;
+ke.jsxs = qt;
+Zt.exports = ke;
+var $ = Zt.exports;
+const $r = "univer-upload-loading", Br = "univer-upload-loading-body", Wr = "univer-upload-loading-body-animation", Gr = "univer-UniverCircleAnimation", Vr = "univer-upload-loading-body-text", Me = {
+  uploadLoading: $r,
+  uploadLoadingBody: Br,
+  uploadLoadingBodyAnimation: Wr,
+  univerCircleAnimation: Gr,
+  uploadLoadingBodyText: Vr
+}, kr = () => {
+  const i = oe(Mt), e = oe(Ge), [n, t] = Ft.useState(0);
+  return dt(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ $.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: De.uploadLoading, children: /* @__PURE__ */ $.jsxs("div", { className: De.uploadLoadingBody, children: [
-    /* @__PURE__ */ $.jsx("div", { className: De.uploadLoadingBodyAnimation }),
-    /* @__PURE__ */ $.jsx("div", { className: De.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
+  }, [i]), /* @__PURE__ */ $.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: Me.uploadLoading, children: /* @__PURE__ */ $.jsxs("div", { className: Me.uploadLoadingBody, children: [
+    /* @__PURE__ */ $.jsx("div", { className: Me.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ $.jsx("div", { className: Me.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
   ] }) });
 };
-var Vr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Yr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? kr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var Yr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Xr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Fr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Vr(e, n, r), r;
+  return t && r && Yr(e, n, r), r;
 }, ie = (i, e) => (n, t) => e(n, t, i);
-let Ue = class extends fn {
+let Ae = class extends pn {
   constructor(e, n, t, r, s, o, d) {
     super();
-    V(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    G(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = d, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(vt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(vt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(sr.CONTENT, () => pn(Gr, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET).pipe(St(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(k.UNIVER_SHEET).pipe(St(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(k.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(ar.CONTENT, () => wn(kr, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -153,7 +153,7 @@ let Ue = class extends fn {
   _hasCropObject(e) {
     const n = e.getAllObjectsByOrder();
     for (const t of n)
-      if (t instanceof Ln)
+      if (t instanceof $n)
         return !0;
     return !1;
   }
@@ -167,9 +167,9 @@ let Ue = class extends fn {
       return;
     let r;
     this.disposeWithMe(
-      wn(
+      _n(
         t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(me, !0), this._hasCropObject(n))
+          if (this._contextService.setContextValue(fe, !0), this._hasCropObject(n))
             return;
           const o = t.getSelectedObjectMap();
           if (o.size > 1) {
@@ -184,7 +184,7 @@ let Ue = class extends fn {
             return;
           const { unitId: c, subUnitId: a, drawingId: h, drawingType: u } = g, m = g.data;
           m && m.disablePopup || (r == null || r.dispose(), r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-            componentKey: $n,
+            componentKey: Bn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -199,7 +199,7 @@ let Ue = class extends fn {
       )
     ), this.disposeWithMe(
       t.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(me, !1), this._drawingManagerService.focusDrawing(null);
+        r == null || r.dispose(), this._contextService.setContextValue(fe, !1), this._drawingManagerService.focusDrawing(null);
       })
     ), this.disposeWithMe(
       t.changing$.subscribe(() => {
@@ -212,45 +212,45 @@ let Ue = class extends fn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Kt.id,
+        commandId: Jt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: r === k.DRAWING_DOM
+        disable: r === V.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Ge.id,
+        commandId: Ve.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Bn.id,
+        commandId: Wn.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: r === k.DRAWING_DOM
+        disable: r === V.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Wn.id,
+        commandId: Gn.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
-        disable: r === k.DRAWING_DOM
+        disable: r === V.DRAWING_DOM
       }
     ];
   }
 };
-Ue = Yr([
-  ie(0, x(Ct)),
-  ie(1, K),
-  ie(2, x(Jn)),
+Ae = Xr([
+  ie(0, x(Rt)),
+  ie(1, z),
+  ie(2, x(qn)),
   ie(3, J),
-  ie(4, fe),
-  ie(5, Rt),
-  ie(6, x(ir))
-], Ue);
+  ie(4, pe),
+  ie(5, Dt),
+  ie(6, x(or))
+], Ae);
 function B(i, e, n) {
-  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: d = 0, skewX: l = 0, skewY: g = 0 } = i, { column: c, columnOffset: a, row: h, rowOffset: u } = t, { column: m, columnOffset: f, row: p, rowOffset: I } = r, S = n.getCurrentSkeleton(), v = Te(S, {
+  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: d = 0, skewX: l = 0, skewY: g = 0 } = i, { column: c, columnOffset: a, row: h, rowOffset: u } = t, { column: m, columnOffset: f, row: p, rowOffset: I } = r, S = n.getCurrentSkeleton(), v = Ee(S, {
     startColumn: c,
     endColumn: c,
     startRow: h,
@@ -258,7 +258,7 @@ function B(i, e, n) {
   });
   if (v == null)
     return;
-  const R = Te(S, {
+  const R = Ee(S, {
     startColumn: m,
     endColumn: m,
     startRow: p,
@@ -310,12 +310,12 @@ function N(i, e) {
     to: m
   };
 }
-var Fr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Hr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Xr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var Hr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Kr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? zr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Fr(e, n, r), r;
-}, Me = (i, e) => (n, t) => e(n, t, i);
-let st = class extends re {
+  return t && r && Hr(e, n, r), r;
+}, be = (i, e) => (n, t) => e(n, t, i);
+let ot = class extends re {
   constructor(i, e, n, t, r) {
     super(), this._context = i, this._sheetDrawingService = e, this._drawingManagerService = n, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -335,38 +335,38 @@ let st = class extends re {
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-st = Hr([
-  Me(1, F),
-  Me(2, K),
-  Me(3, x(pe)),
-  Me(4, x(q))
-], st);
-var X = function() {
-  return X = Object.assign || function(i) {
+ot = Kr([
+  be(1, Y),
+  be(2, z),
+  be(3, x(we)),
+  be(4, x(q))
+], ot);
+var F = function() {
+  return F = Object.assign || function(i) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
     return i;
-  }, X.apply(this, arguments);
-}, zr = function(i, e) {
+  }, F.apply(this, arguments);
+}, Jr = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, qt = Ft(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = zr(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = br("_".concat(Zr()));
-  return Qt(n, "".concat(t), { defIds: n.defIds, idSuffix: l.current }, X({ ref: e, className: d }, o), s);
+}, Qt = Xt(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Jr(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = Or("_".concat(Qr()));
+  return en(n, "".concat(t), { defIds: n.defIds, idSuffix: l.current }, F({ ref: e, className: d }, o), s);
 });
-function Qt(i, e, n, t, r) {
-  return Xt(i.tag, X(X({ key: e }, Kr(i, n, r)), t), (Jr(i, n).children || []).map(function(s, o) {
-    return Qt(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
+function en(i, e, n, t, r) {
+  return Ht(i.tag, F(F({ key: e }, Zr(i, n, r)), t), (qr(i, n).children || []).map(function(s, o) {
+    return en(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
   }));
 }
-function Kr(i, e, n) {
-  var t = X({}, i.attrs);
+function Zr(i, e, n) {
+  var t = F({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
   var r = e.defIds;
   return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
@@ -374,29 +374,29 @@ function Kr(i, e, n) {
     typeof d == "string" && (t[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Jr(i, e) {
+function qr(i, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? X(X({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? X(X({}, r), { attrs: X(X({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? F(F({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? F(F({}, r), { attrs: F(F({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function Zr() {
+function Qr() {
   return Math.random().toString(36).substring(2, 8);
 }
-qt.displayName = "UniverIcon";
-var qr = { 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" } }] }, en = Ft(function(i, e) {
-  return Xt(qt, Object.assign({}, i, {
+Qt.displayName = "UniverIcon";
+var ei = { 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" } }] }, tn = Xt(function(i, e) {
+  return Ht(Qt, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: qr
+    icon: ei
   }));
 });
-en.displayName = "AddImageSingle";
-const tn = {
+tn.displayName = "AddImageSingle";
+const nn = {
   id: "sheet.command.delete-drawing",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i) => {
-    const e = i.get(W), t = i.get(F).getFocusDrawings();
+    const e = i.get(W), t = i.get(Y).getFocusDrawings();
     if (t.length === 0)
       return !1;
     const r = t[0].unitId, s = t.map((o) => {
@@ -408,16 +408,16 @@ const tn = {
         drawingType: c
       };
     });
-    return e.executeCommand(Ge.id, {
+    return e.executeCommand(Ve.id, {
       unitId: r,
       drawings: s
     });
   }
 };
-function Qr(i) {
+function ti(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d } = t, l = Yn(0, 0, r.map((a) => a.transform || {})), g = r.map((a) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d } = t, l = Fn(0, 0, r.map((a) => a.transform || {})), g = r.map((a) => {
       const h = a.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: m, drawingId: f } = a;
       return {
         unitId: u,
@@ -434,7 +434,7 @@ function Qr(i) {
       unitId: s,
       subUnitId: o,
       drawingId: d,
-      drawingType: k.DRAWING_GROUP,
+      drawingType: V.DRAWING_GROUP,
       transform: l
     };
     e.push({
@@ -443,14 +443,14 @@ function Qr(i) {
     });
   }), e;
 }
-function ei(i) {
+function ni(i) {
   const e = [];
   return i.forEach((n) => {
     const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d, transform: l = { width: 0, height: 0 } } = t;
     if (l == null)
       return;
     const g = r.map((a) => {
-      const { transform: h } = a, { unitId: u, subUnitId: m, drawingId: f } = a, p = Fn(h || {}, l, l.width || 0, l.height || 0);
+      const { transform: h } = a, { unitId: u, subUnitId: m, drawingId: f } = a, p = Xn(h || {}, l, l.width || 0, l.height || 0);
       return {
         unitId: u,
         subUnitId: m,
@@ -462,7 +462,7 @@ function ei(i) {
       unitId: s,
       subUnitId: o,
       drawingId: d,
-      drawingType: k.DRAWING_GROUP,
+      drawingType: V.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -474,11 +474,11 @@ function ei(i) {
     });
   }), e;
 }
-const nn = {
+const rn = {
   id: "sheet.command.group-sheet-image",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i, e) => {
-    const n = i.get(W), t = i.get(ue), r = i.get(F);
+    const n = i.get(W), t = i.get(he), r = i.get(Y);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: u, children: m }) => {
@@ -490,7 +490,7 @@ const nn = {
     return n.syncExecuteCommand(P.id, { op: c, unitId: d, subUnitId: l, objects: a, type: T.GROUP }) ? (t.pushUndoRedo({
       unitID: d,
       undoMutations: [
-        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: ei(a), type: T.UNGROUP } },
+        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: ni(a), type: T.UNGROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
@@ -499,15 +499,15 @@ const nn = {
       ]
     }), !0) : !1;
   }
-}, ke = {
+}, Ye = {
   id: "sheet.command.insert-sheet-image",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i, e) => {
     var S, v, R;
-    const n = i.get(W), t = i.get(ue), r = i.get(F), s = i.get(at);
+    const n = i.get(W), t = i.get(he), r = i.get(Y), s = i.get(ct);
     if (!e) return !1;
-    const o = e.drawings, d = o.map((_) => _.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = s.onCommandExecute({ id: ke.id, params: e }), f = { id: P.id, params: { op: h, unitId: g, subUnitId: c, objects: u, type: T.INSERT } }, p = { id: P.id, params: { op: a, unitId: g, subUnitId: c, objects: u, type: T.REMOVE } };
-    return It([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+    const o = e.drawings, d = o.map((_) => _.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = s.onCommandExecute({ id: Ye.id, params: e }), f = { id: P.id, params: { op: h, unitId: g, subUnitId: c, objects: u, type: T.INSERT } }, p = { id: P.id, params: { op: a, unitId: g, subUnitId: c, objects: u, type: T.REMOVE } };
+    return Ct([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
         ...(v = m.preUndos) != null ? v : [],
@@ -523,15 +523,15 @@ const nn = {
       ]
     }), !0) : !1;
   }
-}, rn = {
+}, sn = {
   id: "sheet.command.set-drawing-arrange",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i, e) => {
-    const n = i.get(W), t = i.get(ue);
+    const n = i.get(W), t = i.get(he);
     if (!e) return !1;
-    const r = i.get(F), { unitId: s, subUnitId: o, drawingIds: d, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: d };
+    const r = i.get(Y), { unitId: s, subUnitId: o, drawingIds: d, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: d };
     let c;
-    if (l === ve.forward ? c = r.getForwardDrawingsOp(g) : l === ve.backward ? c = r.getBackwardDrawingOp(g) : l === ve.front ? c = r.getFrontDrawingsOp(g) : l === ve.back && (c = r.getBackDrawingsOp(g)), c == null)
+    if (l === Se.forward ? c = r.getForwardDrawingsOp(g) : l === Se.backward ? c = r.getBackwardDrawingOp(g) : l === Se.front ? c = r.getFrontDrawingsOp(g) : l === Se.back && (c = r.getBackDrawingsOp(g)), c == null)
       return !1;
     const { objects: a, redo: h, undo: u } = c;
     return n.syncExecuteCommand(P.id, { op: h, unitId: s, subUnitId: o, objects: a, type: T.ARRANGE }) ? (t.pushUndoRedo({
@@ -544,11 +544,11 @@ const nn = {
       ]
     }), !0) : !1;
   }
-}, Ye = {
+}, Fe = {
   id: "sheet.command.set-sheet-image",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i, e) => {
-    const n = i.get(W), t = i.get(ue), r = i.get(F);
+    const n = i.get(W), t = i.get(he), r = i.get(Y);
     if (!e) return !1;
     const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: d, subUnitId: l, undo: g, redo: c, objects: a } = o;
     return n.syncExecuteCommand(P.id, { unitId: d, subUnitId: l, op: c, objects: a, type: T.UPDATE }) ? (t.pushUndoRedo({
@@ -563,11 +563,11 @@ const nn = {
       ]
     }), !0) : !1;
   }
-}, sn = {
+}, on = {
   id: "sheet.command.ungroup-sheet-image",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i, e) => {
-    const n = i.get(W), t = i.get(ue), r = i.get(F);
+    const n = i.get(W), t = i.get(he), r = i.get(Y);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: u, children: m }) => {
@@ -579,7 +579,7 @@ const nn = {
     return n.syncExecuteCommand(P.id, { op: c, unitId: d, subUnitId: l, objects: a, type: T.UNGROUP }) ? (t.pushUndoRedo({
       unitID: d,
       undoMutations: [
-        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: Qr(a), type: T.GROUP } },
+        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: ti(a), type: T.GROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
@@ -589,25 +589,25 @@ const nn = {
     }), !0) : !1;
   }
 };
-var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ri = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ni(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var ri = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, si = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ii(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ti(e, n, r), r;
-}, z = (i, e) => (n, t) => e(n, t, i);
-let Ae = class extends re {
+  return t && r && ri(e, n, r), r;
+}, H = (i, e) => (n, t) => e(n, t, i);
+let Ne = class extends re {
   constructor(e, n, t, r, s, o, d, l, g, c, a, h) {
     super();
-    V(this, "_workbookSelections");
+    G(this, "_workbookSelections");
     this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = d, this._drawingManagerService = l, this._contextService = g, this._messageService = c, this._localeService = a, this._workbookSelections = h.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const e = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: An.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: Nn.map((t) => `.${t.replace("image/", "")}`).join(",")
     }), n = e.length;
-    return n > mt ? (this._messageService.show({
-      type: Re.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(mt))
+    return n > ft ? (this._messageService.show({
+      type: De.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(ft))
     }), !1) : n === 0 ? !1 : (e.forEach(async (t) => await this._insertFloatImage(t)), !0);
   }
   async _insertFloatImage(e) {
@@ -616,24 +616,24 @@ let Ae = class extends re {
       n = await this._imageIoService.saveImage(e);
     } catch (S) {
       const v = S.message;
-      v === He.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Re.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Nn / (1024 * 1024)))
-      }) : v === He.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Re.Error,
+      v === ze.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: De.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(jn / (1024 * 1024)))
+      }) : v === ze.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: De.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : v === He.ERROR_IMAGE && this._messageService.show({
-        type: Re.Error,
+      }) : v === ze.ERROR_IMAGE && this._messageService.show({
+        type: De.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return;
-    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: d, source: l, base64Cache: g } = n, { width: c, height: a, image: h } = await jn(g || ""), { width: u, height: m } = this._context.scene;
+    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: d, source: l, base64Cache: g } = n, { width: c, height: a, image: h } = await xn(g || ""), { width: u, height: m } = this._context.scene;
     this._imageIoService.addImageSourceCache(l, d, h);
     let f = 1;
-    if (c > ft || a > pt) {
-      const S = ft / c, v = pt / a;
+    if (c > pt || a > wt) {
+      const S = pt / c, v = wt / a;
       f = Math.max(S, v);
     }
     const p = this._getImagePosition(c * f, a * f, u, m);
@@ -643,13 +643,13 @@ let Ae = class extends re {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: k.DRAWING_IMAGE,
+      drawingType: V.DRAWING_IMAGE,
       imageSourceType: d,
       source: l,
       transform: B(p, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: p
     };
-    this._commandService.executeCommand(ke.id, {
+    this._commandService.executeCommand(Ye.id, {
       unitId: r,
       drawings: [I]
     });
@@ -670,7 +670,7 @@ let Ae = class extends re {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const d = Te(this._skeletonManagerService.getCurrent().skeleton, o);
+    const d = Ee(this._skeletonManagerService.getCurrent().skeleton, o);
     if (d == null)
       return;
     let { startColumn: l, startRow: g, startX: c, startY: a } = d, h = !1;
@@ -702,7 +702,7 @@ let Ae = class extends re {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
       const { unitId: n, subUnitId: t, drawingIds: r, arrangeType: s } = e;
-      this._commandService.executeCommand(rn.id, {
+      this._commandService.executeCommand(sn.id, {
         unitId: n,
         subUnitId: t,
         drawingIds: r,
@@ -729,7 +729,7 @@ let Ae = class extends re {
           sheetTransform: { ...c }
         };
         n.push(a);
-      }), n.length > 0 && this._commandService.executeCommand(Ye.id, {
+      }), n.length > 0 && this._commandService.executeCommand(Fe.id, {
         unitId: e[0].unitId,
         drawings: n
       }));
@@ -737,46 +737,46 @@ let Ae = class extends re {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(nn.id, e);
+      this._commandService.executeCommand(rn.id, e);
       const { unitId: n, subUnitId: t, drawingId: r } = e[0].parent;
       this._drawingManagerService.focusDrawing([{ unitId: n, subUnitId: t, drawingId: r }]);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(sn.id, e);
+      this._commandService.executeCommand(on.id, e);
     });
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((e) => {
-        e == null || e.length === 0 ? (this._contextService.setContextValue(me, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(me, !0), this._sheetDrawingService.focusDrawing(e));
+        e == null || e.length === 0 ? (this._contextService.setContextValue(fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(fe, !0), this._sheetDrawingService.focusDrawing(e));
       })
     );
   }
 };
-Ae = ri([
-  z(1, x(q)),
-  z(2, W),
-  z(3, pe),
-  z(4, Dt),
-  z(5, or),
-  z(6, F),
-  z(7, K),
-  z(8, Rt),
-  z(9, ar),
-  z(10, x(We)),
-  z(11, x(pr))
-], Ae);
-const dt = {
+Ne = si([
+  H(1, x(q)),
+  H(2, W),
+  H(3, we),
+  H(4, Mt),
+  H(5, cr),
+  H(6, Y),
+  H(7, z),
+  H(8, Dt),
+  H(9, dr),
+  H(10, x(Ge)),
+  H(11, x(_r))
+], Ne);
+const lt = {
   id: "sheet.command.insert-float-image",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i) => {
     var n, t;
-    return (t = (n = i.get(J).getCurrentTypeOfRenderer(Y.UNIVER_SHEET)) == null ? void 0 : n.with(Ae).insertFloatImage()) != null ? t : !1;
+    return (t = (n = i.get(J).getCurrentTypeOfRenderer(k.UNIVER_SHEET)) == null ? void 0 : n.with(Ne).insertFloatImage()) != null ? t : !1;
   }
-}, we = {
+}, _e = {
   id: "sheet.command.move-drawing",
-  type: H.COMMAND,
+  type: X.COMMAND,
   handler: (i, e) => {
-    const n = i.get(W), t = i.get(F), r = i.get(pe), { direction: s } = e, o = t.getFocusDrawings();
+    const n = i.get(W), t = i.get(Y), r = i.get(we), { direction: s } = e, o = t.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const d = o[0].unitId, l = o.map((c) => {
@@ -790,69 +790,69 @@ const dt = {
         sheetTransform: N(h, r)
       };
     }).filter((c) => c != null);
-    return n.syncExecuteCommand(Ye.id, {
+    return n.syncExecuteCommand(Fe.id, {
       unitId: d,
       drawings: l
     }) ? (n.syncExecuteCommand(j.id, [d]), !0) : !1;
   }
-}, on = "addition-and-subtraction-single", an = "sheet.menu.image";
-function ii(i) {
+}, an = "addition-and-subtraction-single", cn = "sheet.menu.image";
+function oi(i) {
   return {
-    id: an,
-    type: Mt.SUBITEMS,
-    icon: on,
+    id: cn,
+    type: bt.SUBITEMS,
+    icon: an,
     tooltip: "sheetImage.title",
-    hidden$: bt(i, Y.UNIVER_SHEET),
-    disabled$: Zn(i, { workbookTypes: [tt], worksheetTypes: [Pe], rangeTypes: [wr] })
+    hidden$: yt(i, k.UNIVER_SHEET),
+    disabled$: Qn(i, { workbookTypes: [nt], worksheetTypes: [Te], rangeTypes: [vr] })
   };
 }
-function si(i) {
+function ai(i) {
   return {
-    id: dt.id,
+    id: lt.id,
     title: "sheetImage.upload.float",
-    type: Mt.BUTTON,
-    hidden$: bt(i, Y.UNIVER_SHEET)
+    type: bt.BUTTON,
+    hidden$: yt(i, k.UNIVER_SHEET)
   };
 }
-const oi = "univer-image-common-panel", ai = "univer-image-common-panel-grid", ci = "univer-image-common-panel-border", di = "univer-image-common-panel-title", li = "univer-image-common-panel-subtitle", ui = "univer-image-common-panel-row", hi = "univer-image-common-panel-row-vertical", gi = "univer-image-common-panel-column", mi = "univer-image-common-panel-column-center", fi = "univer-image-common-panel-inline", pi = "univer-image-common-panel-span2", wi = "univer-image-common-panel-span3", _i = "univer-image-common-panel-input", vi = "univer-sheet-image-menu", Si = "univer-sheet-image-menu-input", ee = {
-  imageCommonPanel: oi,
-  imageCommonPanelGrid: ai,
-  imageCommonPanelBorder: ci,
-  imageCommonPanelTitle: di,
-  imageCommonPanelSubtitle: li,
-  imageCommonPanelRow: ui,
-  imageCommonPanelRowVertical: hi,
-  imageCommonPanelColumn: gi,
-  imageCommonPanelColumnCenter: mi,
-  imageCommonPanelInline: fi,
-  imageCommonPanelSpan2: pi,
-  imageCommonPanelSpan3: wi,
-  imageCommonPanelInput: _i,
-  sheetImageMenu: vi,
-  sheetImageMenuInput: Si
+const ci = "univer-image-common-panel", di = "univer-image-common-panel-grid", li = "univer-image-common-panel-border", ui = "univer-image-common-panel-title", hi = "univer-image-common-panel-subtitle", gi = "univer-image-common-panel-row", mi = "univer-image-common-panel-row-vertical", fi = "univer-image-common-panel-column", pi = "univer-image-common-panel-column-center", wi = "univer-image-common-panel-inline", _i = "univer-image-common-panel-span2", vi = "univer-image-common-panel-span3", Si = "univer-image-common-panel-input", Ii = "univer-sheet-image-menu", Ci = "univer-sheet-image-menu-input", ee = {
+  imageCommonPanel: ci,
+  imageCommonPanelGrid: di,
+  imageCommonPanelBorder: li,
+  imageCommonPanelTitle: ui,
+  imageCommonPanelSubtitle: hi,
+  imageCommonPanelRow: gi,
+  imageCommonPanelRowVertical: mi,
+  imageCommonPanelColumn: fi,
+  imageCommonPanelColumnCenter: pi,
+  imageCommonPanelInline: wi,
+  imageCommonPanelSpan2: _i,
+  imageCommonPanelSpan3: vi,
+  imageCommonPanelInput: Si,
+  sheetImageMenu: Ii,
+  sheetImageMenuInput: Ci
 };
-function cn(i) {
+function dn(i) {
   var e, n, t = "";
   if (typeof i == "string" || typeof i == "number") t += i;
   else if (typeof i == "object") if (Array.isArray(i)) {
     var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (n = cn(i[e])) && (t && (t += " "), t += n);
+    for (e = 0; e < r; e++) i[e] && (n = dn(i[e])) && (t && (t += " "), t += n);
   } else for (n in i) i[n] && (t && (t += " "), t += n);
   return t;
 }
-function be() {
-  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = cn(i)) && (t && (t += " "), t += e);
+function ye() {
+  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = dn(i)) && (t && (t += " "), t += e);
   return t;
 }
-const Ii = (i) => {
+const Ri = (i) => {
   var v;
-  const e = oe(W), n = oe(We), t = oe(K), r = oe(J), { drawings: s } = i, o = s[0];
+  const e = oe(W), n = oe(Ge), t = oe(z), r = oe(J), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: d } = o, l = r.getRenderById(d), g = l == null ? void 0 : l.scene;
   if (g == null)
     return;
-  const c = g.getTransformerByCreate(), [a, h] = it(!0), u = (v = o.anchorType) != null ? v : y.Position, [m, f] = it(u);
+  const c = g.getTransformerByCreate(), [a, h] = st(!0), u = (v = o.anchorType) != null ? v : y.Position, [m, f] = st(u);
   function p(R, _) {
     const C = [];
     return R.forEach((w) => {
@@ -870,7 +870,7 @@ const Ii = (i) => {
       });
     }), C;
   }
-  ct(() => {
+  dt(() => {
     const R = c.clearControl$.subscribe((C) => {
       C === !0 && h(!1);
     }), _ = c.changeStart$.subscribe((C) => {
@@ -899,23 +899,23 @@ const Ii = (i) => {
       drawingId: w.drawingId,
       anchorType: R
     }));
-    e.executeCommand(Ye.id, {
+    e.executeCommand(Fe.id, {
       unitId: _[0].unitId,
       drawings: C
     });
   }
   const S = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ $.jsxs("div", { className: be(ee.imageCommonPanelGrid, ee.imageCommonPanelBorder), style: { display: S(a) }, children: [
-    /* @__PURE__ */ $.jsx("div", { className: ee.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelColumn, ee.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(yr, { value: m, onChange: I, direction: "vertical", children: [
-      /* @__PURE__ */ $.jsx(Ze, { value: y.Both, children: n.t("drawing-anchor.both") }),
-      /* @__PURE__ */ $.jsx(Ze, { value: y.Position, children: n.t("drawing-anchor.position") }),
-      /* @__PURE__ */ $.jsx(Ze, { value: y.None, children: n.t("drawing-anchor.none") })
+  return /* @__PURE__ */ $.jsxs("div", { className: ye(ee.imageCommonPanelGrid, ee.imageCommonPanelBorder), style: { display: S(a) }, children: [
+    /* @__PURE__ */ $.jsx("div", { className: ee.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: ye(ee.imageCommonPanelColumn, ee.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ $.jsx("div", { className: ye(ee.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: ye(ee.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(Pr, { value: m, onChange: I, direction: "vertical", children: [
+      /* @__PURE__ */ $.jsx(qe, { value: y.Both, children: n.t("drawing-anchor.both") }),
+      /* @__PURE__ */ $.jsx(qe, { value: y.Position, children: n.t("drawing-anchor.position") }),
+      /* @__PURE__ */ $.jsx(qe, { value: y.None, children: n.t("drawing-anchor.none") })
     ] }) }) })
   ] });
-}, Ci = () => {
-  const i = oe(K), e = i.getFocusDrawings(), [n, t] = it(e);
-  return ct(() => {
+}, Di = () => {
+  const i = oe(z), e = i.getFocusDrawings(), [n, t] = st(e);
+  return dt(() => {
     const r = i.focus$.subscribe((s) => {
       t(s);
     });
@@ -923,113 +923,113 @@ const Ii = (i) => {
       r.unsubscribe();
     };
   }, []), !!(n != null && n.length) && /* @__PURE__ */ $.jsxs("div", { className: ee.imageCommonPanel, children: [
-    /* @__PURE__ */ $.jsx(Gn, { drawings: n }),
-    /* @__PURE__ */ $.jsx(Ii, { drawings: n })
+    /* @__PURE__ */ $.jsx(Vn, { drawings: n }),
+    /* @__PURE__ */ $.jsx(Ri, { drawings: n })
   ] });
-}, Ri = {
-  [cr.FORMULAS_INSERT]: {
-    [an]: {
+}, Mi = {
+  [lr.FORMULAS_INSERT]: {
+    [cn]: {
       order: 3,
-      menuItemFactory: ii,
-      [dt.id]: {
+      menuItemFactory: oi,
+      [lt.id]: {
         order: 0,
-        menuItemFactory: si
+        menuItemFactory: ai
       }
     }
   }
 };
-function _e(i) {
-  return !i.getContextValue(_n) && !i.getContextValue(vn) && !i.getContextValue(Sn) && i.getContextValue(me);
+function ve(i) {
+  return !i.getContextValue(vn) && !i.getContextValue(Sn) && !i.getContextValue(In) && i.getContextValue(fe);
 }
-const Di = {
-  id: we.id,
+const bi = {
+  id: _e.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
-  binding: le.ARROW_DOWN,
+  binding: ue.ARROW_DOWN,
   priority: 100,
-  preconditions: _e,
+  preconditions: ve,
   staticParameters: {
     direction: te.DOWN
   }
-}, Mi = {
-  id: we.id,
+}, yi = {
+  id: _e.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
-  binding: le.ARROW_UP,
+  binding: ue.ARROW_UP,
   priority: 100,
-  preconditions: _e,
+  preconditions: ve,
   staticParameters: {
     direction: te.UP
   }
-}, bi = {
-  id: we.id,
+}, Oi = {
+  id: _e.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
-  binding: le.ARROW_LEFT,
+  binding: ue.ARROW_LEFT,
   priority: 100,
-  preconditions: _e,
+  preconditions: ve,
   staticParameters: {
     direction: te.LEFT
   }
-}, yi = {
-  id: we.id,
+}, Pi = {
+  id: _e.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
-  binding: le.ARROW_RIGHT,
+  binding: ue.ARROW_RIGHT,
   priority: 100,
-  preconditions: _e,
+  preconditions: ve,
   staticParameters: {
     direction: te.RIGHT
   }
-}, Oi = {
-  id: tn.id,
+}, Ti = {
+  id: nn.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: _e,
-  binding: le.DELETE,
-  mac: le.BACKSPACE
+  preconditions: ve,
+  binding: ue.DELETE,
+  mac: ue.BACKSPACE
 };
-var Pi = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ei = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ti(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var Ei = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, Ai = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ui(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Pi(e, n, r), r;
-}, ye = (i, e) => (n, t) => e(n, t, i);
-let Ne = class extends re {
+  return t && r && Ei(e, n, r), r;
+}, Oe = (i, e) => (n, t) => e(n, t, i);
+let je = class extends re {
   constructor(i, e, n, t) {
     super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(on, en)), this.disposeWithMe(i.register(Ht, Ci));
+    this.disposeWithMe(i.register(an, tn)), this.disposeWithMe(i.register(zt, Di));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Ri);
+    this._menuManagerService.mergeMenu(Mi);
   }
   _initCommands() {
     [
-      dt,
-      ke,
-      Ge,
+      lt,
       Ye,
-      zt,
-      j,
+      Ve,
+      Fe,
       Kt,
+      j,
+      Jt,
+      rn,
+      on,
+      _e,
       nn,
-      sn,
-      we,
-      tn,
-      rn
+      sn
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Di,
-      Mi,
       bi,
       yi,
-      Oi
+      Oi,
+      Pi,
+      Ti
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -1038,21 +1038,21 @@ let Ne = class extends re {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Ne = Ei([
-  ye(0, x(dr)),
-  ye(1, lr),
-  ye(2, W),
-  ye(3, ur)
-], Ne);
-var Ui = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ni = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ai(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+je = Ai([
+  Oe(0, x(ur)),
+  Oe(1, hr),
+  Oe(2, W),
+  Oe(3, gr)
+], je);
+var Ni = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, xi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ji(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Ui(e, n, r), r;
-}, qe = (i, e) => (n, t) => e(n, t, i);
-let je = class extends re {
+  return t && r && Ni(e, n, r), r;
+}, Qe = (i, e) => (n, t) => e(n, t, i);
+let xe = class extends re {
   constructor(e, n, t) {
     super();
-    V(this, "_copyInfo");
+    G(this, "_copyInfo");
     this._sheetClipboardService = e, this._renderManagerService = n, this._sheetDrawingService = t, this._initCopyPaste();
   }
   _initCopyPaste() {
@@ -1060,7 +1060,7 @@ let je = class extends re {
       id: "SHEET_IMAGE_UI_PLUGIN",
       onBeforeCopy: (e, n, t) => this._collect(e, n, t),
       onPasteCells: (e, n, t, r) => {
-        const { copyType: s = _t.COPY, pasteType: o } = r, { range: d } = e || {}, { range: l, unitId: g, subUnitId: c } = n;
+        const { copyType: s = vt.COPY, pasteType: o } = r, { range: d } = e || {}, { range: l, unitId: g, subUnitId: c } = n;
         return this._generateMutations(l, { copyType: s, pasteType: o, copyRange: d, unitId: g, subUnitId: c });
       },
       onPastePlainText: (e, n) => ({ undos: [], redos: [] })
@@ -1097,10 +1097,10 @@ let je = class extends re {
     if (!this._copyInfo)
       return { redos: [], undos: [] };
     if ([
-      Se.SPECIAL_PASTE_COL_WIDTH,
-      Se.SPECIAL_PASTE_VALUE,
-      Se.SPECIAL_PASTE_FORMAT,
-      Se.SPECIAL_PASTE_FORMULA
+      Ie.SPECIAL_PASTE_COL_WIDTH,
+      Ie.SPECIAL_PASTE_VALUE,
+      Ie.SPECIAL_PASTE_FORMAT,
+      Ie.SPECIAL_PASTE_FORMULA
     ].includes(
       n.pasteType
     ))
@@ -1108,7 +1108,7 @@ let je = class extends re {
     const { copyRange: t } = n;
     if (!t)
       return { redos: [], undos: [] };
-    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [d, l], mapFunc: g } = qn([t, e]), { row: c, col: a } = g(d.startRow, d.startColumn), { row: h, col: u } = g(l.startRow, l.startColumn), m = (b = this._renderManagerService.getRenderById(s)) == null ? void 0 : b.with(q);
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [d, l], mapFunc: g } = er([t, e]), { row: c, col: a } = g(d.startRow, d.startColumn), { row: h, col: u } = g(l.startRow, l.startColumn), m = (b = this._renderManagerService.getRenderById(s)) == null ? void 0 : b.with(q);
     if (!m)
       return { redos: [], undos: [] };
     const f = m.attachRangeWithCoord({
@@ -1124,7 +1124,7 @@ let je = class extends re {
     });
     if (!f || !p)
       return { redos: [], undos: [] };
-    const I = [], S = [], v = p.startX - f.startX, R = p.startY - f.startY, _ = h - c, C = u - a, w = n.copyType === _t.CUT, { _sheetDrawingService: O } = this;
+    const I = [], S = [], v = p.startX - f.startX, R = p.startY - f.startY, _ = h - c, C = u - a, w = n.copyType === vt.CUT, { _sheetDrawingService: O } = this;
     return r.forEach((A) => {
       const { transform: E, sheetTransform: M } = A;
       if (!E)
@@ -1133,7 +1133,7 @@ let je = class extends re {
         ...A,
         unitId: s,
         subUnitId: o,
-        drawingId: w ? A.drawingId : ge.generateRandomId(),
+        drawingId: w ? A.drawingId : me.generateRandomId(),
         transform: {
           ...E,
           left: E.left + v,
@@ -1175,24 +1175,24 @@ let je = class extends re {
     };
   }
 };
-je = Ni([
-  qe(0, Qn),
-  qe(1, J),
-  qe(2, F)
-], je);
-var ji = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, Li = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? xi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+xe = xi([
+  Qe(0, tr),
+  Qe(1, J),
+  Qe(2, Y)
+], xe);
+var Li = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, Bi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? $i(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ji(e, n, r), r;
-}, he = (i, e) => (n, t) => e(n, t, i);
-let xe = class extends re {
+  return t && r && Li(e, n, r), r;
+}, ge = (i, e) => (n, t) => e(n, t, i);
+let Le = class extends re {
   constructor(i, e, n, t, r) {
     super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET);
     this.disposeWithMe(
-      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingVisible(!1);
           return;
@@ -1203,7 +1203,7 @@ let xe = class extends re {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new St(r).id, new Je(r, s).id]).every((d) => d.value))
+          if (this._permissionService.composePermission([new It(r).id, new Ze(r, s).id]).every((d) => d.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
@@ -1211,7 +1211,7 @@ let xe = class extends re {
             if (h == null)
               return;
             h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === de.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.removeObject(m);
+              m.classType === le.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.removeObject(m);
             });
           }
         });
@@ -1219,9 +1219,9 @@ let xe = class extends re {
     );
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET);
     this.disposeWithMe(
-      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingEditable(!1);
           return;
@@ -1232,7 +1232,7 @@ let xe = class extends re {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new tt(r).id, new Pe(r, s).id]).every((d) => d.value))
+          if (this._permissionService.composePermission([new nt(r).id, new Te(r, s).id]).every((d) => d.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
@@ -1240,7 +1240,7 @@ let xe = class extends re {
             if (h == null)
               return;
             h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === de.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.detachTransformerFrom(m);
+              m.classType === le.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.detachTransformerFrom(m);
             });
           }
         });
@@ -1248,9 +1248,9 @@ let xe = class extends re {
     );
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET);
     this.disposeWithMe(
-      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
           var a;
           if (!t)
@@ -1260,21 +1260,21 @@ let xe = class extends re {
           const d = this._renderManagerService.getRenderById(r), l = d == null ? void 0 : d.scene;
           if (l == null)
             return;
-          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new St(r).id, new Je(r, s).id]).pipe(Ee((h) => h.every((u) => u.value)));
+          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new It(r).id, new Ze(r, s).id]).pipe(Ue((h) => h.every((u) => u.value)));
           c == null || c.pipe(
             ae((h) => h !== o),
-            Ce()
+            Re()
           ).subscribe({
             next: (h) => {
               o = h, this._drawingManagerService.setDrawingVisible(h);
               const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
               h ? this._drawingManagerService.addNotification(f) : (u.forEach((p) => {
-                p.classType === de.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.removeObject(p);
+                p.classType === le.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.removeObject(p);
               }), g.clearSelectedObjects());
             }
-          }), (a = this._permissionService.getPermissionPoint$(new Je(r, s).id)) == null || a.pipe(
+          }), (a = this._permissionService.getPermissionPoint$(new Ze(r, s).id)) == null || a.pipe(
             ae((h) => h.value !== o),
-            Ce()
+            Re()
           ).subscribe({
             complete: () => {
               o = !0, this._drawingManagerService.setDrawingVisible(!0);
@@ -1287,9 +1287,9 @@ let xe = class extends re {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET);
     this.disposeWithMe(
-      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
           var a;
           if (!t)
@@ -1299,23 +1299,23 @@ let xe = class extends re {
           const d = this._renderManagerService.getRenderById(r), l = d == null ? void 0 : d.scene;
           if (l == null)
             return;
-          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new tt(r).id, new Pe(r, s).id]).pipe(Ee((h) => h.every((u) => u.value)));
+          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new nt(r).id, new Te(r, s).id]).pipe(Ue((h) => h.every((u) => u.value)));
           c == null || c.pipe(
             ae((h) => h !== o),
-            Ce()
+            Re()
           ).subscribe({
             next: (h) => {
               o = h, this._drawingManagerService.setDrawingEditable(h);
               const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
               h ? (u.forEach((p) => {
-                p.classType === de.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.attachTransformerTo(p);
+                p.classType === le.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.attachTransformerTo(p);
               }), this._drawingManagerService.addNotification(f)) : (u.forEach((p) => {
-                p.classType === de.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.detachTransformerFrom(p);
+                p.classType === le.IMAGE && f.some((I) => p.oKey.includes(I.drawingId)) && l.detachTransformerFrom(p);
               }), g.clearSelectedObjects());
             }
-          }), (a = this._permissionService.getPermissionPoint$(new Pe(r, s).id)) == null || a.pipe(
+          }), (a = this._permissionService.getPermissionPoint$(new Te(r, s).id)) == null || a.pipe(
             ae((h) => h.value !== o),
-            Ce()
+            Re()
           ).subscribe({
             complete: () => {
               o = !0;
@@ -1323,7 +1323,7 @@ let xe = class extends re {
               if (I == null)
                 return;
               this._drawingManagerService.setDrawingEditable(!0), I.getAllObjectsByOrder().forEach((v) => {
-                v.classType === de.IMAGE && f.some((R) => v.oKey.includes(R.drawingId)) && I.detachTransformerFrom(v);
+                v.classType === le.IMAGE && f.some((R) => v.oKey.includes(R.drawingId)) && I.detachTransformerFrom(v);
               });
             }
           });
@@ -1332,19 +1332,19 @@ let xe = class extends re {
     );
   }
 };
-xe = Li([
-  he(0, K),
-  he(1, J),
-  he(2, Cn),
-  he(3, fe),
-  he(4, x(In))
-], xe);
-var $i = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, Wi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Bi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Le = Bi([
+  ge(0, z),
+  ge(1, J),
+  ge(2, Rn),
+  ge(3, pe),
+  ge(4, x(Cn))
+], Le);
+var Wi = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, Vi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Gi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && $i(e, n, r), r;
-}, Oe = (i, e) => (n, t) => e(n, t, i);
-let Le = class extends re {
+  return t && r && Wi(e, n, r), r;
+}, Pe = (i, e) => (n, t) => e(n, t, i);
+let $e = class extends re {
   constructor(i, e, n, t) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
@@ -1375,9 +1375,9 @@ let Le = class extends re {
             const d = this._drawingManagerService.getDrawingDataForUnit(t), l = d == null ? void 0 : d[e.subUnitId];
             if (!l)
               return n(i);
-            const { scaleX: g, scaleY: c } = s.scene, a = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = l.order.map((u) => l.data[u]).filter((u) => u.drawingType !== k.DRAWING_DOM);
+            const { scaleX: g, scaleY: c } = s.scene, a = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = l.order.map((u) => l.data[u]).filter((u) => u.drawingType !== V.DRAWING_DOM);
             return h.length ? (h.forEach((u) => {
-              if (!u.groupId && u.transform && ge.isDefine(u.transform.left) && ge.isDefine(u.transform.top) && ge.isDefine(u.transform.width) && ge.isDefine(u.transform.height)) {
+              if (!u.groupId && u.transform && me.isDefine(u.transform.left) && me.isDefine(u.transform.top) && me.isDefine(u.transform.width) && me.isDefine(u.transform.height)) {
                 const m = o.skeleton.getCellPositionByOffset(u.transform.left, u.transform.top, g, c, { x: 0, y: 0 }), f = o.skeleton.getCellPositionByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, c, { x: 0, y: 0 });
                 m.column < a.startColumn && (a.startColumn = m.column), m.row < a.startRow && (a.startRow = m.row), a.endRow < f.row && (a.endRow = f.row), a.endColumn < f.column && (a.endColumn = f.column);
               }
@@ -1388,19 +1388,18 @@ let Le = class extends re {
     );
   }
 };
-Le = Wi([
-  Oe(0, x(er)),
-  Oe(1, x(Vn)),
-  Oe(2, K),
-  Oe(3, J)
-], Le);
-var Gi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, ki = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Vi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+$e = Vi([
+  Pe(0, x(nr)),
+  Pe(1, x(kn)),
+  Pe(2, z),
+  Pe(3, J)
+], $e);
+var ki = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Yi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Gi(e, n, r), r;
+  return t && r && ki(e, n, r), r;
 }, Q = (i, e) => (n, t) => e(n, t, i);
-const Yi = [
-  yt.id,
+const Xi = [
   Ot.id,
   Pt.id,
   Tt.id,
@@ -1408,9 +1407,9 @@ const Yi = [
   Ut.id,
   At.id,
   Nt.id,
-  nt.id,
-  rt.id,
   jt.id,
+  rt.id,
+  it.id,
   xt.id,
   Lt.id,
   $t.id,
@@ -1418,16 +1417,17 @@ const Yi = [
   Wt.id,
   Gt.id,
   Vt.id,
-  kt.id
-], Fi = [
-  _r.id,
-  vr.id,
+  kt.id,
+  Yt.id
+], Hi = [
   Sr.id,
   Ir.id,
   Cr.id,
-  Rr.id
+  Rr.id,
+  Dr.id,
+  Mr.id
 ];
-let ot = class extends re {
+let at = class extends re {
   constructor(i, e, n, t, r, s, o, d, l) {
     super(), this._context = i, this._renderManagerService = e, this._commandService = n, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = d, this._univerInstanceService = l, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
@@ -1435,57 +1435,57 @@ let ot = class extends re {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!Yi.includes(i.id))
+          if (!Xi.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const e = i.id;
-          if (e === yt.id)
+          if (e === Ot.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([Gt.id, Vt.id, kt.id].includes(e))
+          if ([Vt.id, kt.id, Yt.id].includes(e))
             return this._moveRangeInterceptor(i.params);
-          if (e === Ot.id)
-            return this._moveColInterceptor(i.params, "insert");
           if (e === Pt.id)
-            return this._moveRowInterceptor(i.params, "remove");
+            return this._moveColInterceptor(i.params, "insert");
           if (e === Tt.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (e === Et.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === Et.id) {
+          if (e === Ut.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === Ut.id) {
+          } else if (e === At.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === At.id) {
+          } else if (e === Nt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === Nt.id) {
+          } else if (e === jt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === Lt.id || e === $t.id) {
+          } else if (e === $t.id || e === Bt.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForRowVisible(t, r, s);
-          } else if (e === Bt.id || e === Wt.id) {
+          } else if (e === Wt.id || e === Gt.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForColVisible(t, r, s);
-          } else if (e === nt.id || e === rt.id || e === jt.id || e === xt.id) {
-            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === nt.id || e === rt.id;
+          } else if (e === rt.id || e === it.id || e === xt.id || e === Lt.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === rt.id || e === it.id;
             return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -1786,7 +1786,7 @@ let ot = class extends re {
     const { unitId: r, subUnitId: s } = t, o = (R = (v = this._renderManagerService.getRenderById(r)) == null ? void 0 : v.with(q)) == null ? void 0 : R.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const d = Te(o, n);
+    const d = Ee(o, n);
     if (!d)
       return { redos: [], undos: [] };
     const { startX: l, endX: g, startY: c, endY: a } = d, h = this._sheetDrawingService.getDrawingData(r, s), u = [];
@@ -2076,7 +2076,7 @@ let ot = class extends re {
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        i.id === Dr.id && setTimeout(() => {
+        i.id === br.id && setTimeout(() => {
           const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
           Object.keys(r).forEach((d) => {
             const l = r[d];
@@ -2098,7 +2098,7 @@ let ot = class extends re {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Fi.includes(i.id) && requestIdleCallback(() => {
+        Hi.includes(i.id) && requestIdleCallback(() => {
           const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
           this._refreshDrawingTransform(n, t, r);
         });
@@ -2114,7 +2114,7 @@ let ot = class extends re {
       const { from: c, to: a } = d, { row: h, column: u } = c, { row: m, column: f } = a;
       for (let p = 0; p < n.length; p++) {
         const I = n[p], { startRow: S, endRow: v, startColumn: R, endColumn: _ } = I;
-        if (Rn.intersects(
+        if (Dn.intersects(
           {
             startRow: S,
             endRow: v,
@@ -2143,23 +2143,23 @@ let ot = class extends re {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
   }
 };
-ot = ki([
+at = Fi([
   Q(1, J),
   Q(2, W),
-  Q(3, pe),
+  Q(3, we),
   Q(4, x(q)),
-  Q(5, x(at)),
-  Q(6, F),
-  Q(7, K),
-  Q(8, fe)
-], ot);
-var Xi = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, zi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Hi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+  Q(5, x(ct)),
+  Q(6, Y),
+  Q(7, z),
+  Q(8, pe)
+], at);
+var zi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, Ji = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ki(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Xi(e, n, r), r;
+  return t && r && zi(e, n, r), r;
 }, se = (i, e) => (n, t) => e(n, t, i);
-function Ki(i, e, n, t) {
-  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(zn.VIEW_MAIN), d = {
+function Zi(i, e, n, t) {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Jn.VIEW_MAIN), d = {
     left: !0,
     top: !0
   };
@@ -2192,13 +2192,13 @@ function Ki(i, e, n, t) {
     absolute: d
   };
 }
-const Qe = (i, e, n, t) => {
+const et = (i, e, n, t) => {
   const { scene: r } = e, { left: s, top: o, width: d, height: l, angle: g } = i, c = {
     left: s,
     right: s + d,
     top: o,
     bottom: o + l
-  }, a = Ki(c, r, n, t), { scaleX: h, scaleY: u } = r.getAncestorScale();
+  }, a = Zi(c, r, n, t), { scaleX: h, scaleY: u } = r.getAncestorScale();
   return {
     startX: a.left,
     endX: a.right,
@@ -2210,22 +2210,22 @@ const Qe = (i, e, n, t) => {
     absolute: a.absolute
   };
 };
-let $e = class extends re {
+let Be = class extends re {
   constructor(e, n, t, r, s, o, d) {
     super();
-    V(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    V(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    V(this, "_transformChange$", new Ke());
-    V(this, "transformChange$", this._transformChange$.asObservable());
-    V(this, "_add$", new Ke());
-    V(this, "add$", this._add$.asObservable());
-    V(this, "_remove$", new Ke());
-    V(this, "remove$", this._remove$.asObservable());
-    V(this, "_hooks", []);
+    G(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    G(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    G(this, "_transformChange$", new Je());
+    G(this, "transformChange$", this._transformChange$.asObservable());
+    G(this, "_add$", new Je());
+    G(this, "add$", this._add$.asObservable());
+    G(this, "_remove$", new Je());
+    G(this, "remove$", this._remove$.asObservable());
+    G(this, "_hooks", []);
     this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = d, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(ae((e) => e === Mn.Rendered), gr(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(ae((e) => e === bn.Rendered), fr(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -2259,18 +2259,18 @@ let $e = class extends re {
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          var ut, ht, gt;
+          var ht, gt, mt;
           const { unitId: t, subUnitId: r, drawingId: s } = n, o = ce(this._univerInstanceService, { unitId: t, subUnitId: r }), d = this._drawingManagerService.getDrawingByParam(n), l = this._univerInstanceService.getUnit(t);
           if (!l)
             return;
           const g = l.getActiveSheet().getSheetId();
           if (!d || !o)
             return;
-          const c = (ut = this._renderManagerService.getRenderById(t)) == null ? void 0 : ut.with(q).getWorksheetSkeleton(r);
+          const c = (ht = this._renderManagerService.getRenderById(t)) == null ? void 0 : ht.with(q).getWorksheetSkeleton(r);
           if (!c)
             return;
           const { transform: a, drawingType: h, data: u } = d;
-          if (h !== k.DRAWING_DOM && h !== k.DRAWING_CHART)
+          if (h !== V.DRAWING_DOM && h !== V.DRAWING_CHART)
             return;
           const m = this._getSceneAndTransformerByDrawingSearch(t);
           if (m == null)
@@ -2280,7 +2280,7 @@ let $e = class extends re {
             return !0;
           if (g !== r)
             return;
-          const { left: I, top: S, width: v, height: R, angle: _, flipX: C, flipY: w, skewX: O, skewY: b } = a, A = ze({ unitId: t, subUnitId: r, drawingId: s }), E = f.getObject(A);
+          const { left: I, top: S, width: v, height: R, angle: _, flipX: C, flipY: w, skewX: O, skewY: b } = a, A = Ke({ unitId: t, subUnitId: r, drawingId: s }), E = f.getObject(A);
           if (E != null) {
             E.transformByState({ left: I, top: S, width: v, height: R, angle: _, flipX: C, flipY: w, skewX: O, skewY: b });
             return;
@@ -2291,46 +2291,49 @@ let $e = class extends re {
             width: v,
             height: R,
             zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
-          }, D = h === k.DRAWING_CHART;
+          }, D = h === V.DRAWING_CHART;
           D && (M.fill = "white", M.rotateEnabled = !1, u && u.border && (M.stroke = u.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8);
-          const U = new wt(A, M);
-          D && U.setObjectType(Xn.CHART), f.addObject(U, Hn), d.allowTransform !== !1 && f.attachTransformerTo(U);
-          const L = this._ensureMap(t, r), Z = new bn(), un = Qe(U, m.renderObject, c.skeleton, o.worksheet), Fe = new mr(un), hn = {
+          const U = new _t(A, M);
+          D && U.setObjectType(Hn.CHART), f.addObject(U, zn), d.allowTransform !== !1 && f.attachTransformerTo(U);
+          const L = this._ensureMap(t, r), Z = new yn(), hn = et(U, m.renderObject, c.skeleton, o.worksheet), Xe = new pr(hn), gn = {
             dispose: Z,
             rect: U,
-            position$: Fe,
+            position$: Xe,
             unitId: t,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: Fe,
+            position$: Xe,
             id: s,
             componentKey: d.componentKey,
-            onPointerDown: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerDown: (K) => {
+              const de = this._createNewEvent(K);
+              p.dispatchEvent(new PointerEvent(de.type, de));
             },
-            onPointerMove: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerMove: (K) => {
+              const de = this._createNewEvent(K);
+              p.dispatchEvent(de);
             },
-            onPointerUp: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerUp: (K) => {
+              const de = this._createNewEvent(K);
+              p.dispatchEvent(de);
             },
-            onWheel: (G) => {
-              p.dispatchEvent(new WheelEvent(G.type, G));
+            onWheel: (K) => {
+              p.dispatchEvent(new WheelEvent(K.type, K));
             },
-            props: (gt = (ht = L.get(s)) == null ? void 0 : ht.props) != null ? gt : this._getFloatDomProps(s),
+            props: (mt = (gt = L.get(s)) == null ? void 0 : gt.props) != null ? mt : this._getFloatDomProps(s),
             data: u,
             unitId: t
           });
-          const lt = U.onTransformChange$.subscribeEvent(() => {
-            const G = Qe(U, m.renderObject, c.skeleton, o.worksheet);
-            Fe.next(
-              G
+          const ut = U.onTransformChange$.subscribeEvent(() => {
+            const K = et(U, m.renderObject, c.skeleton, o.worksheet);
+            Xe.next(
+              K
             );
           });
           Z.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), lt && Z.add(lt), this._domLayerInfoMap.set(s, hn), L.set(s, {
+          }), ut && Z.add(ut), this._domLayerInfoMap.set(s, gn), L.set(s, {
             ...L.get(s)
           });
         });
@@ -2338,7 +2341,7 @@ let $e = class extends re {
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((e) => {
         e.forEach((n) => {
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = ze({ unitId: t, subUnitId: r, drawingId: s }), d = this._getSceneAndTransformerByDrawingSearch(t);
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = Ke({ unitId: t, subUnitId: r, drawingId: s }), d = this._getSceneAndTransformerByDrawingSearch(t);
           if (d == null)
             return;
           const { transformer: l, scene: g } = d, c = g.getObject(o);
@@ -2347,6 +2350,10 @@ let $e = class extends re {
       })
     );
   }
+  _createNewEvent(e) {
+    const n = Kn(e);
+    return new PointerEvent(e.type, n);
+  }
   _scrollUpdateListener() {
     const e = (n, t) => {
       var g;
@@ -2354,33 +2361,33 @@ let $e = class extends re {
       !r || !d || !l || o.forEach((c) => {
         const a = this._domLayerInfoMap.get(c);
         if (a) {
-          const h = Qe(a.rect, r.renderObject, l.skeleton, d.worksheet);
+          const h = et(a.rect, r.renderObject, l.skeleton, d.worksheet);
           a.position$.next(h);
         }
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET).pipe(
         ae((n) => !!n),
-        Ee((n) => {
+        Ue((n) => {
           const t = this._renderManagerService.getRenderById(n.getUnitId());
           return t ? { render: t, unitId: n.getUnitId(), subUnitId: n.getActiveSheet().getSheetId() } : null;
         }),
         ae((n) => !!n),
-        fr(
-          (n) => yn(n.render.scene.getViewport(tr.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
+        wr(
+          (n) => On(n.render.scene.getViewport(rr.VIEW_MAIN).onScrollAfter$).pipe(Ue(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
         )
       ).subscribe(({ unitId: n, subUnitId: t }) => {
         e(n, t);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
       var t, r;
-      if (n.id === nr.id) {
+      if (n.id === ir.id) {
         const s = n.params, { unitId: o } = s;
         Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((l) => {
           e(o, l);
         });
-      } else if (n.id === Mr.id) {
+      } else if (n.id === yr.id) {
         const { unitId: s, subUnitId: o } = n.params;
         e(s, o);
       }
@@ -2388,7 +2395,7 @@ let $e = class extends re {
   }
   _getPosition(e, n) {
     var h;
-    const { startX: t, endX: r, startY: s, endY: o } = e, d = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(pe);
+    const { startX: t, endX: r, startY: s, endY: o } = e, d = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(we);
     if (d == null)
       return;
     const l = d.getSelectionCellByPosition(t, s);
@@ -2418,7 +2425,7 @@ let $e = class extends re {
       this._drawingManagerService.update$.subscribe((e) => {
         e.forEach((n) => {
           const t = this._drawingManagerService.getDrawingByParam(n);
-          if (!t || t.drawingType !== k.DRAWING_DOM && t.drawingType !== k.DRAWING_CHART)
+          if (!t || t.drawingType !== V.DRAWING_DOM && t.drawingType !== V.DRAWING_CHART)
             return;
           const r = {
             ...t.transform
@@ -2440,8 +2447,8 @@ let $e = class extends re {
   updateFloatDomProps(e, n, t, r) {
     const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(e);
     if (s && o) {
-      const { scene: d } = o, l = ze({ unitId: e, subUnitId: n, drawingId: t }), g = d.getObject(l);
-      g && g instanceof wt && g.setProps(r);
+      const { scene: d } = o, l = Ke({ unitId: e, subUnitId: n, drawingId: t }), g = d.getObject(l);
+      g && g instanceof _t && g.setProps(r);
     }
   }
   addFloatDomToPosition(e, n) {
@@ -2451,7 +2458,7 @@ let $e = class extends re {
     });
     if (!t)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: d, data: l, allowTransform: g = !0 } = e, c = n != null ? n : On(), a = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: d, data: l, allowTransform: g = !0 } = e, c = n != null ? n : Pn(), a = this._getPosition(o, r);
     if (a == null)
       return;
     this._ensureMap(r, s).set(c, e);
@@ -2459,7 +2466,7 @@ let $e = class extends re {
       unitId: r,
       subUnitId: s,
       drawingId: c,
-      drawingType: e.type || k.DRAWING_DOM,
+      drawingType: e.type || V.DRAWING_DOM,
       componentKey: d,
       sheetTransform: a,
       transform: {
@@ -2471,7 +2478,7 @@ let $e = class extends re {
       data: l,
       allowTransform: g
     };
-    return this._commandService.executeCommand(ke.id, {
+    return this._commandService.executeCommand(Ye.id, {
       unitId: r,
       drawings: [u]
     }), this._add$.next({ unitId: r, subUnitId: s, id: c }), {
@@ -2506,86 +2513,86 @@ let $e = class extends re {
     };
   }
 };
-$e = zi([
+Be = Ji([
   se(0, x(J)),
-  se(1, fe),
+  se(1, pe),
   se(2, x(W)),
-  se(3, K),
-  se(4, x(hr)),
-  se(5, F),
-  se(6, x(Dn))
-], $e);
-var dn = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, Zi = (i, e, n) => e in i ? dn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, qi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ji(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+  se(3, z),
+  se(4, x(mr)),
+  se(5, Y),
+  se(6, x(Mn))
+], Be);
+var ln = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Qi = (i, e, n) => e in i ? ln(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, es = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? qi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && dn(e, n, r), r;
-}, et = (i, e) => (n, t) => e(n, t, i), ln = (i, e, n) => Zi(i, typeof e != "symbol" ? e + "" : e, n);
-const Qi = "SHEET_IMAGE_UI_PLUGIN";
-let Be = class extends Tn {
-  constructor(i = Pr, e, n, t) {
+  return t && r && ln(e, n, r), r;
+}, tt = (i, e) => (n, t) => e(n, t, i), un = (i, e, n) => Qi(i, typeof e != "symbol" ? e + "" : e, n);
+const ts = "SHEET_IMAGE_UI_PLUGIN";
+let We = class extends En {
+  constructor(i = Er, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerService = n, this._configService = t;
     const { menu: r, ...s } = this._config;
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Or, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Tr, s);
   }
   onStarting() {
-    En(this._injector, [
+    Un(this._injector, [
+      [Be],
+      [je],
+      [Ae],
       [$e],
-      [Ne],
-      [Ue],
       [Le],
-      [xe],
-      [je]
-    ]), Xe(this._injector, [
-      [$e]
+      [xe]
+    ]), He(this._injector, [
+      [Be]
     ]);
   }
   onReady() {
-    Xe(this._injector, [
-      [je]
+    He(this._injector, [
+      [xe]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Xe(this._injector, [
-      [xe],
+    this._registerRenderModules(), He(this._injector, [
       [Le],
-      [Ne]
+      [$e],
+      [je]
     ]);
   }
   onSteady() {
-    this._injector.get(Ue);
+    this._injector.get(Ae);
   }
   _registerRenderModules() {
     [
-      [Ae],
-      [ot],
-      [st]
+      [Ne],
+      [at],
+      [ot]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(Y.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(k.UNIVER_SHEET, i));
     });
   }
 };
-ln(Be, "type", Y.UNIVER_SHEET);
-ln(Be, "pluginName", Qi);
-Be = qi([
-  Pn(xn, kn, Kn),
-  et(1, x(Ct)),
-  et(2, J),
-  et(3, Un)
-], Be);
+un(We, "type", k.UNIVER_SHEET);
+un(We, "pluginName", ts);
+We = es([
+  Tn(Ln, Yn, Zn),
+  tt(1, x(Rt)),
+  tt(2, J),
+  tt(3, An)
+], We);
 export {
   j as ClearSheetDrawingTransformerOperation,
-  tn as DeleteDrawingsCommand,
-  Kt as EditSheetDrawingOperation,
-  nn as GroupSheetDrawingCommand,
-  an as IMAGE_MENU_ID,
-  dt as InsertFloatImageCommand,
-  ke as InsertSheetDrawingCommand,
-  we as MoveDrawingsCommand,
-  Ge as RemoveSheetDrawingCommand,
-  rn as SetDrawingArrangeCommand,
-  Ye as SetSheetDrawingCommand,
-  $e as SheetCanvasFloatDomManagerService,
-  zt as SidebarSheetDrawingOperation,
-  sn as UngroupSheetDrawingCommand,
-  Be as UniverSheetsDrawingUIPlugin
+  nn as DeleteDrawingsCommand,
+  Jt as EditSheetDrawingOperation,
+  rn as GroupSheetDrawingCommand,
+  cn as IMAGE_MENU_ID,
+  lt as InsertFloatImageCommand,
+  Ye as InsertSheetDrawingCommand,
+  _e as MoveDrawingsCommand,
+  Ve as RemoveSheetDrawingCommand,
+  sn as SetDrawingArrangeCommand,
+  Fe as SetSheetDrawingCommand,
+  Be as SheetCanvasFloatDomManagerService,
+  Kt as SidebarSheetDrawingOperation,
+  on as UngroupSheetDrawingCommand,
+  We as UniverSheetsDrawingUIPlugin
 };