@univerjs/docs-drawing-ui 0.5.1 → 0.5.2-nightly.202412291605

package/lib/es/index.js

@@ -1,24 +1,24 @@
-var xt = Object.defineProperty;
-var Pt = (i, e, n) => e in i ? xt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var Se = (i, e, n) => Pt(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Xe, UndoCommand as Tt, RedoCommand as yt, IUniverInstanceService as J, ICommandService as z, JSONX as q, PositionedObjectLayoutType as k, CommandType as X, BooleanNumber as re, ObjectRelativeFromH as ee, ObjectRelativeFromV as G, Tools as Pe, TextX as In, TextXActionType as Y, toDisposable as Ae, throttle as xn, COLORS as bt, MemoryCursor as Mt, IUndoRedoService as Vn, BuildTextUtils as Rt, ArrangeTypeEnum as Je, Inject as we, LocaleService as ln, DrawingTypeEnum as Nt, WrapTextType as $e, FOCUSING_COMMON_DRAWINGS as tn, IContextService as $n, UniverInstanceType as Te, Direction as ue, useDependency as pe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Et, RxDisposable as At, SHEET_EDITOR_UNITS as jt, LifecycleService as Lt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Bt, fromEventSubject as Ut, LifecycleStages as Pn, DependentOn as Ft, Injector as kt, Plugin as Ht, IConfigService as Wt } from "@univerjs/core";
-import { IDocDrawingService as je, UniverDocsDrawingPlugin as Gt } from "@univerjs/docs-drawing";
-import { IDrawingManagerService as ve, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Vt, DRAWING_IMAGE_COUNT_LIMIT as Tn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as $t, getImageSize as zt, getDrawingShapeKeyByDrawingSearch as qt, IImageIoService as Xt, DRAWING_IMAGE_WIDTH_LIMIT as yn, DRAWING_IMAGE_HEIGHT_LIMIT as bn, UniverDrawingPlugin as Kt } from "@univerjs/drawing";
-import { DrawingCommonPanel as Yt, ImageCropperObject as Jt, COMPONENT_IMAGE_POPUP_MENU as Zt, OpenImageCropOperation as Qt, ImageResetSizeOperation as ei, UniverDrawingUIPlugin as ni } from "@univerjs/drawing-ui";
-import { IRenderManagerService as Q, DocumentEditArea as Ue, Liquid as zn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as ti, Rect as ii, getColor as ri, TRANSFORM_CHANGE_OBSERVABLE_TYPE as oi } from "@univerjs/engine-render";
-import { IMessageService as si, ILocalFileService as ai, ISidebarService as ci, MenuItemType as qn, getMenuHiddenObservable as Xn, RibbonStartGroup as di, KeyCode as Fe, ComponentManager as li, IMenuManagerService as gi, IShortcutService as mi, UniverUIPlugin as ui } from "@univerjs/ui";
+var Pt = Object.defineProperty;
+var Tt = (i, e, n) => e in i ? Pt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var Se = (i, e, n) => Tt(i, typeof e != "symbol" ? e + "" : e, n);
+import { Disposable as Xe, UndoCommand as yt, RedoCommand as bt, IUniverInstanceService as J, ICommandService as z, JSONX as q, PositionedObjectLayoutType as k, CommandType as X, BooleanNumber as re, ObjectRelativeFromH as ee, ObjectRelativeFromV as G, Tools as Pe, TextX as In, TextXActionType as Y, toDisposable as Ae, throttle as xn, COLORS as Mt, MemoryCursor as Rt, IUndoRedoService as $n, BuildTextUtils as Nt, ArrangeTypeEnum as Je, Inject as we, LocaleService as ln, DrawingTypeEnum as Et, WrapTextType as $e, FOCUSING_COMMON_DRAWINGS as tn, IContextService as zn, UniverInstanceType as Te, Direction as ue, useDependency as pe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as At, RxDisposable as jt, SHEET_EDITOR_UNITS as Lt, LifecycleService as Bt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Ut, fromEventSubject as Ft, LifecycleStages as Pn, DependentOn as kt, Injector as Ht, Plugin as Wt, merge as Gt, IConfigService as Vt } from "@univerjs/core";
+import { IDocDrawingService as je, UniverDocsDrawingPlugin as $t } from "@univerjs/docs-drawing";
+import { IDrawingManagerService as ve, DRAWING_IMAGE_ALLOW_IMAGE_LIST as zt, DRAWING_IMAGE_COUNT_LIMIT as Tn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as qt, getImageSize as Xt, getDrawingShapeKeyByDrawingSearch as Kt, IImageIoService as Yt, DRAWING_IMAGE_WIDTH_LIMIT as yn, DRAWING_IMAGE_HEIGHT_LIMIT as bn, UniverDrawingPlugin as Jt } from "@univerjs/drawing";
+import { DrawingCommonPanel as Zt, ImageCropperObject as Qt, COMPONENT_IMAGE_POPUP_MENU as ei, OpenImageCropOperation as ni, ImageResetSizeOperation as ti, UniverDrawingUIPlugin as ii } from "@univerjs/drawing-ui";
+import { IRenderManagerService as Q, DocumentEditArea as Ue, Liquid as qn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as ri, Rect as oi, getColor as si, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ai } from "@univerjs/engine-render";
+import { IMessageService as ci, ILocalFileService as di, ISidebarService as li, MenuItemType as Xn, getMenuHiddenObservable as Kn, RibbonStartGroup as gi, KeyCode as Fe, ComponentManager as mi, IMenuManagerService as ui, IShortcutService as fi, UniverUIPlugin as hi } from "@univerjs/ui";
 import { RichTextEditingMutation as Z, DocSkeletonManagerService as oe, DocSelectionManagerService as _n } from "@univerjs/docs";
-import { DocSelectionRenderService as ye, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as En, getAnchorBounding as fi, TEXT_RANGE_LAYER_INDEX as hi, getDocObject as pi, getCustomBlockIdsInSelections as wi, docDrawingPositionToTransform as vi, DocCanvasPopManagerService as Ii, IEditorService as _i, SetDocZoomRatioOperation as Si } from "@univerjs/docs-ui";
-import { BehaviorSubject as Ci, debounceTime as Kn, Observable as Di, takeUntil as An, filter as jn } from "rxjs";
-import { MessageType as Ln, InputNumber as Be, Select as Bn, Checkbox as Oi, RadioGroup as Un, Radio as xe } from "@univerjs/design";
-import xi, { forwardRef as Yn, useRef as Pi, createElement as Jn, useState as ie, useEffect as Sn } from "react";
-const Ti = "docs-drawing-ui.config", yi = {};
-var bi = Object.defineProperty, 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--)
+import { DocSelectionRenderService as ye, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as En, getAnchorBounding as pi, TEXT_RANGE_LAYER_INDEX as wi, getDocObject as vi, getCustomBlockIdsInSelections as Ii, docDrawingPositionToTransform as _i, DocCanvasPopManagerService as Si, IEditorService as Ci, SetDocZoomRatioOperation as Di } from "@univerjs/docs-ui";
+import { BehaviorSubject as Oi, debounceTime as Yn, Observable as xi, takeUntil as An, filter as jn } from "rxjs";
+import { MessageType as Ln, InputNumber as Be, Select as Bn, Checkbox as Pi, RadioGroup as Un, Radio as xe } from "@univerjs/design";
+import Ti, { forwardRef as Jn, useRef as yi, createElement as Zn, useState as ie, useEffect as Sn } from "react";
+const bi = "docs-drawing-ui.config", Fn = {};
+var Mi = Object.defineProperty, 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 = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && bi(e, n, r), r;
+  return t && r && Mi(e, n, r), r;
 }, We = (i, e) => (n, t) => e(n, t, i);
-function Ni(i) {
+function Ei(i) {
   var t, r, o, s;
   if (q.isNoop(i) || !Array.isArray(i))
     return null;
@@ -41,7 +41,7 @@ function Ni(i) {
     });
   return n;
 }
-function Ei(i) {
+function Ai(i) {
   if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -68,7 +68,7 @@ let rn = class extends Xe {
       this._commandService.beforeCommandExecuted((i) => {
         if (i.id !== Z.id)
           return;
-        const e = i.params, { unitId: n, actions: t } = e, r = Ni(t);
+        const e = i.params, { unitId: n, actions: t } = e, r = Ei(t);
         if (r != null)
           for (const { type: o, drawingId: s, drawing: a } of r)
             o === "add" ? this._addDrawings(n, [a]) : this._removeDrawings(n, [s]);
@@ -78,12 +78,12 @@ let rn = class extends Xe {
         if (i.id !== Z.id)
           return;
         const e = i.params, { unitId: n, actions: t } = e;
-        Ei(t).length > 0 && this._updateDrawingsOrder(n);
+        Ai(t).length > 0 && this._updateDrawingsOrder(n);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var s;
-        if (i.id !== Tt.id && i.id !== yt.id)
+        if (i.id !== yt.id && i.id !== bt.id)
           return;
         const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
         if (e == null || n.length === 0)
@@ -124,7 +124,7 @@ let rn = class extends Xe {
     t.orderNotification(o), r.orderNotification(o);
   }
 };
-rn = Ri([
+rn = Ni([
   We(0, J),
   We(1, z),
   We(2, ve),
@@ -133,7 +133,7 @@ rn = Ri([
 ], rn);
 class gn {
   constructor() {
-    Se(this, "_refreshDrawings$", new Ci(null));
+    Se(this, "_refreshDrawings$", new Oi(null));
     Se(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
@@ -141,14 +141,14 @@ class gn {
   }
 }
 var me = /* @__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))(me || {});
-const Ai = {
+const ji = {
   inline: k.INLINE,
   wrapSquare: k.WRAP_SQUARE,
   wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
   inFrontOfText: k.WRAP_NONE,
   behindText: k.WRAP_NONE
 };
-function Zn(i, e, n, t, r, o, s) {
+function Qn(i, e, n, t, r, o, s) {
   var p, h;
   const a = new In(), d = q.getInstance(), c = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), u = o.getSelfOrHeaderFooterModel(i).getBody();
   if (l == null || u == null)
@@ -225,7 +225,7 @@ function Zn(i, e, n, t, r, o, s) {
     return c;
   }
 }
-const Qn = {
+const et = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: X.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -238,7 +238,7 @@ const Qn = {
       return !1;
     const p = l.getEditArea(), h = u.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: S } = c, O = q.getInstance(), D = [], { drawings: x = {} } = m.getSnapshot();
     for (const R of n) {
-      const { drawingId: I } = R, j = x[I].layoutType, H = Ai[t];
+      const { drawingId: I } = R, j = x[I].layoutType, H = ji[t];
       if (j !== H) {
         const C = O.replaceOp(["drawings", I, "layoutType"], j, H);
         D.push(C);
@@ -311,7 +311,7 @@ const Qn = {
     const T = o.syncExecuteCommand(b.id, b.params);
     return h.refreshControls(), !!T;
   }
-}, et = {
+}, nt = {
   id: "doc.command.update-doc-drawing-distance",
   type: X.COMMAND,
   handler: (i, e) => {
@@ -341,7 +341,7 @@ const Qn = {
     };
     return u.params.actions = c.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(u.id, u.params);
   }
-}, nt = {
+}, tt = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: X.COMMAND,
   handler: (i, e) => {
@@ -401,7 +401,7 @@ const Qn = {
     const v = n.syncExecuteCommand(h.id, h.params);
     return a.refreshControls(), !!v;
   }
-}, tt = {
+}, it = {
   id: "doc.command.move-inline-drawing",
   type: X.COMMAND,
   handler: (i, e) => {
@@ -417,7 +417,7 @@ const Qn = {
     const { drawing: m, unitId: p, offset: h, segmentId: v, segmentPage: w, needRefreshDrawings: S } = e;
     if (S)
       return r.refreshDrawings(a), d.refreshControls(), !0;
-    const O = [], { drawingId: D } = m, x = (R = t.getSegment()) != null ? R : "", b = Zn(
+    const O = [], { drawingId: D } = m, x = (R = t.getSegment()) != null ? R : "", b = Qn(
       v,
       x,
       w,
@@ -441,7 +441,7 @@ const Qn = {
     const N = c.syncExecuteCommand(T.id, T.params);
     return d.refreshControls(), !!N;
   }
-}, it = {
+}, rt = {
   id: "doc.command.transform-non-inline-drawing",
   type: X.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -455,7 +455,7 @@ const Qn = {
     const s = o.getTransformerByCreate(), a = i.get(z), c = i.get(J).getCurrentUniverDocInstance();
     if (c == null)
       return !1;
-    const { drawing: l, unitId: u, offset: m, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (W = t.getSegment()) != null ? W : "", D = Zn(
+    const { drawing: l, unitId: u, offset: m, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (W = t.getSegment()) != null ? W : "", D = Qn(
       h,
       O,
       v,
@@ -498,20 +498,20 @@ const Qn = {
     return s.refreshControls(), !!H;
   }
 };
-var ji = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, Bi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Li(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Li = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, Ui = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Bi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && ji(e, n, r), r;
+  return t && r && Li(e, n, r), r;
 }, Ze = (i, e) => (n, t) => e(n, t, i);
-const Ui = "__InlineDrawingAnchor__";
-function Fn(i) {
+const Fi = "__InlineDrawingAnchor__";
+function kn(i) {
   const { path: e } = i;
   return e.some((n) => n === "cells");
 }
 let on = class extends Xe {
   constructor(e, n, t, r) {
     super();
-    Se(this, "_liquid", new zn());
+    Se(this, "_liquid", new qn());
     Se(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
     Se(this, "_transformerCache", /* @__PURE__ */ new Map());
@@ -704,7 +704,7 @@ let on = class extends Xe {
     if (p == null)
       return;
     const b = o == null ? void 0 : o.findPositionByGlyph(p, v), T = this._getDocObject();
-    if (b == null || o == null || T == null || Fn(b))
+    if (b == null || o == null || T == null || kn(b))
       return;
     const N = {
       ...b,
@@ -754,8 +754,8 @@ let on = class extends Xe {
     this._liquid.reset();
     const K = F.type;
     for (const he of s) {
-      const { headerId: mn, footerId: un, pageHeight: Ct, pageWidth: Dn, marginLeft: On, marginBottom: Dt } = he, Ot = s.indexOf(he);
-      if (A > -1 && Ot === A) {
+      const { headerId: mn, footerId: un, pageHeight: Dt, pageWidth: Dn, marginLeft: On, marginBottom: Ot } = he, xt = s.indexOf(he);
+      if (A > -1 && xt === A) {
         switch (K) {
           case Rn.HEADER: {
             const He = (De = a.get(mn)) == null ? void 0 : De.get(Dn);
@@ -772,7 +772,7 @@ let on = class extends Xe {
             const He = (Me = d.get(un)) == null ? void 0 : Me.get(Dn);
             if (He)
               this._liquid.translatePagePadding({
-                marginTop: Ct - Dt + He.marginTop,
+                marginTop: Dt - Ot + He.marginTop,
                 marginLeft: On
               });
             else
@@ -819,7 +819,7 @@ let on = class extends Xe {
     if (j == null)
       return;
     const se = r == null ? void 0 : r.findPositionByGlyph(j, A), Le = this._getDocObject();
-    if (se == null || r == null || Le == null || Fn(se))
+    if (se == null || r == null || Le == null || kn(se))
       return;
     const be = {
       ...se,
@@ -853,7 +853,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(tt.id, {
+    return this._commandService.executeCommand(it.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -906,7 +906,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(it.id, {
+    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(rt.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -926,7 +926,7 @@ let on = class extends Xe {
     return { scene: t, transformer: r };
   }
   _getTransformCoordForDocumentOffset(e, n, t, r) {
-    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(ti.FromArray([t, r]));
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(ri.FromArray([t, r]));
     if (s)
       return o.clone().invert().applyPoint(s);
   }
@@ -937,23 +937,23 @@ let on = class extends Xe {
     const { mainComponent: r, scene: o } = t, s = r, {
       docsLeft: a,
       docsTop: d
-    } = s.getOffsetConfig(), c = fi(n), { left: l, top: u, height: m } = c, p = l + a, h = u + d;
+    } = s.getOffsetConfig(), c = pi(n), { left: l, top: u, height: m } = c, p = l + a, h = u + d;
     if (this._anchorShape) {
       this._anchorShape.transformByState({ left: p, top: h, height: m }), this._anchorShape.show();
       return;
     }
-    const v = 6, w = new ii(Ui + Pe.generateRandomId(v), {
+    const v = 6, w = new oi(Fi + Pe.generateRandomId(v), {
       left: p,
       top: h,
       height: m,
       strokeWidth: 2,
-      stroke: ri(bt.darkGray, 1),
+      stroke: si(Mt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = w, o.addObject(w, hi);
+    this._anchorShape = w, o.addObject(w, wi);
   }
   _getDocObject() {
-    return pi(this._univerInstanceService, this._renderManagerService);
+    return vi(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
     const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(oe).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
@@ -984,7 +984,7 @@ let on = class extends Xe {
       };
   }
 };
-on = Bi([
+on = Ui([
   Ze(0, z),
   Ze(1, J),
   Ze(2, ve),
@@ -998,23 +998,23 @@ var fe = function() {
     }
     return i;
   }, fe.apply(this, arguments);
-}, Fi = function(i, e) {
+}, ki = 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;
-}, rt = Yn(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Fi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Pi("_".concat(Wi()));
-  return ot(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, fe({ ref: e, className: a }, s), o);
+}, ot = Jn(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = ki(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = yi("_".concat(Gi()));
+  return st(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, fe({ ref: e, className: a }, s), o);
 });
-function ot(i, e, n, t, r) {
-  return Jn(i.tag, fe(fe({ key: e }, ki(i, n, r)), t), (Hi(i, n).children || []).map(function(o, s) {
-    return ot(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
+function st(i, e, n, t, r) {
+  return Zn(i.tag, fe(fe({ key: e }, Hi(i, n, r)), t), (Wi(i, n).children || []).map(function(o, s) {
+    return st(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
-function ki(i, e, n) {
+function Hi(i, e, n) {
   var t = fe({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
   var r = e.defIds;
@@ -1023,24 +1023,24 @@ function ki(i, e, n) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Hi(i, e) {
+function Wi(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) ? fe(fe({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? fe(fe({}, r), { attrs: fe(fe({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function Wi() {
+function Gi() {
   return Math.random().toString(36).substring(2, 8);
 }
-rt.displayName = "UniverIcon";
-var Gi = { 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" } }] }, st = Yn(function(i, e) {
-  return Jn(rt, Object.assign({}, i, {
+ot.displayName = "UniverIcon";
+var Vi = { 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" } }] }, at = Jn(function(i, e) {
+  return Zn(ot, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: Gi
+    icon: Vi
   }));
 });
-st.displayName = "AddImageSingle";
+at.displayName = "AddImageSingle";
 const Cn = {
   id: "doc.command.remove-doc-image",
   type: X.COMMAND,
@@ -1050,7 +1050,7 @@ const Cn = {
     const n = i.get(z), t = i.get(J), r = i.get(Q), o = t.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(ye), { drawings: a } = e, d = (b = s.getSegment()) != null ? b : "", c = new In(), l = q.getInstance(), u = (N = (T = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : T.customBlocks) != null ? N : [], m = a.map((R) => u.find((I) => I.blockId === R.drawingId)).filter((R) => !!R).sort((R, I) => R.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new Mt();
+    const s = r.getRenderById(e.unitId).with(ye), { drawings: a } = e, d = (b = s.getSegment()) != null ? b : "", c = new In(), l = q.getInstance(), u = (N = (T = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : T.customBlocks) != null ? N : [], m = a.map((R) => u.find((I) => I.blockId === R.drawingId)).filter((R) => !!R).sort((R, I) => R.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new Rt();
     h.reset();
     const v = m[0].startIndex, w = [
       {
@@ -1083,7 +1083,7 @@ const Cn = {
     }
     return S.params.actions = O.reduce((R, I) => q.compose(R, I), null), !!n.syncExecuteCommand(S.id, S.params);
   }
-}, at = {
+}, ct = {
   id: "doc.command.delete-drawing",
   type: X.COMMAND,
   handler: (i) => {
@@ -1104,11 +1104,11 @@ const Cn = {
       drawings: o
     });
   }
-}, ct = {
+}, dt = {
   id: "doc.command.group-doc-image",
   type: X.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Vn);
+    i.get(z), i.get($n);
     const n = i.get(je);
     if (!e) return !1;
     const t = [];
@@ -1118,7 +1118,7 @@ const Cn = {
       });
     }), n.getGroupDrawingOp(e), !1;
   }
-}, dt = {
+}, lt = {
   id: "doc.command.insert-doc-image",
   type: X.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -1140,9 +1140,9 @@ const Cn = {
         len: l
       });
     else {
-      const I = Rt.selection.delete([o], m, 0, null, !1);
+      const I = Nt.selection.delete([o], m, 0, null, !1);
       p.push(...I);
-      const j = wi(m, [o]), H = (B = s.getDrawings()) != null ? B : {}, A = (R = s.getDrawingsOrder()) != null ? R : [], W = j.sort((_, C) => A.indexOf(_) > A.indexOf(C) ? -1 : A.indexOf(_) < A.indexOf(C) ? 1 : 0);
+      const j = Ii(m, [o]), H = (B = s.getDrawings()) != null ? B : {}, A = (R = s.getDrawingsOrder()) != null ? R : [], W = j.sort((_, C) => A.indexOf(_) > A.indexOf(C) ? -1 : A.indexOf(_) < A.indexOf(C) ? 1 : 0);
       if (W.length > 0)
         for (const _ of W) {
           const C = H[_], M = A.indexOf(_);
@@ -1179,7 +1179,7 @@ const Cn = {
     };
     return x.params.actions = v.reduce((I, j) => q.compose(I, j), null), !!n.syncExecuteCommand(x.id, x.params);
   }
-}, lt = {
+}, gt = {
   id: "doc.command.set-drawing-arrange",
   type: X.COMMAND,
   handler: (i, e) => {
@@ -1206,11 +1206,11 @@ const Cn = {
     };
     return p.params.actions = u.reduce((v, w) => q.compose(v, w), null), !!n.syncExecuteCommand(p.id, p.params);
   }
-}, gt = {
+}, mt = {
   id: "doc.command.ungroup-doc-image",
   type: X.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Vn);
+    i.get(z), i.get($n);
     const n = i.get(je);
     if (!e) return !1;
     const t = [];
@@ -1221,10 +1221,10 @@ const Cn = {
     }), n.getUngroupDrawingOp(e), !1;
   }
 };
-var Vi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, zi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? $i(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var $i = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, qi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? zi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Vi(e, n, r), r;
+  return t && r && $i(e, n, r), r;
 }, ge = (i, e) => (n, t) => e(n, t, i);
 let sn = class extends Xe {
   constructor(i, e, n, t, r, o, s, a, d, c, l, u, m) {
@@ -1233,7 +1233,7 @@ let sn = class extends Xe {
   async insertDocImage() {
     const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: Vt.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: zt.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
     return e > Tn ? (this._messageService.show({
       type: Ln.Error,
@@ -1250,7 +1250,7 @@ let sn = class extends Xe {
       let s = "";
       switch (o) {
         case hn.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String($t / (1024 * 1024)));
+          s = this._localeService.t("update-status.exceedMaxSize", String(qt / (1024 * 1024)));
           break;
         case hn.ERROR_IMAGE_TYPE:
           s = this._localeService.t("update-status.invalidImageType");
@@ -1270,7 +1270,7 @@ let sn = class extends Xe {
     for (const r of e) {
       if (r == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: u } = await zt(d || "");
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: u } = await Xt(d || "");
       this._imageIoService.addImageSourceCache(o, s, u);
       let m = 1;
       if (c > yn || l > bn) {
@@ -1284,10 +1284,10 @@ let sn = class extends Xe {
         unitId: n,
         subUnitId: n,
         drawingId: o,
-        drawingType: Nt.DRAWING_IMAGE,
+        drawingType: Et.DRAWING_IMAGE,
         imageSourceType: s,
         source: a,
-        transform: vi(p),
+        transform: _i(p),
         docTransform: p,
         behindDoc: re.FALSE,
         title: "",
@@ -1302,7 +1302,7 @@ let sn = class extends Xe {
       };
       this._isInsertInHeaderFooter() && (h.isMultiTransform = re.TRUE, h.transforms = h.transform ? [h.transform] : null), t.push(h);
     }
-    this._commandService.executeCommand(dt.id, {
+    this._commandService.executeCommand(lt.id, {
       unitId: n,
       drawings: t
     });
@@ -1336,7 +1336,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(lt.id, {
+      this._commandService.executeCommand(gt.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -1346,9 +1346,9 @@ let sn = class extends Xe {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(ct.id, i);
+      this._commandService.executeCommand(dt.id, i);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(gt.id, i);
+      this._commandService.executeCommand(mt.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
@@ -1361,7 +1361,7 @@ let sn = class extends Xe {
   _transformDrawingListener() {
     const i = this._getCurrentSceneAndTransformer();
     if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(Kn(30)).subscribe((e) => {
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(Yn(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -1409,7 +1409,7 @@ let sn = class extends Xe {
       return;
     const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === Ue.BODY;
     for (const d of Object.keys(o)) {
-      const c = o[d], l = qt({ unitId: n, drawingId: c.drawingId, subUnitId: n }), u = e.fuzzyMathObjects(l, !0);
+      const c = o[d], l = Kt({ unitId: n, drawingId: c.drawingId, subUnitId: n }), u = e.fuzzyMathObjects(l, !0);
       if (u.length)
         for (const m of u)
           e.detachTransformerFrom(m), m.setOpacity(0.5), (s && c.isMultiTransform !== re.TRUE || !s && c.isMultiTransform === re.TRUE) && (e.attachTransformerTo(m), m.setOpacity(1));
@@ -1443,21 +1443,21 @@ let sn = class extends Xe {
     this._docSelectionManagerService.replaceDocRanges(t);
   }
 };
-sn = zi([
+sn = qi([
   ge(1, z),
   ge(2, we(_n)),
   ge(3, Q),
-  ge(4, Xt),
+  ge(4, Yt),
   ge(5, je),
   ge(6, ve),
-  ge(7, $n),
-  ge(8, si),
+  ge(7, zn),
+  ge(8, ci),
   ge(9, we(ln)),
   ge(10, we(ye)),
   ge(11, we(gn)),
-  ge(12, ai)
+  ge(12, di)
 ], sn);
-const mt = {
+const ut = {
   id: "doc.command.insert-float-image",
   type: X.COMMAND,
   handler: (i) => {
@@ -1495,7 +1495,7 @@ const mt = {
     });
     return u.refreshControls(), !!h;
   }
-}, qi = {
+}, Xi = {
   id: "doc.operation.clear-drawing-transformer",
   type: X.MUTATION,
   handler: (i, e) => {
@@ -1505,16 +1505,16 @@ const mt = {
       (o = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, ut = "COMPONENT_DOC_DRAWING_PANEL", ft = {
+}, ft = "COMPONENT_DOC_DRAWING_PANEL", ht = {
   id: "sidebar.operation.doc-image",
   type: X.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(ci), t = i.get(ln), r = i.get(ve);
+    const n = i.get(li), t = i.get(ln), r = i.get(ve);
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("docImage.panel.title") },
-          children: { label: ut },
+          children: { label: ft },
           onClose: () => {
             r.focusDrawing(null);
           },
@@ -1528,12 +1528,12 @@ const mt = {
     }
     return !0;
   }
-}, ht = {
+}, pt = {
   id: "doc.operation.edit-doc-image",
   type: X.OPERATION,
   handler: (i, e) => {
     const n = i.get(ve), t = i.get(z);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(ft.id, { value: "open" }), !0);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(ht.id, { value: "open" }), !0);
   }
 };
 var pn = { exports: {} }, Ge = {};
@@ -1546,11 +1546,11 @@ var pn = { exports: {} }, Ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var kn;
-function Xi() {
-  if (kn) return Ge;
-  kn = 1;
-  var i = xi, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Hn;
+function Ki() {
+  if (Hn) return Ge;
+  Hn = 1;
+  var i = Ti, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(a, d, c) {
     var l, u = {}, m = null, p = null;
     c !== void 0 && (m = "" + c), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (p = d.ref);
@@ -1560,41 +1560,41 @@ function Xi() {
   }
   return Ge.Fragment = n, Ge.jsx = s, Ge.jsxs = s, Ge;
 }
-var Hn;
-function Ki() {
-  return Hn || (Hn = 1, pn.exports = Xi()), pn.exports;
+var Wn;
+function Yi() {
+  return Wn || (Wn = 1, pn.exports = Ki()), pn.exports;
 }
-var g = Ki();
-function pt(i) {
+var g = Yi();
+function wt(i) {
   var e, n, t = "";
   if (typeof i == "string" || typeof i == "number") t += i;
   else if (typeof i == "object") if (Array.isArray(i)) {
     var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (n = pt(i[e])) && (t && (t += " "), t += n);
+    for (e = 0; e < r; e++) i[e] && (n = wt(i[e])) && (t && (t += " "), t += n);
   } else for (n in i) i[n] && (t && (t += " "), t += n);
   return t;
 }
 function V() {
-  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = pt(i)) && (t && (t += " "), t += e);
+  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = wt(i)) && (t && (t += " "), t += e);
   return t;
 }
-const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Zi = "univer-image-common-panel-border", Qi = "univer-image-common-panel-title", er = "univer-image-common-panel-subtitle", nr = "univer-image-common-panel-row", tr = "univer-image-common-panel-row-vertical", ir = "univer-image-common-panel-column", rr = "univer-image-common-panel-column-center", or = "univer-image-common-panel-inline", sr = "univer-image-common-panel-span2", ar = "univer-image-common-panel-span3", cr = "univer-image-common-panel-input", dr = "univer-sheet-image-menu", lr = "univer-sheet-image-menu-input", f = {
-  imageCommonPanel: Yi,
-  imageCommonPanelGrid: Ji,
-  imageCommonPanelBorder: Zi,
-  imageCommonPanelTitle: Qi,
-  imageCommonPanelSubtitle: er,
-  imageCommonPanelRow: nr,
-  imageCommonPanelRowVertical: tr,
-  imageCommonPanelColumn: ir,
-  imageCommonPanelColumnCenter: rr,
-  imageCommonPanelInline: or,
-  imageCommonPanelSpan2: sr,
-  imageCommonPanelSpan3: ar,
-  imageCommonPanelInput: cr,
-  sheetImageMenu: dr,
-  sheetImageMenuInput: lr
-}, Wn = -1e3, Gn = 1e3, gr = (i) => {
+const Ji = "univer-image-common-panel", Zi = "univer-image-common-panel-grid", Qi = "univer-image-common-panel-border", er = "univer-image-common-panel-title", nr = "univer-image-common-panel-subtitle", tr = "univer-image-common-panel-row", ir = "univer-image-common-panel-row-vertical", rr = "univer-image-common-panel-column", or = "univer-image-common-panel-column-center", sr = "univer-image-common-panel-inline", ar = "univer-image-common-panel-span2", cr = "univer-image-common-panel-span3", dr = "univer-image-common-panel-input", lr = "univer-sheet-image-menu", gr = "univer-sheet-image-menu-input", f = {
+  imageCommonPanel: Ji,
+  imageCommonPanelGrid: Zi,
+  imageCommonPanelBorder: Qi,
+  imageCommonPanelTitle: er,
+  imageCommonPanelSubtitle: nr,
+  imageCommonPanelRow: tr,
+  imageCommonPanelRowVertical: ir,
+  imageCommonPanelColumn: rr,
+  imageCommonPanelColumnCenter: or,
+  imageCommonPanelInline: sr,
+  imageCommonPanelSpan2: ar,
+  imageCommonPanelSpan3: cr,
+  imageCommonPanelInput: dr,
+  sheetImageMenu: lr,
+  sheetImageMenuInput: gr
+}, Gn = -1e3, Vn = 1e3, mr = (i) => {
   const e = pe(z), n = pe(ln), t = pe(ve), r = pe(Q), o = pe(J), { drawings: s } = i, a = s[0];
   if (a == null)
     return;
@@ -1759,8 +1759,8 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
         /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ g.jsx(
           Be,
           {
-            min: Wn,
-            max: Gn,
+            min: Gn,
+            max: Vn,
             precision: 1,
             disabled: w,
             value: O.posOffset,
@@ -1794,8 +1794,8 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
         /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ g.jsx(
           Be,
           {
-            min: Wn,
-            max: Gn,
+            min: Gn,
+            max: Vn,
             precision: 1,
             disabled: w,
             value: x.posOffset,
@@ -1823,9 +1823,9 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
       ] }) })
     ] }),
     /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelRow, children: /* @__PURE__ */ g.jsx("div", { className: V(f.imageCommonPanelColumn, f.imageCommonPanelSubtitle), children: /* @__PURE__ */ g.jsx("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ g.jsx(Oi, { disabled: w, checked: T, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ g.jsx("div", { className: f.imageCommonPanelColumn, children: /* @__PURE__ */ g.jsx(Pi, { disabled: w, checked: T, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
   ] });
-}, Qe = 0, en = 100, mr = (i) => {
+}, Qe = 0, en = 100, ur = (i) => {
   const e = pe(z), n = pe(ln), t = pe(ve), r = pe(Q), o = pe(J), { drawings: s } = i, a = s[0];
   if (a == null)
     return null;
@@ -1848,7 +1848,7 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
       subUnitId: y,
       drawingId: E
     }));
-    e.executeCommand(Qn.id, {
+    e.executeCommand(et.id, {
       unitId: M,
       subUnitId: P,
       drawings: L,
@@ -1865,7 +1865,7 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
       subUnitId: P.subUnitId,
       drawingId: P.drawingId
     }));
-    e.executeCommand(nt.id, {
+    e.executeCommand(tt.id, {
       unitId: C[0].unitId,
       subUnitId: C[0].unitId,
       drawings: M,
@@ -1885,7 +1885,7 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
       subUnitId: U.subUnitId,
       drawingId: U.drawingId
     }));
-    e.executeCommand(et.id, {
+    e.executeCommand(nt.id, {
       unitId: P[0].unitId,
       subUnitId: P[0].unitId,
       drawings: L,
@@ -2038,7 +2038,7 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
       ] }) })
     ] })
   ] });
-}, ur = () => {
+}, fr = () => {
   const i = pe(ve), e = i.getFocusDrawings(), [n, t] = ie(e);
   return Sn(() => {
     const r = i.focus$.subscribe((o) => {
@@ -2048,13 +2048,13 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
       r.unsubscribe();
     };
   }, []), !!(n != null && n.length) && /* @__PURE__ */ g.jsxs("div", { className: f.imageCommonPanel, children: [
-    /* @__PURE__ */ g.jsx(Yt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ g.jsx(mr, { drawings: n }),
-    /* @__PURE__ */ g.jsx(gr, { drawings: n })
+    /* @__PURE__ */ g.jsx(Zt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ g.jsx(ur, { drawings: n }),
+    /* @__PURE__ */ g.jsx(mr, { drawings: n })
   ] });
-}, wt = "addition-and-subtraction-single", vt = "doc.menu.image", It = mt.id, fr = (i) => {
+}, vt = "addition-and-subtraction-single", It = "doc.menu.image", _t = ut.id, hr = (i) => {
   const e = i.get(_n), n = i.get(J);
-  return new Di((t) => {
+  return new xi((t) => {
     const r = e.textSelection$.subscribe(() => {
       var s;
       const o = e.getActiveTextRange();
@@ -2076,40 +2076,40 @@ const Yi = "univer-image-common-panel", Ji = "univer-image-common-panel-grid", Z
     return () => r.unsubscribe();
   });
 };
-function hr(i) {
+function pr(i) {
   return {
-    id: vt,
-    type: qn.SUBITEMS,
-    icon: wt,
+    id: It,
+    type: Xn.SUBITEMS,
+    icon: vt,
     tooltip: "docImage.title",
-    disabled$: fr(i),
-    hidden$: Xn(i, Te.UNIVER_DOC)
+    disabled$: hr(i),
+    hidden$: Kn(i, Te.UNIVER_DOC)
   };
 }
-function pr(i) {
+function wr(i) {
   return {
-    id: It,
+    id: _t,
     title: "docImage.upload.float",
-    type: qn.BUTTON,
-    hidden$: Xn(i, Te.UNIVER_DOC)
+    type: Xn.BUTTON,
+    hidden$: Kn(i, Te.UNIVER_DOC)
   };
 }
-const wr = {
-  [di.LAYOUT]: {
-    [vt]: {
+const vr = {
+  [gi.LAYOUT]: {
+    [It]: {
       order: 0,
-      menuItemFactory: hr,
-      [It]: {
+      menuItemFactory: pr,
+      [_t]: {
         order: 0,
-        menuItemFactory: pr
+        menuItemFactory: wr
       }
     }
   }
 };
 function Ye(i) {
-  return i.getContextValue(Et) && i.getContextValue(tn);
+  return i.getContextValue(At) && i.getContextValue(tn);
 }
-const vr = {
+const Ir = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
@@ -2119,7 +2119,7 @@ const vr = {
   staticParameters: {
     direction: ue.DOWN
   }
-}, Ir = {
+}, _r = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
@@ -2129,7 +2129,7 @@ const vr = {
   staticParameters: {
     direction: ue.UP
   }
-}, _r = {
+}, Sr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
@@ -2139,7 +2139,7 @@ const vr = {
   staticParameters: {
     direction: ue.LEFT
   }
-}, Sr = {
+}, Cr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
@@ -2149,8 +2149,8 @@ const vr = {
   staticParameters: {
     direction: ue.RIGHT
   }
-}, Cr = {
-  id: at.id,
+}, Dr = {
+  id: ct.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -2158,10 +2158,10 @@ const vr = {
   binding: Fe.DELETE,
   mac: Fe.BACKSPACE
 };
-var Dr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, xr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Or(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Or = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Pr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? xr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Dr(e, n, r), r;
+  return t && r && Or(e, n, r), r;
 }, nn = (i, e) => (n, t) => e(n, t, i);
 let an = class extends Xe {
   constructor(i, e, n, t) {
@@ -2169,40 +2169,40 @@ let an = class extends Xe {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(wt, st)), this.disposeWithMe(i.register(ut, ur));
+    this.disposeWithMe(i.register(vt, at)), this.disposeWithMe(i.register(ft, fr));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(wr);
+    this._menuManagerService.mergeMenu(vr);
   }
   _initCommands() {
     [
-      mt,
-      dt,
-      Qn,
+      ut,
+      lt,
       et,
       nt,
-      qe,
       tt,
+      qe,
       it,
+      rt,
       Cn,
-      ft,
-      qi,
       ht,
-      ct,
-      gt,
+      Xi,
+      pt,
+      dt,
+      mt,
       Ke,
-      at,
-      lt
+      ct,
+      gt
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      vr,
       Ir,
       _r,
       Sr,
-      Cr
+      Cr,
+      Dr
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2211,18 +2211,18 @@ let an = class extends Xe {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-an = xr([
-  nn(0, we(li)),
-  nn(1, gi),
+an = Pr([
+  nn(0, we(mi)),
+  nn(1, ui),
   nn(2, z),
-  nn(3, mi)
+  nn(3, fi)
 ], an);
-var Pr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, yr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Tr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Tr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, br = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? yr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Pr(e, n, r), r;
+  return t && r && Tr(e, n, r), r;
 }, Ve = (i, e) => (n, t) => e(n, t, i);
-let cn = class extends At {
+let cn = class extends jt {
   constructor(e, n, t, r, o) {
     super();
     Se(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -2244,7 +2244,7 @@ let cn = class extends At {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof Jt)
+      if (t instanceof Qt)
         return !0;
     return !1;
   }
@@ -2275,7 +2275,7 @@ let cn = class extends At {
           const { unitId: l, subUnitId: u, drawingId: m } = c, p = this._canvasPopManagerService.attachPopupToObject(
             a,
             {
-              componentKey: Zt,
+              componentKey: ei,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2316,9 +2316,9 @@ let cn = class extends At {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: ht.id,
+        commandId: pt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!jt.includes(e)
+        disable: !!Lt.includes(e)
       },
       {
         label: "image-popup.delete",
@@ -2330,7 +2330,7 @@ let cn = class extends At {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Qt.id,
+        commandId: ni.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2338,7 +2338,7 @@ let cn = class extends At {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: ei.id,
+        commandId: ti.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2346,22 +2346,22 @@ let cn = class extends At {
     ];
   }
 };
-cn = yr([
+cn = br([
   Ve(0, ve),
-  Ve(1, we(Ii)),
+  Ve(1, we(Si)),
   Ve(2, Q),
   Ve(3, J),
-  Ve(4, $n)
+  Ve(4, zn)
 ], cn);
-var br = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Rr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Mr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Mr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Nr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Rr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && br(e, n, r), r;
+  return t && r && Mr(e, n, r), r;
 }, Ee = (i, e) => (n, t) => e(n, t, i);
 let vn = class extends Xe {
   constructor(e, n, t, r, o, s, a, d) {
     super();
-    Se(this, "_liquid", new zn());
+    Se(this, "_liquid", new qn());
     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() {
@@ -2375,7 +2375,7 @@ let vn = class extends Xe {
     });
   }
   _commandExecutedListener() {
-    const e = [Z.id, Si.id];
+    const e = [Z.id, Di.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
@@ -2385,7 +2385,7 @@ let vn = class extends Xe {
           const a = this._docSkeletonManagerService.getSkeleton();
           if (a == null)
             return;
-          if (this._editorService.isEditor(o) && o !== Bt) {
+          if (this._editorService.isEditor(o) && o !== Ut) {
             s == null || s.makeDirty();
             return;
           }
@@ -2396,9 +2396,9 @@ let vn = class extends Xe {
   }
   _initResize() {
     this.disposeWithMe(
-      Ut(this._context.engine.onTransformChange$).pipe(
-        jn((e) => e.type === oi.resize),
-        Kn(16)
+      Ft(this._context.engine.onTransformChange$).pipe(
+        jn((e) => e.type === ai.resize),
+        Yn(16)
       ).subscribe(() => {
         var t;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: n } = this._context;
@@ -2494,26 +2494,30 @@ let vn = class extends Xe {
     }, 1e3) : this._lifecycleService.lifecycle$.pipe(jn((n) => n === Pn.Steady)).subscribe(e);
   }
 };
-vn = Rr([
+vn = Nr([
   Ee(1, we(oe)),
   Ee(2, z),
-  Ee(3, _i),
+  Ee(3, Ci),
   Ee(4, ve),
   Ee(5, we(gn)),
   Ee(6, J),
-  Ee(7, we(Lt))
+  Ee(7, we(Bt))
 ], vn);
-var _t = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Er = (i, e, n) => e in i ? _t(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Ar = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Nr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var St = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Ar = (i, e, n) => e in i ? St(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, jr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Er(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && _t(e, n, r), r;
-}, wn = (i, e) => (n, t) => e(n, t, i), St = (i, e, n) => Er(i, typeof e != "symbol" ? e + "" : e, n);
-const jr = "DOC_DRAWING_UI_PLUGIN";
-let dn = class extends Ht {
-  constructor(i = yi, e, n, t) {
+  return t && r && St(e, n, r), r;
+}, wn = (i, e) => (n, t) => e(n, t, i), Ct = (i, e, n) => Ar(i, typeof e != "symbol" ? e + "" : e, n);
+const Lr = "DOC_DRAWING_UI_PLUGIN";
+let dn = class extends Wt {
+  constructor(i = Fn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
-    const { ...r } = this._config;
-    this._configService.setConfig(Ti, r);
+    const { ...r } = Gt(
+      {},
+      Fn,
+      this._config
+    );
+    this._configService.setConfig(bi, r);
   }
   onStarting() {
     [
@@ -2534,26 +2538,26 @@ let dn = class extends Ht {
     this._injector.get(cn);
   }
 };
-St(dn, "type", Te.UNIVER_DOC);
-St(dn, "pluginName", jr);
-dn = Ar([
-  Ft(ni, Kt, Gt, ui),
-  wn(1, we(kt)),
+Ct(dn, "type", Te.UNIVER_DOC);
+Ct(dn, "pluginName", Lr);
+dn = jr([
+  kt(ii, Jt, $t, hi),
+  wn(1, we(Ht)),
   wn(2, Q),
-  wn(3, Wt)
+  wn(3, Vt)
 ], dn);
 export {
-  qi as ClearDocDrawingTransformerOperation,
-  vt as DOCS_IMAGE_MENU_ID,
-  at as DeleteDocDrawingsCommand,
-  ht as EditDocDrawingOperation,
-  ct as GroupDocDrawingCommand,
-  dt as InsertDocDrawingCommand,
-  mt as InsertDocImageCommand,
+  Xi as ClearDocDrawingTransformerOperation,
+  It as DOCS_IMAGE_MENU_ID,
+  ct as DeleteDocDrawingsCommand,
+  pt as EditDocDrawingOperation,
+  dt as GroupDocDrawingCommand,
+  lt as InsertDocDrawingCommand,
+  ut as InsertDocImageCommand,
   Ke as MoveDocDrawingsCommand,
   Cn as RemoveDocDrawingCommand,
-  lt as SetDocDrawingArrangeCommand,
-  ft as SidebarDocDrawingOperation,
-  gt as UngroupDocDrawingCommand,
+  gt as SetDocDrawingArrangeCommand,
+  ht as SidebarDocDrawingOperation,
+  mt as UngroupDocDrawingCommand,
   dn as UniverDocsDrawingUIPlugin
 };