@univerjs/docs-drawing-ui 0.6.1-nightly.202502261607 → 0.6.2

package/lib/es/index.js

@@ -1,25 +1,25 @@
-var St = Object.defineProperty;
-var Ct = (i, e, n) => e in i ? St(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var Ce = (i, e, n) => Ct(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Xe, UndoCommand as Dt, RedoCommand as Ot, JSONX as q, IUniverInstanceService as Q, ICommandService as z, PositionedObjectLayoutType as H, CommandType as K, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as ye, TextX as vn, TextXActionType as Z, toDisposable as Le, throttle as On, COLORS as Tt, MemoryCursor as Pt, IUndoRedoService as Gn, BuildTextUtils as yt, ArrangeTypeEnum as Ze, Inject as ve, IContextService as Vn, LocaleService as ln, WrapTextType as $e, DrawingTypeEnum as bt, FOCUSING_COMMON_DRAWINGS as tn, UniverInstanceType as be, Direction as fe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Mt, RxDisposable as Rt, SHEET_EDITOR_UNITS as Nt, LifecycleService as Et, DOCS_ZEN_EDITOR_UNIT_ID_KEY as At, fromEventSubject as xt, LifecycleStages as Tn, DependentOn as Lt, Injector as Bt, IConfigService as Ut, Plugin as kt, merge as Ft } from "@univerjs/core";
+var Ct = Object.defineProperty;
+var Dt = (i, e, n) => e in i ? Ct(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var Ce = (i, e, n) => Dt(i, typeof e != "symbol" ? e + "" : e, n);
+import { Disposable as Xe, UndoCommand as Ot, RedoCommand as Tt, JSONX as q, IUniverInstanceService as K, ICommandService as z, PositionedObjectLayoutType as H, CommandType as Y, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as ye, TextX as vn, TextXActionType as Q, toDisposable as Le, throttle as Tn, COLORS as Pt, MemoryCursor as yt, IUndoRedoService as Vn, BuildTextUtils as bt, ArrangeTypeEnum as Ze, Inject as ve, IContextService as jn, LocaleService as ln, WrapTextType as $e, DrawingTypeEnum as Mt, FOCUSING_COMMON_DRAWINGS as tn, UniverInstanceType as be, Direction as fe, DocumentFlavor as fn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as In, FOCUSING_UNIVER_EDITOR as Rt, RxDisposable as Nt, SHEET_EDITOR_UNITS as Et, LifecycleService as At, fromEventSubject as xt, LifecycleStages as Pn, DependentOn as Lt, Injector as Bt, IConfigService as Ut, Plugin as kt, merge as Ft } from "@univerjs/core";
 import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Ht } from "@univerjs/docs-drawing";
-import { IDrawingManagerService as Ie, IImageIoService as Wt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Gt, DRAWING_IMAGE_COUNT_LIMIT as Pn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as Vt, getImageSize as jt, getDrawingShapeKeyByDrawingSearch as $t, DRAWING_IMAGE_WIDTH_LIMIT as yn, DRAWING_IMAGE_HEIGHT_LIMIT as bn, UniverDrawingPlugin as zt } from "@univerjs/drawing";
+import { IDrawingManagerService as Ie, IImageIoService as Wt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Gt, DRAWING_IMAGE_COUNT_LIMIT as yn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as Vt, getImageSize as jt, getDrawingShapeKeyByDrawingSearch as $t, DRAWING_IMAGE_WIDTH_LIMIT as bn, DRAWING_IMAGE_HEIGHT_LIMIT as Mn, UniverDrawingPlugin as zt } from "@univerjs/drawing";
 import { DrawingCommonPanel as qt, ImageCropperObject as Xt, COMPONENT_IMAGE_POPUP_MENU as Kt, OpenImageCropOperation as Yt, ImageResetSizeOperation as Zt, UniverDrawingUIPlugin as Qt } from "@univerjs/drawing-ui";
-import { IRenderManagerService as ee, DocumentEditArea as Fe, Liquid as jn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as Jt, Rect as ei, getColor as ni, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ti } from "@univerjs/engine-render";
-import { IMessageService as ii, ILocalFileService as ri, ISidebarService as oi, useDependency as we, getMenuHiddenObservable as $n, MenuItemType as zn, RibbonStartGroup as si, KeyCode as He, ComponentManager as ai, IMenuManagerService as ci, IShortcutService as di, UniverUIPlugin as li } from "@univerjs/ui";
-import { RichTextEditingMutation as J, DocSkeletonManagerService as se, DocSelectionManagerService as In } from "@univerjs/docs";
-import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as En, getAnchorBounding as gi, TEXT_RANGE_LAYER_INDEX as mi, getDocObject as ui, getCustomBlockIdsInSelections as fi, docDrawingPositionToTransform as hi, DocCanvasPopManagerService as pi, IEditorService as wi, SetDocZoomRatioOperation as vi } from "@univerjs/docs-ui";
-import { BehaviorSubject as Ii, debounceTime as qn, Observable as _i, takeUntil as An, filter as xn } from "rxjs";
-import { MessageType as Ln, clsx as j, InputNumber as ke, Select as Bn, Checkbox as Si, RadioGroup as Un, Radio as Pe } from "@univerjs/design";
+import { IRenderManagerService as ee, DocumentEditArea as Fe, Liquid as $n, PageLayoutType as Rn, DocumentSkeletonPageType as Nn, Vector2 as Jt, Rect as ei, getColor as ni, getCurrentTypeOfRenderer as ti, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ii } from "@univerjs/engine-render";
+import { IMessageService as ri, ILocalFileService as oi, ISidebarService as si, useDependency as we, getMenuHiddenObservable as zn, MenuItemType as qn, RibbonStartGroup as ai, KeyCode as He, ComponentManager as ci, IMenuManagerService as di, IShortcutService as li, UniverUIPlugin as gi } from "@univerjs/ui";
+import { RichTextEditingMutation as J, DocSkeletonManagerService as se, DocSelectionManagerService as _n } from "@univerjs/docs";
+import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as En, getOneTextSelectionRange as An, getAnchorBounding as mi, TEXT_RANGE_LAYER_INDEX as ui, getDocObject as fi, getCustomBlockIdsInSelections as hi, docDrawingPositionToTransform as pi, DocCanvasPopManagerService as wi, IEditorService as vi, SetDocZoomRatioOperation as Ii } from "@univerjs/docs-ui";
+import { BehaviorSubject as _i, debounceTime as Xn, Observable as Si, takeUntil as xn, filter as Ln } from "rxjs";
+import { MessageType as Bn, clsx as j, InputNumber as ke, Select as Un, Checkbox as Ci, RadioGroup as kn, Radio as Pe } from "@univerjs/design";
 import { jsxs as X, jsx as f } from "react/jsx-runtime";
-import { forwardRef as Xn, useRef as Ci, createElement as Kn, useState as re, useEffect as _n } from "react";
-const Di = "docs-drawing-ui.config", kn = {};
-var Oi = Object.getOwnPropertyDescriptor, Ti = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Oi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+import { forwardRef as Kn, useRef as Di, createElement as Yn, useState as re, useEffect as Sn } from "react";
+const Oi = "docs-drawing-ui.config", Fn = {};
+var Ti = Object.getOwnPropertyDescriptor, Pi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ti(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Ve = (i, e) => (n, t) => e(n, t, i);
-function Pi(i) {
+function yi(i) {
   var t, r, o, s;
   if (q.isNoop(i) || !Array.isArray(i))
     return null;
@@ -42,7 +42,7 @@ function Pi(i) {
     });
   return n;
 }
-function yi(i) {
+function bi(i) {
   if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -69,7 +69,7 @@ let rn = class extends Xe {
       this._commandService.beforeCommandExecuted((i) => {
         if (i.id !== J.id)
           return;
-        const e = i.params, { unitId: n, actions: t } = e, r = Pi(t);
+        const e = i.params, { unitId: n, actions: t } = e, r = yi(t);
         if (r != null)
           for (const { type: o, drawingId: s, drawing: a } of r)
             o === "add" ? this._addDrawings(n, [a]) : this._removeDrawings(n, [s]);
@@ -79,12 +79,12 @@ let rn = class extends Xe {
         if (i.id !== J.id)
           return;
         const e = i.params, { unitId: n, actions: t } = e;
-        yi(t).length > 0 && this._updateDrawingsOrder(n);
+        bi(t).length > 0 && this._updateDrawingsOrder(n);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var s;
-        if (i.id !== Dt.id && i.id !== Ot.id)
+        if (i.id !== Ot.id && i.id !== Tt.id)
           return;
         const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
         if (e == null || n.length === 0)
@@ -125,8 +125,8 @@ let rn = class extends Xe {
     t.orderNotification(o), r.orderNotification(o);
   }
 };
-rn = Ti([
-  Ve(0, Q),
+rn = Pi([
+  Ve(0, K),
   Ve(1, z),
   Ve(2, Ie),
   Ve(3, Be),
@@ -134,7 +134,7 @@ rn = Ti([
 ], rn);
 class gn {
   constructor() {
-    Ce(this, "_refreshDrawings$", new Ii(null));
+    Ce(this, "_refreshDrawings$", new _i(null));
     Ce(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
@@ -142,14 +142,14 @@ class gn {
   }
 }
 var ue = /* @__PURE__ */ ((i) => (i.INLINE = "inline", i.BEHIND_TEXT = "behindText", i.IN_FRONT_OF_TEXT = "inFrontOfText", i.WRAP_SQUARE = "wrapSquare", i.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", i))(ue || {});
-const bi = {
+const Mi = {
   inline: H.INLINE,
   wrapSquare: H.WRAP_SQUARE,
   wrapTopAndBottom: H.WRAP_TOP_AND_BOTTOM,
   inFrontOfText: H.WRAP_NONE,
   behindText: H.WRAP_NONE
 };
-function Yn(i, e, n, t, r, o, s) {
+function Zn(i, e, n, t, r, o, s) {
   var p, h;
   const a = new vn(), d = q.getInstance(), c = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
   if (l == null || m == null)
@@ -158,10 +158,10 @@ function Yn(i, e, n, t, r, o, s) {
   if (g != null) {
     if (t = Math.min(m.dataStream.length - 2, t), i === e) {
       if (t < g ? (t > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: t
       }), a.push({
-        t: Z.INSERT,
+        t: Q.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
@@ -171,22 +171,22 @@ function Yn(i, e, n, t, r, o, s) {
         },
         len: 1
       }), a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: g - t
       }), a.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       })) : (g > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: g
       }), a.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       }), t - g - 1 > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: t - g - 1
       }), a.push({
-        t: Z.INSERT,
+        t: Q.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
@@ -201,18 +201,18 @@ function Yn(i, e, n, t, r, o, s) {
       }
     } else {
       g > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: g
       }), a.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       });
       let v = ze(o, e), w = d.editOp(a.serialize(), v);
       c.push(w), a.empty(), t > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: t
       }), a.push({
-        t: Z.INSERT,
+        t: Q.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
@@ -226,20 +226,20 @@ function Yn(i, e, n, t, r, o, s) {
     return c;
   }
 }
-const Zn = {
+const Qn = {
   id: "doc.command.update-doc-drawing-wrapping-style",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
   handler: (i, e) => {
     var E, U;
     if (e == null)
       return !1;
-    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(Q), d = i.get(ee).getRenderById(r), c = d == null ? void 0 : d.with(se).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(se).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
+    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(K), d = i.get(ee).getRenderById(r), c = d == null ? void 0 : d.with(se).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(se).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
     if (g == null || c == null || m == null || l == null)
       return !1;
     const p = l.getEditArea(), h = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: S } = c, O = q.getInstance(), D = [], { drawings: T = {} } = g.getSnapshot();
     for (const N of n) {
-      const { drawingId: I } = N, L = T[I].layoutType, W = bi[t];
+      const { drawingId: I } = N, L = T[I].layoutType, W = Mi[t];
       if (L !== W) {
         const C = O.replaceOp(["drawings", I, "layoutType"], L, W);
         D.push(C);
@@ -312,13 +312,13 @@ const Zn = {
     const y = o.syncExecuteCommand(M.id, M.params);
     return h.refreshControls(), !!y;
   }
-}, Qn = {
+}, Jn = {
   id: "doc.command.update-doc-drawing-distance",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), r = i.get(Q).getCurrentUniverDocInstance();
+    const n = i.get(z), r = i.get(K).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
     const { drawings: o, dist: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
@@ -342,13 +342,13 @@ const Zn = {
     };
     return m.params.actions = c.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(m.id, m.params);
   }
-}, Jn = {
+}, et = {
   id: "doc.command.update-doc-drawing-wrap-text",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), r = i.get(Q).getCurrentUniverDocInstance();
+    const n = i.get(z), r = i.get(K).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
     const { drawings: o, wrapText: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
@@ -371,11 +371,11 @@ const Zn = {
   }
 }, qe = {
   id: "doc.command.update-drawing-doc-transform",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), t = i.get(Q), o = i.get(ee).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
+    const n = i.get(z), t = i.get(K), o = i.get(ee).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
     if (s == null)
       return !1;
     const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
@@ -402,9 +402,9 @@ const Zn = {
     const v = n.syncExecuteCommand(h.id, h.params);
     return a.refreshControls(), !!v;
   }
-}, et = {
+}, nt = {
   id: "doc.command.move-inline-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     var U, N;
     if (e == null)
@@ -412,13 +412,13 @@ const Zn = {
     const n = i.get(ee), t = (U = n.getRenderById(e.unitId)) == null ? void 0 : U.with(Me), r = i.get(gn), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(se).getSkeleton();
     if (s == null || t == null)
       return !1;
-    const d = s.getTransformerByCreate(), c = i.get(z), m = i.get(Q).getCurrentUniverDocInstance();
+    const d = s.getTransformerByCreate(), c = i.get(z), m = i.get(K).getCurrentUniverDocInstance();
     if (m == null)
       return !1;
     const { drawing: g, unitId: p, offset: h, segmentId: v, segmentPage: w, needRefreshDrawings: S } = e;
     if (S)
       return r.refreshDrawings(a), d.refreshControls(), !0;
-    const O = [], { drawingId: D } = g, T = (N = t.getSegment()) != null ? N : "", M = Yn(
+    const O = [], { drawingId: D } = g, T = (N = t.getSegment()) != null ? N : "", M = Zn(
       v,
       T,
       w,
@@ -442,9 +442,9 @@ const Zn = {
     const E = c.syncExecuteCommand(y.id, y.params);
     return d.refreshControls(), !!E;
   }
-}, nt = {
+}, tt = {
   id: "doc.command.transform-non-inline-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
     var x, G;
@@ -453,10 +453,10 @@ const Zn = {
     const n = i.get(ee), t = (x = n.getRenderById(e.unitId)) == null ? void 0 : x.with(Me), r = n.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
     if (o == null || t == null)
       return !1;
-    const s = o.getTransformerByCreate(), a = i.get(z), c = i.get(Q).getCurrentUniverDocInstance();
+    const s = o.getTransformerByCreate(), a = i.get(z), c = i.get(K).getCurrentUniverDocInstance();
     if (c == null)
       return !1;
-    const { drawing: l, unitId: m, offset: g, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (G = t.getSegment()) != null ? G : "", D = Yn(
+    const { drawing: l, unitId: m, offset: g, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (G = t.getSegment()) != null ? G : "", D = Zn(
       h,
       O,
       v,
@@ -499,20 +499,20 @@ const Zn = {
     return s.refreshControls(), !!W;
   }
 };
-var Mi = Object.getOwnPropertyDescriptor, Ri = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Mi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Ri = Object.getOwnPropertyDescriptor, Ni = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ri(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Qe = (i, e) => (n, t) => e(n, t, i);
-const Ni = "__InlineDrawingAnchor__";
-function Fn(i) {
+const Ei = "__InlineDrawingAnchor__";
+function Hn(i) {
   const { path: e } = i;
   return e.some((n) => n === "cells");
 }
 let on = class extends Xe {
   constructor(e, n, t, r) {
     super();
-    Ce(this, "_liquid", new jn());
+    Ce(this, "_liquid", new $n());
     Ce(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
     Ce(this, "_transformerCache", /* @__PURE__ */ new Map());
@@ -563,8 +563,8 @@ let on = class extends Xe {
         })
       )
     );
-    const t = On(this._updateMultipleDrawingDocTransform.bind(this), 50);
-    On(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
+    const t = Tn(this._updateMultipleDrawingDocTransform.bind(this), 50);
+    Tn(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
       Le(
         n.changing$.subscribe((o) => {
           const { objects: s, offsetX: a, offsetY: d } = o;
@@ -676,7 +676,7 @@ let on = class extends Xe {
     if (r == null)
       return;
     const { mainComponent: s, scene: a } = r, d = s, c = a.getViewports()[0], {
-      pageLayoutType: l = Mn.VERTICAL,
+      pageLayoutType: l = Rn.VERTICAL,
       pageMarginLeft: m,
       pageMarginTop: g
     } = d.getOffsetConfig();
@@ -705,12 +705,12 @@ let on = class extends Xe {
     if (p == null)
       return;
     const M = o == null ? void 0 : o.findPositionByGlyph(p, v), y = this._getDocObject();
-    if (M == null || o == null || y == null || Fn(M))
+    if (M == null || o == null || y == null || Hn(M))
       return;
     const E = {
       ...M,
       isBack: h
-    }, U = y.document.getOffsetConfig(), N = new Nn(U, o), { cursorList: I, contentBoxPointGroup: L } = N.getRangePointData(E, E), { startOffset: W } = (G = En(I)) != null ? G : {};
+    }, U = y.document.getOffsetConfig(), N = new En(U, o), { cursorList: I, contentBoxPointGroup: L } = N.getRangePointData(E, E), { startOffset: W } = (G = An(I)) != null ? G : {};
     if (W != null)
       return { offset: W, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
   }
@@ -720,7 +720,7 @@ let on = class extends Xe {
     const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(se).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
     if (o == null || t == null)
       return;
-    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: l } = t, m = c, g = l.getViewports()[0], { pageLayoutType: p = Mn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = m.getOffsetConfig(), { left: O, top: D, angle: T } = n;
+    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: l } = t, m = c, g = l.getViewports()[0], { pageLayoutType: p = Rn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = m.getOffsetConfig(), { left: O, top: D, angle: T } = n;
     let { width: M, height: y } = n;
     const { positionV: E, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
     M = Math.min(M, N), y = Math.min(y, I);
@@ -753,28 +753,28 @@ let on = class extends Xe {
     if (b == null || A == null || $ == null || F == null)
       return;
     this._liquid.reset();
-    const Y = F.type;
+    const Z = F.type;
     for (const pe of s) {
-      const { headerId: mn, footerId: un, pageHeight: vt, pageWidth: Cn, marginLeft: Dn, marginBottom: It } = pe, _t = s.indexOf(pe);
-      if (x > -1 && _t === x) {
-        switch (Y) {
-          case Rn.HEADER: {
-            const Ge = (Oe = a.get(mn)) == null ? void 0 : Oe.get(Cn);
+      const { headerId: mn, footerId: un, pageHeight: It, pageWidth: Dn, marginLeft: On, marginBottom: _t } = pe, St = s.indexOf(pe);
+      if (x > -1 && St === x) {
+        switch (Z) {
+          case Nn.HEADER: {
+            const Ge = (Oe = a.get(mn)) == null ? void 0 : Oe.get(Dn);
             if (Ge)
               this._liquid.translatePagePadding({
                 marginTop: Ge.marginTop,
-                marginLeft: Dn
+                marginLeft: On
               });
             else
               throw new Error("header skeleton not found");
             break;
           }
-          case Rn.FOOTER: {
-            const Ge = (Ne = d.get(un)) == null ? void 0 : Ne.get(Cn);
+          case Nn.FOOTER: {
+            const Ge = (Ne = d.get(un)) == null ? void 0 : Ne.get(Dn);
             if (Ge)
               this._liquid.translatePagePadding({
-                marginTop: vt - It + Ge.marginTop,
-                marginLeft: Dn
+                marginTop: It - _t + Ge.marginTop,
+                marginLeft: On
               });
             else
               throw new Error("footer skeleton not found");
@@ -820,12 +820,12 @@ let on = class extends Xe {
     if (L == null)
       return;
     const ae = r == null ? void 0 : r.findPositionByGlyph(L, x), Ue = this._getDocObject();
-    if (ae == null || r == null || Ue == null || Fn(ae))
+    if (ae == null || r == null || Ue == null || Hn(ae))
       return;
     const Re = {
       ...ae,
       isBack: G
-    }, We = Ue.document.getOffsetConfig(), ce = new Nn(We, r), { cursorList: te } = ce.getRangePointData(Re, Re), { startOffset: ie } = (Ae = En(te)) != null ? Ae : {};
+    }, We = Ue.document.getOffsetConfig(), ce = new En(We, r), { cursorList: te } = ce.getRangePointData(Re, Re), { startOffset: ie } = (Ae = An(te)) != null ? Ae : {};
     if (ie != null)
       return { offset: ie, docTransform: _, segmentId: W, segmentPage: x };
   }
@@ -854,7 +854,7 @@ let on = class extends Xe {
   // Update inline drawing when use transformer to move it.
   _moveInlineDrawing(e, n, t) {
     const r = this._getInlineDrawingAnchor(e, n, t), { offset: o, segmentId: s, segmentPage: a } = r != null ? r : {};
-    return this._commandService.executeCommand(et.id, {
+    return this._commandService.executeCommand(nt.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -907,7 +907,7 @@ let on = class extends Xe {
     if (t && r.top !== n.top)
       return;
     const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: a, segmentId: d, segmentPage: c } = o != null ? o : {};
-    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(nt.id, {
+    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(tt.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -938,23 +938,23 @@ let on = class extends Xe {
     const { mainComponent: r, scene: o } = t, s = r, {
       docsLeft: a,
       docsTop: d
-    } = s.getOffsetConfig(), c = gi(n), { left: l, top: m, height: g } = c, p = l + a, h = m + d;
+    } = s.getOffsetConfig(), c = mi(n), { left: l, top: m, height: g } = c, p = l + a, h = m + d;
     if (this._anchorShape) {
       this._anchorShape.transformByState({ left: p, top: h, height: g }), this._anchorShape.show();
       return;
     }
-    const v = 6, w = new ei(Ni + ye.generateRandomId(v), {
+    const v = 6, w = new ei(Ei + ye.generateRandomId(v), {
       left: p,
       top: h,
       height: g,
       strokeWidth: 2,
-      stroke: ni(Tt.darkGray, 1),
+      stroke: ni(Pt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = w, o.addObject(w, mi);
+    this._anchorShape = w, o.addObject(w, ui);
   }
   _getDocObject() {
-    return ui(this._univerInstanceService, this._renderManagerService);
+    return fi(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
     const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(se).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
@@ -985,9 +985,9 @@ let on = class extends Xe {
       };
   }
 };
-on = Ri([
+on = Ni([
   Qe(0, z),
-  Qe(1, Q),
+  Qe(1, K),
   Qe(2, Ie),
   Qe(3, ee)
 ], on);
@@ -999,23 +999,23 @@ var he = function() {
     }
     return i;
   }, he.apply(this, arguments);
-}, Ei = function(i, e) {
+}, Ai = 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;
-}, tt = Xn(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Ei(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Ci("_".concat(Li()));
-  return it(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
+}, it = Kn(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Ai(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Di("_".concat(Bi()));
+  return rt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
 });
-function it(i, e, n, t, r) {
-  return Kn(i.tag, he(he({ key: e }, Ai(i, n, r)), t), (xi(i, n).children || []).map(function(o, s) {
-    return it(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
+function rt(i, e, n, t, r) {
+  return Yn(i.tag, he(he({ key: e }, xi(i, n, r)), t), (Li(i, n).children || []).map(function(o, s) {
+    return rt(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
-function Ai(i, e, n) {
+function xi(i, e, n) {
   var t = he({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1), i.tag === "mask" && t.id && (t.id = t.id + e.idSuffix), Object.entries(t).forEach(function(o) {
     var s = o[0], a = o[1];
@@ -1027,34 +1027,34 @@ function Ai(i, e, n) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function xi(i, e) {
+function Li(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) ? he(he({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? he(he({}, r), { attrs: he(he({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function Li() {
+function Bi() {
   return Math.random().toString(36).substring(2, 8);
 }
-tt.displayName = "UniverIcon";
-var Bi = { 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" } }] }, rt = Xn(function(i, e) {
-  return Kn(tt, Object.assign({}, i, {
+it.displayName = "UniverIcon";
+var Ui = { 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" } }] }, ot = Kn(function(i, e) {
+  return Yn(it, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: Bi
+    icon: Ui
   }));
 });
-rt.displayName = "AddImageSingle";
-const Sn = {
+ot.displayName = "AddImageSingle";
+const Cn = {
   id: "doc.command.remove-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
     var M, y, E, U;
-    const n = i.get(z), t = i.get(Q), r = i.get(ee), o = t.getCurrentUniverDocInstance();
+    const n = i.get(z), t = i.get(K), r = i.get(ee), o = t.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(Me), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new vn(), l = q.getInstance(), m = (E = (y = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.customBlocks) != null ? E : [], g = a.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new Pt();
+    const s = r.getRenderById(e.unitId).with(Me), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new vn(), l = q.getInstance(), m = (E = (y = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.customBlocks) != null ? E : [], g = a.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new yt();
     h.reset();
     const v = g[0].startIndex, w = [
       {
@@ -1072,10 +1072,10 @@ const Sn = {
     for (const N of g) {
       const { startIndex: I } = N;
       I > h.cursor && c.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: I - h.cursor
       }), c.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       }), h.moveCursorTo(I + 1);
     }
@@ -1087,9 +1087,9 @@ const Sn = {
     }
     return S.params.actions = O.reduce((N, I) => q.compose(N, I), null), !!n.syncExecuteCommand(S.id, S.params);
   }
-}, ot = {
+}, st = {
   id: "doc.command.delete-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i) => {
     const e = i.get(z), t = i.get(Be).getFocusDrawings();
     if (t.length === 0)
@@ -1103,16 +1103,16 @@ const Sn = {
         drawingType: l
       };
     });
-    return e.executeCommand(Sn.id, {
+    return e.executeCommand(Cn.id, {
       unitId: r,
       drawings: o
     });
   }
-}, st = {
+}, at = {
   id: "doc.command.group-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Gn);
+    i.get(z), i.get(Vn);
     const n = i.get(Be);
     if (!e) return !1;
     const t = [];
@@ -1124,15 +1124,15 @@ const Sn = {
     const r = n.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
     return !1;
   }
-}, at = {
+}, ct = {
   id: "doc.command.insert-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
     var y, E, U, N;
     if (e == null)
       return !1;
-    const n = i.get(z), t = i.get(In), r = i.get(Q), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
+    const n = i.get(z), t = i.get(_n), r = i.get(K), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
     if (o == null || s == null)
       return !1;
     const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: l, segmentId: m } = o, g = s.getSelfOrHeaderFooterModel(m).getBody();
@@ -1142,13 +1142,13 @@ const Sn = {
     let S = 0;
     if (c)
       l > 0 && p.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: l
       });
     else {
-      const I = yt.selection.delete([o], g, 0, null, !1);
+      const I = bt.selection.delete([o], g, 0, null, !1);
       p.push(...I);
-      const L = fi(g, [o]), W = (U = s.getDrawings()) != null ? U : {}, x = (N = s.getDrawingsOrder()) != null ? N : [], G = L.sort((_, C) => x.indexOf(_) > x.indexOf(C) ? -1 : x.indexOf(_) < x.indexOf(C) ? 1 : 0);
+      const L = hi(g, [o]), W = (U = s.getDrawings()) != null ? U : {}, x = (N = s.getDrawingsOrder()) != null ? N : [], G = L.sort((_, C) => x.indexOf(_) > x.indexOf(C) ? -1 : x.indexOf(_) < x.indexOf(C) ? 1 : 0);
       if (G.length > 0)
         for (const _ of G) {
           const C = W[_], R = x.indexOf(_);
@@ -1159,7 +1159,7 @@ const Sn = {
         }
     }
     p.push({
-      t: Z.INSERT,
+      t: Q.INSERT,
       body: {
         dataStream: "\b".repeat(d.length),
         customBlocks: d.map((I, L) => ({
@@ -1185,9 +1185,9 @@ const Sn = {
     };
     return T.params.actions = v.reduce((I, L) => q.compose(I, L), null), !!n.syncExecuteCommand(T.id, T.params);
   }
-}, ct = {
+}, dt = {
   id: "doc.command.set-drawing-arrange",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     const n = i.get(z), t = i.get(Be);
     if (e == null)
@@ -1212,11 +1212,11 @@ const Sn = {
     };
     return p.params.actions = m.reduce((v, w) => q.compose(v, w), null), !!n.syncExecuteCommand(p.id, p.params);
   }
-}, dt = {
+}, lt = {
   id: "doc.command.ungroup-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Gn);
+    i.get(z), i.get(Vn);
     const n = i.get(Be);
     if (!e) return !1;
     const t = [];
@@ -1229,8 +1229,8 @@ const Sn = {
     return !1;
   }
 };
-var Ui = Object.getOwnPropertyDescriptor, ki = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ui(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var ki = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ki(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, me = (i, e) => (n, t) => e(n, t, i);
@@ -1243,9 +1243,9 @@ let sn = class extends Xe {
       multiple: !0,
       accept: Gt.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
-    return e > Pn ? (this._messageService.show({
-      type: Ln.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(Pn))
+    return e > yn ? (this._messageService.show({
+      type: Bn.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(yn))
     }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
   }
   // eslint-disable-next-line max-lines-per-function
@@ -1268,7 +1268,7 @@ let sn = class extends Xe {
           break;
       }
       this._messageService.show({
-        type: Ln.Error,
+        type: Bn.Error,
         content: s
       });
     }
@@ -1281,8 +1281,8 @@ let sn = class extends Xe {
       const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await jt(d || "");
       this._imageIoService.addImageSourceCache(o, s, m);
       let g = 1;
-      if (c > yn || l > bn) {
-        const w = yn / c, S = bn / l;
+      if (c > bn || l > Mn) {
+        const w = bn / c, S = Mn / l;
         g = Math.min(w, S);
       }
       const p = this._getImagePosition(c * g, l * g);
@@ -1292,10 +1292,10 @@ let sn = class extends Xe {
         unitId: n,
         subUnitId: n,
         drawingId: o,
-        drawingType: bt.DRAWING_IMAGE,
+        drawingType: Mt.DRAWING_IMAGE,
         imageSourceType: s,
         source: a,
-        transform: hi(p),
+        transform: pi(p),
         docTransform: p,
         behindDoc: oe.FALSE,
         title: "",
@@ -1310,7 +1310,7 @@ let sn = class extends Xe {
       };
       this._isInsertInHeaderFooter() && (h.isMultiTransform = oe.TRUE, h.transforms = h.transform ? [h.transform] : null), t.push(h);
     }
-    this._commandService.executeCommand(at.id, {
+    this._commandService.executeCommand(ct.id, {
       unitId: n,
       drawings: t
     });
@@ -1343,7 +1343,7 @@ let sn = class extends Xe {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
-      this._commandService.executeCommand(ct.id, {
+      this._commandService.executeCommand(dt.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -1353,9 +1353,9 @@ let sn = class extends Xe {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(st.id, i);
+      this._commandService.executeCommand(at.id, i);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(dt.id, i);
+      this._commandService.executeCommand(lt.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
@@ -1368,7 +1368,7 @@ let sn = class extends Xe {
   _transformDrawingListener() {
     const i = this._getCurrentSceneAndTransformer();
     if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(qn(30)).subscribe((e) => {
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(Xn(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -1450,32 +1450,33 @@ let sn = class extends Xe {
     this._docSelectionManagerService.replaceDocRanges(t);
   }
 };
-sn = ki([
+sn = Fi([
   me(1, z),
-  me(2, ve(In)),
+  me(2, ve(_n)),
   me(3, ee),
   me(4, Wt),
   me(5, Be),
   me(6, Ie),
-  me(7, Vn),
-  me(8, ii),
+  me(7, jn),
+  me(8, ri),
   me(9, ve(ln)),
   me(10, ve(Me)),
   me(11, ve(gn)),
-  me(12, ri)
+  me(12, oi)
 ], sn);
-const lt = {
+const gt = {
   id: "doc.command.insert-float-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i) => {
-    var n, t;
-    return (t = (n = i.get(ee).getCurrentTypeOfRenderer(be.UNIVER_DOC)) == null ? void 0 : n.with(sn).insertDocImage()) != null ? t : !1;
+    var t, r;
+    const e = i.get(K), n = i.get(ee);
+    return (r = (t = ti(be.UNIVER_DOC, e, n)) == null ? void 0 : t.with(sn).insertDocImage()) != null ? r : !1;
   }
 }, Ke = {
   id: "doc.command.move-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(z), t = i.get(Be), r = i.get(Q), o = i.get(ee), { direction: s } = e, a = t.getFocusDrawings();
+    const n = i.get(z), t = i.get(Be), r = i.get(K), o = i.get(ee), { direction: s } = e, a = t.getFocusDrawings();
     if (a.length === 0)
       return !1;
     const d = a[0].unitId, c = o.getRenderById(d), l = c == null ? void 0 : c.scene;
@@ -1502,9 +1503,9 @@ const lt = {
     });
     return m.refreshControls(), !!h;
   }
-}, Fi = {
+}, Hi = {
   id: "doc.operation.clear-drawing-transformer",
-  type: K.MUTATION,
+  type: Y.MUTATION,
   handler: (i, e) => {
     const n = i.get(ee);
     return e.forEach((t) => {
@@ -1512,16 +1513,16 @@ const lt = {
       (o = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, gt = "COMPONENT_DOC_DRAWING_PANEL", mt = {
+}, mt = "COMPONENT_DOC_DRAWING_PANEL", ut = {
   id: "sidebar.operation.doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(oi), t = i.get(ln), r = i.get(Ie);
+    const n = i.get(si), t = i.get(ln), r = i.get(Ie);
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("docImage.panel.title") },
-          children: { label: gt },
+          children: { label: mt },
           onClose: () => {
             r.focusDrawing(null);
           },
@@ -1535,25 +1536,25 @@ const lt = {
     }
     return !0;
   }
-}, ut = {
+}, ft = {
   id: "doc.operation.edit-doc-image",
-  type: K.OPERATION,
+  type: Y.OPERATION,
   handler: (i, e) => {
     const n = i.get(Ie), t = i.get(z);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(mt.id, { value: "open" }), !0);
-  }
-}, Hi = "univer-image-common-panel", Wi = "univer-image-common-panel-grid", Gi = "univer-image-common-panel-border", Vi = "univer-image-common-panel-title", ji = "univer-image-common-panel-subtitle", $i = "univer-image-common-panel-row", zi = "univer-image-common-panel-column", qi = "univer-image-common-panel-span2", Xi = "univer-image-common-panel-input", u = {
-  imageCommonPanel: Hi,
-  imageCommonPanelGrid: Wi,
-  imageCommonPanelBorder: Gi,
-  imageCommonPanelTitle: Vi,
-  imageCommonPanelSubtitle: ji,
-  imageCommonPanelRow: $i,
-  imageCommonPanelColumn: zi,
-  imageCommonPanelSpan2: qi,
-  imageCommonPanelInput: Xi
-}, Hn = -1e3, Wn = 1e3, Ki = (i) => {
-  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, a = s[0];
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(ut.id, { value: "open" }), !0);
+  }
+}, Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", Vi = "univer-image-common-panel-border", ji = "univer-image-common-panel-title", $i = "univer-image-common-panel-subtitle", zi = "univer-image-common-panel-row", qi = "univer-image-common-panel-column", Xi = "univer-image-common-panel-span2", Ki = "univer-image-common-panel-input", u = {
+  imageCommonPanel: Wi,
+  imageCommonPanelGrid: Gi,
+  imageCommonPanelBorder: Vi,
+  imageCommonPanelTitle: ji,
+  imageCommonPanelSubtitle: $i,
+  imageCommonPanelRow: zi,
+  imageCommonPanelColumn: qi,
+  imageCommonPanelSpan2: Xi,
+  imageCommonPanelInput: Ki
+}, Wn = -1e3, Gn = 1e3, Yi = (i) => {
+  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(K), { drawings: s } = i, a = s[0];
   if (a == null)
     return;
   const { unitId: d } = a, c = o.getUniverDocInstance(d), l = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), g = m == null ? void 0 : m.scene;
@@ -1623,7 +1624,7 @@ const lt = {
       return;
     const b = k[0].drawingId, A = k[0].unitId;
     let $ = null, F = 0;
-    const Y = (ie = r.getRenderById(A)) == null ? void 0 : ie.with(se).getSkeleton(), ae = Y == null ? void 0 : Y.getSkeletonData();
+    const Z = (ie = r.getRenderById(A)) == null ? void 0 : ie.with(se).getSkeleton(), ae = Z == null ? void 0 : Z.getSkeletonData();
     if (ae == null)
       return;
     const { pages: Ue, skeHeaders: Re, skeFooters: We } = ae;
@@ -1662,8 +1663,8 @@ const lt = {
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const { drawingId: b, unitId: A } = k[0], $ = o.getUniverDocInstance(A), F = (Oe = r.getRenderById(A)) == null ? void 0 : Oe.with(se).getSkeleton(), Y = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Me), ae = Y == null ? void 0 : Y.getSegment(), Ue = Y == null ? void 0 : Y.getSegmentPage(), Re = (Te = (Ee = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Ae) => Ae.blockId === b);
-    if (Re == null || F == null || Y == null)
+    const { drawingId: b, unitId: A } = k[0], $ = o.getUniverDocInstance(A), F = (Oe = r.getRenderById(A)) == null ? void 0 : Oe.with(se).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Me), ae = Z == null ? void 0 : Z.getSegment(), Ue = Z == null ? void 0 : Z.getSegmentPage(), Re = (Te = (Ee = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Ae) => Ae.blockId === b);
+    if (Re == null || F == null || Z == null)
       return;
     const { startIndex: We } = Re, ce = F.findNodeByCharIndex(We, ae, Ue), te = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, ie = te == null ? void 0 : te.parent, _e = ie == null ? void 0 : ie.lines.find((Ae) => Ae.paragraphIndex === (te == null ? void 0 : te.paragraphIndex) && Ae.paragraphStart), Se = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
     if (ce == null || te == null || _e == null || ie == null || Se == null)
@@ -1694,7 +1695,7 @@ const lt = {
   function _(C) {
     E(C), W(String(C ? V.PARAGRAPH : V.PAGE));
   }
-  return _n(() => {
+  return Sn(() => {
     G();
     const C = t.focus$.subscribe((P) => {
       if (P.length === 0) {
@@ -1717,8 +1718,8 @@ const lt = {
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
           ke,
           {
-            min: Hn,
-            max: Wn,
+            min: Wn,
+            max: Gn,
             precision: 1,
             disabled: w,
             value: O.posOffset,
@@ -1735,7 +1736,7 @@ const lt = {
       /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Bn,
+          Un,
           {
             value: String(O.relativeFrom),
             disabled: w,
@@ -1752,8 +1753,8 @@ const lt = {
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
           ke,
           {
-            min: Hn,
-            max: Wn,
+            min: Wn,
+            max: Gn,
             precision: 1,
             disabled: w,
             value: T.posOffset,
@@ -1770,7 +1771,7 @@ const lt = {
       /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Bn,
+          Un,
           {
             disabled: w,
             value: String(T.relativeFrom),
@@ -1781,10 +1782,10 @@ const lt = {
       ] }) })
     ] }),
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(Si, { disabled: w, checked: y, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(Ci, { disabled: w, checked: y, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
   ] });
-}, Je = 0, en = 100, Yi = (i) => {
-  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, a = s[0];
+}, Je = 0, en = 100, Zi = (i) => {
+  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(K), { drawings: s } = i, a = s[0];
   if (a == null)
     return null;
   const { unitId: d } = a, c = o.getUniverDocInstance(d), l = r.getRenderById(d);
@@ -1806,7 +1807,7 @@ const lt = {
       subUnitId: b,
       drawingId: A
     }));
-    e.executeCommand(Zn.id, {
+    e.executeCommand(Qn.id, {
       unitId: R,
       subUnitId: P,
       drawings: B,
@@ -1823,7 +1824,7 @@ const lt = {
       subUnitId: P.subUnitId,
       drawingId: P.drawingId
     }));
-    e.executeCommand(Jn.id, {
+    e.executeCommand(et.id, {
       unitId: C[0].unitId,
       subUnitId: C[0].unitId,
       drawings: R,
@@ -1843,7 +1844,7 @@ const lt = {
       subUnitId: k.subUnitId,
       drawingId: k.drawingId
     }));
-    e.executeCommand(Qn.id, {
+    e.executeCommand(Jn.id, {
       unitId: P[0].unitId,
       subUnitId: P[0].unitId,
       drawings: B,
@@ -1857,8 +1858,8 @@ const lt = {
     _.length !== 0 && G(_[0]);
   }
   function G(_) {
-    var Y, ae;
-    const C = (ae = (Y = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Y.drawings) == null ? void 0 : ae[_.drawingId];
+    var Z, ae;
+    const C = (ae = (Z = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Z.drawings) == null ? void 0 : ae[_.drawingId];
     if (C == null)
       return;
     const {
@@ -1892,7 +1893,7 @@ const lt = {
           throw new Error(`Unsupported layout type: ${b}`);
       }
   }
-  return _n(() => {
+  return Sn(() => {
     x();
     const _ = t.focus$.subscribe((R) => {
       if (R.length === 0) {
@@ -1909,7 +1910,7 @@ const lt = {
   }, []), /* @__PURE__ */ X("div", { className: j(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.title") }) }) }),
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { value: O, onChange: I, direction: "vertical", children: [
+    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(kn, { value: O, onChange: I, direction: "vertical", children: [
       /* @__PURE__ */ f(Pe, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
       /* @__PURE__ */ f(Pe, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
       /* @__PURE__ */ f(Pe, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
@@ -1917,7 +1918,7 @@ const lt = {
       /* @__PURE__ */ f(Pe, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
     ] }) }) }),
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
+    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(kn, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
       /* @__PURE__ */ f(Pe, { value: $e.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
       /* @__PURE__ */ f(Pe, { value: $e.LEFT, children: n.t("image-text-wrap.leftOnly") }),
       /* @__PURE__ */ f(Pe, { value: $e.RIGHT, children: n.t("image-text-wrap.rightOnly") })
@@ -1996,9 +1997,9 @@ const lt = {
       ] }) })
     ] })
   ] });
-}, Zi = () => {
+}, Qi = () => {
   const i = we(Ie), e = i.getFocusDrawings(), [n, t] = re(e);
-  return _n(() => {
+  return Sn(() => {
     const r = i.focus$.subscribe((o) => {
       t(o);
     });
@@ -2007,12 +2008,12 @@ const lt = {
     };
   }, []), !!(n != null && n.length) && /* @__PURE__ */ X("div", { className: u.imageCommonPanel, children: [
     /* @__PURE__ */ f(qt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ f(Yi, { drawings: n }),
-    /* @__PURE__ */ f(Ki, { drawings: n })
+    /* @__PURE__ */ f(Zi, { drawings: n }),
+    /* @__PURE__ */ f(Yi, { drawings: n })
   ] });
-}, ft = "addition-and-subtraction-single", ht = "doc.menu.image", pt = lt.id, Qi = (i) => {
-  const e = i.get(In), n = i.get(Q);
-  return new _i((t) => {
+}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = gt.id, Ji = (i) => {
+  const e = i.get(_n), n = i.get(K);
+  return new Si((t) => {
     const r = e.textSelection$.subscribe(() => {
       var s;
       const o = e.getActiveTextRange();
@@ -2034,40 +2035,40 @@ const lt = {
     return () => r.unsubscribe();
   });
 };
-function Ji(i) {
+function er(i) {
   return {
-    id: ht,
-    type: zn.SUBITEMS,
-    icon: ft,
+    id: pt,
+    type: qn.SUBITEMS,
+    icon: ht,
     tooltip: "docImage.title",
-    disabled$: Qi(i),
-    hidden$: $n(i, be.UNIVER_DOC)
+    disabled$: Ji(i),
+    hidden$: zn(i, be.UNIVER_DOC, void 0, In)
   };
 }
-function er(i) {
+function nr(i) {
   return {
-    id: pt,
+    id: wt,
     title: "docImage.upload.float",
-    type: zn.BUTTON,
-    hidden$: $n(i, be.UNIVER_DOC)
+    type: qn.BUTTON,
+    hidden$: zn(i, be.UNIVER_DOC, void 0, In)
   };
 }
-const nr = {
-  [si.LAYOUT]: {
-    [ht]: {
+const tr = {
+  [ai.LAYOUT]: {
+    [pt]: {
       order: 0,
-      menuItemFactory: Ji,
-      [pt]: {
+      menuItemFactory: er,
+      [wt]: {
         order: 0,
-        menuItemFactory: er
+        menuItemFactory: nr
       }
     }
   }
 };
 function Ye(i) {
-  return i.getContextValue(Mt) && i.getContextValue(tn);
+  return i.getContextValue(Rt) && i.getContextValue(tn);
 }
-const tr = {
+const ir = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
@@ -2077,7 +2078,7 @@ const tr = {
   staticParameters: {
     direction: fe.DOWN
   }
-}, ir = {
+}, rr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
@@ -2087,7 +2088,7 @@ const tr = {
   staticParameters: {
     direction: fe.UP
   }
-}, rr = {
+}, or = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
@@ -2097,7 +2098,7 @@ const tr = {
   staticParameters: {
     direction: fe.LEFT
   }
-}, or = {
+}, sr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
@@ -2107,8 +2108,8 @@ const tr = {
   staticParameters: {
     direction: fe.RIGHT
   }
-}, sr = {
-  id: ot.id,
+}, ar = {
+  id: st.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -2116,8 +2117,8 @@ const tr = {
   binding: He.DELETE,
   mac: He.BACKSPACE
 };
-var ar = Object.getOwnPropertyDescriptor, cr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ar(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var cr = Object.getOwnPropertyDescriptor, dr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? cr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, nn = (i, e) => (n, t) => e(n, t, i);
@@ -2127,40 +2128,40 @@ let an = class extends Xe {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(ft, rt)), this.disposeWithMe(i.register(gt, Zi));
+    this.disposeWithMe(i.register(ht, ot)), this.disposeWithMe(i.register(mt, Qi));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(nr);
+    this._menuManagerService.mergeMenu(tr);
   }
   _initCommands() {
     [
-      lt,
-      at,
-      Zn,
+      gt,
+      ct,
       Qn,
       Jn,
-      qe,
       et,
+      qe,
       nt,
-      Sn,
-      mt,
-      Fi,
+      tt,
+      Cn,
       ut,
-      st,
-      dt,
+      Hi,
+      ft,
+      at,
+      lt,
       Ke,
-      ot,
-      ct
+      st,
+      dt
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      tr,
       ir,
       rr,
       or,
-      sr
+      sr,
+      ar
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2169,25 +2170,25 @@ let an = class extends Xe {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-an = cr([
-  nn(0, ve(ai)),
-  nn(1, ci),
+an = dr([
+  nn(0, ve(ci)),
+  nn(1, di),
   nn(2, z),
-  nn(3, di)
+  nn(3, li)
 ], an);
-var dr = Object.getOwnPropertyDescriptor, lr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? dr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var lr = Object.getOwnPropertyDescriptor, gr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? lr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, je = (i, e) => (n, t) => e(n, t, i);
-let cn = class extends Rt {
+let cn = class extends Nt {
   constructor(e, n, t, r, o) {
     super();
     Ce(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._drawingManagerService = e, this._canvasPopManagerService = n, this._renderManagerService = t, this._univerInstanceService = r, this._contextService = o, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(be.UNIVER_DOC).pipe(An(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(be.UNIVER_DOC).pipe(An(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(be.UNIVER_DOC).forEach((e) => this._create(e));
+    this._univerInstanceService.getCurrentTypeOfUnit$(be.UNIVER_DOC).pipe(xn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(be.UNIVER_DOC).pipe(xn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(be.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -2274,14 +2275,14 @@ let cn = class extends Rt {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: ut.id,
+        commandId: ft.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!Nt.includes(e)
+        disable: !!Et.includes(e)
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Sn.id,
+        commandId: Cn.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
@@ -2304,22 +2305,22 @@ let cn = class extends Rt {
     ];
   }
 };
-cn = lr([
+cn = gr([
   je(0, Ie),
-  je(1, ve(pi)),
+  je(1, ve(wi)),
   je(2, ee),
-  je(3, Q),
-  je(4, Vn)
+  je(3, K),
+  je(4, jn)
 ], cn);
-var gr = Object.getOwnPropertyDescriptor, mr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? gr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var mr = Object.getOwnPropertyDescriptor, ur = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? mr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, xe = (i, e) => (n, t) => e(n, t, i);
 let wn = class extends Xe {
   constructor(e, n, t, r, o, s, a, d) {
     super();
-    Ce(this, "_liquid", new jn());
+    Ce(this, "_liquid", new $n());
     this._context = e, this._docSkeletonManagerService = n, this._commandService = t, this._editorService = r, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = a, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
@@ -2333,7 +2334,7 @@ let wn = class extends Xe {
     });
   }
   _commandExecutedListener() {
-    const e = [J.id, vi.id];
+    const e = [J.id, Ii.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
@@ -2343,7 +2344,7 @@ let wn = class extends Xe {
           const a = this._docSkeletonManagerService.getSkeleton();
           if (a == null)
             return;
-          if (this._editorService.isEditor(o) && o !== At) {
+          if (this._editorService.isEditor(o) && o !== In) {
             s == null || s.makeDirty();
             return;
           }
@@ -2355,8 +2356,8 @@ let wn = class extends Xe {
   _initResize() {
     this.disposeWithMe(
       xt(this._context.engine.onTransformChange$).pipe(
-        xn((e) => e.type === ti.resize),
-        qn(16)
+        Ln((e) => e.type === ii.resize),
+        Xn(16)
       ).subscribe(() => {
         var t;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: n } = this._context;
@@ -2447,35 +2448,35 @@ let wn = class extends Xe {
       const n = this._docSkeletonManagerService.getSkeleton();
       n != null && (this._refreshDrawing(n), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage === Tn.Steady ? setTimeout(() => {
+    this._lifecycleService.stage === Pn.Steady ? setTimeout(() => {
       e();
-    }, 1e3) : this._lifecycleService.lifecycle$.pipe(xn((n) => n === Tn.Steady)).subscribe(e);
+    }, 1e3) : this._lifecycleService.lifecycle$.pipe(Ln((n) => n === Pn.Steady)).subscribe(e);
   }
 };
-wn = mr([
+wn = ur([
   xe(1, ve(se)),
   xe(2, z),
-  xe(3, wi),
+  xe(3, vi),
   xe(4, Ie),
   xe(5, ve(gn)),
-  xe(6, Q),
-  xe(7, ve(Et))
+  xe(6, K),
+  xe(7, ve(At))
 ], wn);
-var ur = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, hr = (i, e, n) => e in i ? ur(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, pr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? fr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var fr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, pr = (i, e, n) => e in i ? fr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, wr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? hr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, pn = (i, e) => (n, t) => e(n, t, i), wt = (i, e, n) => hr(i, typeof e != "symbol" ? e + "" : e, n);
-const wr = "DOC_DRAWING_UI_PLUGIN";
+}, pn = (i, e) => (n, t) => e(n, t, i), vt = (i, e, n) => pr(i, typeof e != "symbol" ? e + "" : e, n);
+const vr = "DOC_DRAWING_UI_PLUGIN";
 let dn = class extends kt {
-  constructor(i = kn, e, n, t) {
+  constructor(i = Fn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
     const { ...r } = Ft(
       {},
-      kn,
+      Fn,
       this._config
     );
-    this._configService.setConfig(Di, r);
+    this._configService.setConfig(Oi, r);
   }
   onStarting() {
     [
@@ -2496,26 +2497,26 @@ let dn = class extends kt {
     this._injector.get(cn);
   }
 };
-wt(dn, "type", be.UNIVER_DOC);
-wt(dn, "pluginName", wr);
-dn = pr([
-  Lt(Qt, zt, Ht, li),
+vt(dn, "type", be.UNIVER_DOC);
+vt(dn, "pluginName", vr);
+dn = wr([
+  Lt(Qt, zt, Ht, gi),
   pn(1, ve(Bt)),
   pn(2, ee),
   pn(3, Ut)
 ], dn);
 export {
-  Fi as ClearDocDrawingTransformerOperation,
-  ht as DOCS_IMAGE_MENU_ID,
-  ot as DeleteDocDrawingsCommand,
-  ut as EditDocDrawingOperation,
-  st as GroupDocDrawingCommand,
-  at as InsertDocDrawingCommand,
-  lt as InsertDocImageCommand,
+  Hi as ClearDocDrawingTransformerOperation,
+  pt as DOCS_IMAGE_MENU_ID,
+  st as DeleteDocDrawingsCommand,
+  ft as EditDocDrawingOperation,
+  at as GroupDocDrawingCommand,
+  ct as InsertDocDrawingCommand,
+  gt as InsertDocImageCommand,
   Ke as MoveDocDrawingsCommand,
-  Sn as RemoveDocDrawingCommand,
-  ct as SetDocDrawingArrangeCommand,
-  mt as SidebarDocDrawingOperation,
-  dt as UngroupDocDrawingCommand,
+  Cn as RemoveDocDrawingCommand,
+  dt as SetDocDrawingArrangeCommand,
+  ut as SidebarDocDrawingOperation,
+  lt as UngroupDocDrawingCommand,
   dn as UniverDocsDrawingUIPlugin
 };