@univerjs/slides-ui 0.2.11 → 0.2.13

package/lib/es/index.js

@@ -2,16 +2,17 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { RxDisposable, UniverInstanceType, debounce, getColorStyle, Inject, Injector, IUniverInstanceService, OnLifecycle, LifecycleStages, CommandType, PageElementType, Tools, useDependency, LocaleService, ICommandService, generateRandomId, BasicShapes, createIdentifier, createInternalEditorID, IContextService, DEFAULT_EMPTY_DOCUMENT_VALUE, DocumentFlavor, FOCUSING_UNIVER_EDITOR, EDITOR_ACTIVATED, FORMULA_EDITOR_ACTIVATED, Disposable, connectInjector, DisposableCollection, toDisposable, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, DocumentDataModel, VerticalAlign, HorizontalAlign, WrapStrategy, FOCUSING_EDITOR_BUT_HIDDEN, Direction, IUndoRedoService, Plugin, mergeOverrideWithDependencies } from "@univerjs/core";
-import { Viewport, ScrollBar, Slide, Rect, Scene, IRenderManagerService, ObjectType, FIX_ONE_PIXEL_BLUR_OFFSET, DeviceInputEventType, pxToNum, convertTextRotation, fixLineWidthByScale, ITextSelectionRenderManager } from "@univerjs/engine-render";
-import { ISidebarService, useObservable, IEditorService, DISABLE_AUTO_FOCUS_KEY, TextEditor, MenuItemType, MenuPosition, MenuGroup, getMenuHiddenObservable, KeyCode, MetaKeys, BuiltInUIPart, ComponentManager, IMenuService, IUIPartsService, IShortcutService, ICanvasPopupService, ILayoutService } from "@univerjs/ui";
+import { RxDisposable, UniverInstanceType, debounce, getColorStyle, Inject, Injector, IUniverInstanceService, OnLifecycle, LifecycleStages, CommandType, PageElementType, Tools, useDependency, LocaleService, ICommandService, generateRandomId, BasicShapes, createIdentifier, createInternalEditorID, IContextService, DEFAULT_EMPTY_DOCUMENT_VALUE, DocumentFlavor, FOCUSING_UNIVER_EDITOR, EDITOR_ACTIVATED, FORMULA_EDITOR_ACTIVATED, Disposable, connectInjector, DisposableCollection, toDisposable, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, DocumentDataModel, VerticalAlign, HorizontalAlign, WrapStrategy, FOCUSING_EDITOR_BUT_HIDDEN, Direction, IUndoRedoService, Plugin, mergeOverrideWithDependencies, IConfigService } from "@univerjs/core";
+import { Viewport, ScrollBar, Slide, Rect, Scene, IRenderManagerService, ObjectType, FIX_ONE_PIXEL_BLUR_OFFSET, DeviceInputEventType, pxToNum, convertTextRotation, fixLineWidthByScale } from "@univerjs/engine-render";
+import { ILocalFileService, ISidebarService, IEditorService, useObservable, DISABLE_AUTO_FOCUS_KEY, TextEditor, MenuItemType, getMenuHiddenObservable, KeyCode, MetaKeys, RibbonStartGroup, BuiltInUIPart, ComponentManager, IMenuManagerService, IUIPartsService, IShortcutService, ICanvasPopupService, ILayoutService } from "@univerjs/ui";
 import { ObjectProvider, SLIDE_KEY } from "@univerjs/slides";
-import { IImageIoService, getImageSize, DRAWING_IMAGE_ALLOW_IMAGE_LIST } from "@univerjs/drawing";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, IImageIoService, getImageSize } from "@univerjs/drawing";
 import React, { forwardRef, useRef, createElement, useState, useEffect, useCallback } from "react";
 import clsx from "clsx";
 import { Button, InputNumber, Dropdown, ColorPicker, Scrollbar } from "@univerjs/design";
-import { DeleteLeftCommand, DocSkeletonManagerService, VIEWPORT_KEY, DOCS_COMPONENT_MAIN_LAYER_INDEX, RichTextEditingMutation, MoveSelectionOperation, MoveCursorOperation, TextSelectionManagerService, DOCS_VIEW_KEY } from "@univerjs/docs";
+import { DeleteLeftCommand, DocSelectionRenderService, VIEWPORT_KEY, DOCS_COMPONENT_MAIN_LAYER_INDEX, MoveSelectionOperation, MoveCursorOperation, DOCS_VIEW_KEY } from "@univerjs/docs-ui";
 import { BehaviorSubject, Subject, filter, takeUntil } from "rxjs";
+import { DocSkeletonManagerService, RichTextEditingMutation, DocSelectionManagerService } from "@univerjs/docs";
 var __assign = function() {
   return __assign = Object.assign || function(t) {
     for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
@@ -169,8 +170,8 @@ let SlideRenderController = (_a = class extends RxDisposable {
       top: 0,
       bottom: 0,
       right: 0,
-      isRelativeX: !0,
-      isRelativeY: !0,
+      explicitViewportWidthSet: !1,
+      explicitViewportHeightSet: !1,
       isWheelPreventDefaultX: !0
     });
     scene.attachControl(), scene.onMouseWheel$.subscribeEvent((evt, state) => {
@@ -319,8 +320,8 @@ let SlideRenderController = (_a = class extends RxDisposable {
       top: 0,
       bottom: 0,
       right: 0,
-      isRelativeX: !0,
-      isRelativeY: !0
+      explicitViewportWidthSet: !1,
+      explicitViewportHeightSet: !1
     }).closeClip();
     const { pageElements, pageBackgroundFill } = page, objects = this._objectProvider.convertToRenderObjects(pageElements, mainScene);
     if (!objects || !slide) return;
@@ -444,16 +445,21 @@ const ActivateSlidePageOperation = {
     const activePage = slideData.getActivePage();
     return delete activePage.pageElements[params.id], slideData.updatePage(activePage.id, activePage), accessor.get(CanvasView).removeObjectById(params.id, activePage.id, unitId), !0;
   }, "handler")
-}, InsertSlideFloatImageOperation = {
-  id: "slide.operation.insert-float-image",
-  type: CommandType.OPERATION,
+}, InsertSlideFloatImageCommand = {
+  id: "slide.command.insert-float-image",
+  type: CommandType.COMMAND,
   handler: /* @__PURE__ */ __name(async (accessor, params) => {
     var _a11;
-    const imageIoService = accessor.get(IImageIoService);
-    if (!((_a11 = params == null ? void 0 : params.files) != null && _a11.length)) return !1;
-    const imageParam = await imageIoService.saveImage(params.files[0]);
+    const univerInstanceService = accessor.get(IUniverInstanceService), unitId = (_a11 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE)) == null ? void 0 : _a11.getUnitId();
+    if (!unitId) return !1;
+    const files = await accessor.get(ILocalFileService).openFile({
+      multiple: !0,
+      accept: DRAWING_IMAGE_ALLOW_IMAGE_LIST.map((image2) => `.${image2.replace("image/", "")}`).join(",")
+    });
+    if (files.length !== 1) return !1;
+    const imageParam = await accessor.get(IImageIoService).saveImage(files[0]);
     if (!imageParam) return !1;
-    const { imageId, imageSourceType, source, base64Cache } = imageParam, { width, height, image } = await getImageSize(base64Cache || ""), univerInstanceService = accessor.get(IUniverInstanceService), unitId = params.unitId, slideData = univerInstanceService.getUnit(unitId);
+    const { imageId, imageSourceType, source, base64Cache } = imageParam, { width, height, image } = await getImageSize(base64Cache || ""), slideData = univerInstanceService.getUnit(unitId);
     if (!slideData) return !1;
     const activePage = slideData.getActivePage(), elements = Object.values(activePage.pageElements), maxIndex = elements != null && elements.length ? Math.max(...elements.map((element2) => element2.zIndex)) : 20, data = {
       id: imageId,
@@ -476,8 +482,8 @@ const ActivateSlidePageOperation = {
       }
     };
     activePage.pageElements[imageId] = data, slideData.updatePage(activePage.id, activePage);
-    const canvasview = accessor.get(CanvasView), sceneObject = canvasview.createObjectToPage(data, activePage.id, unitId);
-    return sceneObject && canvasview.setObjectActiveByPage(sceneObject, activePage.id, unitId), !0;
+    const canvasView = accessor.get(CanvasView), sceneObject = canvasView.createObjectToPage(data, activePage.id, unitId);
+    return sceneObject && canvasView.setObjectActiveByPage(sceneObject, activePage.id, unitId), !0;
   }, "handler")
 };
 var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
@@ -513,7 +519,7 @@ const UpdateSlideElementOperation = {
     const activePage = slideData.getActivePage();
     return activePage.pageElements[oKey] = Tools.deepMerge(activePage.pageElements[oKey], props), slideData.updatePage(activePage.id, activePage), !0;
   }, "handler")
-}, imageCommonPanel$1 = "univer-image-common-panel", imageCommonPanelGrid$1 = "univer-image-common-panel-grid", imageCommonPanelBorder$1 = "univer-image-common-panel-border", imageCommonPanelTitle$1 = "univer-image-common-panel-title", imageCommonPanelSubtitle$1 = "univer-image-common-panel-subtitle", imageCommonPanelRow$1 = "univer-image-common-panel-row", imageCommonPanelRowVertical$1 = "univer-image-common-panel-row-vertical", imageCommonPanelColumn$1 = "univer-image-common-panel-column", imageCommonPanelColumnCenter$1 = "univer-image-common-panel-column-center", imageCommonPanelInline$1 = "univer-image-common-panel-inline", imageCommonPanelSpan2$1 = "univer-image-common-panel-span2", imageCommonPanelSpan3$1 = "univer-image-common-panel-span3", imageCommonPanelInput$1 = "univer-image-common-panel-input", slidePanelColorPicker = "univer-slide-panel-color-picker", styles$5 = {
+}, imageCommonPanel$1 = "univer-image-common-panel", imageCommonPanelGrid$1 = "univer-image-common-panel-grid", imageCommonPanelBorder$1 = "univer-image-common-panel-border", imageCommonPanelTitle$1 = "univer-image-common-panel-title", imageCommonPanelSubtitle$1 = "univer-image-common-panel-subtitle", imageCommonPanelRow$1 = "univer-image-common-panel-row", imageCommonPanelRowVertical$1 = "univer-image-common-panel-row-vertical", imageCommonPanelColumn$1 = "univer-image-common-panel-column", imageCommonPanelColumnCenter$1 = "univer-image-common-panel-column-center", imageCommonPanelInline$1 = "univer-image-common-panel-inline", imageCommonPanelSpan2$1 = "univer-image-common-panel-span2", imageCommonPanelSpan3$1 = "univer-image-common-panel-span3", imageCommonPanelInput$1 = "univer-image-common-panel-input", slidePanelColorPicker = "univer-slide-panel-color-picker", styles$4 = {
   imageCommonPanel: imageCommonPanel$1,
   imageCommonPanelGrid: imageCommonPanelGrid$1,
   imageCommonPanelBorder: imageCommonPanelBorder$1,
@@ -552,44 +558,44 @@ function ArrangePanel$1(props) {
       }
     });
   }, "onArrangeBtnClick");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.imageCommonPanelGrid, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("image-panel.arrange.title") }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.imageCommonPanelRow, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelGrid, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("image-panel.arrange.title") }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           0
           /* forward */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$5.imageCommonPanelInline, children: [
+      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(MoveUpSingle, {}),
         localeService.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           1
           /* backward */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$5.imageCommonPanelInline, children: [
+      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(MoveDownSingle, {}),
         localeService.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.imageCommonPanelRow, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           2
           /* front */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$5.imageCommonPanelInline, children: [
+      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TopmostSingle, {}),
         localeService.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           3
           /* back */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$5.imageCommonPanelInline, children: [
+      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(BottomSingle, {}),
         localeService.t("image-panel.arrange.back")
       ] }) }) })
@@ -684,16 +690,16 @@ function TransformPanel(props) {
   return __name(handleChangeRotation, "handleChangeRotation"), /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: clsx(styles$5.imageCommonPanelGrid, styles$5.imageCommonPanelBorder),
+      className: clsx(styles$4.imageCommonPanelGrid, styles$4.imageCommonPanelBorder),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("image-panel.transform.title") }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.imageCommonPanelRow, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: localeService.t("image-panel.transform.width") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("image-panel.transform.title") }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.width") }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               InputNumber,
               {
-                className: styles$5.imageCommonPanelInput,
+                className: styles$4.imageCommonPanelInput,
                 min: 1,
                 value: width,
                 onChange: /* @__PURE__ */ __name((val) => {
@@ -702,12 +708,12 @@ function TransformPanel(props) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: localeService.t("image-panel.transform.height") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.height") }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               InputNumber,
               {
-                className: styles$5.imageCommonPanelInput,
+                className: styles$4.imageCommonPanelInput,
                 min: 1,
                 value: height,
                 onChange: /* @__PURE__ */ __name((val) => {
@@ -717,13 +723,13 @@ function TransformPanel(props) {
             ) }) })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.imageCommonPanelRow, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: localeService.t("image-panel.transform.x") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.x") }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               InputNumber,
               {
-                className: styles$5.imageCommonPanelInput,
+                className: styles$4.imageCommonPanelInput,
                 precision: 1,
                 min: 0,
                 value: xPosition,
@@ -733,12 +739,12 @@ function TransformPanel(props) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: localeService.t("image-panel.transform.y") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.y") }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               InputNumber,
               {
-                className: styles$5.imageCommonPanelInput,
+                className: styles$4.imageCommonPanelInput,
                 precision: 1,
                 min: 0,
                 value: yPosition,
@@ -748,12 +754,12 @@ function TransformPanel(props) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: localeService.t("image-panel.transform.rotate") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.rotate") }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               InputNumber,
               {
-                className: styles$5.imageCommonPanelInput,
+                className: styles$4.imageCommonPanelInput,
                 precision: 1,
                 value: rotation,
                 onChange: handleChangeRotation
@@ -795,25 +801,25 @@ function ArrangePanel(props) {
   return __name(handleChangeColor, "handleChangeColor"), /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: clsx(styles$5.imageCommonPanelGrid, styles$5.imageCommonPanelBorder),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.imageCommonPanelGrid, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("slide.panel.fill.title") }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$5.imageCommonPanelColumn, styles$5.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      className: clsx(styles$4.imageCommonPanelGrid, styles$4.imageCommonPanelBorder),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelGrid, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("slide.panel.fill.title") }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Dropdown,
           {
             align: {
               offset: [0, 18]
             },
-            overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: styles$5.slidePanelColorPicker, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: styles$4.slidePanelColorPicker, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               ColorPicker,
               {
                 color: "#fff",
                 onChange: handleChangeColor
               }
             ) }),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { className: styles$5.uiPluginSheetsBorderPanelButton, children: [
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { className: styles$4.uiPluginSheetsBorderPanelButton, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(PaintBucket, { extend: { colorChannel1: color != null ? color : "rgb(var(--primary-color))" } }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$5.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreDownSingle, {}) })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$4.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreDownSingle, {}) })
             ] })
           }
         ) }) })
@@ -822,7 +828,7 @@ function ArrangePanel(props) {
   );
 }
 __name(ArrangePanel, "ArrangePanel");
-const imageCommonPanel = "univer-image-common-panel", imageCommonPanelGrid = "univer-image-common-panel-grid", imageCommonPanelBorder = "univer-image-common-panel-border", imageCommonPanelTitle = "univer-image-common-panel-title", imageCommonPanelSubtitle = "univer-image-common-panel-subtitle", imageCommonPanelRow = "univer-image-common-panel-row", imageCommonPanelRowVertical = "univer-image-common-panel-row-vertical", imageCommonPanelColumn = "univer-image-common-panel-column", imageCommonPanelColumnCenter = "univer-image-common-panel-column-center", imageCommonPanelInline = "univer-image-common-panel-inline", imageCommonPanelSpan2 = "univer-image-common-panel-span2", imageCommonPanelSpan3 = "univer-image-common-panel-span3", imageCommonPanelInput = "univer-image-common-panel-input", styles$4 = {
+const imageCommonPanel = "univer-image-common-panel", imageCommonPanelGrid = "univer-image-common-panel-grid", imageCommonPanelBorder = "univer-image-common-panel-border", imageCommonPanelTitle = "univer-image-common-panel-title", imageCommonPanelSubtitle = "univer-image-common-panel-subtitle", imageCommonPanelRow = "univer-image-common-panel-row", imageCommonPanelRowVertical = "univer-image-common-panel-row-vertical", imageCommonPanelColumn = "univer-image-common-panel-column", imageCommonPanelColumnCenter = "univer-image-common-panel-column-center", imageCommonPanelInline = "univer-image-common-panel-inline", imageCommonPanelSpan2 = "univer-image-common-panel-span2", imageCommonPanelSpan3 = "univer-image-common-panel-span3", imageCommonPanelInput = "univer-image-common-panel-input", styles$3 = {
   imageCommonPanel,
   imageCommonPanelGrid,
   imageCommonPanelBorder,
@@ -847,7 +853,7 @@ function RectSidebar() {
   if (!object)
     return null;
   const unitId = ((_c = univerInstanceService.getFocusedUnit()) == null ? void 0 : _c.getUnitId()) || "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$4.imageCommonPanel, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$3.imageCommonPanel, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ArrangePanel$1, { pageId, unitId }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(TransformPanel, { pageId, unitId }),
     object.objectType === ObjectType.RECT && /* @__PURE__ */ jsxRuntimeExports.jsx(ArrangePanel, { pageId, unitId })
@@ -951,7 +957,7 @@ const InsertSlideShapeRectangleCommand = {
   id: "slide.operation.edit-arrow",
   type: CommandType.OPERATION,
   handler: /* @__PURE__ */ __name(() => !0, "handler")
-}, imagePopupMenu = "univer-image-popup-menu", imagePopupMenuItem = "univer-image-popup-menu-item", imagePopupMenuItemIcon = "univer-image-popup-menu-item-icon", imagePopupMenuItemTitle = "univer-image-popup-menu-item-title", imagePopupMenuItemHide = "univer-image-popup-menu-item-hide", btnContainer = "univer-btn-container", btnContainerExpand = "univer-btn-container-expand", styles$3 = {
+}, imagePopupMenu = "univer-image-popup-menu", imagePopupMenuItem = "univer-image-popup-menu-item", imagePopupMenuItemIcon = "univer-image-popup-menu-item-icon", imagePopupMenuItemTitle = "univer-image-popup-menu-item-title", imagePopupMenuItemHide = "univer-image-popup-menu-item-hide", btnContainer = "univer-btn-container", btnContainerExpand = "univer-btn-container-expand", styles$2 = {
   imagePopupMenu,
   imagePopupMenuItem,
   imagePopupMenuItemIcon,
@@ -983,12 +989,12 @@ const InsertSlideShapeRectangleCommand = {
         {
           placement: "bottomLeft",
           trigger: ["click"],
-          overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: styles$3.imagePopupMenu, children: availableMenu.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: styles$2.imagePopupMenu, children: availableMenu.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             "li",
             {
               onClick: /* @__PURE__ */ __name(() => handleClick(item), "onClick"),
-              className: styles$3.imagePopupMenuItem,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$3.imagePopupMenuItemTitle, children: localeService.t(item.label) })
+              className: styles$2.imagePopupMenuItem,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$2.imagePopupMenuItemTitle, children: localeService.t(item.label) })
             },
             item.index
           )) }),
@@ -997,8 +1003,8 @@ const InsertSlideShapeRectangleCommand = {
           children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
-              className: clsx(styles$3.btnContainer, {
-                [styles$3.btnContainerExpand]: visible
+              className: clsx(styles$2.btnContainer, {
+                [styles$2.btnContainerExpand]: visible
               }),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1016,34 +1022,7 @@ const InsertSlideShapeRectangleCommand = {
       )
     }
   );
-}, "SlideImagePopupMenu"), COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU", uploadFileMenu = "univer-upload-file-menu", uploadFileMenuInput = "univer-upload-file-menu-input", styles$2 = {
-  uploadFileMenu,
-  uploadFileMenuInput
-}, COMPONENT_UPLOAD_FILE_MENU = "SLIDE_COMPONENT_UPLOAD_FILE_MENU";
-var UploadFileType = /* @__PURE__ */ ((UploadFileType2) => (UploadFileType2[UploadFileType2.cellImage = 0] = "cellImage", UploadFileType2[UploadFileType2.floatImage = 1] = "floatImage", UploadFileType2))(UploadFileType || {});
-const UploadFileMenu = /* @__PURE__ */ __name((props) => {
-  const { type } = props, commandService = useDependency(ICommandService), univerInstanceService = useDependency(IUniverInstanceService), focused = useObservable(univerInstanceService.focused$), fileInputRef = useRef(null), handleButtonClick = /* @__PURE__ */ __name(() => {
-    var _a11;
-    (_a11 = fileInputRef.current) == null || _a11.click();
-  }, "handleButtonClick"), imageAccept = DRAWING_IMAGE_ALLOW_IMAGE_LIST.map((image) => `.${image.replace("image/", "")}`).join(","), handleFileChange = /* @__PURE__ */ __name((event) => {
-    const fileList = event.target.files;
-    if (fileList == null)
-      return;
-    const files = Array.from(fileList);
-    type === UploadFileType.floatImage && commandService.executeCommand(InsertSlideFloatImageOperation.id, { files, unitId: focused }), fileInputRef.current && (fileInputRef.current.value = "");
-  }, "handleFileChange");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: handleButtonClick, className: styles$2.uploadFileMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "input",
-    {
-      type: "file",
-      className: styles$2.uploadFileMenuInput,
-      ref: fileInputRef,
-      onChange: handleFileChange,
-      accept: imageAccept,
-      multiple: !0
-    }
-  ) });
-}, "UploadFileMenu"), _SlideEditorManagerService = class _SlideEditorManagerService {
+}, "SlideImagePopupMenu"), COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU", _SlideEditorManagerService = class _SlideEditorManagerService {
   constructor() {
     __publicField(this, "_state", null);
     __publicField(this, "_rect", null);
@@ -1237,27 +1216,17 @@ function SlideImageMenuFactory(accessor) {
   return {
     id: IMAGE_MENU_ID,
     type: MenuItemType.SUBITEMS,
-    positions: [MenuPosition.TOOLBAR_START],
-    group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
     icon: IMAGE_UPLOAD_ICON,
     tooltip: "slide.image.insert.title",
     hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SLIDE)
-    // disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }),
   };
 }
 __name(SlideImageMenuFactory, "SlideImageMenuFactory");
 function UploadSlideFloatImageMenuFactory(_accessor) {
   return {
-    id: InsertSlideFloatImageOperation.id,
+    id: InsertSlideFloatImageCommand.id,
     title: "slide.image.insert.float",
-    type: MenuItemType.SELECTOR,
-    label: {
-      name: COMPONENT_UPLOAD_FILE_MENU,
-      props: {
-        type: UploadFileType.floatImage
-      }
-    },
-    positions: [IMAGE_MENU_ID],
+    type: MenuItemType.BUTTON,
     hidden$: getMenuHiddenObservable(_accessor, UniverInstanceType.UNIVER_SLIDE)
   };
 }
@@ -1267,8 +1236,6 @@ function SlideShapeMenuFactory(accessor) {
   return {
     id: SHAPE_MENU_ID,
     type: MenuItemType.SUBITEMS,
-    positions: [MenuPosition.TOOLBAR_START],
-    group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
     icon: GRAPH_SINGLE_ICON,
     tooltip: "slide.shape.insert.title",
     hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SLIDE)
@@ -1281,7 +1248,6 @@ function UploadSlideFloatShapeMenuFactory(_accessor) {
     id: InsertSlideShapeRectangleCommand.id,
     title: "slide.shape.insert.rectangle",
     type: MenuItemType.BUTTON,
-    positions: [SHAPE_MENU_ID],
     hidden$: getMenuHiddenObservable(_accessor, UniverInstanceType.UNIVER_SLIDE)
   };
 }
@@ -1336,46 +1302,59 @@ const EditorDeleteLeftShortcut = {
 function SlideAddTextMenuItemFactory(_accessor) {
   return {
     id: SlideAddTextCommand.id,
-    group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
     type: MenuItemType.BUTTON,
     icon: TEXT_ICON_ID,
     tooltip: "slide.text.insert.title",
-    positions: [MenuPosition.TOOLBAR_START],
     hidden$: getMenuHiddenObservable(_accessor, UniverInstanceType.UNIVER_SLIDE)
   };
 }
 __name(SlideAddTextMenuItemFactory, "SlideAddTextMenuItemFactory");
+const menuSchema = {
+  [RibbonStartGroup.FORMAT]: {
+    [SlideAddTextCommand.id]: {
+      order: 0,
+      menuItemFactory: SlideAddTextMenuItemFactory
+    },
+    [IMAGE_MENU_ID]: {
+      order: 0,
+      menuItemFactory: SlideImageMenuFactory,
+      [InsertSlideFloatImageCommand.id]: {
+        order: 0,
+        menuItemFactory: UploadSlideFloatImageMenuFactory
+      }
+    },
+    [SHAPE_MENU_ID]: {
+      order: 0,
+      menuItemFactory: SlideShapeMenuFactory,
+      [InsertSlideShapeRectangleCommand.id]: {
+        order: 0,
+        menuItemFactory: UploadSlideFloatShapeMenuFactory
+      }
+    }
+  }
+};
 var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$7(target, key, result), result;
 }, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a3;
 let SlidesUIController = (_a3 = class extends Disposable {
-  constructor(_config, _injector, _menuService, _componentManager, _uiPartsService, _commandService, _shortcutService) {
-    super(), this._config = _config, this._injector = _injector, this._menuService = _menuService, this._componentManager = _componentManager, this._uiPartsService = _uiPartsService, this._commandService = _commandService, this._shortcutService = _shortcutService, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
+  constructor(_injector, _menuManagerService, _componentManager, _uiPartsService, _commandService, _shortcutService) {
+    super(), this._injector = _injector, this._menuManagerService = _menuManagerService, this._componentManager = _componentManager, this._uiPartsService = _uiPartsService, this._commandService = _commandService, this._shortcutService = _shortcutService, this._initCommands(), this._initCustomComponents(), this._initUIComponents(), this._initMenus(), this._initShortcuts();
   }
   _initMenus() {
-    const { menu = {} } = this._config || {};
-    [
-      SlideAddTextMenuItemFactory,
-      SlideImageMenuFactory,
-      UploadSlideFloatImageMenuFactory,
-      SlideShapeMenuFactory,
-      UploadSlideFloatShapeMenuFactory
-    ].forEach((menuFactory) => {
-      this._menuService.addMenuItem(menuFactory(this._injector), menu);
-    });
+    this._menuManagerService.mergeMenu(menuSchema);
   }
   _initCustomComponents() {
     const componentManager = this._componentManager;
-    this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON, AddImageSingle)), this.disposeWithMe(componentManager.register(TEXT_ICON_ID, TextSingle)), this.disposeWithMe(componentManager.register(GRAPH_SINGLE_ICON, GraphSingle)), this.disposeWithMe(componentManager.register(COMPONENT_UPLOAD_FILE_MENU, UploadFileMenu)), this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU, SlideImagePopupMenu)), this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR, RectSidebar));
+    this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON, AddImageSingle)), this.disposeWithMe(componentManager.register(TEXT_ICON_ID, TextSingle)), this.disposeWithMe(componentManager.register(GRAPH_SINGLE_ICON, GraphSingle)), this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU, SlideImagePopupMenu)), this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR, RectSidebar));
   }
   _initCommands() {
     [
       AppendSlideOperation,
       ActivateSlidePageOperation,
       SetSlidePageThumbOperation,
-      InsertSlideFloatImageOperation,
+      InsertSlideFloatImageCommand,
       SlideAddTextOperation,
       SlideAddTextCommand,
       InsertSlideShapeRectangleOperation,
@@ -1405,12 +1384,12 @@ let SlidesUIController = (_a3 = class extends Disposable {
 }, __name(_a3, "SlidesUIController"), _a3);
 SlidesUIController = __decorateClass$7([
   OnLifecycle(LifecycleStages.Ready, SlidesUIController),
-  __decorateParam$7(1, Inject(Injector)),
-  __decorateParam$7(2, IMenuService),
-  __decorateParam$7(3, Inject(ComponentManager)),
-  __decorateParam$7(4, IUIPartsService),
-  __decorateParam$7(5, ICommandService),
-  __decorateParam$7(6, IShortcutService)
+  __decorateParam$7(0, Inject(Injector)),
+  __decorateParam$7(1, IMenuManagerService),
+  __decorateParam$7(2, Inject(ComponentManager)),
+  __decorateParam$7(3, IUIPartsService),
+  __decorateParam$7(4, ICommandService),
+  __decorateParam$7(5, IShortcutService)
 ], SlidesUIController);
 var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
@@ -1888,7 +1867,7 @@ var CursorChange = /* @__PURE__ */ ((_CursorChange) => (_CursorChange[_CursorCha
 const HIDDEN_EDITOR_POSITION = -1e3, EDITOR_INPUT_SELF_EXTEND_GAP = 5, EDITOR_BORDER_SIZE = 2;
 var _a8;
 let SlideEditingRenderController = (_a8 = class extends Disposable {
-  constructor(_renderContext, _layoutService, _undoRedoService, _contextService, _instanceSrv, _renderManagerService, _editorBridgeService, _cellEditorManagerService, _textSelectionRenderManager, _textSelectionManagerService, _commandService, _localService, _editorService) {
+  constructor(_renderContext, _layoutService, _undoRedoService, _contextService, _instanceSrv, _renderManagerService, _editorBridgeService, _cellEditorManagerService, _textSelectionManagerService, _commandService, _localService, _editorService) {
     super();
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
@@ -1897,7 +1876,7 @@ let SlideEditingRenderController = (_a8 = class extends Disposable {
     /** If the corresponding unit is active and prepared for editing. */
     __publicField(this, "_isUnitEditing", !1);
     __publicField(this, "_d");
-    this._renderContext = _renderContext, this._layoutService = _layoutService, this._undoRedoService = _undoRedoService, this._contextService = _contextService, this._instanceSrv = _instanceSrv, this._renderManagerService = _renderManagerService, this._editorBridgeService = _editorBridgeService, this._cellEditorManagerService = _cellEditorManagerService, this._textSelectionRenderManager = _textSelectionRenderManager, this._textSelectionManagerService = _textSelectionManagerService, this._commandService = _commandService, this._localService = _localService, this._editorService = _editorService, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SLIDE).subscribe((slideDataModel) => {
+    this._renderContext = _renderContext, this._layoutService = _layoutService, this._undoRedoService = _undoRedoService, this._contextService = _contextService, this._instanceSrv = _instanceSrv, this._renderManagerService = _renderManagerService, this._editorBridgeService = _editorBridgeService, this._cellEditorManagerService = _cellEditorManagerService, this._textSelectionManagerService = _textSelectionManagerService, this._commandService = _commandService, this._localService = _localService, this._editorService = _editorService, this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SLIDE).subscribe((slideDataModel) => {
       slideDataModel && slideDataModel.getUnitId() === this._renderContext.unitId ? this._d = this._init() : (this._disposeCurrent(), this._isUnitEditing && (this._handleEditorInvisible({
         visible: !1,
         eventType: DeviceInputEventType.Keyboard,
@@ -1939,7 +1918,9 @@ let SlideEditingRenderController = (_a8 = class extends Disposable {
   }
   _initialCursorSync(d) {
     d.add(this._cellEditorManagerService.focus$.pipe(filter((f2) => !!f2)).subscribe(() => {
-      this._textSelectionRenderManager.sync();
+      var _a11;
+      const docSelectionRenderManager = (_a11 = this._renderManagerService.getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a11.with(DocSelectionRenderService);
+      docSelectionRenderManager && docSelectionRenderManager.sync();
     }));
   }
   /**
@@ -1948,6 +1929,7 @@ let SlideEditingRenderController = (_a8 = class extends Disposable {
    */
   _subscribeToCurrentCell(d) {
     d.add(this._editorBridgeService.currentEditRectState$.subscribe((editCellState) => {
+      var _a11;
       if (editCellState == null || this._contextService.getContextValue(FOCUSING_EDITOR_STANDALONE) || this._contextService.getContextValue(FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))
         return;
       const {
@@ -1959,7 +1941,9 @@ let SlideEditingRenderController = (_a8 = class extends Disposable {
       documentModel.updateDocumentId(editorUnitId), wrapStrategy === WrapStrategy.WRAP && angle === 0 && documentModel.updateDocumentDataPageSize((endX - startX) / scaleX), this._instanceSrv.changeDoc(editorUnitId, documentModel), this._contextService.setContextValue(FOCUSING_EDITOR_BUT_HIDDEN, !0), this._textSelectionManagerService.replaceTextRanges([{
         startOffset: 0,
         endOffset: 0
-      }]), this._textSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION, HIDDEN_EDITOR_POSITION);
+      }]);
+      const docSelectionRenderManager = (_a11 = this._renderManagerService.getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a11.with(DocSelectionRenderService);
+      docSelectionRenderManager && docSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION, HIDDEN_EDITOR_POSITION);
     }));
   }
   /**
@@ -2134,8 +2118,6 @@ let SlideEditingRenderController = (_a8 = class extends Disposable {
    * @param d DisposableCollection
    */
   _initialKeyboardListener(d) {
-    d.add(this._textSelectionRenderManager.onInputBefore$.subscribe((config) => {
-    }));
   }
   _showEditorByKeyboard(config) {
   }
@@ -2234,11 +2216,10 @@ SlideEditingRenderController = __decorateClass$2([
   __decorateParam$2(5, IRenderManagerService),
   __decorateParam$2(6, ISlideEditorBridgeService),
   __decorateParam$2(7, ISlideEditorManagerService),
-  __decorateParam$2(8, ITextSelectionRenderManager),
-  __decorateParam$2(9, Inject(TextSelectionManagerService)),
-  __decorateParam$2(10, ICommandService),
-  __decorateParam$2(11, Inject(LocaleService)),
-  __decorateParam$2(12, IEditorService)
+  __decorateParam$2(8, Inject(DocSelectionManagerService)),
+  __decorateParam$2(9, ICommandService),
+  __decorateParam$2(10, Inject(LocaleService)),
+  __decorateParam$2(11, IEditorService)
 ], SlideEditingRenderController);
 function getEditorObject(unitId, renderManagerService) {
   if (unitId == null)
@@ -2291,6 +2272,7 @@ SlideRenderService = __decorateClass$1([
   __decorateParam$1(1, IUniverInstanceService),
   __decorateParam$1(2, IRenderManagerService)
 ], SlideRenderService);
+const PLUGIN_CONFIG_KEY = "slides-ui.config", defaultPluginConfig = {};
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -2299,8 +2281,10 @@ var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnProperty
 const SLIDE_UI_PLUGIN_NAME = "SLIDE_UI";
 var _a10;
 let UniverSlidesUIPlugin = (_a10 = class extends Plugin {
-  constructor(_config = {}, _injector, _renderManagerService, _univerInstanceService) {
-    super(), this._config = _config, this._injector = _injector, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService;
+  constructor(_config = defaultPluginConfig, _injector, _renderManagerService, _univerInstanceService, _configService) {
+    super(), this._config = _config, this._injector = _injector, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._configService = _configService;
+    const { menu, ...rest } = this._config;
+    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
   }
   onStarting() {
     mergeOverrideWithDependencies([
@@ -2325,9 +2309,7 @@ let UniverSlidesUIPlugin = (_a10 = class extends Plugin {
       // [ISlideEditorManagerService, { useClass: SlideEditorManagerService }],
       // SlidesUIController controller should be registered in Ready stage.
       // SlidesUIController controller would add a new RenderUnit (__INTERNAL_EDITOR__DOCS_NORMAL)
-      [SlidesUIController, {
-        useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(SlidesUIController, this._config), "useFactory")
-      }],
+      [SlidesUIController],
       // editor service was create in renderManagerService
       [SlideRenderController],
       [SlidePopupMenuController]
@@ -2357,7 +2339,8 @@ let UniverSlidesUIPlugin = (_a10 = class extends Plugin {
 UniverSlidesUIPlugin = __decorateClass([
   __decorateParam(1, Inject(Injector)),
   __decorateParam(2, IRenderManagerService),
-  __decorateParam(3, IUniverInstanceService)
+  __decorateParam(3, IUniverInstanceService),
+  __decorateParam(4, IConfigService)
 ], UniverSlidesUIPlugin);
 export {
   ActivateSlidePageOperation,
@@ -2366,7 +2349,7 @@ export {
   DeleteSlideElementOperation,
   IMAGE_MENU_ID,
   ISlideEditorBridgeService,
-  InsertSlideFloatImageOperation,
+  InsertSlideFloatImageCommand,
   InsertSlideShapeRectangleCommand,
   InsertSlideShapeRectangleOperation,
   SHAPE_MENU_ID,
@@ -2379,5 +2362,6 @@ export {
   SlideSideBar,
   SlidesUIController,
   UniverSlidesUIPlugin,
-  UpdateSlideElementOperation
+  UpdateSlideElementOperation,
+  menuSchema
 };