@univerjs/slides-ui 0.9.4-nightly.202507290713 → 0.9.4-nightly.202507290757

package/lib/index.js

@@ -1,30 +1,30 @@
-var ri = Object.defineProperty;
-var si = (n, e, t) => e in n ? ri(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var S = (n, e, t) => si(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as Z, Injector as ke, IUniverInstanceService as w, RxDisposable as ge, UniverInstanceType as E, debounce as oi, getColorStyle as ci, CommandType as D, PageElementType as ze, merge as Ct, LocaleService as Q, ICommandService as U, generateRandomId as St, BasicShapes as ai, createInternalEditorID as li, createIdentifier as It, IContextService as fe, DocumentFlavor as di, FOCUSING_UNIVER_EDITOR as bt, EDITOR_ACTIVATED as Re, FORMULA_EDITOR_ACTIVATED as ui, Disposable as De, DisposableCollection as Ke, toDisposable as Et, FOCUSING_COMMON_DRAWINGS as hi, FOCUSING_EDITOR_STANDALONE as xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Rt, DocumentDataModel as vi, HorizontalAlign as Ot, VerticalAlign as Oe, IUndoRedoService as gi, WrapStrategy as et, FOCUSING_EDITOR_BUT_HIDDEN as fi, DEFAULT_EMPTY_DOCUMENT_VALUE as pi, Direction as j, Plugin as mi, mergeOverrideWithDependencies as tt, IConfigService as _i } from "@univerjs/core";
-import { IRenderManagerService as X, Viewport as it, ScrollBar as wt, getCurrentTypeOfRenderer as Le, Slide as Ci, Rect as yt, Scene as Si, ObjectType as le, FIX_ONE_PIXEL_BLUR_OFFSET as ne, DeviceInputEventType as q, pxToNum as Ii, convertTextRotation as nt, fixLineWidthByScale as rt } from "@univerjs/engine-render";
-import { ObjectProvider as bi, SLIDE_KEY as re } from "@univerjs/slides";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Ei, IImageIoService as xi, getImageSize as Ri } from "@univerjs/drawing";
-import { ILocalFileService as Oi, useDependency as O, ISidebarService as Pt, getMenuHiddenObservable as pe, MenuItemType as me, RibbonStartGroup as wi, useObservable as yi, DISABLE_AUTO_FOCUS_KEY as st, KeyCode as y, MetaKeys as Pi, IMenuManagerService as Ti, ComponentManager as Mi, IUIPartsService as Ni, IShortcutService as Di, BuiltInUIPart as ot, connectInjector as ct, ICanvasPopupService as Ui, ILayoutService as Vi } from "@univerjs/ui";
+var ai = Object.defineProperty;
+var ci = (n, e, t) => e in n ? ai(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var S = (n, e, t) => ci(n, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as Z, Injector as ze, IUniverInstanceService as w, RxDisposable as pe, UniverInstanceType as E, debounce as li, getColorStyle as di, CommandType as N, PageElementType as De, merge as It, LocaleService as Q, ICommandService as D, generateRandomId as Ke, BasicShapes as bt, createInternalEditorID as ui, createIdentifier as Et, IContextService as me, DocumentFlavor as hi, FOCUSING_UNIVER_EDITOR as xt, EDITOR_ACTIVATED as Oe, FORMULA_EDITOR_ACTIVATED as gi, Disposable as Ue, DisposableCollection as Ze, toDisposable as Ot, FOCUSING_COMMON_DRAWINGS as vi, FOCUSING_EDITOR_STANDALONE as Rt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as wt, DocumentDataModel as fi, HorizontalAlign as yt, VerticalAlign as Re, IUndoRedoService as pi, WrapStrategy as it, FOCUSING_EDITOR_BUT_HIDDEN as mi, DEFAULT_EMPTY_DOCUMENT_VALUE as _i, Direction as V, Plugin as Ci, mergeOverrideWithDependencies as nt, IConfigService as Si } from "@univerjs/core";
+import { IRenderManagerService as X, Viewport as rt, ScrollBar as Pt, getCurrentTypeOfRenderer as Be, Slide as Ii, Rect as Tt, Scene as bi, ObjectType as ue, FIX_ONE_PIXEL_BLUR_OFFSET as ne, DeviceInputEventType as q, pxToNum as Ei, convertTextRotation as st, fixLineWidthByScale as ot } from "@univerjs/engine-render";
+import { ObjectProvider as xi, SLIDE_KEY as re } from "@univerjs/slides";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Oi, IImageIoService as Ri, getImageSize as wi } from "@univerjs/drawing";
+import { ILocalFileService as yi, useDependency as R, ISidebarService as Mt, getMenuHiddenObservable as se, MenuItemType as oe, RibbonStartGroup as Pi, useObservable as Ti, DISABLE_AUTO_FOCUS_KEY as at, KeyCode as y, MetaKeys as Mi, IMenuManagerService as Ni, ComponentManager as Di, IUIPartsService as Ui, IShortcutService as ji, BuiltInUIPart as ct, connectInjector as lt, ICanvasPopupService as Vi, ILayoutService as Ai } from "@univerjs/ui";
 import { jsxs as x, jsx as u } from "react/jsx-runtime";
-import { Button as Se, clsx as K, Dropdown as Tt, ColorPicker as ji, borderTopClassName as Mt, InputNumber as ae, borderClassName as ue, scrollbarClassName as Ai } from "@univerjs/design";
-import { forwardRef as F, useRef as Nt, createElement as W, useState as $, useEffect as he, useMemo as Li, createRef as Bi, useCallback as at } from "react";
-import { IEditorService as Ze, DeleteLeftCommand as $i, DocSelectionRenderService as lt, VIEWPORT_KEY as dt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Hi, MoveSelectionOperation as Fi, MoveCursorOperation as Wi, DOCS_VIEW_KEY as ki } from "@univerjs/docs-ui";
-import { BehaviorSubject as J, Subject as Dt, filter as zi, takeUntil as ut } from "rxjs";
-import { DocSelectionManagerService as Ki, DocSkeletonManagerService as ht, RichTextEditingMutation as Zi } from "@univerjs/docs";
-var Xi = Object.getOwnPropertyDescriptor, Gi = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Xi(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+import { Button as Se, clsx as K, Dropdown as Nt, ColorPicker as Li, borderTopClassName as Dt, InputNumber as de, borderClassName as ge, scrollbarClassName as Bi } from "@univerjs/design";
+import { forwardRef as F, useRef as Ut, createElement as W, useState as $, useEffect as ve, useMemo as $i, createRef as Hi, useCallback as dt } from "react";
+import { IEditorService as Xe, DeleteLeftCommand as Fi, DocSelectionRenderService as ut, VIEWPORT_KEY as ht, DOCS_COMPONENT_MAIN_LAYER_INDEX as Wi, MoveSelectionOperation as ki, MoveCursorOperation as zi, DOCS_VIEW_KEY as Ki } from "@univerjs/docs-ui";
+import { BehaviorSubject as J, Subject as jt, filter as Zi, takeUntil as gt } from "rxjs";
+import { DocSelectionManagerService as Xi, DocSkeletonManagerService as vt, RichTextEditingMutation as Gi } from "@univerjs/docs";
+var Yi = Object.getOwnPropertyDescriptor, qi = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Yi(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Ue = (n, e) => (t, i) => e(t, i, n);
-let ve = class extends ge {
+}, je = (n, e) => (t, i) => e(t, i, n);
+let fe = class extends pe {
   constructor(e, t, i, r) {
     super();
     S(this, "_objectProvider", null);
-    S(this, "_refreshThumb", oi(() => {
+    S(this, "_refreshThumb", li(() => {
       this.createThumbs();
     }, 300));
-    this._renderContext = e, this._injector = t, this._univerInstanceService = i, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(bi), this._addNewRender();
+    this._renderContext = e, this._injector = t, this._univerInstanceService = i, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(xi), this._addNewRender();
   }
   _addNewRender() {
     const { unitId: e, engine: t, scene: i } = this._renderContext, r = this._getCurrUnitModel();
@@ -37,7 +37,7 @@ let ve = class extends ge {
         this.createThumbs();
       }, 300);
     });
-    const o = new it(re.VIEW, i, {
+    const o = new rt(re.VIEW, i, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -46,61 +46,61 @@ let ve = class extends ge {
       explicitViewportHeightSet: !1,
       isWheelPreventDefaultX: !0
     });
-    i.attachControl(), i.onMouseWheel$.subscribeEvent((a, h) => {
-      const l = a;
+    i.attachControl(), i.onMouseWheel$.subscribeEvent((c, h) => {
+      const l = c;
       if (l.ctrlKey) {
         const d = Math.abs(l.deltaX);
-        let g = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
-        g *= l.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (g /= 2), i.scaleX + g > 4 ? i.scale(4, 4) : i.scaleX + g < 0.1 ? i.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
+        let v = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
+        v *= l.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (v /= 2), i.scaleX + v > 4 ? i.scale(4, 4) : i.scaleX + v < 0.1 ? i.scale(0.1, 0.1) : (l.deltaY > 0, l.preventDefault());
       } else
         o.onMouseWheel(l, h);
     }), i.onFileLoaded$.subscribeEvent(() => {
       this._refreshThumb();
-    }), wt.attachTo(o);
-    const c = this._createSlide(i);
-    this._renderContext.mainComponent = c, this._createSlidePages(r, c), this.createThumbs(), t.runRenderLoop(() => {
+    }), Pt.attachTo(o);
+    const a = this._createSlide(i);
+    this._renderContext.mainComponent = a, this._createSlidePages(r, a), this.createThumbs(), t.runRenderLoop(() => {
       i.render();
     });
   }
   _scrollToCenter() {
-    var a;
-    const e = (a = this._currentRender()) == null ? void 0 : a.scene, t = e == null ? void 0 : e.getViewport(re.VIEW), i = this._getCenterPositionViewPort(e);
+    var c;
+    const e = (c = this._currentRender()) == null ? void 0 : c.scene, t = e == null ? void 0 : e.getViewport(re.VIEW), i = this._getCenterPositionViewPort(e);
     if (!t || !i) return;
-    const { left: r, top: s } = i, { x: o, y: c } = t.transViewportScroll2ScrollValue(r, s);
+    const { left: r, top: s } = i, { x: o, y: a } = t.transViewportScroll2ScrollValue(r, s);
     t.scrollToBarPos({
       x: o,
-      y: c
+      y: a
     });
   }
   _currentRender() {
-    return Le(E.UNIVER_SLIDE, this._univerInstanceService, this._renderManagerService);
+    return Be(E.UNIVER_SLIDE, this._univerInstanceService, this._renderManagerService);
   }
   /**
    * @param mainScene
    */
   _createSlide(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: i, height: r } = e, s = t.getPageSize(), { width: o = 100, height: c = 100 } = s, a = new Ci(re.COMPONENT, {
+    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: i, height: r } = e, s = t.getPageSize(), { width: o = 100, height: a = 100 } = s, c = new Ii(re.COMPONENT, {
       left: (i - o) / 2,
-      top: (r - c) / 2,
+      top: (r - a) / 2,
       width: o,
-      height: c,
+      height: a,
       zIndex: 10
     });
-    return a.enableSelectedClipElement(), e.addObject(a), a;
+    return c.enableSelectedClipElement(), e.addObject(c), c;
   }
   _addBackgroundRect(e, t) {
-    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, c = new yt("canvas", {
+    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, a = new Tt("canvas", {
       left: 0,
       top: 0,
       width: s,
       height: o,
       strokeWidth: 1,
       stroke: "rgba(198,198,198,1)",
-      fill: ci(t) || "rgba(255,255,255,1)",
+      fill: di(t) || "rgba(255,255,255,1)",
       zIndex: 0,
       evented: !1
     });
-    e.addObject(c, 0);
+    e.addObject(a, 0);
   }
   _getCenterPositionViewPort(e) {
     if (!e) return { left: 0, top: 0 };
@@ -117,8 +117,8 @@ let ve = class extends ge {
     const { engine: r } = i;
     if (r == null)
       return;
-    const { width: s, height: o } = t, { width: c = s, height: a = o } = r, h = r.getCanvas().getContext();
-    t.renderToThumb(h, e, c / s, a / o);
+    const { width: s, height: o } = t, { width: a = s, height: c = o } = r, h = r.getCanvas().getContext();
+    t.renderToThumb(h, e, a / s, c / o);
   }
   /**
    * CreateScene by pages, and activate first one.
@@ -129,8 +129,8 @@ let ve = class extends ge {
     const i = e.getPages(), r = e.getPageOrder();
     if (!(!i || !r) && r.length !== 0) {
       for (let s = 0, o = r.length; s < o; s++) {
-        const c = r[s];
-        this.createPageScene(c, i[c]), this._createThumb(c);
+        const a = r[s];
+        this.createPageScene(a, i[a]), this._createThumb(a);
       }
       t.activeFirstPage();
     }
@@ -151,17 +151,17 @@ let ve = class extends ge {
     if (t)
       r = i.getPage(t);
     else {
-      const a = i.getPages(), h = i.getPageOrder();
-      if (h == null || a == null)
+      const c = i.getPages(), h = i.getPageOrder();
+      if (h == null || c == null)
         return;
-      r = a[h[0]], t = r.id;
+      r = c[h[0]], t = r.id;
     }
     const s = this._currentRender();
     if (r == null || s == null || s.mainComponent == null)
       return;
-    const { id: o } = r, c = s.mainComponent;
-    if (i.setActivePage(r), c != null && c.hasPage(o)) {
-      c.changePage(o);
+    const { id: o } = r, a = s.mainComponent;
+    if (i.setActivePage(r), a != null && a.hasPage(o)) {
+      a.changePage(o);
       return;
     }
     this.createPageScene(o, r);
@@ -183,11 +183,11 @@ let ve = class extends ge {
     const i = this._renderContext;
     if (!i || !this._objectProvider)
       return;
-    const { scene: r, mainComponent: s } = i, o = s, { width: c, height: a } = o, h = new Si(e, o, {
-      width: c,
-      height: a
+    const { scene: r, mainComponent: s } = i, o = s, { width: a, height: c } = o, h = new bi(e, o, {
+      width: a,
+      height: c
     });
-    new it(`PageViewer_${e}`, h, {
+    new rt(`PageViewer_${e}`, h, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -195,9 +195,9 @@ let ve = class extends ge {
       explicitViewportWidthSet: !1,
       explicitViewportHeightSet: !1
     }).closeClip();
-    const { pageElements: d, pageBackgroundFill: g } = t, m = this._objectProvider.convertToRenderObjects(d, r);
+    const { pageElements: d, pageBackgroundFill: v } = t, m = this._objectProvider.convertToRenderObjects(d, r);
     if (!m || !o) return;
-    this._addBackgroundRect(h, g), h.addObjects(m), h.initTransformer(), m.forEach((f) => {
+    this._addBackgroundRect(h, v), h.addObjects(m), h.initTransformer(), m.forEach((f) => {
       h.attachTransformerTo(f);
     });
     const p = h.getTransformer();
@@ -249,22 +249,22 @@ let ve = class extends ge {
     s && o && s.addPageScene(o), e.appendPage(t), e.setActivePage(t);
   }
 };
-ve = Gi([
-  Ue(1, Z(ke)),
-  Ue(2, w),
-  Ue(3, X)
-], ve);
-var Yi = Object.getOwnPropertyDescriptor, qi = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Yi(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+fe = qi([
+  je(1, Z(ze)),
+  je(2, w),
+  je(3, X)
+], fe);
+var Ji = Object.getOwnPropertyDescriptor, Qi = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ji(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Ji = (n, e) => (t, i) => e(t, i, n);
-let T = class extends ge {
+}, en = (n, e) => (t, i) => e(t, i, n);
+let P = class extends pe {
   constructor(n) {
     super(), this._renderManagerService = n;
   }
   _getSlideRenderControllerFromRenderUnit(n) {
-    return this._renderManagerService.getRenderById(n).with(ve);
+    return this._renderManagerService.getRenderById(n).with(fe);
   }
   createThumbs(n) {
     this._getSlideRenderControllerFromRenderUnit(n).createThumbs();
@@ -291,64 +291,64 @@ let T = class extends ge {
     this._getSlideRenderControllerFromRenderUnit(n).appendPage();
   }
 };
-T = qi([
-  Ji(0, X)
-], T);
-const Ut = {
+P = Qi([
+  en(0, X)
+], P);
+const Vt = {
   id: "slide.operation.activate-slide",
-  type: D.OPERATION,
+  type: N.OPERATION,
   handler: (n, e) => {
     var h, l;
-    const t = e.unitId, i = n.get(T), s = n.get(w).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
+    const t = e.unitId, i = n.get(P), s = n.get(w).getUnit(t), o = (h = s == null ? void 0 : s.getActivePage()) == null ? void 0 : h.id;
     if (!o) return !1;
-    const c = i.getRenderUnitByPageId(o, t);
-    if (!c) return !1;
-    const a = (l = c.scene) == null ? void 0 : l.getTransformer();
-    return a && a.clearControls(), i.activePage(e.id, t), !0;
+    const a = i.getRenderUnitByPageId(o, t);
+    if (!a) return !1;
+    const c = (l = a.scene) == null ? void 0 : l.getTransformer();
+    return c && c.clearControls(), i.activePage(e.id, t), !0;
   }
-}, Vt = {
+}, At = {
   id: "slide.operation.append-slide",
-  type: D.OPERATION,
+  type: N.OPERATION,
   handler: (n, e) => {
     const t = e.unitId;
-    return n.get(w).getUnit(t) ? (n.get(T).appendPage(t), !0) : !1;
+    return n.get(w).getUnit(t) ? (n.get(P).appendPage(t), !0) : !1;
   }
-}, jt = {
+}, Lt = {
   id: "slide.operation.delete-element",
-  type: D.OPERATION,
+  type: N.OPERATION,
   handler: (n, e) => {
     if (!(e != null && e.id)) return !1;
     const t = e.unitId, r = n.get(w).getUnit(t);
     if (!r) return !1;
     const s = r.getActivePage();
-    return delete s.pageElements[e.id], r.updatePage(s.id, s), n.get(T).removeObjectById(e.id, s.id, t), !0;
+    return delete s.pageElements[e.id], r.updatePage(s.id, s), n.get(P).removeObjectById(e.id, s.id, t), !0;
   }
-}, Xe = {
+}, Ge = {
   id: "slide.command.insert-float-image",
-  type: D.COMMAND,
+  type: N.COMMAND,
   handler: async (n, e) => {
-    var V;
-    const t = n.get(w), i = (V = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : V.getUnitId();
+    var j;
+    const t = n.get(w), i = (j = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : j.getUnitId();
     if (!i) return !1;
-    const s = await n.get(Oi).openFile({
+    const s = await n.get(yi).openFile({
       multiple: !0,
-      accept: Ei.map((R) => `.${R.replace("image/", "")}`).join(",")
+      accept: Oi.map((O) => `.${O.replace("image/", "")}`).join(",")
     });
     if (s.length !== 1) return !1;
-    const c = await n.get(xi).saveImage(s[0]);
-    if (!c) return !1;
-    const { imageId: a, imageSourceType: h, source: l, base64Cache: d } = c, { width: g, height: m, image: p } = await Ri(d || ""), f = t.getUnit(i);
+    const a = await n.get(Ri).saveImage(s[0]);
+    if (!a) return !1;
+    const { imageId: c, imageSourceType: h, source: l, base64Cache: d } = a, { width: v, height: m, image: p } = await wi(d || ""), f = t.getUnit(i);
     if (!f) return !1;
-    const v = f.getActivePage(), _ = Object.values(v.pageElements), I = _ != null && _.length ? Math.max(..._.map((R) => R.zIndex)) : 20, b = {
-      id: a,
+    const g = f.getActivePage(), _ = Object.values(g.pageElements), I = _ != null && _.length ? Math.max(..._.map((O) => O.zIndex)) : 20, b = {
+      id: c,
       zIndex: I + 1,
       left: 0,
       top: 0,
-      width: g,
+      width: v,
       height: m,
       title: "",
       description: "",
-      type: ze.IMAGE,
+      type: De.IMAGE,
       image: {
         imageProperties: {
           contentUrl: d,
@@ -359,20 +359,20 @@ const Ut = {
         }
       }
     };
-    v.pageElements[a] = b, f.updatePage(v.id, v);
-    const P = n.get(T), M = P.createObjectToPage(b, v.id, i);
-    return M && P.setObjectActiveByPage(M, v.id, i), !0;
+    g.pageElements[c] = b, f.updatePage(g.id, g);
+    const T = n.get(P), M = T.createObjectToPage(b, g.id, i);
+    return M && T.setObjectActiveByPage(M, g.id, i), !0;
   }
 };
-var N = function() {
-  return N = Object.assign || function(n) {
+var U = function() {
+  return U = Object.assign || function(n) {
     for (var e, t = 1, i = arguments.length; t < i; t++) {
       e = arguments[t];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]);
     }
     return n;
-  }, N.apply(this, arguments);
-}, Qi = function(n, e) {
+  }, U.apply(this, arguments);
+}, tn = function(n, e) {
   var t = {};
   for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
   if (n != null && typeof Object.getOwnPropertySymbols == "function")
@@ -380,138 +380,138 @@ var N = function() {
       e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(n, i[r]) && (t[i[r]] = n[i[r]]);
   return t;
 }, k = F(function(n, e) {
-  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = Qi(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), a = Nt("_".concat(nn()));
-  return At(t, "".concat(i), { defIds: t.defIds, idSuffix: a.current }, N({ ref: e, className: c }, o), s);
+  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = tn(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), c = Ut("_".concat(sn()));
+  return Bt(t, "".concat(i), { defIds: t.defIds, idSuffix: c.current }, U({ ref: e, className: a }, o), s);
 });
-function At(n, e, t, i, r) {
-  return W(n.tag, N(N({ key: e }, en(n, t, r)), i), (tn(n, t).children || []).map(function(s, o) {
-    return At(s, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, r);
+function Bt(n, e, t, i, r) {
+  return W(n.tag, U(U({ key: e }, nn(n, t, r)), i), (rn(n, t).children || []).map(function(s, o) {
+    return Bt(s, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, r);
   }));
 }
-function en(n, e, t) {
-  var i = N({}, n.attrs);
+function nn(n, e, t) {
+  var i = U({}, n.attrs);
   t != null && t.colorChannel1 && i.fill === "colorChannel1" && (i.fill = t.colorChannel1), n.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(function(s) {
-    var o = s[0], c = s[1];
-    o === "mask" && typeof c == "string" && (i[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], a = s[1];
+    o === "mask" && typeof a == "string" && (i[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var r = e.defIds;
   return !r || r.length === 0 || (n.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(function(s) {
-    var o = s[0], c = s[1];
-    typeof c == "string" && (i[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], a = s[1];
+    typeof a == "string" && (i[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), i;
 }
-function tn(n, e) {
+function rn(n, e) {
   var t, i = e.defIds;
-  return !i || i.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? N(N({}, n), { children: n.children.map(function(r) {
-    return typeof r.attrs.id == "string" && i && i.includes(r.attrs.id) ? N(N({}, r), { attrs: N(N({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  return !i || i.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? U(U({}, n), { children: n.children.map(function(r) {
+    return typeof r.attrs.id == "string" && i && i.includes(r.attrs.id) ? U(U({}, r), { attrs: U(U({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : n;
 }
-function nn() {
+function sn() {
   return Math.random().toString(36).substring(2, 8);
 }
 k.displayName = "UniverIcon";
-var rn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Lt = F(function(n, e) {
+var on = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, $t = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "autofill-double-icon",
     ref: e,
-    icon: rn
+    icon: on
   }));
 });
-Lt.displayName = "AutofillDoubleIcon";
-var sn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, Bt = F(function(n, e) {
+$t.displayName = "AutofillDoubleIcon";
+var an = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, Ht = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "bottom-icon",
     ref: e,
-    icon: sn
+    icon: an
   }));
 });
-Bt.displayName = "BottomIcon";
-var on = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { clipPath: "url(#graph-icon_clip0_1293_28)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "graph-icon_clip0_1293_28" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["graph-icon_clip0_1293_28"] }, $t = F(function(n, e) {
+Ht.displayName = "BottomIcon";
+var cn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { clipPath: "url(#graph-icon_clip0_1293_28)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "graph-icon_clip0_1293_28" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["graph-icon_clip0_1293_28"] }, Ft = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "graph-icon",
     ref: e,
-    icon: on
+    icon: cn
   }));
 });
-$t.displayName = "GraphIcon";
-var cn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ge = F(function(n, e) {
+Ft.displayName = "GraphIcon";
+var ln = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ye = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "more-down-icon",
     ref: e,
-    icon: cn
+    icon: ln
   }));
 });
-Ge.displayName = "MoreDownIcon";
-var an = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, Ht = F(function(n, e) {
+Ye.displayName = "MoreDownIcon";
+var dn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z" } }] }, Wt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "move-down-icon",
     ref: e,
-    icon: an
+    icon: dn
   }));
 });
-Ht.displayName = "MoveDownIcon";
-var ln = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, Ft = F(function(n, e) {
+Wt.displayName = "MoveDownIcon";
+var un = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z" } }] }, kt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "move-up-icon",
     ref: e,
-    icon: ln
+    icon: un
   }));
 });
-Ft.displayName = "MoveUpIcon";
-var dn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Wt = F(function(n, e) {
+kt.displayName = "MoveUpIcon";
+var hn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, zt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "paint-bucket-double-icon",
     ref: e,
-    icon: dn
+    icon: hn
   }));
 });
-Wt.displayName = "PaintBucketDoubleIcon";
-var un = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#text-icon_clip0_1293_26)" }, children: [{ tag: "path", attrs: { d: "M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z" } }, { tag: "path", attrs: { d: "M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "text-icon_clip0_1293_26" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["text-icon_clip0_1293_26"] }, kt = F(function(n, e) {
+zt.displayName = "PaintBucketDoubleIcon";
+var gn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#text-icon_clip0_1293_26)" }, children: [{ tag: "path", attrs: { d: "M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z" } }, { tag: "path", attrs: { d: "M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "text-icon_clip0_1293_26" }, children: [{ tag: "path", attrs: { fill: "white", d: "M0 0H16V16H0z", transform: "translate(.9)" } }] }] }], defIds: ["text-icon_clip0_1293_26"] }, Kt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "text-icon",
     ref: e,
-    icon: un
+    icon: gn
   }));
 });
-kt.displayName = "TextIcon";
-var hn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, zt = F(function(n, e) {
+Kt.displayName = "TextIcon";
+var vn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Zt = F(function(n, e) {
   return W(k, Object.assign({}, n, {
     id: "topmost-icon",
     ref: e,
-    icon: hn
+    icon: vn
   }));
 });
-zt.displayName = "TopmostIcon";
+Zt.displayName = "TopmostIcon";
 const H = {
   id: "slide.operation.update-element",
-  type: D.OPERATION,
+  type: N.OPERATION,
   handler: (n, e) => {
     const { oKey: t, props: i } = e, r = n.get(w), s = e == null ? void 0 : e.unitId, o = r.getUnit(s);
     if (!o) return !1;
-    const c = o.getActivePage();
-    return c.pageElements[t] = Ct(c.pageElements[t], i), o.updatePage(c.id, c), !0;
+    const a = o.getActivePage();
+    return a.pageElements[t] = It(a.pageElements[t], i), o.updatePage(a.id, a), !0;
   }
 };
-function vn(n) {
-  const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
-  if (!c) return null;
-  const a = c.getTransformer();
+function fn(n) {
+  const { pageId: e, unitId: t } = n, i = R(Q), r = R(P), s = R(D), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
-  const l = a.getSelectedObjectMap().values().next().value;
+  const c = a.getTransformer();
+  if (!c) return null;
+  const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const d = (g) => {
-    const m = c.getAllObjects(), [p, f] = m.reduce(([_, I], b) => {
-      const P = b.zIndex, M = P < _ ? P : _, V = P > I ? P : I;
-      return [M, V];
+  const d = (v) => {
+    const m = a.getAllObjects(), [p, f] = m.reduce(([_, I], b) => {
+      const T = b.zIndex, M = T < _ ? T : _, j = T > I ? T : I;
+      return [M, j];
     }, [0, 0]);
-    let v = l.zIndex;
-    g === 3 ? v = p - 1 : g === 2 ? v = f + 1 : g === 0 ? v = l.zIndex + 1 : g === 1 && (v = l.zIndex - 1), l.setProps({
-      zIndex: v
+    let g = l.zIndex;
+    v === 3 ? g = p - 1 : v === 2 ? g = f + 1 : v === 0 ? g = l.zIndex + 1 : v === 1 && (g = l.zIndex - 1), l.setProps({
+      zIndex: g
     }), s.executeCommand(H.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
       props: {
-        zIndex: v
+        zIndex: g
       }
     });
   };
@@ -530,7 +530,7 @@ function vn(n) {
           /* forward */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Ft, {}),
+        /* @__PURE__ */ u(kt, {}),
         i.t("image-panel.arrange.forward")
       ] }) }) }),
       /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
@@ -539,7 +539,7 @@ function vn(n) {
           /* backward */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Ht, {}),
+        /* @__PURE__ */ u(Wt, {}),
         i.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
@@ -550,7 +550,7 @@ function vn(n) {
           /* front */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(zt, {}),
+        /* @__PURE__ */ u(Zt, {}),
         i.t("image-panel.arrange.front")
       ] }) }) }),
       /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(Se, { onClick: () => {
@@ -559,24 +559,24 @@ function vn(n) {
           /* back */
         );
       }, children: /* @__PURE__ */ x("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ u(Bt, {}),
+        /* @__PURE__ */ u(Ht, {}),
         i.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
 }
-function gn(n) {
+function pn(n) {
   var p, f;
-  const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
-  if (!c) return null;
-  const a = c.getTransformer();
+  const { pageId: e, unitId: t } = n, i = R(Q), r = R(P), s = R(D), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
-  const l = a.getSelectedObjectMap().values().next().value;
+  const c = a.getTransformer();
+  if (!c) return null;
+  const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
-  const [d, g] = $((f = (p = l.fill) == null ? void 0 : p.toString()) != null ? f : "");
-  function m(v) {
+  const [d, v] = $((f = (p = l.fill) == null ? void 0 : p.toString()) != null ? f : "");
+  function m(g) {
     l == null || l.setProps({
-      fill: v
+      fill: g
     }), s.executeCommand(H.id, {
       unitId: t,
       oKey: l == null ? void 0 : l.oKey,
@@ -584,17 +584,17 @@ function gn(n) {
         shape: {
           shapeProperties: {
             shapeBackgroundFill: {
-              rgb: v
+              rgb: g
             }
           }
         }
       }
-    }), g(v);
+    }), v(g);
   }
   return /* @__PURE__ */ u(
     "div",
     {
-      className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Mt),
+      className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Dt),
       children: /* @__PURE__ */ x("div", { className: "univer-relative univer-w-full", children: [
         /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
           "div",
@@ -604,18 +604,18 @@ function gn(n) {
           }
         ) }),
         /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-1/2", children: /* @__PURE__ */ u(
-          Tt,
+          Nt,
           {
             overlay: /* @__PURE__ */ u("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ u(
-              ji,
+              Li,
               {
                 value: "#fff",
                 onChange: m
               }
             ) }),
             children: /* @__PURE__ */ x("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
-              /* @__PURE__ */ u(Wt, { className: "univer-fill-primary-600" }),
-              /* @__PURE__ */ u(Ge, {})
+              /* @__PURE__ */ u(zt, { className: "univer-fill-primary-600" }),
+              /* @__PURE__ */ u(Ye, {})
             ] })
           }
         ) }) })
@@ -623,37 +623,37 @@ function gn(n) {
     }
   );
 }
-function fn(n) {
-  const { pageId: e, unitId: t } = n, i = O(Q), r = O(T), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
-  if (!c) return null;
-  const a = c.getTransformer();
+function mn(n) {
+  const { pageId: e, unitId: t } = n, i = R(Q), r = R(P), s = R(D), o = r.getRenderUnitByPageId(e, t), a = o == null ? void 0 : o.scene;
   if (!a) return null;
-  const l = a.getSelectedObjectMap().values().next().value;
+  const c = a.getTransformer();
+  if (!c) return null;
+  const l = c.getSelectedObjectMap().values().next().value;
   if (!l) return null;
   const {
     width: d = 0,
-    height: g = 0,
+    height: v = 0,
     left: m = 0,
     top: p = 0,
     angle: f = 0
-  } = l, [v, _] = $(d), [I, b] = $(g), [P, M] = $(m), [V, R] = $(p), [z, se] = $(f), L = (C) => {
-    const { objects: oe } = C, ce = oe.values().next().value, {
-      width: Qt = 0,
-      height: ei = 0,
-      left: ti = 0,
-      top: ii = 0,
-      angle: ni = 0
-    } = ce;
-    _(Qt), b(ei), M(ti), R(ii), se(ni);
+  } = l, [g, _] = $(d), [I, b] = $(v), [T, M] = $(m), [j, O] = $(p), [z, ae] = $(f), L = (C) => {
+    const { objects: ce } = C, le = ce.values().next().value, {
+      width: ii = 0,
+      height: ni = 0,
+      left: ri = 0,
+      top: si = 0,
+      angle: oi = 0
+    } = le;
+    _(ii), b(ni), M(ri), O(si), ae(oi);
   };
-  he(() => {
-    const C = a.changeStart$.subscribe((ce) => {
-      L(ce);
-    }), oe = a.changing$.subscribe((ce) => {
-      L(ce);
+  ve(() => {
+    const C = c.changeStart$.subscribe((le) => {
+      L(le);
+    }), ce = c.changing$.subscribe((le) => {
+      L(le);
     });
     return () => {
-      oe.unsubscribe(), C.unsubscribe();
+      ce.unsubscribe(), C.unsubscribe();
     };
   }, []);
   function B(C) {
@@ -663,7 +663,7 @@ function fn(n) {
       props: {
         width: C
       }
-    }), l == null || l.resize(C, l.height), _(C), a == null || a.refreshControls());
+    }), l == null || l.resize(C, l.height), _(C), c == null || c.refreshControls());
   }
   function ee(C) {
     !C || !l || (s.executeCommand(H.id, {
@@ -672,7 +672,7 @@ function fn(n) {
       props: {
         height: C
       }
-    }), l == null || l.resize(l.width, C), b(C), a == null || a.refreshControls());
+    }), l == null || l.resize(l.width, C), b(C), c == null || c.refreshControls());
   }
   function te(C) {
     !C || !l || (s.executeCommand(H.id, {
@@ -681,7 +681,7 @@ function fn(n) {
       props: {
         left: C
       }
-    }), l == null || l.translate(C, l.top), M(C), a == null || a.refreshControls());
+    }), l == null || l.translate(C, l.top), M(C), c == null || c.refreshControls());
   }
   function _e(C) {
     !C || !l || (s.executeCommand(H.id, {
@@ -690,7 +690,7 @@ function fn(n) {
       props: {
         right: C
       }
-    }), l == null || l.translate(l.left, C), R(C), a == null || a.refreshControls());
+    }), l == null || l.translate(l.left, C), O(C), c == null || c.refreshControls());
   }
   function Ce(C) {
     !C || !l || (s.executeCommand(H.id, {
@@ -701,12 +701,12 @@ function fn(n) {
       }
     }), l == null || l.transformByState({
       angle: C
-    }), se(C), a == null || a.refreshControls());
+    }), ae(C), c == null || c.refreshControls());
   }
   return /* @__PURE__ */ x(
     "div",
     {
-      className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Mt),
+      className: K("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Dt),
       children: [
         /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u(
           "div",
@@ -719,11 +719,11 @@ function fn(n) {
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.width") }) }),
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+              de,
               {
                 className: "univer-w-11/12",
                 min: 1,
-                value: v,
+                value: g,
                 onChange: (C) => {
                   B(C);
                 }
@@ -733,7 +733,7 @@ function fn(n) {
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.height") }) }),
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+              de,
               {
                 className: "univer-w-11/12",
                 min: 1,
@@ -749,12 +749,12 @@ function fn(n) {
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.x") }) }),
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+              de,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 min: 0,
-                value: P,
+                value: T,
                 onChange: (C) => {
                   te(C);
                 }
@@ -764,12 +764,12 @@ function fn(n) {
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.y") }) }),
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+              de,
               {
                 className: "univer-w-11/12",
                 precision: 1,
                 min: 0,
-                value: V,
+                value: j,
                 onChange: (C) => {
                   _e(C);
                 }
@@ -779,7 +779,7 @@ function fn(n) {
           /* @__PURE__ */ u("div", { className: "univer-w-1/3", children: /* @__PURE__ */ x("label", { children: [
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: i.t("image-panel.transform.rotate") }) }),
             /* @__PURE__ */ u("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ u("div", { className: "univer-w-full", children: /* @__PURE__ */ u(
-              ae,
+              de,
               {
                 className: "univer-w-11/12",
                 precision: 1,
@@ -794,48 +794,48 @@ function fn(n) {
   );
 }
 const xe = "COMPONENT_SLIDE_SIDEBAR";
-function pn() {
+function _n() {
   var h, l, d;
-  const n = O(w), e = O(T), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
+  const n = R(w), e = R(P), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
   if (!i) return null;
   const s = (l = e.getRenderUnitByPageId(i, i).scene) == null ? void 0 : l.getTransformer();
   if (!s) return null;
-  const c = s.getSelectedObjectMap().values().next().value;
-  if (!c)
+  const a = s.getSelectedObjectMap().values().next().value;
+  if (!a)
     return null;
-  const a = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
+  const c = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
   return /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ u(vn, { pageId: i, unitId: a }),
-    /* @__PURE__ */ u(fn, { pageId: i, unitId: a }),
-    c.objectType === le.RECT && /* @__PURE__ */ u(gn, { pageId: i, unitId: a })
+    /* @__PURE__ */ u(fn, { pageId: i, unitId: c }),
+    /* @__PURE__ */ u(mn, { pageId: i, unitId: c }),
+    a.objectType === ue.RECT && /* @__PURE__ */ u(pn, { pageId: i, unitId: c })
   ] });
 }
-const Ye = {
-  id: "slide.command.insert-float-shape",
-  type: D.COMMAND,
+const qe = {
+  id: "slide.command.insert-float-shape.rectangle",
+  type: N.COMMAND,
   handler: async (n) => {
     var r;
-    const e = n.get(U), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Kt.id, { unitId: i });
+    const e = n.get(D), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return e.executeCommand(Xt.id, { unitId: i });
   }
-}, Kt = {
-  id: "slide.operation.insert-float-shape",
-  type: D.OPERATION,
+}, Xt = {
+  id: "slide.operation.insert-float-shape.rectangle",
+  type: N.OPERATION,
   handler: async (n, e) => {
-    const t = St(6), i = n.get(w), r = e.unitId, s = i.getUnit(r);
+    const t = Ke(6), i = n.get(w), r = e.unitId, s = i.getUnit(r);
     if (!s) return !1;
-    const o = s.getActivePage(), c = Object.values(o.pageElements), a = c != null && c.length ? Math.max(...c.map((g) => g.zIndex)) : 20, h = {
+    const o = s.getActivePage(), a = Object.values(o.pageElements), c = a != null && a.length ? Math.max(...a.map((v) => v.zIndex)) : 20, h = {
       id: t,
-      zIndex: a + 1,
+      zIndex: c + 1,
       left: 378,
       top: 142,
       width: 250,
       height: 250,
       title: t,
       description: "",
-      type: ze.SHAPE,
+      type: De.SHAPE,
       shape: {
-        shapeType: ai.Rect,
+        shapeType: bt.Rect,
         text: "",
         shapeProperties: {
           shapeBackgroundFill: {
@@ -845,49 +845,88 @@ const Ye = {
       }
     };
     o.pageElements[t] = h, s.updatePage(o.id, o);
-    const l = n.get(T), d = l.createObjectToPage(h, o.id, r);
+    const l = n.get(P), d = l.createObjectToPage(h, o.id, r);
     return d && l.setObjectActiveByPage(d, o.id, r), !0;
   }
-}, Be = {
+}, $e = {
   id: "sidebar.operation.slide-shape",
-  type: D.COMMAND,
+  type: N.COMMAND,
   handler: async (n, e) => {
-    const { visible: t, objectType: i } = e, r = n.get(Pt), s = n.get(Q);
-    let o = "", c = "";
-    return i === le.RECT ? (o = "slide.sidebar.shape", c = xe) : i === le.IMAGE ? (o = "slide.sidebar.image", c = xe) : i === le.RICH_TEXT && (o = "slide.sidebar.text", c = xe), t ? r.open({
+    const { visible: t, objectType: i } = e, r = n.get(Mt), s = n.get(Q);
+    let o = "", a = "";
+    return i === ue.RECT ? (o = "slide.sidebar.shape", a = xe) : i === ue.IMAGE ? (o = "slide.sidebar.image", a = xe) : i === ue.RICH_TEXT && (o = "slide.sidebar.text", a = xe), t ? r.open({
       header: { title: s.t(o) },
-      children: { label: c },
+      children: { label: a },
       onClose: () => {
       },
       width: 360
     }) : r.close(), !0;
   }
-}, qe = {
+}, Je = {
+  id: "slide.command.insert-float-shape.ellipse",
+  type: N.COMMAND,
+  handler: async (n) => {
+    var r;
+    const e = n.get(D), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return e.executeCommand(Gt.id, { unitId: i });
+  }
+}, Gt = {
+  id: "slide.operation.insert-float-shape.ellipse",
+  type: N.OPERATION,
+  handler: async (n, e) => {
+    const t = Ke(6), i = n.get(w), r = e.unitId, s = i.getUnit(r);
+    if (!s) return !1;
+    const o = s.getActivePage(), a = Object.values(o.pageElements), c = a != null && a.length ? Math.max(...a.map((v) => v.zIndex)) : 20, h = {
+      id: t,
+      zIndex: c + 1,
+      left: 378,
+      top: 142,
+      width: 250,
+      height: 250,
+      title: t,
+      description: "",
+      type: De.SHAPE,
+      shape: {
+        shapeType: bt.Ellipse,
+        text: "",
+        shapeProperties: {
+          radius: 100,
+          shapeBackgroundFill: {
+            rgb: "rgb(0,0,255)"
+          }
+        }
+      }
+    };
+    o.pageElements[t] = h, s.updatePage(o.id, o);
+    const l = n.get(P), d = l.createObjectToPage(h, o.id, r);
+    return d && l.setObjectActiveByPage(d, o.id, r), !0;
+  }
+}, Qe = {
   id: "slide.command.add-text",
-  type: D.COMMAND,
+  type: N.COMMAND,
   handler: async (n) => {
     var r;
-    const e = n.get(U), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(Zt.id, { unitId: i });
+    const e = n.get(D), i = (r = n.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return await e.executeCommand(Yt.id, { unitId: i });
   }
-}, Zt = {
+}, Yt = {
   id: "slide.operation.add-text",
-  type: D.OPERATION,
+  type: N.OPERATION,
   handler: async (n, e) => {
-    const t = e.unitId, i = St(6), r = 220, s = 40, o = 230, c = 142, a = (e == null ? void 0 : e.text) || "A New Text", l = n.get(w).getUnit(t);
+    const t = e.unitId, i = Ke(6), r = 220, s = 40, o = 230, a = 142, c = (e == null ? void 0 : e.text) || "A New Text", l = n.get(w).getUnit(t);
     if (!l) return !1;
-    const d = l.getActivePage(), g = Object.values(d.pageElements), m = g != null && g.length ? Math.max(...g.map((_) => _.zIndex)) : 21, p = {
+    const d = l.getActivePage(), v = Object.values(d.pageElements), m = v != null && v.length ? Math.max(...v.map((_) => _.zIndex)) : 21, p = {
       id: i,
       zIndex: m + 1,
       left: o,
-      top: c,
+      top: a,
       width: r,
       height: s,
       title: "text",
       description: "",
-      type: ze.TEXT,
+      type: De.TEXT,
       richText: {
-        text: a,
+        text: c,
         fs: 30,
         cl: {
           rgb: "rgb(51, 51, 51)"
@@ -896,190 +935,202 @@ const Ye = {
       }
     };
     d.pageElements[i] = p, l.updatePage(d.id, d);
-    const f = n.get(T), v = f.createObjectToPage(p, d.id, t);
-    return v && f.setObjectActiveByPage(v, d.id, t), !0;
+    const f = n.get(P), g = f.createObjectToPage(p, d.id, t);
+    return g && f.setObjectActiveByPage(g, d.id, t), !0;
   }
-}, Xt = {
+}, qt = {
   id: "slide.operation.set-slide-page-thumb",
-  type: D.OPERATION,
-  handler: (n, e) => (n.get(T).createThumbs(e.unitId), !0)
+  type: N.OPERATION,
+  handler: (n, e) => (n.get(P).createThumbs(e.unitId), !0)
 };
-function mn() {
+function Cn() {
   var p, f;
-  const n = O(w), e = O(U), t = O(X), i = O(Q), r = Nt(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
-  if (!o || !c)
+  const n = R(w), e = R(D), t = R(X), i = R(Q), r = Ut(null), s = n.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
+  if (!o || !a)
     return null;
-  const a = c.map((v) => o[v]), [h, l] = $((f = (p = s == null ? void 0 : s.getActivePage()) == null ? void 0 : p.id) != null ? f : null), d = Li(() => a.map(() => Bi()), [a]);
-  he(() => {
-    const v = s == null ? void 0 : s.activePage$.subscribe((_) => {
+  const c = a.map((g) => o[g]), [h, l] = $((f = (p = s == null ? void 0 : s.getActivePage()) == null ? void 0 : p.id) != null ? f : null), d = $i(() => c.map(() => Hi()), [c]);
+  ve(() => {
+    const g = s == null ? void 0 : s.activePage$.subscribe((_) => {
       var b;
       const I = (b = _ == null ? void 0 : _.id) != null ? b : null;
       I && l(I);
     });
     return () => {
-      v == null || v.unsubscribe();
+      g == null || g.unsubscribe();
     };
-  }, []), he(() => {
-    d.forEach((v, _) => {
+  }, []), ve(() => {
+    d.forEach((g, _) => {
       var I;
-      if (v.current) {
-        const b = a[_];
-        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(v.current);
+      if (g.current) {
+        const b = c[_];
+        (I = t.getRenderById(b.id)) == null || I.engine.setContainer(g.current);
       }
-    }), d.length > 0 && e.syncExecuteCommand(Xt.id, { unitId: s == null ? void 0 : s.getUnitId() });
-  }, [d, a, t, e, s]);
-  const g = at((v) => {
-    e.syncExecuteCommand(Ut.id, { id: v, unitId: s == null ? void 0 : s.getUnitId() });
-  }, [e, s]), m = at(() => {
-    e.syncExecuteCommand(Vt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+    }), d.length > 0 && e.syncExecuteCommand(qt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+  }, [d, c, t, e, s]);
+  const v = dt((g) => {
+    e.syncExecuteCommand(Vt.id, { id: g, unitId: s == null ? void 0 : s.getUnitId() });
+  }, [e, s]), m = dt(() => {
+    e.syncExecuteCommand(At.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]);
   return /* @__PURE__ */ u(
     "aside",
     {
       ref: r,
-      className: K("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Ai),
+      className: K("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Bi),
       children: /* @__PURE__ */ x("div", { className: "univer-px-4", children: [
         /* @__PURE__ */ u("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ u(
           "a",
           {
-            className: K("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors", ue),
+            className: K("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors", ge),
             onClick: m,
             children: i.t("slide.append")
           }
         ) }),
-        a.map((v, _) => /* @__PURE__ */ x(
+        c.map((g, _) => /* @__PURE__ */ x(
           "div",
           {
             className: K("univer-my-4 univer-flex univer-gap-2", {
-              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": v.id === h
+              "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": g.id === h
             }),
-            onClick: () => g(v.id),
+            onClick: () => v(g.id),
             children: [
               /* @__PURE__ */ u("span", { children: _ + 1 }),
               /* @__PURE__ */ u(
                 "div",
                 {
                   ref: d[_],
-                  className: K("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", ue)
+                  className: K("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", ge)
                 }
               )
             ]
           },
-          v.id
+          g.id
         ))
       ] })
     }
   );
 }
-const de = li("SLIDE_EDITOR"), Gt = "slide.menu.image";
-function _n(n) {
+const he = ui("SLIDE_EDITOR"), Jt = "slide.menu.image";
+function Sn(n) {
   return {
-    id: Gt,
-    type: me.SUBITEMS,
+    id: Jt,
+    type: oe.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "slide.image.insert.title",
-    hidden$: pe(n, E.UNIVER_SLIDE)
+    hidden$: se(n, E.UNIVER_SLIDE)
   };
 }
-function Cn(n) {
+function In(n) {
   return {
-    id: Xe.id,
+    id: Ge.id,
     title: "slide.image.insert.float",
-    type: me.BUTTON,
-    hidden$: pe(n, E.UNIVER_SLIDE)
+    type: oe.BUTTON,
+    hidden$: se(n, E.UNIVER_SLIDE)
   };
 }
-const Yt = "slide.menu.shape";
-function Sn(n) {
+const Qt = "slide.menu.shape";
+function bn(n) {
   return {
-    id: Yt,
-    type: me.SUBITEMS,
+    id: Qt,
+    type: oe.SUBITEMS,
     icon: "GraphIcon",
     tooltip: "slide.shape.insert.title",
-    hidden$: pe(n, E.UNIVER_SLIDE)
+    hidden$: se(n, E.UNIVER_SLIDE)
     // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
   };
 }
-function In(n) {
+function En(n) {
   return {
-    id: Ye.id,
+    id: qe.id,
     title: "slide.shape.insert.rectangle",
-    type: me.BUTTON,
-    hidden$: pe(n, E.UNIVER_SLIDE)
+    type: oe.BUTTON,
+    hidden$: se(n, E.UNIVER_SLIDE)
   };
 }
-function bn(n) {
+function xn(n) {
   return {
-    id: qe.id,
-    type: me.BUTTON,
+    id: Je.id,
+    title: "slide.shape.insert.ellipse",
+    type: oe.BUTTON,
+    hidden$: se(n, E.UNIVER_SLIDE)
+  };
+}
+function On(n) {
+  return {
+    id: Qe.id,
+    type: oe.BUTTON,
     icon: "TextIcon",
     tooltip: "slide.text.insert.title",
-    hidden$: pe(n, E.UNIVER_SLIDE)
+    hidden$: se(n, E.UNIVER_SLIDE)
   };
 }
-const En = {
-  [wi.FORMAT]: {
-    [qe.id]: {
+const Rn = {
+  [Pi.FORMAT]: {
+    [Qe.id]: {
       order: 0,
-      menuItemFactory: bn
+      menuItemFactory: On
     },
-    [Gt]: {
+    [Jt]: {
       order: 0,
-      menuItemFactory: _n,
-      [Xe.id]: {
+      menuItemFactory: Sn,
+      [Ge.id]: {
         order: 0,
-        menuItemFactory: Cn
+        menuItemFactory: In
       }
     },
-    [Yt]: {
+    [Qt]: {
       order: 0,
-      menuItemFactory: Sn,
-      [Ye.id]: {
+      menuItemFactory: bn,
+      [qe.id]: {
         order: 0,
-        menuItemFactory: In
+        menuItemFactory: En
+      },
+      [Je.id]: {
+        order: 0,
+        menuItemFactory: xn
       }
     }
   }
 }, we = {
   id: "slide.operation.edit-arrow",
-  type: D.OPERATION,
+  type: N.OPERATION,
   handler: () => !0
-}, qt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-function xn(n) {
+}, ei = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
+function wn(n) {
   var p, f;
   const e = (f = (p = n.popup) == null ? void 0 : p.extraProps) == null ? void 0 : f.menuItems;
   if (!e)
     return null;
-  const t = O(U), i = O(Q), [r, s] = $(!1), [o, c] = $(!1), a = () => {
-    c(!0);
+  const t = R(D), i = R(Q), [r, s] = $(!1), [o, a] = $(!1), c = () => {
+    a(!0);
   }, h = () => {
-    c(!1);
-  }, l = (v) => {
-    s(v);
-  }, d = (v) => {
-    t.executeCommand(v.commandId, v.commandParams), s(!1);
-  }, g = r || o, m = e.filter((v) => !v.disable);
+    a(!1);
+  }, l = (g) => {
+    s(g);
+  }, d = (g) => {
+    t.executeCommand(g.commandId, g.commandParams), s(!1);
+  }, v = r || o, m = e.filter((g) => !g.disable);
   return /* @__PURE__ */ u(
     "div",
     {
-      onMouseEnter: a,
+      onMouseEnter: c,
       onMouseLeave: h,
       children: /* @__PURE__ */ u(
-        Tt,
+        Nt,
         {
           align: "start",
           overlay: /* @__PURE__ */ u(
             "ul",
             {
-              className: K("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg", ue),
-              children: m.map((v) => /* @__PURE__ */ u(
+              className: K("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg", ge),
+              children: m.map((g) => /* @__PURE__ */ u(
                 "li",
                 {
                   className: "univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",
-                  onClick: () => d(v),
-                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(v.label) })
+                  onClick: () => d(g),
+                  children: /* @__PURE__ */ u("span", { className: "univer-px-2 univer-py-1.5 univer-align-middle", children: i.t(g.label) })
                 },
-                v.index
+                g.index
               ))
             }
           ),
@@ -1088,18 +1139,18 @@ function xn(n) {
           children: /* @__PURE__ */ x(
             "div",
             {
-              className: K("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", ue, {
+              className: K("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", ge, {
                 "univer-bg-gray-100 dark:!univer-bg-gray-800": r,
                 "univer-bg-white dark:!univer-bg-gray-900": !r
               }),
               children: [
                 /* @__PURE__ */ u(
-                  Lt,
+                  $t,
                   {
                     className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
                   }
                 ),
-                g && /* @__PURE__ */ u(Ge, { className: "dark:!univer-text-white" })
+                v && /* @__PURE__ */ u(Ye, { className: "dark:!univer-text-white" })
               ]
             }
           )
@@ -1108,7 +1159,7 @@ function xn(n) {
     }
   );
 }
-class Rn {
+class yn {
   constructor() {
     S(this, "_state", null);
     S(this, "_rect", null);
@@ -1142,58 +1193,58 @@ class Rn {
     this._state$.next(e);
   }
 }
-const Je = It(
+const et = Et(
   "univer.slide-editor-manager.service"
-), ye = -1e3, vt = {
+), ye = -1e3, ft = {
   width: 0,
   height: 0,
   top: ye,
   left: ye
 };
-function On() {
+function Pn() {
   const [n, e] = $({
-    ...vt
-  }), t = O(Je), i = O(Ze), r = O(fe), s = yi(
-    () => r.subscribeContextValue$(st),
+    ...ft
+  }), t = R(et), i = R(Xe), r = R(me), s = Ti(
+    () => r.subscribeContextValue$(at),
     !1,
     void 0,
-    [r, st]
+    [r, at]
   );
-  return di.UNSPECIFIED, he(() => {
+  return hi.UNSPECIFIED, ve(() => {
     t.state$.subscribe((o) => {
       if (o == null)
         return;
       const {
-        startX: c = ye,
-        startY: a = ye,
+        startX: a = ye,
+        startY: c = ye,
         endX: h = 0,
         endY: l = 0,
         show: d = !1
       } = o;
       if (!d)
         e({
-          ...vt
+          ...ft
         });
       else {
         e({
-          width: h - c - ne + 2,
-          height: l - a - ne + 2,
-          left: c + ne,
-          top: a + ne
+          width: h - a - ne + 2,
+          height: l - c - ne + 2,
+          left: a + ne,
+          top: c + ne
         });
-        const g = i.getEditor(de);
-        if (g == null)
+        const v = i.getEditor(he);
+        if (v == null)
           return;
-        const { left: m, top: p, width: f, height: v } = g.getBoundingClientRect();
-        t.setRect({ left: m, top: p, width: f, height: v });
+        const { left: m, top: p, width: f, height: g } = v.getBoundingClientRect();
+        t.setRect({ left: m, top: p, width: f, height: g });
       }
     });
-  }, []), he(() => {
+  }, []), ve(() => {
     s || t.setFocus(!0);
   }, [s, n]), /* @__PURE__ */ u(
     "div",
     {
-      className: K("univer-absolute univer-z-10 univer-box-border univer-flex", ue),
+      className: K("univer-absolute univer-z-10 univer-box-border univer-flex", ge),
       style: {
         left: n.left,
         top: n.top,
@@ -1203,26 +1254,26 @@ function On() {
     }
   );
 }
-function $e(n) {
-  return n.getContextValue(bt) && n.getContextValue(Re);
+function He(n) {
+  return n.getContextValue(xt) && n.getContextValue(Oe);
 }
-function wn(n) {
-  return n.getContextValue(ui) && n.getContextValue(bt);
+function Tn(n) {
+  return n.getContextValue(gi) && n.getContextValue(xt);
 }
-const Jt = [
+const ti = [
   y.ARROW_DOWN,
   y.ARROW_UP,
   y.ARROW_LEFT,
   y.ARROW_RIGHT
 ];
-[y.ENTER, y.TAB, ...Jt];
-function yn() {
+[y.ENTER, y.TAB, ...ti];
+function Mn() {
   const n = [];
-  for (const e of Jt)
+  for (const e of ti)
     n.push({
       id: we.id,
       binding: e,
-      preconditions: (t) => $e(t),
+      preconditions: (t) => He(t),
       staticParameters: {
         visible: !1,
         eventType: q.Keyboard,
@@ -1231,8 +1282,8 @@ function yn() {
       }
     }), n.push({
       id: we.id,
-      binding: e | Pi.SHIFT,
-      preconditions: (t) => $e(t),
+      binding: e | Mi.SHIFT,
+      preconditions: (t) => He(t),
       staticParameters: {
         visible: !1,
         eventType: q.Keyboard,
@@ -1242,39 +1293,41 @@ function yn() {
     });
   return n;
 }
-const Pn = {
-  id: $i.id,
-  preconditions: (n) => $e(n) || wn(n),
+const Nn = {
+  id: Fi.id,
+  preconditions: (n) => He(n) || Tn(n),
   binding: y.BACKSPACE
 };
-var Tn = Object.getOwnPropertyDescriptor, Mn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Tn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Dn = Object.getOwnPropertyDescriptor, Un = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Dn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, ie = (n, e) => (t, i) => e(t, i, n);
-let Pe = class extends De {
+let Pe = class extends Ue {
   constructor(n, e, t, i, r, s) {
     super(), this._injector = n, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = i, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(En);
+    this._menuManagerService.mergeMenu(Rn);
   }
   _initCustomComponents() {
     const n = this._componentManager;
-    this.disposeWithMe(n.register("TextIcon", kt)), this.disposeWithMe(n.register("GraphIcon", $t)), this.disposeWithMe(n.register(qt, xn)), this.disposeWithMe(n.register(xe, pn));
+    this.disposeWithMe(n.register("TextIcon", Kt)), this.disposeWithMe(n.register("GraphIcon", Ft)), this.disposeWithMe(n.register(ei, wn)), this.disposeWithMe(n.register(xe, _n));
   }
   _initCommands() {
     [
+      At,
       Vt,
-      Ut,
+      qt,
+      Ge,
+      Yt,
+      Qe,
+      Je,
+      Gt,
       Xt,
-      Xe,
-      Zt,
       qe,
-      Kt,
-      Ye,
-      Be,
-      jt,
+      $e,
+      Lt,
       H,
       // commands for editor
       we
@@ -1282,36 +1335,36 @@ let Pe = class extends De {
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(ot.LEFT_SIDEBAR, () => ct(mn, this._injector))
+      this._uiPartsService.registerComponent(ct.LEFT_SIDEBAR, () => lt(Cn, this._injector))
     ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(ot.CONTENT, () => ct(On, this._injector))
+      this._uiPartsService.registerComponent(ct.CONTENT, () => lt(Pn, this._injector))
     );
   }
   _initShortcuts() {
     [
-      Pn,
-      ...yn()
+      Nn,
+      ...Mn()
     ].forEach((n) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(n));
     });
   }
 };
-Pe = Mn([
-  ie(0, Z(ke)),
-  ie(1, Ti),
-  ie(2, Z(Mi)),
-  ie(3, Ni),
-  ie(4, U),
-  ie(5, Di)
+Pe = Un([
+  ie(0, Z(ze)),
+  ie(1, Ni),
+  ie(2, Z(Di)),
+  ie(3, Ui),
+  ie(4, D),
+  ie(5, ji)
 ], Pe);
-const Nn = "slides-ui.config", gt = {};
-var Dn = Object.getOwnPropertyDescriptor, Un = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Dn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+const jn = "slides-ui.config", pt = {};
+var Vn = Object.getOwnPropertyDescriptor, An = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Vn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, Ie = (n, e) => (t, i) => e(t, i, n);
-function Vn(n, e) {
-  const t = ft(n.left, n.top, e), i = ft(n.right, n.bottom, e);
+function Ln(n, e) {
+  const t = mt(n.left, n.top, e), i = mt(n.right, n.bottom, e);
   return {
     left: t.x,
     top: t.y,
@@ -1319,39 +1372,39 @@ function Vn(n, e) {
     bottom: i.y
   };
 }
-function ft(n, e, t) {
+function mt(n, e, t) {
   const { scaleX: i, scaleY: r } = t.getAncestorScale(), s = t.getViewport(re.VIEW);
   if (!s)
     return {
       x: n,
       y: e
     };
-  const { viewportScrollX: o, viewportScrollY: c } = s, a = (n - o) * i, h = (e - c) * r;
+  const { viewportScrollX: o, viewportScrollY: a } = s, c = (n - o) * i, h = (e - a) * r;
   return {
-    x: a,
+    x: c,
     y: h
   };
 }
-let Te = class extends De {
+let Te = class extends Ue {
   constructor(n, e, t, i) {
     super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = i;
   }
   _createObjectPositionObserver(n, e) {
     const i = (() => {
       var L, B, ee, te;
-      const { scene: o, engine: c } = e, { left: a, top: h, width: l, height: d } = n, g = (o.width - ((B = (L = e.mainComponent) == null ? void 0 : L.width) != null ? B : 0)) / 2, m = (o.height - ((te = (ee = e.mainComponent) == null ? void 0 : ee.height) != null ? te : 0)) / 2, p = {
-        left: a,
-        right: a + l,
+      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = n, v = (o.width - ((B = (L = e.mainComponent) == null ? void 0 : L.width) != null ? B : 0)) / 2, m = (o.height - ((te = (ee = e.mainComponent) == null ? void 0 : ee.height) != null ? te : 0)) / 2, p = {
+        left: c,
+        right: c + l,
         top: h,
         bottom: h + d
-      }, f = c.getCanvasElement(), v = f.getBoundingClientRect(), _ = Ii(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), P = Vn(p, o), { top: M, left: V, width: R } = v, z = R / _;
+      }, f = a.getCanvasElement(), g = f.getBoundingClientRect(), _ = Ei(f.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), T = Ln(p, o), { top: M, left: j, width: O } = g, z = O / _;
       return {
-        left: P.left * z * I + V + g,
-        right: P.right * z * I + V + g,
-        top: P.top * z * b + M + m,
-        bottom: P.bottom * z * b + M + m
+        left: T.left * z * I + j + v,
+        right: T.right * z * I + j + v,
+        top: T.top * z * b + M + m,
+        bottom: T.bottom * z * b + M + m
       };
-    })(), r = new J(i), s = new Ke();
+    })(), r = new J(i), s = new Ze();
     return {
       position: i,
       position$: r,
@@ -1365,7 +1418,7 @@ let Te = class extends De {
         dispose: () => {
         }
       };
-    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(n, r), a = this._globalPopupManagerService.addPopup({
+    const { position: s, position$: o, disposable: a } = this._createObjectPositionObserver(n, r), c = this._globalPopupManagerService.addPopup({
       ...e,
       unitId: i,
       subUnitId: "default",
@@ -1375,27 +1428,27 @@ let Te = class extends De {
     });
     return {
       dispose: () => {
-        this._globalPopupManagerService.removePopup(a), o.complete(), c.dispose();
+        this._globalPopupManagerService.removePopup(c), o.complete(), a.dispose();
       }
     };
   }
 };
-Te = Un([
-  Ie(0, Z(Ui)),
+Te = An([
+  Ie(0, Z(Vi)),
   Ie(1, X),
   Ie(2, w),
-  Ie(3, U)
+  Ie(3, D)
 ], Te);
-var jn = Object.getOwnPropertyDescriptor, An = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? jn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Bn = Object.getOwnPropertyDescriptor, $n = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Bn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, Y = (n, e) => (t, i) => e(t, i, n);
-let Me = class extends ge {
-  constructor(e, t, i, r, s, o, c) {
+let Me = class extends pe {
+  constructor(e, t, i, r, s, o, a) {
     super();
     S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = i, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = c, this._init();
+    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = i, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = a, this._init();
   }
   _init() {
     this._univerInstanceService.getAllUnitsForType(E.UNIVER_SLIDE).forEach((e) => this._create(e));
@@ -1414,44 +1467,44 @@ let Me = class extends ge {
     const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), i = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
     Object.keys(i).forEach((s) => {
       var h;
-      const c = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
-      if (!c) return;
-      let a;
+      const a = (h = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : h.getTransformer();
+      if (!a) return;
+      let c;
       this.disposeWithMe(
-        Et(
-          c.createControl$.subscribe(() => {
-            const l = c.getSelectedObjectMap();
+        Ot(
+          a.createControl$.subscribe(() => {
+            const l = a.getSelectedObjectMap();
             if (l.size > 1) {
-              a == null || a.dispose();
+              c == null || c.dispose();
               return;
             }
             const d = l.values().next().value;
             if (!d)
               return;
-            const g = d.oKey;
-            a == null || a.dispose(), a = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-              componentKey: qt,
+            const v = d.oKey;
+            c == null || c.dispose(), c = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
+              componentKey: ei,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getMenuItemsByObjectType(d.objectType, g, e)
+                menuItems: this._getMenuItemsByObjectType(d.objectType, v, e)
               }
-            })), this._sidebarService.visible && this._commandService.executeCommand(Be.id, {
+            })), this._sidebarService.visible && this._commandService.executeCommand($e.id, {
               visible: !0,
               objectType: d.objectType
             });
           })
         )
       ), this.disposeWithMe(
-        c.clearControl$.subscribe(() => {
-          a == null || a.dispose(), this._contextService.setContextValue(hi, !1);
+        a.clearControl$.subscribe(() => {
+          c == null || c.dispose(), this._contextService.setContextValue(vi, !1);
         })
       ), this.disposeWithMe(
-        c.changing$.subscribe(() => {
-          a == null || a.dispose();
-          const l = c.getSelectedObjectMap();
+        a.changing$.subscribe(() => {
+          c == null || c.dispose();
+          const l = a.getSelectedObjectMap();
           if (l.size > 1) {
-            a == null || a.dispose();
+            c == null || c.dispose();
             return;
           }
           const d = l.values().next().value;
@@ -1473,7 +1526,7 @@ let Me = class extends ge {
     return [{
       label: "slide.popup.edit",
       index: 0,
-      commandId: Be.id,
+      commandId: $e.id,
       commandParams: {
         visible: !0,
         objectType: e
@@ -1482,7 +1535,7 @@ let Me = class extends ge {
     }, {
       label: "slide.popup.delete",
       index: 5,
-      commandId: jt.id,
+      commandId: Lt.id,
       commandParams: {
         id: t,
         unitId: i
@@ -1491,25 +1544,25 @@ let Me = class extends ge {
     }];
   }
 };
-Me = An([
+Me = $n([
   Y(0, Z(Te)),
   Y(1, X),
   Y(2, w),
-  Y(3, fe),
-  Y(4, Z(T)),
-  Y(5, Pt),
-  Y(6, U)
+  Y(3, me),
+  Y(4, Z(P)),
+  Y(5, Mt),
+  Y(6, D)
 ], Me);
-var Ln = Object.getOwnPropertyDescriptor, Bn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ln(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Hn = Object.getOwnPropertyDescriptor, Fn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Hn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, Ve = (n, e) => (t, i) => e(t, i, n);
-const Qe = It("univer.slide-editor-bridge.service");
-let He = class extends De {
+const tt = Et("univer.slide-editor-bridge.service");
+let Fe = class extends Ue {
   constructor(e, t, i) {
     super();
-    S(this, "_editorUnitId", de);
+    S(this, "_editorUnitId", he);
     S(this, "_isForceKeepVisible", !1);
     S(this, "_editorIsDirty", !1);
     S(this, "_currentEditRectState", null);
@@ -1524,7 +1577,7 @@ let He = class extends De {
     S(this, "visible$", this._visible$.asObservable());
     S(this, "_afterVisible$", new J(this._visibleParam));
     S(this, "afterVisible$", this._afterVisible$.asObservable());
-    S(this, "endEditing$", new Dt());
+    S(this, "endEditing$", new jt());
     S(this, "_currentEditRectInfo");
     this._editorService = e, this._contextService = t, this._renderManagerService = i;
   }
@@ -1539,7 +1592,7 @@ let He = class extends De {
    * @editorInfo editorInfo
    */
   setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(de), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(xt, !1), this._contextService.setContextValue(Rt, !1));
+    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(he), this._contextService.setContextValue(Oe, !1), this._contextService.setContextValue(Rt, !1), this._contextService.setContextValue(wt, !1));
     const t = this.getEditRectState();
     this._currentEditRectState = t, this._currentEditRectState$.next(t);
   }
@@ -1553,32 +1606,32 @@ let He = class extends De {
    * && this@setEditorRect
    */
   getEditRectState() {
-    const e = de, t = this._currentEditRectInfo, i = t.unitId, r = t.richTextObj.documentData;
+    const e = he, t = this._currentEditRectInfo, i = t.unitId, r = t.richTextObj.documentData;
     r.id = e, r.documentStyle = {
       ...r.documentStyle,
       pageSize: { width: t.richTextObj.width, height: 1 / 0 }
     };
     const o = {
-      documentModel: new vi(r),
+      documentModel: new fi(r),
       fontString: "document",
       textRotation: { a: 0, v: 0 },
       wrapStrategy: 0,
-      verticalAlign: Oe.TOP,
-      horizontalAlign: Ot.LEFT,
+      verticalAlign: Re.TOP,
+      horizontalAlign: yt.LEFT,
       paddingData: { t: 0, b: 1, l: 2, r: 2 }
-    }, c = t.richTextObj.width, a = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
+    }, a = t.richTextObj.width, c = t.richTextObj.height, h = t.richTextObj.left, l = t.richTextObj.top, d = {
       left: 0,
       top: 0
-    }, g = this._renderManagerService.getRenderById(i), m = g == null ? void 0 : g.scene, p = m == null ? void 0 : m.getViewport(re.VIEW), f = m == null ? void 0 : m.getObject(re.COMPONENT), v = {
+    }, v = this._renderManagerService.getRenderById(i), m = v == null ? void 0 : v.scene, p = m == null ? void 0 : m.getViewport(re.VIEW), f = m == null ? void 0 : m.getObject(re.COMPONENT), g = {
       x: (f == null ? void 0 : f.left) || 0,
       y: (f == null ? void 0 : f.top) || 0
     }, _ = (p == null ? void 0 : p.viewportScrollX) || 0, I = (p == null ? void 0 : p.viewportScrollY) || 0;
-    return d.left = v.x - _, d.top = v.y - I, {
+    return d.left = g.x - _, d.top = g.y - I, {
       position: {
         startX: h,
         startY: l,
-        endX: h + c,
-        endY: l + a
+        endX: h + a,
+        endY: l + c
       },
       scaleX: 1,
       scaleY: 1,
@@ -1631,7 +1684,7 @@ let He = class extends De {
         textStyle: { fs: r },
         renderConfig: {
           // horizontalAlign: HorizontalAlign.CENTER,
-          verticalAlign: Oe.MIDDLE,
+          verticalAlign: Re.MIDDLE,
           centerAngle: 0,
           vertexAngle: 0,
           wrapStrategy: 0
@@ -1643,19 +1696,19 @@ let He = class extends De {
     };
   }
 };
-He = Bn([
-  Ve(0, Ze),
-  Ve(1, fe),
+Fe = Fn([
+  Ve(0, Xe),
+  Ve(1, me),
   Ve(2, X)
-], He);
-var G = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(G || {}), $n = Object.getOwnPropertyDescriptor, Hn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? $n(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+], Fe);
+var G = /* @__PURE__ */ ((n) => (n[n.InitialState = 0] = "InitialState", n[n.StartEditor = 1] = "StartEditor", n[n.CursorChange = 2] = "CursorChange", n))(G || {}), Wn = Object.getOwnPropertyDescriptor, kn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Wn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, A = (n, e) => (t, i) => e(t, i, n);
-const pt = -1e3, mt = 5, Fn = 2;
-let Fe = class extends De {
-  constructor(e, t, i, r, s, o, c, a, h, l, d, g) {
+const _t = -1e3, Ct = 5, zn = 2;
+let We = class extends Ue {
+  constructor(e, t, i, r, s, o, a, c, h, l, d, v) {
     super();
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
@@ -1664,7 +1717,7 @@ let Fe = class extends De {
     /** If the corresponding unit is active and prepared for editing. */
     S(this, "_isUnitEditing", !1);
     S(this, "_d");
-    this._renderContext = e, this._layoutService = t, this._undoRedoService = i, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = c, this._cellEditorManagerService = a, this._textSelectionManagerService = h, this._commandService = l, this._localService = d, this._editorService = g, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((m) => {
+    this._renderContext = e, this._layoutService = t, this._undoRedoService = i, this._contextService = r, this._instanceSrv = s, this._renderManagerService = o, this._editorBridgeService = a, this._cellEditorManagerService = c, this._textSelectionManagerService = h, this._commandService = l, this._localService = d, this._editorService = v, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((m) => {
       m && m.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
         visible: !1,
         eventType: q.Keyboard,
@@ -1681,7 +1734,7 @@ let Fe = class extends De {
     (e = this._d) == null || e.dispose(), this._d = null;
   }
   _init() {
-    const e = new Ke();
+    const e = new Ze();
     return this._subscribeToCurrentCell(e), this._initialKeyboardListener(e), this._initialCursorSync(e), this._listenEditorFocus(e), this._commandExecutedListener(e), setTimeout(() => {
       this._cursorStateListener(e);
     }, 1e3), e;
@@ -1698,16 +1751,16 @@ let Fe = class extends De {
   }
   _getEditorSkeleton(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(ht).getSkeleton();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(vt).getSkeleton();
   }
   _getEditorViewModel(e) {
     var t;
-    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(ht).getViewModel();
+    return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(vt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(zi((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(Zi((t) => !!t)).subscribe(() => {
       var t;
-      (t = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(lt).sync();
+      (t = Be(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ut).sync();
     }));
   }
   /**
@@ -1717,18 +1770,18 @@ let Fe = class extends De {
   _subscribeToCurrentCell(e) {
     e.add(this._editorBridgeService.currentEditRectState$.subscribe((t) => {
       var d;
-      if (t == null || this._contextService.getContextValue(xt) || this._contextService.getContextValue(Rt))
+      if (t == null || this._contextService.getContextValue(Rt) || this._contextService.getContextValue(wt))
         return;
       const {
         position: { startX: i, endX: r },
-        documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: c },
-        scaleX: a,
+        documentLayoutObject: { textRotation: s, wrapStrategy: o, documentModel: a },
+        scaleX: c,
         editorUnitId: h
-      } = t, { vertexAngle: l } = nt(s);
-      c.updateDocumentId(h), o === et.WRAP && l === 0 && c.updateDocumentDataPageSize((r - i) / a), this._instanceSrv.changeDoc(h, c), this._contextService.setContextValue(fi, !0), this._textSelectionManagerService.replaceTextRanges([{
+      } = t, { vertexAngle: l } = st(s);
+      a.updateDocumentId(h), o === it.WRAP && l === 0 && a.updateDocumentDataPageSize((r - i) / c), this._instanceSrv.changeDoc(h, a), this._contextService.setContextValue(mi, !0), this._textSelectionManagerService.replaceTextRanges([{
         startOffset: 0,
         endOffset: 0
-      }]), (d = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(lt).activate(pt, pt);
+      }]), (d = Be(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || d.with(ut).activate(_t, _t);
     }));
   }
   /**
@@ -1741,46 +1794,46 @@ let Fe = class extends De {
    * @param scaleY
    */
   _fitTextSize(e, t, i, r, s = 1, o = 1) {
-    const { startX: c, startY: a, endX: h, endY: l } = e, d = r.documentModel;
+    const { startX: a, startY: c, endX: h, endY: l } = e, d = r.documentModel;
     if (d == null)
       return;
-    const { actualWidth: g, actualHeight: m } = this._predictingSize(
+    const { actualWidth: v, actualHeight: m } = this._predictingSize(
       e,
       t,
       i,
       r,
       s,
       o
-    ), { verticalAlign: p, paddingData: f, fill: v } = r;
-    let _ = h - c, I = l - a;
-    if (_ < g && (_ = g), I < m)
+    ), { verticalAlign: p, paddingData: f, fill: g } = r;
+    let _ = h - a, I = l - c;
+    if (_ < v && (_ = v), I < m)
       I = m, d.updateDocumentDataMargin(f);
     else {
       let b = 0;
-      p === Oe.MIDDLE ? b = (I - m) / 2 / o : p === Oe.TOP ? b = f.t || 0 : b = (I - m) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, d.updateDocumentDataMargin({
+      p === Re.MIDDLE ? b = (I - m) / 2 / o : p === Re.TOP ? b = f.t || 0 : b = (I - m) / o - (f.b || 0), b = b < (f.t || 0) ? f.t || 0 : b, d.updateDocumentDataMargin({
         t: b
       });
     }
-    i.calculate(), this._editAreaProcessing(_, I, e, t, v, s, o);
+    i.calculate(), this._editAreaProcessing(_, I, e, t, g, s, o);
   }
   /**
    * Mainly used to pre-calculate the width of the editor,
    * to determine whether it needs to be automatically widened.
    */
   _predictingSize(e, t, i, r, s = 1, o = 1) {
-    const { startX: c, endX: a } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: g } = nt(h), m = document.body.clientWidth;
-    if (l === et.WRAP && g === 0) {
-      const { actualWidth: v, actualHeight: _ } = i.getActualSize();
+    const { startX: a, endX: c } = e, { textRotation: h, wrapStrategy: l } = r, d = r.documentModel, { vertexAngle: v } = st(h), m = document.body.clientWidth;
+    if (l === it.WRAP && v === 0) {
+      const { actualWidth: g, actualHeight: _ } = i.getActualSize();
       return {
-        actualWidth: v * s,
+        actualWidth: g * s,
         actualHeight: _ * o
       };
     }
-    d == null || d.updateDocumentDataPageSize((m - c - t.left) / s), i.calculate();
+    d == null || d.updateDocumentDataPageSize((m - a - t.left) / s), i.calculate();
     const p = i.getActualSize();
-    let f = a - c;
-    return f < p.actualWidth * s + mt * s && (f = p.actualWidth * s + mt * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
-      horizontalAlign: Ot.UNSPECIFIED,
+    let f = c - a;
+    return f < p.actualWidth * s + Ct * s && (f = p.actualWidth * s + Ct * s), d == null || d.updateDocumentDataPageSize(f / s), d == null || d.updateDocumentRenderConfig({
+      horizontalAlign: yt.UNSPECIFIED,
       cellValueType: void 0
     }), {
       actualWidth: f,
@@ -1791,30 +1844,30 @@ let Fe = class extends De {
    * control the size of editing area
    */
   // eslint-disable-next-line max-lines-per-function
-  _editAreaProcessing(e, t, i, r, s, o = 1, c = 1) {
+  _editAreaProcessing(e, t, i, r, s, o = 1, a = 1) {
     var C;
-    const a = this._getEditorObject();
-    if (a == null)
+    const c = this._getEditorObject();
+    if (c == null)
       return;
-    function h(oe) {
-      return Number.parseInt(oe.replace("px", ""));
+    function h(ce) {
+      return Number.parseInt(ce.replace("px", ""));
     }
-    const d = this._renderContext.engine.getCanvasElement(), g = d.getBoundingClientRect(), m = h(d.style.width), { top: p, left: f, width: v } = g, _ = v / m;
+    const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), m = h(d.style.width), { top: p, left: f, width: g } = v, _ = g / m;
     let { startX: I, startY: b } = i;
     I += r.left, b += r.top;
-    const { document: P, scene: M, engine: V } = a, R = M.getViewport(dt.VIEW_MAIN), z = document.body.clientHeight - b - r.top - Fn * 2, se = document.body.clientWidth - I - r.left;
-    let L = t, B = R == null ? void 0 : R.getScrollBar();
-    L > z ? (L = z, B == null ? R && new wt(R, { enableHorizontal: !1, barSize: 8 }) : R == null || R.resetCanvasSizeAndUpdateScroll()) : (B = null, (C = R == null ? void 0 : R.getScrollBar()) == null || C.dispose()), e += (B == null ? void 0 : B.barSize) || 0, e = Math.min(e, se), I -= ne, b -= ne, this._addBackground(M, e / o, t / c, s);
+    const { document: T, scene: M, engine: j } = c, O = M.getViewport(ht.VIEW_MAIN), z = document.body.clientHeight - b - r.top - zn * 2, ae = document.body.clientWidth - I - r.left;
+    let L = t, B = O == null ? void 0 : O.getScrollBar();
+    L > z ? (L = z, B == null ? O && new Pt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (B = null, (C = O == null ? void 0 : O.getScrollBar()) == null || C.dispose()), e += (B == null ? void 0 : B.barSize) || 0, e = Math.min(e, ae), I -= ne, b -= ne, this._addBackground(M, e / o, t / a, s);
     const { scaleX: ee, scaleY: te } = M.getPrecisionScale();
     M.transformByState({
       width: e * _ / o,
-      height: t * _ / c,
+      height: t * _ / a,
       scaleX: o * _,
-      scaleY: c * _
-    }), P.resize(e / o, t / c), setTimeout(() => {
-      V.resizeBySize(
-        rt(e, ee),
-        rt(L, te)
+      scaleY: a * _
+    }), T.resize(e / o, t / a), setTimeout(() => {
+      j.resizeBySize(
+        ot(e, ee),
+        ot(L, te)
       );
     }, 0);
     const _e = this._layoutService.getContentElement().getBoundingClientRect(), Ce = d.getBoundingClientRect();
@@ -1833,14 +1886,14 @@ let Fe = class extends De {
     const s = "_backgroundRectHelperColor_", o = e.getObject(s);
     o == null && r == null || (o == null ? e.addObjects(
       [
-        new yt(s, {
+        new Tt(s, {
           width: t,
           height: i,
           fill: r,
           evented: !1
         })
       ],
-      Hi
+      Wi
     ) : r == null ? o.dispose() : (o.setProps({
       fill: r
     }), o.transformByState({
@@ -1857,7 +1910,7 @@ let Fe = class extends De {
   // first part: startEditing --> _updateEditor
   // 2nd part: startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
   _handleEditorVisible(e) {
-    var v, _;
+    var g, _;
     const { eventType: t } = e;
     this._cursorChange = [q.PointerDown, q.Dblclick].includes(t) ? G.CursorChange : G.StartEditor;
     const i = this._editorBridgeService.getEditRectState();
@@ -1867,21 +1920,21 @@ let Fe = class extends De {
       position: r,
       documentLayoutObject: s,
       slideCardOffset: o,
-      scaleX: c,
-      scaleY: a,
+      scaleX: a,
+      scaleY: c,
       editorUnitId: h,
       unitId: l
     } = i, d = this._getEditorObject();
     if (d == null)
       return;
-    const { scene: g } = d;
-    this._contextService.setContextValue(Re, !0);
+    const { scene: v } = d;
+    this._contextService.setContextValue(Oe, !0);
     const { documentModel: m } = s, p = this._getEditorSkeleton(h);
     if (!p || !m)
       return;
-    this._fitTextSize(r, o, p, s, c, a);
+    this._fitTextSize(r, o, p, s, a, c);
     const f = m.getBody().dataStream.length - 2 || 0;
-    (v = g.getViewport(dt.VIEW_MAIN)) == null || v.scrollToViewportPos({
+    (g = v.getViewport(ht.VIEW_MAIN)) == null || g.scrollToViewportPos({
       viewportScrollX: Number.POSITIVE_INFINITY
     }), this._textSelectionManagerService.replaceTextRanges([
       {
@@ -1891,7 +1944,7 @@ let Fe = class extends De {
     ]), (_ = this._renderManagerService.getRenderById(l)) == null || _.scene.resetCursor();
   }
   _resetBodyStyle(e, t = !1) {
-    e.dataStream = pi, e.textRuns != null && (e.textRuns.length === 1 && !t ? (e.textRuns[0].st = 0, e.textRuns[0].ed = 1) : e.textRuns = void 0), e.paragraphs != null && (e.paragraphs.length === 1 ? e.paragraphs[0].startIndex = 0 : e.paragraphs = [
+    e.dataStream = _i, e.textRuns != null && (e.textRuns.length === 1 && !t ? (e.textRuns[0].st = 0, e.textRuns[0].ed = 1) : e.textRuns = void 0), e.paragraphs != null && (e.paragraphs.length === 1 ? e.paragraphs[0].startIndex = 0 : e.paragraphs = [
       {
         startIndex: 0
       }
@@ -1906,9 +1959,9 @@ let Fe = class extends De {
   _showEditorByKeyboard(e) {
   }
   _commandExecutedListener(e) {
-    const t = [we.id], i = [Zi.id];
+    const t = [we.id], i = [Gi.id];
     e.add(this._commandService.onCommandExecuted((r) => {
-      this._editorService.getFocusId() === de && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
+      this._editorService.getFocusId() === he && (t.includes(r.id) && this._moveCursorCmdHandler(r), i.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
     }));
   }
   _moveCursorCmdHandler(e) {
@@ -1925,7 +1978,7 @@ let Fe = class extends De {
     this._handleEditorVisible({ visible: !0, eventType: 3, unitId: i });
   }
   _getEditorObject() {
-    return Wn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
+    return Kn(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
   }
   async _handleEditorInvisible(e) {
     const { keycode: t } = e;
@@ -1938,7 +1991,7 @@ let Fe = class extends De {
     this._moveCursor(t);
   }
   _exitInput(e) {
-    this._contextService.setContextValue(Re, !1), this._cellEditorManagerService.setState({
+    this._contextService.setContextValue(Oe, !1), this._cellEditorManagerService.setState({
       show: e.visible
     });
     const t = this._editorBridgeService.getCurrentEditorId();
@@ -1946,24 +1999,24 @@ let Fe = class extends De {
   }
   _moveCursor(e) {
     if (e != null)
-      switch (j.LEFT, e) {
+      switch (V.LEFT, e) {
         case y.ENTER:
-          j.DOWN;
+          V.DOWN;
           break;
         case y.TAB:
-          j.RIGHT;
+          V.RIGHT;
           break;
         case y.ARROW_DOWN:
-          j.DOWN;
+          V.DOWN;
           break;
         case y.ARROW_UP:
-          j.UP;
+          V.UP;
           break;
         case y.ARROW_LEFT:
-          j.LEFT;
+          V.LEFT;
           break;
         case y.ARROW_RIGHT:
-          j.RIGHT;
+          V.RIGHT;
           break;
       }
   }
@@ -1976,53 +2029,53 @@ let Fe = class extends De {
     if (!t)
       return;
     const { document: i } = t;
-    e.add(Et(i.onPointerDown$.subscribeEvent(() => {
+    e.add(Ot(i.onPointerDown$.subscribeEvent(() => {
       this._cursorChange === G.StartEditor && (this._cursorChange = G.CursorChange);
     })));
   }
   // TODO: @JOCS, is it necessary to move these commands MoveSelectionOperation\MoveCursorOperation to shortcut? and use multi-commands?
   _moveInEditor(e, t) {
-    let i = j.LEFT;
-    e === y.ARROW_DOWN ? i = j.DOWN : e === y.ARROW_UP ? i = j.UP : e === y.ARROW_RIGHT && (i = j.RIGHT), t ? this._commandService.executeCommand(Fi.id, {
+    let i = V.LEFT;
+    e === y.ARROW_DOWN ? i = V.DOWN : e === y.ARROW_UP ? i = V.UP : e === y.ARROW_RIGHT && (i = V.RIGHT), t ? this._commandService.executeCommand(ki.id, {
       direction: i
-    }) : this._commandService.executeCommand(Wi.id, {
+    }) : this._commandService.executeCommand(zi.id, {
       direction: i
     });
   }
 };
-Fe = Hn([
-  A(1, Vi),
-  A(2, gi),
-  A(3, fe),
+We = kn([
+  A(1, Ai),
+  A(2, pi),
+  A(3, me),
   A(4, w),
   A(5, X),
-  A(6, Qe),
-  A(7, Je),
-  A(8, Z(Ki)),
-  A(9, U),
+  A(6, tt),
+  A(7, et),
+  A(8, Z(Xi)),
+  A(9, D),
   A(10, Z(Q)),
-  A(11, Ze)
-], Fe);
-function Wn(n, e) {
+  A(11, Xe)
+], We);
+function Kn(n, e) {
   if (n == null)
     return;
   const t = e.getRenderById(n);
   if (t == null)
     return;
-  const { mainComponent: i, scene: r, engine: s, components: o } = t, c = i, a = o.get(ki.BACKGROUND);
+  const { mainComponent: i, scene: r, engine: s, components: o } = t, a = i, c = o.get(Ki.BACKGROUND);
   return {
-    document: c,
-    docBackground: a,
+    document: a,
+    docBackground: c,
     scene: r,
     engine: s
   };
 }
-var kn = Object.getOwnPropertyDescriptor, zn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? kn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var Zn = Object.getOwnPropertyDescriptor, Xn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Zn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, je = (n, e) => (t, i) => e(t, i, n);
-let We = class extends ge {
+}, Ae = (n, e) => (t, i) => e(t, i, n);
+let ke = class extends pe {
   constructor(e, t, i, r) {
     super();
     /**
@@ -2031,7 +2084,7 @@ let We = class extends ge {
     // private _cursorChange: CursorChange = CursorChange.InitialState;
     /** If the corresponding unit is active and prepared for editing. */
     // private _isUnitEditing = false;
-    S(this, "setSlideTextEditor$", new Dt());
+    S(this, "setSlideTextEditor$", new jt());
     S(this, "_curRichText", null);
     S(this, "_d");
     this._renderContext = e, this._instanceSrv = t, this._commandService = i, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
@@ -2039,7 +2092,7 @@ let We = class extends ge {
     }));
   }
   _init() {
-    const e = new Ke();
+    const e = new Ze();
     return this._initEventListener(e), e;
   }
   _disposeCurrent() {
@@ -2059,16 +2112,16 @@ let We = class extends ge {
   }
   _initEventListener(e) {
     const t = (o) => {
-      const c = o.getTransformer();
-      c && (e.add(c.clearControl$.subscribe(() => {
+      const a = o.getTransformer();
+      a && (e.add(a.clearControl$.subscribe(() => {
         this.setEditorVisible(!1), this.pickOtherObjects();
-      })), e.add(c.createControl$.subscribe(() => {
+      })), e.add(a.createControl$.subscribe(() => {
         this.setEditorVisible(!1);
       })), e.add(o.onDblclick$.subscribeEvent(() => {
-        c.clearControls();
-        const h = c.getSelectedObjectMap().values().next().value;
-        h && (h.objectType !== le.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
-      })), e.add(this._instanceSrv.focused$.subscribe((a) => {
+        a.clearControls();
+        const h = a.getSelectedObjectMap().values().next().value;
+        h && (h.objectType !== ue.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, h));
+      })), e.add(this._instanceSrv.focused$.subscribe((c) => {
         this.endEditing();
       })));
     }, { mainComponent: i } = this._renderContext;
@@ -2077,8 +2130,8 @@ let We = class extends ge {
     });
     const s = Array.from(i.getSubScenes().values());
     for (let o = 0; o < s.length; o++) {
-      const c = s[o];
-      t(c);
+      const a = s[o];
+      t(a);
     }
   }
   pickOtherObjects() {
@@ -2102,8 +2155,8 @@ let We = class extends ge {
       text: e.text
     }, r = (s = e.documentData.body) == null ? void 0 : s.textRuns;
     if (r && r.length) {
-      const c = r[0].ts;
-      i.cl = c == null ? void 0 : c.cl;
+      const a = r[0].ts;
+      i.cl = a == null ? void 0 : a.cl;
     }
     this._commandService.executeCommand(H.id, {
       unitId: this._renderContext.unitId,
@@ -2130,17 +2183,17 @@ let We = class extends ge {
     this._editorBridgeService.changeVisible({ visible: e, eventType: q.PointerDown, unitId: t });
   }
 };
-We = zn([
-  je(1, w),
-  je(2, U),
-  je(3, Qe)
-], We);
-var Kn = Object.getOwnPropertyDescriptor, Zn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Kn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+ke = Xn([
+  Ae(1, w),
+  Ae(2, D),
+  Ae(3, tt)
+], ke);
+var Gn = Object.getOwnPropertyDescriptor, Yn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Gn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
-}, Ae = (n, e) => (t, i) => e(t, i, n);
-let Ne = class extends ge {
+}, Le = (n, e) => (t, i) => e(t, i, n);
+let Ne = class extends pe {
   // private _skeletonChangeMutations = new Set<string>();
   constructor(n, e, t) {
     super(), this._contextService = n, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
@@ -2149,11 +2202,11 @@ let Ne = class extends ge {
     this._initSlideDataListener(), this._initContextListener();
   }
   _initSlideDataListener() {
-    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(ut(this.dispose$)).subscribe((n) => {
+    this._instanceSrv.getTypeOfUnitAdded$(E.UNIVER_SLIDE).pipe(gt(this.dispose$)).subscribe((n) => {
       this._createRenderer(n == null ? void 0 : n.getUnitId());
     }), this._instanceSrv.getAllUnitsForType(E.UNIVER_SLIDE).forEach((n) => {
       this._createRenderer(n.getUnitId());
-    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(ut(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
+    }), this._instanceSrv.getTypeOfUnitDisposed$(E.UNIVER_SLIDE).pipe(gt(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
   }
   _createRenderer(n) {
     n == null || this._instanceSrv.getUnit(n, E.UNIVER_SLIDE) == null || this._renderManagerService.createRender(n);
@@ -2165,45 +2218,45 @@ let Ne = class extends ge {
   _initContextListener() {
   }
 };
-Ne = Zn([
-  Ae(0, fe),
-  Ae(1, w),
-  Ae(2, X)
+Ne = Yn([
+  Le(0, me),
+  Le(1, w),
+  Le(2, X)
 ], Ne);
-var Xn = Object.getOwnPropertyDescriptor, Gn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Xn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+var qn = Object.getOwnPropertyDescriptor, Jn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? qn(e, t) : e, s = n.length - 1, o; s >= 0; s--)
     (o = n[s]) && (r = o(r) || r);
   return r;
 }, be = (n, e) => (t, i) => e(t, i, n);
-const Yn = "SLIDE_UI";
+const Qn = "SLIDE_UI";
 var Ee;
-let _t = (Ee = class extends mi {
-  constructor(n = gt, e, t, i, r) {
+let St = (Ee = class extends Ci {
+  constructor(n = pt, e, t, i, r) {
     super(), this._config = n, this._injector = e, this._renderManagerService = t, this._univerInstanceService = i, this._configService = r;
-    const { menu: s, ...o } = Ct(
+    const { menu: s, ...o } = It(
       {},
-      gt,
+      pt,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(Nn, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(jn, o);
   }
   onStarting() {
-    tt([
+    nt([
       [Ne],
-      [Qe, { useClass: He }],
+      [tt, { useClass: Fe }],
       // used by SlideUIController --> EditorContainer
-      [Je, { useClass: Rn }],
+      [et, { useClass: yn }],
       [Te]
     ], this._config.override).forEach((n) => this._injector.add(n));
   }
   onReady() {
     [
       // SlideRenderService will be init in ready stage, and then calling RenderManagerService@createRender --> init all deps in this rendering register block.
-      [ve]
+      [fe]
     ].forEach((n) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
-    }), tt([
-      [T],
+    }), nt([
+      [P],
       // cannot register in _renderManagerService now.
       // [ISlideEditorBridgeService, { useClass: SlideEditorBridgeService }],
       // // used by SlideUIController --> EditorContainer
@@ -2212,18 +2265,18 @@ let _t = (Ee = class extends mi {
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
       [Pe],
       // editor service was create in renderManagerService
-      [ve],
+      [fe],
       [Me]
     ], this._config.override).forEach((n) => {
       this._injector.add(n);
-    }), this._injector.get(T), this._injector.get(Ne);
+    }), this._injector.get(P), this._injector.get(Ne);
   }
   onRendered() {
     [
       // need slideEditorBridgeService
       // need TextSelectionRenderService which init by EditorContainer
-      [We],
-      [Fe]
+      [ke],
+      [We]
     ].forEach((n) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, n));
     }), this._markSlideAsFocused(), this._injector.get(Pe);
@@ -2239,33 +2292,35 @@ let _t = (Ee = class extends mi {
     } catch {
     }
   }
-}, S(Ee, "pluginName", Yn), S(Ee, "type", E.UNIVER_SLIDE), Ee);
-_t = Gn([
-  be(1, Z(ke)),
+}, S(Ee, "pluginName", Qn), S(Ee, "type", E.UNIVER_SLIDE), Ee);
+St = Jn([
+  be(1, Z(ze)),
   be(2, X),
   be(3, w),
-  be(4, _i)
-], _t);
+  be(4, Si)
+], St);
 export {
-  Ut as ActivateSlidePageOperation,
-  Vt as AppendSlideOperation,
-  T as CanvasView,
-  jt as DeleteSlideElementOperation,
-  Qe as ISlideEditorBridgeService,
-  Xe as InsertSlideFloatImageCommand,
-  Ye as InsertSlideShapeRectangleCommand,
-  Kt as InsertSlideShapeRectangleOperation,
-  Yt as SHAPE_MENU_ID,
-  Gt as SLIDES_IMAGE_MENU_ID,
-  de as SLIDE_EDITOR_ID,
-  Xt as SetSlidePageThumbOperation,
-  qe as SlideAddTextCommand,
-  Zt as SlideAddTextOperation,
+  Vt as ActivateSlidePageOperation,
+  At as AppendSlideOperation,
+  P as CanvasView,
+  Lt as DeleteSlideElementOperation,
+  tt as ISlideEditorBridgeService,
+  Ge as InsertSlideFloatImageCommand,
+  Je as InsertSlideShapeEllipseCommand,
+  Gt as InsertSlideShapeEllipseOperation,
+  qe as InsertSlideShapeRectangleCommand,
+  Xt as InsertSlideShapeRectangleOperation,
+  Qt as SHAPE_MENU_ID,
+  Jt as SLIDES_IMAGE_MENU_ID,
+  he as SLIDE_EDITOR_ID,
+  qt as SetSlidePageThumbOperation,
+  Qe as SlideAddTextCommand,
+  Yt as SlideAddTextOperation,
   Te as SlideCanvasPopMangerService,
-  On as SlideEditorContainer,
-  mn as SlideSideBar,
+  Pn as SlideEditorContainer,
+  Cn as SlideSideBar,
   Pe as SlidesUIController,
-  En as SlidesUIMenuSchema,
-  _t as UniverSlidesUIPlugin,
+  Rn as SlidesUIMenuSchema,
+  St as UniverSlidesUIPlugin,
   H as UpdateSlideElementOperation
 };