@univerjs/slides-ui 0.25.0 → 1.0.0-alpha.0

package/lib/cjs/index.js

@@ -12,7 +12,7 @@ let _univerjs_docs_ui = require("@univerjs/docs-ui");
 let rxjs = require("rxjs");
 let _univerjs_docs = require("@univerjs/docs");
 
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -23,7 +23,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -36,14 +36,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -54,7 +54,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -62,7 +62,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -525,7 +525,7 @@ const UpdateSlideElementOperation = {
 };
 
 //#endregion
-//#region src/components/panels/ArrangePanel.tsx
+//#region src/views/panels/ArrangePanel.tsx
 function ArrangePanel$1(props) {
 	const { pageId, unitId } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -622,7 +622,7 @@ function ArrangePanel$1(props) {
 }
 
 //#endregion
-//#region src/components/panels/FillPanel.tsx
+//#region src/views/panels/FillPanel.tsx
 /**
 *
 * @param props
@@ -688,7 +688,7 @@ function ArrangePanel(props) {
 }
 
 //#endregion
-//#region src/components/panels/TransformPanel.tsx
+//#region src/views/panels/TransformPanel.tsx
 function TransformPanel(props) {
 	const { pageId, unitId } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -837,7 +837,7 @@ function TransformPanel(props) {
 }
 
 //#endregion
-//#region src/components/sidebar/Sidebar.tsx
+//#region src/views/sidebar/Sidebar.tsx
 const COMPONENT_SLIDE_SIDEBAR = "COMPONENT_SLIDE_SIDEBAR";
 function RectSidebar() {
 	var _currentSlide$getActi, _univerInstanceServic, _page$scene;
@@ -1059,84 +1059,6 @@ const SetSlidePageThumbOperation = {
 	}
 };
 
-//#endregion
-//#region src/components/slide-bar/SlideBar.tsx
-/**
-* This components works as the root component of the left Sidebar of Slide.
-*/
-function SlideSideBar() {
-	var _currentSlide$getActi, _currentSlide$getActi2;
-	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
-	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
-	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
-	const slideBarRef = (0, react.useRef)(null);
-	const currentSlide = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SLIDE);
-	const pages = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getPages();
-	const pageOrder = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getPageOrder();
-	if (!pages || !pageOrder) return null;
-	const slideList = pageOrder.map((id) => pages[id]);
-	const [activatePageId, setActivatePageId] = (0, react.useState)((_currentSlide$getActi = currentSlide === null || currentSlide === void 0 || (_currentSlide$getActi2 = currentSlide.getActivePage()) === null || _currentSlide$getActi2 === void 0 ? void 0 : _currentSlide$getActi2.id) !== null && _currentSlide$getActi !== void 0 ? _currentSlide$getActi : null);
-	const divRefs = (0, react.useMemo)(() => slideList.map(() => (0, react.createRef)()), [slideList]);
-	(0, react.useEffect)(() => {
-		const subscriber = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.activePage$.subscribe((page) => {
-			var _page$id;
-			const id = (_page$id = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id !== void 0 ? _page$id : null;
-			id && setActivatePageId(id);
-		});
-		return () => {
-			subscriber === null || subscriber === void 0 || subscriber.unsubscribe();
-		};
-	}, []);
-	(0, react.useEffect)(() => {
-		divRefs.forEach((ref, index) => {
-			if (ref.current) {
-				var _renderManagerService;
-				const slide = slideList[index];
-				(_renderManagerService = renderManagerService.getRenderById(slide.id)) === null || _renderManagerService === void 0 || _renderManagerService.engine.setContainer(ref.current);
-			}
-		});
-		if (divRefs.length > 0) commandService.syncExecuteCommand(SetSlidePageThumbOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
-	}, [
-		divRefs,
-		slideList,
-		renderManagerService,
-		commandService,
-		currentSlide
-	]);
-	const activatePage = (0, react.useCallback)((page) => {
-		commandService.syncExecuteCommand(ActivateSlidePageOperation.id, {
-			id: page,
-			unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId()
-		});
-	}, [commandService, currentSlide]);
-	const handleAppendSlide = (0, react.useCallback)(() => {
-		commandService.syncExecuteCommand(AppendSlideOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
-	}, [commandService, currentSlide]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
-		ref: slideBarRef,
-		className: (0, _univerjs_design.clsx)("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", _univerjs_design.scrollbarClassName),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "univer-px-4",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-				className: "univer-flex univer-justify-center univer-pt-4",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-					className: (0, _univerjs_design.clsx)("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", _univerjs_design.borderClassName),
-					onClick: handleAppendSlide,
-					children: localeService.t("slides-ui.append")
-				})
-			}), slideList.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: (0, _univerjs_design.clsx)("univer-my-4 univer-flex univer-gap-2", { "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": item.id === activatePageId }),
-				onClick: () => activatePage(item.id),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: index + 1 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					ref: divRefs[index],
-					className: (0, _univerjs_design.clsx)("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", _univerjs_design.borderClassName)
-				})]
-			}, item.id))]
-		})
-	});
-}
-
 //#endregion
 //#region src/const.ts
 /**
@@ -1164,79 +1086,6 @@ const SetTextEditArrowOperation = {
 	handler: () => true
 };
 
-//#endregion
-//#region src/components/image-popup-menu/component-name.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* 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.
-*/
-const COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
-
-//#endregion
-//#region src/components/image-popup-menu/ImagePopupMenu.tsx
-function SlideImagePopupMenu(props) {
-	var _props$popup;
-	const menuItems = (_props$popup = props.popup) === null || _props$popup === void 0 || (_props$popup = _props$popup.extraProps) === null || _props$popup === void 0 ? void 0 : _props$popup.menuItems;
-	if (!menuItems) return null;
-	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
-	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
-	const [visible, setVisible] = (0, react.useState)(false);
-	const [isHovered, setHovered] = (0, react.useState)(false);
-	const handleMouseEnter = () => {
-		setHovered(true);
-	};
-	const handleMouseLeave = () => {
-		setHovered(false);
-	};
-	const onVisibleChange = (visible) => {
-		setVisible(visible);
-	};
-	const handleClick = (item) => {
-		commandService.executeCommand(item.commandId, item.commandParams);
-		setVisible(false);
-	};
-	const showMore = visible || isHovered;
-	const availableMenu = menuItems.filter((item) => !item.disable);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		onMouseEnter: handleMouseEnter,
-		onMouseLeave: handleMouseLeave,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
-			align: "start",
-			overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-				className: (0, _univerjs_design.clsx)("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", _univerjs_design.borderClassName),
-				children: availableMenu.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-					className: "univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",
-					onClick: () => handleClick(item),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "univer-px-2 univer-py-1.5 univer-align-middle",
-						children: localeService.t(item.label)
-					})
-				}, item.index))
-			}),
-			open: visible,
-			onOpenChange: onVisibleChange,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: (0, _univerjs_design.clsx)("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", _univerjs_design.borderClassName, {
-					"univer-bg-gray-100 dark:!univer-bg-gray-800": visible,
-					"univer-bg-white dark:!univer-bg-gray-900": !visible
-				}),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AutofillDoubleIcon, { className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white" }), showMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreDownIcon, { className: "dark:!univer-text-white" })]
-			})
-		})
-	});
-}
-
 //#endregion
 //#region src/menu/image.menu.ts
 const SLIDES_IMAGE_MENU_ID = "slide.menu.image";
@@ -1390,7 +1239,7 @@ function SlideEditorContainer() {
 	const editorService = (0, _univerjs_ui.useDependency)(_univerjs_docs_ui.IEditorService);
 	const contextService = (0, _univerjs_ui.useDependency)(_univerjs_core.IContextService);
 	const disableAutoFocus = (0, _univerjs_ui.useObservable)(() => contextService.subscribeContextValue$(_univerjs_ui.DISABLE_AUTO_FOCUS_KEY), false, void 0, [contextService, _univerjs_ui.DISABLE_AUTO_FOCUS_KEY]);
-	`${_univerjs_core.DEFAULT_EMPTY_DOCUMENT_VALUE}`, _univerjs_core.DocumentFlavor.UNSPECIFIED;
+	`${_univerjs_core.DEFAULT_EMPTY_DOCUMENT_VALUE}`, (0, _univerjs_core.createParagraphId)(/* @__PURE__ */ new Set()), _univerjs_core.DocumentFlavor.UNSPECIFIED;
 	(0, react.useEffect)(() => {
 		slideEditorManagerService.state$.subscribe((param) => {
 			if (param == null) return;
@@ -1429,6 +1278,84 @@ function SlideEditorContainer() {
 	});
 }
 
+//#endregion
+//#region src/views/slide-bar/SlideBar.tsx
+/**
+* This components works as the root component of the left Sidebar of Slide.
+*/
+function SlideSideBar() {
+	var _currentSlide$getActi, _currentSlide$getActi2;
+	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const slideBarRef = (0, react.useRef)(null);
+	const currentSlide = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SLIDE);
+	const pages = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getPages();
+	const pageOrder = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getPageOrder();
+	if (!pages || !pageOrder) return null;
+	const slideList = pageOrder.map((id) => pages[id]);
+	const [activatePageId, setActivatePageId] = (0, react.useState)((_currentSlide$getActi = currentSlide === null || currentSlide === void 0 || (_currentSlide$getActi2 = currentSlide.getActivePage()) === null || _currentSlide$getActi2 === void 0 ? void 0 : _currentSlide$getActi2.id) !== null && _currentSlide$getActi !== void 0 ? _currentSlide$getActi : null);
+	const divRefs = (0, react.useMemo)(() => slideList.map(() => (0, react.createRef)()), [slideList]);
+	(0, react.useEffect)(() => {
+		const subscriber = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.activePage$.subscribe((page) => {
+			var _page$id;
+			const id = (_page$id = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id !== void 0 ? _page$id : null;
+			id && setActivatePageId(id);
+		});
+		return () => {
+			subscriber === null || subscriber === void 0 || subscriber.unsubscribe();
+		};
+	}, []);
+	(0, react.useEffect)(() => {
+		divRefs.forEach((ref, index) => {
+			if (ref.current) {
+				var _renderManagerService;
+				const slide = slideList[index];
+				(_renderManagerService = renderManagerService.getRenderById(slide.id)) === null || _renderManagerService === void 0 || _renderManagerService.engine.setContainer(ref.current);
+			}
+		});
+		if (divRefs.length > 0) commandService.syncExecuteCommand(SetSlidePageThumbOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
+	}, [
+		divRefs,
+		slideList,
+		renderManagerService,
+		commandService,
+		currentSlide
+	]);
+	const activatePage = (0, react.useCallback)((page) => {
+		commandService.syncExecuteCommand(ActivateSlidePageOperation.id, {
+			id: page,
+			unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId()
+		});
+	}, [commandService, currentSlide]);
+	const handleAppendSlide = (0, react.useCallback)(() => {
+		commandService.syncExecuteCommand(AppendSlideOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
+	}, [commandService, currentSlide]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
+		ref: slideBarRef,
+		className: (0, _univerjs_design.clsx)("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", _univerjs_design.scrollbarClassName),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-px-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+				className: "univer-flex univer-justify-center univer-pt-4",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					className: (0, _univerjs_design.clsx)("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-transition-colors", _univerjs_design.borderClassName),
+					onClick: handleAppendSlide,
+					children: localeService.t("slides-ui.append")
+				})
+			}), slideList.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: (0, _univerjs_design.clsx)("univer-my-4 univer-flex univer-gap-2", { "[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600": item.id === activatePageId }),
+				onClick: () => activatePage(item.id),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: index + 1 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: divRefs[index],
+					className: (0, _univerjs_design.clsx)("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600", _univerjs_design.borderClassName)
+				})]
+			}, item.id))]
+		})
+	});
+}
+
 //#endregion
 //#region src/controllers/shortcuts/utils.ts
 function whenEditorActivated(contextService) {
@@ -1493,7 +1420,7 @@ const EditorDeleteLeftShortcut = {
 };
 
 //#endregion
-//#region src/controllers/slide-ui.controller.ts
+//#region src/controllers/ui.controller.ts
 /**
 * Copyright 2023-present DreamNum Co., Ltd.
 *
@@ -1510,16 +1437,14 @@ const EditorDeleteLeftShortcut = {
 * limitations under the License.
 */
 let SlidesUIController = class SlidesUIController extends _univerjs_core.Disposable {
-	constructor(_injector, _menuManagerService, _componentManager, _uiPartsService, _commandService, _shortcutService) {
+	constructor(_injector, _menuManagerService, _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();
@@ -1527,13 +1452,6 @@ let SlidesUIController = class SlidesUIController extends _univerjs_core.Disposa
 	_initMenus() {
 		this._menuManagerService.mergeMenu(menuSchema);
 	}
-	_initCustomComponents() {
-		const componentManager = this._componentManager;
-		this.disposeWithMe(componentManager.register("TextIcon", _univerjs_icons.TextIcon));
-		this.disposeWithMe(componentManager.register("GraphIcon", _univerjs_icons.GraphIcon));
-		this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU, SlideImagePopupMenu));
-		this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR, RectSidebar));
-	}
 	_initCommands() {
 		[
 			AppendSlideOperation,
@@ -1565,16 +1483,15 @@ let SlidesUIController = class SlidesUIController extends _univerjs_core.Disposa
 SlidesUIController = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(1, _univerjs_ui.IMenuManagerService),
-	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
-	__decorateParam(3, _univerjs_ui.IUIPartsService),
-	__decorateParam(4, _univerjs_core.ICommandService),
-	__decorateParam(5, _univerjs_ui.IShortcutService)
+	__decorateParam(2, _univerjs_ui.IUIPartsService),
+	__decorateParam(3, _univerjs_core.ICommandService),
+	__decorateParam(4, _univerjs_ui.IShortcutService)
 ], SlidesUIController);
 
 //#endregion
 //#region package.json
 var name = "@univerjs/slides-ui";
-var version = "0.25.0";
+var version = "1.0.0-alpha.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -1582,6 +1499,119 @@ const SLIDES_UI_PLUGIN_CONFIG_KEY = "slides-ui.config";
 const configSymbol = Symbol(SLIDES_UI_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
+//#endregion
+//#region src/views/image-popup-menu/component-name.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* 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.
+*/
+const COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
+
+//#endregion
+//#region src/views/image-popup-menu/ImagePopupMenu.tsx
+function SlideImagePopupMenu(props) {
+	var _props$popup;
+	const menuItems = (_props$popup = props.popup) === null || _props$popup === void 0 || (_props$popup = _props$popup.extraProps) === null || _props$popup === void 0 ? void 0 : _props$popup.menuItems;
+	if (!menuItems) return null;
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const [visible, setVisible] = (0, react.useState)(false);
+	const [isHovered, setHovered] = (0, react.useState)(false);
+	const handleMouseEnter = () => {
+		setHovered(true);
+	};
+	const handleMouseLeave = () => {
+		setHovered(false);
+	};
+	const onVisibleChange = (visible) => {
+		setVisible(visible);
+	};
+	const handleClick = (item) => {
+		commandService.executeCommand(item.commandId, item.commandParams);
+		setVisible(false);
+	};
+	const showMore = visible || isHovered;
+	const availableMenu = menuItems.filter((item) => !item.disable);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
+			align: "start",
+			overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: (0, _univerjs_design.clsx)("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", _univerjs_design.borderClassName),
+				children: availableMenu.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+					className: "univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",
+					onClick: () => handleClick(item),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "univer-px-2 univer-py-1.5 univer-align-middle",
+						children: localeService.t(item.label)
+					})
+				}, item.index))
+			}),
+			open: visible,
+			onOpenChange: onVisibleChange,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: (0, _univerjs_design.clsx)("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", _univerjs_design.borderClassName, {
+					"univer-bg-gray-100 dark:!univer-bg-gray-800": visible,
+					"univer-bg-white dark:!univer-bg-gray-900": !visible
+				}),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AutofillDoubleIcon, { className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white" }), showMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreDownIcon, { className: "dark:!univer-text-white" })]
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/controllers/components.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* 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.
+*/
+let ComponentsController = class ComponentsController extends _univerjs_core.Disposable {
+	constructor(_componentManager, _iconManager) {
+		super();
+		this._componentManager = _componentManager;
+		this._iconManager = _iconManager;
+		this._registerParts();
+		this._registerIcons();
+	}
+	_registerParts() {
+		const componentManager = this._componentManager;
+		this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU, SlideImagePopupMenu));
+		this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR, RectSidebar));
+	}
+	_registerIcons() {
+		this.disposeWithMe(this._iconManager.register({
+			AddImageIcon: _univerjs_icons.AddImageIcon,
+			TextIcon: _univerjs_icons.TextIcon,
+			GraphIcon: _univerjs_icons.GraphIcon
+		}));
+	}
+};
+ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
+
 //#endregion
 //#region src/services/slide-editor-bridge.service.ts
 const ISlideEditorBridgeService = (0, _univerjs_core.createIdentifier)("univer.slide-editor-bridge.service");
@@ -2080,7 +2110,10 @@ let SlideEditingRenderController = class SlideEditingRenderController extends _u
 			body.textRuns[0].ed = 1;
 		} else body.textRuns = void 0;
 		if (body.paragraphs != null) if (body.paragraphs.length === 1) body.paragraphs[0].startIndex = 0;
-		else body.paragraphs = [{ startIndex: 0 }];
+		else body.paragraphs = [{
+			startIndex: 0,
+			paragraphId: (0, _univerjs_core.createParagraphId)(/* @__PURE__ */ new Set())
+		}];
 		if (body.sectionBreaks != null) body.sectionBreaks = void 0;
 		if (body.tables != null) body.tables = void 0;
 		if (body.customRanges != null) body.customRanges = void 0;
@@ -2631,6 +2664,8 @@ let UniverSlidesUIPlugin = class UniverSlidesUIPlugin extends _univerjs_core.Plu
 		this._configService.setConfig(SLIDES_UI_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
+		this._injector.add([ComponentsController]);
+		this._injector.get(ComponentsController);
 		(0, _univerjs_core.mergeOverrideWithDependencies)([
 			[SlideRenderService],
 			[ISlideEditorBridgeService, { useClass: SlideEditorBridgeService }],
@@ -2710,8 +2745,6 @@ Object.defineProperty(exports, 'SlideCanvasPopMangerService', {
     return SlideCanvasPopMangerService;
   }
 });
-exports.SlideEditorContainer = SlideEditorContainer;
-exports.SlideSideBar = SlideSideBar;
 Object.defineProperty(exports, 'SlidesUIController', {
   enumerable: true,
   get: function () {

package/lib/cjs/locale/ru-RU.js

@@ -1,21 +1,6 @@
 
-//#region src/locale/en-US.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* 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.
-*/
-const locale$1 = { "slides-ui": {
+//#region src/locale/ru-RU.ts
+const locale = { "slides-ui": {
 	append: "Append Slide",
 	text: { insert: { title: "Insert Text" } },
 	shape: { insert: {
@@ -56,9 +41,5 @@ const locale$1 = { "slides-ui": {
 	panel: { fill: { title: "Fill Color" } }
 } };
 
-//#endregion
-//#region src/locale/ru-RU.ts
-const locale = locale$1;
-
 //#endregion
 module.exports = locale;

package/lib/cjs/locale/vi-VN.js

@@ -1,21 +1,6 @@
 
-//#region src/locale/en-US.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* 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.
-*/
-const locale$1 = { "slides-ui": {
+//#region src/locale/vi-VN.ts
+const locale = { "slides-ui": {
 	append: "Append Slide",
 	text: { insert: { title: "Insert Text" } },
 	shape: { insert: {
@@ -56,9 +41,5 @@ const locale$1 = { "slides-ui": {
 	panel: { fill: { title: "Fill Color" } }
 } };
 
-//#endregion
-//#region src/locale/vi-VN.ts
-const locale = locale$1;
-
 //#endregion
 module.exports = locale;

package/lib/cjs/locale/zh-HK.js

@@ -1,21 +1,6 @@
 
-//#region src/locale/en-US.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* 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.
-*/
-const locale$1 = { "slides-ui": {
+//#region src/locale/zh-HK.ts
+const locale = { "slides-ui": {
 	append: "Append Slide",
 	text: { insert: { title: "Insert Text" } },
 	shape: { insert: {
@@ -56,9 +41,5 @@ const locale$1 = { "slides-ui": {
 	panel: { fill: { title: "Fill Color" } }
 } };
 
-//#endregion
-//#region src/locale/zh-HK.ts
-const locale = locale$1;
-
 //#endregion
 module.exports = locale;