@univerjs/slides-ui 0.2.5 → 0.2.7

package/lib/index.css

@@ -1 +1 @@
-.univer-slide-bar{display:flex;flex-direction:column;height:100%;background:#f5f7f9;border-right:1px solid #eaecf0;width:260px;overflow-x:hidden;overflow-y:auto}.univer-slide-bar .univer-slide-bar-content{padding:0 15px}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item{display:flex;margin:15px 0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item span{width:15px;font-size:12px}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box{position:relative;width:212px;height:120px;margin-left:5px;background:#fff;border:2px solid #c0c0c0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box:hover{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active span{color:#d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active .univer-slide-bar-box{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-add-button{padding:10px 0;text-align:center}.univer-slide-bar .univer-slide-add-button button{width:45px;height:auto;font-size:24px;line-height:1;border-radius:10px}
+.univer-slide-panel-color-picker{box-sizing:border-box;margin:0;padding:var(--padding-base);font-size:var(--font-size-xs);list-style:none;background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);outline:none;box-shadow:var(--box-shadow-base)}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-image-popup-menu{display:grid;gap:var(--margin-xxs);align-items:center;box-sizing:border-box;margin-top:0;margin-bottom:0;padding:var(--padding-sm);font-size:var(--font-size-base);background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.univer-image-popup-menu li{list-style:none}.univer-image-popup-menu-item{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;font-size:var(--font-size-base);font-style:normal;line-height:20px;text-align:left;border-radius:4px;border-radius:var(--border-radius-base);transition:background .2s}.univer-image-popup-menu-item:hover{background-color:rgb(var(--bg-color-hover))}.univer-image-popup-menu-item-icon{position:absolute;top:50%;left:var(--padding-xs);transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.univer-image-popup-menu-item-title{padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;vertical-align:middle}.univer-image-popup-menu-item-hide{color:rgb(var(--text-color-secondary))}.univer-image-popup-menu-item:hover{background:rgb(var(--grey-100))}.univer-btn-container{display:flex;align-items:center;justify-content:center;padding:3px;background:#fff;border:1px solid rgb(var(--grey-200, #e5e5e5));border-radius:4px}.univer-btn-container:hover,.univer-btn-container.univer-btn-container-expand{background:rgb(var(--grey-100, #f5f5f5))}.univer-upload-file-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-upload-file-menu-input{display:none}.univer-slide-editor-container{position:absolute;z-index:10;top:200px;left:100px;display:flex;width:100px;height:50px;border:1px solid rgb(var(--primary-color));box-shadow:none;box-sizing:border-box}.univer-slide-editor-container .univer-editor-input{position:relative;display:flex;width:100%;height:100%;background:#aeaeae33}.univer-slide-editor-container .univer-editor-input canvas{position:absolute;top:-1px!important;left:-1px!important}.univer-slide-bar{display:flex;flex-direction:column;height:100%;background:#f5f7f9;border-right:1px solid #eaecf0;width:260px;overflow-x:hidden;overflow-y:auto}.univer-slide-bar .univer-slide-bar-content{padding:0 15px}.univer-slide-bar .univer-slide-bar-content-header{padding-top:var(--padding-lg);display:flex;justify-content:center}.univer-slide-bar .univer-slide-bar-content-header a{width:212px;padding:var(--padding-xs) 0;font-size:var(--font-size-sm);background:rgb(var(--bg-color-secondary));text-align:center;border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-base);display:block;transition:all .25s;cursor:pointer}.univer-slide-bar .univer-slide-bar-content-header a:hover{background:rgb(var(--bg-color-hover))}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item{display:flex;margin:var(--margin-base) 0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item span{width:15px;font-size:12px}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box{position:relative;width:212px;height:120px;margin-left:5px;background:#fff;border:2px solid #c0c0c0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box:hover{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active span{color:#d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active .univer-slide-bar-box{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-add-button{padding:10px 0;text-align:center}.univer-slide-bar .univer-slide-add-button button{width:45px;height:auto;font-size:24px;line-height:1;border-radius:10px}

package/lib/locale/en-US.json

@@ -1,6 +1,36 @@
 {
-  "toolbar": {
-    "undo": "Undo",
-    "redo": "Redo"
+  "slide": {
+    "append": "Append Slide",
+    "text": {
+      "insert": {
+        "title": "Insert Text"
+      }
+    },
+    "shape": {
+      "insert": {
+        "title": "Insert Shape",
+        "rectangle": "Insert Rectangle"
+      }
+    },
+    "image": {
+      "insert": {
+        "title": "Insert Image",
+        "float": "Insert Float Image"
+      }
+    },
+    "popup": {
+      "edit": "Edit",
+      "delete": "Delete"
+    },
+    "sidebar": {
+      "text": "Edit Text",
+      "shape": "Edit Shape",
+      "image": "Edit Image"
+    },
+    "panel": {
+      "fill": {
+        "title": "Fill Color"
+      }
+    }
   }
 }

package/lib/locale/ru-RU.json

@@ -1,6 +1,36 @@
 {
-  "toolbar": {
-    "undo": "Отменить",
-    "redo": "Повторить"
+  "slide": {
+    "append": "Append Slide",
+    "text": {
+      "insert": {
+        "title": "Insert Text"
+      }
+    },
+    "shape": {
+      "insert": {
+        "title": "Insert Shape",
+        "rectangle": "Insert Rectangle"
+      }
+    },
+    "image": {
+      "insert": {
+        "title": "Insert Image",
+        "float": "Insert Float Image"
+      }
+    },
+    "popup": {
+      "edit": "Edit",
+      "delete": "Delete"
+    },
+    "sidebar": {
+      "text": "Edit Text",
+      "shape": "Edit Shape",
+      "image": "Edit Image"
+    },
+    "panel": {
+      "fill": {
+        "title": "Fill Color"
+      }
+    }
   }
 }

package/lib/locale/vi-VN.json

@@ -1,6 +1,36 @@
 {
-  "toolbar": {
-    "undo": "Hoàn tác",
-    "redo": "làm lại"
+  "slide": {
+    "append": "Append Slide",
+    "text": {
+      "insert": {
+        "title": "Insert Text"
+      }
+    },
+    "shape": {
+      "insert": {
+        "title": "Insert Shape",
+        "rectangle": "Insert Rectangle"
+      }
+    },
+    "image": {
+      "insert": {
+        "title": "Insert Image",
+        "float": "Insert Float Image"
+      }
+    },
+    "popup": {
+      "edit": "Edit",
+      "delete": "Delete"
+    },
+    "sidebar": {
+      "text": "Edit Text",
+      "shape": "Edit Shape",
+      "image": "Edit Image"
+    },
+    "panel": {
+      "fill": {
+        "title": "Fill Color"
+      }
+    }
   }
 }

package/lib/locale/zh-CN.json

@@ -1,6 +1,36 @@
 {
-  "toolbar": {
-    "undo": "撤销",
-    "redo": "重做"
+  "slide": {
+    "append": "新增幻灯片",
+    "text": {
+      "insert": {
+        "title": "插入文本"
+      }
+    },
+    "shape": {
+      "insert": {
+        "title": "插入图形",
+        "rectangle": "插入矩形"
+      }
+    },
+    "image": {
+      "insert": {
+        "title": "插入图片",
+        "float": "插入浮动图片"
+      }
+    },
+    "popup": {
+      "edit": "编辑",
+      "delete": "删除"
+    },
+    "sidebar": {
+      "text": "编辑文本",
+      "shape": "编辑图形",
+      "image": "编辑图片"
+    },
+    "panel": {
+      "fill": {
+        "title": "填充"
+      }
+    }
   }
 }

package/lib/locale/zh-TW.json

@@ -1,6 +1,36 @@
 {
-  "toolbar": {
-    "undo": "撤銷",
-    "redo": "重做"
+  "slide": {
+    "append": "Append Slide",
+    "text": {
+      "insert": {
+        "title": "Insert Text"
+      }
+    },
+    "shape": {
+      "insert": {
+        "title": "Insert Shape",
+        "rectangle": "Insert Rectangle"
+      }
+    },
+    "image": {
+      "insert": {
+        "title": "Insert Image",
+        "float": "Insert Float Image"
+      }
+    },
+    "popup": {
+      "edit": "Edit",
+      "delete": "Delete"
+    },
+    "sidebar": {
+      "text": "Edit Text",
+      "shape": "Edit Shape",
+      "image": "Edit Image"
+    },
+    "panel": {
+      "fill": {
+        "title": "Fill Color"
+      }
+    }
   }
 }

package/lib/types/commands/operations/append-slide.operation.d.ts

@@ -0,0 +1,3 @@
+import { ICommand } from '@univerjs/core';
+
+export declare const AppendSlideOperation: ICommand;

package/lib/types/commands/operations/delete-element.operation.d.ts

@@ -0,0 +1,6 @@
+import { ICommand } from '@univerjs/core';
+
+export interface IDeleteElementOperationParams {
+    id: string;
+}
+export declare const DeleteSlideElementOperation: ICommand<IDeleteElementOperationParams>;

package/lib/types/commands/operations/insert-image.operation.d.ts

@@ -0,0 +1,6 @@
+import { ICommand, Nullable } from '@univerjs/core';
+
+export interface IInsertImageOperationParams {
+    files: Nullable<File[]>;
+}
+export declare const InsertSlideFloatImageOperation: ICommand<IInsertImageOperationParams>;

package/lib/types/commands/operations/insert-shape.operation.d.ts

@@ -0,0 +1,11 @@
+import { ICommand } from '@univerjs/core';
+import { ObjectType } from '@univerjs/engine-render';
+
+export interface IInsertShapeOperationParams {
+}
+export declare const InsertSlideShapeRectangleOperation: ICommand<IInsertShapeOperationParams>;
+export interface IToggleSlideEditSidebarOperation {
+    visible: string;
+    objectType: ObjectType;
+}
+export declare const ToggleSlideEditSidebarOperation: ICommand;

package/lib/types/commands/operations/insert-text.operation.d.ts

@@ -0,0 +1,6 @@
+import { ICommand } from '@univerjs/core';
+
+export interface ISlideAddTextParam {
+    text: string;
+}
+export declare const SlideAddTextOperation: ICommand<ISlideAddTextParam>;

package/lib/types/commands/operations/text-edit.operation.d.ts

@@ -0,0 +1,3 @@
+import { IOperation } from '@univerjs/core';
+
+export declare const SetTextEditArrowOperation: IOperation<any>;

package/lib/types/commands/operations/update-element.operation.d.ts

@@ -0,0 +1,7 @@
+import { ICommand } from '@univerjs/core';
+
+export interface IUpdateElementOperationParams {
+    oKey: string;
+    props: Record<string, any>;
+}
+export declare const UpdateSlideElementOperation: ICommand<IUpdateElementOperationParams>;

package/lib/types/components/image-popup-menu/ImagePopupMenu.d.ts

@@ -0,0 +1,19 @@
+import { IDrawingSearch } from '@univerjs/core';
+import { default as React } from 'react';
+
+export interface IImagePopupMenuItem {
+    label: string;
+    index: number;
+    commandId: string;
+    commandParams?: IDrawingSearch[];
+    disable: boolean;
+}
+export interface IImagePopupMenuExtraProps {
+    menuItems: IImagePopupMenuItem[];
+}
+export interface IImagePopupMenuProps {
+    popup: {
+        extraProps?: IImagePopupMenuExtraProps;
+    };
+}
+export declare const SlideImagePopupMenu: React.FC<IImagePopupMenuProps>;

package/lib/types/components/image-popup-menu/component-name.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";

package/lib/types/components/panels/ArrangePanel.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface IProps {
+    unitId: string;
+}
+export default function ArrangePanel(props: IProps): React.JSX.Element | null;
+export {};

package/lib/types/components/panels/FillPanel.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface IProps {
+    unitId: string;
+}
+export default function ArrangePanel(props: IProps): React.JSX.Element | null;
+export {};

package/lib/types/components/panels/TransformPanel.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface IProps {
+    unitId: string;
+}
+export default function TransformPanel(props: IProps): React.JSX.Element | null;
+export {};

package/lib/types/components/sidebar/Sidebar.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare const COMPONENT_SLIDE_SIDEBAR = "COMPONENT_SLIDE_SIDEBAR";
+export default function RectSidebar(): React.JSX.Element | null;

package/lib/types/components/upload-component/UploadFile.d.ts

@@ -0,0 +1,9 @@
+import { Nullable } from '@univerjs/core';
+import { default as React } from 'react';
+import { ICustomComponentProps } from '@univerjs/ui';
+import { UploadFileType } from './component-name';
+
+export interface IUploadFileProps extends ICustomComponentProps<Nullable<File>> {
+    type: UploadFileType;
+}
+export declare const UploadFileMenu: (props: IUploadFileProps) => React.JSX.Element;

package/lib/types/components/upload-component/component-name.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const COMPONENT_UPLOAD_FILE_MENU = "COMPONENT_UPLOAD_FILE_MENU";
+export declare enum UploadFileType {
+    cellImage = 0,
+    floatImage = 1
+}

package/lib/types/controllers/image.menu.d.ts

@@ -0,0 +1,7 @@
+import { IMenuItem } from '@univerjs/ui';
+import { IAccessor } from '@univerjs/core';
+
+export declare const IMAGE_UPLOAD_ICON = "addition-and-subtraction-single";
+export declare const IMAGE_MENU_ID = "slide.menu.image";
+export declare function SlideImageMenuFactory(accessor: IAccessor): IMenuItem;
+export declare function UploadSlideFloatImageMenuFactory(_accessor: IAccessor): IMenuItem;

package/lib/types/controllers/popup-menu.controller.d.ts

@@ -0,0 +1,23 @@
+import { ICommandService, IContextService, IUniverInstanceService, RxDisposable } from '@univerjs/core';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { ISidebarService } from '@univerjs/ui';
+import { CanvasView } from '@univerjs/slides';
+import { SlideCanvasPopMangerService } from '../services/slide-popup-manager.service';
+
+export declare class SlidePopupMenuController extends RxDisposable {
+    private readonly _canvasPopManagerService;
+    private readonly _renderManagerService;
+    private readonly _univerInstanceService;
+    private readonly _contextService;
+    private readonly _canvasView;
+    private readonly _sidebarService;
+    private readonly _commandService;
+    private _initImagePopupMenu;
+    constructor(_canvasPopManagerService: SlideCanvasPopMangerService, _renderManagerService: IRenderManagerService, _univerInstanceService: IUniverInstanceService, _contextService: IContextService, _canvasView: CanvasView, _sidebarService: ISidebarService, _commandService: ICommandService);
+    private _init;
+    private _dispose;
+    private _create;
+    private _hasCropObject;
+    private _popupMenuListener;
+    private _getMenuItemsByObjectType;
+}

package/lib/types/controllers/shape.menu.d.ts

@@ -0,0 +1,7 @@
+import { IMenuButtonItem, IMenuItem } from '@univerjs/ui';
+import { IAccessor } from '@univerjs/core';
+
+export declare const GRAPH_SINGLE_ICON = "graph-single";
+export declare const SHAPE_MENU_ID = "slide.menu.shape";
+export declare function SlideShapeMenuFactory(accessor: IAccessor): IMenuItem;
+export declare function UploadSlideFloatShapeMenuFactory(_accessor: IAccessor): IMenuButtonItem;

package/lib/types/controllers/shortcuts/editor.shortcuts.d.ts

@@ -0,0 +1,6 @@
+import { IShortcutItem, KeyCode } from '@univerjs/ui';
+
+export declare const ARROW_SELECTION_KEYCODE_LIST: KeyCode[];
+export declare const MOVE_SELECTION_KEYCODE_LIST: KeyCode[];
+export declare function generateArrowSelectionShortCutItem(): IShortcutItem<object>[];
+export declare const EditorDeleteLeftShortcut: IShortcutItem;

package/lib/types/controllers/shortcuts/utils.d.ts

@@ -0,0 +1,35 @@
+import { IContextService } from '@univerjs/core';
+
+export declare function whenSheetFocused(contextService: IContextService): boolean;
+/**
+ * Requires the currently focused unit to be Workbook and the sheet editor is focused but not activated.
+ * @param contextService
+ * @returns If the sheet editor is focused but not activated.
+ */
+export declare function whenSheetEditorFocused(contextService: IContextService): boolean;
+export declare function whenSheetEditorFocusedAndFxNotFocused(contextService: IContextService): boolean;
+/**
+ * Requires the currently focused unit to be Workbook and the sheet editor is activated.
+ * @param contextService
+ * @returns If the sheet editor is activated.
+ */
+export declare function whenSheetEditorActivated(contextService: IContextService): boolean;
+export declare function whenEditorActivated(contextService: IContextService): boolean;
+/**
+ * Requires the currently focused editor is a formula editor.
+ * @param contextService
+ * @returns If the formula editor is focused.
+ */
+export declare function whenFormulaEditorFocused(contextService: IContextService): boolean;
+/**
+ * Requires the currently focused editor is a formula editor, and it is activated.
+ * @param contextService
+ * @returns If the formula editor is activated.
+ */
+export declare function whenFormulaEditorActivated(contextService: IContextService): boolean;
+/**
+ * Requires the currently focused editor is not a formula editor, and it is activated.
+ * @param contextService
+ * @returns If the editor is activated and the editor is not the formula editor.
+ */
+export declare function whenEditorDidNotInputFormulaActivated(contextService: IContextService): boolean;

package/lib/types/controllers/slide-editing.render-controller.d.ts

@@ -0,0 +1,108 @@
+import { Nullable, UnitModel, Disposable, ICommandService, IContextService, IResourceLoaderService, IUndoRedoService, IUniverInstanceService, LocaleService } from '@univerjs/core';
+import { IDocObjectParam, TextSelectionManagerService } from '@univerjs/docs';
+import { IRenderContext, IRenderModule, IRenderManagerService, ITextSelectionRenderManager } from '@univerjs/engine-render';
+import { IEditorService, ILayoutService } from '@univerjs/ui';
+import { ISlideEditorBridgeService } from '../services/slide-editor-bridge.service';
+import { ISlideEditorManagerService } from '../services/slide-editor-manager.service';
+
+export declare class SlideEditingRenderController extends Disposable implements IRenderModule {
+    private readonly _renderContext;
+    private readonly _layoutService;
+    private readonly _undoRedoService;
+    private readonly _contextService;
+    private readonly _instanceSrv;
+    private readonly _renderManagerService;
+    private readonly _editorBridgeService;
+    private readonly _cellEditorManagerService;
+    private readonly _textSelectionRenderManager;
+    private readonly _textSelectionManagerService;
+    private readonly _commandService;
+    protected readonly _localService: LocaleService;
+    private readonly _editorService;
+    private readonly _resourceLoaderService;
+    /**
+     * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
+     */
+    private _cursorChange;
+    /** If the corresponding unit is active and prepared for editing. */
+    private _isUnitEditing;
+    private _d;
+    constructor(_renderContext: IRenderContext<UnitModel>, _layoutService: ILayoutService, _undoRedoService: IUndoRedoService, _contextService: IContextService, _instanceSrv: IUniverInstanceService, _renderManagerService: IRenderManagerService, _editorBridgeService: ISlideEditorBridgeService, _cellEditorManagerService: ISlideEditorManagerService, _textSelectionRenderManager: ITextSelectionRenderManager, _textSelectionManagerService: TextSelectionManagerService, _commandService: ICommandService, _localService: LocaleService, _editorService: IEditorService, _resourceLoaderService: IResourceLoaderService);
+    dispose(): void;
+    private _disposeCurrent;
+    private _init;
+    private _initEditorVisibilityListener;
+    private _listenEditorFocus;
+    private _getEditorSkeleton;
+    private _getEditorViewModel;
+    private _initialCursorSync;
+    /**
+     * Set editorUnitId to curr doc.
+     * @param d DisposableCollection
+     */
+    private _subscribeToCurrentCell;
+    /**
+     * set size and pos of editing area
+     * invoked by _handleEditorVisible
+     *
+     * size & pos derives from slide-editor-bridge.service.ts@getEditRectState.position
+     *
+     * set pos of editing area
+     * EditorContainer.tsx cellEditorManagerService.setFocus(true) -->
+     * _focus$.next --> editingRenderController -->
+     * _textSelectionRenderManager.sync() --> _updateInputPosition --> activate(left, top)
+     *
+     * @param positionFromEditRectState
+     * @param canvasOffset
+     * @param documentSkeleton
+     * @param documentLayoutObject
+     * @param scaleX
+     * @param scaleY
+     */
+    private _fitTextSize;
+    /**
+     * Mainly used to pre-calculate the width of the editor,
+     * to determine whether it needs to be automatically widened.
+     */
+    private _predictingSize;
+    /**
+     * control the size of editing area
+     */
+    private _editAreaProcessing;
+    /**
+     * Since the document does not support cell background color, an additional rect needs to be added.
+     */
+    private _addBackground;
+    /**
+     * show input area, resize input area and then place input to right place.
+     * invoked when this._editorBridgeService.visible$ param.visible = true
+     *
+     * handleVisible is the 2nd part of editing.
+     * startEditing --> _updateEditor
+     * startEditing --> changeVisible --> slide-editor-bridge.render-controller.ts@changeVisible --> _editorBridgeService.changeVisible
+     * @param param
+     */
+    private _handleEditorVisible;
+    private _resetBodyStyle;
+    /**
+     * Should activate the editor when the user inputs text.
+     * @param d DisposableCollection
+     */
+    private _initialKeyboardListener;
+    private _showEditorByKeyboard;
+    private _commandExecutedListener;
+    private _moveCursorCmdHandler;
+    private _editingChangedHandler;
+    private _setOpenForCurrent;
+    private _getEditorObject;
+    private _handleEditorInvisible;
+    private _exitInput;
+    private _moveCursor;
+    /**
+     * The user's operations follow the sequence of opening the editor and then moving the cursor.
+     * The logic here predicts the user's first cursor movement behavior based on this rule
+     */
+    private _cursorStateListener;
+    private _moveInEditor;
+}
+export declare function getEditorObject(unitId: Nullable<string>, renderManagerService: IRenderManagerService): Nullable<IDocObjectParam>;

package/lib/types/controllers/slide-editor-bridge.render-controller.d.ts

@@ -0,0 +1,47 @@
+import { UnitModel, ICommandService, IContextService, IUniverInstanceService, RxDisposable } from '@univerjs/core';
+import { TextSelectionManagerService } from '@univerjs/docs';
+import { IRenderContext, IRenderModule, RichText, ITextSelectionRenderManager } from '@univerjs/engine-render';
+import { CanvasView } from '@univerjs/slides';
+import { Subject } from 'rxjs';
+import { ISlideEditorBridgeService } from '../services/slide-editor-bridge.service';
+import { ISlideRichTextProps } from '../type';
+
+export declare class SlideEditorBridgeRenderController extends RxDisposable implements IRenderModule {
+    private readonly _renderContext;
+    private readonly _contextService;
+    private readonly _instanceSrv;
+    private readonly _commandService;
+    private readonly _editorBridgeService;
+    private readonly _textSelectionManagerService;
+    private readonly _textSelectionRenderManager;
+    private readonly _canvasView;
+    /**
+     * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
+     */
+    private _cursorChange;
+    /** If the corresponding unit is active and prepared for editing. */
+    private _isUnitEditing;
+    setSlideTextEditor$: Subject<ISlideRichTextProps>;
+    private _curRichText;
+    constructor(_renderContext: IRenderContext<UnitModel>, _contextService: IContextService, _instanceSrv: IUniverInstanceService, _commandService: ICommandService, _editorBridgeService: ISlideEditorBridgeService, _textSelectionManagerService: TextSelectionManagerService, _textSelectionRenderManager: ITextSelectionRenderManager, _canvasView: CanvasView);
+    private _init;
+    private _initSubjectListener;
+    private _setEditorRect;
+    private _initEventListener;
+    pickOtherObjects(): void;
+    /**
+     * invoked when picking other object.
+     *
+     * save editing state to curr richText.
+     */
+    endEditing(): false | undefined;
+    /**
+     * TODO calling twice ？？？？
+     * editingParam derives from RichText object.
+     *
+     * TODO @lumixraku need scale param
+     * @param target
+     */
+    startEditing(target: RichText): void;
+    setEditorVisible(visible: boolean): void;
+}

package/lib/types/controllers/slide-ui.controller.d.ts

@@ -1,14 +1,26 @@
-import { Disposable, ICommandService, Injector } from '@univerjs/core';
-import { IUIPartsService } from '@univerjs/ui';
+import { DependencyOverride, Disposable, ICommandService, Injector } from '@univerjs/core';
+import { MenuConfig, ComponentManager, IMenuService, IShortcutService, IUIPartsService } from '@univerjs/ui';
 
+export interface IUniverSlidesDrawingConfig {
+    menu?: MenuConfig;
+    override?: DependencyOverride;
+}
+export declare const DefaultSlidesDrawingConfig: IUniverSlidesDrawingConfig;
 /**
  * This controller registers UI parts of slide workbench to the base-ui workbench.
  */
-export declare class SlideUIController extends Disposable {
-    private readonly _injector;
-    private readonly _uiPartsService;
-    private readonly _commandService;
-    constructor(_injector: Injector, _uiPartsService: IUIPartsService, _commandService: ICommandService);
+export declare class SlidesUIController extends Disposable {
+    private readonly _config;
+    protected readonly _injector: Injector;
+    protected readonly _menuService: IMenuService;
+    protected readonly _componentManager: ComponentManager;
+    protected readonly _uiPartsService: IUIPartsService;
+    protected readonly _commandService: ICommandService;
+    protected readonly _shortcutService: IShortcutService;
+    constructor(_config: Partial<IUniverSlidesDrawingConfig>, _injector: Injector, _menuService: IMenuService, _componentManager: ComponentManager, _uiPartsService: IUIPartsService, _commandService: ICommandService, _shortcutService: IShortcutService);
+    private _initMenus;
+    private _initCustomComponents;
     private _initCommands;
-    private _initUIComponents;
+    protected _initUIComponents(): void;
+    private _initShortcuts;
 }