@univerjs/slides-ui 0.16.1 → 0.17.0

package/lib/es/index.js

@@ -1,30 +1,30 @@
-var cn = Object.defineProperty;
-var an = (i, e, t) => e in i ? cn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var S = (i, e, t) => an(i, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as z, Injector as ke, IUniverInstanceService as w, RxDisposable as pe, UniverInstanceType as E, debounce as ln, getColorStyle as dn, CommandType as D, PageElementType as De, merge as St, LocaleService as J, ICommandService as U, generateRandomId as ze, BasicShapes as It, createInternalEditorID as un, createIdentifier as bt, IContextService as fe, DocumentFlavor as hn, FOCUSING_UNIVER_EDITOR as Et, EDITOR_ACTIVATED as Re, FORMULA_EDITOR_ACTIVATED as gn, Disposable as Ue, DisposableCollection as Ke, toDisposable as Rt, FOCUSING_COMMON_DRAWINGS as vn, FOCUSING_EDITOR_STANDALONE as xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Ot, DocumentDataModel as pn, HorizontalAlign as wt, VerticalAlign as xe, IUndoRedoService as fn, WrapStrategy as tt, FOCUSING_EDITOR_BUT_HIDDEN as _n, DEFAULT_EMPTY_DOCUMENT_VALUE as mn, Direction as V, Plugin as Cn, mergeOverrideWithDependencies as nt, IConfigService as Sn } from "@univerjs/core";
-import { IRenderManagerService as K, Viewport as it, ScrollBar as yt, getCurrentTypeOfRenderer as Le, Slide as In, Rect as Pt, Scene as bn, ObjectType as de, FIX_ONE_PIXEL_BLUR_OFFSET as ne, DeviceInputEventType as Y, pxToNum as En, convertTextRotation as rt, fixLineWidthByScale as st } from "@univerjs/engine-render";
-import { ObjectProvider as Rn, SLIDE_KEY as ie } from "@univerjs/slides";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as xn, IImageIoService as On, getImageSize as wn } from "@univerjs/drawing";
-import { ILocalFileService as yn, useDependency as O, ISidebarService as Tt, getMenuHiddenObservable as re, MenuItemType as se, RibbonStartGroup as Pn, useObservable as Tn, DISABLE_AUTO_FOCUS_KEY as ot, KeyCode as y, MetaKeys as Mn, IMenuManagerService as Dn, ComponentManager as Un, IUIPartsService as Nn, IShortcutService as Vn, BuiltInUIPart as ct, connectInjector as at, ICanvasPopupService as jn, ILayoutService as An } from "@univerjs/ui";
+var an = Object.defineProperty;
+var ln = (i, e, t) => e in i ? an(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var S = (i, e, t) => ln(i, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as z, Injector as ke, IUniverInstanceService as w, RxDisposable as fe, UniverInstanceType as E, debounce as dn, getColorStyle as un, CommandType as D, PageElementType as De, merge as It, LocaleService as J, ICommandService as N, generateRandomId as ze, BasicShapes as bt, createInternalEditorID as hn, createIdentifier as Et, IContextService as _e, DocumentFlavor as gn, FOCUSING_UNIVER_EDITOR as Rt, EDITOR_ACTIVATED as Re, FORMULA_EDITOR_ACTIVATED as vn, Disposable as Ne, FOCUSING_EDITOR_STANDALONE as xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Ot, DocumentDataModel as pn, HorizontalAlign as wt, VerticalAlign as xe, IUndoRedoService as fn, DisposableCollection as Ke, WrapStrategy as tt, FOCUSING_EDITOR_BUT_HIDDEN as _n, DEFAULT_EMPTY_DOCUMENT_VALUE as mn, Direction as V, toDisposable as yt, FOCUSING_COMMON_DRAWINGS as Cn, Plugin as Sn, mergeOverrideWithDependencies as nt, IConfigService as In } from "@univerjs/core";
+import { IRenderManagerService as K, Viewport as it, ScrollBar as Pt, getCurrentTypeOfRenderer as Le, Slide as bn, Rect as Tt, Scene as En, ObjectType as ue, FIX_ONE_PIXEL_BLUR_OFFSET as ie, DeviceInputEventType as Y, convertTextRotation as rt, fixLineWidthByScale as st, pxToNum as Rn } from "@univerjs/engine-render";
+import { ObjectProvider as xn, SLIDE_KEY as re } from "@univerjs/slides";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as On, IImageIoService as wn, getImageSize as yn } from "@univerjs/drawing";
+import { ILocalFileService as Pn, useDependency as O, ISidebarService as Mt, getMenuHiddenObservable as se, MenuItemType as oe, RibbonStartGroup as Tn, useObservable as Mn, DISABLE_AUTO_FOCUS_KEY as ot, KeyCode as y, MetaKeys as Dn, IMenuManagerService as Nn, ComponentManager as Un, IUIPartsService as Vn, IShortcutService as jn, BuiltInUIPart as ct, connectInjector as at, ILayoutService as An, ICanvasPopupService as Ln } from "@univerjs/ui";
 import { jsxs as R, jsx as g } from "react/jsx-runtime";
-import { Button as Ce, clsx as k, Dropdown as Mt, ColorPicker as Ln, borderTopClassName as Dt, InputNumber as le, borderClassName as he, scrollbarClassName as $n } from "@univerjs/design";
-import { useRef as Ut, createElement as H, forwardRef as Z, useState as $, useEffect as ge, useMemo as Bn, createRef as Hn, useCallback as lt } from "react";
-import { IEditorService as Ze, DeleteLeftCommand as Fn, DocSelectionRenderService as dt, VIEWPORT_KEY as ut, DOCS_COMPONENT_MAIN_LAYER_INDEX as Wn, MoveSelectionOperation as kn, MoveCursorOperation as zn, DOCS_VIEW_KEY as Kn } from "@univerjs/docs-ui";
-import { BehaviorSubject as q, Subject as Nt, filter as Zn, takeUntil as ht } from "rxjs";
-import { DocSelectionManagerService as Gn, DocSkeletonManagerService as gt, RichTextEditingMutation as Xn } from "@univerjs/docs";
-var Yn = Object.getOwnPropertyDescriptor, qn = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+import { Button as Se, clsx as k, Dropdown as Dt, ColorPicker as $n, borderTopClassName as Nt, InputNumber as de, borderClassName as ge, scrollbarClassName as Bn } from "@univerjs/design";
+import { useRef as Ut, createElement as H, forwardRef as Z, useState as $, useEffect as ve, useMemo as Hn, createRef as Fn, useCallback as lt } from "react";
+import { IEditorService as Ze, DeleteLeftCommand as Wn, DocSelectionRenderService as dt, VIEWPORT_KEY as ut, DOCS_COMPONENT_MAIN_LAYER_INDEX as kn, MoveSelectionOperation as zn, MoveCursorOperation as Kn, DOCS_VIEW_KEY as Zn } from "@univerjs/docs-ui";
+import { BehaviorSubject as q, Subject as Vt, filter as Gn, takeUntil as ht } from "rxjs";
+import { DocSelectionManagerService as Xn, DocSkeletonManagerService as gt, RichTextEditingMutation as Yn } from "@univerjs/docs";
+var qn = Object.getOwnPropertyDescriptor, Jn = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? qn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ne = (i, e) => (t, n) => e(t, n, i);
-let ve = class extends pe {
+}, Ue = (i, e) => (t, n) => e(t, n, i);
+let pe = class extends fe {
   constructor(e, t, n, r) {
     super();
     S(this, "_objectProvider", null);
-    S(this, "_refreshThumb", ln(() => {
+    S(this, "_refreshThumb", dn(() => {
       this.createThumbs();
     }, 300));
-    this._renderContext = e, this._injector = t, this._univerInstanceService = n, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(Rn), this._addNewRender();
+    this._renderContext = e, this._injector = t, this._univerInstanceService = n, this._renderManagerService = r, this._objectProvider = this._injector.createInstance(xn), this._addNewRender();
   }
   _addNewRender() {
     const { unitId: e, engine: t, scene: n } = this._renderContext, r = this._getCurrUnitModel();
@@ -37,7 +37,7 @@ let ve = class extends pe {
         this.createThumbs();
       }, 300);
     });
-    const o = new it(ie.VIEW, n, {
+    const o = new it(re.VIEW, n, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -56,7 +56,7 @@ let ve = class extends pe {
         o.onMouseWheel(l, u);
     }), n.onFileLoaded$.subscribeEvent(() => {
       this._refreshThumb();
-    }), yt.attachTo(o);
+    }), Pt.attachTo(o);
     const c = this._createSlide(n);
     this._renderContext.mainComponent = c, this._createSlidePages(r, c), this.createThumbs(), t.runRenderLoop(() => {
       n.render();
@@ -64,7 +64,7 @@ let ve = class extends pe {
   }
   _scrollToCenter() {
     var a;
-    const e = (a = this._currentRender()) == null ? void 0 : a.scene, t = e == null ? void 0 : e.getViewport(ie.VIEW), n = this._getCenterPositionViewPort(e);
+    const e = (a = this._currentRender()) == null ? void 0 : a.scene, t = e == null ? void 0 : e.getViewport(re.VIEW), n = this._getCenterPositionViewPort(e);
     if (!t || !n) return;
     const { left: r, top: s } = n, { x: o, y: c } = t.transViewportScroll2ScrollValue(r, s);
     t.scrollToBarPos({
@@ -79,7 +79,7 @@ let ve = class extends pe {
    * @param mainScene
    */
   _createSlide(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: n, height: r } = e, s = t.getPageSize(), { width: o = 100, height: c = 100 } = s, a = new In(ie.COMPONENT, {
+    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), { width: n, height: r } = e, s = t.getPageSize(), { width: o = 100, height: c = 100 } = s, a = new bn(re.COMPONENT, {
       left: (n - o) / 2,
       top: (r - c) / 2,
       width: o,
@@ -89,14 +89,14 @@ let ve = class extends pe {
     return a.enableSelectedClipElement(), e.addObject(a), a;
   }
   _addBackgroundRect(e, t) {
-    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, c = new Pt("canvas", {
+    const r = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: o = 0 } = r, c = new Tt("canvas", {
       left: 0,
       top: 0,
       width: s,
       height: o,
       strokeWidth: 1,
       stroke: "rgba(198,198,198,1)",
-      fill: dn(t) || "rgba(255,255,255,1)",
+      fill: un(t) || "rgba(255,255,255,1)",
       zIndex: 0,
       evented: !1
     });
@@ -183,7 +183,7 @@ let ve = class extends pe {
     const n = this._renderContext;
     if (!n || !this._objectProvider)
       return;
-    const { scene: r, mainComponent: s } = n, o = s, { width: c, height: a } = o, u = new bn(e, o, {
+    const { scene: r, mainComponent: s } = n, o = s, { width: c, height: a } = o, u = new En(e, o, {
       width: c,
       height: a
     });
@@ -249,22 +249,22 @@ let ve = class extends pe {
     s && o && s.addPageScene(o), e.appendPage(t), e.setActivePage(t);
   }
 };
-ve = qn([
-  Ne(1, z(ke)),
-  Ne(2, w),
-  Ne(3, K)
-], ve);
-var Jn = Object.getOwnPropertyDescriptor, Qn = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Jn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+pe = Jn([
+  Ue(1, z(ke)),
+  Ue(2, w),
+  Ue(3, K)
+], pe);
+var Qn = Object.getOwnPropertyDescriptor, ei = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Qn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ei = (i, e) => (t, n) => e(t, n, i);
-let P = class extends pe {
+}, ti = (i, e) => (t, n) => e(t, n, i);
+let P = class extends fe {
   constructor(i) {
     super(), this._renderManagerService = i;
   }
   _getSlideRenderControllerFromRenderUnit(i) {
-    return this._renderManagerService.getRenderById(i).with(ve);
+    return this._renderManagerService.getRenderById(i).with(pe);
   }
   createThumbs(i) {
     this._getSlideRenderControllerFromRenderUnit(i).createThumbs();
@@ -291,10 +291,10 @@ let P = class extends pe {
     this._getSlideRenderControllerFromRenderUnit(i).appendPage();
   }
 };
-P = Qn([
-  ei(0, K)
+P = ei([
+  ti(0, K)
 ], P);
-const Vt = {
+const jt = {
   id: "slide.operation.activate-slide",
   type: D.OPERATION,
   handler: (i, e) => {
@@ -306,14 +306,14 @@ const Vt = {
     const a = (l = c.scene) == null ? void 0 : l.getTransformer();
     return a && a.clearControls(), n.activePage(e.id, t), !0;
   }
-}, jt = {
+}, At = {
   id: "slide.operation.append-slide",
   type: D.OPERATION,
   handler: (i, e) => {
     const t = e.unitId;
     return i.get(w).getUnit(t) ? (i.get(P).appendPage(t), !0) : !1;
   }
-}, At = {
+}, Lt = {
   id: "slide.operation.delete-element",
   type: D.OPERATION,
   handler: (i, e) => {
@@ -327,17 +327,17 @@ const Vt = {
   id: "slide.command.insert-float-image",
   type: D.COMMAND,
   handler: async (i, e) => {
-    var N;
-    const t = i.get(w), n = (N = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : N.getUnitId();
+    var U;
+    const t = i.get(w), n = (U = t.getCurrentUnitForType(E.UNIVER_SLIDE)) == null ? void 0 : U.getUnitId();
     if (!n) return !1;
-    const s = await i.get(yn).openFile({
+    const s = await i.get(Pn).openFile({
       multiple: !0,
-      accept: xn.map((x) => `.${x.replace("image/", "")}`).join(",")
+      accept: On.map((x) => `.${x.replace("image/", "")}`).join(",")
     });
     if (s.length !== 1) return !1;
-    const c = await i.get(On).saveImage(s[0]);
+    const c = await i.get(wn).saveImage(s[0]);
     if (!c) return !1;
-    const { imageId: a, imageSourceType: u, source: l, base64Cache: d } = c, { width: v, height: _, image: f } = await wn(d || ""), p = t.getUnit(n);
+    const { imageId: a, imageSourceType: u, source: l, base64Cache: d } = c, { width: v, height: _, image: f } = await yn(d || ""), p = t.getUnit(n);
     if (!p) return !1;
     const h = p.getActivePage(), m = Object.values(h.pageElements), I = m != null && m.length ? Math.max(...m.map((x) => x.zIndex)) : 20, b = {
       id: a,
@@ -365,8 +365,8 @@ const Vt = {
   }
 };
 function F({ ref: i, ...e }) {
-  const { icon: t, id: n, className: r, extend: s, ...o } = e, c = `univerjs-icon univerjs-icon-${n} ${r || ""}`.trim(), a = Ut(`_${ii()}`);
-  return Lt(t, `${n}`, {
+  const { icon: t, id: n, className: r, extend: s, ...o } = e, c = `univerjs-icon univerjs-icon-${n} ${r || ""}`.trim(), a = Ut(`_${ri()}`);
+  return $t(t, `${n}`, {
     defIds: t.defIds,
     idSuffix: a.current
   }, {
@@ -375,14 +375,14 @@ function F({ ref: i, ...e }) {
     ...o
   }, s);
 }
-function Lt(i, e, t, n, r) {
+function $t(i, e, t, n, r) {
   return H(i.tag, {
     key: e,
-    ...ti(i, t, r),
+    ...ni(i, t, r),
     ...n
-  }, (ni(i, t).children || []).map((s, o) => Lt(s, `${e}-${i.tag}-${o}`, t, void 0, r)));
+  }, (ii(i, t).children || []).map((s, o) => $t(s, `${e}-${i.tag}-${o}`, t, void 0, r)));
 }
-function ti(i, e, t) {
+function ni(i, e, t) {
   const n = { ...i.attrs };
   t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(([s, o]) => {
     s === "mask" && typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
@@ -392,7 +392,7 @@ function ti(i, e, t) {
     typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   })), n;
 }
-function ni(i, e) {
+function ii(i, e) {
   var n;
   const { defIds: t } = e;
   return !t || t.length === 0 ? i : i.tag === "defs" && ((n = i.children) != null && n.length) ? {
@@ -406,11 +406,11 @@ function ni(i, e) {
     } : r)
   } : i;
 }
-function ii() {
+function ri() {
   return Math.random().toString(36).substring(2, 8);
 }
 F.displayName = "UniverIcon";
-const ri = {
+const si = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -453,15 +453,15 @@ const ri = {
       }
     }
   ]
-}, $t = Z(function(e, t) {
+}, Bt = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "bottom-icon",
     ref: t,
-    icon: ri
+    icon: si
   }));
 });
-$t.displayName = "BottomIcon";
-const si = {
+Bt.displayName = "BottomIcon";
+const oi = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -499,15 +499,15 @@ const si = {
     }]
   }],
   defIds: ["graph-icon_clip0_1293_28"]
-}, Bt = Z(function(e, t) {
+}, Ht = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "graph-icon",
     ref: t,
-    icon: si
+    icon: oi
   }));
 });
-Bt.displayName = "GraphIcon";
-const oi = {
+Ht.displayName = "GraphIcon";
+const ci = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -529,11 +529,11 @@ const oi = {
   return H(F, Object.assign({}, e, {
     id: "more-down-icon",
     ref: t,
-    icon: oi
+    icon: ci
   }));
 });
 Xe.displayName = "MoreDownIcon";
-const ci = {
+const ai = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -557,15 +557,15 @@ const ci = {
       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 = Z(function(e, t) {
+}, Ft = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "move-down-icon",
     ref: t,
-    icon: ci
+    icon: ai
   }));
 });
-Ht.displayName = "MoveDownIcon";
-const ai = {
+Ft.displayName = "MoveDownIcon";
+const li = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -589,15 +589,15 @@ const ai = {
       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 = Z(function(e, t) {
+}, Wt = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "move-up-icon",
     ref: t,
-    icon: ai
+    icon: li
   }));
 });
-Ft.displayName = "MoveUpIcon";
-const li = {
+Wt.displayName = "MoveUpIcon";
+const di = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -636,15 +636,15 @@ const li = {
     }]
   }],
   defIds: ["text-icon_clip0_1293_26"]
-}, Wt = Z(function(e, t) {
+}, kt = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "text-icon",
     ref: t,
-    icon: li
+    icon: di
   }));
 });
-Wt.displayName = "TextIcon";
-const di = {
+kt.displayName = "TextIcon";
+const ui = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -680,15 +680,15 @@ const di = {
       }
     }
   ]
-}, kt = Z(function(e, t) {
+}, zt = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "topmost-icon",
     ref: t,
-    icon: di
+    icon: ui
   }));
 });
-kt.displayName = "TopmostIcon";
-const ui = {
+zt.displayName = "TopmostIcon";
+const hi = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -733,15 +733,15 @@ const ui = {
       }
     }
   ]
-}, zt = Z(function(e, t) {
+}, Kt = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "autofill-double-icon",
     ref: t,
-    icon: ui
+    icon: hi
   }));
 });
-zt.displayName = "AutofillDoubleIcon";
-const hi = {
+Kt.displayName = "AutofillDoubleIcon";
+const gi = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -775,14 +775,14 @@ const hi = {
       }
     }
   ]
-}, Kt = Z(function(e, t) {
+}, Zt = Z(function(e, t) {
   return H(F, Object.assign({}, e, {
     id: "paint-bucket-double-icon",
     ref: t,
-    icon: hi
+    icon: gi
   }));
 });
-Kt.displayName = "PaintBucketDoubleIcon";
+Zt.displayName = "PaintBucketDoubleIcon";
 const B = {
   id: "slide.operation.update-element",
   type: D.OPERATION,
@@ -790,11 +790,11 @@ const B = {
     const { oKey: t, props: n } = e, r = i.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] = St(c.pageElements[t], n), o.updatePage(c.id, c), !0;
+    return c.pageElements[t] = It(c.pageElements[t], n), o.updatePage(c.id, c), !0;
   }
 };
-function gi(i) {
-  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
+function vi(i) {
+  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(N), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
   if (!a) return null;
@@ -802,8 +802,8 @@ function gi(i) {
   if (!l) return null;
   const d = (v) => {
     const _ = c.getAllObjects(), [f, p] = _.reduce(([m, I], b) => {
-      const T = b.zIndex, M = T < m ? T : m, N = T > I ? T : I;
-      return [M, N];
+      const T = b.zIndex, M = T < m ? T : m, U = T > I ? T : I;
+      return [M, U];
     }, [0, 0]);
     let h = l.zIndex;
     v === 3 ? h = f - 1 : v === 2 ? h = p + 1 : v === 0 ? h = l.zIndex + 1 : v === 1 && (h = l.zIndex - 1), l.setProps({
@@ -825,50 +825,50 @@ function gi(i) {
       }
     ) }),
     /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
         d(
           0
           /* forward */
         );
       }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g(Ft, {}),
+        /* @__PURE__ */ g(Wt, {}),
         n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
         d(
           1
           /* backward */
         );
       }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g(Ht, {}),
+        /* @__PURE__ */ g(Ft, {}),
         n.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
     /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
         d(
           2
           /* front */
         );
       }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g(kt, {}),
+        /* @__PURE__ */ g(zt, {}),
         n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Ce, { onClick: () => {
+      /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(Se, { onClick: () => {
         d(
           3
           /* back */
         );
       }, children: /* @__PURE__ */ R("span", { className: "univer-flex univer-items-center univer-gap-1", children: [
-        /* @__PURE__ */ g($t, {}),
+        /* @__PURE__ */ g(Bt, {}),
         n.t("image-panel.arrange.back")
       ] }) }) })
     ] })
   ] });
 }
-function vi(i) {
+function pi(i) {
   var f, p;
-  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
+  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(N), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
   if (!a) return null;
@@ -895,7 +895,7 @@ function vi(i) {
   return /* @__PURE__ */ g(
     "div",
     {
-      className: k("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Dt),
+      className: k("univer-relative univer-bottom-0 univer-mt-5 univer-w-full", Nt),
       children: /* @__PURE__ */ R("div", { className: "univer-relative univer-w-full", children: [
         /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g(
           "div",
@@ -905,17 +905,17 @@ function vi(i) {
           }
         ) }),
         /* @__PURE__ */ g("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: /* @__PURE__ */ g("div", { className: "univer-w-1/2", children: /* @__PURE__ */ g(
-          Mt,
+          Dt,
           {
             overlay: /* @__PURE__ */ g("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ g(
-              Ln,
+              $n,
               {
                 value: "#fff",
                 onChange: _
               }
             ) }),
             children: /* @__PURE__ */ R("a", { className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1", children: [
-              /* @__PURE__ */ g(Kt, { className: "univer-fill-primary-600" }),
+              /* @__PURE__ */ g(Zt, { className: "univer-fill-primary-600" }),
               /* @__PURE__ */ g(Xe, {})
             ] })
           }
@@ -924,8 +924,8 @@ function vi(i) {
     }
   );
 }
-function pi(i) {
-  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(U), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
+function fi(i) {
+  const { pageId: e, unitId: t } = i, n = O(J), r = O(P), s = O(N), o = r.getRenderUnitByPageId(e, t), c = o == null ? void 0 : o.scene;
   if (!c) return null;
   const a = c.getTransformer();
   if (!a) return null;
@@ -937,24 +937,24 @@ function pi(i) {
     left: _ = 0,
     top: f = 0,
     angle: p = 0
-  } = l, [h, m] = $(d), [I, b] = $(v), [T, M] = $(_), [N, x] = $(f), [W, oe] = $(p), A = (C) => {
-    const { objects: ce } = C, ae = ce.values().next().value, {
-      width: tn = 0,
-      height: nn = 0,
-      left: rn = 0,
-      top: sn = 0,
-      angle: on = 0
-    } = ae;
-    m(tn), b(nn), M(rn), x(sn), oe(on);
+  } = l, [h, m] = $(d), [I, b] = $(v), [T, M] = $(_), [U, x] = $(f), [W, ce] = $(p), A = (C) => {
+    const { objects: ae } = C, le = ae.values().next().value, {
+      width: nn = 0,
+      height: rn = 0,
+      left: sn = 0,
+      top: on = 0,
+      angle: cn = 0
+    } = le;
+    m(nn), b(rn), M(sn), x(on), ce(cn);
   };
-  ge(() => {
-    const C = a.changeStart$.subscribe((ae) => {
-      A(ae);
-    }), ce = a.changing$.subscribe((ae) => {
-      A(ae);
+  ve(() => {
+    const C = a.changeStart$.subscribe((le) => {
+      A(le);
+    }), ae = a.changing$.subscribe((le) => {
+      A(le);
     });
     return () => {
-      ce.unsubscribe(), C.unsubscribe();
+      ae.unsubscribe(), C.unsubscribe();
     };
   }, []);
   function L(C) {
@@ -984,7 +984,7 @@ function pi(i) {
       }
     }), l == null || l.translate(C, l.top), M(C), a == null || a.refreshControls());
   }
-  function _e(C) {
+  function me(C) {
     !C || !l || (s.executeCommand(B.id, {
       pageId: e,
       oKey: l.oKey,
@@ -993,7 +993,7 @@ function pi(i) {
       }
     }), l == null || l.translate(l.left, C), x(C), a == null || a.refreshControls());
   }
-  function me(C) {
+  function Ce(C) {
     !C || !l || (s.executeCommand(B.id, {
       pageId: e,
       oKey: l.oKey,
@@ -1002,12 +1002,12 @@ function pi(i) {
       }
     }), l == null || l.transformByState({
       angle: C
-    }), oe(C), a == null || a.refreshControls());
+    }), ce(C), a == null || a.refreshControls());
   }
   return /* @__PURE__ */ R(
     "div",
     {
-      className: k("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", Dt),
+      className: k("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", Nt),
       children: [
         /* @__PURE__ */ g(
           "header",
@@ -1024,7 +1024,7 @@ function pi(i) {
               /* @__PURE__ */ R("div", { children: [
                 /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.width") }),
                 /* @__PURE__ */ g(
-                  le,
+                  de,
                   {
                     min: 1,
                     value: h,
@@ -1037,7 +1037,7 @@ function pi(i) {
               /* @__PURE__ */ R("div", { children: [
                 /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.height") }),
                 /* @__PURE__ */ g(
-                  le,
+                  de,
                   {
                     min: 1,
                     value: I,
@@ -1053,24 +1053,24 @@ function pi(i) {
         /* @__PURE__ */ R("div", { className: "univer-relative univer-mt-2.5 univer-flex univer-h-full", children: [
           /* @__PURE__ */ R("div", { children: [
             /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.x") }),
-            /* @__PURE__ */ g(le, { min: 0, precision: 1, value: T, onChange: (C) => {
+            /* @__PURE__ */ g(de, { min: 0, precision: 1, value: T, onChange: (C) => {
               ee(C);
             } })
           ] }),
           /* @__PURE__ */ R("div", { children: [
             /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.y") }),
-            /* @__PURE__ */ g(le, { min: 0, precision: 1, value: N, onChange: (C) => {
-              _e(C);
+            /* @__PURE__ */ g(de, { min: 0, precision: 1, value: U, onChange: (C) => {
+              me(C);
             } })
           ] }),
           /* @__PURE__ */ R("div", { children: [
             /* @__PURE__ */ g("span", { children: n.t("image-panel.transform.rotate") }),
             /* @__PURE__ */ g(
-              le,
+              de,
               {
                 precision: 1,
                 value: W,
-                onChange: me
+                onChange: Ce
               }
             )
           ] })
@@ -1080,7 +1080,7 @@ function pi(i) {
   );
 }
 const Ee = "COMPONENT_SLIDE_SIDEBAR";
-function fi() {
+function _i() {
   var u, l, d;
   const i = O(w), e = O(P), t = i.getCurrentUnitForType(E.UNIVER_SLIDE), n = (u = t == null ? void 0 : t.getActivePage()) == null ? void 0 : u.id, r = ((l = i.getFocusedUnit()) == null ? void 0 : l.getUnitId()) || "";
   if (!n || !r) return null;
@@ -1088,9 +1088,9 @@ function fi() {
   if (!o) return null;
   const a = o.getSelectedObjectMap().values().next().value;
   return a ? /* @__PURE__ */ R("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
-    /* @__PURE__ */ g(gi, { pageId: n, unitId: r }),
-    /* @__PURE__ */ g(pi, { pageId: n, unitId: r }),
-    a.objectType === de.RECT && /* @__PURE__ */ g(vi, { pageId: n, unitId: r })
+    /* @__PURE__ */ g(vi, { pageId: n, unitId: r }),
+    /* @__PURE__ */ g(fi, { pageId: n, unitId: r }),
+    a.objectType === ue.RECT && /* @__PURE__ */ g(pi, { pageId: n, unitId: r })
   ] }) : null;
 }
 const Ye = {
@@ -1098,10 +1098,10 @@ const Ye = {
   type: D.COMMAND,
   handler: async (i) => {
     var r;
-    const e = i.get(U), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Zt.id, { unitId: n });
+    const e = i.get(N), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return e.executeCommand(Gt.id, { unitId: n });
   }
-}, Zt = {
+}, Gt = {
   id: "slide.operation.insert-float-shape.rectangle",
   type: D.OPERATION,
   handler: async (i, e) => {
@@ -1118,7 +1118,7 @@ const Ye = {
       description: "",
       type: De.SHAPE,
       shape: {
-        shapeType: It.Rect,
+        shapeType: bt.Rect,
         text: "",
         shapeProperties: {
           shapeBackgroundFill: {
@@ -1135,9 +1135,9 @@ const Ye = {
   id: "sidebar.operation.slide-shape",
   type: D.COMMAND,
   handler: async (i, e) => {
-    const { visible: t, objectType: n } = e, r = i.get(Tt), s = i.get(J);
+    const { visible: t, objectType: n } = e, r = i.get(Mt), s = i.get(J);
     let o = "", c = "";
-    return n === de.RECT ? (o = "slide.sidebar.shape", c = Ee) : n === de.IMAGE ? (o = "slide.sidebar.image", c = Ee) : n === de.RICH_TEXT && (o = "slide.sidebar.text", c = Ee), t ? r.open({
+    return n === ue.RECT ? (o = "slide.sidebar.shape", c = Ee) : n === ue.IMAGE ? (o = "slide.sidebar.image", c = Ee) : n === ue.RICH_TEXT && (o = "slide.sidebar.text", c = Ee), t ? r.open({
       header: { title: s.t(o) },
       children: { label: c },
       onClose: () => {
@@ -1150,10 +1150,10 @@ const Ye = {
   type: D.COMMAND,
   handler: async (i) => {
     var r;
-    const e = i.get(U), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return e.executeCommand(Gt.id, { unitId: n });
+    const e = i.get(N), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return e.executeCommand(Xt.id, { unitId: n });
   }
-}, Gt = {
+}, Xt = {
   id: "slide.operation.insert-float-shape.ellipse",
   type: D.OPERATION,
   handler: async (i, e) => {
@@ -1170,7 +1170,7 @@ const Ye = {
       description: "",
       type: De.SHAPE,
       shape: {
-        shapeType: It.Ellipse,
+        shapeType: bt.Ellipse,
         text: "",
         shapeProperties: {
           radius: 100,
@@ -1189,10 +1189,10 @@ const Ye = {
   type: D.COMMAND,
   handler: async (i) => {
     var r;
-    const e = i.get(U), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
-    return await e.executeCommand(Xt.id, { unitId: n });
+    const e = i.get(N), n = (r = i.get(w).getFocusedUnit()) == null ? void 0 : r.getUnitId();
+    return await e.executeCommand(Yt.id, { unitId: n });
   }
-}, Xt = {
+}, Yt = {
   id: "slide.operation.add-text",
   type: D.OPERATION,
   handler: async (i, e) => {
@@ -1221,18 +1221,18 @@ const Ye = {
     const p = i.get(P), h = p.createObjectToPage(f, d.id, t);
     return h && p.setObjectActiveByPage(h, d.id, t), !0;
   }
-}, Yt = {
+}, qt = {
   id: "slide.operation.set-slide-page-thumb",
   type: D.OPERATION,
   handler: (i, e) => (i.get(P).createThumbs(e.unitId), !0)
 };
-function _i() {
+function mi() {
   var f, p;
-  const i = O(w), e = O(U), t = O(K), n = O(J), r = Ut(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
+  const i = O(w), e = O(N), t = O(K), n = O(J), r = Ut(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), c = s == null ? void 0 : s.getPageOrder();
   if (!o || !c)
     return null;
-  const a = c.map((h) => o[h]), [u, l] = $((p = (f = s == null ? void 0 : s.getActivePage()) == null ? void 0 : f.id) != null ? p : null), d = Bn(() => a.map(() => Hn()), [a]);
-  ge(() => {
+  const a = c.map((h) => o[h]), [u, l] = $((p = (f = s == null ? void 0 : s.getActivePage()) == null ? void 0 : f.id) != null ? p : null), d = Hn(() => a.map(() => Fn()), [a]);
+  ve(() => {
     const h = s == null ? void 0 : s.activePage$.subscribe((m) => {
       var b;
       const I = (b = m == null ? void 0 : m.id) != null ? b : null;
@@ -1241,30 +1241,30 @@ function _i() {
     return () => {
       h == null || h.unsubscribe();
     };
-  }, []), ge(() => {
+  }, []), ve(() => {
     d.forEach((h, m) => {
       var I;
       if (h.current) {
         const b = a[m];
         (I = t.getRenderById(b.id)) == null || I.engine.setContainer(h.current);
       }
-    }), d.length > 0 && e.syncExecuteCommand(Yt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+    }), d.length > 0 && e.syncExecuteCommand(qt.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [d, a, t, e, s]);
   const v = lt((h) => {
-    e.syncExecuteCommand(Vt.id, { id: h, unitId: s == null ? void 0 : s.getUnitId() });
+    e.syncExecuteCommand(jt.id, { id: h, unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]), _ = lt(() => {
-    e.syncExecuteCommand(jt.id, { unitId: s == null ? void 0 : s.getUnitId() });
+    e.syncExecuteCommand(At.id, { unitId: s == null ? void 0 : s.getUnitId() });
   }, [e, s]);
   return /* @__PURE__ */ g(
     "aside",
     {
       ref: r,
-      className: k("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", $n),
+      className: k("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", Bn),
       children: /* @__PURE__ */ R("div", { className: "univer-px-4", children: [
         /* @__PURE__ */ g("header", { className: "univer-flex univer-justify-center univer-pt-4", children: /* @__PURE__ */ g(
           "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", he),
+            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: _,
             children: n.t("slide.append")
           }
@@ -1282,7 +1282,7 @@ function _i() {
                 "div",
                 {
                   ref: d[m],
-                  className: k("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", he)
+                  className: k("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", ge)
                 }
               )
             ]
@@ -1293,98 +1293,17 @@ function _i() {
     }
   );
 }
-const ue = un("SLIDE_EDITOR"), qt = "slide.menu.image";
-function mi(i) {
-  return {
-    id: qt,
-    type: se.SUBITEMS,
-    icon: "AddImageIcon",
-    tooltip: "slide.image.insert.title",
-    hidden$: re(i, E.UNIVER_SLIDE)
-  };
-}
-function Ci(i) {
-  return {
-    id: Ge.id,
-    title: "slide.image.insert.float",
-    type: se.BUTTON,
-    hidden$: re(i, E.UNIVER_SLIDE)
-  };
-}
-const Jt = "slide.menu.shape";
-function Si(i) {
-  return {
-    id: Jt,
-    type: se.SUBITEMS,
-    icon: "GraphIcon",
-    tooltip: "slide.shape.insert.title",
-    hidden$: re(i, E.UNIVER_SLIDE)
-    // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
-  };
-}
-function Ii(i) {
-  return {
-    id: Ye.id,
-    title: "slide.shape.insert.rectangle",
-    type: se.BUTTON,
-    hidden$: re(i, E.UNIVER_SLIDE)
-  };
-}
-function bi(i) {
-  return {
-    id: qe.id,
-    title: "slide.shape.insert.ellipse",
-    type: se.BUTTON,
-    hidden$: re(i, E.UNIVER_SLIDE)
-  };
-}
-function Ei(i) {
-  return {
-    id: Je.id,
-    type: se.BUTTON,
-    icon: "TextIcon",
-    tooltip: "slide.text.insert.title",
-    hidden$: re(i, E.UNIVER_SLIDE)
-  };
-}
-const Ri = {
-  [Pn.FORMAT]: {
-    [Je.id]: {
-      order: 0,
-      menuItemFactory: Ei
-    },
-    [qt]: {
-      order: 0,
-      menuItemFactory: mi,
-      [Ge.id]: {
-        order: 0,
-        menuItemFactory: Ci
-      }
-    },
-    [Jt]: {
-      order: 0,
-      menuItemFactory: Si,
-      [Ye.id]: {
-        order: 0,
-        menuItemFactory: Ii
-      },
-      [qe.id]: {
-        order: 0,
-        menuItemFactory: bi
-      }
-    }
-  }
-}, Oe = {
+const he = hn("SLIDE_EDITOR"), Oe = {
   id: "slide.operation.edit-arrow",
   type: D.OPERATION,
   handler: () => !0
-}, Qt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-function xi(i) {
+}, Jt = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
+function Ci(i) {
   var f, p;
   const e = (p = (f = i.popup) == null ? void 0 : f.extraProps) == null ? void 0 : p.menuItems;
   if (!e)
     return null;
-  const t = O(U), n = O(J), [r, s] = $(!1), [o, c] = $(!1), a = () => {
+  const t = O(N), n = O(J), [r, s] = $(!1), [o, c] = $(!1), a = () => {
     c(!0);
   }, u = () => {
     c(!1);
@@ -1399,13 +1318,13 @@ function xi(i) {
       onMouseEnter: a,
       onMouseLeave: u,
       children: /* @__PURE__ */ g(
-        Mt,
+        Dt,
         {
           align: "start",
           overlay: /* @__PURE__ */ g(
             "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", he),
+              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: _.map((h) => /* @__PURE__ */ g(
                 "li",
                 {
@@ -1422,13 +1341,13 @@ function xi(i) {
           children: /* @__PURE__ */ R(
             "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", he, {
+              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__ */ g(
-                  zt,
+                  Kt,
                   {
                     className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
                   }
@@ -1442,7 +1361,89 @@ function xi(i) {
     }
   );
 }
-class Oi {
+const Qt = "slide.menu.image";
+function Si(i) {
+  return {
+    id: Qt,
+    type: oe.SUBITEMS,
+    icon: "AddImageIcon",
+    tooltip: "slide.image.insert.title",
+    hidden$: se(i, E.UNIVER_SLIDE)
+  };
+}
+function Ii(i) {
+  return {
+    id: Ge.id,
+    title: "slide.image.insert.float",
+    type: oe.BUTTON,
+    hidden$: se(i, E.UNIVER_SLIDE)
+  };
+}
+const en = "slide.menu.shape";
+function bi(i) {
+  return {
+    id: en,
+    type: oe.SUBITEMS,
+    icon: "GraphIcon",
+    tooltip: "slide.shape.insert.title",
+    hidden$: se(i, E.UNIVER_SLIDE)
+    // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
+  };
+}
+function Ei(i) {
+  return {
+    id: Ye.id,
+    title: "slide.shape.insert.rectangle",
+    type: oe.BUTTON,
+    hidden$: se(i, E.UNIVER_SLIDE)
+  };
+}
+function Ri(i) {
+  return {
+    id: qe.id,
+    title: "slide.shape.insert.ellipse",
+    type: oe.BUTTON,
+    hidden$: se(i, E.UNIVER_SLIDE)
+  };
+}
+function xi(i) {
+  return {
+    id: Je.id,
+    type: oe.BUTTON,
+    icon: "TextIcon",
+    tooltip: "slide.text.insert.title",
+    hidden$: se(i, E.UNIVER_SLIDE)
+  };
+}
+const Oi = {
+  [Tn.FORMAT]: {
+    [Je.id]: {
+      order: 0,
+      menuItemFactory: xi
+    },
+    [Qt]: {
+      order: 0,
+      menuItemFactory: Si,
+      [Ge.id]: {
+        order: 0,
+        menuItemFactory: Ii
+      }
+    },
+    [en]: {
+      order: 0,
+      menuItemFactory: bi,
+      [Ye.id]: {
+        order: 0,
+        menuItemFactory: Ei
+      },
+      [qe.id]: {
+        order: 0,
+        menuItemFactory: Ri
+      }
+    }
+  }
+};
+class wi {
   constructor() {
     S(this, "_state", null);
     S(this, "_rect", null);
@@ -1476,7 +1477,7 @@ class Oi {
     this._state$.next(e);
   }
 }
-const Qe = bt(
+const Qe = Et(
   "univer.slide-editor-manager.service"
 ), we = -1e3, vt = {
   width: 0,
@@ -1484,16 +1485,16 @@ const Qe = bt(
   top: we,
   left: we
 };
-function wi() {
+function yi() {
   const [i, e] = $({
     ...vt
-  }), t = O(Qe), n = O(Ze), r = O(fe), s = Tn(
+  }), t = O(Qe), n = O(Ze), r = O(_e), s = Mn(
     () => r.subscribeContextValue$(ot),
     !1,
     void 0,
     [r, ot]
   );
-  return hn.UNSPECIFIED, ge(() => {
+  return gn.UNSPECIFIED, ve(() => {
     t.state$.subscribe((o) => {
       if (o == null)
         return;
@@ -1510,24 +1511,24 @@ function wi() {
         });
       else {
         e({
-          width: u - c - ne + 2,
-          height: l - a - ne + 2,
-          left: c + ne,
-          top: a + ne
+          width: u - c - ie + 2,
+          height: l - a - ie + 2,
+          left: c + ie,
+          top: a + ie
         });
-        const v = n.getEditor(ue);
+        const v = n.getEditor(he);
         if (v == null)
           return;
         const { left: _, top: f, width: p, height: h } = v.getBoundingClientRect();
         t.setRect({ left: _, top: f, width: p, height: h });
       }
     });
-  }, []), ge(() => {
+  }, []), ve(() => {
     s || t.setFocus(!0);
   }, [s, i]), /* @__PURE__ */ g(
     "div",
     {
-      className: k("univer-absolute univer-z-10 univer-box-border univer-flex", he),
+      className: k("univer-absolute univer-z-10 univer-box-border univer-flex", ge),
       style: {
         left: i.left,
         top: i.top,
@@ -1538,21 +1539,21 @@ function wi() {
   );
 }
 function Be(i) {
-  return i.getContextValue(Et) && i.getContextValue(Re);
+  return i.getContextValue(Rt) && i.getContextValue(Re);
 }
-function yi(i) {
-  return i.getContextValue(gn) && i.getContextValue(Et);
+function Pi(i) {
+  return i.getContextValue(vn) && i.getContextValue(Rt);
 }
-const en = [
+const tn = [
   y.ARROW_DOWN,
   y.ARROW_UP,
   y.ARROW_LEFT,
   y.ARROW_RIGHT
 ];
-[y.ENTER, y.TAB, ...en];
-function Pi() {
+[y.ENTER, y.TAB, ...tn];
+function Ti() {
   const i = [];
-  for (const e of en)
+  for (const e of tn)
     i.push({
       id: Oe.id,
       binding: e,
@@ -1565,7 +1566,7 @@ function Pi() {
       }
     }), i.push({
       id: Oe.id,
-      binding: e | Mn.SHIFT,
+      binding: e | Dn.SHIFT,
       preconditions: (t) => Be(t),
       staticParameters: {
         visible: !1,
@@ -1576,41 +1577,41 @@ function Pi() {
     });
   return i;
 }
-const Ti = {
-  id: Fn.id,
-  preconditions: (i) => Be(i) || yi(i),
+const Mi = {
+  id: Wn.id,
+  preconditions: (i) => Be(i) || Pi(i),
   binding: y.BACKSPACE
 };
-var Mi = Object.getOwnPropertyDescriptor, Di = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Mi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Di = Object.getOwnPropertyDescriptor, Ni = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Di(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, te = (i, e) => (t, n) => e(t, n, i);
-let ye = class extends Ue {
+let ye = class extends Ne {
   constructor(i, e, t, n, r, s) {
     super(), this._injector = i, this._menuManagerService = e, this._componentManager = t, this._uiPartsService = n, this._commandService = r, this._shortcutService = s, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Ri);
+    this._menuManagerService.mergeMenu(Oi);
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register("TextIcon", Wt)), this.disposeWithMe(i.register("GraphIcon", Bt)), this.disposeWithMe(i.register(Qt, xi)), this.disposeWithMe(i.register(Ee, fi));
+    this.disposeWithMe(i.register("TextIcon", kt)), this.disposeWithMe(i.register("GraphIcon", Ht)), this.disposeWithMe(i.register(Jt, Ci)), this.disposeWithMe(i.register(Ee, _i));
   }
   _initCommands() {
     [
+      At,
       jt,
-      Vt,
-      Yt,
+      qt,
       Ge,
-      Xt,
+      Yt,
       Je,
       qe,
+      Xt,
       Gt,
-      Zt,
       Ye,
       $e,
-      At,
+      Lt,
       B,
       // commands for editor
       Oe
@@ -1618,234 +1619,42 @@ let ye = class extends Ue {
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.LEFT_SIDEBAR, () => at(_i, this._injector))
+      this._uiPartsService.registerComponent(ct.LEFT_SIDEBAR, () => at(mi, this._injector))
     ), this.disposeWithMe(
-      this._uiPartsService.registerComponent(ct.CONTENT, () => at(wi, this._injector))
+      this._uiPartsService.registerComponent(ct.CONTENT, () => at(yi, this._injector))
     );
   }
   _initShortcuts() {
     [
-      Ti,
-      ...Pi()
+      Mi,
+      ...Ti()
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
 };
-ye = Di([
+ye = Ni([
   te(0, z(ke)),
-  te(1, Dn),
+  te(1, Nn),
   te(2, z(Un)),
-  te(3, Nn),
-  te(4, U),
-  te(5, Vn)
+  te(3, Vn),
+  te(4, N),
+  te(5, jn)
 ], ye);
-const Ui = "slides-ui.config", pt = {};
-var Ni = Object.getOwnPropertyDescriptor, Vi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ni(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Se = (i, e) => (t, n) => e(t, n, i);
-function ji(i, e) {
-  const t = ft(i.left, i.top, e), n = ft(i.right, i.bottom, e);
-  return {
-    left: t.x,
-    top: t.y,
-    right: n.x,
-    bottom: n.y
-  };
-}
-function ft(i, e, t) {
-  const { scaleX: n, scaleY: r } = t.getAncestorScale(), s = t.getViewport(ie.VIEW);
-  if (!s)
-    return {
-      x: i,
-      y: e
-    };
-  const { viewportScrollX: o, viewportScrollY: c } = s, a = (i - o) * n, u = (e - c) * r;
-  return {
-    x: a,
-    y: u
-  };
-}
-let Pe = class extends Ue {
-  constructor(i, e, t, n) {
-    super(), this._globalPopupManagerService = i, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n;
-  }
-  _createObjectPositionObserver(i, e) {
-    const n = (() => {
-      var A, L, Q, ee;
-      const { scene: o, engine: c } = e, { left: a, top: u, width: l, height: d } = i, v = (o.width - ((L = (A = e.mainComponent) == null ? void 0 : A.width) != null ? L : 0)) / 2, _ = (o.height - ((ee = (Q = e.mainComponent) == null ? void 0 : Q.height) != null ? ee : 0)) / 2, f = {
-        left: a,
-        right: a + l,
-        top: u,
-        bottom: u + d
-      }, p = c.getCanvasElement(), h = p.getBoundingClientRect(), m = En(p.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), T = ji(f, o), { top: M, left: N, width: x } = h, W = x / m;
-      return {
-        left: T.left * W * I + N + v,
-        right: T.right * W * I + N + v,
-        top: T.top * W * b + M + _,
-        bottom: T.bottom * W * b + M + _
-      };
-    })(), r = new q(n), s = new Ke();
-    return {
-      position: n,
-      position$: r,
-      disposable: s
-    };
-  }
-  attachPopupToObject(i, e) {
-    const n = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getUnitId(), r = this._renderManagerService.getRenderById(n);
-    if (!r)
-      return {
-        dispose: () => {
-        }
-      };
-    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(i, r), a = this._globalPopupManagerService.addPopup({
-      ...e,
-      unitId: n,
-      subUnitId: "default",
-      anchorRect: s,
-      anchorRect$: o,
-      canvasElement: r.engine.getCanvasElement()
-    });
-    return {
-      dispose: () => {
-        this._globalPopupManagerService.removePopup(a), o.complete(), c.dispose();
-      }
-    };
-  }
-};
-Pe = Vi([
-  Se(0, z(jn)),
-  Se(1, K),
-  Se(2, w),
-  Se(3, U)
-], Pe);
+const Ui = "@univerjs/slides-ui", Vi = "0.17.0", pt = {
+  name: Ui,
+  version: Vi
+}, ji = "slides-ui.config", ft = {};
 var Ai = Object.getOwnPropertyDescriptor, Li = (i, e, t, n) => {
   for (var r = n > 1 ? void 0 : n ? Ai(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, X = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends pe {
-  constructor(e, t, n, r, s, o, c) {
+}, Ve = (i, e) => (t, n) => e(t, n, i);
+const et = Et("univer.slide-editor-bridge.service");
+let He = class extends Ne {
+  constructor(e, t, n) {
     super();
-    S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = n, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = c, this._init();
-  }
-  _init() {
-    this._univerInstanceService.getAllUnitsForType(E.UNIVER_SLIDE).forEach((e) => this._create(e));
-  }
-  _create(e) {
-    if (!e)
-      return;
-    const t = e.getUnitId();
-    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
-  }
-  _hasCropObject(e) {
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _popupMenuListener(e) {
-    var r;
-    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), n = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
-    Object.keys(n).forEach((s) => {
-      var u;
-      const c = (u = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : u.getTransformer();
-      if (!c) return;
-      let a;
-      this.disposeWithMe(
-        Rt(
-          c.createControl$.subscribe(() => {
-            const l = c.getSelectedObjectMap();
-            if (l.size > 1) {
-              a == null || a.dispose();
-              return;
-            }
-            const d = l.values().next().value;
-            if (!d)
-              return;
-            const v = d.oKey;
-            a == null || a.dispose(), a = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-              componentKey: Qt,
-              direction: "horizontal",
-              offset: [2, 0],
-              extraProps: {
-                menuItems: this._getMenuItemsByObjectType(d.objectType, v, e)
-              }
-            })), 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(vn, !1);
-        })
-      ), this.disposeWithMe(
-        c.changing$.subscribe(() => {
-          a == null || a.dispose();
-          const l = c.getSelectedObjectMap();
-          if (l.size > 1) {
-            a == null || a.dispose();
-            return;
-          }
-          const d = l.values().next().value;
-          d && this._commandService.executeCommand(B.id, {
-            unitId: e,
-            oKey: d.oKey,
-            props: {
-              width: d.width,
-              height: d.height,
-              left: d.left,
-              top: d.top
-            }
-          });
-        })
-      );
-    });
-  }
-  _getMenuItemsByObjectType(e, t, n) {
-    return [{
-      label: "slide.popup.edit",
-      index: 0,
-      commandId: $e.id,
-      commandParams: {
-        visible: !0,
-        objectType: e
-      },
-      disable: !1
-    }, {
-      label: "slide.popup.delete",
-      index: 5,
-      commandId: At.id,
-      commandParams: {
-        id: t,
-        unitId: n
-      },
-      disable: !1
-    }];
-  }
-};
-Te = Li([
-  X(0, z(Pe)),
-  X(1, K),
-  X(2, w),
-  X(3, fe),
-  X(4, z(P)),
-  X(5, Tt),
-  X(6, U)
-], Te);
-var $i = Object.getOwnPropertyDescriptor, Bi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? $i(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, Ve = (i, e) => (t, n) => e(t, n, i);
-const et = bt("univer.slide-editor-bridge.service");
-let He = class extends Ue {
-  constructor(e, t, n) {
-    super();
-    S(this, "_editorUnitId", ue);
+    S(this, "_editorUnitId", he);
     S(this, "_isForceKeepVisible", !1);
     S(this, "_editorIsDirty", !1);
     S(this, "_currentEditRectState", null);
@@ -1860,7 +1669,7 @@ let He = class extends Ue {
     S(this, "visible$", this._visible$.asObservable());
     S(this, "_afterVisible$", new q(this._visibleParam));
     S(this, "afterVisible$", this._afterVisible$.asObservable());
-    S(this, "endEditing$", new Nt());
+    S(this, "endEditing$", new Vt());
     S(this, "_currentEditRectInfo");
     this._editorService = e, this._contextService = t, this._renderManagerService = n;
   }
@@ -1875,7 +1684,7 @@ let He = class extends Ue {
    * @editorInfo editorInfo
    */
   setEditorRect(e) {
-    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(ue), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(xt, !1), this._contextService.setContextValue(Ot, !1));
+    this._currentEditRectInfo = e, this._editorService.getFocusEditor() || (this._editorService.focus(he), this._contextService.setContextValue(Re, !1), this._contextService.setContextValue(xt, !1), this._contextService.setContextValue(Ot, !1));
     const t = this.getEditRectState();
     this._currentEditRectState = t, this._currentEditRectState$.next(t);
   }
@@ -1889,7 +1698,7 @@ let He = class extends Ue {
    * && this@setEditorRect
    */
   getEditRectState() {
-    const e = ue, t = this._currentEditRectInfo, n = t.unitId, r = t.richTextObj.documentData;
+    const e = he, t = this._currentEditRectInfo, n = t.unitId, r = t.richTextObj.documentData;
     r.id = e, r.documentStyle = {
       ...r.documentStyle,
       pageSize: { width: t.richTextObj.width, height: 1 / 0 }
@@ -1905,7 +1714,7 @@ let He = class extends Ue {
     }, c = t.richTextObj.width, a = t.richTextObj.height, u = t.richTextObj.left, l = t.richTextObj.top, d = {
       left: 0,
       top: 0
-    }, v = this._renderManagerService.getRenderById(n), _ = v == null ? void 0 : v.scene, f = _ == null ? void 0 : _.getViewport(ie.VIEW), p = _ == null ? void 0 : _.getObject(ie.COMPONENT), h = {
+    }, v = this._renderManagerService.getRenderById(n), _ = v == null ? void 0 : v.scene, f = _ == null ? void 0 : _.getViewport(re.VIEW), p = _ == null ? void 0 : _.getObject(re.COMPONENT), h = {
       x: (p == null ? void 0 : p.left) || 0,
       y: (p == null ? void 0 : p.top) || 0
     }, m = (f == null ? void 0 : f.viewportScrollX) || 0, I = (f == null ? void 0 : f.viewportScrollY) || 0;
@@ -1979,18 +1788,18 @@ let He = class extends Ue {
     };
   }
 };
-He = Bi([
+He = Li([
   Ve(0, Ze),
-  Ve(1, fe),
+  Ve(1, _e),
   Ve(2, K)
 ], He);
-var G = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(G || {}), Hi = Object.getOwnPropertyDescriptor, Fi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Hi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var G = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(G || {}), $i = Object.getOwnPropertyDescriptor, Bi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? $i(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, j = (i, e) => (t, n) => e(t, n, i);
-const _t = -1e3, mt = 5, Wi = 2;
-let Fe = class extends Ue {
+const _t = -1e3, mt = 5, Hi = 2;
+let Fe = class extends Ne {
   constructor(e, t, n, r, s, o, c, a, u, l, d, v) {
     super();
     /**
@@ -2041,7 +1850,7 @@ let Fe = class extends Ue {
     return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Zn((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(Gn((t) => !!t)).subscribe(() => {
       var t;
       (t = Le(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(dt).sync();
     }));
@@ -2132,15 +1941,15 @@ let Fe = class extends Ue {
     const a = this._getEditorObject();
     if (a == null)
       return;
-    function u(ce) {
-      return Number.parseInt(ce.replace("px", ""));
+    function u(ae) {
+      return Number.parseInt(ae.replace("px", ""));
     }
     const d = this._renderContext.engine.getCanvasElement(), v = d.getBoundingClientRect(), _ = u(d.style.width), { top: f, left: p, width: h } = v, m = h / _;
     let { startX: I, startY: b } = n;
     I += r.left, b += r.top;
-    const { document: T, scene: M, engine: N } = a, x = M.getViewport(ut.VIEW_MAIN), W = document.body.clientHeight - b - r.top - Wi * 2, oe = document.body.clientWidth - I - r.left;
+    const { document: T, scene: M, engine: U } = a, x = M.getViewport(ut.VIEW_MAIN), W = document.body.clientHeight - b - r.top - Hi * 2, ce = document.body.clientWidth - I - r.left;
     let A = t, L = x == null ? void 0 : x.getScrollBar();
-    A > W ? (A = W, L == null ? x && new yt(x, { enableHorizontal: !1, barSize: 8 }) : x == null || x.resetCanvasSizeAndUpdateScroll()) : (L = null, (C = x == null ? void 0 : x.getScrollBar()) == null || C.dispose()), e += (L == null ? void 0 : L.barSize) || 0, e = Math.min(e, oe), I -= ne, b -= ne, this._addBackground(M, e / o, t / c, s);
+    A > W ? (A = W, L == null ? x && new Pt(x, { enableHorizontal: !1, barSize: 8 }) : x == null || x.resetCanvasSizeAndUpdateScroll()) : (L = null, (C = x == null ? void 0 : x.getScrollBar()) == null || C.dispose()), e += (L == null ? void 0 : L.barSize) || 0, e = Math.min(e, ce), I -= ie, b -= ie, this._addBackground(M, e / o, t / c, s);
     const { scaleX: Q, scaleY: ee } = M.getPrecisionScale();
     M.transformByState({
       width: e * m / o,
@@ -2148,13 +1957,13 @@ let Fe = class extends Ue {
       scaleX: o * m,
       scaleY: c * m
     }), T.resize(e / o, t / c), setTimeout(() => {
-      N.resizeBySize(
+      U.resizeBySize(
         st(e, Q),
         st(A, ee)
       );
     }, 0);
-    const _e = this._layoutService.getContentElement().getBoundingClientRect(), me = d.getBoundingClientRect();
-    I = I * m + (me.left - _e.left), b = b * m + (me.top - _e.top), this._cellEditorManagerService.setState({
+    const me = this._layoutService.getContentElement().getBoundingClientRect(), Ce = d.getBoundingClientRect();
+    I = I * m + (Ce.left - me.left), b = b * m + (Ce.top - me.top), this._cellEditorManagerService.setState({
       startX: I,
       startY: b,
       endX: e * m + I,
@@ -2169,14 +1978,14 @@ let Fe = class extends Ue {
     const s = "_backgroundRectHelperColor_", o = e.getObject(s);
     o == null && r == null || (o == null ? e.addObjects(
       [
-        new Pt(s, {
+        new Tt(s, {
           width: t,
           height: n,
           fill: r,
           evented: !1
         })
       ],
-      Wn
+      kn
     ) : r == null ? o.dispose() : (o.setProps({
       fill: r
     }), o.transformByState({
@@ -2242,9 +2051,9 @@ let Fe = class extends Ue {
   _showEditorByKeyboard(e) {
   }
   _commandExecutedListener(e) {
-    const t = [Oe.id], n = [Xn.id];
+    const t = [Oe.id], n = [Yn.id];
     e.add(this._commandService.onCommandExecuted((r) => {
-      this._editorService.getFocusId() === ue && (t.includes(r.id) && this._moveCursorCmdHandler(r), n.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
+      this._editorService.getFocusId() === he && (t.includes(r.id) && this._moveCursorCmdHandler(r), n.includes(r.id) && this._editorBridgeService.isVisible() && this._editingChangedHandler());
     }));
   }
   _moveCursorCmdHandler(e) {
@@ -2261,7 +2070,7 @@ let Fe = class extends Ue {
     this._handleEditorVisible({ visible: !0, eventType: 3, unitId: n });
   }
   _getEditorObject() {
-    return ki(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
+    return Fi(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
   }
   async _handleEditorInvisible(e) {
     const { keycode: t } = e;
@@ -2312,40 +2121,40 @@ let Fe = class extends Ue {
     if (!t)
       return;
     const { document: n } = t;
-    e.add(Rt(n.onPointerDown$.subscribeEvent(() => {
+    e.add(yt(n.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 n = V.LEFT;
-    e === y.ARROW_DOWN ? n = V.DOWN : e === y.ARROW_UP ? n = V.UP : e === y.ARROW_RIGHT && (n = V.RIGHT), t ? this._commandService.executeCommand(kn.id, {
+    e === y.ARROW_DOWN ? n = V.DOWN : e === y.ARROW_UP ? n = V.UP : e === y.ARROW_RIGHT && (n = V.RIGHT), t ? this._commandService.executeCommand(zn.id, {
       direction: n
-    }) : this._commandService.executeCommand(zn.id, {
+    }) : this._commandService.executeCommand(Kn.id, {
       direction: n
     });
   }
 };
-Fe = Fi([
+Fe = Bi([
   j(1, An),
   j(2, fn),
-  j(3, fe),
+  j(3, _e),
   j(4, w),
   j(5, K),
   j(6, et),
   j(7, Qe),
-  j(8, z(Gn)),
-  j(9, U),
+  j(8, z(Xn)),
+  j(9, N),
   j(10, z(J)),
   j(11, Ze)
 ], Fe);
-function ki(i, e) {
+function Fi(i, e) {
   if (i == null)
     return;
   const t = e.getRenderById(i);
   if (t == null)
     return;
-  const { mainComponent: n, scene: r, engine: s, components: o } = t, c = n, a = o.get(Kn.BACKGROUND);
+  const { mainComponent: n, scene: r, engine: s, components: o } = t, c = n, a = o.get(Zn.BACKGROUND);
   return {
     document: c,
     docBackground: a,
@@ -2353,12 +2162,12 @@ function ki(i, e) {
     engine: s
   };
 }
-var zi = Object.getOwnPropertyDescriptor, Ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Wi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Wi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, je = (i, e) => (t, n) => e(t, n, i);
-let We = class extends pe {
+let We = class extends fe {
   constructor(e, t, n, r) {
     super();
     /**
@@ -2367,7 +2176,7 @@ let We = class extends pe {
     // private _cursorChange: CursorChange = CursorChange.InitialState;
     /** If the corresponding unit is active and prepared for editing. */
     // private _isUnitEditing = false;
-    S(this, "setSlideTextEditor$", new Nt());
+    S(this, "setSlideTextEditor$", new Vt());
     S(this, "_curRichText", null);
     S(this, "_d");
     this._renderContext = e, this._instanceSrv = t, this._commandService = n, this._editorBridgeService = r, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(E.UNIVER_SLIDE).subscribe((s) => {
@@ -2403,7 +2212,7 @@ let We = class extends pe {
       })), e.add(o.onDblclick$.subscribeEvent(() => {
         c.clearControls();
         const u = c.getSelectedObjectMap().values().next().value;
-        u && (u.objectType !== de.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, u));
+        u && (u.objectType !== ue.RICH_TEXT ? this.pickOtherObjects() : this.startEditing(o.sceneKey, u));
       })), e.add(this._instanceSrv.focused$.subscribe((a) => {
         this.endEditing();
       })));
@@ -2466,17 +2275,212 @@ let We = class extends pe {
     this._editorBridgeService.changeVisible({ visible: e, eventType: Y.PointerDown, unitId: t });
   }
 };
-We = Ki([
+We = ki([
   je(1, w),
-  je(2, U),
+  je(2, N),
   je(3, et)
 ], We);
-var Zi = Object.getOwnPropertyDescriptor, Gi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var zi = Object.getOwnPropertyDescriptor, Ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Ie = (i, e) => (t, n) => e(t, n, i);
+function Zi(i, e) {
+  const t = Ct(i.left, i.top, e), n = Ct(i.right, i.bottom, e);
+  return {
+    left: t.x,
+    top: t.y,
+    right: n.x,
+    bottom: n.y
+  };
+}
+function Ct(i, e, t) {
+  const { scaleX: n, scaleY: r } = t.getAncestorScale(), s = t.getViewport(re.VIEW);
+  if (!s)
+    return {
+      x: i,
+      y: e
+    };
+  const { viewportScrollX: o, viewportScrollY: c } = s, a = (i - o) * n, u = (e - c) * r;
+  return {
+    x: a,
+    y: u
+  };
+}
+let Pe = class extends Ne {
+  constructor(i, e, t, n) {
+    super(), this._globalPopupManagerService = i, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n;
+  }
+  _createObjectPositionObserver(i, e) {
+    const n = (() => {
+      var A, L, Q, ee;
+      const { scene: o, engine: c } = e, { left: a, top: u, width: l, height: d } = i, v = (o.width - ((L = (A = e.mainComponent) == null ? void 0 : A.width) != null ? L : 0)) / 2, _ = (o.height - ((ee = (Q = e.mainComponent) == null ? void 0 : Q.height) != null ? ee : 0)) / 2, f = {
+        left: a,
+        right: a + l,
+        top: u,
+        bottom: u + d
+      }, p = c.getCanvasElement(), h = p.getBoundingClientRect(), m = Rn(p.style.width), { scaleX: I, scaleY: b } = o.getAncestorScale(), T = Zi(f, o), { top: M, left: U, width: x } = h, W = x / m;
+      return {
+        left: T.left * W * I + U + v,
+        right: T.right * W * I + U + v,
+        top: T.top * W * b + M + _,
+        bottom: T.bottom * W * b + M + _
+      };
+    })(), r = new q(n), s = new Ke();
+    return {
+      position: n,
+      position$: r,
+      disposable: s
+    };
+  }
+  attachPopupToObject(i, e) {
+    const n = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE).getUnitId(), r = this._renderManagerService.getRenderById(n);
+    if (!r)
+      return {
+        dispose: () => {
+        }
+      };
+    const { position: s, position$: o, disposable: c } = this._createObjectPositionObserver(i, r), a = this._globalPopupManagerService.addPopup({
+      ...e,
+      unitId: n,
+      subUnitId: "default",
+      anchorRect: s,
+      anchorRect$: o,
+      canvasElement: r.engine.getCanvasElement()
+    });
+    return {
+      dispose: () => {
+        this._globalPopupManagerService.removePopup(a), o.complete(), c.dispose();
+      }
+    };
+  }
+};
+Pe = Ki([
+  Ie(0, z(Ln)),
+  Ie(1, K),
+  Ie(2, w),
+  Ie(3, N)
+], Pe);
+var Gi = Object.getOwnPropertyDescriptor, Xi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Gi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, X = (i, e) => (t, n) => e(t, n, i);
+let Te = class extends fe {
+  constructor(e, t, n, r, s, o, c) {
+    super();
+    S(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._canvasPopManagerService = e, this._renderManagerService = t, this._univerInstanceService = n, this._contextService = r, this._canvasView = s, this._sidebarService = o, this._commandService = c, this._init();
+  }
+  _init() {
+    this._univerInstanceService.getAllUnitsForType(E.UNIVER_SLIDE).forEach((e) => this._create(e));
+  }
+  _create(e) {
+    if (!e)
+      return;
+    const t = e.getUnitId();
+    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
+  }
+  _hasCropObject(e) {
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _popupMenuListener(e) {
+    var r;
+    const t = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SLIDE), n = (r = t == null ? void 0 : t.getPages()) != null ? r : {};
+    Object.keys(n).forEach((s) => {
+      var u;
+      const c = (u = this._canvasView.getRenderUnitByPageId(s, e).scene) == null ? void 0 : u.getTransformer();
+      if (!c) return;
+      let a;
+      this.disposeWithMe(
+        yt(
+          c.createControl$.subscribe(() => {
+            const l = c.getSelectedObjectMap();
+            if (l.size > 1) {
+              a == null || a.dispose();
+              return;
+            }
+            const d = l.values().next().value;
+            if (!d)
+              return;
+            const v = d.oKey;
+            a == null || a.dispose(), a = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
+              componentKey: Jt,
+              direction: "horizontal",
+              offset: [2, 0],
+              extraProps: {
+                menuItems: this._getMenuItemsByObjectType(d.objectType, v, e)
+              }
+            })), 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(Cn, !1);
+        })
+      ), this.disposeWithMe(
+        c.changing$.subscribe(() => {
+          a == null || a.dispose();
+          const l = c.getSelectedObjectMap();
+          if (l.size > 1) {
+            a == null || a.dispose();
+            return;
+          }
+          const d = l.values().next().value;
+          d && this._commandService.executeCommand(B.id, {
+            unitId: e,
+            oKey: d.oKey,
+            props: {
+              width: d.width,
+              height: d.height,
+              left: d.left,
+              top: d.top
+            }
+          });
+        })
+      );
+    });
+  }
+  _getMenuItemsByObjectType(e, t, n) {
+    return [{
+      label: "slide.popup.edit",
+      index: 0,
+      commandId: $e.id,
+      commandParams: {
+        visible: !0,
+        objectType: e
+      },
+      disable: !1
+    }, {
+      label: "slide.popup.delete",
+      index: 5,
+      commandId: Lt.id,
+      commandParams: {
+        id: t,
+        unitId: n
+      },
+      disable: !1
+    }];
+  }
+};
+Te = Xi([
+  X(0, z(Pe)),
+  X(1, K),
+  X(2, w),
+  X(3, _e),
+  X(4, z(P)),
+  X(5, Mt),
+  X(6, N)
+], Te);
+var Yi = Object.getOwnPropertyDescriptor, qi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Yi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ae = (i, e) => (t, n) => e(t, n, i);
-let Me = class extends pe {
+let Me = class extends fe {
   // private _skeletonChangeMutations = new Set<string>();
   constructor(i, e, t) {
     super(), this._contextService = i, this._instanceSrv = e, this._renderManagerService = t, Promise.resolve().then(() => this._init());
@@ -2501,41 +2505,39 @@ let Me = class extends pe {
   _initContextListener() {
   }
 };
-Me = Gi([
-  Ae(0, fe),
+Me = qi([
+  Ae(0, _e),
   Ae(1, w),
   Ae(2, K)
 ], Me);
-var Xi = Object.getOwnPropertyDescriptor, Yi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Xi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Ji = Object.getOwnPropertyDescriptor, Qi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ji(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ie = (i, e) => (t, n) => e(t, n, i);
-const qi = "SLIDE_UI";
-var be;
-let Ct = (be = class extends Cn {
-  constructor(i = pt, e, t, n, r) {
+}, be = (i, e) => (t, n) => e(t, n, i), ne;
+let St = (ne = class extends Sn {
+  constructor(i = ft, e, t, n, r) {
     super(), this._config = i, this._injector = e, this._renderManagerService = t, this._univerInstanceService = n, this._configService = r;
-    const { menu: s, ...o } = St(
+    const { menu: s, ...o } = It(
       {},
-      pt,
+      ft,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(Ui, o);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(ji, o);
   }
   onStarting() {
     nt([
       [Me],
       [et, { useClass: He }],
       // used by SlideUIController --> EditorContainer
-      [Qe, { useClass: Oi }],
+      [Qe, { useClass: wi }],
       [Pe]
     ], this._config.override).forEach((i) => this._injector.add(i));
   }
   onReady() {
     [
       // SlideRenderService will be init in ready stage, and then calling RenderManagerService@createRender --> init all deps in this rendering register block.
-      [ve]
+      [pe]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
     }), nt([
@@ -2548,7 +2550,7 @@ let Ct = (be = class extends Cn {
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
       [ye],
       // editor service was create in renderManagerService
-      [ve],
+      [pe],
       [Te]
     ], this._config.override).forEach((i) => {
       this._injector.add(i);
@@ -2575,35 +2577,35 @@ let Ct = (be = class extends Cn {
     } catch {
     }
   }
-}, S(be, "pluginName", qi), S(be, "type", E.UNIVER_SLIDE), be);
-Ct = Yi([
-  Ie(1, z(ke)),
-  Ie(2, K),
-  Ie(3, w),
-  Ie(4, Sn)
-], Ct);
+}, S(ne, "pluginName", "UNIVER_SLIDES_UI_PLUGIN"), S(ne, "packageName", pt.name), S(ne, "version", pt.version), S(ne, "type", E.UNIVER_SLIDE), ne);
+St = Qi([
+  be(1, z(ke)),
+  be(2, K),
+  be(3, w),
+  be(4, In)
+], St);
 export {
-  Vt as ActivateSlidePageOperation,
-  jt as AppendSlideOperation,
+  jt as ActivateSlidePageOperation,
+  At as AppendSlideOperation,
   P as CanvasView,
-  At as DeleteSlideElementOperation,
+  Lt as DeleteSlideElementOperation,
   et as ISlideEditorBridgeService,
   Ge as InsertSlideFloatImageCommand,
   qe as InsertSlideShapeEllipseCommand,
-  Gt as InsertSlideShapeEllipseOperation,
+  Xt as InsertSlideShapeEllipseOperation,
   Ye as InsertSlideShapeRectangleCommand,
-  Zt as InsertSlideShapeRectangleOperation,
-  Jt as SHAPE_MENU_ID,
-  qt as SLIDES_IMAGE_MENU_ID,
-  ue as SLIDE_EDITOR_ID,
-  Yt as SetSlidePageThumbOperation,
+  Gt as InsertSlideShapeRectangleOperation,
+  en as SHAPE_MENU_ID,
+  Qt as SLIDES_IMAGE_MENU_ID,
+  he as SLIDE_EDITOR_ID,
+  qt as SetSlidePageThumbOperation,
   Je as SlideAddTextCommand,
-  Xt as SlideAddTextOperation,
+  Yt as SlideAddTextOperation,
   Pe as SlideCanvasPopMangerService,
-  wi as SlideEditorContainer,
-  _i as SlideSideBar,
+  yi as SlideEditorContainer,
+  mi as SlideSideBar,
   ye as SlidesUIController,
-  Ri as SlidesUIMenuSchema,
-  Ct as UniverSlidesUIPlugin,
+  Oi as SlidesUIMenuSchema,
+  St as UniverSlidesUIPlugin,
   B as UpdateSlideElementOperation
 };