@univerjs/slides-ui 1.0.0-alpha.3 → 1.0.0-alpha.4

package/lib/cjs/index.js

@@ -635,12 +635,10 @@ function ArrangePanel(props) {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const page = canvasView.getRenderUnitByPageId(pageId, unitId);
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
-	if (!scene) return null;
-	const transformer = scene.getTransformer();
-	if (!transformer) return null;
-	const object = transformer.getSelectedObjectMap().values().next().value;
-	if (!object) return null;
-	const [color, setColor] = (0, react.useState)((_object$fill$toString = (_object$fill = object.fill) === null || _object$fill === void 0 ? void 0 : _object$fill.toString()) !== null && _object$fill$toString !== void 0 ? _object$fill$toString : "");
+	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformer();
+	const object = transformer === null || transformer === void 0 ? void 0 : transformer.getSelectedObjectMap().values().next().value;
+	const [color, setColor] = (0, react.useState)((_object$fill$toString = object === null || object === void 0 || (_object$fill = object.fill) === null || _object$fill === void 0 ? void 0 : _object$fill.toString()) !== null && _object$fill$toString !== void 0 ? _object$fill$toString : "");
+	if (!scene || !transformer || !object) return null;
 	/**
 	*
 	* @param color
@@ -696,12 +694,9 @@ function TransformPanel(props) {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const page = canvasView.getRenderUnitByPageId(pageId, unitId);
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
-	if (!scene) return null;
-	const transformer = scene.getTransformer();
-	if (!transformer) return null;
-	const object = transformer.getSelectedObjectMap().values().next().value;
-	if (!object) return null;
-	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = object;
+	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformer();
+	const object = transformer === null || transformer === void 0 ? void 0 : transformer.getSelectedObjectMap().values().next().value;
+	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = object !== null && object !== void 0 ? object : {};
 	const [width, setWidth] = (0, react.useState)(originWidth);
 	const [height, setHeight] = (0, react.useState)(originHeight);
 	const [xPosition, setXPosition] = (0, react.useState)(originX);
@@ -717,6 +712,7 @@ function TransformPanel(props) {
 		setRotation(originRotation);
 	};
 	(0, react.useEffect)(() => {
+		if (!transformer) return;
 		const changeStartSub = transformer.changeStart$.subscribe((state) => {
 			changeObs(state);
 		});
@@ -727,7 +723,8 @@ function TransformPanel(props) {
 			changingSub.unsubscribe();
 			changeStartSub.unsubscribe();
 		};
-	}, []);
+	}, [transformer]);
+	if (!scene || !transformer || !object) return null;
 	function handleWidthChange(val) {
 		if (!val || !object) return;
 		commandService.executeCommand(UpdateSlideElementOperation.id, {
@@ -1241,7 +1238,7 @@ function SlideEditorContainer() {
 	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}`, (0, _univerjs_core.createParagraphId)(/* @__PURE__ */ new Set()), _univerjs_core.DocumentFlavor.UNSPECIFIED;
 	(0, react.useEffect)(() => {
-		slideEditorManagerService.state$.subscribe((param) => {
+		const subscription = slideEditorManagerService.state$.subscribe((param) => {
 			if (param == null) return;
 			const { startX = HIDDEN_EDITOR_POSITION$1, startY = HIDDEN_EDITOR_POSITION$1, endX = 0, endY = 0, show = false } = param;
 			if (!show) setState({ ...EDITOR_DEFAULT_POSITION });
@@ -1263,7 +1260,8 @@ function SlideEditorContainer() {
 				});
 			}
 		});
-	}, []);
+		return () => subscription.unsubscribe();
+	}, [editorService, slideEditorManagerService]);
 	(0, react.useEffect)(() => {
 		if (!disableAutoFocus) slideEditorManagerService.setFocus(true);
 	}, [disableAutoFocus, state]);
@@ -1290,23 +1288,16 @@ function SlideSideBar() {
 	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 currentSlide = (0, _univerjs_ui.useObservable)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SLIDE), void 0, false, [univerInstanceService]);
 	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 slideList = (0, react.useMemo)(() => pages && pageOrder ? pageOrder.map((id) => pages[id]) : [], [pageOrder, pages]);
+	const initialActivePageId = (_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 activatePageId = (0, _univerjs_ui.useObservable)(currentSlide ? () => currentSlide.activePage$.pipe((0, rxjs.scan)((previousId, page) => {
+		var _page$id;
+		return (_page$id = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id !== void 0 ? _page$id : previousId;
+	}, initialActivePageId)) : null, initialActivePageId, false, [currentSlide, initialActivePageId]);
 	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) {
@@ -1332,6 +1323,7 @@ function SlideSideBar() {
 	const handleAppendSlide = (0, react.useCallback)(() => {
 		commandService.syncExecuteCommand(AppendSlideOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
 	}, [commandService, currentSlide]);
+	if (!pages || !pageOrder) return null;
 	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),
@@ -1491,7 +1483,7 @@ SlidesUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/slides-ui";
-var version = "1.0.0-alpha.3";
+var version = "1.0.0-alpha.4";
 
 //#endregion
 //#region src/config/config.ts
@@ -1523,16 +1515,16 @@ const COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
 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 [isHovered, setIsHovered] = (0, react.useState)(false);
+	if (!menuItems) return null;
 	const handleMouseEnter = () => {
-		setHovered(true);
+		setIsHovered(true);
 	};
 	const handleMouseLeave = () => {
-		setHovered(false);
+		setIsHovered(false);
 	};
 	const onVisibleChange = (visible) => {
 		setVisible(visible);

package/lib/es/index.js

@@ -8,7 +8,7 @@ import { AddImageIcon, AutofillDoubleIcon, BottomIcon, GraphIcon, MoreDownIcon,
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DeleteLeftCommand, DocSelectionRenderService, IEditorService, MoveCursorOperation, MoveSelectionOperation, VIEWPORT_KEY } from "@univerjs/docs-ui";
-import { BehaviorSubject, Subject, filter, takeUntil } from "rxjs";
+import { BehaviorSubject, Subject, filter, scan, takeUntil } from "rxjs";
 import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingMutation } from "@univerjs/docs";
 
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
@@ -634,12 +634,10 @@ function ArrangePanel(props) {
 	const commandService = useDependency(ICommandService);
 	const page = canvasView.getRenderUnitByPageId(pageId, unitId);
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
-	if (!scene) return null;
-	const transformer = scene.getTransformer();
-	if (!transformer) return null;
-	const object = transformer.getSelectedObjectMap().values().next().value;
-	if (!object) return null;
-	const [color, setColor] = useState((_object$fill$toString = (_object$fill = object.fill) === null || _object$fill === void 0 ? void 0 : _object$fill.toString()) !== null && _object$fill$toString !== void 0 ? _object$fill$toString : "");
+	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformer();
+	const object = transformer === null || transformer === void 0 ? void 0 : transformer.getSelectedObjectMap().values().next().value;
+	const [color, setColor] = useState((_object$fill$toString = object === null || object === void 0 || (_object$fill = object.fill) === null || _object$fill === void 0 ? void 0 : _object$fill.toString()) !== null && _object$fill$toString !== void 0 ? _object$fill$toString : "");
+	if (!scene || !transformer || !object) return null;
 	/**
 	*
 	* @param color
@@ -695,12 +693,9 @@ function TransformPanel(props) {
 	const commandService = useDependency(ICommandService);
 	const page = canvasView.getRenderUnitByPageId(pageId, unitId);
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
-	if (!scene) return null;
-	const transformer = scene.getTransformer();
-	if (!transformer) return null;
-	const object = transformer.getSelectedObjectMap().values().next().value;
-	if (!object) return null;
-	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = object;
+	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformer();
+	const object = transformer === null || transformer === void 0 ? void 0 : transformer.getSelectedObjectMap().values().next().value;
+	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = object !== null && object !== void 0 ? object : {};
 	const [width, setWidth] = useState(originWidth);
 	const [height, setHeight] = useState(originHeight);
 	const [xPosition, setXPosition] = useState(originX);
@@ -716,6 +711,7 @@ function TransformPanel(props) {
 		setRotation(originRotation);
 	};
 	useEffect(() => {
+		if (!transformer) return;
 		const changeStartSub = transformer.changeStart$.subscribe((state) => {
 			changeObs(state);
 		});
@@ -726,7 +722,8 @@ function TransformPanel(props) {
 			changingSub.unsubscribe();
 			changeStartSub.unsubscribe();
 		};
-	}, []);
+	}, [transformer]);
+	if (!scene || !transformer || !object) return null;
 	function handleWidthChange(val) {
 		if (!val || !object) return;
 		commandService.executeCommand(UpdateSlideElementOperation.id, {
@@ -1240,7 +1237,7 @@ function SlideEditorContainer() {
 	const disableAutoFocus = useObservable(() => contextService.subscribeContextValue$(DISABLE_AUTO_FOCUS_KEY), false, void 0, [contextService, DISABLE_AUTO_FOCUS_KEY]);
 	`${DEFAULT_EMPTY_DOCUMENT_VALUE}`, createParagraphId(/* @__PURE__ */ new Set()), DocumentFlavor.UNSPECIFIED;
 	useEffect(() => {
-		slideEditorManagerService.state$.subscribe((param) => {
+		const subscription = slideEditorManagerService.state$.subscribe((param) => {
 			if (param == null) return;
 			const { startX = HIDDEN_EDITOR_POSITION$1, startY = HIDDEN_EDITOR_POSITION$1, endX = 0, endY = 0, show = false } = param;
 			if (!show) setState({ ...EDITOR_DEFAULT_POSITION });
@@ -1262,7 +1259,8 @@ function SlideEditorContainer() {
 				});
 			}
 		});
-	}, []);
+		return () => subscription.unsubscribe();
+	}, [editorService, slideEditorManagerService]);
 	useEffect(() => {
 		if (!disableAutoFocus) slideEditorManagerService.setFocus(true);
 	}, [disableAutoFocus, state]);
@@ -1289,23 +1287,16 @@ function SlideSideBar() {
 	const renderManagerService = useDependency(IRenderManagerService);
 	const localeService = useDependency(LocaleService);
 	const slideBarRef = useRef(null);
-	const currentSlide = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SLIDE);
+	const currentSlide = useObservable(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SLIDE), void 0, false, [univerInstanceService]);
 	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] = 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 slideList = useMemo(() => pages && pageOrder ? pageOrder.map((id) => pages[id]) : [], [pageOrder, pages]);
+	const initialActivePageId = (_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 activatePageId = useObservable(currentSlide ? () => currentSlide.activePage$.pipe(scan((previousId, page) => {
+		var _page$id;
+		return (_page$id = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id !== void 0 ? _page$id : previousId;
+	}, initialActivePageId)) : null, initialActivePageId, false, [currentSlide, initialActivePageId]);
 	const divRefs = useMemo(() => slideList.map(() => createRef()), [slideList]);
-	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();
-		};
-	}, []);
 	useEffect(() => {
 		divRefs.forEach((ref, index) => {
 			if (ref.current) {
@@ -1331,6 +1322,7 @@ function SlideSideBar() {
 	const handleAppendSlide = useCallback(() => {
 		commandService.syncExecuteCommand(AppendSlideOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
 	}, [commandService, currentSlide]);
+	if (!pages || !pageOrder) return null;
 	return /* @__PURE__ */ jsx("aside", {
 		ref: slideBarRef,
 		className: clsx("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", scrollbarClassName),
@@ -1490,7 +1482,7 @@ SlidesUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/slides-ui";
-var version = "1.0.0-alpha.3";
+var version = "1.0.0-alpha.4";
 
 //#endregion
 //#region src/config/config.ts
@@ -1522,16 +1514,16 @@ const COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
 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 = useDependency(ICommandService);
 	const localeService = useDependency(LocaleService);
 	const [visible, setVisible] = useState(false);
-	const [isHovered, setHovered] = useState(false);
+	const [isHovered, setIsHovered] = useState(false);
+	if (!menuItems) return null;
 	const handleMouseEnter = () => {
-		setHovered(true);
+		setIsHovered(true);
 	};
 	const handleMouseLeave = () => {
-		setHovered(false);
+		setIsHovered(false);
 	};
 	const onVisibleChange = (visible) => {
 		setVisible(visible);

package/lib/index.js

@@ -8,7 +8,7 @@ import { AddImageIcon, AutofillDoubleIcon, BottomIcon, GraphIcon, MoreDownIcon,
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DeleteLeftCommand, DocSelectionRenderService, IEditorService, MoveCursorOperation, MoveSelectionOperation, VIEWPORT_KEY } from "@univerjs/docs-ui";
-import { BehaviorSubject, Subject, filter, takeUntil } from "rxjs";
+import { BehaviorSubject, Subject, filter, scan, takeUntil } from "rxjs";
 import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingMutation } from "@univerjs/docs";
 
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
@@ -634,12 +634,10 @@ function ArrangePanel(props) {
 	const commandService = useDependency(ICommandService);
 	const page = canvasView.getRenderUnitByPageId(pageId, unitId);
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
-	if (!scene) return null;
-	const transformer = scene.getTransformer();
-	if (!transformer) return null;
-	const object = transformer.getSelectedObjectMap().values().next().value;
-	if (!object) return null;
-	const [color, setColor] = useState((_object$fill$toString = (_object$fill = object.fill) === null || _object$fill === void 0 ? void 0 : _object$fill.toString()) !== null && _object$fill$toString !== void 0 ? _object$fill$toString : "");
+	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformer();
+	const object = transformer === null || transformer === void 0 ? void 0 : transformer.getSelectedObjectMap().values().next().value;
+	const [color, setColor] = useState((_object$fill$toString = object === null || object === void 0 || (_object$fill = object.fill) === null || _object$fill === void 0 ? void 0 : _object$fill.toString()) !== null && _object$fill$toString !== void 0 ? _object$fill$toString : "");
+	if (!scene || !transformer || !object) return null;
 	/**
 	*
 	* @param color
@@ -695,12 +693,9 @@ function TransformPanel(props) {
 	const commandService = useDependency(ICommandService);
 	const page = canvasView.getRenderUnitByPageId(pageId, unitId);
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
-	if (!scene) return null;
-	const transformer = scene.getTransformer();
-	if (!transformer) return null;
-	const object = transformer.getSelectedObjectMap().values().next().value;
-	if (!object) return null;
-	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = object;
+	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformer();
+	const object = transformer === null || transformer === void 0 ? void 0 : transformer.getSelectedObjectMap().values().next().value;
+	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = object !== null && object !== void 0 ? object : {};
 	const [width, setWidth] = useState(originWidth);
 	const [height, setHeight] = useState(originHeight);
 	const [xPosition, setXPosition] = useState(originX);
@@ -716,6 +711,7 @@ function TransformPanel(props) {
 		setRotation(originRotation);
 	};
 	useEffect(() => {
+		if (!transformer) return;
 		const changeStartSub = transformer.changeStart$.subscribe((state) => {
 			changeObs(state);
 		});
@@ -726,7 +722,8 @@ function TransformPanel(props) {
 			changingSub.unsubscribe();
 			changeStartSub.unsubscribe();
 		};
-	}, []);
+	}, [transformer]);
+	if (!scene || !transformer || !object) return null;
 	function handleWidthChange(val) {
 		if (!val || !object) return;
 		commandService.executeCommand(UpdateSlideElementOperation.id, {
@@ -1240,7 +1237,7 @@ function SlideEditorContainer() {
 	const disableAutoFocus = useObservable(() => contextService.subscribeContextValue$(DISABLE_AUTO_FOCUS_KEY), false, void 0, [contextService, DISABLE_AUTO_FOCUS_KEY]);
 	`${DEFAULT_EMPTY_DOCUMENT_VALUE}`, createParagraphId(/* @__PURE__ */ new Set()), DocumentFlavor.UNSPECIFIED;
 	useEffect(() => {
-		slideEditorManagerService.state$.subscribe((param) => {
+		const subscription = slideEditorManagerService.state$.subscribe((param) => {
 			if (param == null) return;
 			const { startX = HIDDEN_EDITOR_POSITION$1, startY = HIDDEN_EDITOR_POSITION$1, endX = 0, endY = 0, show = false } = param;
 			if (!show) setState({ ...EDITOR_DEFAULT_POSITION });
@@ -1262,7 +1259,8 @@ function SlideEditorContainer() {
 				});
 			}
 		});
-	}, []);
+		return () => subscription.unsubscribe();
+	}, [editorService, slideEditorManagerService]);
 	useEffect(() => {
 		if (!disableAutoFocus) slideEditorManagerService.setFocus(true);
 	}, [disableAutoFocus, state]);
@@ -1289,23 +1287,16 @@ function SlideSideBar() {
 	const renderManagerService = useDependency(IRenderManagerService);
 	const localeService = useDependency(LocaleService);
 	const slideBarRef = useRef(null);
-	const currentSlide = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SLIDE);
+	const currentSlide = useObservable(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SLIDE), void 0, false, [univerInstanceService]);
 	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] = 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 slideList = useMemo(() => pages && pageOrder ? pageOrder.map((id) => pages[id]) : [], [pageOrder, pages]);
+	const initialActivePageId = (_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 activatePageId = useObservable(currentSlide ? () => currentSlide.activePage$.pipe(scan((previousId, page) => {
+		var _page$id;
+		return (_page$id = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id !== void 0 ? _page$id : previousId;
+	}, initialActivePageId)) : null, initialActivePageId, false, [currentSlide, initialActivePageId]);
 	const divRefs = useMemo(() => slideList.map(() => createRef()), [slideList]);
-	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();
-		};
-	}, []);
 	useEffect(() => {
 		divRefs.forEach((ref, index) => {
 			if (ref.current) {
@@ -1331,6 +1322,7 @@ function SlideSideBar() {
 	const handleAppendSlide = useCallback(() => {
 		commandService.syncExecuteCommand(AppendSlideOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
 	}, [commandService, currentSlide]);
+	if (!pages || !pageOrder) return null;
 	return /* @__PURE__ */ jsx("aside", {
 		ref: slideBarRef,
 		className: clsx("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden", scrollbarClassName),
@@ -1490,7 +1482,7 @@ SlidesUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/slides-ui";
-var version = "1.0.0-alpha.3";
+var version = "1.0.0-alpha.4";
 
 //#endregion
 //#region src/config/config.ts
@@ -1522,16 +1514,16 @@ const COMPONENT_SLIDE_IMAGE_POPUP_MENU = "COMPONENT_SLIDE_IMAGE_POPUP_MENU";
 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 = useDependency(ICommandService);
 	const localeService = useDependency(LocaleService);
 	const [visible, setVisible] = useState(false);
-	const [isHovered, setHovered] = useState(false);
+	const [isHovered, setIsHovered] = useState(false);
+	if (!menuItems) return null;
 	const handleMouseEnter = () => {
-		setHovered(true);
+		setIsHovered(true);
 	};
 	const handleMouseLeave = () => {
-		setHovered(false);
+		setIsHovered(false);
 	};
 	const onVisibleChange = (visible) => {
 		setVisible(visible);

package/lib/umd/index.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/drawing"),require("@univerjs/ui"),require("@univerjs/design"),require("react"),require("react/jsx-runtime"),require("@univerjs/docs-ui"),require("rxjs"),require("@univerjs/docs")):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/engine-render`,`@univerjs/slides`,`@univerjs/drawing`,`@univerjs/ui`,`@univerjs/design`,`react`,`react/jsx-runtime`,`@univerjs/docs-ui`,`rxjs`,`@univerjs/docs`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlidesUi={},e.UniverCore,e.UniverEngineRender,e.UniverSlides,e.UniverDrawing,e.UniverUi,e.UniverDesign,e.React,e.React,e.UniverDocsUi,e.rxjs,e.UniverDocs))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){return function(n,r){t(n,r,e)}}function _(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let v=class extends t.RxDisposable{constructor(e,n,i,a){super(),this._renderContext=e,this._injector=n,this._univerInstanceService=i,this._renderManagerService=a,h(this,`_objectProvider`,null),h(this,`_refreshThumb`,(0,t.debounce)(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(r.ObjectProvider),this._addNewRender()}_addNewRender(){let{unitId:e,engine:t,scene:i}=this._renderContext,a=this._getCurrUnitModel();if(!a)return;let o=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),o==null||o.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let s=new n.Viewport(r.SLIDE_KEY.VIEW,i,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});i.attachControl(),i.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(n.deltaY,n.preventDefault())}else s.onMouseWheel(n,t)}),i.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),n.ScrollBar.attachTo(s);let c=this._createSlide(i);this._renderContext.mainComponent=c,this._createSlidePages(a,c),this.createThumbs(),t.runRenderLoop(()=>{i.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,n=t==null?void 0:t.getViewport(r.SLIDE_KEY.VIEW),i=this._getCenterPositionViewPort(t);if(!n||!i)return;let{left:a,top:o}=i,{x:s,y:c}=n.transViewportScroll2ScrollValue(a,o);n.scrollToBarPos({x:s,y:c})}_currentRender(){return(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){let i=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE),{width:a,height:o}=e,{width:s=100,height:c=100}=i.getPageSize(),l=new n.Slide(r.SLIDE_KEY.COMPONENT,{left:(a-s)/2,top:(o-c)/2,width:s,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,r){let{width:i=0,height:a=0}=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE).getPageSize(),o=new n.Rect(`canvas`,{left:0,top:0,width:i,height:a,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:(0,t.getColorStyle)(r)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};let{width:t,height:n}=e,r=e.getEngine(),i=(r==null?void 0:r.width)||0,a=(r==null?void 0:r.height)||0;return{left:(t-i)/2,top:(n-a)/2}}_thumbSceneRender(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{engine:r}=n;if(r==null)return;let{width:i,height:a}=t,{width:o=i,height:s=a}=r,c=r.getCanvas().getContext();t.renderToThumb(c,e,o/i,s/a)}_createSlidePages(e,t){let n=e.getPages(),r=e.getPageOrder();if(!(!n||!r)&&r.length!==0){for(let e=0,t=r.length;e<t;e++){let t=r[e];this.createPageScene(t,n[t]),this._createThumb(t)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e,n=this._getCurrUnitModel(),r;if(t)r=n.getPage(t);else{let e=n.getPages(),i=n.getPageOrder();if(i==null||e==null)return;r=e[i[0]],t=r.id}let i=this._currentRender();if(r==null||i==null||i.mainComponent==null)return;let{id:a}=r,o=i.mainComponent;if(n.setActivePage(r),o!=null&&o.hasPage(a)){o.changePage(a);return}this.createPageScene(a,r)}createThumbs(){let e=this._getCurrUnitModel().getPageOrder(),t=this._currentRender();if(!(!e||!t)&&e.length!==0)for(let n=0,r=e.length;n<r;n++){let r=e[n];this._thumbSceneRender(r,t.mainComponent)}}createPageScene(e,t){let r=this._renderContext;if(!r||!this._objectProvider)return;let{scene:i,mainComponent:a}=r,o=a,{width:s,height:c}=o,l=new n.Scene(e,o,{width:s,height:c});new n.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=t,f=this._objectProvider.convertToRenderObjects(u,i);if(!f||!o)return;this._addBackgroundRect(l,d),l.addObjects(f),l.initTransformer(),f.forEach(e=>{l.attachTransformerTo(e)});let p=l.getTransformer();return p==null||p.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),p==null||p.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(l),l}getPageRenderUnit(e){let t=this._renderContext.mainComponent.getSubScenes().get(e),{engine:n,unit:r}=this._renderContext;return{scene:t,engine:n,unit:r}}createObjectToPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;let r=this._objectProvider.convertToRenderObject(e,n);if(r)return n.addObject(r),n.attachTransformerTo(r),n.getLayer().makeDirty(),r}setObjectActiveByPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;let r=n.getTransformer();r==null||r.activeAnObject(e)}removeObjectById(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);let r=n.getTransformer();r==null||r.clearControls()}appendPage(){let e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;let{id:r}=t,i=n.mainComponent,a=this.createPageScene(r,t);i&&a&&i.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};v=_([g(1,(0,t.Inject)(t.Injector)),g(2,t.IUniverInstanceService),g(3,n.IRenderManagerService)],v);let y=class extends t.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(v)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};y=_([g(0,n.IRenderManagerService)],y);let b={id:`slide.operation.activate-slide`,type:t.CommandType.OPERATION,handler:(e,n)=>{var r,i;let a=n.unitId,o=e.get(y),s=e.get(t.IUniverInstanceService).getUnit(a),c=s==null||(r=s.getActivePage())==null?void 0:r.id;if(!c)return!1;let l=o.getRenderUnitByPageId(c,a);if(!l)return!1;let u=(i=l.scene)==null?void 0:i.getTransformer();return u&&u.clearControls(),o.activePage(n.id,a),!0}},x={id:`slide.operation.append-slide`,type:t.CommandType.OPERATION,handler:(e,n)=>{let r=n.unitId;return e.get(t.IUniverInstanceService).getUnit(r)?(e.get(y).appendPage(r),!0):!1}},S={id:`slide.operation.delete-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{if(!(n!=null&&n.id))return!1;let r=n.unitId,i=e.get(t.IUniverInstanceService).getUnit(r);if(!i)return!1;let a=i.getActivePage();return delete a.pageElements[n.id],i.updatePage(a.id,a),e.get(y).removeObjectById(n.id,a.id,r),!0}},C={id:`slide.command.insert-float-image`,type:t.CommandType.COMMAND,handler:async(e,n)=>{var o;let s=e.get(t.IUniverInstanceService),c=(o=s.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE))==null?void 0:o.getUnitId();if(!c)return!1;let l=await e.get(a.ILocalFileService).openFile({multiple:!0,accept:i.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(l.length!==1)return!1;let u=await e.get(t.IImageIoService).saveImage(l[0]);if(!u)return!1;let{imageId:d,imageSourceType:f,source:p,base64Cache:m}=u,{width:h,height:g,image:_}=await(0,i.getImageSize)(m||``),v=s.getUnit(c);if(!v)return!1;let b=v.getActivePage(),x=Object.values(b.pageElements),S={id:d,zIndex:(x!=null&&x.length?Math.max(...x.map(e=>e.zIndex)):20)+1,left:0,top:0,width:h,height:g,title:``,description:``,type:r.PageElementType.IMAGE,image:{imageProperties:{contentUrl:m,imageSourceType:f,source:p,base64Cache:m,image:_}}};b.pageElements[d]=S,v.updatePage(b.id,b);let C=e.get(y),w=C.createObjectToPage(S,b.id,c);return w&&C.setObjectActiveByPage(w,b.id,c),!0}};function w({ref:e,...t}){let{icon:n,id:r,className:i,extend:a,...o}=t,c=`univerjs-icon univerjs-icon-${r} ${i||``}`.trim(),l=(0,s.useRef)(`_${O()}`);return T(n,`${r}`,{defIds:n.defIds,idSuffix:l.current},{ref:e,className:c,...o},a)}function T(e,t,n,r,i){return(0,s.createElement)(e.tag,{key:t,...E(e,n,i),...r},(D(e,n).children||[]).map((r,a)=>T(r,`${t}-${e.tag}-${a}`,n,void 0,i)))}function E(e,t,n){let r={...e.attrs};n!=null&&n.colorChannel1&&r.fill===`colorChannel1`&&(r.fill=n.colorChannel1),n!=null&&n.colorChannel1&&r.stroke===`colorChannel1`&&(r.stroke=n.colorChannel1),e.tag===`mask`&&r.id&&(r.id+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{e===`mask`&&typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))});let{defIds:i}=t;return!i||i.length===0?r:(e.tag===`use`&&r[`xlink:href`]&&(r[`xlink:href`]+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))}),r)}function D(e,t){var n;let{defIds:r}=t;return!r||r.length===0?e:e.tag===`defs`&&(n=e.children)!=null&&n.length?{...e,children:e.children.map(e=>typeof e.attrs.id==`string`&&r&&r.includes(e.attrs.id)?{...e,attrs:{...e.attrs,id:e.attrs.id+t.idSuffix}}:e)}:e}function O(){return Math.random().toString(36).substring(2,8)}w.displayName=`UniverIcon`;let k={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z`}}]},A=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`add-image-icon`,ref:t,icon:k}))});A.displayName=`AddImageIcon`;let j={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946`}}]},M=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`bottom-icon`,ref:t,icon:j}))});M.displayName=`BottomIcon`;let ee={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{clipPath:`url(#graph-icon_clip0_1293_28)`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`graph-icon_clip0_1293_28`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`graph-icon_clip0_1293_28`]},N=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`graph-icon`,ref:t,icon:ee}))});N.displayName=`GraphIcon`;let te={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},P=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`more-down-icon`,ref:t,icon:te}))});P.displayName=`MoreDownIcon`;let ne={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z`}}]},re=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-down-icon`,ref:t,icon:ne}))});re.displayName=`MoveDownIcon`;let ie={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z`}}]},ae=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-up-icon`,ref:t,icon:ie}))});ae.displayName=`MoveUpIcon`;let oe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{fill:`currentColor`,clipPath:`url(#text-icon_clip0_1293_26)`},children:[{tag:`path`,attrs:{d:`M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z`}},{tag:`path`,attrs:{d:`M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`text-icon_clip0_1293_26`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`text-icon_clip0_1293_26`]},se=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`text-icon`,ref:t,icon:oe}))});se.displayName=`TextIcon`;let ce={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},le=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`topmost-icon`,ref:t,icon:ce}))});le.displayName=`TopmostIcon`;let ue={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`colorChannel1`,d:`M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},de=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`autofill-double-icon`,ref:t,icon:ue}))});de.displayName=`AutofillDoubleIcon`;let fe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z`}},{tag:`path`,attrs:{fill:`colorChannel1`,d:`M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z`}}]},pe=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`paint-bucket-double-icon`,ref:t,icon:fe}))});pe.displayName=`PaintBucketDoubleIcon`;let F={id:`slide.operation.update-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{let{oKey:r,props:i}=n,a=e.get(t.IUniverInstanceService),o=n==null?void 0:n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage();return c.pageElements[r]=(0,t.merge)(c.pageElements[r],i),s.updatePage(c.id,c),!0}};function me(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),s=(0,a.useDependency)(y),l=(0,a.useDependency)(t.ICommandService),u=s.getRenderUnitByPageId(n,r),d=u==null?void 0:u.scene;if(!d)return null;let f=d.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;if(!p)return null;let m=e=>{let[t,n]=d.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=p.zIndex;e===3?i=t-1:e===2?i=n+1:e===0?i=p.zIndex+1:e===1&&(i=p.zIndex-1),p.setProps({zIndex:i}),l.executeCommand(F.id,{unitId:r,oKey:p==null?void 0:p.oKey,props:{zIndex:i}})};return(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:i.t(`slides-ui.image-panel.arrange.title`)})})}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(0)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(ae,{}),i.t(`slides-ui.image-panel.arrange.forward`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(1)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(re,{}),i.t(`slides-ui.image-panel.arrange.backward`)]})})})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(2)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(le,{}),i.t(`slides-ui.image-panel.arrange.front`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(3)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(M,{}),i.t(`slides-ui.image-panel.arrange.back`)]})})})]})]})}function he(e){var n,r;let{pageId:i,unitId:l}=e,u=(0,a.useDependency)(t.LocaleService),d=(0,a.useDependency)(y),f=(0,a.useDependency)(t.ICommandService),p=d.getRenderUnitByPageId(i,l),m=p==null?void 0:p.scene;if(!m)return null;let h=m.getTransformer();if(!h)return null;let g=h.getSelectedObjectMap().values().next().value;if(!g)return null;let[_,v]=(0,s.useState)((n=(r=g.fill)==null?void 0:r.toString())==null?``:n);function b(e){g==null||g.setProps({fill:e}),f.executeCommand(F.id,{unitId:l,oKey:g==null?void 0:g.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),v(e)}return(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,o.borderTopClassName),children:(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:u.t(`slides-ui.panel.fill.title`)})})}),(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Dropdown,{overlay:(0,c.jsx)(`div`,{className:`univer-rounded-lg univer-p-4`,children:(0,c.jsx)(o.ColorPicker,{value:`#fff`,onChange:b})}),children:(0,c.jsxs)(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[(0,c.jsx)(pe,{className:`univer-fill-primary-600`}),(0,c.jsx)(P,{})]})})})})]})})}function ge(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),l=(0,a.useDependency)(y),u=(0,a.useDependency)(t.ICommandService),d=l.getRenderUnitByPageId(n,r),f=d==null?void 0:d.scene;if(!f)return null;let p=f.getTransformer();if(!p)return null;let m=p.getSelectedObjectMap().values().next().value;if(!m)return null;let{width:h=0,height:g=0,left:_=0,top:v=0,angle:b=0}=m,[x,S]=(0,s.useState)(h),[C,w]=(0,s.useState)(g),[T,E]=(0,s.useState)(_),[D,O]=(0,s.useState)(v),[k,A]=(0,s.useState)(b),j=e=>{let{objects:t}=e,{width:n=0,height:r=0,left:i=0,top:a=0,angle:o=0}=t.values().next().value;S(n),w(r),E(i),O(a),A(o)};(0,s.useEffect)(()=>{let e=p.changeStart$.subscribe(e=>{j(e)}),t=p.changing$.subscribe(e=>{j(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function M(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{width:e}}),m==null||m.resize(e,m.height),S(e),p==null||p.refreshControls())}function ee(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{height:e}}),m==null||m.resize(m.width,e),w(e),p==null||p.refreshControls())}function N(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{left:e}}),m==null||m.translate(e,m.top),E(e),p==null||p.refreshControls())}function te(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{right:e}}),m==null||m.translate(m.left,e),O(e),p==null||p.refreshControls())}function P(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{angle:e}}),m==null||m.transformByState({angle:e}),A(e),p==null||p.refreshControls())}return(0,c.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,o.borderTopClassName),children:[(0,c.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:i.t(`slides-ui.image-panel.transform.title`)})}),(0,c.jsxs)(`div`,{className:`univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.width`)}),(0,c.jsx)(o.InputNumber,{min:1,value:x,onChange:e=>{M(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.height`)}),(0,c.jsx)(o.InputNumber,{min:1,value:C,onChange:e=>{ee(e)}})]})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.x`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:T,onChange:e=>{N(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.y`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:D,onChange:e=>{te(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.rotate`)}),(0,c.jsx)(o.InputNumber,{precision:1,value:k,onChange:P})]})]})]})}let I=`COMPONENT_SLIDE_SIDEBAR`;function _e(){var e,r,i;let o=(0,a.useDependency)(t.IUniverInstanceService),s=(0,a.useDependency)(y),l=o.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE),u=l==null||(e=l.getActivePage())==null?void 0:e.id,d=((r=o.getFocusedUnit())==null?void 0:r.getUnitId())||``;if(!u||!d)return null;let f=(i=s.getRenderUnitByPageId(u,d).scene)==null?void 0:i.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;return p?(0,c.jsxs)(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[(0,c.jsx)(me,{pageId:u,unitId:d}),(0,c.jsx)(ge,{pageId:u,unitId:d}),p.objectType===n.ObjectType.RECT&&(0,c.jsx)(he,{pageId:u,unitId:d})]}):null}let L={id:`slide.command.insert-float-shape.rectangle`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(R.id,{unitId:i})}},R={id:`slide.operation.insert-float-shape.rectangle`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let i=(0,t.generateRandomId)(6),a=e.get(t.IUniverInstanceService),o=n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage(),l=Object.values(c.pageElements),u={id:i,zIndex:(l!=null&&l.length?Math.max(...l.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:i,description:``,type:r.PageElementType.SHAPE,shape:{shapeType:r.BasicShapes.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};c.pageElements[i]=u,s.updatePage(c.id,c);let d=e.get(y),f=d.createObjectToPage(u,c.id,o);return f&&d.setObjectActiveByPage(f,c.id,o),!0}},z={id:`sidebar.operation.slide-shape`,type:t.CommandType.COMMAND,handler:async(e,r)=>{let{visible:i,objectType:o}=r,s=e.get(a.ISidebarService),c=e.get(t.LocaleService),l=``,u=``;return o===n.ObjectType.RECT?(l=`slides-ui.sidebar.shape`,u=I):o===n.ObjectType.IMAGE?(l=`slides-ui.sidebar.image`,u=I):o===n.ObjectType.RICH_TEXT&&(l=`slides-ui.sidebar.text`,u=I),i?s.open({header:{title:c.t(l)},children:{label:u},onClose:()=>{},width:360}):s.close(),!0}},B={id:`slide.command.insert-float-shape.ellipse`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(ve.id,{unitId:i})}},ve={id:`slide.operation.insert-float-shape.ellipse`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let i=(0,t.generateRandomId)(6),a=e.get(t.IUniverInstanceService),o=n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage(),l=Object.values(c.pageElements),u={id:i,zIndex:(l!=null&&l.length?Math.max(...l.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:i,description:``,type:r.PageElementType.SHAPE,shape:{shapeType:r.BasicShapes.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};c.pageElements[i]=u,s.updatePage(c.id,c);let d=e.get(y),f=d.createObjectToPage(u,c.id,o);return f&&d.setObjectActiveByPage(f,c.id,o),!0}},V={id:`slide.command.add-text`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return await r.executeCommand(ye.id,{unitId:i})}},ye={id:`slide.operation.add-text`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let i=n.unitId,a=(0,t.generateRandomId)(6),o=(n==null?void 0:n.text)||`A New Text`,s=e.get(t.IUniverInstanceService).getUnit(i);if(!s)return!1;let c=s.getActivePage(),l=Object.values(c.pageElements),u={id:a,zIndex:(l!=null&&l.length?Math.max(...l.map(e=>e.zIndex)):21)+1,left:230,top:142,width:220,height:40,title:`text`,description:``,type:r.PageElementType.TEXT,richText:{text:o,fs:30,cl:{rgb:`rgb(51, 51, 51)`},bl:1}};c.pageElements[a]=u,s.updatePage(c.id,c);let d=e.get(y),f=d.createObjectToPage(u,c.id,i);return f&&d.setObjectActiveByPage(f,c.id,i),!0}},be={id:`slide.operation.set-slide-page-thumb`,type:t.CommandType.OPERATION,handler:(e,t)=>(e.get(y).createThumbs(t.unitId),!0)},H=(0,t.createInternalEditorID)(`SLIDE_EDITOR`),U={id:`slide.operation.edit-arrow`,type:t.CommandType.OPERATION,handler:()=>!0},xe=`slide.menu.image`;function Se(e){return{id:xe,type:a.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`slides-ui.image.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Ce(e){return{id:C.id,title:`slides-ui.image.insert.float`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let we=`slide.menu.shape`;function Te(e){return{id:we,type:a.MenuItemType.SUBITEMS,icon:`GraphIcon`,tooltip:`slides-ui.shape.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Ee(e){return{id:L.id,title:`slides-ui.shape.insert.rectangle`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function De(e){return{id:B.id,title:`slides-ui.shape.insert.ellipse`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Oe(e){return{id:V.id,type:a.MenuItemType.BUTTON,icon:`TextIcon`,tooltip:`slides-ui.text.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let ke={[a.RibbonStartGroup.FORMAT]:{[V.id]:{order:0,menuItemFactory:Oe},[xe]:{order:0,menuItemFactory:Se,[C.id]:{order:0,menuItemFactory:Ce}},[we]:{order:0,menuItemFactory:Te,[L.id]:{order:0,menuItemFactory:Ee},[B.id]:{order:0,menuItemFactory:De}}}};var Ae=class{constructor(){h(this,`_state`,null),h(this,`_rect`,null),h(this,`_state$`,new u.BehaviorSubject(null)),h(this,`state$`,this._state$.asObservable()),h(this,`_rect$`,new u.BehaviorSubject(null)),h(this,`rect$`,this._rect$.asObservable()),h(this,`_focus`,!1),h(this,`_focus$`,new u.BehaviorSubject(this._focus)),h(this,`focus$`,this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}};let je=(0,t.createIdentifier)(`univer.slide-editor-manager.service`),W=-1e3,Me={width:0,height:0,top:W,left:W};function Ne(){let[e,r]=(0,s.useState)({...Me}),i=(0,a.useDependency)(je),u=(0,a.useDependency)(l.IEditorService),d=(0,a.useDependency)(t.IContextService),f=(0,a.useObservable)(()=>d.subscribeContextValue$(a.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[d,a.DISABLE_AUTO_FOCUS_KEY]);return`${t.DEFAULT_EMPTY_DOCUMENT_VALUE}`,(0,t.createParagraphId)(new Set),t.DocumentFlavor.UNSPECIFIED,(0,s.useEffect)(()=>{i.state$.subscribe(e=>{if(e==null)return;let{startX:t=W,startY:a=W,endX:o=0,endY:s=0,show:c=!1}=e;if(!c)r({...Me});else{r({width:o-t-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:s-a-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:t+n.FIX_ONE_PIXEL_BLUR_OFFSET,top:a+n.FIX_ONE_PIXEL_BLUR_OFFSET});let e=u.getEditor(H);if(e==null)return;let{left:c,top:l,width:d,height:f}=e.getBoundingClientRect();i.setRect({left:c,top:l,width:d,height:f})}})},[]),(0,s.useEffect)(()=>{f||i.setFocus(!0)},[f,e]),(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-absolute univer-z-10 univer-box-border univer-flex`,o.borderClassName),style:{left:e.left,top:e.top,width:e.width,height:e.height}})}function Pe(){var e,r;let i=(0,a.useDependency)(t.IUniverInstanceService),l=(0,a.useDependency)(t.ICommandService),u=(0,a.useDependency)(n.IRenderManagerService),d=(0,a.useDependency)(t.LocaleService),f=(0,s.useRef)(null),p=i.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE),m=p==null?void 0:p.getPages(),h=p==null?void 0:p.getPageOrder();if(!m||!h)return null;let g=h.map(e=>m[e]),[_,v]=(0,s.useState)((e=p==null||(r=p.getActivePage())==null?void 0:r.id)==null?null:e),y=(0,s.useMemo)(()=>g.map(()=>(0,s.createRef)()),[g]);(0,s.useEffect)(()=>{let e=p==null?void 0:p.activePage$.subscribe(e=>{var t;let n=(t=e==null?void 0:e.id)==null?null:t;n&&v(n)});return()=>{e==null||e.unsubscribe()}},[]),(0,s.useEffect)(()=>{y.forEach((e,t)=>{if(e.current){var n;let r=g[t];(n=u.getRenderById(r.id))==null||n.engine.setContainer(e.current)}}),y.length>0&&l.syncExecuteCommand(be.id,{unitId:p==null?void 0:p.getUnitId()})},[y,g,u,l,p]);let S=(0,s.useCallback)(e=>{l.syncExecuteCommand(b.id,{id:e,unitId:p==null?void 0:p.getUnitId()})},[l,p]),C=(0,s.useCallback)(()=>{l.syncExecuteCommand(x.id,{unitId:p==null?void 0:p.getUnitId()})},[l,p]);return(0,c.jsx)(`aside`,{ref:f,className:(0,o.clsx)(`univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden`,o.scrollbarClassName),children:(0,c.jsxs)(`div`,{className:`univer-px-4`,children:[(0,c.jsx)(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:(0,c.jsx)(`a`,{className:(0,o.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`,o.borderClassName),onClick:C,children:d.t(`slides-ui.append`)})}),g.map((e,t)=>(0,c.jsxs)(`div`,{className:(0,o.clsx)(`univer-my-4 univer-flex univer-gap-2`,{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":e.id===_}),onClick:()=>S(e.id),children:[(0,c.jsx)(`span`,{children:t+1}),(0,c.jsx)(`div`,{ref:y[t],className:(0,o.clsx)(`univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600`,o.borderClassName)})]},e.id))]})})}function Fe(e){return e.getContextValue(t.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(t.EDITOR_ACTIVATED)}function Ie(e){return e.getContextValue(t.FORMULA_EDITOR_ACTIVATED)&&e.getContextValue(t.FOCUSING_UNIVER_EDITOR)}let Le=[a.KeyCode.ARROW_DOWN,a.KeyCode.ARROW_UP,a.KeyCode.ARROW_LEFT,a.KeyCode.ARROW_RIGHT];[a.KeyCode.ENTER,a.KeyCode.TAB,...Le];function Re(){let e=[];for(let t of Le)e.push({id:U.id,binding:t,preconditions:e=>Fe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!1}}),e.push({id:U.id,binding:t|a.MetaKeys.SHIFT,preconditions:e=>Fe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!0}});return e}let ze={id:l.DeleteLeftCommand.id,preconditions:e=>Fe(e)||Ie(e),binding:a.KeyCode.BACKSPACE},G=class extends t.Disposable{constructor(e,t,n,r,i){super(),this._injector=e,this._menuManagerService=t,this._uiPartsService=n,this._commandService=r,this._shortcutService=i,this._initCommands(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(ke)}_initCommands(){[x,b,be,C,ye,V,B,ve,R,L,z,S,F,U].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.LEFT_SIDEBAR,()=>(0,a.connectInjector)(Pe,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.CONTENT,()=>(0,a.connectInjector)(Ne,this._injector)))}_initShortcuts(){[ze,...Re()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};G=_([g(0,(0,t.Inject)(t.Injector)),g(1,a.IMenuManagerService),g(2,a.IUIPartsService),g(3,t.ICommandService),g(4,a.IShortcutService)],G);var Be=`@univerjs/slides-ui`,Ve=`1.0.0-alpha.3`;let He={},Ue=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function We(e){var n;let r=(n=e.popup)==null||(n=n.extraProps)==null?void 0:n.menuItems;if(!r)return null;let i=(0,a.useDependency)(t.ICommandService),l=(0,a.useDependency)(t.LocaleService),[u,d]=(0,s.useState)(!1),[f,p]=(0,s.useState)(!1),m=()=>{p(!0)},h=()=>{p(!1)},g=e=>{d(e)},_=e=>{i.executeCommand(e.commandId,e.commandParams),d(!1)},v=u||f,y=r.filter(e=>!e.disable);return(0,c.jsx)(`div`,{onMouseEnter:m,onMouseLeave:h,children:(0,c.jsx)(o.Dropdown,{align:`start`,overlay:(0,c.jsx)(`ul`,{className:(0,o.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`,o.borderClassName),children:y.map(e=>(0,c.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:()=>_(e),children:(0,c.jsx)(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:l.t(e.label)})},e.index))}),open:u,onOpenChange:g,children:(0,c.jsxs)(`div`,{className:(0,o.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`,o.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":u,"univer-bg-white dark:!univer-bg-gray-900":!u}),children:[(0,c.jsx)(de,{className:`univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white`}),v&&(0,c.jsx)(P,{className:`dark:!univer-text-white`})]})})})}let K=class extends t.Disposable{constructor(e,t){super(),this._componentManager=e,this._iconManager=t,this._registerParts(),this._registerIcons()}_registerParts(){let e=this._componentManager;this.disposeWithMe(e.register(Ue,We)),this.disposeWithMe(e.register(I,_e))}_registerIcons(){this.disposeWithMe(this._iconManager.register({AddImageIcon:A,TextIcon:se,GraphIcon:N}))}};K=_([g(0,(0,t.Inject)(a.ComponentManager)),g(1,(0,t.Inject)(a.IconManager))],K);let q=(0,t.createIdentifier)(`univer.slide-editor-bridge.service`),Ge=class extends t.Disposable{constructor(e,t,r){super(),this._editorService=e,this._contextService=t,this._renderManagerService=r,h(this,`_editorUnitId`,H),h(this,`_isForceKeepVisible`,!1),h(this,`_editorIsDirty`,!1),h(this,`_currentEditRectState`,null),h(this,`_currentEditRectState$`,new u.BehaviorSubject(null)),h(this,`currentEditRectState$`,this._currentEditRectState$.asObservable()),h(this,`_visibleParam`,{visible:!1,eventType:n.DeviceInputEventType.Dblclick,unitId:``}),h(this,`_visible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`visible$`,this._visible$.asObservable()),h(this,`_afterVisible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`afterVisible$`,this._afterVisible$.asObservable()),h(this,`endEditing$`,new u.Subject),h(this,`_currentEditRectInfo`,void 0)}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(H),this._contextService.setContextValue(t.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(t.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(t.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));let n=this.getEditRectState();this._currentEditRectState=n,this._currentEditRectState$.next(n)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){let e=H,n=this._currentEditRectInfo,i=n.unitId,a=n.richTextObj.documentData;a.id=e,a.documentStyle={...a.documentStyle,pageSize:{width:n.richTextObj.width,height:1/0}};let o={documentModel:new t.DocumentDataModel(a),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:t.VerticalAlign.TOP,horizontalAlign:t.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},s=n.richTextObj.width,c=n.richTextObj.height,l=n.richTextObj.left,u=n.richTextObj.top,d={left:0,top:0},f=this._renderManagerService.getRenderById(i),p=f==null?void 0:f.scene,m=p==null?void 0:p.getViewport(r.SLIDE_KEY.VIEW),h=p==null?void 0:p.getObject(r.SLIDE_KEY.COMPONENT),g={x:(h==null?void 0:h.left)||0,y:(h==null?void 0:h.top)||0},_=(m==null?void 0:m.viewportScrollX)||0,v=(m==null?void 0:m.viewportScrollY)||0;return d.left=g.x-_,d.top=g.y-v,{position:{startX:l,startY:u,endX:l+s,endY:u+c},scaleX:1,scaleY:1,slideCardOffset:d,unitId:i,editorUnitId:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){let n=this.getCurrentEditorId(),r=e.text,i=e.fs;return{id:n,body:{dataStream:`${r}\r\n`,textRuns:[{st:0,ed:r.length}],paragraphs:[{paragraphStyle:{},startIndex:r.length+1}],sectionBreaks:[{sectionId:(0,t.createSectionId)(new Set),startIndex:r.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:t.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};Ge=_([g(0,l.IEditorService),g(1,t.IContextService),g(2,n.IRenderManagerService)],Ge);let Ke=-1e3,J=class extends t.Disposable{constructor(e,r,i,o,s,c,l,u,d,f,p,m){super(),this._renderContext=e,this._layoutService=r,this._undoRedoService=i,this._contextService=o,this._instanceSrv=s,this._renderManagerService=c,this._editorBridgeService=l,this._cellEditorManagerService=u,this._textSelectionManagerService=d,this._commandService=f,this._localService=p,this._editorService=m,h(this,`_cursorChange`,0),h(this,`_isUnitEditing`,!1),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:a.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){let e=new t.DisposableCollection;return this._subscribeToCurrentCell(e),this._initialKeyboardListener(e),this._initialCursorSync(e),this._listenEditorFocus(e),this._commandExecutedListener(e),setTimeout(()=>{this._cursorStateListener(e)},1e3),e}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){let t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe((0,u.filter)(e=>!!e)).subscribe(()=>{var e;(e=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||e.with(l.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(e=>{var r;if(e==null||this._contextService.getContextValue(t.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(t.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;let{position:{startX:i,endX:a},documentLayoutObject:{textRotation:o,wrapStrategy:s,documentModel:c},scaleX:u,editorUnitId:d}=e,{vertexAngle:f}=(0,n.convertTextRotation)(o);c.updateDocumentId(d),s===t.WrapStrategy.WRAP&&f===0&&c.updateDocumentDataPageSize((a-i)/u),this._instanceSrv.changeDoc(d,c),this._contextService.setContextValue(t.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(r=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||r.with(l.DocSelectionRenderService).activate(Ke,Ke)}))}_fitTextSize(e,n,r,i,a=1,o=1){let{startX:s,startY:c,endX:l,endY:u}=e,d=i.documentModel;if(d==null)return;let{actualWidth:f,actualHeight:p}=this._predictingSize(e,n,r,i,a,o),{verticalAlign:m,paddingData:h,fill:g}=i,_=l-s,v=u-c;if(_<f&&(_=f),v<p)v=p,d.updateDocumentDataMargin(h);else{let e=0;e=m===t.VerticalAlign.MIDDLE?(v-p)/2/o:m===t.VerticalAlign.TOP?h.t||0:(v-p)/o-(h.b||0),e=e<(h.t||0)?h.t||0:e,d.updateDocumentDataMargin({t:e})}r.calculate(),this._editAreaProcessing(_,v,e,n,g,a,o)}_predictingSize(e,r,i,a,o=1,s=1){let{startX:c,endX:l}=e,{textRotation:u,wrapStrategy:d}=a,f=a.documentModel,{vertexAngle:p}=(0,n.convertTextRotation)(u),m=document.body.clientWidth;if(d===t.WrapStrategy.WRAP&&p===0){let{actualWidth:e,actualHeight:t}=i.getActualSize();return{actualWidth:e*o,actualHeight:t*s}}f==null||f.updateDocumentDataPageSize((m-c-r.left)/o),i.calculate();let h=i.getActualSize(),g=l-c;return g<h.actualWidth*o+5*o&&(g=h.actualWidth*o+5*o),f==null||f.updateDocumentDataPageSize(g/o),f==null||f.updateDocumentRenderConfig({horizontalAlign:t.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:g,actualHeight:h.actualHeight*s}}_editAreaProcessing(e,t,r,i,a,o=1,s=1){let c=this._getEditorObject();if(c==null)return;function u(e){return Number.parseInt(e.replace(`px`,``))}let d=this._renderContext.engine.getCanvasElement(),f=d.getBoundingClientRect(),p=u(d.style.width),{top:m,left:h,width:g}=f,_=g/p,{startX:v,startY:y}=r;v+=i.left,y+=i.top;let{document:b,scene:x,engine:S}=c,C=x.getViewport(l.VIEWPORT_KEY.VIEW_MAIN),w=document.body.clientHeight-y-i.top-4,T=document.body.clientWidth-v-i.left,E=t,D=C==null?void 0:C.getScrollBar();if(E>w)E=w,D==null?C&&new n.ScrollBar(C,{enableHorizontal:!1,barSize:8}):C==null||C.resetCanvasSizeAndUpdateScroll();else{var O;D=null,C==null||(O=C.getScrollBar())==null||O.dispose()}e+=(D==null?void 0:D.barSize)||0,e=Math.min(e,T),v-=n.FIX_ONE_PIXEL_BLUR_OFFSET,y-=n.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(x,e/o,t/s,a);let{scaleX:k,scaleY:A}=x.getPrecisionScale();x.transformByState({width:e*_/o,height:t*_/s,scaleX:o*_,scaleY:s*_}),b.resize(e/o,t/s),setTimeout(()=>{S.resizeBySize((0,n.fixLineWidthByScale)(e,k),(0,n.fixLineWidthByScale)(E,A))},0);let j=this._layoutService.getContentElement().getBoundingClientRect(),M=d.getBoundingClientRect();v=v*_+(M.left-j.left),y=y*_+(M.top-j.top),this._cellEditorManagerService.setState({startX:v,startY:y,endX:e*_+v,endY:E*_+y,show:!0})}_addBackground(e,t,r,i){let a=`_backgroundRectHelperColor_`,o=e.getObject(a);o==null&&i==null||(o==null?e.addObjects([new n.Rect(a,{width:t,height:r,fill:i,evented:!1})],l.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:r})))}_handleEditorVisible(e){var r,i;let{eventType:a}=e;this._cursorChange=[n.DeviceInputEventType.PointerDown,n.DeviceInputEventType.Dblclick].includes(a)?2:1;let o=this._editorBridgeService.getEditRectState();if(o==null)return;let{position:s,documentLayoutObject:c,slideCardOffset:u,scaleX:d,scaleY:f,editorUnitId:p,unitId:m}=o,h=this._getEditorObject();if(h==null)return;let{scene:g}=h;this._contextService.setContextValue(t.EDITOR_ACTIVATED,!0);let{documentModel:_}=c,v=this._getEditorSkeleton(p);if(!v||!_)return;this._fitTextSize(s,u,v,c,d,f);let y=_.getBody().dataStream.length-2||0;(r=g.getViewport(l.VIEWPORT_KEY.VIEW_MAIN))==null||r.scrollToViewportPos({viewportScrollX:1/0}),this._textSelectionManagerService.replaceTextRanges([{startOffset:y,endOffset:y}]),(i=this._renderManagerService.getRenderById(m))==null||i.scene.resetCursor()}_resetBodyStyle(e,n=!1){e.dataStream=t.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!n?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0,paragraphId:(0,t.createParagraphId)(new Set)}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){let t=[U.id],n=[d.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===H&&(t.includes(e.id)&&this._moveCursorCmdHandler(e),n.includes(e.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){let t=e.params,{keycode:n,isShift:r}=t;n!=null&&this._cursorChange===2?this._moveInEditor(n,r):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){let e=this._editorBridgeService.getEditorRect();if(!e)return;let t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();let{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return qe(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=0,this._exitInput(e),this._editorBridgeService.getEditRectState()!=null){if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}}_exitInput(e){this._contextService.setContextValue(t.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:e.visible});let n=this._editorBridgeService.getCurrentEditorId();n!=null&&this._undoRedoService.clearUndoRedo(n)}_moveCursor(e){if(e!=null)switch(t.Direction.LEFT,e){case a.KeyCode.ENTER:t.Direction.DOWN;break;case a.KeyCode.TAB:t.Direction.RIGHT;break;case a.KeyCode.ARROW_DOWN:t.Direction.DOWN;break;case a.KeyCode.ARROW_UP:t.Direction.UP;break;case a.KeyCode.ARROW_LEFT:t.Direction.LEFT;break;case a.KeyCode.ARROW_RIGHT:t.Direction.RIGHT;break}}_cursorStateListener(e){let n=this._getEditorObject();if(!n)return;let{document:r}=n;e.add((0,t.toDisposable)(r.onPointerDown$.subscribeEvent(()=>{this._cursorChange===1&&(this._cursorChange=2)})))}_moveInEditor(e,n){let r=t.Direction.LEFT;e===a.KeyCode.ARROW_DOWN?r=t.Direction.DOWN:e===a.KeyCode.ARROW_UP?r=t.Direction.UP:e===a.KeyCode.ARROW_RIGHT&&(r=t.Direction.RIGHT),n?this._commandService.executeCommand(l.MoveSelectionOperation.id,{direction:r}):this._commandService.executeCommand(l.MoveCursorOperation.id,{direction:r})}};J=_([g(1,a.ILayoutService),g(2,t.IUndoRedoService),g(3,t.IContextService),g(4,t.IUniverInstanceService),g(5,n.IRenderManagerService),g(6,q),g(7,je),g(8,(0,t.Inject)(d.DocSelectionManagerService)),g(9,t.ICommandService),g(10,(0,t.Inject)(t.LocaleService)),g(11,l.IEditorService)],J);function qe(e,t){if(e==null)return;let n=t.getRenderById(e);if(n==null)return;let{mainComponent:r,scene:i,engine:a,components:o}=n;return{document:r,docBackground:o.get(l.DOCS_VIEW_KEY.BACKGROUND),scene:i,engine:a}}let Y=class extends t.RxDisposable{constructor(e,n,r,i){super(),this._renderContext=e,this._instanceSrv=n,this._commandService=r,this._editorBridgeService=i,h(this,`setSlideTextEditor$`,new u.Subject),h(this,`_curRichText`,null),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let e=new t.DisposableCollection;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;let{scene:n,engine:r}=this._renderContext,i={scene:n,engine:r,unitId:this._renderContext.unitId,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(i)}_initEventListener(e){let t=t=>{let r=t.getTransformer();r&&(e.add(r.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(r.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(t.onDblclick$.subscribeEvent(()=>{r.clearControls();let e=r.getSelectedObjectMap().values().next().value;e&&(e.objectType===n.ObjectType.RICH_TEXT?this.startEditing(t.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:r}=this._renderContext;r.subSceneChanged$.subscribeEvent(e=>{t(e)});let i=Array.from(r.getSubScenes().values());for(let e=0;e<i.length;e++){let n=i[e];t(n)}}pickOtherObjects(){this.endEditing()}endEditing(){var e;if(!this._curRichText)return;this.setEditorVisible(!1);let n=this._curRichText;if(!this._instanceSrv.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE))return!1;n.refreshDocumentByDocData(),n.resizeToContentSize(),this._editorBridgeService.endEditing$.next(n);let r={bl:1,fs:n.fs,text:n.text},i=(e=n.documentData.body)==null?void 0:e.textRuns;if(i&&i.length){let e=i[0].ts;r.cl=e==null?void 0:e.cl}this._commandService.executeCommand(F.id,{unitId:this._renderContext.unitId,oKey:n==null?void 0:n.oKey,props:{richText:r}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){if(e){var t;(t=this._curRichText)==null||t.hide()}else{var r;(r=this._curRichText)==null||r.show()}let{unitId:i}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:n.DeviceInputEventType.PointerDown,unitId:i})}};Y=_([g(1,t.IUniverInstanceService),g(2,t.ICommandService),g(3,q)],Y);function Je(e,t){let n=Ye(e.left,e.top,t),r=Ye(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function Ye(e,t,n){let{scaleX:i,scaleY:a}=n.getAncestorScale(),o=n.getViewport(r.SLIDE_KEY.VIEW);if(!o)return{x:e,y:t};let{viewportScrollX:s,viewportScrollY:c}=o;return{x:(e-s)*i,y:(t-c)*a}}let X=class extends t.Disposable{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(e,r){let i=(()=>{var t,i,a,o;let{scene:s,engine:c}=r,{left:l,top:u,width:d,height:f}=e,p=(s.width-((t=(i=r.mainComponent)==null?void 0:i.width)==null?0:t))/2,m=(s.height-((a=(o=r.mainComponent)==null?void 0:o.height)==null?0:a))/2,h={left:l,right:l+d,top:u,bottom:u+f},g=c.getCanvasElement(),_=g.getBoundingClientRect(),v=(0,n.pxToNum)(g.style.width),{scaleX:y,scaleY:b}=s.getAncestorScale(),x=Je(h,s),{top:S,left:C,width:w}=_,T=w/v;return{left:x.left*T*y+C+p,right:x.right*T*y+C+p,top:x.top*T*b+S+m,bottom:x.bottom*T*b+S+m}})();return{position:i,position$:new u.BehaviorSubject(i),disposable:new t.DisposableCollection}}attachPopupToObject(e,n){let r=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE).getUnitId(),i=this._renderManagerService.getRenderById(r);if(!i)return{dispose:()=>{}};let{position:a,position$:o,disposable:s}=this._createObjectPositionObserver(e,i),c=this._globalPopupManagerService.addPopup({...n,unitId:r,subUnitId:`default`,anchorRect:a,anchorRect$:o,canvasElement:i.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(c),o.complete(),s.dispose()}}}};X=_([g(0,(0,t.Inject)(a.ICanvasPopupService)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.ICommandService)],X);let Z=class extends t.RxDisposable{constructor(e,t,n,r,i,a,o){super(),this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=r,this._canvasView=i,this._sidebarService=a,this._commandService=o,h(this,`_initImagePopupMenu`,new Set),this._init()}_init(){this._univerInstanceService.getAllUnitsForType(t.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;let t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var n;let r=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE),i=(n=r==null?void 0:r.getPages())==null?{}:n;Object.keys(i).forEach(n=>{var r;let i=(r=this._canvasView.getRenderUnitByPageId(n,e).scene)==null?void 0:r.getTransformer();if(!i)return;let a;this.disposeWithMe((0,t.toDisposable)(i.createControl$.subscribe(()=>{let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;if(!n)return;let r=n.oKey;a==null||a.dispose(),a=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:Ue,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,r,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(z.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{a==null||a.dispose(),this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(i.changing$.subscribe(()=>{a==null||a.dispose();let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;n&&this._commandService.executeCommand(F.id,{unitId:e,oKey:n.oKey,props:{width:n.width,height:n.height,left:n.left,top:n.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:`slides-ui.popup.edit`,index:0,commandId:z.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:`slides-ui.popup.delete`,index:5,commandId:S.id,commandParams:{id:t,unitId:n},disable:!1}]}};Z=_([g(0,(0,t.Inject)(X)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.IContextService),g(4,(0,t.Inject)(y)),g(5,a.ISidebarService),g(6,t.ICommandService)],Z);let Q=class extends t.RxDisposable{constructor(e,t,n){super(),this._contextService=e,this._instanceSrv=t,this._renderManagerService=n,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>{this._createRenderer(e.unit.getUnitId())}),this._instanceSrv.getAllUnitsForType(t.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(e){e!=null&&this._instanceSrv.getUnit(e,t.UniverInstanceType.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(e)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};Q=_([g(0,t.IContextService),g(1,t.IUniverInstanceService),g(2,n.IRenderManagerService)],Q);let $=class extends t.Plugin{constructor(e=He,n,r,i,a){super(),this._config=e,this._injector=n,this._renderManagerService=r,this._univerInstanceService=i,this._configService=a;let{menu:o,...s}=(0,t.merge)({},He,this._config);o&&this._configService.setConfig(`menu`,o,{merge:!0}),this._configService.setConfig(`slides-ui.config`,s)}onStarting(){this._injector.add([K]),this._injector.get(K),(0,t.mergeOverrideWithDependencies)([[Q],[q,{useClass:Ge}],[je,{useClass:Ae}],[X]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[v]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),(0,t.mergeOverrideWithDependencies)([[y],[G],[v],[Z]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(y),this._injector.get(Q)}onRendered(){[[Y],[J]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(G)}onSteady(){this._injector.get(Z)}_markSlideAsFocused(){let e=this._univerInstanceService;try{let n=e.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(n.getUnitId())}catch{}}};h($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),h($,`packageName`,Be),h($,`version`,Ve),h($,`type`,t.UniverInstanceType.UNIVER_SLIDE),$=_([g(1,(0,t.Inject)(t.Injector)),g(2,n.IRenderManagerService),g(3,t.IUniverInstanceService),g(4,t.IConfigService)],$),e.ActivateSlidePageOperation=b,e.AppendSlideOperation=x,Object.defineProperty(e,"CanvasView",{enumerable:!0,get:function(){return y}}),e.DeleteSlideElementOperation=S,e.ISlideEditorBridgeService=q,e.InsertSlideFloatImageCommand=C,e.InsertSlideShapeEllipseCommand=B,e.InsertSlideShapeEllipseOperation=ve,e.InsertSlideShapeRectangleCommand=L,e.InsertSlideShapeRectangleOperation=R,e.SHAPE_MENU_ID=we,e.SLIDES_IMAGE_MENU_ID=xe,e.SLIDE_EDITOR_ID=H,e.SetSlidePageThumbOperation=be,e.SlideAddTextCommand=V,e.SlideAddTextOperation=ye,Object.defineProperty(e,"SlideCanvasPopMangerService",{enumerable:!0,get:function(){return X}}),Object.defineProperty(e,"SlidesUIController",{enumerable:!0,get:function(){return G}}),e.SlidesUIMenuSchema=ke,Object.defineProperty(e,"UniverSlidesUIPlugin",{enumerable:!0,get:function(){return $}}),e.UpdateSlideElementOperation=F});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/drawing"),require("@univerjs/ui"),require("@univerjs/design"),require("react"),require("react/jsx-runtime"),require("@univerjs/docs-ui"),require("rxjs"),require("@univerjs/docs")):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/engine-render`,`@univerjs/slides`,`@univerjs/drawing`,`@univerjs/ui`,`@univerjs/design`,`react`,`react/jsx-runtime`,`@univerjs/docs-ui`,`rxjs`,`@univerjs/docs`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlidesUi={},e.UniverCore,e.UniverEngineRender,e.UniverSlides,e.UniverDrawing,e.UniverUi,e.UniverDesign,e.React,e.React,e.UniverDocsUi,e.rxjs,e.UniverDocs))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){return function(n,r){t(n,r,e)}}function _(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let v=class extends t.RxDisposable{constructor(e,n,i,a){super(),this._renderContext=e,this._injector=n,this._univerInstanceService=i,this._renderManagerService=a,h(this,`_objectProvider`,null),h(this,`_refreshThumb`,(0,t.debounce)(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(r.ObjectProvider),this._addNewRender()}_addNewRender(){let{unitId:e,engine:t,scene:i}=this._renderContext,a=this._getCurrUnitModel();if(!a)return;let o=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),o==null||o.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let s=new n.Viewport(r.SLIDE_KEY.VIEW,i,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});i.attachControl(),i.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(n.deltaY,n.preventDefault())}else s.onMouseWheel(n,t)}),i.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),n.ScrollBar.attachTo(s);let c=this._createSlide(i);this._renderContext.mainComponent=c,this._createSlidePages(a,c),this.createThumbs(),t.runRenderLoop(()=>{i.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,n=t==null?void 0:t.getViewport(r.SLIDE_KEY.VIEW),i=this._getCenterPositionViewPort(t);if(!n||!i)return;let{left:a,top:o}=i,{x:s,y:c}=n.transViewportScroll2ScrollValue(a,o);n.scrollToBarPos({x:s,y:c})}_currentRender(){return(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){let i=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE),{width:a,height:o}=e,{width:s=100,height:c=100}=i.getPageSize(),l=new n.Slide(r.SLIDE_KEY.COMPONENT,{left:(a-s)/2,top:(o-c)/2,width:s,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,r){let{width:i=0,height:a=0}=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE).getPageSize(),o=new n.Rect(`canvas`,{left:0,top:0,width:i,height:a,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:(0,t.getColorStyle)(r)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};let{width:t,height:n}=e,r=e.getEngine(),i=(r==null?void 0:r.width)||0,a=(r==null?void 0:r.height)||0;return{left:(t-i)/2,top:(n-a)/2}}_thumbSceneRender(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{engine:r}=n;if(r==null)return;let{width:i,height:a}=t,{width:o=i,height:s=a}=r,c=r.getCanvas().getContext();t.renderToThumb(c,e,o/i,s/a)}_createSlidePages(e,t){let n=e.getPages(),r=e.getPageOrder();if(!(!n||!r)&&r.length!==0){for(let e=0,t=r.length;e<t;e++){let t=r[e];this.createPageScene(t,n[t]),this._createThumb(t)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e,n=this._getCurrUnitModel(),r;if(t)r=n.getPage(t);else{let e=n.getPages(),i=n.getPageOrder();if(i==null||e==null)return;r=e[i[0]],t=r.id}let i=this._currentRender();if(r==null||i==null||i.mainComponent==null)return;let{id:a}=r,o=i.mainComponent;if(n.setActivePage(r),o!=null&&o.hasPage(a)){o.changePage(a);return}this.createPageScene(a,r)}createThumbs(){let e=this._getCurrUnitModel().getPageOrder(),t=this._currentRender();if(!(!e||!t)&&e.length!==0)for(let n=0,r=e.length;n<r;n++){let r=e[n];this._thumbSceneRender(r,t.mainComponent)}}createPageScene(e,t){let r=this._renderContext;if(!r||!this._objectProvider)return;let{scene:i,mainComponent:a}=r,o=a,{width:s,height:c}=o,l=new n.Scene(e,o,{width:s,height:c});new n.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=t,f=this._objectProvider.convertToRenderObjects(u,i);if(!f||!o)return;this._addBackgroundRect(l,d),l.addObjects(f),l.initTransformer(),f.forEach(e=>{l.attachTransformerTo(e)});let p=l.getTransformer();return p==null||p.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),p==null||p.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(l),l}getPageRenderUnit(e){let t=this._renderContext.mainComponent.getSubScenes().get(e),{engine:n,unit:r}=this._renderContext;return{scene:t,engine:n,unit:r}}createObjectToPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;let r=this._objectProvider.convertToRenderObject(e,n);if(r)return n.addObject(r),n.attachTransformerTo(r),n.getLayer().makeDirty(),r}setObjectActiveByPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;let r=n.getTransformer();r==null||r.activeAnObject(e)}removeObjectById(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);let r=n.getTransformer();r==null||r.clearControls()}appendPage(){let e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;let{id:r}=t,i=n.mainComponent,a=this.createPageScene(r,t);i&&a&&i.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};v=_([g(1,(0,t.Inject)(t.Injector)),g(2,t.IUniverInstanceService),g(3,n.IRenderManagerService)],v);let y=class extends t.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(v)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};y=_([g(0,n.IRenderManagerService)],y);let b={id:`slide.operation.activate-slide`,type:t.CommandType.OPERATION,handler:(e,n)=>{var r,i;let a=n.unitId,o=e.get(y),s=e.get(t.IUniverInstanceService).getUnit(a),c=s==null||(r=s.getActivePage())==null?void 0:r.id;if(!c)return!1;let l=o.getRenderUnitByPageId(c,a);if(!l)return!1;let u=(i=l.scene)==null?void 0:i.getTransformer();return u&&u.clearControls(),o.activePage(n.id,a),!0}},x={id:`slide.operation.append-slide`,type:t.CommandType.OPERATION,handler:(e,n)=>{let r=n.unitId;return e.get(t.IUniverInstanceService).getUnit(r)?(e.get(y).appendPage(r),!0):!1}},S={id:`slide.operation.delete-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{if(!(n!=null&&n.id))return!1;let r=n.unitId,i=e.get(t.IUniverInstanceService).getUnit(r);if(!i)return!1;let a=i.getActivePage();return delete a.pageElements[n.id],i.updatePage(a.id,a),e.get(y).removeObjectById(n.id,a.id,r),!0}},C={id:`slide.command.insert-float-image`,type:t.CommandType.COMMAND,handler:async(e,n)=>{var o;let s=e.get(t.IUniverInstanceService),c=(o=s.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE))==null?void 0:o.getUnitId();if(!c)return!1;let l=await e.get(a.ILocalFileService).openFile({multiple:!0,accept:i.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(l.length!==1)return!1;let u=await e.get(t.IImageIoService).saveImage(l[0]);if(!u)return!1;let{imageId:d,imageSourceType:f,source:p,base64Cache:m}=u,{width:h,height:g,image:_}=await(0,i.getImageSize)(m||``),v=s.getUnit(c);if(!v)return!1;let b=v.getActivePage(),x=Object.values(b.pageElements),S={id:d,zIndex:(x!=null&&x.length?Math.max(...x.map(e=>e.zIndex)):20)+1,left:0,top:0,width:h,height:g,title:``,description:``,type:r.PageElementType.IMAGE,image:{imageProperties:{contentUrl:m,imageSourceType:f,source:p,base64Cache:m,image:_}}};b.pageElements[d]=S,v.updatePage(b.id,b);let C=e.get(y),w=C.createObjectToPage(S,b.id,c);return w&&C.setObjectActiveByPage(w,b.id,c),!0}};function w({ref:e,...t}){let{icon:n,id:r,className:i,extend:a,...o}=t,c=`univerjs-icon univerjs-icon-${r} ${i||``}`.trim(),l=(0,s.useRef)(`_${O()}`);return T(n,`${r}`,{defIds:n.defIds,idSuffix:l.current},{ref:e,className:c,...o},a)}function T(e,t,n,r,i){return(0,s.createElement)(e.tag,{key:t,...E(e,n,i),...r},(D(e,n).children||[]).map((r,a)=>T(r,`${t}-${e.tag}-${a}`,n,void 0,i)))}function E(e,t,n){let r={...e.attrs};n!=null&&n.colorChannel1&&r.fill===`colorChannel1`&&(r.fill=n.colorChannel1),n!=null&&n.colorChannel1&&r.stroke===`colorChannel1`&&(r.stroke=n.colorChannel1),e.tag===`mask`&&r.id&&(r.id+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{e===`mask`&&typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))});let{defIds:i}=t;return!i||i.length===0?r:(e.tag===`use`&&r[`xlink:href`]&&(r[`xlink:href`]+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))}),r)}function D(e,t){var n;let{defIds:r}=t;return!r||r.length===0?e:e.tag===`defs`&&(n=e.children)!=null&&n.length?{...e,children:e.children.map(e=>typeof e.attrs.id==`string`&&r&&r.includes(e.attrs.id)?{...e,attrs:{...e.attrs,id:e.attrs.id+t.idSuffix}}:e)}:e}function O(){return Math.random().toString(36).substring(2,8)}w.displayName=`UniverIcon`;let k={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z`}}]},A=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`add-image-icon`,ref:t,icon:k}))});A.displayName=`AddImageIcon`;let j={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946`}}]},M=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`bottom-icon`,ref:t,icon:j}))});M.displayName=`BottomIcon`;let ee={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{clipPath:`url(#graph-icon_clip0_1293_28)`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`graph-icon_clip0_1293_28`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`graph-icon_clip0_1293_28`]},N=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`graph-icon`,ref:t,icon:ee}))});N.displayName=`GraphIcon`;let te={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},P=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`more-down-icon`,ref:t,icon:te}))});P.displayName=`MoreDownIcon`;let ne={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z`}}]},re=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-down-icon`,ref:t,icon:ne}))});re.displayName=`MoveDownIcon`;let ie={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z`}}]},ae=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-up-icon`,ref:t,icon:ie}))});ae.displayName=`MoveUpIcon`;let oe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{fill:`currentColor`,clipPath:`url(#text-icon_clip0_1293_26)`},children:[{tag:`path`,attrs:{d:`M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z`}},{tag:`path`,attrs:{d:`M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`text-icon_clip0_1293_26`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`text-icon_clip0_1293_26`]},se=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`text-icon`,ref:t,icon:oe}))});se.displayName=`TextIcon`;let ce={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},le=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`topmost-icon`,ref:t,icon:ce}))});le.displayName=`TopmostIcon`;let ue={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`colorChannel1`,d:`M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},de=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`autofill-double-icon`,ref:t,icon:ue}))});de.displayName=`AutofillDoubleIcon`;let fe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z`}},{tag:`path`,attrs:{fill:`colorChannel1`,d:`M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z`}}]},pe=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`paint-bucket-double-icon`,ref:t,icon:fe}))});pe.displayName=`PaintBucketDoubleIcon`;let F={id:`slide.operation.update-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{let{oKey:r,props:i}=n,a=e.get(t.IUniverInstanceService),o=n==null?void 0:n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage();return c.pageElements[r]=(0,t.merge)(c.pageElements[r],i),s.updatePage(c.id,c),!0}};function me(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),s=(0,a.useDependency)(y),l=(0,a.useDependency)(t.ICommandService),u=s.getRenderUnitByPageId(n,r),d=u==null?void 0:u.scene;if(!d)return null;let f=d.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;if(!p)return null;let m=e=>{let[t,n]=d.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=p.zIndex;e===3?i=t-1:e===2?i=n+1:e===0?i=p.zIndex+1:e===1&&(i=p.zIndex-1),p.setProps({zIndex:i}),l.executeCommand(F.id,{unitId:r,oKey:p==null?void 0:p.oKey,props:{zIndex:i}})};return(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:i.t(`slides-ui.image-panel.arrange.title`)})})}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(0)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(ae,{}),i.t(`slides-ui.image-panel.arrange.forward`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(1)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(re,{}),i.t(`slides-ui.image-panel.arrange.backward`)]})})})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(2)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(le,{}),i.t(`slides-ui.image-panel.arrange.front`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(3)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(M,{}),i.t(`slides-ui.image-panel.arrange.back`)]})})})]})]})}function he(e){var n,r;let{pageId:i,unitId:l}=e,u=(0,a.useDependency)(t.LocaleService),d=(0,a.useDependency)(y),f=(0,a.useDependency)(t.ICommandService),p=d.getRenderUnitByPageId(i,l),m=p==null?void 0:p.scene,h=m==null?void 0:m.getTransformer(),g=h==null?void 0:h.getSelectedObjectMap().values().next().value,[_,v]=(0,s.useState)((n=g==null||(r=g.fill)==null?void 0:r.toString())==null?``:n);if(!m||!h||!g)return null;function b(e){g==null||g.setProps({fill:e}),f.executeCommand(F.id,{unitId:l,oKey:g==null?void 0:g.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),v(e)}return(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,o.borderTopClassName),children:(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:u.t(`slides-ui.panel.fill.title`)})})}),(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Dropdown,{overlay:(0,c.jsx)(`div`,{className:`univer-rounded-lg univer-p-4`,children:(0,c.jsx)(o.ColorPicker,{value:`#fff`,onChange:b})}),children:(0,c.jsxs)(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[(0,c.jsx)(pe,{className:`univer-fill-primary-600`}),(0,c.jsx)(P,{})]})})})})]})})}function ge(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),l=(0,a.useDependency)(y),u=(0,a.useDependency)(t.ICommandService),d=l.getRenderUnitByPageId(n,r),f=d==null?void 0:d.scene,p=f==null?void 0:f.getTransformer(),m=p==null?void 0:p.getSelectedObjectMap().values().next().value,{width:h=0,height:g=0,left:_=0,top:v=0,angle:b=0}=m==null?{}:m,[x,S]=(0,s.useState)(h),[C,w]=(0,s.useState)(g),[T,E]=(0,s.useState)(_),[D,O]=(0,s.useState)(v),[k,A]=(0,s.useState)(b),j=e=>{let{objects:t}=e,{width:n=0,height:r=0,left:i=0,top:a=0,angle:o=0}=t.values().next().value;S(n),w(r),E(i),O(a),A(o)};if((0,s.useEffect)(()=>{if(!p)return;let e=p.changeStart$.subscribe(e=>{j(e)}),t=p.changing$.subscribe(e=>{j(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[p]),!f||!p||!m)return null;function M(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{width:e}}),m==null||m.resize(e,m.height),S(e),p==null||p.refreshControls())}function ee(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{height:e}}),m==null||m.resize(m.width,e),w(e),p==null||p.refreshControls())}function N(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{left:e}}),m==null||m.translate(e,m.top),E(e),p==null||p.refreshControls())}function te(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{right:e}}),m==null||m.translate(m.left,e),O(e),p==null||p.refreshControls())}function P(e){!e||!m||(u.executeCommand(F.id,{pageId:n,oKey:m.oKey,props:{angle:e}}),m==null||m.transformByState({angle:e}),A(e),p==null||p.refreshControls())}return(0,c.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,o.borderTopClassName),children:[(0,c.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:i.t(`slides-ui.image-panel.transform.title`)})}),(0,c.jsxs)(`div`,{className:`univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.width`)}),(0,c.jsx)(o.InputNumber,{min:1,value:x,onChange:e=>{M(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.height`)}),(0,c.jsx)(o.InputNumber,{min:1,value:C,onChange:e=>{ee(e)}})]})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.x`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:T,onChange:e=>{N(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.y`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:D,onChange:e=>{te(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`slides-ui.image-panel.transform.rotate`)}),(0,c.jsx)(o.InputNumber,{precision:1,value:k,onChange:P})]})]})]})}let I=`COMPONENT_SLIDE_SIDEBAR`;function _e(){var e,r,i;let o=(0,a.useDependency)(t.IUniverInstanceService),s=(0,a.useDependency)(y),l=o.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE),u=l==null||(e=l.getActivePage())==null?void 0:e.id,d=((r=o.getFocusedUnit())==null?void 0:r.getUnitId())||``;if(!u||!d)return null;let f=(i=s.getRenderUnitByPageId(u,d).scene)==null?void 0:i.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;return p?(0,c.jsxs)(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[(0,c.jsx)(me,{pageId:u,unitId:d}),(0,c.jsx)(ge,{pageId:u,unitId:d}),p.objectType===n.ObjectType.RECT&&(0,c.jsx)(he,{pageId:u,unitId:d})]}):null}let L={id:`slide.command.insert-float-shape.rectangle`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(R.id,{unitId:i})}},R={id:`slide.operation.insert-float-shape.rectangle`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let i=(0,t.generateRandomId)(6),a=e.get(t.IUniverInstanceService),o=n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage(),l=Object.values(c.pageElements),u={id:i,zIndex:(l!=null&&l.length?Math.max(...l.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:i,description:``,type:r.PageElementType.SHAPE,shape:{shapeType:r.BasicShapes.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};c.pageElements[i]=u,s.updatePage(c.id,c);let d=e.get(y),f=d.createObjectToPage(u,c.id,o);return f&&d.setObjectActiveByPage(f,c.id,o),!0}},z={id:`sidebar.operation.slide-shape`,type:t.CommandType.COMMAND,handler:async(e,r)=>{let{visible:i,objectType:o}=r,s=e.get(a.ISidebarService),c=e.get(t.LocaleService),l=``,u=``;return o===n.ObjectType.RECT?(l=`slides-ui.sidebar.shape`,u=I):o===n.ObjectType.IMAGE?(l=`slides-ui.sidebar.image`,u=I):o===n.ObjectType.RICH_TEXT&&(l=`slides-ui.sidebar.text`,u=I),i?s.open({header:{title:c.t(l)},children:{label:u},onClose:()=>{},width:360}):s.close(),!0}},B={id:`slide.command.insert-float-shape.ellipse`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(ve.id,{unitId:i})}},ve={id:`slide.operation.insert-float-shape.ellipse`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let i=(0,t.generateRandomId)(6),a=e.get(t.IUniverInstanceService),o=n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage(),l=Object.values(c.pageElements),u={id:i,zIndex:(l!=null&&l.length?Math.max(...l.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:i,description:``,type:r.PageElementType.SHAPE,shape:{shapeType:r.BasicShapes.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};c.pageElements[i]=u,s.updatePage(c.id,c);let d=e.get(y),f=d.createObjectToPage(u,c.id,o);return f&&d.setObjectActiveByPage(f,c.id,o),!0}},V={id:`slide.command.add-text`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return await r.executeCommand(ye.id,{unitId:i})}},ye={id:`slide.operation.add-text`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let i=n.unitId,a=(0,t.generateRandomId)(6),o=(n==null?void 0:n.text)||`A New Text`,s=e.get(t.IUniverInstanceService).getUnit(i);if(!s)return!1;let c=s.getActivePage(),l=Object.values(c.pageElements),u={id:a,zIndex:(l!=null&&l.length?Math.max(...l.map(e=>e.zIndex)):21)+1,left:230,top:142,width:220,height:40,title:`text`,description:``,type:r.PageElementType.TEXT,richText:{text:o,fs:30,cl:{rgb:`rgb(51, 51, 51)`},bl:1}};c.pageElements[a]=u,s.updatePage(c.id,c);let d=e.get(y),f=d.createObjectToPage(u,c.id,i);return f&&d.setObjectActiveByPage(f,c.id,i),!0}},be={id:`slide.operation.set-slide-page-thumb`,type:t.CommandType.OPERATION,handler:(e,t)=>(e.get(y).createThumbs(t.unitId),!0)},H=(0,t.createInternalEditorID)(`SLIDE_EDITOR`),U={id:`slide.operation.edit-arrow`,type:t.CommandType.OPERATION,handler:()=>!0},xe=`slide.menu.image`;function Se(e){return{id:xe,type:a.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`slides-ui.image.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Ce(e){return{id:C.id,title:`slides-ui.image.insert.float`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let we=`slide.menu.shape`;function Te(e){return{id:we,type:a.MenuItemType.SUBITEMS,icon:`GraphIcon`,tooltip:`slides-ui.shape.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Ee(e){return{id:L.id,title:`slides-ui.shape.insert.rectangle`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function De(e){return{id:B.id,title:`slides-ui.shape.insert.ellipse`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Oe(e){return{id:V.id,type:a.MenuItemType.BUTTON,icon:`TextIcon`,tooltip:`slides-ui.text.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let ke={[a.RibbonStartGroup.FORMAT]:{[V.id]:{order:0,menuItemFactory:Oe},[xe]:{order:0,menuItemFactory:Se,[C.id]:{order:0,menuItemFactory:Ce}},[we]:{order:0,menuItemFactory:Te,[L.id]:{order:0,menuItemFactory:Ee},[B.id]:{order:0,menuItemFactory:De}}}};var Ae=class{constructor(){h(this,`_state`,null),h(this,`_rect`,null),h(this,`_state$`,new u.BehaviorSubject(null)),h(this,`state$`,this._state$.asObservable()),h(this,`_rect$`,new u.BehaviorSubject(null)),h(this,`rect$`,this._rect$.asObservable()),h(this,`_focus`,!1),h(this,`_focus$`,new u.BehaviorSubject(this._focus)),h(this,`focus$`,this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}};let je=(0,t.createIdentifier)(`univer.slide-editor-manager.service`),W=-1e3,Me={width:0,height:0,top:W,left:W};function Ne(){let[e,r]=(0,s.useState)({...Me}),i=(0,a.useDependency)(je),u=(0,a.useDependency)(l.IEditorService),d=(0,a.useDependency)(t.IContextService),f=(0,a.useObservable)(()=>d.subscribeContextValue$(a.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[d,a.DISABLE_AUTO_FOCUS_KEY]);return`${t.DEFAULT_EMPTY_DOCUMENT_VALUE}`,(0,t.createParagraphId)(new Set),t.DocumentFlavor.UNSPECIFIED,(0,s.useEffect)(()=>{let e=i.state$.subscribe(e=>{if(e==null)return;let{startX:t=W,startY:a=W,endX:o=0,endY:s=0,show:c=!1}=e;if(!c)r({...Me});else{r({width:o-t-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:s-a-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:t+n.FIX_ONE_PIXEL_BLUR_OFFSET,top:a+n.FIX_ONE_PIXEL_BLUR_OFFSET});let e=u.getEditor(H);if(e==null)return;let{left:c,top:l,width:d,height:f}=e.getBoundingClientRect();i.setRect({left:c,top:l,width:d,height:f})}});return()=>e.unsubscribe()},[u,i]),(0,s.useEffect)(()=>{f||i.setFocus(!0)},[f,e]),(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-absolute univer-z-10 univer-box-border univer-flex`,o.borderClassName),style:{left:e.left,top:e.top,width:e.width,height:e.height}})}function Pe(){var e,r;let i=(0,a.useDependency)(t.IUniverInstanceService),l=(0,a.useDependency)(t.ICommandService),d=(0,a.useDependency)(n.IRenderManagerService),f=(0,a.useDependency)(t.LocaleService),p=(0,s.useRef)(null),m=(0,a.useObservable)(()=>i.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE),void 0,!1,[i]),h=m==null?void 0:m.getPages(),g=m==null?void 0:m.getPageOrder(),_=(0,s.useMemo)(()=>h&&g?g.map(e=>h[e]):[],[g,h]),v=(e=m==null||(r=m.getActivePage())==null?void 0:r.id)==null?null:e,y=(0,a.useObservable)(m?()=>m.activePage$.pipe((0,u.scan)((e,t)=>{var n;return(n=t==null?void 0:t.id)==null?e:n},v)):null,v,!1,[m,v]),S=(0,s.useMemo)(()=>_.map(()=>(0,s.createRef)()),[_]);(0,s.useEffect)(()=>{S.forEach((e,t)=>{if(e.current){var n;let r=_[t];(n=d.getRenderById(r.id))==null||n.engine.setContainer(e.current)}}),S.length>0&&l.syncExecuteCommand(be.id,{unitId:m==null?void 0:m.getUnitId()})},[S,_,d,l,m]);let C=(0,s.useCallback)(e=>{l.syncExecuteCommand(b.id,{id:e,unitId:m==null?void 0:m.getUnitId()})},[l,m]),w=(0,s.useCallback)(()=>{l.syncExecuteCommand(x.id,{unitId:m==null?void 0:m.getUnitId()})},[l,m]);return!h||!g?null:(0,c.jsx)(`aside`,{ref:p,className:(0,o.clsx)(`univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden`,o.scrollbarClassName),children:(0,c.jsxs)(`div`,{className:`univer-px-4`,children:[(0,c.jsx)(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:(0,c.jsx)(`a`,{className:(0,o.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`,o.borderClassName),onClick:w,children:f.t(`slides-ui.append`)})}),_.map((e,t)=>(0,c.jsxs)(`div`,{className:(0,o.clsx)(`univer-my-4 univer-flex univer-gap-2`,{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":e.id===y}),onClick:()=>C(e.id),children:[(0,c.jsx)(`span`,{children:t+1}),(0,c.jsx)(`div`,{ref:S[t],className:(0,o.clsx)(`univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600`,o.borderClassName)})]},e.id))]})})}function Fe(e){return e.getContextValue(t.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(t.EDITOR_ACTIVATED)}function Ie(e){return e.getContextValue(t.FORMULA_EDITOR_ACTIVATED)&&e.getContextValue(t.FOCUSING_UNIVER_EDITOR)}let Le=[a.KeyCode.ARROW_DOWN,a.KeyCode.ARROW_UP,a.KeyCode.ARROW_LEFT,a.KeyCode.ARROW_RIGHT];[a.KeyCode.ENTER,a.KeyCode.TAB,...Le];function Re(){let e=[];for(let t of Le)e.push({id:U.id,binding:t,preconditions:e=>Fe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!1}}),e.push({id:U.id,binding:t|a.MetaKeys.SHIFT,preconditions:e=>Fe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!0}});return e}let ze={id:l.DeleteLeftCommand.id,preconditions:e=>Fe(e)||Ie(e),binding:a.KeyCode.BACKSPACE},G=class extends t.Disposable{constructor(e,t,n,r,i){super(),this._injector=e,this._menuManagerService=t,this._uiPartsService=n,this._commandService=r,this._shortcutService=i,this._initCommands(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(ke)}_initCommands(){[x,b,be,C,ye,V,B,ve,R,L,z,S,F,U].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.LEFT_SIDEBAR,()=>(0,a.connectInjector)(Pe,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.CONTENT,()=>(0,a.connectInjector)(Ne,this._injector)))}_initShortcuts(){[ze,...Re()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};G=_([g(0,(0,t.Inject)(t.Injector)),g(1,a.IMenuManagerService),g(2,a.IUIPartsService),g(3,t.ICommandService),g(4,a.IShortcutService)],G);var Be=`@univerjs/slides-ui`,Ve=`1.0.0-alpha.4`;let He={},Ue=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function We(e){var n;let r=(n=e.popup)==null||(n=n.extraProps)==null?void 0:n.menuItems,i=(0,a.useDependency)(t.ICommandService),l=(0,a.useDependency)(t.LocaleService),[u,d]=(0,s.useState)(!1),[f,p]=(0,s.useState)(!1);if(!r)return null;let m=()=>{p(!0)},h=()=>{p(!1)},g=e=>{d(e)},_=e=>{i.executeCommand(e.commandId,e.commandParams),d(!1)},v=u||f,y=r.filter(e=>!e.disable);return(0,c.jsx)(`div`,{onMouseEnter:m,onMouseLeave:h,children:(0,c.jsx)(o.Dropdown,{align:`start`,overlay:(0,c.jsx)(`ul`,{className:(0,o.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`,o.borderClassName),children:y.map(e=>(0,c.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:()=>_(e),children:(0,c.jsx)(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:l.t(e.label)})},e.index))}),open:u,onOpenChange:g,children:(0,c.jsxs)(`div`,{className:(0,o.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`,o.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":u,"univer-bg-white dark:!univer-bg-gray-900":!u}),children:[(0,c.jsx)(de,{className:`univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white`}),v&&(0,c.jsx)(P,{className:`dark:!univer-text-white`})]})})})}let K=class extends t.Disposable{constructor(e,t){super(),this._componentManager=e,this._iconManager=t,this._registerParts(),this._registerIcons()}_registerParts(){let e=this._componentManager;this.disposeWithMe(e.register(Ue,We)),this.disposeWithMe(e.register(I,_e))}_registerIcons(){this.disposeWithMe(this._iconManager.register({AddImageIcon:A,TextIcon:se,GraphIcon:N}))}};K=_([g(0,(0,t.Inject)(a.ComponentManager)),g(1,(0,t.Inject)(a.IconManager))],K);let q=(0,t.createIdentifier)(`univer.slide-editor-bridge.service`),Ge=class extends t.Disposable{constructor(e,t,r){super(),this._editorService=e,this._contextService=t,this._renderManagerService=r,h(this,`_editorUnitId`,H),h(this,`_isForceKeepVisible`,!1),h(this,`_editorIsDirty`,!1),h(this,`_currentEditRectState`,null),h(this,`_currentEditRectState$`,new u.BehaviorSubject(null)),h(this,`currentEditRectState$`,this._currentEditRectState$.asObservable()),h(this,`_visibleParam`,{visible:!1,eventType:n.DeviceInputEventType.Dblclick,unitId:``}),h(this,`_visible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`visible$`,this._visible$.asObservable()),h(this,`_afterVisible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`afterVisible$`,this._afterVisible$.asObservable()),h(this,`endEditing$`,new u.Subject),h(this,`_currentEditRectInfo`,void 0)}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(H),this._contextService.setContextValue(t.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(t.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(t.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));let n=this.getEditRectState();this._currentEditRectState=n,this._currentEditRectState$.next(n)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){let e=H,n=this._currentEditRectInfo,i=n.unitId,a=n.richTextObj.documentData;a.id=e,a.documentStyle={...a.documentStyle,pageSize:{width:n.richTextObj.width,height:1/0}};let o={documentModel:new t.DocumentDataModel(a),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:t.VerticalAlign.TOP,horizontalAlign:t.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},s=n.richTextObj.width,c=n.richTextObj.height,l=n.richTextObj.left,u=n.richTextObj.top,d={left:0,top:0},f=this._renderManagerService.getRenderById(i),p=f==null?void 0:f.scene,m=p==null?void 0:p.getViewport(r.SLIDE_KEY.VIEW),h=p==null?void 0:p.getObject(r.SLIDE_KEY.COMPONENT),g={x:(h==null?void 0:h.left)||0,y:(h==null?void 0:h.top)||0},_=(m==null?void 0:m.viewportScrollX)||0,v=(m==null?void 0:m.viewportScrollY)||0;return d.left=g.x-_,d.top=g.y-v,{position:{startX:l,startY:u,endX:l+s,endY:u+c},scaleX:1,scaleY:1,slideCardOffset:d,unitId:i,editorUnitId:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){let n=this.getCurrentEditorId(),r=e.text,i=e.fs;return{id:n,body:{dataStream:`${r}\r\n`,textRuns:[{st:0,ed:r.length}],paragraphs:[{paragraphStyle:{},startIndex:r.length+1}],sectionBreaks:[{sectionId:(0,t.createSectionId)(new Set),startIndex:r.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:t.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};Ge=_([g(0,l.IEditorService),g(1,t.IContextService),g(2,n.IRenderManagerService)],Ge);let Ke=-1e3,J=class extends t.Disposable{constructor(e,r,i,o,s,c,l,u,d,f,p,m){super(),this._renderContext=e,this._layoutService=r,this._undoRedoService=i,this._contextService=o,this._instanceSrv=s,this._renderManagerService=c,this._editorBridgeService=l,this._cellEditorManagerService=u,this._textSelectionManagerService=d,this._commandService=f,this._localService=p,this._editorService=m,h(this,`_cursorChange`,0),h(this,`_isUnitEditing`,!1),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:a.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){let e=new t.DisposableCollection;return this._subscribeToCurrentCell(e),this._initialKeyboardListener(e),this._initialCursorSync(e),this._listenEditorFocus(e),this._commandExecutedListener(e),setTimeout(()=>{this._cursorStateListener(e)},1e3),e}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){let t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe((0,u.filter)(e=>!!e)).subscribe(()=>{var e;(e=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||e.with(l.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(e=>{var r;if(e==null||this._contextService.getContextValue(t.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(t.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;let{position:{startX:i,endX:a},documentLayoutObject:{textRotation:o,wrapStrategy:s,documentModel:c},scaleX:u,editorUnitId:d}=e,{vertexAngle:f}=(0,n.convertTextRotation)(o);c.updateDocumentId(d),s===t.WrapStrategy.WRAP&&f===0&&c.updateDocumentDataPageSize((a-i)/u),this._instanceSrv.changeDoc(d,c),this._contextService.setContextValue(t.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(r=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||r.with(l.DocSelectionRenderService).activate(Ke,Ke)}))}_fitTextSize(e,n,r,i,a=1,o=1){let{startX:s,startY:c,endX:l,endY:u}=e,d=i.documentModel;if(d==null)return;let{actualWidth:f,actualHeight:p}=this._predictingSize(e,n,r,i,a,o),{verticalAlign:m,paddingData:h,fill:g}=i,_=l-s,v=u-c;if(_<f&&(_=f),v<p)v=p,d.updateDocumentDataMargin(h);else{let e=0;e=m===t.VerticalAlign.MIDDLE?(v-p)/2/o:m===t.VerticalAlign.TOP?h.t||0:(v-p)/o-(h.b||0),e=e<(h.t||0)?h.t||0:e,d.updateDocumentDataMargin({t:e})}r.calculate(),this._editAreaProcessing(_,v,e,n,g,a,o)}_predictingSize(e,r,i,a,o=1,s=1){let{startX:c,endX:l}=e,{textRotation:u,wrapStrategy:d}=a,f=a.documentModel,{vertexAngle:p}=(0,n.convertTextRotation)(u),m=document.body.clientWidth;if(d===t.WrapStrategy.WRAP&&p===0){let{actualWidth:e,actualHeight:t}=i.getActualSize();return{actualWidth:e*o,actualHeight:t*s}}f==null||f.updateDocumentDataPageSize((m-c-r.left)/o),i.calculate();let h=i.getActualSize(),g=l-c;return g<h.actualWidth*o+5*o&&(g=h.actualWidth*o+5*o),f==null||f.updateDocumentDataPageSize(g/o),f==null||f.updateDocumentRenderConfig({horizontalAlign:t.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:g,actualHeight:h.actualHeight*s}}_editAreaProcessing(e,t,r,i,a,o=1,s=1){let c=this._getEditorObject();if(c==null)return;function u(e){return Number.parseInt(e.replace(`px`,``))}let d=this._renderContext.engine.getCanvasElement(),f=d.getBoundingClientRect(),p=u(d.style.width),{top:m,left:h,width:g}=f,_=g/p,{startX:v,startY:y}=r;v+=i.left,y+=i.top;let{document:b,scene:x,engine:S}=c,C=x.getViewport(l.VIEWPORT_KEY.VIEW_MAIN),w=document.body.clientHeight-y-i.top-4,T=document.body.clientWidth-v-i.left,E=t,D=C==null?void 0:C.getScrollBar();if(E>w)E=w,D==null?C&&new n.ScrollBar(C,{enableHorizontal:!1,barSize:8}):C==null||C.resetCanvasSizeAndUpdateScroll();else{var O;D=null,C==null||(O=C.getScrollBar())==null||O.dispose()}e+=(D==null?void 0:D.barSize)||0,e=Math.min(e,T),v-=n.FIX_ONE_PIXEL_BLUR_OFFSET,y-=n.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(x,e/o,t/s,a);let{scaleX:k,scaleY:A}=x.getPrecisionScale();x.transformByState({width:e*_/o,height:t*_/s,scaleX:o*_,scaleY:s*_}),b.resize(e/o,t/s),setTimeout(()=>{S.resizeBySize((0,n.fixLineWidthByScale)(e,k),(0,n.fixLineWidthByScale)(E,A))},0);let j=this._layoutService.getContentElement().getBoundingClientRect(),M=d.getBoundingClientRect();v=v*_+(M.left-j.left),y=y*_+(M.top-j.top),this._cellEditorManagerService.setState({startX:v,startY:y,endX:e*_+v,endY:E*_+y,show:!0})}_addBackground(e,t,r,i){let a=`_backgroundRectHelperColor_`,o=e.getObject(a);o==null&&i==null||(o==null?e.addObjects([new n.Rect(a,{width:t,height:r,fill:i,evented:!1})],l.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:r})))}_handleEditorVisible(e){var r,i;let{eventType:a}=e;this._cursorChange=[n.DeviceInputEventType.PointerDown,n.DeviceInputEventType.Dblclick].includes(a)?2:1;let o=this._editorBridgeService.getEditRectState();if(o==null)return;let{position:s,documentLayoutObject:c,slideCardOffset:u,scaleX:d,scaleY:f,editorUnitId:p,unitId:m}=o,h=this._getEditorObject();if(h==null)return;let{scene:g}=h;this._contextService.setContextValue(t.EDITOR_ACTIVATED,!0);let{documentModel:_}=c,v=this._getEditorSkeleton(p);if(!v||!_)return;this._fitTextSize(s,u,v,c,d,f);let y=_.getBody().dataStream.length-2||0;(r=g.getViewport(l.VIEWPORT_KEY.VIEW_MAIN))==null||r.scrollToViewportPos({viewportScrollX:1/0}),this._textSelectionManagerService.replaceTextRanges([{startOffset:y,endOffset:y}]),(i=this._renderManagerService.getRenderById(m))==null||i.scene.resetCursor()}_resetBodyStyle(e,n=!1){e.dataStream=t.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!n?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0,paragraphId:(0,t.createParagraphId)(new Set)}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){let t=[U.id],n=[d.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===H&&(t.includes(e.id)&&this._moveCursorCmdHandler(e),n.includes(e.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){let t=e.params,{keycode:n,isShift:r}=t;n!=null&&this._cursorChange===2?this._moveInEditor(n,r):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){let e=this._editorBridgeService.getEditorRect();if(!e)return;let t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();let{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return qe(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=0,this._exitInput(e),this._editorBridgeService.getEditRectState()!=null){if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}}_exitInput(e){this._contextService.setContextValue(t.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:e.visible});let n=this._editorBridgeService.getCurrentEditorId();n!=null&&this._undoRedoService.clearUndoRedo(n)}_moveCursor(e){if(e!=null)switch(t.Direction.LEFT,e){case a.KeyCode.ENTER:t.Direction.DOWN;break;case a.KeyCode.TAB:t.Direction.RIGHT;break;case a.KeyCode.ARROW_DOWN:t.Direction.DOWN;break;case a.KeyCode.ARROW_UP:t.Direction.UP;break;case a.KeyCode.ARROW_LEFT:t.Direction.LEFT;break;case a.KeyCode.ARROW_RIGHT:t.Direction.RIGHT;break}}_cursorStateListener(e){let n=this._getEditorObject();if(!n)return;let{document:r}=n;e.add((0,t.toDisposable)(r.onPointerDown$.subscribeEvent(()=>{this._cursorChange===1&&(this._cursorChange=2)})))}_moveInEditor(e,n){let r=t.Direction.LEFT;e===a.KeyCode.ARROW_DOWN?r=t.Direction.DOWN:e===a.KeyCode.ARROW_UP?r=t.Direction.UP:e===a.KeyCode.ARROW_RIGHT&&(r=t.Direction.RIGHT),n?this._commandService.executeCommand(l.MoveSelectionOperation.id,{direction:r}):this._commandService.executeCommand(l.MoveCursorOperation.id,{direction:r})}};J=_([g(1,a.ILayoutService),g(2,t.IUndoRedoService),g(3,t.IContextService),g(4,t.IUniverInstanceService),g(5,n.IRenderManagerService),g(6,q),g(7,je),g(8,(0,t.Inject)(d.DocSelectionManagerService)),g(9,t.ICommandService),g(10,(0,t.Inject)(t.LocaleService)),g(11,l.IEditorService)],J);function qe(e,t){if(e==null)return;let n=t.getRenderById(e);if(n==null)return;let{mainComponent:r,scene:i,engine:a,components:o}=n;return{document:r,docBackground:o.get(l.DOCS_VIEW_KEY.BACKGROUND),scene:i,engine:a}}let Y=class extends t.RxDisposable{constructor(e,n,r,i){super(),this._renderContext=e,this._instanceSrv=n,this._commandService=r,this._editorBridgeService=i,h(this,`setSlideTextEditor$`,new u.Subject),h(this,`_curRichText`,null),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let e=new t.DisposableCollection;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;let{scene:n,engine:r}=this._renderContext,i={scene:n,engine:r,unitId:this._renderContext.unitId,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(i)}_initEventListener(e){let t=t=>{let r=t.getTransformer();r&&(e.add(r.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(r.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(t.onDblclick$.subscribeEvent(()=>{r.clearControls();let e=r.getSelectedObjectMap().values().next().value;e&&(e.objectType===n.ObjectType.RICH_TEXT?this.startEditing(t.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:r}=this._renderContext;r.subSceneChanged$.subscribeEvent(e=>{t(e)});let i=Array.from(r.getSubScenes().values());for(let e=0;e<i.length;e++){let n=i[e];t(n)}}pickOtherObjects(){this.endEditing()}endEditing(){var e;if(!this._curRichText)return;this.setEditorVisible(!1);let n=this._curRichText;if(!this._instanceSrv.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE))return!1;n.refreshDocumentByDocData(),n.resizeToContentSize(),this._editorBridgeService.endEditing$.next(n);let r={bl:1,fs:n.fs,text:n.text},i=(e=n.documentData.body)==null?void 0:e.textRuns;if(i&&i.length){let e=i[0].ts;r.cl=e==null?void 0:e.cl}this._commandService.executeCommand(F.id,{unitId:this._renderContext.unitId,oKey:n==null?void 0:n.oKey,props:{richText:r}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){if(e){var t;(t=this._curRichText)==null||t.hide()}else{var r;(r=this._curRichText)==null||r.show()}let{unitId:i}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:n.DeviceInputEventType.PointerDown,unitId:i})}};Y=_([g(1,t.IUniverInstanceService),g(2,t.ICommandService),g(3,q)],Y);function Je(e,t){let n=Ye(e.left,e.top,t),r=Ye(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function Ye(e,t,n){let{scaleX:i,scaleY:a}=n.getAncestorScale(),o=n.getViewport(r.SLIDE_KEY.VIEW);if(!o)return{x:e,y:t};let{viewportScrollX:s,viewportScrollY:c}=o;return{x:(e-s)*i,y:(t-c)*a}}let X=class extends t.Disposable{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(e,r){let i=(()=>{var t,i,a,o;let{scene:s,engine:c}=r,{left:l,top:u,width:d,height:f}=e,p=(s.width-((t=(i=r.mainComponent)==null?void 0:i.width)==null?0:t))/2,m=(s.height-((a=(o=r.mainComponent)==null?void 0:o.height)==null?0:a))/2,h={left:l,right:l+d,top:u,bottom:u+f},g=c.getCanvasElement(),_=g.getBoundingClientRect(),v=(0,n.pxToNum)(g.style.width),{scaleX:y,scaleY:b}=s.getAncestorScale(),x=Je(h,s),{top:S,left:C,width:w}=_,T=w/v;return{left:x.left*T*y+C+p,right:x.right*T*y+C+p,top:x.top*T*b+S+m,bottom:x.bottom*T*b+S+m}})();return{position:i,position$:new u.BehaviorSubject(i),disposable:new t.DisposableCollection}}attachPopupToObject(e,n){let r=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE).getUnitId(),i=this._renderManagerService.getRenderById(r);if(!i)return{dispose:()=>{}};let{position:a,position$:o,disposable:s}=this._createObjectPositionObserver(e,i),c=this._globalPopupManagerService.addPopup({...n,unitId:r,subUnitId:`default`,anchorRect:a,anchorRect$:o,canvasElement:i.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(c),o.complete(),s.dispose()}}}};X=_([g(0,(0,t.Inject)(a.ICanvasPopupService)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.ICommandService)],X);let Z=class extends t.RxDisposable{constructor(e,t,n,r,i,a,o){super(),this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=r,this._canvasView=i,this._sidebarService=a,this._commandService=o,h(this,`_initImagePopupMenu`,new Set),this._init()}_init(){this._univerInstanceService.getAllUnitsForType(t.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;let t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var n;let r=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE),i=(n=r==null?void 0:r.getPages())==null?{}:n;Object.keys(i).forEach(n=>{var r;let i=(r=this._canvasView.getRenderUnitByPageId(n,e).scene)==null?void 0:r.getTransformer();if(!i)return;let a;this.disposeWithMe((0,t.toDisposable)(i.createControl$.subscribe(()=>{let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;if(!n)return;let r=n.oKey;a==null||a.dispose(),a=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:Ue,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,r,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(z.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{a==null||a.dispose(),this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(i.changing$.subscribe(()=>{a==null||a.dispose();let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;n&&this._commandService.executeCommand(F.id,{unitId:e,oKey:n.oKey,props:{width:n.width,height:n.height,left:n.left,top:n.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:`slides-ui.popup.edit`,index:0,commandId:z.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:`slides-ui.popup.delete`,index:5,commandId:S.id,commandParams:{id:t,unitId:n},disable:!1}]}};Z=_([g(0,(0,t.Inject)(X)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.IContextService),g(4,(0,t.Inject)(y)),g(5,a.ISidebarService),g(6,t.ICommandService)],Z);let Q=class extends t.RxDisposable{constructor(e,t,n){super(),this._contextService=e,this._instanceSrv=t,this._renderManagerService=n,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>{this._createRenderer(e.unit.getUnitId())}),this._instanceSrv.getAllUnitsForType(t.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(e){e!=null&&this._instanceSrv.getUnit(e,t.UniverInstanceType.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(e)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};Q=_([g(0,t.IContextService),g(1,t.IUniverInstanceService),g(2,n.IRenderManagerService)],Q);let $=class extends t.Plugin{constructor(e=He,n,r,i,a){super(),this._config=e,this._injector=n,this._renderManagerService=r,this._univerInstanceService=i,this._configService=a;let{menu:o,...s}=(0,t.merge)({},He,this._config);o&&this._configService.setConfig(`menu`,o,{merge:!0}),this._configService.setConfig(`slides-ui.config`,s)}onStarting(){this._injector.add([K]),this._injector.get(K),(0,t.mergeOverrideWithDependencies)([[Q],[q,{useClass:Ge}],[je,{useClass:Ae}],[X]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[v]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),(0,t.mergeOverrideWithDependencies)([[y],[G],[v],[Z]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(y),this._injector.get(Q)}onRendered(){[[Y],[J]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(G)}onSteady(){this._injector.get(Z)}_markSlideAsFocused(){let e=this._univerInstanceService;try{let n=e.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(n.getUnitId())}catch{}}};h($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),h($,`packageName`,Be),h($,`version`,Ve),h($,`type`,t.UniverInstanceType.UNIVER_SLIDE),$=_([g(1,(0,t.Inject)(t.Injector)),g(2,n.IRenderManagerService),g(3,t.IUniverInstanceService),g(4,t.IConfigService)],$),e.ActivateSlidePageOperation=b,e.AppendSlideOperation=x,Object.defineProperty(e,"CanvasView",{enumerable:!0,get:function(){return y}}),e.DeleteSlideElementOperation=S,e.ISlideEditorBridgeService=q,e.InsertSlideFloatImageCommand=C,e.InsertSlideShapeEllipseCommand=B,e.InsertSlideShapeEllipseOperation=ve,e.InsertSlideShapeRectangleCommand=L,e.InsertSlideShapeRectangleOperation=R,e.SHAPE_MENU_ID=we,e.SLIDES_IMAGE_MENU_ID=xe,e.SLIDE_EDITOR_ID=H,e.SetSlidePageThumbOperation=be,e.SlideAddTextCommand=V,e.SlideAddTextOperation=ye,Object.defineProperty(e,"SlideCanvasPopMangerService",{enumerable:!0,get:function(){return X}}),Object.defineProperty(e,"SlidesUIController",{enumerable:!0,get:function(){return G}}),e.SlidesUIMenuSchema=ke,Object.defineProperty(e,"UniverSlidesUIPlugin",{enumerable:!0,get:function(){return $}}),e.UpdateSlideElementOperation=F});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "private": false,
   "description": "Presentation editor UI layer for Univer Slides.",
   "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -58,24 +58,24 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/icons": "1.20.0",
-    "@univerjs/core": "1.0.0-alpha.3",
-    "@univerjs/design": "1.0.0-alpha.3",
-    "@univerjs/drawing": "1.0.0-alpha.3",
-    "@univerjs/docs": "1.0.0-alpha.3",
-    "@univerjs/engine-render": "1.0.0-alpha.3",
-    "@univerjs/slides": "1.0.0-alpha.3",
-    "@univerjs/docs-ui": "1.0.0-alpha.3",
-    "@univerjs/ui": "1.0.0-alpha.3"
+    "@univerjs/icons": "1.29.0",
+    "@univerjs/core": "1.0.0-alpha.4",
+    "@univerjs/design": "1.0.0-alpha.4",
+    "@univerjs/docs": "1.0.0-alpha.4",
+    "@univerjs/engine-render": "1.0.0-alpha.4",
+    "@univerjs/drawing": "1.0.0-alpha.4",
+    "@univerjs/slides": "1.0.0-alpha.4",
+    "@univerjs/ui": "1.0.0-alpha.4",
+    "@univerjs/docs-ui": "1.0.0-alpha.4"
   },
   "devDependencies": {
-    "postcss": "^8.5.16",
+    "postcss": "^8.5.19",
     "react": "18.3.1",
     "rxjs": "^7.8.2",
     "tailwindcss": "3.4.18",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@univerjs-infra/shared": "1.0.0-alpha.3"
+    "@univerjs-infra/shared": "1.0.0-alpha.4"
   },
   "scripts": {
     "test": "vitest run",