@univerjs/docs-drawing-ui 0.4.2 → 0.5.0-nightly.202411091605

package/lib/es/index.js

@@ -1,1741 +1,1805 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, ICommandService, IUniverInstanceService, TextX, JSONX, MemoryCursor, TextXActionType, IUndoRedoService, BuildTextUtils, Tools, Inject, LocaleService, Disposable, BooleanNumber, PositionedObjectLayoutType, WrapTextType, ObjectRelativeFromH, ObjectRelativeFromV, FOCUSING_COMMON_DRAWINGS, IContextService, UniverInstanceType, Direction, useDependency, DocumentFlavor, FOCUSING_UNIVER_EDITOR, UndoCommand, RedoCommand, toDisposable, throttle, COLORS, RxDisposable, LifecycleService, fromEventSubject, LifecycleStages, DependentOn, Injector, Plugin, IConfigService } from "@univerjs/core";
-import { IDocDrawingService, UniverDocsDrawingPlugin } from "@univerjs/docs-drawing";
-import { ArrangeTypeEnum, DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, ImageUploadStatusType, DRAWING_IMAGE_ALLOW_SIZE, getImageSize, DrawingTypeEnum, getDrawingShapeKeyByDrawingSearch, IImageIoService, IDrawingManagerService, DRAWING_IMAGE_WIDTH_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, UniverDrawingPlugin } from "@univerjs/drawing";
-import { DrawingCommonPanel, ImageCropperObject, COMPONENT_IMAGE_POPUP_MENU, OpenImageCropOperation, ImageResetSizeOperation, UniverDrawingUIPlugin } from "@univerjs/drawing-ui";
-import { IRenderManagerService, DocumentEditArea, Liquid, PageLayoutType, DocumentSkeletonPageType, Vector2, Rect, getColor, TRANSFORM_CHANGE_OBSERVABLE_TYPE } from "@univerjs/engine-render";
-import { IMessageService, ILocalFileService, ISidebarService, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, KeyCode, ComponentManager, IMenuManagerService, IShortcutService, UniverUIPlugin } from "@univerjs/ui";
-import { RichTextEditingMutation, DocSelectionManagerService, DocSkeletonManagerService } from "@univerjs/docs";
-import { DocSelectionRenderService, getRichTextEditPath, getCustomBlockIdsInSelections, docDrawingPositionToTransform, NodePositionConvertToCursor, getOneTextSelectionRange, getAnchorBounding, TEXT_RANGE_LAYER_INDEX, getDocObject, DocCanvasPopManagerService, IEditorService, SetDocZoomRatioOperation } from "@univerjs/docs-ui";
-import { MessageType, InputNumber, Select, Checkbox, RadioGroup, Radio } from "@univerjs/design";
-import { BehaviorSubject, Observable, takeUntil, filter, debounceTime } from "rxjs";
-import React, { forwardRef, useRef, createElement, useState, useEffect } from "react";
-const PLUGIN_CONFIG_KEY = "docs-drawing-ui.config", defaultPluginConfig = {};
-var __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
+var Dt = Object.defineProperty;
+var Ot = (i, e, n) => e in i ? Dt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var Se = (i, e, n) => Ot(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as X, ICommandService as z, IUniverInstanceService as Z, TextX as vn, JSONX as q, MemoryCursor as xt, TextXActionType as Y, IUndoRedoService as Hn, BuildTextUtils as Pt, Tools as Pe, Inject as we, LocaleService as dn, Disposable as qe, BooleanNumber as re, PositionedObjectLayoutType as k, WrapTextType as Ve, ObjectRelativeFromH as ee, ObjectRelativeFromV as G, FOCUSING_COMMON_DRAWINGS as nn, IContextService as Wn, UniverInstanceType as Te, Direction as ue, useDependency as pe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Tt, UndoCommand as yt, RedoCommand as bt, toDisposable as Ee, throttle as On, COLORS as Mt, RxDisposable as Rt, LifecycleService as Nt, fromEventSubject as At, LifecycleStages as xn, DependentOn as Et, Injector as jt, Plugin as Lt, IConfigService as Bt } from "@univerjs/core";
+import { IDocDrawingService as je, UniverDocsDrawingPlugin as Ut } from "@univerjs/docs-drawing";
+import { ArrangeTypeEnum as Ye, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Ft, DRAWING_IMAGE_COUNT_LIMIT as Pn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as kt, getImageSize as Ht, DrawingTypeEnum as Wt, getDrawingShapeKeyByDrawingSearch as Gt, IImageIoService as Vt, IDrawingManagerService as ve, DRAWING_IMAGE_WIDTH_LIMIT as Tn, DRAWING_IMAGE_HEIGHT_LIMIT as yn, UniverDrawingPlugin as $t } from "@univerjs/drawing";
+import { DrawingCommonPanel as zt, ImageCropperObject as qt, COMPONENT_IMAGE_POPUP_MENU as Xt, OpenImageCropOperation as Kt, ImageResetSizeOperation as Yt, UniverDrawingUIPlugin as Zt } from "@univerjs/drawing-ui";
+import { IRenderManagerService as Q, DocumentEditArea as Ue, Liquid as Gn, PageLayoutType as bn, DocumentSkeletonPageType as Mn, Vector2 as Jt, Rect as Qt, getColor as ei, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ni } from "@univerjs/engine-render";
+import { IMessageService as ti, ILocalFileService as ii, ISidebarService as ri, MenuItemType as Vn, getMenuHiddenObservable as $n, RibbonStartGroup as oi, KeyCode as Fe, ComponentManager as si, IMenuManagerService as ai, IShortcutService as ci, UniverUIPlugin as di } from "@univerjs/ui";
+import { RichTextEditingMutation as J, DocSelectionManagerService as In, DocSkeletonManagerService as oe } from "@univerjs/docs";
+import { DocSelectionRenderService as ye, getRichTextEditPath as $e, getCustomBlockIdsInSelections as li, docDrawingPositionToTransform as gi, NodePositionConvertToCursor as Rn, getOneTextSelectionRange as Nn, getAnchorBounding as mi, TEXT_RANGE_LAYER_INDEX as ui, getDocObject as fi, DocCanvasPopManagerService as hi, IEditorService as pi, SetDocZoomRatioOperation as wi } from "@univerjs/docs-ui";
+import { MessageType as An, InputNumber as Be, Select as En, Checkbox as vi, RadioGroup as jn, Radio as xe } from "@univerjs/design";
+import { BehaviorSubject as Ii, Observable as _i, takeUntil as Ln, filter as Bn, debounceTime as Si } from "rxjs";
+import Ci, { forwardRef as zn, useRef as Di, createElement as qn, useState as ie, useEffect as _n } from "react";
+const Oi = "docs-drawing-ui.config", xi = {};
+var fe = function() {
+  return fe = Object.assign || function(i) {
+    for (var e, n = 1, t = arguments.length; n < t; n++) {
+      e = arguments[n];
+      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
-      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
+    return i;
+  }, fe.apply(this, arguments);
+}, Pi = 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;
+}, Xn = zn(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Pi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Di("_".concat(bi()));
+  return Kn(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, fe({ ref: e, className: a }, s), o);
 });
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
+function Kn(i, e, n, t, r) {
+  return qn(i.tag, fe(fe({ key: e }, Ti(i, n, r)), t), (yi(i, n).children || []).map(function(o, s) {
+    return Kn(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
-__name(render, "render");
-function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
-  var attrs = __assign({}, node.attrs);
-  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
-  var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a8) {
-    var key = _a8[0], value = _a8[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
+function Ti(i, e, n) {
+  var t = fe({}, i.attrs);
+  n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
+  var r = e.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(o) {
+    var s = o[0], a = o[1];
+    typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), t;
 }
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a8, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a8 = node.children) === null || _a8 === void 0) && _a8.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
-    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
-  }) }) : node;
+function yi(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;
 }
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function bi() {
   return Math.random().toString(36).substring(2, 8);
 }
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element = { 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" } }] }, AddImageSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+Xn.displayName = "UniverIcon";
+var Mi = { 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" } }] }, Yn = zn(function(i, e) {
+  return qn(Xn, Object.assign({}, i, {
     id: "add-image-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: Mi
   }));
 });
-AddImageSingle.displayName = "AddImageSingle";
-const RemoveDocDrawingCommand = {
+Yn.displayName = "AddImageSingle";
+const Sn = {
   id: "doc.command.remove-doc-image",
-  type: CommandType.COMMAND,
+  type: X.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a8, _b, _c, _d;
-    const commandService = accessor.get(ICommandService), univerInstanceService = accessor.get(IUniverInstanceService), renderManagerService = accessor.get(IRenderManagerService), documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
-    if (params == null || documentDataModel == null)
+  handler: (i, e) => {
+    var b, T, N, B;
+    const n = i.get(z), t = i.get(Z), r = i.get(Q), o = t.getCurrentUniverDocInstance();
+    if (e == null || o == null)
       return !1;
-    const docSelectionRenderService = renderManagerService.getRenderById(params.unitId).with(DocSelectionRenderService), { drawings: removeDrawings } = params, segmentId = (_a8 = docSelectionRenderService.getSegment()) != null ? _a8 : "", textX = new TextX(), jsonX = JSONX.getInstance(), customBlocks = (_c = (_b = documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) == null ? void 0 : _b.customBlocks) != null ? _c : [], removeCustomBlocks = removeDrawings.map((drawing) => customBlocks.find((customBlock) => customBlock.blockId === drawing.drawingId)).filter((block) => !!block).sort((a, b) => a.startIndex > b.startIndex ? 1 : -1), unitId = removeDrawings[0].unitId, memoryCursor = new MemoryCursor();
-    memoryCursor.reset();
-    const cursorIndex = removeCustomBlocks[0].startIndex, textRanges = [
+    const s = r.getRenderById(e.unitId).with(ye), { drawings: a } = e, d = (b = s.getSegment()) != null ? b : "", c = new vn(), g = q.getInstance(), f = (N = (T = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : T.customBlocks) != null ? N : [], m = a.map((R) => f.find((I) => I.blockId === R.drawingId)).filter((R) => !!R).sort((R, I) => R.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new xt();
+    h.reset();
+    const v = m[0].startIndex, w = [
       {
-        startOffset: cursorIndex,
-        endOffset: cursorIndex
+        startOffset: v,
+        endOffset: v
       }
-    ], doMutation = {
-      id: RichTextEditingMutation.id,
+    ], S = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: p,
         actions: [],
-        textRanges
+        textRanges: w
       }
-    }, rawActions = [];
-    for (const block of removeCustomBlocks) {
-      const { startIndex } = block;
-      startIndex > memoryCursor.cursor && textX.push({
-        t: TextXActionType.RETAIN,
-        len: startIndex - memoryCursor.cursor
-      }), textX.push({
-        t: TextXActionType.DELETE,
+    }, O = [];
+    for (const R of m) {
+      const { startIndex: I } = R;
+      I > h.cursor && c.push({
+        t: Y.RETAIN,
+        len: I - h.cursor
+      }), c.push({
+        t: Y.DELETE,
         len: 1
-      }), memoryCursor.moveCursorTo(startIndex + 1);
+      }), h.moveCursorTo(I + 1);
     }
-    const path = getRichTextEditPath(documentDataModel, segmentId);
-    rawActions.push(jsonX.editOp(textX.serialize(), path));
-    for (const block of removeCustomBlocks) {
-      const { blockId } = block, drawing = ((_d = documentDataModel.getDrawings()) != null ? _d : {})[blockId], drawingIndex = documentDataModel.getDrawingsOrder().indexOf(blockId), removeDrawingAction = jsonX.removeOp(["drawings", blockId], drawing), removeDrawingOrderAction = jsonX.removeOp(["drawingsOrder", drawingIndex], blockId);
-      rawActions.push(removeDrawingAction), rawActions.push(removeDrawingOrderAction);
+    const D = $e(o, d);
+    O.push(g.editOp(c.serialize(), D));
+    for (const R of m) {
+      const { blockId: I } = R, j = ((B = o.getDrawings()) != null ? B : {})[I], E = o.getDrawingsOrder().indexOf(I), W = g.removeOp(["drawings", I], j), _ = g.removeOp(["drawingsOrder", E], I);
+      O.push(W), O.push(_);
     }
-    return doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null), !!commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-  }, "handler")
-}, DeleteDocDrawingsCommand = {
+    return S.params.actions = O.reduce((R, I) => q.compose(R, I), null), !!n.syncExecuteCommand(S.id, S.params);
+  }
+}, Zn = {
   id: "doc.command.delete-drawing",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor) => {
-    const commandService = accessor.get(ICommandService), drawings = accessor.get(IDocDrawingService).getFocusDrawings();
-    if (drawings.length === 0)
+  type: X.COMMAND,
+  handler: (i) => {
+    const e = i.get(z), t = i.get(je).getFocusDrawings();
+    if (t.length === 0)
       return !1;
-    const { unitId } = drawings[0], newDrawings = drawings.map((drawing) => {
-      const { unitId: unitId2, subUnitId, drawingId, drawingType } = drawing;
+    const { unitId: r } = t[0], o = t.map((s) => {
+      const { unitId: a, subUnitId: d, drawingId: c, drawingType: g } = s;
       return {
-        unitId: unitId2,
-        subUnitId,
-        drawingId,
-        drawingType
+        unitId: a,
+        subUnitId: d,
+        drawingId: c,
+        drawingType: g
       };
     });
-    return commandService.executeCommand(RemoveDocDrawingCommand.id, {
-      unitId,
-      drawings: newDrawings
+    return e.executeCommand(Sn.id, {
+      unitId: r,
+      drawings: o
     });
-  }, "handler")
-}, GroupDocDrawingCommand = {
+  }
+}, Jn = {
   id: "doc.command.group-doc-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    accessor.get(ICommandService), accessor.get(IUndoRedoService);
-    const docDrawingService = accessor.get(IDocDrawingService);
-    if (!params) return !1;
-    const unitIds = [];
-    return params.forEach(({ parent, children }) => {
-      unitIds.push(parent.unitId), children.forEach((child) => {
-        unitIds.push(child.unitId);
+  type: X.COMMAND,
+  handler: (i, e) => {
+    i.get(z), i.get(Hn);
+    const n = i.get(je);
+    if (!e) return !1;
+    const t = [];
+    return e.forEach(({ parent: r, children: o }) => {
+      t.push(r.unitId), o.forEach((s) => {
+        t.push(s.unitId);
       });
-    }), docDrawingService.getGroupDrawingOp(params), !1;
-  }, "handler")
-}, InsertDocDrawingCommand = {
+    }), n.getGroupDrawingOp(e), !1;
+  }
+}, Qn = {
   id: "doc.command.insert-doc-image",
-  type: CommandType.COMMAND,
+  type: X.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a8, _b, _c, _d;
-    if (params == null)
+  handler: (i, e) => {
+    var T, N, B, R;
+    if (e == null)
       return !1;
-    const commandService = accessor.get(ICommandService), docSelectionManagerService = accessor.get(DocSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService), activeTextRange = docSelectionManagerService.getActiveTextRange(), documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
-    if (activeTextRange == null || documentDataModel == null)
+    const n = i.get(z), t = i.get(In), r = i.get(Z), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
+    if (o == null || s == null)
       return !1;
-    const unitId = documentDataModel.getUnitId(), { drawings } = params, { collapsed, startOffset, segmentId } = activeTextRange, body = documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
-    if (body == null)
+    const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: g, segmentId: f } = o, m = s.getSelfOrHeaderFooterModel(f).getBody();
+    if (m == null)
       return !1;
-    const textX = new TextX(), jsonX = JSONX.getInstance(), rawActions = [], drawingOrderLength = (_b = (_a8 = documentDataModel.getSnapshot().drawingsOrder) == null ? void 0 : _a8.length) != null ? _b : 0;
-    let removeDrawingLen = 0;
-    if (collapsed)
-      startOffset > 0 && textX.push({
-        t: TextXActionType.RETAIN,
-        len: startOffset
+    const p = new vn(), h = q.getInstance(), v = [], w = (N = (T = s.getSnapshot().drawingsOrder) == null ? void 0 : T.length) != null ? N : 0;
+    let S = 0;
+    if (c)
+      g > 0 && p.push({
+        t: Y.RETAIN,
+        len: g
       });
     else {
-      const { dos } = BuildTextUtils.selection.getDeleteActions(activeTextRange, segmentId, 0, body);
-      textX.push(...dos);
-      const removedCustomBlockIds = getCustomBlockIdsInSelections(body, [activeTextRange]), drawings2 = (_c = documentDataModel.getDrawings()) != null ? _c : {}, drawingOrder = (_d = documentDataModel.getDrawingsOrder()) != null ? _d : [], sortedRemovedCustomBlockIds = removedCustomBlockIds.sort((a, b) => drawingOrder.indexOf(a) > drawingOrder.indexOf(b) ? -1 : drawingOrder.indexOf(a) < drawingOrder.indexOf(b) ? 1 : 0);
-      if (sortedRemovedCustomBlockIds.length > 0)
-        for (const blockId of sortedRemovedCustomBlockIds) {
-          const drawing = drawings2[blockId], drawingIndex = drawingOrder.indexOf(blockId);
-          if (drawing == null || drawingIndex < 0)
+      const I = Pt.selection.delete([o], m, 0, null, !1);
+      p.push(...I);
+      const j = li(m, [o]), H = (B = s.getDrawings()) != null ? B : {}, E = (R = s.getDrawingsOrder()) != null ? R : [], W = j.sort((_, C) => E.indexOf(_) > E.indexOf(C) ? -1 : E.indexOf(_) < E.indexOf(C) ? 1 : 0);
+      if (W.length > 0)
+        for (const _ of W) {
+          const C = H[_], M = E.indexOf(_);
+          if (C == null || M < 0)
             continue;
-          const removeDrawingAction = jsonX.removeOp(["drawings", blockId], drawing), removeDrawingOrderAction = jsonX.removeOp(["drawingsOrder", drawingIndex], blockId);
-          rawActions.push(removeDrawingAction), rawActions.push(removeDrawingOrderAction), removeDrawingLen++;
+          const P = h.removeOp(["drawings", _], C), L = h.removeOp(["drawingsOrder", M], _);
+          v.push(P), v.push(L), S++;
         }
     }
-    textX.push({
-      t: TextXActionType.INSERT,
+    p.push({
+      t: Y.INSERT,
       body: {
-        dataStream: "\b".repeat(drawings.length),
-        customBlocks: drawings.map((drawing, i) => ({
-          startIndex: i,
-          blockId: drawing.drawingId
+        dataStream: "\b".repeat(d.length),
+        customBlocks: d.map((I, j) => ({
+          startIndex: j,
+          blockId: I.drawingId
         }))
       },
-      len: drawings.length
+      len: d.length
     });
-    const path = getRichTextEditPath(documentDataModel, segmentId), placeHolderAction = jsonX.editOp(textX.serialize(), path);
-    rawActions.push(placeHolderAction);
-    for (const drawing of drawings) {
-      const { drawingId } = drawing, addDrawingAction = jsonX.insertOp(["drawings", drawingId], drawing), addDrawingOrderAction = jsonX.insertOp(["drawingsOrder", drawingOrderLength - removeDrawingLen], drawingId);
-      rawActions.push(addDrawingAction), rawActions.push(addDrawingOrderAction);
+    const O = $e(s, f), D = h.editOp(p.serialize(), O);
+    v.push(D);
+    for (const I of d) {
+      const { drawingId: j } = I, H = h.insertOp(["drawings", j], I), E = h.insertOp(["drawingsOrder", w - S], j);
+      v.push(H), v.push(E);
     }
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    const x = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: a,
         actions: [],
         textRanges: []
       }
     };
-    return doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null), !!commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-  }, "handler")
-}, SetDocDrawingArrangeCommand = {
+    return x.params.actions = v.reduce((I, j) => q.compose(I, j), null), !!n.syncExecuteCommand(x.id, x.params);
+  }
+}, et = {
   id: "doc.command.set-drawing-arrange",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const commandService = accessor.get(ICommandService), docDrawingService = accessor.get(IDocDrawingService);
-    if (params == null)
+  type: X.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(z), t = i.get(je);
+    if (e == null)
       return !1;
-    const { unitId, subUnitId, drawingIds, arrangeType } = params, drawingOrderMapParam = { unitId, subUnitId, drawingIds };
-    let jsonOp;
-    if (arrangeType === ArrangeTypeEnum.forward ? jsonOp = docDrawingService.getForwardDrawingsOp(drawingOrderMapParam) : arrangeType === ArrangeTypeEnum.backward ? jsonOp = docDrawingService.getBackwardDrawingOp(drawingOrderMapParam) : arrangeType === ArrangeTypeEnum.front ? jsonOp = docDrawingService.getFrontDrawingsOp(drawingOrderMapParam) : arrangeType === ArrangeTypeEnum.back && (jsonOp = docDrawingService.getBackDrawingsOp(drawingOrderMapParam)), jsonOp == null)
+    const { unitId: r, subUnitId: o, drawingIds: s, arrangeType: a } = e, d = { unitId: r, subUnitId: o, drawingIds: s };
+    let c;
+    if (a === Ye.forward ? c = t.getForwardDrawingsOp(d) : a === Ye.backward ? c = t.getBackwardDrawingOp(d) : a === Ye.front ? c = t.getFrontDrawingsOp(d) : a === Ye.back && (c = t.getBackDrawingsOp(d)), c == null)
       return !1;
-    const { redo } = jsonOp;
-    if (redo == null)
+    const { redo: g } = c;
+    if (g == null)
       return !1;
-    const rawActions = [];
-    let redoCopy = Tools.deepClone(redo);
-    redoCopy = redoCopy.slice(3), redoCopy.unshift("drawingsOrder"), rawActions.push(redoCopy);
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    const f = [];
+    let m = Pe.deepClone(g);
+    m = m.slice(3), m.unshift("drawingsOrder"), f.push(m);
+    const p = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: r,
         actions: [],
         textRanges: null
       }
     };
-    return doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null), !!commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-  }, "handler")
-}, UngroupDocDrawingCommand = {
+    return p.params.actions = f.reduce((v, w) => q.compose(v, w), null), !!n.syncExecuteCommand(p.id, p.params);
+  }
+}, nt = {
   id: "doc.command.ungroup-doc-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    accessor.get(ICommandService), accessor.get(IUndoRedoService);
-    const docDrawingService = accessor.get(IDocDrawingService);
-    if (!params) return !1;
-    const unitIds = [];
-    return params.forEach(({ parent, children }) => {
-      unitIds.push(parent.unitId), children.forEach((child) => {
-        unitIds.push(child.unitId);
+  type: X.COMMAND,
+  handler: (i, e) => {
+    i.get(z), i.get(Hn);
+    const n = i.get(je);
+    if (!e) return !1;
+    const t = [];
+    return e.forEach(({ parent: r, children: o }) => {
+      t.push(r.unitId), o.forEach((s) => {
+        t.push(s.unitId);
       });
-    }), docDrawingService.getUngroupDrawingOp(params), !1;
-  }, "handler")
-}, _DocRefreshDrawingsService = class _DocRefreshDrawingsService {
+    }), n.getUngroupDrawingOp(e), !1;
+  }
+};
+class ln {
   constructor() {
-    __publicField(this, "_refreshDrawings$", new BehaviorSubject(null));
-    __publicField(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
+    Se(this, "_refreshDrawings$", new Ii(null));
+    Se(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
-  refreshDrawings(skeleton) {
-    this._refreshDrawings$.next(skeleton);
+  refreshDrawings(e) {
+    this._refreshDrawings$.next(e);
   }
-};
-__name(_DocRefreshDrawingsService, "DocRefreshDrawingsService");
-let DocRefreshDrawingsService = _DocRefreshDrawingsService;
-var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a;
-let DocDrawingUpdateRenderController = (_a = class extends Disposable {
-  constructor(_context, _commandService, _docSelectionManagerService, _renderManagerSrv, _imageIoService, _docDrawingService, _drawingManagerService, _contextService, _messageService, _localeService, _docSelectionRenderService, _docRefreshDrawingsService, _fileOpenerService) {
-    super(), this._context = _context, this._commandService = _commandService, this._docSelectionManagerService = _docSelectionManagerService, this._renderManagerSrv = _renderManagerSrv, this._imageIoService = _imageIoService, this._docDrawingService = _docDrawingService, this._drawingManagerService = _drawingManagerService, this._contextService = _contextService, this._messageService = _messageService, this._localeService = _localeService, this._docSelectionRenderService = _docSelectionRenderService, this._docRefreshDrawingsService = _docRefreshDrawingsService, this._fileOpenerService = _fileOpenerService, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._editAreaChangeListener();
+}
+var Ri = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, Ai = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ni(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 && Ri(e, n, r), r;
+}, ge = (i, e) => (n, t) => e(n, t, i);
+let tn = class extends qe {
+  constructor(i, e, n, t, r, o, s, a, d, c, g, f, m) {
+    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = n, this._renderManagerSrv = t, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = a, this._messageService = d, this._localeService = c, this._docSelectionRenderService = g, this._docRefreshDrawingsService = f, this._fileOpenerService = m, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._editAreaChangeListener();
   }
   async insertDocImage() {
-    const files = await this._fileOpenerService.openFile({
+    const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: DRAWING_IMAGE_ALLOW_IMAGE_LIST.map((image) => `.${image.replace("image/", "")}`).join(",")
-    }), fileLength = files.length;
-    return fileLength > DRAWING_IMAGE_COUNT_LIMIT ? (this._messageService.show({
-      type: MessageType.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(DRAWING_IMAGE_COUNT_LIMIT))
-    }), !1) : fileLength === 0 ? !1 : (await this._insertFloatImages(files), !0);
+      accept: Ft.map((n) => `.${n.replace("image/", "")}`).join(",")
+    }), e = i.length;
+    return e > Pn ? (this._messageService.show({
+      type: An.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(Pn))
+    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
   }
   // eslint-disable-next-line max-lines-per-function
-  async _insertFloatImages(files) {
-    let imageParams = [];
+  async _insertFloatImages(i) {
+    let e = [];
     try {
-      imageParams = await Promise.all(files.map((file) => this._imageIoService.saveImage(file)));
-    } catch (error) {
-      const type = error.message;
-      let content = "";
-      switch (type) {
-        case ImageUploadStatusType.ERROR_EXCEED_SIZE:
-          content = this._localeService.t("update-status.exceedMaxSize", String(DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)));
+      e = await Promise.all(i.map((r) => this._imageIoService.saveImage(r)));
+    } catch (r) {
+      const o = r.message;
+      let s = "";
+      switch (o) {
+        case hn.ERROR_EXCEED_SIZE:
+          s = this._localeService.t("update-status.exceedMaxSize", String(kt / (1024 * 1024)));
           break;
-        case ImageUploadStatusType.ERROR_IMAGE_TYPE:
-          content = this._localeService.t("update-status.invalidImageType");
+        case hn.ERROR_IMAGE_TYPE:
+          s = this._localeService.t("update-status.invalidImageType");
           break;
-        case ImageUploadStatusType.ERROR_IMAGE:
-          content = this._localeService.t("update-status.invalidImage");
+        case hn.ERROR_IMAGE:
+          s = this._localeService.t("update-status.invalidImage");
           break;
       }
       this._messageService.show({
-        type: MessageType.Error,
-        content
+        type: An.Error,
+        content: s
       });
     }
-    if (imageParams.length === 0)
+    if (e.length === 0)
       return;
-    const { unitId } = this._context, docDrawingParams = [];
-    for (const imageParam of imageParams) {
-      if (imageParam == null)
+    const { unitId: n } = this._context, t = [];
+    for (const r of e) {
+      if (r == null)
         continue;
-      const { imageId, imageSourceType, source, base64Cache } = imageParam, { width, height, image } = await getImageSize(base64Cache || "");
-      this._imageIoService.addImageSourceCache(imageId, imageSourceType, image);
-      let scale = 1;
-      if (width > DRAWING_IMAGE_WIDTH_LIMIT || height > DRAWING_IMAGE_HEIGHT_LIMIT) {
-        const scaleWidth = DRAWING_IMAGE_WIDTH_LIMIT / width, scaleHeight = DRAWING_IMAGE_HEIGHT_LIMIT / height;
-        scale = Math.min(scaleWidth, scaleHeight);
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: g, image: f } = await Ht(d || "");
+      this._imageIoService.addImageSourceCache(o, s, f);
+      let m = 1;
+      if (c > Tn || g > yn) {
+        const w = Tn / c, S = yn / g;
+        m = Math.min(w, S);
       }
-      const docTransform = this._getImagePosition(width * scale, height * scale);
-      if (docTransform == null)
+      const p = this._getImagePosition(c * m, g * m);
+      if (p == null)
         return;
-      const docDrawingParam = {
-        unitId,
-        subUnitId: unitId,
-        drawingId: imageId,
-        drawingType: DrawingTypeEnum.DRAWING_IMAGE,
-        imageSourceType,
-        source,
-        transform: docDrawingPositionToTransform(docTransform),
-        docTransform,
-        behindDoc: BooleanNumber.FALSE,
+      const h = {
+        unitId: n,
+        subUnitId: n,
+        drawingId: o,
+        drawingType: Wt.DRAWING_IMAGE,
+        imageSourceType: s,
+        source: a,
+        transform: gi(p),
+        docTransform: p,
+        behindDoc: re.FALSE,
         title: "",
         description: "",
-        layoutType: PositionedObjectLayoutType.INLINE,
+        layoutType: k.INLINE,
         // Insert inline drawing by default.
-        wrapText: WrapTextType.BOTH_SIDES,
+        wrapText: Ve.BOTH_SIDES,
         distB: 0,
         distL: 0,
         distR: 0,
         distT: 0
       };
-      this._isInsertInHeaderFooter() && (docDrawingParam.isMultiTransform = BooleanNumber.TRUE, docDrawingParam.transforms = docDrawingParam.transform ? [docDrawingParam.transform] : null), docDrawingParams.push(docDrawingParam);
+      this._isInsertInHeaderFooter() && (h.isMultiTransform = re.TRUE, h.transforms = h.transform ? [h.transform] : null), t.push(h);
     }
-    this._commandService.executeCommand(InsertDocDrawingCommand.id, {
-      unitId,
-      drawings: docDrawingParams
+    this._commandService.executeCommand(Qn.id, {
+      unitId: n,
+      drawings: t
     });
   }
   _isInsertInHeaderFooter() {
-    var _a8;
-    const { unitId } = this._context, viewModel = (_a8 = this._renderManagerSrv.getRenderById(unitId)) == null ? void 0 : _a8.with(DocSkeletonManagerService).getViewModel(), editArea = viewModel == null ? void 0 : viewModel.getEditArea();
-    return editArea === DocumentEditArea.HEADER || editArea === DocumentEditArea.FOOTER;
+    var t;
+    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(oe).getViewModel(), n = e == null ? void 0 : e.getEditArea();
+    return n === Ue.HEADER || n === Ue.FOOTER;
   }
-  _getImagePosition(imageWidth, imageHeight) {
-    const activeTextRange = this._docSelectionRenderService.getActiveTextRange(), position = (activeTextRange == null ? void 0 : activeTextRange.getAbsolutePosition()) || {
+  _getImagePosition(i, e) {
+    const n = this._docSelectionRenderService.getActiveTextRange(), t = (n == null ? void 0 : n.getAbsolutePosition()) || {
       left: 0,
       top: 0
     };
     return {
       size: {
-        width: imageWidth,
-        height: imageHeight
+        width: i,
+        height: e
       },
       positionH: {
-        relativeFrom: ObjectRelativeFromH.PAGE,
-        posOffset: position.left
+        relativeFrom: ee.PAGE,
+        posOffset: t.left
       },
       positionV: {
-        relativeFrom: ObjectRelativeFromV.PARAGRAPH,
+        relativeFrom: G.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
     };
   }
   _updateOrderListener() {
-    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((params) => {
-      const { unitId, subUnitId, drawingIds, arrangeType } = params;
-      this._commandService.executeCommand(SetDocDrawingArrangeCommand.id, {
-        unitId,
-        subUnitId,
-        drawingIds,
-        arrangeType
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
+      const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
+      this._commandService.executeCommand(et.id, {
+        unitId: e,
+        subUnitId: n,
+        drawingIds: t,
+        arrangeType: r
       });
     });
   }
   _groupDrawingListener() {
-    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((params) => {
-      this._commandService.executeCommand(GroupDocDrawingCommand.id, params);
-    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((params) => {
-      this._commandService.executeCommand(UngroupDocDrawingCommand.id, params);
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(Jn.id, i);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(nt.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
-    const { scene, mainComponent } = this._context;
-    if (scene == null || mainComponent == null)
+    const { scene: i, mainComponent: e } = this._context;
+    if (i == null || e == null)
       return;
-    const transformer = scene.getTransformerByCreate(), { docsLeft, docsTop } = mainComponent.getOffsetConfig();
-    return { scene, transformer, docsLeft, docsTop };
+    const n = i.getTransformerByCreate(), { docsLeft: t, docsTop: r } = e.getOffsetConfig();
+    return { scene: i, transformer: n, docsLeft: t, docsTop: r };
   }
   _focusDrawingListener() {
     this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((params) => {
-        var _a8;
-        const { transformer, docsLeft, docsTop } = (_a8 = this._getCurrentSceneAndTransformer()) != null ? _a8 : {};
-        if (params == null || params.length === 0)
-          this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, !1), this._docDrawingService.focusDrawing([]), transformer && transformer.resetProps({
+      this._drawingManagerService.focus$.subscribe((i) => {
+        var r;
+        const { transformer: e, docsLeft: n, docsTop: t } = (r = this._getCurrentSceneAndTransformer()) != null ? r : {};
+        if (i == null || i.length === 0)
+          this._contextService.setContextValue(nn, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
             zeroTop: 0,
             zeroLeft: 0
           });
         else {
-          this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, !0), this._docDrawingService.focusDrawing(params), this._docSelectionManagerService.getActiveTextRange() && this._docSelectionManagerService.replaceTextRanges([]);
-          const prevSegmentId = this._docSelectionRenderService.getSegment(), segmentId = this._findSegmentIdByDrawingId(params[0].drawingId);
-          prevSegmentId !== segmentId && this._docSelectionRenderService.setSegment(segmentId), transformer && transformer.resetProps({
-            zeroTop: docsTop,
-            zeroLeft: docsLeft
+          this._contextService.setContextValue(nn, !0), this._docDrawingService.focusDrawing(i), this._docSelectionManagerService.getActiveTextRange() && this._docSelectionManagerService.replaceTextRanges([]);
+          const s = this._docSelectionRenderService.getSegment(), a = this._findSegmentIdByDrawingId(i[0].drawingId);
+          s !== a && this._docSelectionRenderService.setSegment(a), e && e.resetProps({
+            zeroTop: t,
+            zeroLeft: n
           });
         }
       })
     );
   }
-  _findSegmentIdByDrawingId(drawingId) {
-    var _a8, _b, _c;
-    const { unit: DocDataModel } = this._context, { body, headers = {}, footers = {} } = DocDataModel.getSnapshot();
-    if (((_a8 = body == null ? void 0 : body.customBlocks) != null ? _a8 : []).some((b) => b.blockId === drawingId))
+  _findSegmentIdByDrawingId(i) {
+    var s, a, d;
+    const { unit: e } = this._context, { body: n, headers: t = {}, footers: r = {} } = e.getSnapshot();
+    if (((s = n == null ? void 0 : n.customBlocks) != null ? s : []).some((c) => c.blockId === i))
       return "";
-    for (const headerId of Object.keys(headers))
-      if ((_b = headers[headerId].body.customBlocks) != null && _b.some((b) => b.blockId === drawingId))
-        return headerId;
-    for (const footerId of Object.keys(footers))
-      if ((_c = footers[footerId].body.customBlocks) != null && _c.some((b) => b.blockId === drawingId))
-        return footerId;
+    for (const c of Object.keys(t))
+      if ((a = t[c].body.customBlocks) != null && a.some((g) => g.blockId === i))
+        return c;
+    for (const c of Object.keys(r))
+      if ((d = r[c].body.customBlocks) != null && d.some((g) => g.blockId === i))
+        return c;
     return "";
   }
   // Update drawings edit status and opacity. You can not edit header footer images when you are editing body. and vice verse.
   _updateDrawingsEditStatus() {
-    var _a8;
-    const { unit: docDataModel, scene, unitId } = this._context, viewModel = (_a8 = this._renderManagerSrv.getRenderById(unitId)) == null ? void 0 : _a8.with(DocSkeletonManagerService).getViewModel();
-    if (viewModel == null || docDataModel == null)
+    var a;
+    const { unit: i, scene: e, unitId: n } = this._context, t = (a = this._renderManagerSrv.getRenderById(n)) == null ? void 0 : a.with(oe).getViewModel();
+    if (t == null || i == null)
       return;
-    const snapshot = docDataModel.getSnapshot(), { drawings = {} } = snapshot, isEditBody = viewModel.getEditArea() === DocumentEditArea.BODY;
-    for (const key of Object.keys(drawings)) {
-      const drawing = drawings[key], objectKey = getDrawingShapeKeyByDrawingSearch({ unitId, drawingId: drawing.drawingId, subUnitId: unitId }), drawingShapes = scene.fuzzyMathObjects(objectKey, !0);
-      if (drawingShapes.length)
-        for (const shape of drawingShapes)
-          scene.detachTransformerFrom(shape), shape.setOpacity(0.5), (isEditBody && drawing.isMultiTransform !== BooleanNumber.TRUE || !isEditBody && drawing.isMultiTransform === BooleanNumber.TRUE) && (scene.attachTransformerTo(shape), shape.setOpacity(1));
+    const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === Ue.BODY;
+    for (const d of Object.keys(o)) {
+      const c = o[d], g = Gt({ unitId: n, drawingId: c.drawingId, subUnitId: n }), f = e.fuzzyMathObjects(g, !0);
+      if (f.length)
+        for (const m of f)
+          e.detachTransformerFrom(m), m.setOpacity(0.5), (s && c.isMultiTransform !== re.TRUE || !s && c.isMultiTransform === re.TRUE) && (e.attachTransformerTo(m), m.setOpacity(1));
     }
   }
   _editAreaChangeListener() {
-    var _a8;
-    const { unitId } = this._context, viewModel = (_a8 = this._renderManagerSrv.getRenderById(unitId)) == null ? void 0 : _a8.with(DocSkeletonManagerService).getViewModel();
-    viewModel != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
-      viewModel.editAreaChange$.subscribe(() => {
+    var n;
+    const { unitId: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(oe).getViewModel();
+    e != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
+      e.editAreaChange$.subscribe(() => {
         this._updateDrawingsEditStatus();
       })
-    ), this._docRefreshDrawingsService.refreshDrawings$.subscribe((skeleton) => {
-      skeleton != null && queueMicrotask(() => {
+    ), this._docRefreshDrawingsService.refreshDrawings$.subscribe((t) => {
+      t != null && queueMicrotask(() => {
         this._updateDrawingsEditStatus();
       });
     }), this.disposeWithMe(
-      this._commandService.onCommandExecuted(async (command) => {
-        command.id === RichTextEditingMutation.id && queueMicrotask(() => {
+      this._commandService.onCommandExecuted(async (t) => {
+        t.id === J.id && queueMicrotask(() => {
           this._updateDrawingsEditStatus();
         });
       })
     ));
   }
-}, __name(_a, "DocDrawingUpdateRenderController"), _a);
-DocDrawingUpdateRenderController = __decorateClass$6([
-  __decorateParam$6(1, ICommandService),
-  __decorateParam$6(2, Inject(DocSelectionManagerService)),
-  __decorateParam$6(3, IRenderManagerService),
-  __decorateParam$6(4, IImageIoService),
-  __decorateParam$6(5, IDocDrawingService),
-  __decorateParam$6(6, IDrawingManagerService),
-  __decorateParam$6(7, IContextService),
-  __decorateParam$6(8, IMessageService),
-  __decorateParam$6(9, Inject(LocaleService)),
-  __decorateParam$6(10, Inject(DocSelectionRenderService)),
-  __decorateParam$6(11, Inject(DocRefreshDrawingsService)),
-  __decorateParam$6(12, ILocalFileService)
-], DocDrawingUpdateRenderController);
-const InsertDocImageCommand = {
+};
+tn = Ai([
+  ge(1, z),
+  ge(2, we(In)),
+  ge(3, Q),
+  ge(4, Vt),
+  ge(5, je),
+  ge(6, ve),
+  ge(7, Wn),
+  ge(8, ti),
+  ge(9, we(dn)),
+  ge(10, we(ye)),
+  ge(11, we(ln)),
+  ge(12, ii)
+], tn);
+const tt = {
   id: "doc.command.insert-float-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor) => {
-    var _a8, _b;
-    return (_b = (_a8 = accessor.get(IRenderManagerService).getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a8.with(DocDrawingUpdateRenderController).insertDocImage()) != null ? _b : !1;
-  }, "handler")
+  type: X.COMMAND,
+  handler: (i) => {
+    var n, t;
+    return (t = (n = i.get(Q).getCurrentTypeOfRenderer(Te.UNIVER_DOC)) == null ? void 0 : n.with(tn).insertDocImage()) != null ? t : !1;
+  }
 };
-var TextWrappingStyle = /* @__PURE__ */ ((TextWrappingStyle2) => (TextWrappingStyle2.INLINE = "inline", TextWrappingStyle2.BEHIND_TEXT = "behindText", TextWrappingStyle2.IN_FRONT_OF_TEXT = "inFrontOfText", TextWrappingStyle2.WRAP_SQUARE = "wrapSquare", TextWrappingStyle2.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", TextWrappingStyle2))(TextWrappingStyle || {});
-const WRAPPING_STYLE_TO_LAYOUT_TYPE = {
-  inline: PositionedObjectLayoutType.INLINE,
-  wrapSquare: PositionedObjectLayoutType.WRAP_SQUARE,
-  wrapTopAndBottom: PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
-  inFrontOfText: PositionedObjectLayoutType.WRAP_NONE,
-  behindText: PositionedObjectLayoutType.WRAP_NONE
+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 Ei = {
+  inline: k.INLINE,
+  wrapSquare: k.WRAP_SQUARE,
+  wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
+  inFrontOfText: k.WRAP_NONE,
+  behindText: k.WRAP_NONE
 };
-function getDeleteAndInsertCustomBlockActions(segmentId, oldSegmentId, segmentPage, offset, drawingId, documentDataModel, docSelectionRenderManager) {
-  var _a8, _b;
-  const textX = new TextX(), jsonX = JSONX.getInstance(), rawActions = [], oldBody = documentDataModel.getSelfOrHeaderFooterModel(oldSegmentId).getBody(), body = documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
-  if (oldBody == null || body == null)
+function it(i, e, n, t, r, o, s) {
+  var p, h;
+  const a = new vn(), d = q.getInstance(), c = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), f = o.getSelfOrHeaderFooterModel(i).getBody();
+  if (g == null || f == null)
     return;
-  const oldOffset = (_b = (_a8 = oldBody.customBlocks) == null ? void 0 : _a8.find((block) => block.blockId === drawingId)) == null ? void 0 : _b.startIndex;
-  if (oldOffset != null) {
-    if (offset = Math.min(body.dataStream.length - 2, offset), segmentId === oldSegmentId) {
-      if (offset < oldOffset ? (offset > 0 && textX.push({
-        t: TextXActionType.RETAIN,
-        len: offset
-      }), textX.push({
-        t: TextXActionType.INSERT,
+  const m = (h = (p = g.customBlocks) == null ? void 0 : p.find((v) => v.blockId === r)) == null ? void 0 : h.startIndex;
+  if (m != null) {
+    if (t = Math.min(f.dataStream.length - 2, t), i === e) {
+      if (t < m ? (t > 0 && a.push({
+        t: Y.RETAIN,
+        len: t
+      }), a.push({
+        t: Y.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: drawingId
+            blockId: r
           }]
         },
         len: 1
-      }), textX.push({
-        t: TextXActionType.RETAIN,
-        len: oldOffset - offset
-      }), textX.push({
-        t: TextXActionType.DELETE,
+      }), a.push({
+        t: Y.RETAIN,
+        len: m - t
+      }), a.push({
+        t: Y.DELETE,
         len: 1
-      })) : (oldOffset > 0 && textX.push({
-        t: TextXActionType.RETAIN,
-        len: oldOffset
-      }), textX.push({
-        t: TextXActionType.DELETE,
+      })) : (m > 0 && a.push({
+        t: Y.RETAIN,
+        len: m
+      }), a.push({
+        t: Y.DELETE,
         len: 1
-      }), offset - oldOffset - 1 > 0 && textX.push({
-        t: TextXActionType.RETAIN,
-        len: offset - oldOffset - 1
-      }), textX.push({
-        t: TextXActionType.INSERT,
+      }), t - m - 1 > 0 && a.push({
+        t: Y.RETAIN,
+        len: t - m - 1
+      }), a.push({
+        t: Y.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: drawingId
+            blockId: r
           }]
         },
         len: 1
-      })), offset !== oldOffset) {
-        const path = getRichTextEditPath(documentDataModel, oldSegmentId), action = jsonX.editOp(textX.serialize(), path);
-        rawActions.push(action);
+      })), t !== m) {
+        const v = $e(o, e), w = d.editOp(a.serialize(), v);
+        c.push(w);
       }
     } else {
-      oldOffset > 0 && textX.push({
-        t: TextXActionType.RETAIN,
-        len: oldOffset
-      }), textX.push({
-        t: TextXActionType.DELETE,
+      m > 0 && a.push({
+        t: Y.RETAIN,
+        len: m
+      }), a.push({
+        t: Y.DELETE,
         len: 1
       });
-      let path = getRichTextEditPath(documentDataModel, oldSegmentId), action = jsonX.editOp(textX.serialize(), path);
-      rawActions.push(action), textX.empty(), offset > 0 && textX.push({
-        t: TextXActionType.RETAIN,
-        len: offset
-      }), textX.push({
-        t: TextXActionType.INSERT,
+      let v = $e(o, e), w = d.editOp(a.serialize(), v);
+      c.push(w), a.empty(), t > 0 && a.push({
+        t: Y.RETAIN,
+        len: t
+      }), a.push({
+        t: Y.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: drawingId
+            blockId: r
           }]
         },
         len: 1
-      }), path = getRichTextEditPath(documentDataModel, segmentId), action = jsonX.editOp(textX.serialize(), path), rawActions.push(action), docSelectionRenderManager.setSegment(segmentId), docSelectionRenderManager.setSegmentPage(segmentPage);
+      }), v = $e(o, i), w = d.editOp(a.serialize(), v), c.push(w), s.setSegment(i), s.setSegmentPage(n);
     }
-    return rawActions;
+    return c;
   }
 }
-__name(getDeleteAndInsertCustomBlockActions, "getDeleteAndInsertCustomBlockActions");
-const UpdateDocDrawingWrappingStyleCommand = {
+const rt = {
   id: "doc.command.update-doc-drawing-wrapping-style",
-  type: CommandType.COMMAND,
+  type: X.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a8, _b;
-    if (params == null)
+  handler: (i, e) => {
+    var N, B;
+    if (e == null)
       return !1;
-    const { drawings, wrappingStyle, unitId } = params, commandService = accessor.get(ICommandService), univerInstanceService = accessor.get(IUniverInstanceService), renderObject = accessor.get(IRenderManagerService).getRenderById(unitId), skeletonData = renderObject == null ? void 0 : renderObject.with(DocSkeletonManagerService).getSkeleton().getSkeletonData(), viewModel = renderObject == null ? void 0 : renderObject.with(DocSkeletonManagerService).getViewModel(), scene = renderObject == null ? void 0 : renderObject.scene, documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
-    if (documentDataModel == null || skeletonData == null || scene == null || viewModel == null)
+    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(Z), d = i.get(Q).getRenderById(r), c = d == null ? void 0 : d.with(oe).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(oe).getViewModel(), f = d == null ? void 0 : d.scene, m = s.getCurrentUniverDocInstance();
+    if (m == null || c == null || f == null || g == null)
       return !1;
-    const editArea = viewModel.getEditArea(), transformer = scene.getTransformerByCreate(), { pages, skeHeaders, skeFooters } = skeletonData, jsonX = JSONX.getInstance(), rawActions = [], { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
-    for (const drawing of drawings) {
-      const { drawingId } = drawing, oldLayoutType = oldDrawings[drawingId].layoutType, newLayoutType = WRAPPING_STYLE_TO_LAYOUT_TYPE[wrappingStyle];
-      if (oldLayoutType !== newLayoutType) {
-        const updateLayoutTypeAction = jsonX.replaceOp(["drawings", drawingId, "layoutType"], oldLayoutType, newLayoutType);
-        rawActions.push(updateLayoutTypeAction);
+    const p = g.getEditArea(), h = f.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 = Ei[t];
+      if (j !== H) {
+        const C = O.replaceOp(["drawings", I, "layoutType"], j, H);
+        D.push(C);
       }
-      if (wrappingStyle === "behindText" || wrappingStyle === "inFrontOfText") {
-        const oldBehindDoc = oldDrawings[drawingId].behindDoc, newBehindDoc = wrappingStyle === "behindText" ? BooleanNumber.TRUE : BooleanNumber.FALSE;
-        if (oldBehindDoc !== newBehindDoc) {
-          const updateBehindDocAction = jsonX.replaceOp(["drawings", drawingId, "behindDoc"], oldBehindDoc, newBehindDoc);
-          rawActions.push(updateBehindDocAction);
+      if (t === "behindText" || t === "inFrontOfText") {
+        const C = x[I].behindDoc, M = t === "behindText" ? re.TRUE : re.FALSE;
+        if (C !== M) {
+          const P = O.replaceOp(["drawings", I, "behindDoc"], C, M);
+          D.push(P);
         }
       }
-      if (wrappingStyle === "inline")
+      if (t === "inline")
         continue;
-      let skeDrawing = null, pageMarginTop = 0, pageMarginLeft = 0;
-      for (const page of pages) {
-        const { headerId, footerId, marginTop, marginLeft, marginBottom, pageWidth, pageHeight } = page;
-        switch (editArea) {
-          case DocumentEditArea.HEADER: {
-            const headerSke = (_a8 = skeHeaders.get(headerId)) == null ? void 0 : _a8.get(pageWidth);
-            headerSke != null && headerSke.skeDrawings.has(drawingId) && (skeDrawing = headerSke.skeDrawings.get(drawingId), pageMarginTop = headerSke.marginTop, pageMarginLeft = marginLeft);
+      let E = null, W = 0, _ = 0;
+      for (const C of v) {
+        const { headerId: M, footerId: P, marginTop: L, marginLeft: U, marginBottom: y, pageWidth: A, pageHeight: $ } = C;
+        switch (p) {
+          case Ue.HEADER: {
+            const F = (N = w.get(M)) == null ? void 0 : N.get(A);
+            F != null && F.skeDrawings.has(I) && (E = F.skeDrawings.get(I), W = F.marginTop, _ = U);
             break;
           }
-          case DocumentEditArea.FOOTER: {
-            const footerSke = (_b = skeFooters.get(footerId)) == null ? void 0 : _b.get(pageWidth);
-            footerSke != null && footerSke.skeDrawings.has(drawingId) && (skeDrawing = footerSke.skeDrawings.get(drawingId), pageMarginTop = pageHeight - marginBottom + footerSke.marginTop, pageMarginLeft = marginLeft);
+          case Ue.FOOTER: {
+            const F = (B = S.get(P)) == null ? void 0 : B.get(A);
+            F != null && F.skeDrawings.has(I) && (E = F.skeDrawings.get(I), W = $ - y + F.marginTop, _ = U);
             break;
           }
-          case DocumentEditArea.BODY: {
-            page.skeDrawings.has(drawingId) && (skeDrawing = page.skeDrawings.get(drawingId), pageMarginTop = marginTop, pageMarginLeft = marginLeft);
+          case Ue.BODY: {
+            C.skeDrawings.has(I) && (E = C.skeDrawings.get(I), W = L, _ = U);
             break;
           }
         }
-        if (skeDrawing != null)
+        if (E != null)
           break;
       }
-      if (skeDrawing != null) {
-        const { aTop, aLeft } = skeDrawing, oldPositionH = oldDrawings[drawingId].docTransform.positionH;
-        let posOffsetH = aLeft;
-        oldPositionH.relativeFrom === ObjectRelativeFromH.MARGIN ? posOffsetH -= pageMarginLeft : oldPositionH.relativeFrom === ObjectRelativeFromH.COLUMN && (posOffsetH -= skeDrawing.columnLeft);
-        const newPositionH = {
-          relativeFrom: oldPositionH.relativeFrom,
-          posOffset: posOffsetH
+      if (E != null) {
+        const { aTop: C, aLeft: M } = E, P = x[I].docTransform.positionH;
+        let L = M;
+        P.relativeFrom === ee.MARGIN ? L -= _ : P.relativeFrom === ee.COLUMN && (L -= E.columnLeft);
+        const U = {
+          relativeFrom: P.relativeFrom,
+          posOffset: L
         };
-        if (oldPositionH.posOffset !== newPositionH.posOffset) {
-          const action = jsonX.replaceOp(["drawings", drawingId, "docTransform", "positionH"], oldPositionH, newPositionH);
-          rawActions.push(action);
+        if (P.posOffset !== U.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], P, U);
+          D.push(F);
         }
-        const oldPositionV = oldDrawings[drawingId].docTransform.positionV;
-        let posOffsetV = aTop;
-        oldPositionV.relativeFrom === ObjectRelativeFromV.PAGE ? posOffsetV += pageMarginTop : oldPositionV.relativeFrom === ObjectRelativeFromV.LINE ? posOffsetV -= skeDrawing.lineTop : oldPositionV.relativeFrom === ObjectRelativeFromV.PARAGRAPH && (posOffsetV -= skeDrawing.blockAnchorTop);
-        const newPositionV = {
-          relativeFrom: oldPositionV.relativeFrom,
-          posOffset: posOffsetV
+        const y = x[I].docTransform.positionV;
+        let A = C;
+        y.relativeFrom === G.PAGE ? A += W : y.relativeFrom === G.LINE ? A -= E.lineTop : y.relativeFrom === G.PARAGRAPH && (A -= E.blockAnchorTop);
+        const $ = {
+          relativeFrom: y.relativeFrom,
+          posOffset: A
         };
-        if (oldPositionV.posOffset !== newPositionV.posOffset) {
-          const action = jsonX.replaceOp(["drawings", drawingId, "docTransform", "positionV"], oldPositionV, newPositionV);
-          rawActions.push(action);
+        if (y.posOffset !== $.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], y, $);
+          D.push(F);
         }
       }
     }
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    const b = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: r,
         actions: [],
         textRanges: null
       }
     };
-    doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null);
-    const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-    return transformer.refreshControls(), !!result;
-  }, "handler")
-}, UpdateDocDrawingDistanceCommand = {
+    b.params.actions = D.reduce((R, I) => q.compose(R, I), null);
+    const T = o.syncExecuteCommand(b.id, b.params);
+    return h.refreshControls(), !!T;
+  }
+}, ot = {
   id: "doc.command.update-doc-drawing-distance",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    if (params == null)
+  type: X.COMMAND,
+  handler: (i, e) => {
+    if (e == null)
       return !1;
-    const commandService = accessor.get(ICommandService), documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
-    if (documentDataModel == null)
+    const n = i.get(z), r = i.get(Z).getCurrentUniverDocInstance();
+    if (r == null)
       return !1;
-    const { drawings, dist, unitId } = params, jsonX = JSONX.getInstance(), rawActions = [], { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
-    for (const drawing of drawings) {
-      const { drawingId } = drawing;
-      for (const [key, value] of Object.entries(dist)) {
-        const oldValue = oldDrawings[drawingId][key];
-        if (oldValue !== value) {
-          const action = jsonX.replaceOp(["drawings", drawingId, key], oldValue, value);
-          rawActions.push(action);
+    const { drawings: o, dist: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    for (const p of o) {
+      const { drawingId: h } = p;
+      for (const [v, w] of Object.entries(s)) {
+        const S = g[h][v];
+        if (S !== w) {
+          const O = d.replaceOp(["drawings", h, v], S, w);
+          c.push(O);
         }
       }
     }
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    const f = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: a,
         actions: [],
         textRanges: null
       }
     };
-    return doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null), !!commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-  }, "handler")
-}, UpdateDocDrawingWrapTextCommand = {
+    return f.params.actions = c.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(f.id, f.params);
+  }
+}, st = {
   id: "doc.command.update-doc-drawing-wrap-text",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    if (params == null)
+  type: X.COMMAND,
+  handler: (i, e) => {
+    if (e == null)
       return !1;
-    const commandService = accessor.get(ICommandService), documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
-    if (documentDataModel == null)
+    const n = i.get(z), r = i.get(Z).getCurrentUniverDocInstance();
+    if (r == null)
       return !1;
-    const { drawings, wrapText, unitId } = params, jsonX = JSONX.getInstance(), rawActions = [], { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
-    for (const drawing of drawings) {
-      const { drawingId } = drawing, oldWrapText = oldDrawings[drawingId].wrapText;
-      if (oldWrapText !== wrapText) {
-        const action = jsonX.replaceOp(["drawings", drawingId, "wrapText"], oldWrapText, wrapText);
-        rawActions.push(action);
+    const { drawings: o, wrapText: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    for (const p of o) {
+      const { drawingId: h } = p, v = g[h].wrapText;
+      if (v !== s) {
+        const w = d.replaceOp(["drawings", h, "wrapText"], v, s);
+        c.push(w);
       }
     }
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    const f = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: a,
         actions: [],
         textRanges: null
       }
     };
-    return doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null), !!commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-  }, "handler")
-}, UpdateDrawingDocTransformCommand = {
+    return f.params.actions = c.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(f.id, f.params);
+  }
+}, ze = {
   id: "doc.command.update-drawing-doc-transform",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    if (params == null)
+  type: X.COMMAND,
+  handler: (i, e) => {
+    if (e == null)
       return !1;
-    const commandService = accessor.get(ICommandService), univerInstanceService = accessor.get(IUniverInstanceService), renderObject = accessor.get(IRenderManagerService).getRenderById(params.unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-    if (scene == null)
+    const n = i.get(z), t = i.get(Z), o = i.get(Q).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
+    if (s == null)
       return !1;
-    const transformer = scene.getTransformerByCreate(), documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
-    if (documentDataModel == null)
+    const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
+    if (d == null)
       return !1;
-    const { drawings, unitId } = params, jsonX = JSONX.getInstance(), rawActions = [], { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
-    for (const drawing of drawings) {
-      const { drawingId, key, value } = drawing, oldValue = oldDrawings[drawingId].docTransform[key];
-      if (!Tools.diffValue(oldValue, value)) {
-        const action = jsonX.replaceOp(["drawings", drawingId, "docTransform", key], oldValue, value);
-        rawActions.push(action);
+    const { drawings: c, unitId: g } = e, f = q.getInstance(), m = [], { drawings: p = {} } = d.getSnapshot();
+    for (const w of c) {
+      const { drawingId: S, key: O, value: D } = w, x = p[S].docTransform[O];
+      if (!Pe.diffValue(x, D)) {
+        const b = f.replaceOp(["drawings", S, "docTransform", O], x, D);
+        m.push(b);
       }
     }
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    const h = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: g,
         actions: [],
         textRanges: null,
         debounce: !0
       }
     };
-    doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null);
-    const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-    return transformer.refreshControls(), !!result;
-  }, "handler")
-}, IMoveInlineDrawingCommand = {
+    h.params.actions = m.reduce((w, S) => q.compose(w, S), null);
+    const v = n.syncExecuteCommand(h.id, h.params);
+    return a.refreshControls(), !!v;
+  }
+}, at = {
   id: "doc.command.move-inline-drawing",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a8, _b;
-    if (params == null)
+  type: X.COMMAND,
+  handler: (i, e) => {
+    var B, R;
+    if (e == null)
       return !1;
-    const renderManagerService = accessor.get(IRenderManagerService), docSelectionRenderService = (_a8 = renderManagerService.getRenderById(params.unitId)) == null ? void 0 : _a8.with(DocSelectionRenderService), docRefreshDrawingsService = accessor.get(DocRefreshDrawingsService), renderObject = renderManagerService.getRenderById(params.unitId), scene = renderObject == null ? void 0 : renderObject.scene, skeleton = renderObject == null ? void 0 : renderObject.with(DocSkeletonManagerService).getSkeleton();
-    if (scene == null || docSelectionRenderService == null)
+    const n = i.get(Q), t = (B = n.getRenderById(e.unitId)) == null ? void 0 : B.with(ye), r = i.get(ln), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(oe).getSkeleton();
+    if (s == null || t == null)
       return !1;
-    const transformer = scene.getTransformerByCreate(), commandService = accessor.get(ICommandService), documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
-    if (documentDataModel == null)
+    const d = s.getTransformerByCreate(), c = i.get(z), f = i.get(Z).getCurrentUniverDocInstance();
+    if (f == null)
       return !1;
-    const { drawing, unitId, offset, segmentId: newSegmentId, segmentPage, needRefreshDrawings } = params;
-    if (needRefreshDrawings)
-      return docRefreshDrawingsService.refreshDrawings(skeleton), transformer.refreshControls(), !0;
-    const rawActions = [], { drawingId } = drawing, segmentId = (_b = docSelectionRenderService.getSegment()) != null ? _b : "", actions = getDeleteAndInsertCustomBlockActions(
-      newSegmentId,
-      segmentId,
-      segmentPage,
-      offset,
-      drawingId,
-      documentDataModel,
-      docSelectionRenderService
+    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 = it(
+      v,
+      x,
+      w,
+      h,
+      D,
+      f,
+      t
     );
-    if (actions == null || actions.length === 0)
-      return docRefreshDrawingsService.refreshDrawings(skeleton), transformer.refreshControls(), !1;
-    rawActions.push(...actions);
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    if (b == null || b.length === 0)
+      return r.refreshDrawings(a), d.refreshControls(), !1;
+    O.push(...b);
+    const T = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: p,
         actions: [],
         textRanges: null
       }
     };
-    doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null);
-    const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-    return transformer.refreshControls(), !!result;
-  }, "handler")
-}, ITransformNonInlineDrawingCommand = {
+    T.params.actions = O.reduce((I, j) => q.compose(I, j), null);
+    const N = c.syncExecuteCommand(T.id, T.params);
+    return d.refreshControls(), !!N;
+  }
+}, ct = {
   id: "doc.command.transform-non-inline-drawing",
-  type: CommandType.COMMAND,
+  type: X.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a8, _b;
-    if (params == null)
+  handler: (i, e) => {
+    var E, W;
+    if (e == null)
       return !1;
-    const renderManagerService = accessor.get(IRenderManagerService), docSelectionRenderService = (_a8 = renderManagerService.getRenderById(params.unitId)) == null ? void 0 : _a8.with(DocSelectionRenderService), renderObject = renderManagerService.getRenderById(params.unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-    if (scene == null || docSelectionRenderService == null)
+    const n = i.get(Q), t = (E = n.getRenderById(e.unitId)) == null ? void 0 : E.with(ye), r = n.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
+    if (o == null || t == null)
       return !1;
-    const transformer = scene.getTransformerByCreate(), commandService = accessor.get(ICommandService), documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
-    if (documentDataModel == null)
+    const s = o.getTransformerByCreate(), a = i.get(z), c = i.get(Z).getCurrentUniverDocInstance();
+    if (c == null)
       return !1;
-    const { drawing, unitId, offset, docTransform, segmentId: newSegmentId, segmentPage } = params, rawActions = [], { drawingId } = drawing, segmentId = (_b = docSelectionRenderService.getSegment()) != null ? _b : "", actions = getDeleteAndInsertCustomBlockActions(
-      newSegmentId,
-      segmentId,
-      segmentPage,
-      offset,
-      drawingId,
-      documentDataModel,
-      docSelectionRenderService
+    const { drawing: g, unitId: f, offset: m, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = g, O = (W = t.getSegment()) != null ? W : "", D = it(
+      h,
+      O,
+      v,
+      m,
+      S,
+      c,
+      t
     );
-    if (actions == null)
+    if (D == null)
       return !1;
-    actions.length > 0 && rawActions.push(...actions);
-    const jsonX = JSONX.getInstance(), { drawings: oldDrawings = {} } = documentDataModel.getSnapshot(), oldDocTransform = oldDrawings[drawingId].docTransform, { positionH: oldPositionH, positionV: oldPositionV, size: oldSize, angle: oldAngle } = oldDocTransform;
-    if (!Tools.diffValue(oldPositionH, docTransform.positionH)) {
-      const updateAction = jsonX.replaceOp(["drawings", drawingId, "docTransform", "positionH"], oldPositionH, docTransform.positionH);
-      rawActions.push(updateAction);
+    D.length > 0 && w.push(...D);
+    const x = q.getInstance(), { drawings: b = {} } = c.getSnapshot(), T = b[S].docTransform, { positionH: N, positionV: B, size: R, angle: I } = T;
+    if (!Pe.diffValue(N, p.positionH)) {
+      const _ = x.replaceOp(["drawings", S, "docTransform", "positionH"], N, p.positionH);
+      w.push(_);
     }
-    if (!Tools.diffValue(oldPositionV, docTransform.positionV)) {
-      const updateAction = jsonX.replaceOp(["drawings", drawingId, "docTransform", "positionV"], oldPositionV, docTransform.positionV);
-      rawActions.push(updateAction);
+    if (!Pe.diffValue(B, p.positionV)) {
+      const _ = x.replaceOp(["drawings", S, "docTransform", "positionV"], B, p.positionV);
+      w.push(_);
     }
-    if (!Tools.diffValue(oldSize, docTransform.size)) {
-      const updateAction = jsonX.replaceOp(["drawings", drawingId, "docTransform", "size"], oldSize, docTransform.size);
-      rawActions.push(updateAction);
+    if (!Pe.diffValue(R, p.size)) {
+      const _ = x.replaceOp(["drawings", S, "docTransform", "size"], R, p.size);
+      w.push(_);
     }
-    if (!Tools.diffValue(oldAngle, docTransform.angle)) {
-      const updateAction = jsonX.replaceOp(["drawings", drawingId, "docTransform", "angle"], oldAngle, docTransform.angle);
-      rawActions.push(updateAction);
+    if (!Pe.diffValue(I, p.angle)) {
+      const _ = x.replaceOp(["drawings", S, "docTransform", "angle"], I, p.angle);
+      w.push(_);
     }
-    const doMutation = {
-      id: RichTextEditingMutation.id,
+    const j = {
+      id: J.id,
       params: {
-        unitId,
+        unitId: f,
         actions: [],
         textRanges: null,
         debounce: !0
       }
     };
-    doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null);
-    const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-    return transformer.refreshControls(), !!result;
-  }, "handler")
-}, MoveDocDrawingsCommand = {
+    j.params.actions = w.reduce((_, C) => q.compose(_, C), null);
+    const H = a.syncExecuteCommand(j.id, j.params);
+    return s.refreshControls(), !!H;
+  }
+}, Xe = {
   id: "doc.command.move-drawing",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const commandService = accessor.get(ICommandService), docDrawingService = accessor.get(IDocDrawingService), univerInstanceService = accessor.get(IUniverInstanceService), renderManagerService = accessor.get(IRenderManagerService), { direction } = params, drawings = docDrawingService.getFocusDrawings();
-    if (drawings.length === 0)
+  type: X.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(z), t = i.get(je), r = i.get(Z), o = i.get(Q), { direction: s } = e, a = t.getFocusDrawings();
+    if (a.length === 0)
       return !1;
-    const unitId = drawings[0].unitId, renderObject = renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-    if (scene == null)
+    const d = a[0].unitId, c = o.getRenderById(d), g = c == null ? void 0 : c.scene;
+    if (g == null)
       return !1;
-    const transformer = scene.getTransformerByCreate(), documentDataModel = univerInstanceService.getUniverDocInstance(unitId), newDrawings = drawings.map((drawing) => {
-      var _a8, _b, _c, _d, _e;
-      const { drawingId } = drawing, drawingData = (_a8 = documentDataModel == null ? void 0 : documentDataModel.getSnapshot().drawings) == null ? void 0 : _a8[drawingId];
-      if (drawingData == null || drawingData.layoutType === PositionedObjectLayoutType.INLINE)
+    const f = g.getTransformerByCreate(), m = r.getUniverDocInstance(d), p = a.map((v) => {
+      var T, N, B, R, I;
+      const { drawingId: w } = v, S = (T = m == null ? void 0 : m.getSnapshot().drawings) == null ? void 0 : T[w];
+      if (S == null || S.layoutType === k.INLINE)
         return null;
-      const { positionH, positionV } = drawingData.docTransform, newPositionH = { ...positionH }, newPositionV = { ...positionV };
-      return direction === Direction.UP ? newPositionV.posOffset = ((_b = newPositionV.posOffset) != null ? _b : 0) - 2 : direction === Direction.DOWN ? newPositionV.posOffset = ((_c = newPositionV.posOffset) != null ? _c : 0) + 2 : direction === Direction.LEFT ? newPositionH.posOffset = ((_d = newPositionH.posOffset) != null ? _d : 0) - 2 : direction === Direction.RIGHT && (newPositionH.posOffset = ((_e = newPositionH.posOffset) != null ? _e : 0) + 2), {
-        drawingId,
-        key: direction === Direction.UP || direction === Direction.DOWN ? "positionV" : "positionH",
-        value: direction === Direction.UP || direction === Direction.DOWN ? newPositionV : newPositionH
+      const { positionH: O, positionV: D } = S.docTransform, x = { ...O }, b = { ...D };
+      return s === ue.UP ? b.posOffset = ((N = b.posOffset) != null ? N : 0) - 2 : s === ue.DOWN ? b.posOffset = ((B = b.posOffset) != null ? B : 0) + 2 : s === ue.LEFT ? x.posOffset = ((R = x.posOffset) != null ? R : 0) - 2 : s === ue.RIGHT && (x.posOffset = ((I = x.posOffset) != null ? I : 0) + 2), {
+        drawingId: w,
+        key: s === ue.UP || s === ue.DOWN ? "positionV" : "positionH",
+        value: s === ue.UP || s === ue.DOWN ? b : x
       };
-    }).filter((drawing) => drawing != null);
-    if (newDrawings.length === 0)
+    }).filter((v) => v != null);
+    if (p.length === 0)
       return !1;
-    const result = commandService.syncExecuteCommand(UpdateDrawingDocTransformCommand.id, {
-      unitId,
-      subUnitId: unitId,
-      drawings: newDrawings
+    const h = n.syncExecuteCommand(ze.id, {
+      unitId: d,
+      subUnitId: d,
+      drawings: p
     });
-    return transformer.refreshControls(), !!result;
-  }, "handler")
-}, ClearDocDrawingTransformerOperation = {
+    return f.refreshControls(), !!h;
+  }
+}, ji = {
   id: "doc.operation.clear-drawing-transformer",
-  type: CommandType.MUTATION,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const renderManagerService = accessor.get(IRenderManagerService);
-    return params.forEach((unitId) => {
-      var _a8, _b;
-      (_b = (_a8 = renderManagerService.getRenderById(unitId)) == null ? void 0 : _a8.scene.getTransformer()) == null || _b.debounceRefreshControls();
+  type: X.MUTATION,
+  handler: (i, e) => {
+    const n = i.get(Q);
+    return e.forEach((t) => {
+      var r, o;
+      (o = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
-  }, "handler")
-}, COMPONENT_DOC_DRAWING_PANEL = "COMPONENT_DOC_DRAWING_PANEL", SidebarDocDrawingOperation = {
+  }
+}, dt = "COMPONENT_DOC_DRAWING_PANEL", lt = {
   id: "sidebar.operation.doc-image",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor, params) => {
-    const sidebarService = accessor.get(ISidebarService), localeService = accessor.get(LocaleService), drawingManagerService = accessor.get(IDrawingManagerService);
-    switch (params.value) {
+  type: X.COMMAND,
+  handler: async (i, e) => {
+    const n = i.get(ri), t = i.get(dn), r = i.get(ve);
+    switch (e.value) {
       case "open":
-        sidebarService.open({
-          header: { title: localeService.t("docImage.panel.title") },
-          children: { label: COMPONENT_DOC_DRAWING_PANEL },
-          onClose: /* @__PURE__ */ __name(() => {
-            drawingManagerService.focusDrawing(null);
-          }, "onClose"),
+        n.open({
+          header: { title: t.t("docImage.panel.title") },
+          children: { label: dt },
+          onClose: () => {
+            r.focusDrawing(null);
+          },
           width: 360
         });
         break;
       case "close":
       default:
-        sidebarService.close();
+        n.close();
         break;
     }
     return !0;
-  }, "handler")
-}, EditDocDrawingOperation = {
+  }
+}, gt = {
   id: "doc.operation.edit-doc-image",
-  type: CommandType.OPERATION,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    const drawingManagerService = accessor.get(IDrawingManagerService), commandService = accessor.get(ICommandService);
-    return params == null ? !1 : (drawingManagerService.focusDrawing([params]), commandService.executeCommand(SidebarDocDrawingOperation.id, { value: "open" }), !0);
-  }, "handler")
+  type: X.OPERATION,
+  handler: (i, e) => {
+    const n = i.get(ve), t = i.get(z);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(lt.id, { value: "open" }), !0);
+  }
 };
-function r(e) {
-  var t, f, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
+var mt = { exports: {} }, gn = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Li = Ci, Bi = Symbol.for("react.element"), Ui = Symbol.for("react.fragment"), Fi = Object.prototype.hasOwnProperty, ki = Li.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Hi = { key: !0, ref: !0, __self: !0, __source: !0 };
+function ut(i, e, n) {
+  var t, r = {}, o = null, s = null;
+  n !== void 0 && (o = "" + n), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
+  for (t in e) Fi.call(e, t) && !Hi.hasOwnProperty(t) && (r[t] = e[t]);
+  if (i && i.defaultProps) for (t in e = i.defaultProps, e) r[t] === void 0 && (r[t] = e[t]);
+  return { $$typeof: Bi, type: i, key: o, ref: s, props: r, _owner: ki.current };
 }
-__name(r, "r");
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
+gn.Fragment = Ui;
+gn.jsx = ut;
+gn.jsxs = ut;
+mt.exports = gn;
+var l = mt.exports;
+function ft(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 = ft(i[e])) && (t && (t += " "), t += n);
+  } else for (n in i) i[n] && (t && (t += " "), t += n);
+  return t;
 }
-__name(clsx, "clsx");
-const imageCommonPanel = "univer-image-common-panel", imageCommonPanelGrid = "univer-image-common-panel-grid", imageCommonPanelBorder = "univer-image-common-panel-border", imageCommonPanelTitle = "univer-image-common-panel-title", imageCommonPanelSubtitle = "univer-image-common-panel-subtitle", imageCommonPanelRow = "univer-image-common-panel-row", imageCommonPanelRowVertical = "univer-image-common-panel-row-vertical", imageCommonPanelColumn = "univer-image-common-panel-column", imageCommonPanelColumnCenter = "univer-image-common-panel-column-center", imageCommonPanelInline = "univer-image-common-panel-inline", imageCommonPanelSpan2 = "univer-image-common-panel-span2", imageCommonPanelSpan3 = "univer-image-common-panel-span3", imageCommonPanelInput = "univer-image-common-panel-input", sheetImageMenu = "univer-sheet-image-menu", sheetImageMenuInput = "univer-sheet-image-menu-input", styles = {
-  imageCommonPanel,
-  imageCommonPanelGrid,
-  imageCommonPanelBorder,
-  imageCommonPanelTitle,
-  imageCommonPanelSubtitle,
-  imageCommonPanelRow,
-  imageCommonPanelRowVertical,
-  imageCommonPanelColumn,
-  imageCommonPanelColumnCenter,
-  imageCommonPanelInline,
-  imageCommonPanelSpan2,
-  imageCommonPanelSpan3,
-  imageCommonPanelInput,
-  sheetImageMenu,
-  sheetImageMenuInput
-}, MIN_OFFSET = -1e3, MAX_OFFSET = 1e3, DocDrawingPosition = /* @__PURE__ */ __name((props) => {
-  const commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), drawingManagerService = useDependency(IDrawingManagerService), renderManagerService = useDependency(IRenderManagerService), univerInstanceService = useDependency(IUniverInstanceService), { drawings } = props, drawingParam = drawings[0];
-  if (drawingParam == null)
+function V() {
+  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = ft(i)) && (t && (t += " "), t += e);
+  return t;
+}
+const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", Vi = "univer-image-common-panel-border", $i = "univer-image-common-panel-title", zi = "univer-image-common-panel-subtitle", qi = "univer-image-common-panel-row", Xi = "univer-image-common-panel-row-vertical", Ki = "univer-image-common-panel-column", Yi = "univer-image-common-panel-column-center", Zi = "univer-image-common-panel-inline", Ji = "univer-image-common-panel-span2", Qi = "univer-image-common-panel-span3", er = "univer-image-common-panel-input", nr = "univer-sheet-image-menu", tr = "univer-sheet-image-menu-input", u = {
+  imageCommonPanel: Wi,
+  imageCommonPanelGrid: Gi,
+  imageCommonPanelBorder: Vi,
+  imageCommonPanelTitle: $i,
+  imageCommonPanelSubtitle: zi,
+  imageCommonPanelRow: qi,
+  imageCommonPanelRowVertical: Xi,
+  imageCommonPanelColumn: Ki,
+  imageCommonPanelColumnCenter: Yi,
+  imageCommonPanelInline: Zi,
+  imageCommonPanelSpan2: Ji,
+  imageCommonPanelSpan3: Qi,
+  imageCommonPanelInput: er,
+  sheetImageMenu: nr,
+  sheetImageMenuInput: tr
+}, Un = -1e3, Fn = 1e3, ir = (i) => {
+  const e = pe(z), n = pe(dn), t = pe(ve), r = pe(Q), o = pe(Z), { drawings: s } = i, a = s[0];
+  if (a == null)
     return;
-  const { unitId } = drawingParam, documentDataModel = univerInstanceService.getUniverDocInstance(unitId), documentFlavor = documentDataModel == null ? void 0 : documentDataModel.getSnapshot().documentStyle.documentFlavor, renderObject = renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-  if (scene == null)
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, f = r.getRenderById(d), m = f == null ? void 0 : f.scene;
+  if (m == null)
     return;
-  const transformer = scene.getTransformerByCreate(), HORIZONTAL_RELATIVE_FROM = [{
-    label: localeService.t("image-position.column"),
-    value: String(ObjectRelativeFromH.COLUMN)
+  const p = m.getTransformerByCreate(), h = [{
+    label: n.t("image-position.column"),
+    value: String(ee.COLUMN)
   }, {
-    label: localeService.t("image-position.page"),
-    value: String(ObjectRelativeFromH.PAGE)
+    label: n.t("image-position.page"),
+    value: String(ee.PAGE)
   }, {
-    label: localeService.t("image-position.margin"),
-    value: String(ObjectRelativeFromH.MARGIN)
-  }], VERTICAL_RELATIVE_FROM = [{
-    label: localeService.t("image-position.line"),
-    value: String(ObjectRelativeFromV.LINE),
-    disabled: documentFlavor === DocumentFlavor.MODERN
+    label: n.t("image-position.margin"),
+    value: String(ee.MARGIN)
+  }], v = [{
+    label: n.t("image-position.line"),
+    value: String(G.LINE),
+    disabled: g === fn.MODERN
   }, {
-    label: localeService.t("image-position.page"),
-    value: String(ObjectRelativeFromV.PAGE),
-    disabled: documentFlavor === DocumentFlavor.MODERN
+    label: n.t("image-position.page"),
+    value: String(G.PAGE),
+    disabled: g === fn.MODERN
   }, {
-    label: localeService.t("image-position.margin"),
-    value: String(ObjectRelativeFromV.MARGIN),
-    disabled: documentFlavor === DocumentFlavor.MODERN
+    label: n.t("image-position.margin"),
+    value: String(G.MARGIN),
+    disabled: g === fn.MODERN
   }, {
-    label: localeService.t("image-position.paragraph"),
-    value: String(ObjectRelativeFromV.PARAGRAPH)
-  }], [disabled, setDisabled] = useState(!0), [hPosition, setHPosition] = useState({
-    relativeFrom: ObjectRelativeFromH.PAGE,
+    label: n.t("image-position.paragraph"),
+    value: String(G.PARAGRAPH)
+  }], [w, S] = ie(!0), [O, D] = ie({
+    relativeFrom: ee.PAGE,
     posOffset: 0
-  }), [vPosition, setVPosition] = useState({
-    relativeFrom: ObjectRelativeFromV.PAGE,
+  }), [x, b] = ie({
+    relativeFrom: G.PAGE,
     posOffset: 0
-  }), [followTextMove, setFollowTextMove] = useState(!0), [showPanel, setShowPanel] = useState(!0);
-  function handlePositionChange(direction, value) {
-    var _a8;
-    direction === "positionH" ? setHPosition(value) : setVPosition(value);
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    if (focusDrawings.length === 0)
+  }), [T, N] = ie(!0), [B, R] = ie(!0);
+  function I(C, M) {
+    var y;
+    C === "positionH" ? D(M) : b(M);
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const drawings2 = focusDrawings.map((drawing) => ({
-      unitId: drawing.unitId,
-      subUnitId: drawing.subUnitId,
-      drawingId: drawing.drawingId
+    const L = P.map((A) => ({
+      unitId: A.unitId,
+      subUnitId: A.subUnitId,
+      drawingId: A.drawingId
     }));
-    commandService.executeCommand(UpdateDrawingDocTransformCommand.id, {
-      unitId: focusDrawings[0].unitId,
-      subUnitId: focusDrawings[0].unitId,
-      drawings: drawings2.map((drawing) => ({
-        drawingId: drawing.drawingId,
-        key: direction,
-        value
+    e.executeCommand(ze.id, {
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
+      drawings: L.map((A) => ({
+        drawingId: A.drawingId,
+        key: C,
+        value: M
       }))
     });
-    const docSelectionRenderService = (_a8 = renderManagerService.getRenderById(unitId)) == null ? void 0 : _a8.with(DocSelectionRenderService);
-    docSelectionRenderService && docSelectionRenderService.blur(), transformer.refreshControls();
-  }
-  __name(handlePositionChange, "handlePositionChange");
-  function handleHorizontalRelativeFromChange(value) {
-    var _a8, _b, _c;
-    const prevRelativeFrom = hPosition.relativeFrom, prevPosOffset = hPosition.posOffset, relativeFrom = Number(value);
-    if (prevRelativeFrom === relativeFrom)
+    const U = (y = r.getRenderById(d)) == null ? void 0 : y.with(ye);
+    U && U.blur(), p.refreshControls();
+  }
+  function j(C) {
+    var te, Ie, _e;
+    const M = O.relativeFrom, P = O.posOffset, L = Number(C);
+    if (M === L)
       return;
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    if (focusDrawings.length === 0)
+    const U = t.getFocusDrawings();
+    if (U.length === 0)
       return;
-    const drawingId = focusDrawings[0].drawingId, unitId2 = focusDrawings[0].unitId;
-    let drawing = null, pageMarginLeft = 0;
-    const skeleton = (_a8 = renderManagerService.getRenderById(unitId2)) == null ? void 0 : _a8.with(DocSkeletonManagerService).getSkeleton(), skeletonData = skeleton == null ? void 0 : skeleton.getSkeletonData();
-    if (skeletonData == null)
+    const y = U[0].drawingId, A = U[0].unitId;
+    let $ = null, F = 0;
+    const K = (te = r.getRenderById(A)) == null ? void 0 : te.with(oe).getSkeleton(), se = K == null ? void 0 : K.getSkeletonData();
+    if (se == null)
       return;
-    const { pages, skeHeaders, skeFooters } = skeletonData;
-    for (const page of pages) {
-      const { marginLeft, skeDrawings, headerId, footerId, pageWidth } = page;
-      if (skeDrawings.has(drawingId)) {
-        drawing = skeDrawings.get(drawingId), pageMarginLeft = marginLeft;
+    const { pages: Le, skeHeaders: be, skeFooters: ke } = se;
+    for (const ce of Le) {
+      const { marginLeft: Ce, skeDrawings: De, headerId: Me, footerId: Re, pageWidth: Oe } = ce;
+      if (De.has(y)) {
+        $ = De.get(y), F = Ce;
         break;
       }
-      const headerPage = (_b = skeHeaders.get(headerId)) == null ? void 0 : _b.get(pageWidth);
-      if (headerPage != null && headerPage.skeDrawings.has(drawingId)) {
-        drawing = headerPage == null ? void 0 : headerPage.skeDrawings.get(drawingId), pageMarginLeft = marginLeft;
+      const de = (Ie = be.get(Me)) == null ? void 0 : Ie.get(Oe);
+      if (de != null && de.skeDrawings.has(y)) {
+        $ = de == null ? void 0 : de.skeDrawings.get(y), F = Ce;
         break;
       }
-      const footerPage = (_c = skeFooters.get(footerId)) == null ? void 0 : _c.get(pageWidth);
-      if (footerPage != null && footerPage.skeDrawings.has(drawingId)) {
-        drawing = footerPage == null ? void 0 : footerPage.skeDrawings.get(drawingId), pageMarginLeft = marginLeft;
+      const le = (_e = ke.get(Re)) == null ? void 0 : _e.get(Oe);
+      if (le != null && le.skeDrawings.has(y)) {
+        $ = le == null ? void 0 : le.skeDrawings.get(y), F = Ce;
         break;
       }
     }
-    if (drawing == null)
+    if ($ == null)
       return;
-    let delta = 0;
-    prevRelativeFrom === ObjectRelativeFromH.COLUMN ? delta -= drawing.columnLeft : prevRelativeFrom === ObjectRelativeFromH.MARGIN && (delta -= pageMarginLeft), relativeFrom === ObjectRelativeFromH.COLUMN ? delta += drawing.columnLeft : relativeFrom === ObjectRelativeFromH.MARGIN ? delta += pageMarginLeft : ObjectRelativeFromH.PAGE;
-    const newPositionH = {
-      relativeFrom,
-      posOffset: (prevPosOffset != null ? prevPosOffset : 0) - delta
+    let ae = 0;
+    M === ee.COLUMN ? ae -= $.columnLeft : M === ee.MARGIN && (ae -= F), L === ee.COLUMN ? ae += $.columnLeft : L === ee.MARGIN ? ae += F : ee.PAGE;
+    const ne = {
+      relativeFrom: L,
+      posOffset: (P != null ? P : 0) - ae
     };
-    handlePositionChange("positionH", newPositionH);
+    I("positionH", ne);
   }
-  __name(handleHorizontalRelativeFromChange, "handleHorizontalRelativeFromChange");
-  function handleVerticalRelativeFromChange(value) {
-    var _a8, _b, _c, _d, _e, _f;
-    const prevRelativeFrom = vPosition.relativeFrom, prevPosOffset = vPosition.posOffset, relativeFrom = Number(value);
-    if (prevRelativeFrom === relativeFrom)
+  function H(C) {
+    var De, Me, Re, Oe, de, le;
+    const M = x.relativeFrom, P = x.posOffset, L = Number(C);
+    if (M === L)
       return;
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    if (focusDrawings.length === 0)
+    const U = t.getFocusDrawings();
+    if (U.length === 0)
       return;
-    const { drawingId, unitId: unitId2 } = focusDrawings[0], documentDataModel2 = univerInstanceService.getUniverDocInstance(unitId2), skeleton = (_a8 = renderManagerService.getRenderById(unitId2)) == null ? void 0 : _a8.with(DocSkeletonManagerService).getSkeleton(), docSelectionRenderService = (_b = renderManagerService.getRenderById(unitId2)) == null ? void 0 : _b.with(DocSelectionRenderService), segmentId = docSelectionRenderService == null ? void 0 : docSelectionRenderService.getSegment(), segmentPage = docSelectionRenderService == null ? void 0 : docSelectionRenderService.getSegmentPage(), drawing = (_d = (_c = documentDataModel2 == null ? void 0 : documentDataModel2.getSelfOrHeaderFooterModel(segmentId).getBody()) == null ? void 0 : _c.customBlocks) == null ? void 0 : _d.find((c) => c.blockId === drawingId);
-    if (drawing == null || skeleton == null || docSelectionRenderService == null)
+    const { drawingId: y, unitId: A } = U[0], $ = o.getUniverDocInstance(A), F = (De = r.getRenderById(A)) == null ? void 0 : De.with(oe).getSkeleton(), K = (Me = r.getRenderById(A)) == null ? void 0 : Me.with(ye), se = K == null ? void 0 : K.getSegment(), Le = K == null ? void 0 : K.getSegmentPage(), be = (Oe = (Re = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(se).getBody()) == null ? void 0 : Re.customBlocks) == null ? void 0 : Oe.find((Ne) => Ne.blockId === y);
+    if (be == null || F == null || K == null)
       return;
-    const { startIndex } = drawing, glyph = skeleton.findNodeByCharIndex(startIndex, segmentId, segmentPage), line = (_e = glyph == null ? void 0 : glyph.parent) == null ? void 0 : _e.parent, column = line == null ? void 0 : line.parent, paragraphStartLine = column == null ? void 0 : column.lines.find((l) => l.paragraphIndex === (line == null ? void 0 : line.paragraphIndex) && l.paragraphStart), page = (_f = column == null ? void 0 : column.parent) == null ? void 0 : _f.parent;
-    if (glyph == null || line == null || paragraphStartLine == null || column == null || page == null)
+    const { startIndex: ke } = be, ae = F.findNodeByCharIndex(ke, se, Le), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, te = ne == null ? void 0 : ne.parent, Ie = te == null ? void 0 : te.lines.find((Ne) => Ne.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Ne.paragraphStart), _e = (le = te == null ? void 0 : te.parent) == null ? void 0 : le.parent;
+    if (ae == null || ne == null || Ie == null || te == null || _e == null)
       return;
-    let delta = 0;
-    prevRelativeFrom === ObjectRelativeFromV.PARAGRAPH ? delta -= paragraphStartLine.top : prevRelativeFrom === ObjectRelativeFromV.LINE ? delta -= line.top : prevRelativeFrom === ObjectRelativeFromV.PAGE && (delta += page.marginTop), relativeFrom === ObjectRelativeFromV.PARAGRAPH ? delta += paragraphStartLine.top : relativeFrom === ObjectRelativeFromV.LINE ? delta += line.top : relativeFrom === ObjectRelativeFromV.PAGE && (delta -= page.marginTop);
-    const newPositionV = {
-      relativeFrom,
-      posOffset: (prevPosOffset != null ? prevPosOffset : 0) - delta
+    let ce = 0;
+    M === G.PARAGRAPH ? ce -= Ie.top : M === G.LINE ? ce -= ne.top : M === G.PAGE && (ce += _e.marginTop), L === G.PARAGRAPH ? ce += Ie.top : L === G.LINE ? ce += ne.top : L === G.PAGE && (ce -= _e.marginTop);
+    const Ce = {
+      relativeFrom: L,
+      posOffset: (P != null ? P : 0) - ce
     };
-    handlePositionChange("positionV", newPositionV);
+    I("positionV", Ce);
   }
-  __name(handleVerticalRelativeFromChange, "handleVerticalRelativeFromChange");
-  function updateState(drawingParam2) {
-    var _a8;
-    const snapshot = documentDataModel == null ? void 0 : documentDataModel.getSnapshot(), drawing = (_a8 = snapshot == null ? void 0 : snapshot.drawings) == null ? void 0 : _a8[drawingParam2.drawingId];
-    if (drawing == null)
+  function E(C) {
+    var A;
+    const M = c == null ? void 0 : c.getSnapshot(), P = (A = M == null ? void 0 : M.drawings) == null ? void 0 : A[C.drawingId];
+    if (P == null)
       return;
-    const { layoutType } = drawing, {
-      positionH,
-      positionV
-    } = drawing.docTransform;
-    setHPosition(positionH), setVPosition(positionV), setDisabled(layoutType === PositionedObjectLayoutType.INLINE), setFollowTextMove(positionV.relativeFrom === ObjectRelativeFromV.PARAGRAPH || positionV.relativeFrom === ObjectRelativeFromV.LINE);
-  }
-  __name(updateState, "updateState");
-  function updateFocusDrawingState() {
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    focusDrawings.length !== 0 && updateState(focusDrawings[0]);
-  }
-  __name(updateFocusDrawingState, "updateFocusDrawingState");
-  function handleFollowTextMoveCheck(val) {
-    setFollowTextMove(val), handleVerticalRelativeFromChange(String(val ? ObjectRelativeFromV.PARAGRAPH : ObjectRelativeFromV.PAGE));
-  }
-  return __name(handleFollowTextMoveCheck, "handleFollowTextMoveCheck"), useEffect(() => {
-    updateFocusDrawingState();
-    const subscription = drawingManagerService.focus$.subscribe((drawingParams) => {
-      if (drawingParams.length === 0) {
-        setShowPanel(!1);
+    const { layoutType: L } = P, {
+      positionH: U,
+      positionV: y
+    } = P.docTransform;
+    D(U), b(y), S(L === k.INLINE), N(y.relativeFrom === G.PARAGRAPH || y.relativeFrom === G.LINE);
+  }
+  function W() {
+    const C = t.getFocusDrawings();
+    C.length !== 0 && E(C[0]);
+  }
+  function _(C) {
+    N(C), H(String(C ? G.PARAGRAPH : G.PAGE));
+  }
+  return _n(() => {
+    W();
+    const C = t.focus$.subscribe((P) => {
+      if (P.length === 0) {
+        R(!1);
         return;
       }
-      setShowPanel(!0), updateState(drawingParams[0]);
-    }), mutationListener = commandService.onCommandExecuted(async (command) => {
-      command.id === RichTextEditingMutation.id && updateFocusDrawingState();
+      R(!0), E(P[0]);
+    }), M = e.onCommandExecuted(async (P) => {
+      P.id === J.id && W();
     });
     return () => {
-      subscription.unsubscribe(), mutationListener.dispose();
+      C.unsubscribe(), M.dispose();
     };
-  }, []), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelGrid, styles.imageCommonPanelBorder), style: { display: showPanel ? "block" : "none" } }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelTitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-position.title")))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSubtitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-position.horizontal")))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-position.absolutePosition"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    InputNumber,
-    {
-      min: MIN_OFFSET,
-      max: MAX_OFFSET,
-      precision: 1,
-      disabled,
-      value: hPosition.posOffset,
-      onChange: /* @__PURE__ */ __name((val) => {
-        handlePositionChange("positionH", {
-          relativeFrom: hPosition.relativeFrom,
-          posOffset: val
-        });
-      }, "onChange"),
-      className: styles.imageCommonPanelInput
-    }
-  ))))), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-position.toTheRightOf"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value: String(hPosition.relativeFrom),
-      disabled,
-      options: HORIZONTAL_RELATIVE_FROM,
-      onChange: handleHorizontalRelativeFromChange
-    }
-  )))))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSubtitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-position.vertical")))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-position.absolutePosition"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    InputNumber,
-    {
-      min: MIN_OFFSET,
-      max: MAX_OFFSET,
-      precision: 1,
-      disabled,
-      value: vPosition.posOffset,
-      onChange: /* @__PURE__ */ __name((val) => {
-        handlePositionChange("positionV", {
-          relativeFrom: vPosition.relativeFrom,
-          posOffset: val
-        });
-      }, "onChange"),
-      className: styles.imageCommonPanelInput
-    }
-  ))))), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-position.bellow"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      disabled,
-      value: String(vPosition.relativeFrom),
-      options: VERTICAL_RELATIVE_FROM,
-      onChange: handleVerticalRelativeFromChange
-    }
-  )))))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSubtitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-position.options")))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow, style: { marginBottom: "50px" } }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(Checkbox, { disabled, checked: followTextMove, onChange: handleFollowTextMoveCheck }, localeService.t("image-position.moveObjectWithText")))));
-}, "DocDrawingPosition"), MIN_MARGIN = 0, MAX_MARGIN = 100, DocDrawingTextWrap = /* @__PURE__ */ __name((props) => {
-  const commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), drawingManagerService = useDependency(IDrawingManagerService), renderManagerService = useDependency(IRenderManagerService), univerInstanceService = useDependency(IUniverInstanceService), { drawings } = props, drawingParam = drawings[0];
-  if (drawingParam == null)
+  }, []), /* @__PURE__ */ l.jsxs("div", { className: V(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-position.title") }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-position.horizontal") }) }) }),
+    /* @__PURE__ */ l.jsxs("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          Be,
+          {
+            min: Un,
+            max: Fn,
+            precision: 1,
+            disabled: w,
+            value: O.posOffset,
+            onChange: (C) => {
+              I("positionH", {
+                relativeFrom: O.relativeFrom,
+                posOffset: C
+              });
+            },
+            className: u.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          En,
+          {
+            value: String(O.relativeFrom),
+            disabled: w,
+            options: h,
+            onChange: j
+          }
+        ) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-position.vertical") }) }) }),
+    /* @__PURE__ */ l.jsxs("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          Be,
+          {
+            min: Un,
+            max: Fn,
+            precision: 1,
+            disabled: w,
+            value: x.posOffset,
+            onChange: (C) => {
+              I("positionV", {
+                relativeFrom: x.relativeFrom,
+                posOffset: C
+              });
+            },
+            className: u.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          En,
+          {
+            disabled: w,
+            value: String(x.relativeFrom),
+            options: v,
+            onChange: H
+          }
+        ) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-position.options") }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(vi, { disabled: w, checked: T, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+  ] });
+}, Ze = 0, Je = 100, rr = (i) => {
+  const e = pe(z), n = pe(dn), t = pe(ve), r = pe(Q), o = pe(Z), { drawings: s } = i, a = s[0];
+  if (a == null)
     return null;
-  const { unitId } = drawingParam, documentDataModel = univerInstanceService.getUniverDocInstance(unitId), renderObject = renderManagerService.getRenderById(unitId);
-  if ((renderObject == null ? void 0 : renderObject.scene) == null)
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = r.getRenderById(d);
+  if ((g == null ? void 0 : g.scene) == null)
     return null;
-  const [disableWrapText, setDisableWrapText] = useState(!0), [disableDistTB, setDisableDistTB] = useState(!0), [disableDistLR, setDisableDistLR] = useState(!0), [wrappingStyle, setWrappingStyle] = useState(TextWrappingStyle.INLINE), [wrapText, setWrapText] = useState(""), [distToText, setDistToText] = useState({
+  const [m, p] = ie(!0), [h, v] = ie(!0), [w, S] = ie(!0), [O, D] = ie(me.INLINE), [x, b] = ie(""), [T, N] = ie({
     distT: 0,
     distL: 0,
     distB: 0,
     distR: 0
-  }), [showPanel, setShowPanel] = useState(!0);
-  function handleWrappingStyleChange(value) {
-    setWrappingStyle(value);
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    if (focusDrawings.length === 0)
+  }), [B, R] = ie(!0);
+  function I(_) {
+    D(_);
+    const C = t.getFocusDrawings();
+    if (C.length === 0)
       return;
-    const { unitId: unitId2, subUnitId } = focusDrawings[0], drawings2 = focusDrawings.map(({ unitId: unitId3, subUnitId: subUnitId2, drawingId }) => ({
-      unitId: unitId3,
-      subUnitId: subUnitId2,
-      drawingId
+    const { unitId: M, subUnitId: P } = C[0], L = C.map(({ unitId: U, subUnitId: y, drawingId: A }) => ({
+      unitId: U,
+      subUnitId: y,
+      drawingId: A
     }));
-    commandService.executeCommand(UpdateDocDrawingWrappingStyleCommand.id, {
-      unitId: unitId2,
-      subUnitId,
-      drawings: drawings2,
-      wrappingStyle: value
+    e.executeCommand(rt.id, {
+      unitId: M,
+      subUnitId: P,
+      drawings: L,
+      wrappingStyle: _
     });
   }
-  __name(handleWrappingStyleChange, "handleWrappingStyleChange");
-  function handleWrapTextChange(value) {
-    setWrapText(value);
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    if (focusDrawings.length === 0)
+  function j(_) {
+    b(_);
+    const C = t.getFocusDrawings();
+    if (C.length === 0)
       return;
-    const drawings2 = focusDrawings.map((drawing) => ({
-      unitId: drawing.unitId,
-      subUnitId: drawing.subUnitId,
-      drawingId: drawing.drawingId
+    const M = C.map((P) => ({
+      unitId: P.unitId,
+      subUnitId: P.subUnitId,
+      drawingId: P.drawingId
     }));
-    commandService.executeCommand(UpdateDocDrawingWrapTextCommand.id, {
-      unitId: focusDrawings[0].unitId,
-      subUnitId: focusDrawings[0].unitId,
-      drawings: drawings2,
-      wrapText: value
+    e.executeCommand(st.id, {
+      unitId: C[0].unitId,
+      subUnitId: C[0].unitId,
+      drawings: M,
+      wrapText: _
     });
   }
-  __name(handleWrapTextChange, "handleWrapTextChange");
-  function handleDistToTextChange(value, direction) {
-    if (value == null)
+  function H(_, C) {
+    if (_ == null)
       return;
-    const newDistToText = { ...distToText, [direction]: value };
-    setDistToText(newDistToText);
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    if (focusDrawings.length === 0)
+    const M = { ...T, [C]: _ };
+    N(M);
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const drawings2 = focusDrawings.map((drawing) => ({
-      unitId: drawing.unitId,
-      subUnitId: drawing.subUnitId,
-      drawingId: drawing.drawingId
+    const L = P.map((U) => ({
+      unitId: U.unitId,
+      subUnitId: U.subUnitId,
+      drawingId: U.drawingId
     }));
-    commandService.executeCommand(UpdateDocDrawingDistanceCommand.id, {
-      unitId: focusDrawings[0].unitId,
-      subUnitId: focusDrawings[0].unitId,
-      drawings: drawings2,
+    e.executeCommand(ot.id, {
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
+      drawings: L,
       dist: {
-        [direction]: value
+        [C]: _
       }
     });
   }
-  __name(handleDistToTextChange, "handleDistToTextChange");
-  function updateFocusDrawingState() {
-    const focusDrawings = drawingManagerService.getFocusDrawings();
-    focusDrawings.length !== 0 && updateState(focusDrawings[0]);
+  function E() {
+    const _ = t.getFocusDrawings();
+    _.length !== 0 && W(_[0]);
   }
-  __name(updateFocusDrawingState, "updateFocusDrawingState");
-  function updateState(drawingParam2) {
-    var _a8, _b;
-    const drawing = (_b = (_a8 = documentDataModel == null ? void 0 : documentDataModel.getSnapshot()) == null ? void 0 : _a8.drawings) == null ? void 0 : _b[drawingParam2.drawingId];
-    if (drawing == null)
+  function W(_) {
+    var K, se;
+    const C = (se = (K = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : se[_.drawingId];
+    if (C == null)
       return;
     const {
-      distT = 0,
-      distL = 0,
-      distB = 0,
-      distR = 0,
-      layoutType = PositionedObjectLayoutType.INLINE,
-      behindDoc = BooleanNumber.FALSE,
-      wrapText: wrapText2 = WrapTextType.BOTH_SIDES
-    } = drawing;
-    if (setDistToText({
-      distT,
-      distL,
-      distB,
-      distR
-    }), setWrapText(wrapText2), setDisableWrapText(layoutType !== PositionedObjectLayoutType.WRAP_SQUARE), layoutType === PositionedObjectLayoutType.WRAP_NONE || layoutType === PositionedObjectLayoutType.INLINE ? setDisableDistTB(!0) : setDisableDistTB(!1), layoutType === PositionedObjectLayoutType.WRAP_NONE || layoutType === PositionedObjectLayoutType.INLINE || layoutType === PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM ? setDisableDistLR(!0) : setDisableDistLR(!1), layoutType === PositionedObjectLayoutType.WRAP_NONE)
-      behindDoc === BooleanNumber.TRUE ? setWrappingStyle(TextWrappingStyle.BEHIND_TEXT) : setWrappingStyle(TextWrappingStyle.IN_FRONT_OF_TEXT);
+      distT: M = 0,
+      distL: P = 0,
+      distB: L = 0,
+      distR: U = 0,
+      layoutType: y = k.INLINE,
+      behindDoc: A = re.FALSE,
+      wrapText: $ = Ve.BOTH_SIDES
+    } = C;
+    if (N({
+      distT: M,
+      distL: P,
+      distB: L,
+      distR: U
+    }), b($), p(y !== k.WRAP_SQUARE), y === k.WRAP_NONE || y === k.INLINE ? v(!0) : v(!1), y === k.WRAP_NONE || y === k.INLINE || y === k.WRAP_TOP_AND_BOTTOM ? S(!0) : S(!1), y === k.WRAP_NONE)
+      A === re.TRUE ? D(me.BEHIND_TEXT) : D(me.IN_FRONT_OF_TEXT);
     else
-      switch (layoutType) {
-        case PositionedObjectLayoutType.INLINE:
-          setWrappingStyle(TextWrappingStyle.INLINE);
+      switch (y) {
+        case k.INLINE:
+          D(me.INLINE);
           break;
-        case PositionedObjectLayoutType.WRAP_SQUARE:
-          setWrappingStyle(TextWrappingStyle.WRAP_SQUARE);
+        case k.WRAP_SQUARE:
+          D(me.WRAP_SQUARE);
           break;
-        case PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:
-          setWrappingStyle(TextWrappingStyle.WRAP_TOP_AND_BOTTOM);
+        case k.WRAP_TOP_AND_BOTTOM:
+          D(me.WRAP_TOP_AND_BOTTOM);
           break;
         default:
-          throw new Error(`Unsupported layout type: ${layoutType}`);
+          throw new Error(`Unsupported layout type: ${y}`);
       }
   }
-  return __name(updateState, "updateState"), useEffect(() => {
-    updateFocusDrawingState();
-    const subscription = drawingManagerService.focus$.subscribe((drawingParams) => {
-      if (drawingParams.length === 0) {
-        setShowPanel(!1);
+  return _n(() => {
+    E();
+    const _ = t.focus$.subscribe((M) => {
+      if (M.length === 0) {
+        R(!1);
         return;
       }
-      setShowPanel(!0), updateState(drawingParams[0]);
-    }), mutationListener = commandService.onCommandExecuted(async (command) => {
-      command.id === RichTextEditingMutation.id && updateFocusDrawingState();
+      R(!0), W(M[0]);
+    }), C = e.onCommandExecuted(async (M) => {
+      M.id === J.id && E();
     });
     return () => {
-      subscription.unsubscribe(), mutationListener.dispose();
+      _.unsubscribe(), C.dispose();
     };
-  }, []), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelGrid, styles.imageCommonPanelBorder), style: { display: showPanel ? "block" : "none" } }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelTitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-text-wrap.title")))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSubtitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-text-wrap.wrappingStyle")))), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelRow) }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn) }, /* @__PURE__ */ React.createElement(RadioGroup, { value: wrappingStyle, onChange: handleWrappingStyleChange, direction: "vertical" }, /* @__PURE__ */ React.createElement(Radio, { value: TextWrappingStyle.INLINE }, localeService.t("image-text-wrap.inline")), /* @__PURE__ */ React.createElement(Radio, { value: TextWrappingStyle.WRAP_SQUARE }, localeService.t("image-text-wrap.square")), /* @__PURE__ */ React.createElement(Radio, { value: TextWrappingStyle.WRAP_TOP_AND_BOTTOM }, localeService.t("image-text-wrap.topAndBottom")), /* @__PURE__ */ React.createElement(Radio, { value: TextWrappingStyle.BEHIND_TEXT }, localeService.t("image-text-wrap.behindText")), /* @__PURE__ */ React.createElement(Radio, { value: TextWrappingStyle.IN_FRONT_OF_TEXT }, localeService.t("image-text-wrap.inFrontText"))))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSubtitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-text-wrap.wrapText")))), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelRow) }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn) }, /* @__PURE__ */ React.createElement(RadioGroup, { disabled: disableWrapText, value: wrapText, onChange: handleWrapTextChange, direction: "horizontal" }, /* @__PURE__ */ React.createElement(Radio, { value: WrapTextType.BOTH_SIDES }, localeService.t("image-text-wrap.bothSide")), /* @__PURE__ */ React.createElement(Radio, { value: WrapTextType.LEFT }, localeService.t("image-text-wrap.leftOnly")), /* @__PURE__ */ React.createElement(Radio, { value: WrapTextType.RIGHT }, localeService.t("image-text-wrap.rightOnly"))))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSubtitle) }, /* @__PURE__ */ React.createElement("div", null, localeService.t("image-text-wrap.distanceFromText")))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-text-wrap.top"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    InputNumber,
-    {
-      min: MIN_MARGIN,
-      max: MAX_MARGIN,
-      disabled: disableDistTB,
-      precision: 1,
-      value: distToText.distT,
-      onChange: /* @__PURE__ */ __name((val) => {
-        handleDistToTextChange(val, "distT");
-      }, "onChange"),
-      className: styles.imageCommonPanelInput
-    }
-  ))))), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-text-wrap.left"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    InputNumber,
-    {
-      min: MIN_MARGIN,
-      max: MAX_MARGIN,
-      disabled: disableDistLR,
-      precision: 1,
-      value: distToText.distL,
-      onChange: /* @__PURE__ */ __name((val) => {
-        handleDistToTextChange(val, "distL");
-      }, "onChange"),
-      className: styles.imageCommonPanelInput
-    }
-  )))))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-text-wrap.bottom"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    InputNumber,
-    {
-      min: MIN_MARGIN,
-      max: MAX_MARGIN,
-      disabled: disableDistTB,
-      precision: 1,
-      value: distToText.distB,
-      onChange: /* @__PURE__ */ __name((val) => {
-        handleDistToTextChange(val, "distB");
-      }, "onChange"),
-      className: styles.imageCommonPanelInput
-    }
-  ))))), /* @__PURE__ */ React.createElement("div", { className: clsx(styles.imageCommonPanelColumn, styles.imageCommonPanelSpan2) }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, localeService.t("image-text-wrap.right"))), /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelRow }, /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanelColumn }, /* @__PURE__ */ React.createElement(
-    InputNumber,
-    {
-      min: MIN_MARGIN,
-      max: MAX_MARGIN,
-      disabled: disableDistLR,
-      precision: 1,
-      value: distToText.distR,
-      onChange: /* @__PURE__ */ __name((val) => {
-        handleDistToTextChange(val, "distR");
-      }, "onChange"),
-      className: styles.imageCommonPanelInput
-    }
-  )))))));
-}, "DocDrawingTextWrap"), DocDrawingPanel = /* @__PURE__ */ __name(() => {
-  const drawingManagerService = useDependency(IDrawingManagerService), focusDrawings = drawingManagerService.getFocusDrawings(), [drawings, setDrawings] = useState(focusDrawings);
-  return useEffect(() => {
-    const focusDispose = drawingManagerService.focus$.subscribe((drawings2) => {
-      setDrawings(drawings2);
+  }, []), /* @__PURE__ */ l.jsxs("div", { className: V(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: B ? "block" : "none" }, children: [
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-text-wrap.title") }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelRow), children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn), children: /* @__PURE__ */ l.jsxs(jn, { value: O, onChange: I, direction: "vertical", children: [
+      /* @__PURE__ */ l.jsx(xe, { value: me.INLINE, children: n.t("image-text-wrap.inline") }),
+      /* @__PURE__ */ l.jsx(xe, { value: me.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
+      /* @__PURE__ */ l.jsx(xe, { value: me.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
+      /* @__PURE__ */ l.jsx(xe, { value: me.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
+      /* @__PURE__ */ l.jsx(xe, { value: me.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+    ] }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelRow), children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn), children: /* @__PURE__ */ l.jsxs(jn, { disabled: m, value: x, onChange: j, direction: "horizontal", children: [
+      /* @__PURE__ */ l.jsx(xe, { value: Ve.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
+      /* @__PURE__ */ l.jsx(xe, { value: Ve.LEFT, children: n.t("image-text-wrap.leftOnly") }),
+      /* @__PURE__ */ l.jsx(xe, { value: Ve.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+    ] }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ l.jsx("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
+    /* @__PURE__ */ l.jsxs("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          Be,
+          {
+            min: Ze,
+            max: Je,
+            disabled: h,
+            precision: 1,
+            value: T.distT,
+            onChange: (_) => {
+              H(_, "distT");
+            },
+            className: u.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          Be,
+          {
+            min: Ze,
+            max: Je,
+            disabled: w,
+            precision: 1,
+            value: T.distL,
+            onChange: (_) => {
+              H(_, "distL");
+            },
+            className: u.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ l.jsxs("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          Be,
+          {
+            min: Ze,
+            max: Je,
+            disabled: h,
+            precision: 1,
+            value: T.distB,
+            onChange: (_) => {
+              H(_, "distB");
+            },
+            className: u.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ l.jsx("div", { className: V(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ l.jsxs("label", { children: [
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
+        /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ l.jsx("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ l.jsx(
+          Be,
+          {
+            min: Ze,
+            max: Je,
+            disabled: w,
+            precision: 1,
+            value: T.distR,
+            onChange: (_) => {
+              H(_, "distR");
+            },
+            className: u.imageCommonPanelInput
+          }
+        ) }) })
+      ] }) })
+    ] })
+  ] });
+}, or = () => {
+  const i = pe(ve), e = i.getFocusDrawings(), [n, t] = ie(e);
+  return _n(() => {
+    const r = i.focus$.subscribe((o) => {
+      t(o);
     });
     return () => {
-      focusDispose.unsubscribe();
+      r.unsubscribe();
     };
-  }, []), !!(drawings != null && drawings.length) && /* @__PURE__ */ React.createElement("div", { className: styles.imageCommonPanel }, /* @__PURE__ */ React.createElement(DrawingCommonPanel, { drawings, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }), /* @__PURE__ */ React.createElement(DocDrawingTextWrap, { drawings }), /* @__PURE__ */ React.createElement(DocDrawingPosition, { drawings }));
-}, "DocDrawingPanel"), ImageUploadIcon = "addition-and-subtraction-single", IMAGE_MENU_ID = "doc.menu.image", IMAGE_MENU_UPLOAD_FLOAT_ID = InsertDocImageCommand.id, getDisableWhenSelectionInTableObservable = /* @__PURE__ */ __name((accessor) => {
-  const docSelectionManagerService = accessor.get(DocSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService);
-  return new Observable((subscriber) => {
-    const observable = docSelectionManagerService.textSelection$.subscribe(() => {
-      var _a8;
-      const activeRange = docSelectionManagerService.getActiveTextRange();
-      if (activeRange) {
-        const { segmentId, startOffset, endOffset } = activeRange, docDataModel = univerInstanceService.getCurrentUniverDocInstance(), tables = (_a8 = docDataModel == null ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) == null ? void 0 : _a8.tables;
-        if (tables && tables.length && tables.some((table) => {
-          const { startIndex, endIndex } = table;
-          return startOffset >= startIndex && startOffset < endIndex || endOffset >= startIndex && endOffset < endIndex;
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ l.jsxs("div", { className: u.imageCommonPanel, children: [
+    /* @__PURE__ */ l.jsx(zt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ l.jsx(rr, { drawings: n }),
+    /* @__PURE__ */ l.jsx(ir, { drawings: n })
+  ] });
+}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = tt.id, sr = (i) => {
+  const e = i.get(In), n = i.get(Z);
+  return new _i((t) => {
+    const r = e.textSelection$.subscribe(() => {
+      var s;
+      const o = e.getActiveTextRange();
+      if (o) {
+        const { segmentId: a, startOffset: d, endOffset: c } = o, g = n.getCurrentUniverDocInstance(), f = (s = g == null ? void 0 : g.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : s.tables;
+        if (f && f.length && f.some((m) => {
+          const { startIndex: p, endIndex: h } = m;
+          return d >= p && d < h || c >= p && c < h;
         })) {
-          subscriber.next(!0);
+          t.next(!0);
           return;
         }
       } else {
-        subscriber.next(!0);
+        t.next(!0);
         return;
       }
-      subscriber.next(!1);
+      t.next(!1);
     });
-    return () => observable.unsubscribe();
+    return () => r.unsubscribe();
   });
-}, "getDisableWhenSelectionInTableObservable");
-function ImageMenuFactory(accessor) {
+};
+function ar(i) {
   return {
-    id: IMAGE_MENU_ID,
-    type: MenuItemType.SUBITEMS,
-    icon: ImageUploadIcon,
+    id: pt,
+    type: Vn.SUBITEMS,
+    icon: ht,
     tooltip: "docImage.title",
-    disabled$: getDisableWhenSelectionInTableObservable(accessor),
-    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
+    disabled$: sr(i),
+    hidden$: $n(i, Te.UNIVER_DOC)
   };
 }
-__name(ImageMenuFactory, "ImageMenuFactory");
-function UploadFloatImageMenuFactory(_accessor) {
+function cr(i) {
   return {
-    id: IMAGE_MENU_UPLOAD_FLOAT_ID,
+    id: wt,
     title: "docImage.upload.float",
-    type: MenuItemType.BUTTON,
-    hidden$: getMenuHiddenObservable(_accessor, UniverInstanceType.UNIVER_DOC)
+    type: Vn.BUTTON,
+    hidden$: $n(i, Te.UNIVER_DOC)
   };
 }
-__name(UploadFloatImageMenuFactory, "UploadFloatImageMenuFactory");
-const menuSchema = {
-  [RibbonStartGroup.LAYOUT]: {
-    [IMAGE_MENU_ID]: {
+const dr = {
+  [oi.LAYOUT]: {
+    [pt]: {
       order: 0,
-      menuItemFactory: ImageMenuFactory,
-      [IMAGE_MENU_UPLOAD_FLOAT_ID]: {
+      menuItemFactory: ar,
+      [wt]: {
         order: 0,
-        menuItemFactory: UploadFloatImageMenuFactory
+        menuItemFactory: cr
       }
     }
   }
 };
-function whenDocDrawingFocused(contextService) {
-  return contextService.getContextValue(FOCUSING_UNIVER_EDITOR) && contextService.getContextValue(FOCUSING_COMMON_DRAWINGS);
+function Ke(i) {
+  return i.getContextValue(Tt) && i.getContextValue(nn);
 }
-__name(whenDocDrawingFocused, "whenDocDrawingFocused");
-const MoveDrawingDownShortcutItem = {
-  id: MoveDocDrawingsCommand.id,
+const lr = {
+  id: Xe.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
-  binding: KeyCode.ARROW_DOWN,
+  binding: Fe.ARROW_DOWN,
   priority: 100,
-  preconditions: whenDocDrawingFocused,
+  preconditions: Ke,
   staticParameters: {
-    direction: Direction.DOWN
+    direction: ue.DOWN
   }
-}, MoveDrawingUpShortcutItem = {
-  id: MoveDocDrawingsCommand.id,
+}, gr = {
+  id: Xe.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
-  binding: KeyCode.ARROW_UP,
+  binding: Fe.ARROW_UP,
   priority: 100,
-  preconditions: whenDocDrawingFocused,
+  preconditions: Ke,
   staticParameters: {
-    direction: Direction.UP
+    direction: ue.UP
   }
-}, MoveDrawingLeftShortcutItem = {
-  id: MoveDocDrawingsCommand.id,
+}, mr = {
+  id: Xe.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
-  binding: KeyCode.ARROW_LEFT,
+  binding: Fe.ARROW_LEFT,
   priority: 100,
-  preconditions: whenDocDrawingFocused,
+  preconditions: Ke,
   staticParameters: {
-    direction: Direction.LEFT
+    direction: ue.LEFT
   }
-}, MoveDrawingRightShortcutItem = {
-  id: MoveDocDrawingsCommand.id,
+}, ur = {
+  id: Xe.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
-  binding: KeyCode.ARROW_RIGHT,
+  binding: Fe.ARROW_RIGHT,
   priority: 100,
-  preconditions: whenDocDrawingFocused,
+  preconditions: Ke,
   staticParameters: {
-    direction: Direction.RIGHT
+    direction: ue.RIGHT
   }
-}, DeleteDrawingsShortcutItem = {
-  id: DeleteDocDrawingsCommand.id,
+}, fr = {
+  id: Zn.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: whenDocDrawingFocused,
-  binding: KeyCode.DELETE,
-  mac: KeyCode.BACKSPACE
+  preconditions: Ke,
+  binding: Fe.DELETE,
+  mac: Fe.BACKSPACE
 };
-var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a2;
-let DocDrawingUIController = (_a2 = class extends Disposable {
-  constructor(_componentManager, _menuManagerService, _commandService, _shortcutService) {
-    super(), this._componentManager = _componentManager, this._menuManagerService = _menuManagerService, this._commandService = _commandService, this._shortcutService = _shortcutService, this._init();
+var hr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, wr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? pr(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 && hr(e, n, r), r;
+}, Qe = (i, e) => (n, t) => e(n, t, i);
+let rn = class extends qe {
+  constructor(i, e, n, t) {
+    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
   }
   _initCustomComponents() {
-    const componentManager = this._componentManager;
-    this.disposeWithMe(componentManager.register(ImageUploadIcon, AddImageSingle)), this.disposeWithMe(componentManager.register(COMPONENT_DOC_DRAWING_PANEL, DocDrawingPanel));
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(ht, Yn)), this.disposeWithMe(i.register(dt, or));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(menuSchema);
+    this._menuManagerService.mergeMenu(dr);
   }
   _initCommands() {
     [
-      InsertDocImageCommand,
-      InsertDocDrawingCommand,
-      UpdateDocDrawingWrappingStyleCommand,
-      UpdateDocDrawingDistanceCommand,
-      UpdateDocDrawingWrapTextCommand,
-      UpdateDrawingDocTransformCommand,
-      IMoveInlineDrawingCommand,
-      ITransformNonInlineDrawingCommand,
-      RemoveDocDrawingCommand,
-      SidebarDocDrawingOperation,
-      ClearDocDrawingTransformerOperation,
-      EditDocDrawingOperation,
-      GroupDocDrawingCommand,
-      UngroupDocDrawingCommand,
-      MoveDocDrawingsCommand,
-      DeleteDocDrawingsCommand,
-      SetDocDrawingArrangeCommand
-    ].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+      tt,
+      Qn,
+      rt,
+      ot,
+      st,
+      ze,
+      at,
+      ct,
+      Sn,
+      lt,
+      ji,
+      gt,
+      Jn,
+      nt,
+      Xe,
+      Zn,
+      et
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      MoveDrawingDownShortcutItem,
-      MoveDrawingUpShortcutItem,
-      MoveDrawingLeftShortcutItem,
-      MoveDrawingRightShortcutItem,
-      DeleteDrawingsShortcutItem
-    ].forEach((item) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(item));
+      lr,
+      gr,
+      mr,
+      ur,
+      fr
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
   _init() {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
-}, __name(_a2, "DocDrawingUIController"), _a2);
-DocDrawingUIController = __decorateClass$5([
-  __decorateParam$5(0, Inject(ComponentManager)),
-  __decorateParam$5(1, IMenuManagerService),
-  __decorateParam$5(2, ICommandService),
-  __decorateParam$5(3, IShortcutService)
-], DocDrawingUIController);
-var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4");
-function getAddOrRemoveDrawings(actions) {
-  var _a8, _b, _c, _d;
-  if (JSONX.isNoop(actions) || !Array.isArray(actions))
+};
+rn = wr([
+  Qe(0, we(si)),
+  Qe(1, ai),
+  Qe(2, z),
+  Qe(3, ci)
+], rn);
+var vr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, _r = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ir(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 && vr(e, n, r), r;
+}, We = (i, e) => (n, t) => e(n, t, i);
+function Sr(i) {
+  var t, r, o, s;
+  if (q.isNoop(i) || !Array.isArray(i))
     return null;
-  const drawingsOp = actions.find((action) => Array.isArray(action) && (action == null ? void 0 : action[0]) === "drawings");
-  if (drawingsOp == null || !Array.isArray(drawingsOp) || drawingsOp.length < 3 || typeof drawingsOp[1] == "string" && typeof drawingsOp[2] != "object" || Array.isArray(drawingsOp[1]) && typeof drawingsOp[1][1] != "object")
+  const e = i.find((a) => Array.isArray(a) && (a == null ? void 0 : a[0]) === "drawings");
+  if (e == null || !Array.isArray(e) || e.length < 3 || typeof e[1] == "string" && typeof e[2] != "object" || Array.isArray(e[1]) && typeof e[1][1] != "object")
     return null;
-  const drawings = [];
-  if (Array.isArray(drawingsOp == null ? void 0 : drawingsOp[1]))
-    for (const op of drawingsOp)
-      Array.isArray(op) && drawings.push({
-        type: (_a8 = op == null ? void 0 : op[1]) != null && _a8.i ? "add" : "remove",
-        drawingId: op == null ? void 0 : op[0],
-        drawing: (_b = op == null ? void 0 : op[1]) == null ? void 0 : _b.i
+  const n = [];
+  if (Array.isArray(e == null ? void 0 : e[1]))
+    for (const a of e)
+      Array.isArray(a) && n.push({
+        type: (t = a == null ? void 0 : a[1]) != null && t.i ? "add" : "remove",
+        drawingId: a == null ? void 0 : a[0],
+        drawing: (r = a == null ? void 0 : a[1]) == null ? void 0 : r.i
       });
   else
-    drawings.push({
-      type: (_c = drawingsOp[2]) != null && _c.i ? "add" : "remove",
-      drawingId: drawingsOp[1],
-      drawing: (_d = drawingsOp[2]) == null ? void 0 : _d.i
+    n.push({
+      type: (o = e[2]) != null && o.i ? "add" : "remove",
+      drawingId: e[1],
+      drawing: (s = e[2]) == null ? void 0 : s.i
     });
-  return drawings;
+  return n;
 }
-__name(getAddOrRemoveDrawings, "getAddOrRemoveDrawings");
-function getReOrderedDrawings(actions) {
-  if (!Array.isArray(actions) || actions.length < 3 || actions[0] !== "drawingsOrder")
+function Cr(i) {
+  if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
-  const drawingIndexes = [];
-  for (let i = 1; i < actions.length; i++) {
-    const action = actions[i];
-    if (Array.isArray(action) && typeof action[0] == "number" && typeof action[1] == "object")
-      drawingIndexes.push(action[0]);
+  const e = [];
+  for (let n = 1; n < i.length; n++) {
+    const t = i[n];
+    if (Array.isArray(t) && typeof t[0] == "number" && typeof t[1] == "object")
+      e.push(t[0]);
     else {
-      drawingIndexes.length = 0;
+      e.length = 0;
       break;
     }
   }
-  return drawingIndexes;
+  return e;
 }
-__name(getReOrderedDrawings, "getReOrderedDrawings");
-var _a3;
-let DocDrawingAddRemoveController = (_a3 = class extends Disposable {
-  constructor(_univerInstanceService, _commandService, _drawingManagerService, _docDrawingService, _renderManagerService) {
-    super(), this._univerInstanceService = _univerInstanceService, this._commandService = _commandService, this._drawingManagerService = _drawingManagerService, this._docDrawingService = _docDrawingService, this._renderManagerService = _renderManagerService, this._initialize();
+let on = class extends qe {
+  constructor(i, e, n, t, r) {
+    super(), this._univerInstanceService = i, this._commandService = e, this._drawingManagerService = n, this._docDrawingService = t, this._renderManagerService = r, this._initialize();
   }
   _initialize() {
     this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((command) => {
-        if (command.id !== RichTextEditingMutation.id)
+      this._commandService.beforeCommandExecuted((i) => {
+        if (i.id !== J.id)
           return;
-        const params = command.params, { unitId, actions } = params, addOrRemoveDrawings = getAddOrRemoveDrawings(actions);
-        if (addOrRemoveDrawings != null)
-          for (const { type, drawingId, drawing } of addOrRemoveDrawings)
-            type === "add" ? this._addDrawings(unitId, [drawing]) : this._removeDrawings(unitId, [drawingId]);
+        const e = i.params, { unitId: n, actions: t } = e, r = Sr(t);
+        if (r != null)
+          for (const { type: o, drawingId: s, drawing: a } of r)
+            o === "add" ? this._addDrawings(n, [a]) : this._removeDrawings(n, [s]);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((command) => {
-        if (command.id !== RichTextEditingMutation.id)
+      this._commandService.onCommandExecuted((i) => {
+        if (i.id !== J.id)
           return;
-        const params = command.params, { unitId, actions } = params;
-        getReOrderedDrawings(actions).length > 0 && this._updateDrawingsOrder(unitId);
+        const e = i.params, { unitId: n, actions: t } = e;
+        Cr(t).length > 0 && this._updateDrawingsOrder(n);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((command) => {
-        var _a8;
-        if (command.id !== UndoCommand.id && command.id !== RedoCommand.id)
+      this._commandService.onCommandExecuted((i) => {
+        var s;
+        if (i.id !== yt.id && i.id !== bt.id)
           return;
-        const unitId = (_a8 = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : _a8.getUnitId(), focusedDrawings = this._drawingManagerService.getFocusDrawings();
-        if (unitId == null || focusedDrawings.length === 0)
+        const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
+        if (e == null || n.length === 0)
           return;
-        const renderObject = this._renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-        if (scene == null)
+        const t = this._renderManagerService.getRenderById(e), r = t == null ? void 0 : t.scene;
+        if (r == null)
           return !1;
-        scene.getTransformerByCreate().refreshControls();
+        r.getTransformerByCreate().refreshControls();
       })
     );
   }
-  _addDrawings(unitId, drawings) {
-    const drawingManagerService = this._drawingManagerService, docDrawingService = this._docDrawingService, jsonOp = this._docDrawingService.getBatchAddOp(drawings), { subUnitId, redo: op, objects } = jsonOp;
-    drawingManagerService.applyJson1(unitId, subUnitId, op), docDrawingService.applyJson1(unitId, subUnitId, op), drawingManagerService.addNotification(objects), docDrawingService.addNotification(objects);
-  }
-  _removeDrawings(unitId, drawingIds) {
-    const drawingManagerService = this._drawingManagerService, docDrawingService = this._docDrawingService, jsonOp = this._docDrawingService.getBatchRemoveOp(drawingIds.map((drawingId) => ({
-      unitId,
-      subUnitId: unitId,
-      drawingId
-    }))), { subUnitId, redo: op, objects } = jsonOp;
-    drawingManagerService.applyJson1(unitId, subUnitId, op), docDrawingService.applyJson1(unitId, subUnitId, op), drawingManagerService.removeNotification(objects), docDrawingService.removeNotification(objects);
-  }
-  _updateDrawingsOrder(unitId) {
-    const documentDataModel = this._univerInstanceService.getUniverDocInstance(unitId);
-    if (documentDataModel == null)
+  _addDrawings(i, e) {
+    const n = this._drawingManagerService, t = this._docDrawingService, r = this._docDrawingService.getBatchAddOp(e), { subUnitId: o, redo: s, objects: a } = r;
+    n.applyJson1(i, o, s), t.applyJson1(i, o, s), n.addNotification(a), t.addNotification(a);
+  }
+  _removeDrawings(i, e) {
+    const n = this._drawingManagerService, t = this._docDrawingService, r = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
+      unitId: i,
+      subUnitId: i,
+      drawingId: d
+    }))), { subUnitId: o, redo: s, objects: a } = r;
+    n.applyJson1(i, o, s), t.applyJson1(i, o, s), n.removeNotification(a), t.removeNotification(a);
+  }
+  _updateDrawingsOrder(i) {
+    const e = this._univerInstanceService.getUniverDocInstance(i);
+    if (e == null)
       return;
-    const drawingsOrder = documentDataModel.getSnapshot().drawingsOrder;
-    if (drawingsOrder == null)
+    const n = e.getSnapshot().drawingsOrder;
+    if (n == null)
       return;
-    const drawingManagerService = this._drawingManagerService, docDrawingService = this._docDrawingService;
-    drawingManagerService.setDrawingOrder(unitId, unitId, drawingsOrder), docDrawingService.setDrawingOrder(unitId, unitId, drawingsOrder);
-    const objects = {
-      unitId,
-      subUnitId: unitId,
-      drawingIds: drawingsOrder
+    const t = this._drawingManagerService, r = this._docDrawingService;
+    t.setDrawingOrder(i, i, n), r.setDrawingOrder(i, i, n);
+    const o = {
+      unitId: i,
+      subUnitId: i,
+      drawingIds: n
     };
-    drawingManagerService.orderNotification(objects), docDrawingService.orderNotification(objects);
-  }
-}, __name(_a3, "DocDrawingAddRemoveController"), _a3);
-DocDrawingAddRemoveController = __decorateClass$4([
-  __decorateParam$4(0, IUniverInstanceService),
-  __decorateParam$4(1, ICommandService),
-  __decorateParam$4(2, IDrawingManagerService),
-  __decorateParam$4(3, IDocDrawingService),
-  __decorateParam$4(4, IRenderManagerService)
-], DocDrawingAddRemoveController);
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3");
-const INLINE_DRAWING_ANCHOR_KEY_PREFIX = "__InlineDrawingAnchor__";
-function isInTableCell(nodePosition) {
-  const { path } = nodePosition;
-  return path.some((p) => p === "cells");
+    t.orderNotification(o), r.orderNotification(o);
+  }
+};
+on = _r([
+  We(0, Z),
+  We(1, z),
+  We(2, ve),
+  We(3, je),
+  We(4, Q)
+], on);
+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--)
+    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
+  return t && r && Dr(e, n, r), r;
+}, en = (i, e) => (n, t) => e(n, t, i);
+const Pr = "__InlineDrawingAnchor__";
+function kn(i) {
+  const { path: e } = i;
+  return e.some((n) => n === "cells");
 }
-__name(isInTableCell, "isInTableCell");
-var _a4;
-let DocDrawingTransformerController = (_a4 = class extends Disposable {
-  constructor(_commandService, _univerInstanceService, _drawingManagerService, _renderManagerService) {
+let sn = class extends qe {
+  constructor(e, n, t, r) {
     super();
-    __publicField(this, "_liquid", new Liquid());
-    __publicField(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
+    Se(this, "_liquid", new Gn());
+    Se(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
-    __publicField(this, "_transformerCache", /* @__PURE__ */ new Map());
-    __publicField(this, "_anchorShape");
-    this._commandService = _commandService, this._univerInstanceService = _univerInstanceService, this._drawingManagerService = _drawingManagerService, this._renderManagerService = _renderManagerService, this._init();
+    Se(this, "_transformerCache", /* @__PURE__ */ new Map());
+    Se(this, "_anchorShape");
+    this._commandService = e, this._univerInstanceService = n, this._drawingManagerService = t, this._renderManagerService = r, this._init();
   }
   _init() {
     this._listenDrawingFocus();
   }
   _listenDrawingFocus() {
     this.disposeWithMe(
-      this._drawingManagerService.add$.subscribe((drawingParams) => {
-        if (drawingParams.length !== 0)
-          for (const drawingParam of drawingParams) {
-            const { unitId } = drawingParam;
-            this._listenerOnImageMap.has(unitId) || (this._listenTransformerChange(unitId), this._listenerOnImageMap.add(unitId));
+      this._drawingManagerService.add$.subscribe((e) => {
+        if (e.length !== 0)
+          for (const n of e) {
+            const { unitId: t } = n;
+            this._listenerOnImageMap.has(t) || (this._listenTransformerChange(t), this._listenerOnImageMap.add(t));
           }
       })
     );
   }
   // Only handle one drawing transformer change.
   // eslint-disable-next-line max-lines-per-function
-  _listenTransformerChange(unitId) {
-    var _a8;
-    const transformer = (_a8 = this._getSceneAndTransformerByDrawingSearch(unitId)) == null ? void 0 : _a8.transformer;
-    if (transformer == null)
+  _listenTransformerChange(e) {
+    var r;
+    const n = (r = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : r.transformer;
+    if (n == null)
       return;
     this.disposeWithMe(
-      toDisposable(
-        transformer.changeStart$.subscribe((state) => {
-          var _a9;
+      Ee(
+        n.changeStart$.subscribe((o) => {
+          var a;
           this._transformerCache.clear();
-          const { objects } = state;
-          for (const object of objects.values()) {
-            const { oKey, width, height, left, top, angle } = object, drawing = this._drawingManagerService.getDrawingOKey(oKey);
-            if (drawing == null)
+          const { objects: s } = o;
+          for (const d of s.values()) {
+            const { oKey: c, width: g, height: f, left: m, top: p, angle: h } = d, v = this._drawingManagerService.getDrawingOKey(c);
+            if (v == null)
               continue;
-            const documentDataModel = this._univerInstanceService.getUniverDocInstance(drawing.unitId), drawingData = (_a9 = documentDataModel == null ? void 0 : documentDataModel.getSnapshot().drawings) == null ? void 0 : _a9[drawing.drawingId];
-            (drawingData == null ? void 0 : drawingData.layoutType) === PositionedObjectLayoutType.INLINE && object.setOpacity(0.2), drawingData != null && this._transformerCache.set(drawing.drawingId, {
-              drawing: drawingData,
-              top,
-              left,
-              width,
-              height,
-              angle
+            const w = this._univerInstanceService.getUniverDocInstance(v.unitId), S = (a = w == null ? void 0 : w.getSnapshot().drawings) == null ? void 0 : a[v.drawingId];
+            (S == null ? void 0 : S.layoutType) === k.INLINE && d.setOpacity(0.2), S != null && this._transformerCache.set(v.drawingId, {
+              drawing: S,
+              top: p,
+              left: m,
+              width: g,
+              height: f,
+              angle: h
             });
           }
         })
       )
     );
-    const throttleMultipleDrawingUpdate = throttle(this._updateMultipleDrawingDocTransform.bind(this), 50);
-    throttle(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
-      toDisposable(
-        transformer.changing$.subscribe((state) => {
-          const { objects, offsetX, offsetY } = state;
-          if (objects.size > 1)
-            throttleMultipleDrawingUpdate(objects);
-          else if (objects.size === 1) {
-            const drawingCache = this._transformerCache.values().next().value, object = objects.values().next().value, { width, height, top, left, angle } = object;
-            if (drawingCache && width === drawingCache.width && height === drawingCache.height && top === drawingCache.top && left === drawingCache.left && angle === drawingCache.angle)
+    const t = On(this._updateMultipleDrawingDocTransform.bind(this), 50);
+    On(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
+      Ee(
+        n.changing$.subscribe((o) => {
+          const { objects: s, offsetX: a, offsetY: d } = o;
+          if (s.size > 1)
+            t(s);
+          else if (s.size === 1) {
+            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: f, height: m, top: p, left: h, angle: v } = g;
+            if (c && f === c.width && m === c.height && p === c.top && h === c.left && v === c.angle)
               return;
-            drawingCache && (drawingCache.drawing.layoutType, PositionedObjectLayoutType.INLINE), drawingCache && drawingCache.drawing.layoutType === PositionedObjectLayoutType.INLINE && offsetX != null && offsetY != null && this._updateInlineDrawingAnchor(drawingCache.drawing, offsetX, offsetY);
+            c && (c.drawing.layoutType, k.INLINE), c && c.drawing.layoutType === k.INLINE && a != null && d != null && this._updateInlineDrawingAnchor(c.drawing, a, d);
           }
         })
       )
     ), this.disposeWithMe(
-      toDisposable(
+      Ee(
         // eslint-disable-next-line complexity
-        transformer.changeEnd$.subscribe((state) => {
-          const { objects, offsetX, offsetY } = state;
-          for (const object of objects.values()) {
-            const drawing = this._drawingManagerService.getDrawingOKey(object.oKey);
-            if (drawing == null)
+        n.changeEnd$.subscribe((o) => {
+          const { objects: s, offsetX: a, offsetY: d } = o;
+          for (const c of s.values()) {
+            const g = this._drawingManagerService.getDrawingOKey(c.oKey);
+            if (g == null)
               continue;
-            const drawingCache = this._transformerCache.get(drawing == null ? void 0 : drawing.drawingId);
-            (drawingCache == null ? void 0 : drawingCache.drawing.layoutType) === PositionedObjectLayoutType.INLINE && object.setOpacity(1);
+            const f = this._transformerCache.get(g == null ? void 0 : g.drawingId);
+            (f == null ? void 0 : f.drawing.layoutType) === k.INLINE && c.setOpacity(1);
           }
-          if (this._anchorShape && this._anchorShape.hide(), objects.size > 1)
-            this._updateMultipleDrawingDocTransform(objects);
-          else if (objects.size === 1) {
-            const drawingCache = this._transformerCache.values().next().value, object = objects.values().next().value, { width, height, top, left, angle } = object;
-            if (drawingCache && width === drawingCache.width && height === drawingCache.height && top === drawingCache.top && left === drawingCache.left && angle === drawingCache.angle)
+          if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
+            this._updateMultipleDrawingDocTransform(s);
+          else if (s.size === 1) {
+            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: f, height: m, top: p, left: h, angle: v } = g;
+            if (c && f === c.width && m === c.height && p === c.top && h === c.left && v === c.angle)
               return;
-            drawingCache && drawingCache.drawing.layoutType === PositionedObjectLayoutType.INLINE ? width !== drawingCache.width || height !== drawingCache.height || angle !== drawingCache.angle ? this._updateDrawingSize(drawingCache, object) : offsetX != null && offsetY != null && this._moveInlineDrawing(drawingCache.drawing, offsetX, offsetY) : drawingCache && this._nonInlineDrawingTransform(drawingCache.drawing, object);
+            c && c.drawing.layoutType === k.INLINE ? f !== c.width || m !== c.height || v !== c.angle ? this._updateDrawingSize(c, g) : a != null && d != null && this._moveInlineDrawing(c.drawing, a, d) : c && this._nonInlineDrawingTransform(c.drawing, g);
           }
           this._transformerCache.clear();
         })
@@ -1743,177 +1807,177 @@ let DocDrawingTransformerController = (_a4 = class extends Disposable {
     );
   }
   // eslint-disable-next-line max-lines-per-function
-  _updateMultipleDrawingDocTransform(objects) {
-    if (objects.size < 1)
+  _updateMultipleDrawingDocTransform(e) {
+    if (e.size < 1)
       return;
-    const drawings = [];
-    let unitId, subUnitId;
-    for (const object of objects.values()) {
-      const { oKey, left, top, angle } = object;
-      let { width, height } = object;
-      const drawing = this._drawingManagerService.getDrawingOKey(oKey);
-      if (drawing == null)
+    const n = [];
+    let t, r;
+    for (const o of e.values()) {
+      const { oKey: s, left: a, top: d, angle: c } = o;
+      let { width: g, height: f } = o;
+      const m = this._drawingManagerService.getDrawingOKey(s);
+      if (m == null)
         continue;
-      unitId == null && (unitId = drawing.unitId), subUnitId == null && (subUnitId = drawing.subUnitId);
-      const drawingCache = this._transformerCache.get(drawing.drawingId);
-      if (drawingCache == null)
+      t == null && (t = m.unitId), r == null && (r = m.subUnitId);
+      const p = this._transformerCache.get(m.drawingId);
+      if (p == null)
         continue;
-      const { drawing: drawingData, top: oldTop, left: oldLeft, width: oldWidth, height: oldHeight, angle: oldAngle } = drawingCache, { width: maxWidth, height: maxHeight } = this._getPageContentSize(drawingData);
-      if (width = Math.min(width, maxWidth), height = Math.min(height, maxHeight), (oldWidth !== width || oldHeight !== height) && drawings.push({
-        drawingId: drawing.drawingId,
+      const { drawing: h, top: v, left: w, width: S, height: O, angle: D } = p, { width: x, height: b } = this._getPageContentSize(h);
+      if (g = Math.min(g, x), f = Math.min(f, b), (S !== g || O !== f) && n.push({
+        drawingId: m.drawingId,
         key: "size",
         value: {
-          width,
-          height
+          width: g,
+          height: f
         }
-      }), oldAngle !== angle && drawings.push({
-        drawingId: drawing.drawingId,
+      }), D !== c && n.push({
+        drawingId: m.drawingId,
         key: "angle",
-        value: angle
-      }), oldTop !== top || oldLeft !== left) {
-        const verticalDelta = top - oldTop, horizontalDelta = left - oldLeft;
-        verticalDelta !== 0 && drawings.push({
-          drawingId: drawing.drawingId,
+        value: c
+      }), v !== d || w !== a) {
+        const T = d - v, N = a - w;
+        T !== 0 && n.push({
+          drawingId: m.drawingId,
           key: "positionV",
           value: {
-            relativeFrom: drawingData.docTransform.positionV.relativeFrom,
-            posOffset: drawingData.docTransform.positionV.posOffset + verticalDelta
+            relativeFrom: h.docTransform.positionV.relativeFrom,
+            posOffset: h.docTransform.positionV.posOffset + T
           }
-        }), horizontalDelta !== 0 && drawings.push({
-          drawingId: drawing.drawingId,
+        }), N !== 0 && n.push({
+          drawingId: m.drawingId,
           key: "positionH",
           value: {
-            relativeFrom: drawingData.docTransform.positionH.relativeFrom,
-            posOffset: drawingData.docTransform.positionH.posOffset + horizontalDelta
+            relativeFrom: h.docTransform.positionH.relativeFrom,
+            posOffset: h.docTransform.positionH.posOffset + N
           }
         });
       }
     }
-    drawings.length > 0 && unitId && subUnitId && this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id, {
-      unitId,
-      subUnitId,
-      drawings
+    n.length > 0 && t && r && this._commandService.executeCommand(ze.id, {
+      unitId: t,
+      subUnitId: r,
+      drawings: n
     });
   }
   // TODO: @JOCS, Use to draw and update the drawing anchor.
-  _updateDrawingAnchor(objects) {
+  _updateDrawingAnchor(e) {
     if (this._transformerCache.size !== 1)
       return;
-    const drawingCache = this._transformerCache.values().next().value, object = objects.values().next().value;
-    this._getDrawingAnchor(drawingCache.drawing, object);
+    const n = this._transformerCache.values().next().value, t = e.values().next().value;
+    this._getDrawingAnchor(n.drawing, t);
   }
-  _updateInlineDrawingAnchor(drawing, offsetX, offsetY) {
-    var _a8;
+  _updateInlineDrawingAnchor(e, n, t) {
+    var o;
     if (this._transformerCache.size !== 1)
       return;
-    const { contentBoxPointGroup } = (_a8 = this._getInlineDrawingAnchor(drawing, offsetX, offsetY)) != null ? _a8 : {};
-    contentBoxPointGroup != null && this._createOrUpdateInlineAnchor(drawing.unitId, contentBoxPointGroup);
+    const { contentBoxPointGroup: r } = (o = this._getInlineDrawingAnchor(e, n, t)) != null ? o : {};
+    r != null && this._createOrUpdateInlineAnchor(e.unitId, r);
   }
-  _getInlineDrawingAnchor(drawing, offsetX, offsetY) {
-    var _a8, _b;
-    const currentRender = this._renderManagerService.getRenderById(drawing.unitId), skeleton = currentRender == null ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton();
-    if (currentRender == null)
+  _getInlineDrawingAnchor(e, n, t) {
+    var E, W;
+    const r = this._renderManagerService.getRenderById(e.unitId), o = r == null ? void 0 : r.with(oe).getSkeleton();
+    if (r == null)
       return;
-    const { mainComponent, scene } = currentRender, documentComponent = mainComponent, activeViewport = scene.getViewports()[0], {
-      pageLayoutType = PageLayoutType.VERTICAL,
-      pageMarginLeft,
-      pageMarginTop
-    } = documentComponent.getOffsetConfig();
-    let glyphAnchor = null, isBack = !1, segmentPageIndex = -1, segmentId = "";
-    const HALF = 0.5, coord = this._getTransformCoordForDocumentOffset(documentComponent, activeViewport, offsetX, offsetY);
-    if (coord == null)
+    const { mainComponent: s, scene: a } = r, d = s, c = a.getViewports()[0], {
+      pageLayoutType: g = bn.VERTICAL,
+      pageMarginLeft: f,
+      pageMarginTop: m
+    } = d.getOffsetConfig();
+    let p = null, h = !1, v = -1, w = "";
+    const S = 0.5, O = this._getTransformCoordForDocumentOffset(d, c, n, t);
+    if (O == null)
       return;
-    const docSelectionRenderService = (_a8 = this._renderManagerService.getRenderById(drawing.unitId)) == null ? void 0 : _a8.with(DocSelectionRenderService);
-    if (docSelectionRenderService == null)
+    const D = (E = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : E.with(ye);
+    if (D == null)
       return;
-    const nodeInfo = skeleton == null ? void 0 : skeleton.findNodeByCoord(
-      coord,
-      pageLayoutType,
-      pageMarginLeft,
-      pageMarginTop,
+    const x = o == null ? void 0 : o.findNodeByCoord(
+      O,
+      g,
+      f,
+      m,
       {
         strict: !1,
-        segmentId: docSelectionRenderService.getSegment(),
-        segmentPage: docSelectionRenderService.getSegmentPage()
+        segmentId: D.getSegment(),
+        segmentPage: D.getSegmentPage()
       }
     );
-    if (nodeInfo) {
-      const { node, ratioX, segmentPage, segmentId: nodeSegmentId } = nodeInfo;
-      isBack = ratioX < HALF, glyphAnchor = node, segmentPageIndex = segmentPage, segmentId = nodeSegmentId;
+    if (x) {
+      const { node: _, ratioX: C, segmentPage: M, segmentId: P } = x;
+      h = C < S, p = _, v = M, w = P;
     }
-    if (glyphAnchor == null)
+    if (p == null)
       return;
-    const nodePosition = skeleton == null ? void 0 : skeleton.findPositionByGlyph(glyphAnchor, segmentPageIndex), docObject = this._getDocObject();
-    if (nodePosition == null || skeleton == null || docObject == null || isInTableCell(nodePosition))
+    const b = o == null ? void 0 : o.findPositionByGlyph(p, v), T = this._getDocObject();
+    if (b == null || o == null || T == null || kn(b))
       return;
-    const positionWithIsBack = {
-      ...nodePosition,
-      isBack
-    }, documentOffsetConfig = docObject.document.getOffsetConfig(), convertor = new NodePositionConvertToCursor(documentOffsetConfig, skeleton), { cursorList, contentBoxPointGroup } = convertor.getRangePointData(positionWithIsBack, positionWithIsBack), { startOffset } = (_b = getOneTextSelectionRange(cursorList)) != null ? _b : {};
-    if (startOffset != null)
-      return { offset: startOffset, contentBoxPointGroup, segmentId, segmentPage: segmentPageIndex };
+    const N = {
+      ...b,
+      isBack: h
+    }, B = T.document.getOffsetConfig(), R = new Rn(B, o), { cursorList: I, contentBoxPointGroup: j } = R.getRangePointData(N, N), { startOffset: H } = (W = Nn(I)) != null ? W : {};
+    if (H != null)
+      return { offset: H, contentBoxPointGroup: j, segmentId: w, segmentPage: v };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
-  _getDrawingAnchor(drawing, object) {
-    var _a8, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-    const currentRender = this._renderManagerService.getRenderById(drawing.unitId), skeleton = currentRender == null ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton(), skeletonData = skeleton == null ? void 0 : skeleton.getSkeletonData();
-    if (skeletonData == null || currentRender == null)
+  _getDrawingAnchor(e, n) {
+    var Ie, _e, ce, Ce, De, Me, Re, Oe, de, le, Ne;
+    const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(oe).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
+    if (o == null || t == null)
       return;
-    const { pages, skeHeaders, skeFooters } = skeletonData, { mainComponent, scene } = currentRender, documentComponent = mainComponent, activeViewport = scene.getViewports()[0], { pageLayoutType = PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop, docsLeft, docsTop } = documentComponent.getOffsetConfig(), { left, top, angle } = object;
-    let { width, height } = object;
-    const { positionV, positionH } = drawing.docTransform, { width: maxWidth, height: maxHeight } = this._getPageContentSize(drawing);
-    width = Math.min(width, maxWidth), height = Math.min(height, maxHeight);
-    let glyphAnchor = null, segmentId = "", segmentPage = -1;
-    const isBack = !1, docTransform = {
-      ...drawing.docTransform,
+    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: g } = t, f = c, m = g.getViewports()[0], { pageLayoutType: p = bn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = f.getOffsetConfig(), { left: O, top: D, angle: x } = n;
+    let { width: b, height: T } = n;
+    const { positionV: N, positionH: B } = e.docTransform, { width: R, height: I } = this._getPageContentSize(e);
+    b = Math.min(b, R), T = Math.min(T, I);
+    let j = null, H = "", E = -1;
+    const W = !1, _ = {
+      ...e.docTransform,
       size: {
-        width,
-        height
+        width: b,
+        height: T
       },
-      angle
-    }, { x, y } = scene.getViewportScrollXY(activeViewport), coord = this._getTransformCoordForDocumentOffset(documentComponent, activeViewport, left - x, top - y);
-    if (coord == null)
+      angle: x
+    }, { x: C, y: M } = g.getViewportScrollXY(m), P = this._getTransformCoordForDocumentOffset(f, m, O - C, D - M);
+    if (P == null)
       return;
-    const docSelectionRenderService = (_a8 = this._renderManagerService.getRenderById(drawing.unitId)) == null ? void 0 : _a8.with(DocSelectionRenderService);
-    if (docSelectionRenderService == null)
+    const L = (Ie = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : Ie.with(ye);
+    if (L == null)
       return;
-    const nodeInfo = skeleton == null ? void 0 : skeleton.findNodeByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop, {
+    const U = r == null ? void 0 : r.findNodeByCoord(P, p, h, v, {
       strict: !1,
-      segmentId: docSelectionRenderService.getSegment(),
-      segmentPage: docSelectionRenderService.getSegmentPage()
+      segmentId: L.getSegment(),
+      segmentPage: L.getSegmentPage()
     });
-    if (nodeInfo) {
-      const { node, segmentPage: segmentPageIndex, segmentId: nodeSegmentId } = nodeInfo;
-      glyphAnchor = node, segmentPage = segmentPageIndex, segmentId = nodeSegmentId;
+    if (U) {
+      const { node: he, segmentPage: mn, segmentId: un } = U;
+      j = he, E = mn, H = un;
     }
-    if (glyphAnchor == null)
+    if (j == null)
       return;
-    const line = (_b = glyphAnchor.parent) == null ? void 0 : _b.parent, column = line == null ? void 0 : line.parent, paragraphStartLine = (_c = column == null ? void 0 : column.lines.find((l) => l.paragraphIndex === (line == null ? void 0 : line.paragraphIndex) && l.paragraphStart)) != null ? _c : column == null ? void 0 : column.lines[0], page = (_d = column == null ? void 0 : column.parent) == null ? void 0 : _d.parent;
-    if (line == null || column == null || paragraphStartLine == null || page == null)
+    const y = (_e = j.parent) == null ? void 0 : _e.parent, A = y == null ? void 0 : y.parent, $ = (ce = A == null ? void 0 : A.lines.find((he) => he.paragraphIndex === (y == null ? void 0 : y.paragraphIndex) && he.paragraphStart)) != null ? ce : A == null ? void 0 : A.lines[0], F = (Ce = A == null ? void 0 : A.parent) == null ? void 0 : Ce.parent;
+    if (y == null || A == null || $ == null || F == null)
       return;
     this._liquid.reset();
-    const pageType = page.type;
-    for (const p of pages) {
-      const { headerId, footerId, pageHeight, pageWidth, marginLeft, marginBottom } = p, pIndex = pages.indexOf(p);
-      if (segmentPage > -1 && pIndex === segmentPage) {
-        switch (pageType) {
-          case DocumentSkeletonPageType.HEADER: {
-            const headerSke = (_e = skeHeaders.get(headerId)) == null ? void 0 : _e.get(pageWidth);
-            if (headerSke)
+    const K = F.type;
+    for (const he of s) {
+      const { headerId: mn, footerId: un, pageHeight: _t, pageWidth: Cn, marginLeft: Dn, marginBottom: St } = he, Ct = s.indexOf(he);
+      if (E > -1 && Ct === E) {
+        switch (K) {
+          case Mn.HEADER: {
+            const He = (De = a.get(mn)) == null ? void 0 : De.get(Cn);
+            if (He)
               this._liquid.translatePagePadding({
-                marginTop: headerSke.marginTop,
-                marginLeft
+                marginTop: He.marginTop,
+                marginLeft: Dn
               });
             else
               throw new Error("header skeleton not found");
             break;
           }
-          case DocumentSkeletonPageType.FOOTER: {
-            const footerSke = (_f = skeFooters.get(footerId)) == null ? void 0 : _f.get(pageWidth);
-            if (footerSke)
+          case Mn.FOOTER: {
+            const He = (Me = d.get(un)) == null ? void 0 : Me.get(Cn);
+            if (He)
               this._liquid.translatePagePadding({
-                marginTop: pageHeight - marginBottom + footerSke.marginTop,
-                marginLeft
+                marginTop: _t - St + He.marginTop,
+                marginLeft: Dn
               });
             else
               throw new Error("footer skeleton not found");
@@ -1922,552 +1986,551 @@ let DocDrawingTransformerController = (_a4 = class extends Disposable {
         }
         break;
       }
-      if (this._liquid.translatePagePadding(p), p === page)
+      if (this._liquid.translatePagePadding(he), he === F)
         break;
-      this._liquid.restorePagePadding(p), this._liquid.translatePage(p, pageLayoutType, pageMarginLeft, pageMarginTop);
+      this._liquid.restorePagePadding(he), this._liquid.translatePage(he, p, h, v);
     }
-    switch (positionV.relativeFrom === ObjectRelativeFromV.LINE ? glyphAnchor = line.divides[0].glyphGroup[0] : glyphAnchor = (_j = (_i = (_h = (_g = paragraphStartLine.divides) == null ? void 0 : _g[0]) == null ? void 0 : _h.glyphGroup) == null ? void 0 : _i[0]) != null ? _j : glyphAnchor, docTransform.positionH = {
-      relativeFrom: positionH.relativeFrom,
-      posOffset: left - this._liquid.x - docsLeft
-    }, positionH.relativeFrom) {
-      case ObjectRelativeFromH.MARGIN: {
-        docTransform.positionH.posOffset = left - this._liquid.x - docsLeft - page.marginLeft;
+    switch (N.relativeFrom === G.LINE ? j = y.divides[0].glyphGroup[0] : j = (le = (de = (Oe = (Re = $.divides) == null ? void 0 : Re[0]) == null ? void 0 : Oe.glyphGroup) == null ? void 0 : de[0]) != null ? le : j, _.positionH = {
+      relativeFrom: B.relativeFrom,
+      posOffset: O - this._liquid.x - w
+    }, B.relativeFrom) {
+      case ee.MARGIN: {
+        _.positionH.posOffset = O - this._liquid.x - w - F.marginLeft;
         break;
       }
-      case ObjectRelativeFromH.COLUMN: {
-        docTransform.positionH.posOffset = left - this._liquid.x - docsLeft - column.left;
+      case ee.COLUMN: {
+        _.positionH.posOffset = O - this._liquid.x - w - A.left;
         break;
       }
     }
-    switch (docTransform.positionV = {
-      relativeFrom: positionV.relativeFrom,
-      posOffset: top - this._liquid.y - docsTop
-    }, positionV.relativeFrom) {
-      case ObjectRelativeFromV.PAGE: {
-        docTransform.positionV.posOffset = top - this._liquid.y - docsTop - page.marginTop;
+    switch (_.positionV = {
+      relativeFrom: N.relativeFrom,
+      posOffset: D - this._liquid.y - S
+    }, N.relativeFrom) {
+      case G.PAGE: {
+        _.positionV.posOffset = D - this._liquid.y - S - F.marginTop;
         break;
       }
-      case ObjectRelativeFromV.LINE: {
-        docTransform.positionV.posOffset = top - this._liquid.y - docsTop - line.top;
+      case G.LINE: {
+        _.positionV.posOffset = D - this._liquid.y - S - y.top;
         break;
       }
-      case ObjectRelativeFromV.PARAGRAPH: {
-        docTransform.positionV.posOffset = top - this._liquid.y - docsTop - paragraphStartLine.top;
+      case G.PARAGRAPH: {
+        _.positionV.posOffset = D - this._liquid.y - S - $.top;
         break;
       }
     }
-    if (glyphAnchor == null)
+    if (j == null)
       return;
-    const nodePosition = skeleton == null ? void 0 : skeleton.findPositionByGlyph(glyphAnchor, segmentPage), docObject = this._getDocObject();
-    if (nodePosition == null || skeleton == null || docObject == null || isInTableCell(nodePosition))
+    const se = r == null ? void 0 : r.findPositionByGlyph(j, E), Le = this._getDocObject();
+    if (se == null || r == null || Le == null || kn(se))
       return;
-    const positionWithIsBack = {
-      ...nodePosition,
-      isBack
-    }, documentOffsetConfig = docObject.document.getOffsetConfig(), convertor = new NodePositionConvertToCursor(documentOffsetConfig, skeleton), { cursorList } = convertor.getRangePointData(positionWithIsBack, positionWithIsBack), { startOffset } = (_k = getOneTextSelectionRange(cursorList)) != null ? _k : {};
-    if (startOffset != null)
-      return { offset: startOffset, docTransform, segmentId, segmentPage };
+    const be = {
+      ...se,
+      isBack: W
+    }, ke = Le.document.getOffsetConfig(), ae = new Rn(ke, r), { cursorList: ne } = ae.getRangePointData(be, be), { startOffset: te } = (Ne = Nn(ne)) != null ? Ne : {};
+    if (te != null)
+      return { offset: te, docTransform: _, segmentId: H, segmentPage: E };
   }
   // Update drawing when use transformer to resize it.
-  _updateDrawingSize(drawingCache, object) {
-    const drawings = [], { drawing, width: oldWidth, height: oldHeight, angle: oldAngle } = drawingCache, { unitId, subUnitId } = drawing;
-    let { width, height, angle } = object;
-    const { width: maxWidth, height: maxHeight } = this._getPageContentSize(drawing);
-    width = Math.min(maxWidth, width), height = Math.min(maxHeight, height), (width !== oldWidth || height !== oldHeight) && drawings.push({
-      drawingId: drawing.drawingId,
+  _updateDrawingSize(e, n) {
+    const t = [], { drawing: r, width: o, height: s, angle: a } = e, { unitId: d, subUnitId: c } = r;
+    let { width: g, height: f, angle: m } = n;
+    const { width: p, height: h } = this._getPageContentSize(r);
+    g = Math.min(p, g), f = Math.min(h, f), (g !== o || f !== s) && t.push({
+      drawingId: r.drawingId,
       key: "size",
       value: {
-        width,
-        height
+        width: g,
+        height: f
       }
-    }), angle !== oldAngle && drawings.push({
-      drawingId: drawing.drawingId,
+    }), m !== a && t.push({
+      drawingId: r.drawingId,
       key: "angle",
-      value: angle
-    }), drawings.length > 0 && unitId && subUnitId && this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id, {
-      unitId,
-      subUnitId,
-      drawings
+      value: m
+    }), t.length > 0 && d && c && this._commandService.executeCommand(ze.id, {
+      unitId: d,
+      subUnitId: c,
+      drawings: t
     });
   }
   // Update inline drawing when use transformer to move it.
-  _moveInlineDrawing(drawing, offsetX, offsetY) {
-    const anchor = this._getInlineDrawingAnchor(drawing, offsetX, offsetY), { offset, segmentId, segmentPage } = anchor != null ? anchor : {};
-    return this._commandService.executeCommand(IMoveInlineDrawingCommand.id, {
-      unitId: drawing.unitId,
-      subUnitId: drawing.unitId,
-      drawing,
-      offset,
-      segmentId,
-      segmentPage,
-      needRefreshDrawings: offset == null
+  _moveInlineDrawing(e, n, t) {
+    const r = this._getInlineDrawingAnchor(e, n, t), { offset: o, segmentId: s, segmentPage: a } = r != null ? r : {};
+    return this._commandService.executeCommand(at.id, {
+      unitId: e.unitId,
+      subUnitId: e.unitId,
+      drawing: e,
+      offset: o,
+      segmentId: s,
+      segmentPage: a,
+      needRefreshDrawings: o == null
     });
   }
   // Limit the drawing to the page area, mainly in the vertical direction,
   // and the upper and lower limits cannot exceed the page margin area.
-  _limitDrawingInPage(drawing, object) {
-    const currentRender = this._renderManagerService.getRenderById(drawing.unitId), { left, top, width, height, angle } = object, skeleton = currentRender == null ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton(), skeletonData = skeleton == null ? void 0 : skeleton.getSkeletonData(), { pages } = skeletonData != null ? skeletonData : {};
-    if (skeletonData == null || currentRender == null || pages == null)
+  _limitDrawingInPage(e, n) {
+    const t = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: a, angle: d } = n, c = t == null ? void 0 : t.with(oe).getSkeleton(), g = c == null ? void 0 : c.getSkeletonData(), { pages: f } = g != null ? g : {};
+    if (g == null || t == null || f == null)
       return {
-        left,
-        top,
-        width,
-        height,
-        angle
+        left: r,
+        top: o,
+        width: s,
+        height: a,
+        angle: d
       };
-    const { mainComponent } = currentRender, documentComponent = mainComponent, { top: docsTop, pageLayoutType, pageMarginLeft, pageMarginTop } = documentComponent;
-    let newTop = top;
+    const { mainComponent: m } = t, p = m, { top: h, pageLayoutType: v, pageMarginLeft: w, pageMarginTop: S } = p;
+    let O = o;
     this._liquid.reset();
-    for (const page of pages) {
-      const { marginBottom, pageHeight } = page, index = pages.indexOf(page), nextPage = pages[index + 1];
-      if (nextPage == null)
+    for (const D of f) {
+      const { marginBottom: x, pageHeight: b } = D, T = f.indexOf(D), N = f[T + 1];
+      if (N == null)
         continue;
-      if (Tools.hasIntersectionBetweenTwoRanges(
-        top,
-        top + height,
-        this._liquid.y + docsTop + pageHeight - marginBottom,
-        this._liquid.y + docsTop + pageHeight + pageMarginTop + nextPage.marginTop
+      if (Pe.hasIntersectionBetweenTwoRanges(
+        o,
+        o + a,
+        this._liquid.y + h + b - x,
+        this._liquid.y + h + b + S + N.marginTop
       )) {
-        const drawingVMiddle = top + height / 2, pagesMiddle = this._liquid.y + docsTop + pageHeight + pageMarginTop / 2;
-        drawingVMiddle < pagesMiddle ? newTop = Math.min(top, this._liquid.y + docsTop + pageHeight - marginBottom - height) : newTop = Math.max(top, this._liquid.y + docsTop + pageHeight + pageMarginTop + nextPage.marginTop);
+        const R = o + a / 2, I = this._liquid.y + h + b + S / 2;
+        R < I ? O = Math.min(o, this._liquid.y + h + b - x - a) : O = Math.max(o, this._liquid.y + h + b + S + N.marginTop);
       }
-      this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+      this._liquid.translatePage(D, v, w, S);
     }
     return {
-      left,
-      top: newTop,
-      width,
-      height,
-      angle
+      left: r,
+      top: O,
+      width: s,
+      height: a,
+      angle: d
     };
   }
-  _nonInlineDrawingTransform(drawing, object, isMoving = !1) {
-    const objectPosition = drawing.isMultiTransform === BooleanNumber.TRUE ? object : this._limitDrawingInPage(drawing, object);
-    if (isMoving && objectPosition.top !== object.top)
+  _nonInlineDrawingTransform(e, n, t = !1) {
+    const r = e.isMultiTransform === re.TRUE ? n : this._limitDrawingInPage(e, n);
+    if (t && r.top !== n.top)
       return;
-    const anchor = this._getDrawingAnchor(drawing, objectPosition), { offset, docTransform, segmentId, segmentPage } = anchor != null ? anchor : {};
-    return offset == null || docTransform == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[drawing.drawingId, object]])) : this._commandService.executeCommand(ITransformNonInlineDrawingCommand.id, {
-      unitId: drawing.unitId,
-      subUnitId: drawing.unitId,
-      drawing,
-      offset,
-      docTransform,
-      segmentId,
-      segmentPage
+    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(ct.id, {
+      unitId: e.unitId,
+      subUnitId: e.unitId,
+      drawing: e,
+      offset: s,
+      docTransform: a,
+      segmentId: d,
+      segmentPage: c
     });
   }
-  _getSceneAndTransformerByDrawingSearch(unitId) {
-    if (unitId == null)
+  _getSceneAndTransformerByDrawingSearch(e) {
+    if (e == null)
       return;
-    const renderObject = this._renderManagerService.getRenderById(unitId), scene = renderObject == null ? void 0 : renderObject.scene;
-    if (scene == null)
+    const n = this._renderManagerService.getRenderById(e), t = n == null ? void 0 : n.scene;
+    if (t == null)
       return;
-    const transformer = scene.getTransformerByCreate();
-    return { scene, transformer };
+    const r = t.getTransformerByCreate();
+    return { scene: t, transformer: r };
   }
-  _getTransformCoordForDocumentOffset(document, viewport, evtOffsetX, evtOffsetY) {
-    const { documentTransform } = document.getOffsetConfig(), originCoord = viewport.transformVector2SceneCoord(Vector2.FromArray([evtOffsetX, evtOffsetY]));
-    if (originCoord)
-      return documentTransform.clone().invert().applyPoint(originCoord);
+  _getTransformCoordForDocumentOffset(e, n, t, r) {
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(Jt.FromArray([t, r]));
+    if (s)
+      return o.clone().invert().applyPoint(s);
   }
-  _createOrUpdateInlineAnchor(unitId, pointsGroup) {
-    const currentRender = this._renderManagerService.getRenderById(unitId);
-    if (currentRender == null)
+  _createOrUpdateInlineAnchor(e, n) {
+    const t = this._renderManagerService.getRenderById(e);
+    if (t == null)
       return;
-    const { mainComponent, scene } = currentRender, documentComponent = mainComponent, {
-      docsLeft,
-      docsTop
-    } = documentComponent.getOffsetConfig(), bounding = getAnchorBounding(pointsGroup), { left: boundingLeft, top: boundingTop, height } = bounding, left = boundingLeft + docsLeft, top = boundingTop + docsTop;
+    const { mainComponent: r, scene: o } = t, s = r, {
+      docsLeft: a,
+      docsTop: d
+    } = s.getOffsetConfig(), c = mi(n), { left: g, top: f, height: m } = c, p = g + a, h = f + d;
     if (this._anchorShape) {
-      this._anchorShape.transformByState({ left, top, height }), this._anchorShape.show();
+      this._anchorShape.transformByState({ left: p, top: h, height: m }), this._anchorShape.show();
       return;
     }
-    const ID_LENGTH = 6, anchor = new Rect(INLINE_DRAWING_ANCHOR_KEY_PREFIX + Tools.generateRandomId(ID_LENGTH), {
-      left,
-      top,
-      height,
+    const v = 6, w = new Qt(Pr + Pe.generateRandomId(v), {
+      left: p,
+      top: h,
+      height: m,
       strokeWidth: 2,
-      stroke: getColor(COLORS.darkGray, 1),
+      stroke: ei(Mt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = anchor, scene.addObject(anchor, TEXT_RANGE_LAYER_INDEX);
+    this._anchorShape = w, o.addObject(w, ui);
   }
   _getDocObject() {
-    return getDocObject(this._univerInstanceService, this._renderManagerService);
+    return fi(this._univerInstanceService, this._renderManagerService);
   }
-  _getPageContentSize(drawing) {
-    const currentRender = this._renderManagerService.getRenderById(drawing.unitId), skeleton = currentRender == null ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton(), MAX_WIDTH = 500, MAX_HEIGHT = 500, skeletonData = skeleton == null ? void 0 : skeleton.getSkeletonData();
-    if (skeletonData == null || currentRender == null)
+  _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();
+    if (s == null || n == null)
       return {
-        width: MAX_WIDTH,
-        height: MAX_HEIGHT
+        width: r,
+        height: o
       };
-    const { pages } = skeletonData;
-    let page = null;
-    for (const p of pages) {
-      const { skeDrawings } = p;
-      if (skeDrawings.has(drawing.drawingId)) {
-        page = p;
+    const { pages: a } = s;
+    let d = null;
+    for (const c of a) {
+      const { skeDrawings: g } = c;
+      if (g.has(e.drawingId)) {
+        d = c;
         break;
       }
     }
-    if (page) {
-      const { pageWidth, pageHeight, marginLeft, marginBottom, marginRight, marginTop } = page;
+    if (d) {
+      const { pageWidth: c, pageHeight: g, marginLeft: f, marginBottom: m, marginRight: p, marginTop: h } = d;
       return {
-        width: Math.max(MAX_WIDTH, pageWidth - marginLeft - marginRight),
-        height: Math.max(MAX_HEIGHT, pageHeight - marginTop - marginBottom)
+        width: Math.max(r, c - f - p),
+        height: Math.max(o, g - h - m)
       };
     } else
       return {
-        width: MAX_WIDTH,
-        height: MAX_HEIGHT
+        width: r,
+        height: o
       };
   }
-}, __name(_a4, "DocDrawingTransformerController"), _a4);
-DocDrawingTransformerController = __decorateClass$3([
-  __decorateParam$3(0, ICommandService),
-  __decorateParam$3(1, IUniverInstanceService),
-  __decorateParam$3(2, IDrawingManagerService),
-  __decorateParam$3(3, IRenderManagerService)
-], DocDrawingTransformerController);
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a5;
-let DocDrawingPopupMenuController = (_a5 = class extends RxDisposable {
-  constructor(_drawingManagerService, _canvasPopManagerService, _renderManagerService, _univerInstanceService, _contextService) {
+};
+sn = xr([
+  en(0, z),
+  en(1, Z),
+  en(2, ve),
+  en(3, Q)
+], sn);
+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 && Tr(e, n, r), r;
+}, Ge = (i, e) => (n, t) => e(n, t, i);
+let an = class extends Rt {
+  constructor(e, n, t, r, o) {
     super();
-    __publicField(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._drawingManagerService = _drawingManagerService, this._canvasPopManagerService = _canvasPopManagerService, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._contextService = _contextService, this._init();
+    Se(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$(UniverInstanceType.UNIVER_DOC).pipe(takeUntil(this.dispose$)).subscribe((documentDataModel) => this._create(documentDataModel)), this._univerInstanceService.getTypeOfUnitDisposed$(UniverInstanceType.UNIVER_DOC).pipe(takeUntil(this.dispose$)).subscribe((documentDataModel) => this._dispose(documentDataModel)), this._univerInstanceService.getAllUnitsForType(UniverInstanceType.UNIVER_DOC).forEach((documentDataModel) => this._create(documentDataModel));
+    this._univerInstanceService.getCurrentTypeOfUnit$(Te.UNIVER_DOC).pipe(Ln(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Te.UNIVER_DOC).pipe(Ln(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Te.UNIVER_DOC).forEach((e) => this._create(e));
   }
-  _dispose(documentDataModel) {
-    const unitId = documentDataModel.getUnitId();
-    this._renderManagerService.removeRender(unitId);
+  _dispose(e) {
+    const n = e.getUnitId();
+    this._renderManagerService.removeRender(n);
   }
-  _create(documentDataModel) {
-    if (!documentDataModel)
+  _create(e) {
+    if (!e)
       return;
-    const unitId = documentDataModel.getUnitId();
-    this._renderManagerService.has(unitId) && !this._initImagePopupMenu.has(unitId) && (this._popupMenuListener(unitId), this._initImagePopupMenu.add(unitId));
+    const n = e.getUnitId();
+    this._renderManagerService.has(n) && !this._initImagePopupMenu.has(n) && (this._popupMenuListener(n), this._initImagePopupMenu.add(n));
   }
-  _hasCropObject(scene) {
-    const objects = scene.getAllObjects();
-    for (const object of objects)
-      if (object instanceof ImageCropperObject)
+  _hasCropObject(e) {
+    const n = e.getAllObjects();
+    for (const t of n)
+      if (t instanceof qt)
         return !0;
     return !1;
   }
   // eslint-disable-next-line max-lines-per-function
-  _popupMenuListener(unitId) {
-    var _a8;
-    const scene = (_a8 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a8.scene;
-    if (!scene)
+  _popupMenuListener(e) {
+    var o;
+    const n = (o = this._renderManagerService.getRenderById(e)) == null ? void 0 : o.scene;
+    if (!n)
       return;
-    const transformer = scene.getTransformerByCreate();
-    if (!transformer)
+    const t = n.getTransformerByCreate();
+    if (!t)
       return;
-    const disposePopups = [];
+    const r = [];
     this.disposeWithMe(
-      toDisposable(
-        transformer.createControl$.subscribe(() => {
-          if (this._hasCropObject(scene))
+      Ee(
+        t.createControl$.subscribe(() => {
+          if (this._hasCropObject(n))
             return;
-          const selectedObjects = transformer.getSelectedObjectMap();
-          if (disposePopups.forEach((dispose) => dispose.dispose()), disposePopups.length = 0, selectedObjects.size > 1)
+          const s = t.getSelectedObjectMap();
+          if (r.forEach((w) => w.dispose()), r.length = 0, s.size > 1)
             return;
-          const object = selectedObjects.values().next().value;
-          if (!object)
+          const a = s.values().next().value;
+          if (!a)
             return;
-          const oKey = object.oKey, drawingParam = this._drawingManagerService.getDrawingOKey(oKey);
-          if (!drawingParam)
+          const d = a.oKey, c = this._drawingManagerService.getDrawingOKey(d);
+          if (!c)
             return;
-          const { unitId: unitId2, subUnitId, drawingId } = drawingParam, popup = this._canvasPopManagerService.attachPopupToObject(
-            object,
+          const { unitId: g, subUnitId: f, drawingId: m } = c, p = this._canvasPopManagerService.attachPopupToObject(
+            a,
             {
-              componentKey: COMPONENT_IMAGE_POPUP_MENU,
+              componentKey: Xt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getImageMenuItems(unitId2, subUnitId, drawingId)
+                menuItems: this._getImageMenuItems(g, f, m)
               }
             },
-            unitId2
+            g
           );
-          disposePopups.push(this.disposeWithMe(popup)), !this._drawingManagerService.getFocusDrawings().find((drawing) => drawing.unitId === unitId2 && drawing.subUnitId === subUnitId && drawing.drawingId === drawingId) && this._drawingManagerService.focusDrawing([{
-            unitId: unitId2,
-            subUnitId,
-            drawingId
+          r.push(this.disposeWithMe(p)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === g && w.subUnitId === f && w.drawingId === m) && this._drawingManagerService.focusDrawing([{
+            unitId: g,
+            subUnitId: f,
+            drawingId: m
           }]);
         })
       )
     ), this.disposeWithMe(
-      toDisposable(
-        transformer.clearControl$.subscribe(() => {
-          disposePopups.forEach((dispose) => dispose.dispose()), disposePopups.length = 0, this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, !1), this._drawingManagerService.focusDrawing(null);
+      Ee(
+        t.clearControl$.subscribe(() => {
+          r.forEach((s) => s.dispose()), r.length = 0, this._contextService.setContextValue(nn, !1), this._drawingManagerService.focusDrawing(null);
         })
       )
     ), this.disposeWithMe(
-      toDisposable(
-        transformer.changing$.subscribe(() => {
-          disposePopups.forEach((dispose) => dispose.dispose()), disposePopups.length = 0;
+      Ee(
+        t.changing$.subscribe(() => {
+          r.forEach((s) => s.dispose()), r.length = 0;
         })
       )
     ), this.disposeWithMe(
-      toDisposable(
-        transformer.changeStart$.subscribe(() => {
-          disposePopups.forEach((dispose) => dispose.dispose()), disposePopups.length = 0;
+      Ee(
+        t.changeStart$.subscribe(() => {
+          r.forEach((s) => s.dispose()), r.length = 0;
         })
       )
     );
   }
-  _getImageMenuItems(unitId, subUnitId, drawingId) {
+  _getImageMenuItems(e, n, t) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: EditDocDrawingOperation.id,
-        commandParams: { unitId, subUnitId, drawingId },
+        commandId: gt.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: RemoveDocDrawingCommand.id,
-        commandParams: { unitId, drawings: [{ unitId, subUnitId, drawingId }] },
+        commandId: Sn.id,
+        commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: OpenImageCropOperation.id,
-        commandParams: { unitId, subUnitId, drawingId },
+        commandId: Kt.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !0
         // TODO: @JOCS, feature is not ready.
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: ImageResetSizeOperation.id,
-        commandParams: [{ unitId, subUnitId, drawingId }],
+        commandId: Yt.id,
+        commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
       }
     ];
   }
-}, __name(_a5, "DocDrawingPopupMenuController"), _a5);
-DocDrawingPopupMenuController = __decorateClass$2([
-  __decorateParam$2(0, IDrawingManagerService),
-  __decorateParam$2(1, Inject(DocCanvasPopManagerService)),
-  __decorateParam$2(2, IRenderManagerService),
-  __decorateParam$2(3, IUniverInstanceService),
-  __decorateParam$2(4, IContextService)
-], DocDrawingPopupMenuController);
-var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a6;
-let DocDrawingTransformUpdateController = (_a6 = class extends Disposable {
-  constructor(_context, _docSkeletonManagerService, _commandService, _editorService, _drawingManagerService, _docRefreshDrawingsService, _univerInstanceService, _lifecycleService) {
+};
+an = br([
+  Ge(0, ve),
+  Ge(1, we(hi)),
+  Ge(2, Q),
+  Ge(3, Z),
+  Ge(4, Wn)
+], an);
+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 && Mr(e, n, r), r;
+}, Ae = (i, e) => (n, t) => e(n, t, i);
+let wn = class extends qe {
+  constructor(e, n, t, r, o, s, a, d) {
     super();
-    __publicField(this, "_liquid", new Liquid());
-    this._context = _context, this._docSkeletonManagerService = _docSkeletonManagerService, this._commandService = _commandService, this._editorService = _editorService, this._drawingManagerService = _drawingManagerService, this._docRefreshDrawingsService = _docRefreshDrawingsService, this._univerInstanceService = _univerInstanceService, this._lifecycleService = _lifecycleService, this._initialize(), this._commandExecutedListener();
+    Se(this, "_liquid", new Gn());
+    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() {
     this._initialRenderRefresh(), this._drawingInitializeListener(), this._initResize();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeleton$.subscribe((documentSkeleton) => {
-      documentSkeleton != null && this._refreshDrawing(documentSkeleton);
-    }), this._docRefreshDrawingsService.refreshDrawings$.subscribe((skeleton) => {
-      skeleton != null && this._refreshDrawing(skeleton);
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+      e != null && this._refreshDrawing(e);
+    }), this._docRefreshDrawingsService.refreshDrawings$.subscribe((e) => {
+      e != null && this._refreshDrawing(e);
     });
   }
   _commandExecutedListener() {
-    const updateCommandList = [RichTextEditingMutation.id, SetDocZoomRatioOperation.id];
+    const e = [J.id, wi.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((command) => {
-        if (updateCommandList.includes(command.id)) {
-          const params = command.params, { unitId: commandUnitId } = params, { unitId, mainComponent } = this._context;
-          if (commandUnitId !== unitId)
+      this._commandService.onCommandExecuted((n) => {
+        if (e.includes(n.id)) {
+          const t = n.params, { unitId: r } = t, { unitId: o, mainComponent: s } = this._context;
+          if (r !== o)
             return;
-          const skeleton = this._docSkeletonManagerService.getSkeleton();
-          if (skeleton == null)
+          const a = this._docSkeletonManagerService.getSkeleton();
+          if (a == null)
             return;
-          if (this._editorService.isEditor(unitId)) {
-            mainComponent == null || mainComponent.makeDirty();
+          if (this._editorService.isEditor(o)) {
+            s == null || s.makeDirty();
             return;
           }
-          this._refreshDrawing(skeleton);
+          this._refreshDrawing(a);
         }
       })
     );
   }
   _initResize() {
     this.disposeWithMe(
-      fromEventSubject(this._context.engine.onTransformChange$).pipe(
-        filter((evt) => evt.type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),
-        debounceTime(16)
+      At(this._context.engine.onTransformChange$).pipe(
+        Bn((e) => e.type === ni.resize),
+        Si(16)
       ).subscribe(() => {
-        var _a8;
-        const skeleton = this._docSkeletonManagerService.getSkeleton(), { scene } = this._context;
-        (_a8 = scene.getTransformer()) == null || _a8.refreshControls(), this._refreshDrawing(skeleton);
+        var t;
+        const e = this._docSkeletonManagerService.getSkeleton(), { scene: n } = this._context;
+        (t = n.getTransformer()) == null || t.refreshControls(), this._refreshDrawing(e);
       })
     );
   }
-  _refreshDrawing(skeleton) {
-    var _a8, _b;
-    const skeletonData = skeleton == null ? void 0 : skeleton.getSkeletonData(), { mainComponent, unitId } = this._context, documentComponent = mainComponent;
-    if (!skeletonData)
+  _refreshDrawing(e) {
+    var O, D;
+    const n = e == null ? void 0 : e.getSkeletonData(), { mainComponent: t, unitId: r } = this._context, o = t;
+    if (!n)
       return;
-    const { left: docsLeft, top: docsTop, pageLayoutType, pageMarginLeft, pageMarginTop } = documentComponent, { pages, skeHeaders, skeFooters } = skeletonData, updateDrawingMap = {};
+    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: g } = o, { pages: f, skeHeaders: m, skeFooters: p } = n, h = {};
     this._liquid.reset();
-    for (let i = 0, len = pages.length; i < len; i++) {
-      const page = pages[i], { headerId, footerId, pageWidth } = page;
-      if (headerId) {
-        const headerPage = (_a8 = skeHeaders.get(headerId)) == null ? void 0 : _a8.get(pageWidth);
-        headerPage && this._calculateDrawingPosition(
-          unitId,
-          headerPage,
-          docsLeft,
-          docsTop,
-          updateDrawingMap,
-          headerPage.marginTop,
-          page.marginLeft
+    for (let x = 0, b = f.length; x < b; x++) {
+      const T = f[x], { headerId: N, footerId: B, pageWidth: R } = T;
+      if (N) {
+        const I = (O = m.get(N)) == null ? void 0 : O.get(R);
+        I && this._calculateDrawingPosition(
+          r,
+          I,
+          s,
+          a,
+          h,
+          I.marginTop,
+          T.marginLeft
         );
       }
-      if (footerId) {
-        const footerPage = (_b = skeFooters.get(footerId)) == null ? void 0 : _b.get(pageWidth);
-        footerPage && this._calculateDrawingPosition(
-          unitId,
-          footerPage,
-          docsLeft,
-          docsTop,
-          updateDrawingMap,
-          page.pageHeight - page.marginBottom + footerPage.marginTop,
-          page.marginLeft
+      if (B) {
+        const I = (D = p.get(B)) == null ? void 0 : D.get(R);
+        I && this._calculateDrawingPosition(
+          r,
+          I,
+          s,
+          a,
+          h,
+          T.pageHeight - T.marginBottom + I.marginTop,
+          T.marginLeft
         );
       }
-      this._calculateDrawingPosition(unitId, page, docsLeft, docsTop, updateDrawingMap, page.marginTop, page.marginLeft), this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+      this._calculateDrawingPosition(r, T, s, a, h, T.marginTop, T.marginLeft), this._liquid.translatePage(T, d, c, g);
     }
-    const updateDrawings = Object.values(updateDrawingMap), nonMultiDrawings = updateDrawings.filter((drawing) => !drawing.isMultiTransform), multiDrawings = updateDrawings.filter((drawing) => drawing.isMultiTransform);
-    nonMultiDrawings.length > 0 && this._drawingManagerService.refreshTransform(nonMultiDrawings), this._handleMultiDrawingsTransform(multiDrawings);
-  }
-  _handleMultiDrawingsTransform(multiDrawings) {
-    const { scene, unitId } = this._context, transformer = scene.getTransformerByCreate();
-    multiDrawings.forEach((updateParam) => {
-      const param = this._drawingManagerService.getDrawingByParam(updateParam);
-      param != null && (param.transform = updateParam.transform, param.transforms = updateParam.transforms, param.isMultiTransform = updateParam.isMultiTransform);
+    const v = Object.values(h), w = v.filter((x) => !x.isMultiTransform), S = v.filter((x) => x.isMultiTransform);
+    w.length > 0 && this._drawingManagerService.refreshTransform(w), this._handleMultiDrawingsTransform(S);
+  }
+  _handleMultiDrawingsTransform(e) {
+    const { scene: n, unitId: t } = this._context, r = n.getTransformerByCreate();
+    e.forEach((d) => {
+      const c = this._drawingManagerService.getDrawingByParam(d);
+      c != null && (c.transform = d.transform, c.transforms = d.transforms, c.isMultiTransform = d.isMultiTransform);
     });
-    const selectedObjectKeys = [...transformer.getSelectedObjectMap().keys()], allMultiDrawings = Object.values(this._drawingManagerService.getDrawingData(unitId, unitId)).filter((drawing) => drawing.isMultiTransform === BooleanNumber.TRUE);
-    this._drawingManagerService.removeNotification(allMultiDrawings), multiDrawings.length > 0 && this._drawingManagerService.addNotification(multiDrawings);
-    for (const key of selectedObjectKeys) {
-      const drawingShape = scene.getObject(key);
-      drawingShape && transformer.setSelectedControl(drawingShape);
+    const s = [...r.getSelectedObjectMap().keys()], a = Object.values(this._drawingManagerService.getDrawingData(t, t)).filter((d) => d.isMultiTransform === re.TRUE);
+    this._drawingManagerService.removeNotification(a), e.length > 0 && this._drawingManagerService.addNotification(e);
+    for (const d of s) {
+      const c = n.getObject(d);
+      c && r.setSelectedControl(c);
     }
   }
-  _calculateDrawingPosition(unitId, page, docsLeft, docsTop, updateDrawingMap, marginTop, marginLeft) {
-    const { skeDrawings } = page;
+  _calculateDrawingPosition(e, n, t, r, o, s, a) {
+    const { skeDrawings: d } = n;
     this._liquid.translatePagePadding({
-      marginTop,
-      marginLeft
-    }), skeDrawings.forEach((drawing) => {
-      const { aLeft, aTop, height, width, angle, drawingId, drawingOrigin } = drawing, behindText = drawingOrigin.layoutType === PositionedObjectLayoutType.WRAP_NONE && drawingOrigin.behindDoc === BooleanNumber.TRUE, { isMultiTransform = BooleanNumber.FALSE } = drawingOrigin, transform = {
-        left: aLeft + docsLeft + this._liquid.x,
-        top: aTop + docsTop + this._liquid.y,
-        width,
-        height,
-        angle
+      marginTop: s,
+      marginLeft: a
+    }), d.forEach((c) => {
+      const { aLeft: g, aTop: f, height: m, width: p, angle: h, drawingId: v, drawingOrigin: w } = c, S = w.layoutType === k.WRAP_NONE && w.behindDoc === re.TRUE, { isMultiTransform: O = re.FALSE } = w, D = {
+        left: g + t + this._liquid.x,
+        top: f + r + this._liquid.y,
+        width: p,
+        height: m,
+        angle: h
       };
-      updateDrawingMap[drawingId] == null ? updateDrawingMap[drawingId] = {
-        unitId,
-        subUnitId: unitId,
-        drawingId,
-        behindText,
-        transform,
-        transforms: [transform],
-        isMultiTransform
-      } : isMultiTransform === BooleanNumber.TRUE && updateDrawingMap[drawingId].transforms.push(transform);
+      o[v] == null ? o[v] = {
+        unitId: e,
+        subUnitId: e,
+        drawingId: v,
+        behindText: S,
+        transform: D,
+        transforms: [D],
+        isMultiTransform: O
+      } : O === re.TRUE && o[v].transforms.push(D);
     }), this._liquid.restorePagePadding({
-      marginTop,
-      marginLeft
+      marginTop: s,
+      marginLeft: a
     });
   }
   _drawingInitializeListener() {
-    const init = /* @__PURE__ */ __name(() => {
-      const skeleton = this._docSkeletonManagerService.getSkeleton();
-      skeleton != null && (this._refreshDrawing(skeleton), this._drawingManagerService.initializeNotification(this._context.unitId));
-    }, "init");
-    this._lifecycleService.stage === LifecycleStages.Steady ? setTimeout(() => {
-      init();
-    }, 1e3) : this._lifecycleService.lifecycle$.pipe(filter((stage) => stage === LifecycleStages.Steady)).subscribe(init);
-  }
-}, __name(_a6, "DocDrawingTransformUpdateController"), _a6);
-DocDrawingTransformUpdateController = __decorateClass$1([
-  __decorateParam$1(1, Inject(DocSkeletonManagerService)),
-  __decorateParam$1(2, ICommandService),
-  __decorateParam$1(3, IEditorService),
-  __decorateParam$1(4, IDrawingManagerService),
-  __decorateParam$1(5, Inject(DocRefreshDrawingsService)),
-  __decorateParam$1(6, IUniverInstanceService),
-  __decorateParam$1(7, Inject(LifecycleService))
-], DocDrawingTransformUpdateController);
-var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp2(target, key, result), result;
-}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField");
-const PLUGIN_NAME = "DOC_DRAWING_UI_PLUGIN";
-var _a7;
-let UniverDocsDrawingUIPlugin = (_a7 = class extends Plugin {
-  constructor(_config = defaultPluginConfig, _injector, _renderManagerSrv, _configService) {
-    super(), this._config = _config, this._injector = _injector, this._renderManagerSrv = _renderManagerSrv, this._configService = _configService;
-    const { ...rest } = this._config;
-    this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
+    const e = () => {
+      const n = this._docSkeletonManagerService.getSkeleton();
+      n != null && (this._refreshDrawing(n), this._drawingManagerService.initializeNotification(this._context.unitId));
+    };
+    this._lifecycleService.stage === xn.Steady ? setTimeout(() => {
+      e();
+    }, 1e3) : this._lifecycleService.lifecycle$.pipe(Bn((n) => n === xn.Steady)).subscribe(e);
+  }
+};
+wn = Nr([
+  Ae(1, we(oe)),
+  Ae(2, z),
+  Ae(3, pi),
+  Ae(4, ve),
+  Ae(5, we(ln)),
+  Ae(6, Z),
+  Ae(7, we(Nt))
+], wn);
+var vt = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Er = (i, e, n) => e in i ? vt(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 ? Ar(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 && vt(e, n, r), r;
+}, pn = (i, e) => (n, t) => e(n, t, i), It = (i, e, n) => Er(i, typeof e != "symbol" ? e + "" : e, n);
+const Lr = "DOC_DRAWING_UI_PLUGIN";
+let cn = class extends Lt {
+  constructor(i = xi, e, n, t) {
+    super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
+    const { ...r } = this._config;
+    this._configService.setConfig(Oi, r);
   }
   onStarting() {
     [
-      [DocDrawingUIController],
-      [DocDrawingPopupMenuController],
-      [DocDrawingTransformerController],
-      [DocDrawingAddRemoveController],
-      [DocRefreshDrawingsService]
-    ].forEach((dependency) => this._injector.add(dependency));
+      [rn],
+      [an],
+      [sn],
+      [on],
+      [ln]
+    ].forEach((e) => this._injector.add(e));
   }
   onReady() {
     [
-      [DocDrawingUpdateRenderController],
-      [DocDrawingTransformUpdateController]
-    ].forEach((m) => this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, m)), this._injector.get(DocDrawingAddRemoveController), this._injector.get(DocDrawingUIController), this._injector.get(DocDrawingTransformerController);
+      [tn],
+      [wn]
+    ].forEach((i) => this._renderManagerSrv.registerRenderModule(Te.UNIVER_DOC, i)), this._injector.get(on), this._injector.get(rn), this._injector.get(sn);
   }
   onRendered() {
-    this._injector.get(DocDrawingPopupMenuController);
-  }
-}, __name(_a7, "UniverDocsDrawingUIPlugin"), _a7);
-__publicField2(UniverDocsDrawingUIPlugin, "type", UniverInstanceType.UNIVER_DOC);
-__publicField2(UniverDocsDrawingUIPlugin, "pluginName", PLUGIN_NAME);
-UniverDocsDrawingUIPlugin = __decorateClass([
-  DependentOn(UniverDrawingUIPlugin, UniverDrawingPlugin, UniverDocsDrawingPlugin, UniverUIPlugin),
-  __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IRenderManagerService),
-  __decorateParam(3, IConfigService)
-], UniverDocsDrawingUIPlugin);
+    this._injector.get(an);
+  }
+};
+It(cn, "type", Te.UNIVER_DOC);
+It(cn, "pluginName", Lr);
+cn = jr([
+  Et(Zt, $t, Ut, di),
+  pn(1, we(jt)),
+  pn(2, Q),
+  pn(3, Bt)
+], cn);
 export {
-  ClearDocDrawingTransformerOperation,
-  DeleteDocDrawingsCommand,
-  EditDocDrawingOperation,
-  GroupDocDrawingCommand,
-  IMAGE_MENU_ID,
-  InsertDocDrawingCommand,
-  InsertDocImageCommand,
-  MoveDocDrawingsCommand,
-  RemoveDocDrawingCommand,
-  SetDocDrawingArrangeCommand,
-  SidebarDocDrawingOperation,
-  UngroupDocDrawingCommand,
-  UniverDocsDrawingUIPlugin
+  ji as ClearDocDrawingTransformerOperation,
+  Zn as DeleteDocDrawingsCommand,
+  gt as EditDocDrawingOperation,
+  Jn as GroupDocDrawingCommand,
+  pt as IMAGE_MENU_ID,
+  Qn as InsertDocDrawingCommand,
+  tt as InsertDocImageCommand,
+  Xe as MoveDocDrawingsCommand,
+  Sn as RemoveDocDrawingCommand,
+  et as SetDocDrawingArrangeCommand,
+  lt as SidebarDocDrawingOperation,
+  nt as UngroupDocDrawingCommand,
+  cn as UniverDocsDrawingUIPlugin
 };