@univerjs/sheets-drawing-ui 0.6.0-nightly.202502031606 → 0.6.0-nightly.202502051606

package/lib/es/index.js

@@ -1,21 +1,21 @@
 var Mr = Object.defineProperty;
 var yr = (i, e, n) => e in i ? Mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
 var z = (i, e, n) => yr(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as Z, ICommandService as F, IUndoRedoService as Fe, sequenceExecute as Pn, LocaleService as xt, IUniverInstanceService as Ye, useDependency as ye, Inject as N, Injector as Qe, IContextService as Un, RxDisposable as Tr, UniverInstanceType as X, connectInjector as Or, toDisposable as Er, FOCUSING_COMMON_DRAWINGS as ke, DrawingTypeEnum as L, Disposable as oe, ArrangeTypeEnum as gt, createDocumentModelWithStyle as Pr, ObjectRelativeFromH as Ur, ObjectRelativeFromV as Ar, BooleanNumber as Nr, PositionedObjectLayoutType as jr, WrapTextType as Br, BuildTextUtils as Wr, Range as $r, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as mt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ft, InterceptorEffectEnum as xr, ObjectMatrix as kr, Tools as Te, UserManagerService as Lr, IPermissionService as Fr, Rectangle as Yr, Direction as _e, FOCUSING_FX_BAR_EDITOR as Gr, EDITOR_ACTIVATED as Xr, FOCUSING_PANEL_EDITOR as Vr, LifecycleService as Hr, LifecycleStages as zr, DisposableCollection as pt, fromEventSubject as Kr, generateRandomId as Ht, DependentOn as Zr, Plugin as Jr, merge as qr, registerDependencies as Qr, touchDependencies as zt, IConfigService as ei } from "@univerjs/core";
+import { CommandType as Z, ICommandService as F, IUndoRedoService as Fe, sequenceExecute as Pn, LocaleService as kt, IUniverInstanceService as Ye, useDependency as ye, Inject as N, Injector as Qe, IContextService as Un, RxDisposable as Tr, UniverInstanceType as X, connectInjector as Or, toDisposable as Er, FOCUSING_COMMON_DRAWINGS as xe, DrawingTypeEnum as L, Disposable as oe, ArrangeTypeEnum as gt, createDocumentModelWithStyle as Pr, ObjectRelativeFromH as Ur, ObjectRelativeFromV as Ar, BooleanNumber as Nr, PositionedObjectLayoutType as jr, WrapTextType as Br, BuildTextUtils as Wr, Range as $r, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as mt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ft, InterceptorEffectEnum as kr, ObjectMatrix as xr, Tools as Te, UserManagerService as Lr, IPermissionService as Fr, Rectangle as Yr, Direction as _e, FOCUSING_FX_BAR_EDITOR as Gr, EDITOR_ACTIVATED as Xr, FOCUSING_PANEL_EDITOR as Vr, LifecycleService as Hr, LifecycleStages as zr, DisposableCollection as pt, fromEventSubject as Kr, generateRandomId as Ht, DependentOn as Zr, Plugin as Jr, merge as qr, registerDependencies as Qr, touchDependencies as zt, IConfigService as ei } from "@univerjs/core";
 import { DocDrawingController as ti, UniverDocsDrawingPlugin as ni } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as kt, IImageIoService as An, IDrawingManagerService as te, DRAWING_IMAGE_ALLOW_IMAGE_LIST as pn, DRAWING_IMAGE_COUNT_LIMIT as wn, ImageUploadStatusType as je, DRAWING_IMAGE_ALLOW_SIZE as _n, getImageSize as vn, DRAWING_IMAGE_WIDTH_LIMIT as Sn, DRAWING_IMAGE_HEIGHT_LIMIT as In, ImageSourceType as ri, getDrawingShapeKeyByDrawingSearch as Ce, UniverDrawingPlugin as ii } from "@univerjs/drawing";
+import { SetDrawingSelectedOperation as xt, IImageIoService as An, IDrawingManagerService as te, DRAWING_IMAGE_ALLOW_IMAGE_LIST as pn, DRAWING_IMAGE_COUNT_LIMIT as wn, ImageUploadStatusType as je, DRAWING_IMAGE_ALLOW_SIZE as _n, getImageSize as vn, DRAWING_IMAGE_WIDTH_LIMIT as Sn, DRAWING_IMAGE_HEIGHT_LIMIT as In, ImageSourceType as ri, getDrawingShapeKeyByDrawingSearch as Ce, UniverDrawingPlugin as ii } from "@univerjs/drawing";
 import { ImageCropperObject as si, COMPONENT_IMAGE_POPUP_MENU as oi, OpenImageCropOperation as ai, ImageResetSizeOperation as ci, DrawingRenderService as Nn, DrawingCommonPanel as di, UniverDrawingUIPlugin as li } from "@univerjs/drawing-ui";
 import { IRenderManagerService as J, precisionTo as wt, getGroupState as ui, transformObjectOutOfGroup as hi, RENDER_CLASS_TYPE as Be, Rect as We, ObjectType as Cn, DRAWING_OBJECT_LAYER_INDEX as Kt, SHEET_VIEWPORT_KEY as jn } from "@univerjs/engine-render";
 import { ISheetDrawingService as ne, SetDrawingApplyMutation as P, DrawingApplyType as U, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as gi } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as mi, convertPositionSheetOverGridToAbsolute as fi, ISheetSelectionRenderService as Ge, SheetSkeletonManagerService as Y, attachRangeWithCoord as Bn, IEditorBridgeService as pi, IAutoFillService as wi, HoverManagerService as _i, PREDEFINED_HOOK_NAME as xe, COPY_TYPE as be, discreteRangeToRange as bn, virtualizeDiscreteRanges as vi, ISheetClipboardService as Si, SheetPrintInterceptorService as Ii, getCurrentRangeDisable$ as Ci, SetZoomRatioOperation as Rn, SetScrollOperation as bi } from "@univerjs/sheets-ui";
+import { SheetCanvasPopManagerService as mi, convertPositionSheetOverGridToAbsolute as fi, ISheetSelectionRenderService as Ge, SheetSkeletonManagerService as Y, attachRangeWithCoord as Bn, IEditorBridgeService as pi, IAutoFillService as wi, HoverManagerService as _i, PREDEFINED_HOOK_NAME as ke, COPY_TYPE as be, discreteRangeToRange as bn, virtualizeDiscreteRanges as vi, ISheetClipboardService as Si, SheetPrintInterceptorService as Ii, getCurrentRangeDisable$ as Ci, SetZoomRatioOperation as Rn, SetScrollOperation as bi } from "@univerjs/sheets-ui";
 import { ISidebarService as Ri, IUIPartsService as Di, BuiltInUIPart as Mi, ILocalFileService as yi, IMessageService as Ti, IClipboardInterfaceService as Oi, MenuItemType as cn, getMenuHiddenObservable as Wn, RibbonStartGroup as Ei, KeyCode as Le, ComponentManager as Pi, IMenuManagerService as Ui, IShortcutService as Ai, CanvasFloatDomService as Ni } from "@univerjs/ui";
 import { takeUntil as Dn, combineLatest as _t, map as Je, filter as ve, distinctUntilChanged as vt, Subject as Zt, take as ji, BehaviorSubject as He, switchMap as Mn } from "rxjs";
-import { SheetInterceptorService as Lt, getSheetCommandTarget as G, SheetsSelectionsService as dn, SetRangeValuesCommand as Bi, SetWorksheetRowHeightMutation as $n, SetWorksheetColWidthMutation as xn, SetWorksheetRowIsAutoHeightMutation as Wi, SetWorksheetRowAutoHeightMutation as kn, AddWorksheetMergeMutation as $i, RemoveWorksheetMergeMutation as xi, AFTER_CELL_EDIT as ki, INTERCEPTOR_POINT as Li, InterceptCellContentPriority as Fi, WorkbookViewPermission as yn, WorksheetViewPermission as Jt, WorkbookEditablePermission as en, WorksheetEditPermission as yt, InsertRowCommand as Ln, InsertColCommand as Fn, RemoveRowCommand as Yn, RemoveColCommand as Gn, DeleteRangeMoveLeftCommand as Xn, DeleteRangeMoveUpCommand as Vn, InsertRangeMoveDownCommand as Hn, InsertRangeMoveRightCommand as zn, DeltaRowHeightCommand as tn, SetRowHeightCommand as nn, DeltaColumnWidthCommand as Kn, SetColWidthCommand as Zn, SetRowHiddenCommand as Jn, SetSpecificRowsVisibleCommand as qn, SetSpecificColsVisibleCommand as Qn, SetColHiddenCommand as er, MoveColsCommand as tr, MoveRowsCommand as nr, MoveRangeCommand as rr, SetRowVisibleMutation as Yi, SetRowHiddenMutation as Gi, SetColVisibleMutation as Xi, SetColHiddenMutation as Vi, SetWorksheetActiveOperation as Hi, RangeProtectionPermissionEditPoint as zi, SetFrozenMutation as Ki, COMMAND_LISTENER_SKELETON_CHANGE as Zi } from "@univerjs/sheets";
+import { SheetInterceptorService as Lt, getSheetCommandTarget as G, SheetsSelectionsService as dn, SetRangeValuesCommand as Bi, SetWorksheetRowHeightMutation as $n, SetWorksheetColWidthMutation as kn, SetWorksheetRowIsAutoHeightMutation as Wi, SetWorksheetRowAutoHeightMutation as xn, AddWorksheetMergeMutation as $i, RemoveWorksheetMergeMutation as ki, AFTER_CELL_EDIT as xi, INTERCEPTOR_POINT as Li, InterceptCellContentPriority as Fi, WorkbookViewPermission as yn, WorksheetViewPermission as Jt, WorkbookEditablePermission as en, WorksheetEditPermission as yt, InsertRowCommand as Ln, InsertColCommand as Fn, RemoveRowCommand as Yn, RemoveColCommand as Gn, DeleteRangeMoveLeftCommand as Xn, DeleteRangeMoveUpCommand as Vn, InsertRangeMoveDownCommand as Hn, InsertRangeMoveRightCommand as zn, DeltaRowHeightCommand as tn, SetRowHeightCommand as nn, DeltaColumnWidthCommand as Kn, SetColWidthCommand as Zn, SetRowHiddenCommand as Jn, SetSpecificRowsVisibleCommand as qn, SetSpecificColsVisibleCommand as Qn, SetColHiddenCommand as er, MoveColsCommand as tr, MoveRowsCommand as nr, MoveRangeCommand as rr, SetRowVisibleMutation as Yi, SetRowHiddenMutation as Gi, SetColVisibleMutation as Xi, SetColHiddenMutation as Vi, SetWorksheetActiveOperation as Hi, RangeProtectionPermissionEditPoint as zi, SetFrozenMutation as Ki, COMMAND_LISTENER_SKELETON_CHANGE as Zi } from "@univerjs/sheets";
 import { jsx as K, jsxs as Tt } from "react/jsx-runtime";
 import Ji, { useEffect as ln, forwardRef as ir, useRef as qi, createElement as sr, useState as rn } from "react";
 import { docDrawingPositionToTransform as Qi, ReplaceSnapshotCommand as es } from "@univerjs/docs-ui";
 import { MessageType as Re, RadioGroup as ts, Radio as qt } from "@univerjs/design";
-const ns = "sheets-drawing-ui.config", Tn = {}, k = {
+const ns = "sheets-drawing-ui.config", Tn = {}, x = {
   id: "sheet.operation.clear-drawing-transformer",
   type: Z.MUTATION,
   handler: (i, e) => {
@@ -44,13 +44,13 @@ const ns = "sheets-drawing-ui.config", Tn = {}, k = {
         ...(I = m.preUndos) != null ? I : [],
         f,
         ...m.undos,
-        { id: k.id, params: c }
+        { id: x.id, params: c }
       ],
       redoMutations: [
         ...(D = m.preRedos) != null ? D : [],
         p,
         ...m.redos,
-        { id: k.id, params: c }
+        { id: x.id, params: c }
       ]
     }), !0) : !1;
   }
@@ -58,7 +58,7 @@ const ns = "sheets-drawing-ui.config", Tn = {}, k = {
   id: "sidebar.operation.sheet-image",
   type: Z.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(Ri), t = i.get(xt), r = i.get(Ye), s = i.get(F);
+    const n = i.get(Ri), t = i.get(kt), r = i.get(Ye), s = i.get(F);
     if (!G(r)) return !1;
     switch (e.value) {
       case "open":
@@ -66,7 +66,7 @@ const ns = "sheets-drawing-ui.config", Tn = {}, k = {
           header: { title: t.t("sheetImage.panel.title") },
           children: { label: or },
           onClose: () => {
-            s.syncExecuteCommand(kt.id, []);
+            s.syncExecuteCommand(xt.id, []);
           },
           width: 360
         });
@@ -83,7 +83,7 @@ const ns = "sheets-drawing-ui.config", Tn = {}, k = {
   type: Z.OPERATION,
   handler: (i, e) => {
     const n = i.get(F);
-    return e == null ? !1 : (n.syncExecuteCommand(kt.id, [e]), n.executeCommand(ar.id, { value: "open" }), !0);
+    return e == null ? !1 : (n.syncExecuteCommand(xt.id, [e]), n.executeCommand(ar.id, { value: "open" }), !0);
   }
 }, rs = "univer-upload-loading", is = "univer-upload-loading-body", ss = "univer-upload-loading-body-animation", os = "univer-UniverCircleAnimation", as = "univer-upload-loading-body-text", St = {
   uploadLoading: rs,
@@ -92,7 +92,7 @@ const ns = "sheets-drawing-ui.config", Tn = {}, k = {
   univerCircleAnimation: os,
   uploadLoadingBodyText: as
 }, cs = () => {
-  const i = ye(An), e = ye(xt), [n, t] = Ji.useState(0);
+  const i = ye(An), e = ye(kt), [n, t] = Ji.useState(0);
   return ln(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
@@ -148,7 +148,7 @@ let Ot = class extends Tr {
     this.disposeWithMe(
       Er(
         t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(ke, !0), this._hasCropObject(n))
+          if (this._contextService.setContextValue(xe, !0), this._hasCropObject(n))
             return;
           const o = t.getSelectedObjectMap();
           if (o.size > 1) {
@@ -178,11 +178,11 @@ let Ot = class extends Tr {
       )
     ), this.disposeWithMe(
       t.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(ke, !1), this._commandService.syncExecuteCommand(kt.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(xe, !1), this._commandService.syncExecuteCommand(xt.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[ke] === !1 && (r == null || r.dispose());
+        o[xe] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
       t.changing$.subscribe(() => {
@@ -393,11 +393,11 @@ const dr = {
       unitID: c,
       undoMutations: [
         { id: P.id, params: { op: g, unitId: c, subUnitId: a, objects: ps(l), type: U.UNGROUP } },
-        { id: k.id, params: s }
+        { id: x.id, params: s }
       ],
       redoMutations: [
         { id: P.id, params: { op: d, unitId: c, subUnitId: a, objects: l, type: U.GROUP } },
-        { id: k.id, params: s }
+        { id: x.id, params: s }
       ]
     }), !0) : !1;
   }
@@ -415,13 +415,13 @@ const dr = {
         ...(I = m.preUndos) != null ? I : [],
         f,
         ...m.undos,
-        { id: k.id, params: c }
+        { id: x.id, params: c }
       ],
       redoMutations: [
         ...(D = m.preRedos) != null ? D : [],
         p,
         ...m.redos,
-        { id: k.id, params: c }
+        { id: x.id, params: c }
       ]
     }), !0) : !1;
   }
@@ -457,11 +457,11 @@ const dr = {
       unitID: c,
       undoMutations: [
         { id: P.id, params: { unitId: c, subUnitId: a, op: g, objects: l, type: U.UPDATE } },
-        { id: k.id, params: [c] }
+        { id: x.id, params: [c] }
       ],
       redoMutations: [
         { id: P.id, params: { unitId: c, subUnitId: a, op: d, objects: l, type: U.UPDATE } },
-        { id: k.id, params: [c] }
+        { id: x.id, params: [c] }
       ]
     }), !0) : !1;
   }
@@ -482,11 +482,11 @@ const dr = {
       unitID: c,
       undoMutations: [
         { id: P.id, params: { op: g, unitId: c, subUnitId: a, objects: fs(l), type: U.GROUP } },
-        { id: k.id, params: s }
+        { id: x.id, params: s }
       ],
       redoMutations: [
         { id: P.id, params: { op: d, unitId: c, subUnitId: a, objects: l, type: U.UNGROUP } },
-        { id: k.id, params: s }
+        { id: x.id, params: s }
       ]
     }), !0) : !1;
   }
@@ -758,7 +758,7 @@ let qe = class extends oe {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
       this._commandService.executeCommand(dr.id, e);
       const { unitId: n, subUnitId: t, drawingId: r } = e[0].parent;
-      this._commandService.syncExecuteCommand(kt.id, [{ unitId: n, subUnitId: t, drawingId: r }]);
+      this._commandService.syncExecuteCommand(xt.id, [{ unitId: n, subUnitId: t, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
       this._commandService.executeCommand(ur.id, e);
     }));
@@ -766,7 +766,7 @@ let qe = class extends oe {
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((e) => {
-        e == null || e.length === 0 ? (this._contextService.setContextValue(ke, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(ke, !0), this._sheetDrawingService.focusDrawing(e));
+        e == null || e.length === 0 ? (this._contextService.setContextValue(xe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(xe, !0), this._sheetDrawingService.focusDrawing(e));
       })
     );
   }
@@ -781,7 +781,7 @@ qe = vs([
   Q(7, te),
   Q(8, Un),
   Q(9, Ti),
-  Q(10, N(xt)),
+  Q(10, N(kt)),
   Q(11, N(dn)),
   Q(12, N(Qe))
 ], qe);
@@ -820,13 +820,13 @@ let Et = class extends oe {
       if (i.id === $n.id) {
         const t = i.params;
         n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === xn.id) {
+      } else if (i.id === kn.id) {
         const t = i.params;
         n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
       } else if (i.id === Wi.id) {
         const t = i.params;
         n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === kn.id) {
+      } else if (i.id === xn.id) {
         const t = i.params;
         e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), n = t.rowsAutoHeightInfo.map((r) => ({
           startRow: r.row,
@@ -837,7 +837,7 @@ let Et = class extends oe {
       } else if (i.id === $i.id) {
         const t = i.params;
         n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === xi.id) {
+      } else if (i.id === ki.id) {
         const t = i.params;
         n = t.ranges, e = G(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
       }
@@ -857,7 +857,7 @@ let Et = class extends oe {
     }));
   }
   _handleWriteCell() {
-    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(ki, {
+    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(xi, {
       priority: 9999,
       handler: (i, e, n) => (on(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: e.row, col: e.col }, i), n(i))
     }));
@@ -867,7 +867,7 @@ let Et = class extends oe {
       this._sheetInterceptorService.intercept(
         Li.CELL_CONTENT,
         {
-          effect: xr.Style,
+          effect: kr.Style,
           priority: Fi.CELL_IMAGE,
           handler: (i, e, n) => {
             var t;
@@ -901,7 +901,7 @@ let Pt = class extends oe {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, e, n, t) => {
-          new kr(t).forValue((r, s, o) => {
+          new xr(t).forValue((r, s, o) => {
             on(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
@@ -987,10 +987,10 @@ function js() {
   };
 }
 const En = [
-  xe.SPECIAL_PASTE_COL_WIDTH,
-  xe.SPECIAL_PASTE_VALUE,
-  xe.SPECIAL_PASTE_FORMAT,
-  xe.SPECIAL_PASTE_FORMULA
+  ke.SPECIAL_PASTE_COL_WIDTH,
+  ke.SPECIAL_PASTE_VALUE,
+  ke.SPECIAL_PASTE_FORMAT,
+  ke.SPECIAL_PASTE_FORMULA
 ];
 let At = class extends oe {
   constructor(e, n, t, r, s) {
@@ -1038,10 +1038,10 @@ let At = class extends oe {
         return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: g, subUnitId: d, pasteRange: a }, { copyRange: c, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: o }, be.COPY);
       },
       onPastePlainText: (e, n) => ({ undos: [], redos: [] }),
-      onPasteUnrecognized: (e) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: xe.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
+      onPasteUnrecognized: (e) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: ke.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
       onPasteFiles: (e, n) => {
         if (this._copyInfo)
-          return this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: xe.DEFAULT_PASTE }, be.COPY);
+          return this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: ke.DEFAULT_PASTE }, be.COPY);
         {
           const t = n.filter((r) => r.type.includes("image"));
           if (t.length)
@@ -1396,10 +1396,10 @@ Nt = $s([
   Ke(3, Ye),
   Ke(4, N(Lr))
 ], Nt);
-var xs = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, Ls = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ks(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var ks = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, Ls = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? xs(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 && xs(e, n, r), r;
+  return t && r && ks(e, n, r), r;
 }, bt = (i, e) => (n, t) => e(n, t, i);
 let jt = class extends oe {
   constructor(i, e, n, t) {
@@ -1482,7 +1482,7 @@ const Xs = [
   Xi.id,
   Vi.id,
   $n.id,
-  xn.id
+  kn.id
 ];
 let an = class extends oe {
   constructor(i, e, n, t, r, s, o, c, a) {
@@ -1568,7 +1568,7 @@ let an = class extends oe {
       const d = this._sheetDrawingService.getBatchRemoveOp(g), l = d.undo, h = d.redo, u = d.objects;
       s.push({ id: P.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: U.REMOVE } }), o.push({ id: P.id, params: { unitId: t, subUnitId: r, op: l, objects: u, type: U.INSERT } });
     }
-    return s.push({ id: k.id, params: [t] }), o.push({ id: k.id, params: [t] }), {
+    return s.push({ id: x.id, params: [t] }), o.push({ id: x.id, params: [t] }), {
       redos: s,
       undos: o
     };
@@ -1632,10 +1632,10 @@ let an = class extends oe {
           if (m === O.Position) {
             let R = null, T = null;
             if (S >= M && S <= y) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: f.row });
-              if (x == null)
+              const k = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: f.row });
+              if (k == null)
                 return;
-              T = { ...u, left: x.startX };
+              T = { ...u, left: k.startX };
             }
             if (T != null && (R = $(T, this._selectionRenderService), R != null && T != null)) {
               r.push({ ...l, sheetTransform: R, transform: T });
@@ -1700,10 +1700,10 @@ let an = class extends oe {
   _createUndoAndRedoMutation(i, e, n) {
     const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, c = [
       { id: P.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: U.UPDATE } },
-      { id: k.id, params: [i] }
+      { id: x.id, params: [i] }
     ], a = [
       { id: P.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: U.UPDATE } },
-      { id: k.id, params: [i] }
+      { id: x.id, params: [i] }
     ];
     return {
       redos: c,
@@ -1726,10 +1726,10 @@ let an = class extends oe {
           if (m === O.Position) {
             let R = null, T = null;
             if (w >= _ && w <= E) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: E });
-              if (x == null)
+              const k = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: E });
+              if (k == null)
                 return;
-              T = { ...u, top: x.startY };
+              T = { ...u, top: k.startY };
             }
             if (T != null && (R = $(T, this._selectionRenderService), R != null && T != null)) {
               r.push({ ...l, sheetTransform: R, transform: T });
@@ -1854,13 +1854,13 @@ let an = class extends oe {
       const { transform: _ } = C;
       if (!_)
         return;
-      const { left: E = 0, top: M = 0, width: y = 0, height: A = 0 } = _, { drawingStartX: b, drawingEndX: R, drawingStartY: T, drawingEndY: x } = {
+      const { left: E = 0, top: M = 0, width: y = 0, height: A = 0 } = _, { drawingStartX: b, drawingEndX: R, drawingStartY: T, drawingEndY: k } = {
         drawingStartX: E,
         drawingEndX: E + y,
         drawingStartY: M,
         drawingEndY: M + A
       };
-      a <= b && R <= g && d <= T && x <= l && u.push(C);
+      a <= b && R <= g && d <= T && k <= l && u.push(C);
     });
     const m = [], p = [], f = e.startRow - n.startRow, w = e.startColumn - n.startColumn, S = u.map((v) => {
       const C = v.sheetTransform, _ = {
@@ -1917,7 +1917,7 @@ let an = class extends oe {
       const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, p = u.redo, f = u.objects;
       a.push({ id: P.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: U.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: U.INSERT } });
     }
-    return a.push({ id: k.id, params: [t] }), g.push({ id: k.id, params: [t] }), {
+    return a.push({ id: x.id, params: [t] }), g.push({ id: x.id, params: [t] }), {
       redos: a,
       undos: g
     };
@@ -1958,7 +1958,7 @@ let an = class extends oe {
       const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, p = u.redo, f = u.objects;
       a.push({ id: P.id, params: { unitId: t, subUnitId: r, op: p, objects: f, type: U.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: f, type: U.INSERT } });
     }
-    return a.push({ id: k.id, params: [t] }), g.push({ id: k.id, params: [t] }), { redos: a, undos: g };
+    return a.push({ id: x.id, params: [t] }), g.push({ id: x.id, params: [t] }), { redos: a, undos: g };
   }
   _expandCol(i, e, n, t, r = O.Position) {
     const s = t - n + 1, { from: o, to: c } = i, { column: a } = o, { column: g } = c;
@@ -2132,26 +2132,58 @@ let an = class extends oe {
   }
   _commandListener() {
     this.disposeWithMe(
+      // TODO@weird94: this should subscribe to the command service
+      // but the skeleton changes like other render modules. These two signals are not equivalent.
+      // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
-        i.id === Hi.id && setTimeout(() => {
-          const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
-          Object.keys(r).forEach((c) => {
-            const a = r[c];
-            a != null && Object.keys(a).forEach((g) => {
-              const d = a[g].data;
-              d != null && Object.keys(d).forEach((l) => {
-                if (c === n && g === t) {
-                  const h = d[l];
-                  h.transform = V(h.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(d[l]);
-                } else
-                  o.push(d[l]);
-              });
-            });
-          }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
-        }, 0);
+        if (i.id === Hi.id) {
+          const { unitId: e, subUnitId: n } = i.params;
+          this._updateDrawings(e, n);
+        }
+      })
+    ), this.disposeWithMe(
+      this._context.activated$.subscribe((i) => {
+        const { unit: e, unitId: n } = this._context;
+        if (i) {
+          const t = e.getActiveSheet().getSheetId();
+          this._updateDrawings(n, t);
+        } else
+          this._clearDrawings(n);
       })
     );
   }
+  _clearDrawings(i) {
+    setTimeout(() => {
+      const e = this._drawingManagerService.drawingManagerData, n = [];
+      Object.keys(e).forEach((t) => {
+        const r = e[t];
+        r != null && Object.keys(r).forEach((s) => {
+          const o = r[s].data;
+          o != null && Object.keys(o).forEach((c) => {
+            t === i && n.push(o[c]);
+          });
+        });
+      }), this._drawingManagerService.removeNotification(n);
+    });
+  }
+  _updateDrawings(i, e) {
+    setTimeout(() => {
+      const n = this._drawingManagerService.drawingManagerData, t = [], r = [];
+      Object.keys(n).forEach((s) => {
+        const o = n[s];
+        o != null && Object.keys(o).forEach((c) => {
+          const a = o[c].data;
+          a != null && Object.keys(a).forEach((g) => {
+            if (s === i && c === e) {
+              const d = a[g];
+              d.transform = V(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), t.push(a[g]);
+            } else
+              r.push(a[g]);
+          });
+        });
+      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(t);
+    }, 0);
+  }
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
@@ -2197,7 +2229,7 @@ let an = class extends oe {
           break;
         }
       }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(k.id, [i]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(x.id, [i]));
   }
 };
 an = Gs([
@@ -2303,7 +2335,7 @@ const wr = {
     return n.syncExecuteCommand(Yt.id, {
       unitId: c,
       drawings: a
-    }) ? (n.syncExecuteCommand(k.id, [c]), !0) : !1;
+    }) ? (n.syncExecuteCommand(x.id, [c]), !0) : !1;
   }
 }, _r = "addition-and-subtraction-single", vr = "sheet.menu.image";
 function qs(i) {
@@ -2363,7 +2395,7 @@ function Rt() {
 }
 const wo = (i) => {
   var I;
-  const e = ye(F), n = ye(xt), t = ye(te), r = ye(J), { drawings: s } = i, o = s[0];
+  const e = ye(F), n = ye(kt), t = ye(te), r = ye(J), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: c } = o, a = r.getRenderById(c), g = a == null ? void 0 : a.scene;
@@ -2376,13 +2408,13 @@ const wo = (i) => {
       const { oKey: E } = _, M = v.getDrawingOKey(E);
       if (M == null)
         return C.push(null), !0;
-      const { unitId: y, subUnitId: A, drawingId: b, drawingType: R, anchorType: T, sheetTransform: x } = M;
+      const { unitId: y, subUnitId: A, drawingId: b, drawingType: R, anchorType: T, sheetTransform: k } = M;
       C.push({
         unitId: y,
         subUnitId: A,
         drawingId: b,
         anchorType: T,
-        sheetTransform: x,
+        sheetTransform: k,
         drawingType: R
       });
     }), C;
@@ -2460,7 +2492,7 @@ const wo = (i) => {
   }
 };
 function nt(i) {
-  return !i.getContextValue(Gr) && !i.getContextValue(Xr) && !i.getContextValue(Vr) && i.getContextValue(ke);
+  return !i.getContextValue(Gr) && !i.getContextValue(Xr) && !i.getContextValue(Vr) && i.getContextValue(xe);
 }
 const So = {
   id: tt.id,
@@ -2535,7 +2567,7 @@ let Bt = class extends oe {
       et,
       Yt,
       ar,
-      k,
+      x,
       cr,
       dr,
       ur,
@@ -2725,7 +2757,7 @@ let Wt = class extends oe {
           }
           const T = new We(y, b);
           R && T.setObjectType(Cn.CHART), p.addObject(T, Kt), c.allowTransform !== !1 && p.attachTransformerTo(T);
-          const x = this._ensureMap(t, r), ae = new pt(), Se = ge(T, m.renderUnit, d.skeleton, o.worksheet), ce = new He(Se), Ie = {
+          const k = this._ensureMap(t, r), ae = new pt(), Se = ge(T, m.renderUnit, d.skeleton, o.worksheet), ce = new He(Se), Ie = {
             dispose: ae,
             rect: T,
             position$: ce,
@@ -2748,7 +2780,7 @@ let Wt = class extends oe {
             onWheel: (W) => {
               f.dispatchEvent(new WheelEvent(W.type, W));
             },
-            props: (H = (ie = x.get(s)) == null ? void 0 : ie.props) != null ? H : this._getFloatDomProps(s),
+            props: (H = (ie = k.get(s)) == null ? void 0 : ie.props) != null ? H : this._getFloatDomProps(s),
             data: u,
             unitId: t
           });
@@ -2760,8 +2792,8 @@ let Wt = class extends oe {
           });
           ae.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), de && ae.add(de), this._domLayerInfoMap.set(s, Ie), x.set(s, {
-            ...x.get(s)
+          }), de && ae.add(de), this._domLayerInfoMap.set(s, Ie), k.set(s, {
+            ...k.get(s)
           });
         });
       })
@@ -2973,11 +3005,11 @@ let Wt = class extends oe {
       allowTransform: u
     };
     {
-      const { unitId: b, subUnitId: R, drawingId: T } = C, x = G(this._univerInstanceService, { unitId: b, subUnitId: R }), ae = C, Se = this._univerInstanceService.getUnit(b, X.UNIVER_SHEET);
+      const { unitId: b, subUnitId: R, drawingId: T } = C, k = G(this._univerInstanceService, { unitId: b, subUnitId: R }), ae = C, Se = this._univerInstanceService.getUnit(b, X.UNIVER_SHEET);
       if (!Se)
         return;
       const ce = Se.getActiveSheet().getSheetId();
-      if (!ae || !x)
+      if (!ae || !k)
         return;
       const Ie = (E = this._renderManagerService.getRenderById(b)) == null ? void 0 : E.with(Y);
       if (!Ie)
@@ -3025,7 +3057,7 @@ let Wt = class extends oe {
         domAnchor: t,
         unitId: b,
         subUnitId: R
-      }, lt = ge(se, W.renderUnit, de.skeleton, x.worksheet, he), me = new He(lt);
+      }, lt = ge(se, W.renderUnit, de.skeleton, k.worksheet, he), me = new He(lt);
       he.position$ = me;
       let B = {
         position$: me,
@@ -3075,7 +3107,7 @@ let Wt = class extends oe {
           width: (mn = t.width) != null ? mn : j.width,
           height: (fn = t.height) != null ? fn : j.height,
           zIndex: this._drawingManagerService.getDrawingOrder(b, R).length - 1
-        }), Dr = ge(Rr, W.renderUnit, de.skeleton, x.worksheet, he);
+        }), Dr = ge(Rr, W.renderUnit, de.skeleton, k.worksheet, he);
         me.next(Dr);
       }));
       const Ve = (A = this._renderManagerService.getRenderById(b)) == null ? void 0 : A.with(Y);
@@ -3083,7 +3115,7 @@ let Wt = class extends oe {
         j && d.sheetId !== j.sheetId && this._removeDom(m, !0);
       });
       const ut = se.onTransformChange$.subscribeEvent(() => {
-        const j = ge(se, W.renderUnit, de.skeleton, x.worksheet, he);
+        const j = ge(se, W.renderUnit, de.skeleton, k.worksheet, he);
         me.next(
           j
         );
@@ -3143,10 +3175,10 @@ let Wt = class extends oe {
       allowTransform: u
     };
     {
-      const { unitId: y, subUnitId: A, drawingId: b } = D, R = G(this._univerInstanceService, { unitId: y, subUnitId: A }), T = D, x = this._univerInstanceService.getUnit(y, X.UNIVER_SHEET);
-      if (!x)
+      const { unitId: y, subUnitId: A, drawingId: b } = D, R = G(this._univerInstanceService, { unitId: y, subUnitId: A }), T = D, k = this._univerInstanceService.getUnit(y, X.UNIVER_SHEET);
+      if (!k)
         return;
-      const ae = x.getActiveSheet().getSheetId();
+      const ae = k.getActiveSheet().getSheetId();
       if (!T || !R)
         return;
       const Se = (C = this._renderManagerService.getRenderById(y)) == null ? void 0 : C.with(Y);
@@ -3294,7 +3326,7 @@ let Wt = class extends oe {
       c.next(f), g.next(w);
     }, l = new pt();
     l.add(n.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((f) => {
-      if (f.id === kn.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+      if (f.id === xn.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         d();
         return;
       }
@@ -3465,7 +3497,7 @@ $t = No([
   Qt(3, ei)
 ], $t);
 export {
-  k as ClearSheetDrawingTransformerOperation,
+  x as ClearSheetDrawingTransformerOperation,
   wr as DeleteDrawingsCommand,
   cr as EditSheetDrawingOperation,
   dr as GroupSheetDrawingCommand,

package/lib/types/controllers/sheet-drawing-transform-affected.controller.d.ts

@@ -1,6 +1,6 @@
 import { Workbook, Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { IRenderContext, IRenderModule, IRenderManagerService } from '@univerjs/engine-render';
 import { IDrawingManagerService } from '@univerjs/drawing';
-import { IRenderContext, IRenderManagerService, IRenderModule } from '@univerjs/engine-render';
 import { SheetInterceptorService } from '@univerjs/sheets';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
 import { ISheetSelectionRenderService, SheetSkeletonManagerService } from '@univerjs/sheets-ui';
@@ -32,6 +32,8 @@ export declare class SheetDrawingTransformAffectedController extends Disposable
     private _expandRow;
     private _shrinkRow;
     private _commandListener;
+    private _clearDrawings;
+    private _updateDrawings;
     private _sheetRefreshListener;
     private _refreshDrawingTransform;
 }