@univerjs/slides-ui 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/es/index.js

@@ -1,17 +1,17 @@
-import { CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, Direction, Disposable, DisposableCollection, DocumentDataModel, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_BUT_HIDDEN, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, FORMULA_EDITOR_ACTIVATED, HorizontalAlign, ICommandService, IConfigService, IContextService, IImageIoService, IUndoRedoService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, RxDisposable, UniverInstanceType, VerticalAlign, WrapStrategy, createIdentifier, createInternalEditorID, createParagraphId, createSectionId, debounce, generateRandomId, getColorStyle, merge, mergeOverrideWithDependencies, toDisposable } from "@univerjs/core";
-import { DeviceInputEventType, FIX_ONE_PIXEL_BLUR_OFFSET, IRenderManagerService, ObjectType, Rect, Scene, ScrollBar, Slide, Viewport, convertTextRotation, fixLineWidthByScale, getCurrentTypeOfRenderer, pxToNum } from "@univerjs/engine-render";
-import { BasicShapes, ObjectProvider, PageElementType, SLIDE_KEY } from "@univerjs/slides";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, getImageSize } from "@univerjs/drawing";
+import { CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DependentOn, Direction, Disposable, DisposableCollection, DocumentDataModel, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, FORMULA_EDITOR_ACTIVATED, HorizontalAlign, ICommandService, IConfigService, IContextService, IImageIoService, IUndoRedoService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, RxDisposable, UniverInstanceType, VerticalAlign, WrapStrategy, createIdentifier, createInternalEditorID, createParagraphId, debounce, generateRandomId, getColorStyle, merge, mergeOverrideWithDependencies, toDisposable } from "@univerjs/core";
+import { DeviceInputEventType, FIX_ONE_PIXEL_BLUR_OFFSET, IRenderManagerService, ObjectType, Rect, Scene, ScrollBar, Slide, UniverRenderEnginePlugin, Viewport, convertTextRotation, fixLineWidthByScale, getCurrentTypeOfRenderer, pxToNum } from "@univerjs/engine-render";
+import { BasicShapes, ObjectProvider, PageElementType, SLIDE_KEY, UniverSlidesPlugin } from "@univerjs/slides";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, UniverDrawingPlugin, getImageSize } from "@univerjs/drawing";
 import { BuiltInUIPart, ComponentManager, DISABLE_AUTO_FOCUS_KEY, ICanvasPopupService, ILayoutService, ILocalFileService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, RibbonStartGroup, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
 import { Button, ColorPicker, Dropdown, InputNumber, borderClassName, borderTopClassName, clsx, scrollbarClassName } from "@univerjs/design";
 import { AddImageIcon, AutofillDoubleIcon, BottomIcon, GraphIcon, MoreDownIcon, MoveDownIcon, MoveUpIcon, PaintBucketDoubleIcon, TextIcon, TopmostIcon } from "@univerjs/icons";
 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 { DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DeleteLeftCommand, DocSelectionRenderService, IEditorService, MoveCursorOperation, MoveSelectionOperation, ReplaceSnapshotCommand, UniverDocsUIPlugin, VIEWPORT_KEY } from "@univerjs/docs-ui";
 import { BehaviorSubject, Subject, filter, scan, takeUntil } from "rxjs";
-import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingMutation } from "@univerjs/docs";
+import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingMutation, UniverDocsPlugin } from "@univerjs/docs";
 
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -22,7 +22,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -35,14 +35,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -53,7 +53,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -61,7 +61,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -199,7 +199,7 @@ let SlideRenderController = class SlideRenderController extends RxDisposable {
 		};
 	}
 	_thumbSceneRender(pageId, slide) {
-		const render = this._renderManagerService.getRenderById(pageId);
+		const render = this._renderManagerService.getRenderUnitById(pageId);
 		if (render == null) return;
 		const { engine: thumbEngine } = render;
 		if (thumbEngine == null) return;
@@ -374,7 +374,7 @@ let CanvasView = class CanvasView extends RxDisposable {
 		this._renderManagerService = _renderManagerService;
 	}
 	_getSlideRenderControllerFromRenderUnit(unitId) {
-		return this._renderManagerService.getRenderById(unitId).with(SlideRenderController);
+		return this._renderManagerService.getRenderUnitById(unitId).with(SlideRenderController);
 	}
 	createThumbs(unitId) {
 		this._getSlideRenderControllerFromRenderUnit(unitId).createThumbs();
@@ -627,7 +627,7 @@ function ArrangePanel$1(props) {
 * @param props
 */
 function ArrangePanel(props) {
-	var _object$fill$toString, _object$fill;
+	var _object$fill;
 	const { pageId, unitId } = props;
 	const localeService = useDependency(LocaleService);
 	const canvasView = useDependency(CanvasView);
@@ -636,7 +636,7 @@ function ArrangePanel(props) {
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
 	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 : "");
+	const [color, setColor] = useState((object === null || object === void 0 || (_object$fill = object.fill) === null || _object$fill === void 0 ? void 0 : _object$fill.toString()) ?? "");
 	if (!scene || !transformer || !object) return null;
 	/**
 	*
@@ -695,7 +695,7 @@ function TransformPanel(props) {
 	const scene = page === null || page === void 0 ? void 0 : page.scene;
 	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: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = object ?? {};
 	const [width, setWidth] = useState(originWidth);
 	const [height, setHeight] = useState(originHeight);
 	const [xPosition, setXPosition] = useState(originX);
@@ -1299,7 +1299,7 @@ function SlideEditorContainer() {
 * This components works as the root component of the left Sidebar of Slide.
 */
 function SlideSideBar() {
-	var _currentSlide$getActi, _currentSlide$getActi2;
+	var _currentSlide$getActi;
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const commandService = useDependency(ICommandService);
 	const renderManagerService = useDependency(IRenderManagerService);
@@ -1309,18 +1309,15 @@ function SlideSideBar() {
 	const pages = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getPages();
 	const pageOrder = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getPageOrder();
 	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 initialActivePageId = (currentSlide === null || currentSlide === void 0 || (_currentSlide$getActi = currentSlide.getActivePage()) === null || _currentSlide$getActi === void 0 ? void 0 : _currentSlide$getActi.id) ?? null;
+	const activatePageId = useObservable(currentSlide ? () => currentSlide.activePage$.pipe(scan((previousId, page) => (page === null || page === void 0 ? void 0 : page.id) ?? previousId, initialActivePageId)) : null, initialActivePageId, false, [currentSlide, initialActivePageId]);
 	const divRefs = useMemo(() => slideList.map(() => createRef()), [slideList]);
 	useEffect(() => {
 		divRefs.forEach((ref, index) => {
 			if (ref.current) {
 				var _renderManagerService;
 				const slide = slideList[index];
-				(_renderManagerService = renderManagerService.getRenderById(slide.id)) === null || _renderManagerService === void 0 || _renderManagerService.engine.setContainer(ref.current);
+				(_renderManagerService = renderManagerService.getRenderUnitById(slide.id)) === null || _renderManagerService === void 0 || _renderManagerService.engine.mount(ref.current);
 			}
 		});
 		if (divRefs.length > 0) commandService.syncExecuteCommand(SetSlidePageThumbOperation.id, { unitId: currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.getUnitId() });
@@ -1500,7 +1497,7 @@ SlidesUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/slides-ui";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -1645,7 +1642,6 @@ let SlideEditorBridgeService = class SlideEditorBridgeService extends Disposable
 		_defineProperty(this, "visible$", this._visible$.asObservable());
 		_defineProperty(this, "_afterVisible$", new BehaviorSubject(this._visibleParam));
 		_defineProperty(this, "afterVisible$", this._afterVisible$.asObservable());
-		_defineProperty(this, "endEditing$", new Subject());
 		_defineProperty(this, "_currentEditRectInfo", void 0);
 	}
 	dispose() {
@@ -1724,7 +1720,7 @@ let SlideEditorBridgeService = class SlideEditorBridgeService extends Disposable
 			left: 0,
 			top: 0
 		};
-		const renderUnit = this._renderManagerService.getRenderById(unitId);
+		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
 		const mainScene = renderUnit === null || renderUnit === void 0 ? void 0 : renderUnit.scene;
 		const mainViewport = mainScene === null || mainScene === void 0 ? void 0 : mainScene.getViewport(SLIDE_KEY.VIEW);
 		const slideMainRect = mainScene === null || mainScene === void 0 ? void 0 : mainScene.getObject(SLIDE_KEY.COMPONENT);
@@ -1763,52 +1759,6 @@ let SlideEditorBridgeService = class SlideEditorBridgeService extends Disposable
 	getCurrentEditorId() {
 		return this._editorUnitId;
 	}
-	/**
-	* @deprecated
-	*/
-	genDocData(target) {
-		const editorUnitId = this.getCurrentEditorId();
-		const content = target.text;
-		const fontSize = target.fs;
-		return {
-			id: editorUnitId,
-			body: {
-				dataStream: `${content}\r\n`,
-				textRuns: [{
-					st: 0,
-					ed: content.length
-				}],
-				paragraphs: [{
-					paragraphStyle: {},
-					startIndex: content.length + 1
-				}],
-				sectionBreaks: [{
-					sectionId: createSectionId(/* @__PURE__ */ new Set()),
-					startIndex: content.length + 2
-				}]
-			},
-			documentStyle: {
-				marginBottom: 0,
-				marginLeft: 0,
-				marginRight: 0,
-				marginTop: 0,
-				pageSize: {
-					width: Infinity,
-					height: Infinity
-				},
-				textStyle: { fs: fontSize },
-				renderConfig: {
-					verticalAlign: VerticalAlign.MIDDLE,
-					centerAngle: 0,
-					vertexAngle: 0,
-					wrapStrategy: 0
-				}
-			},
-			drawings: {},
-			drawingsOrder: [],
-			settings: { zoomRatio: 1 }
-		};
-	}
 };
 SlideEditorBridgeService = __decorate([
 	__decorateParam(0, IEditorService),
@@ -1895,11 +1845,11 @@ let SlideEditingRenderController = class SlideEditingRenderController extends Di
 	}
 	_getEditorSkeleton(editorId) {
 		var _this$_renderManagerS;
-		return (_this$_renderManagerS = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getSkeleton();
+		return (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getSkeleton();
 	}
 	_getEditorViewModel(editorId) {
 		var _this$_renderManagerS2;
-		return (_this$_renderManagerS2 = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSkeletonManagerService).getViewModel();
+		return (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSkeletonManagerService).getViewModel();
 	}
 	_initialCursorSync(d) {
 		d.add(this._cellEditorManagerService.focus$.pipe(filter((f) => !!f)).subscribe(() => {
@@ -1920,9 +1870,14 @@ let SlideEditingRenderController = class SlideEditingRenderController extends Di
 			const { vertexAngle: angle } = convertTextRotation(textRotation);
 			documentModel.updateDocumentId(editorUnitId);
 			if (wrapStrategy === WrapStrategy.WRAP && angle === 0) documentModel.updateDocumentDataPageSize((endX - startX) / scaleX);
-			this._instanceSrv.changeDoc(editorUnitId, documentModel);
-			this._contextService.setContextValue(FOCUSING_EDITOR_BUT_HIDDEN, true);
-			this._textSelectionManagerService.replaceTextRanges([{
+			const snapshot = documentModel.getSnapshot();
+			if (this._instanceSrv.getUnit(editorUnitId, UniverInstanceType.UNIVER_DOC) == null) this._instanceSrv.createUnit(UniverInstanceType.UNIVER_DOC, snapshot);
+			else this._commandService.syncExecuteCommand(ReplaceSnapshotCommand.id, {
+				unitId: editorUnitId,
+				snapshot
+			});
+			this._instanceSrv.setCurrentUnitForType(editorUnitId);
+			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: 0,
 				endOffset: 0
 			}]);
@@ -2109,11 +2064,11 @@ let SlideEditingRenderController = class SlideEditingRenderController extends Di
 		this._fitTextSize(position, canvasOffset, skeleton, documentLayoutObject, scaleX, scaleY);
 		const cursor = documentDataModel.getBody().dataStream.length - 2 || 0;
 		(_scene$getViewport = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN)) === null || _scene$getViewport === void 0 || _scene$getViewport.scrollToViewportPos({ viewportScrollX: Number.POSITIVE_INFINITY });
-		this._textSelectionManagerService.replaceTextRanges([{
+		this._textSelectionManagerService.replaceDocRanges([{
 			startOffset: cursor,
 			endOffset: cursor
 		}]);
-		(_this$_renderManagerS3 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 || _this$_renderManagerS3.scene.resetCursor();
+		(_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 || _this$_renderManagerS3.scene.resetCursor();
 	}
 	_resetBodyStyle(body, removeStyle = false) {
 		body.dataStream = DEFAULT_EMPTY_DOCUMENT_VALUE;
@@ -2255,7 +2210,7 @@ SlideEditingRenderController = __decorate([
 ], SlideEditingRenderController);
 function getEditorObject(unitId, renderManagerService) {
 	if (unitId == null) return;
-	const currentRender = renderManagerService.getRenderById(unitId);
+	const currentRender = renderManagerService.getRenderUnitById(unitId);
 	if (currentRender == null) return;
 	const { mainComponent, scene, engine, components } = currentRender;
 	return {
@@ -2361,7 +2316,6 @@ let SlideEditorBridgeRenderController = class SlideEditorBridgeRenderController
 		if (!this._instanceSrv.getCurrentUnitOfType(UniverInstanceType.UNIVER_SLIDE)) return false;
 		curRichText.refreshDocumentByDocData();
 		curRichText.resizeToContentSize();
-		this._editorBridgeService.endEditing$.next(curRichText);
 		const richText = {
 			bl: 1,
 			fs: curRichText.fs,
@@ -2447,11 +2401,11 @@ let SlideCanvasPopMangerService = class SlideCanvasPopMangerService extends Disp
 	}
 	_createObjectPositionObserver(targetObject, currentRender) {
 		const calc = () => {
-			var _currentRender$mainCo, _currentRender$mainCo2, _currentRender$mainCo3, _currentRender$mainCo4;
+			var _currentRender$mainCo, _currentRender$mainCo2;
 			const { scene, engine } = currentRender;
 			const { left, top, width, height } = targetObject;
-			const horizontalOffset = (scene.width - ((_currentRender$mainCo = (_currentRender$mainCo2 = currentRender.mainComponent) === null || _currentRender$mainCo2 === void 0 ? void 0 : _currentRender$mainCo2.width) !== null && _currentRender$mainCo !== void 0 ? _currentRender$mainCo : 0)) / 2;
-			const verticalOffset = (scene.height - ((_currentRender$mainCo3 = (_currentRender$mainCo4 = currentRender.mainComponent) === null || _currentRender$mainCo4 === void 0 ? void 0 : _currentRender$mainCo4.height) !== null && _currentRender$mainCo3 !== void 0 ? _currentRender$mainCo3 : 0)) / 2;
+			const horizontalOffset = (scene.width - (((_currentRender$mainCo = currentRender.mainComponent) === null || _currentRender$mainCo === void 0 ? void 0 : _currentRender$mainCo.width) ?? 0)) / 2;
+			const verticalOffset = (scene.height - (((_currentRender$mainCo2 = currentRender.mainComponent) === null || _currentRender$mainCo2 === void 0 ? void 0 : _currentRender$mainCo2.height) ?? 0)) / 2;
 			const bound = {
 				left,
 				right: left + width,
@@ -2481,7 +2435,7 @@ let SlideCanvasPopMangerService = class SlideCanvasPopMangerService extends Disp
 	}
 	attachPopupToObject(targetObject, popup) {
 		const unitId = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SLIDE).getUnitId();
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender) return { dispose: () => {} };
 		const { position, position$, disposable } = this._createObjectPositionObserver(targetObject, currentRender);
 		const id = this._globalPopupManagerService.addPopup({
@@ -2534,9 +2488,8 @@ let SlidePopupMenuController = class SlidePopupMenuController extends RxDisposab
 	}
 	_hasCropObject(scene) {}
 	_popupMenuListener(unitId) {
-		var _model$getPages;
 		const model = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SLIDE);
-		const pages = (_model$getPages = model === null || model === void 0 ? void 0 : model.getPages()) !== null && _model$getPages !== void 0 ? _model$getPages : {};
+		const pages = (model === null || model === void 0 ? void 0 : model.getPages()) ?? {};
 		Object.keys(pages).forEach((pageId) => {
 			var _page$scene;
 			const transformer = (_page$scene = this._canvasView.getRenderUnitByPageId(pageId, unitId).scene) === null || _page$scene === void 0 ? void 0 : _page$scene.getTransformer();
@@ -2723,6 +2676,7 @@ _defineProperty(UniverSlidesUIPlugin, "packageName", name);
 _defineProperty(UniverSlidesUIPlugin, "version", version);
 _defineProperty(UniverSlidesUIPlugin, "type", UniverInstanceType.UNIVER_SLIDE);
 UniverSlidesUIPlugin = __decorate([
+	DependentOn(UniverDocsPlugin, UniverDrawingPlugin, UniverRenderEnginePlugin, UniverSlidesPlugin, UniverDocsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IUniverInstanceService),

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

@@ -1,43 +1,43 @@
 //#region src/locale/ru-RU.ts
 const locale = { "slides-ui": {
-	append: "Append Slide",
-	text: { insert: { title: "Insert Text" } },
+	append: "Добавить слайд",
+	text: { insert: { title: "Вставить текст" } },
 	shape: { insert: {
-		title: "Insert Shape",
-		rectangle: "Insert Rectangle",
-		ellipse: "Insert Ellipse"
+		title: "Вставить фигуру",
+		rectangle: "Вставить прямоугольник",
+		ellipse: "Вставить эллипс"
 	} },
 	image: { insert: {
-		title: "Insert Image",
-		float: "Insert Float Image"
+		title: "Вставить изображение",
+		float: "Вставить плавающее изображение"
 	} },
 	popup: {
-		edit: "Edit",
-		delete: "Delete"
+		edit: "Изменить",
+		delete: "Удалить"
 	},
 	sidebar: {
-		text: "Edit Text",
-		shape: "Edit Shape",
-		image: "Edit Image"
+		text: "Изменить текст",
+		shape: "Изменить фигуру",
+		image: "Изменить изображение"
 	},
 	"image-panel": {
 		arrange: {
-			title: "Arrange",
-			forward: "Bring Forward",
-			backward: "Send Backward",
-			front: "Bring to Front",
-			back: "Send to Back"
+			title: "Упорядочить",
+			forward: "Переложить вперёд",
+			backward: "Переложить назад",
+			front: "На передний план",
+			back: "На задний план"
 		},
 		transform: {
-			title: "Transform",
-			width: "Width (px)",
-			height: "Height (px)",
-			x: "X (px)",
-			y: "Y (px)",
-			rotate: "Rotate (°)"
+			title: "Преобразование",
+			width: "Ширина (пкс)",
+			height: "Высота (пкс)",
+			x: "X (пкс)",
+			y: "Y (пкс)",
+			rotate: "Повернуть (°)"
 		}
 	},
-	panel: { fill: { title: "Fill Color" } }
+	panel: { fill: { title: "Цвет заливки" } }
 } };
 
 //#endregion

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

@@ -1,43 +1,43 @@
 //#region src/locale/vi-VN.ts
 const locale = { "slides-ui": {
-	append: "Append Slide",
-	text: { insert: { title: "Insert Text" } },
+	append: "Thêm trang chiếu",
+	text: { insert: { title: "Chèn văn bản" } },
 	shape: { insert: {
-		title: "Insert Shape",
-		rectangle: "Insert Rectangle",
-		ellipse: "Insert Ellipse"
+		title: "Chèn hình",
+		rectangle: "Chèn hình chữ nhật",
+		ellipse: "Chèn hình elip"
 	} },
 	image: { insert: {
-		title: "Insert Image",
-		float: "Insert Float Image"
+		title: "Chèn hình ảnh",
+		float: "Chèn hình ảnh nổi"
 	} },
 	popup: {
-		edit: "Edit",
-		delete: "Delete"
+		edit: "Chỉnh sửa",
+		delete: "Xóa"
 	},
 	sidebar: {
-		text: "Edit Text",
-		shape: "Edit Shape",
-		image: "Edit Image"
+		text: "Chỉnh sửa văn bản",
+		shape: "Chỉnh sửa hình",
+		image: "Chỉnh sửa hình ảnh"
 	},
 	"image-panel": {
 		arrange: {
-			title: "Arrange",
-			forward: "Bring Forward",
-			backward: "Send Backward",
-			front: "Bring to Front",
-			back: "Send to Back"
+			title: "Sắp xếp",
+			forward: "Chuyển lên trên",
+			backward: "Chuyển xuống dưới",
+			front: "Đưa lên trên cùng",
+			back: "Đưa xuống dưới cùng"
 		},
 		transform: {
-			title: "Transform",
-			width: "Width (px)",
-			height: "Height (px)",
+			title: "Biến đổi",
+			width: "Chiều rộng (px)",
+			height: "Chiều cao (px)",
 			x: "X (px)",
 			y: "Y (px)",
-			rotate: "Rotate (°)"
+			rotate: "Xoay (°)"
 		}
 	},
-	panel: { fill: { title: "Fill Color" } }
+	panel: { fill: { title: "Màu tô" } }
 } };
 
 //#endregion

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

@@ -1,43 +1,43 @@
 //#region src/locale/zh-HK.ts
 const locale = { "slides-ui": {
-	append: "Append Slide",
-	text: { insert: { title: "Insert Text" } },
+	append: "新增投影片",
+	text: { insert: { title: "插入文字" } },
 	shape: { insert: {
-		title: "Insert Shape",
-		rectangle: "Insert Rectangle",
-		ellipse: "Insert Ellipse"
+		title: "插入圖形",
+		rectangle: "插入矩形",
+		ellipse: "插入橢圓"
 	} },
 	image: { insert: {
-		title: "Insert Image",
-		float: "Insert Float Image"
+		title: "插入圖片",
+		float: "插入浮動圖片"
 	} },
 	popup: {
-		edit: "Edit",
-		delete: "Delete"
+		edit: "編輯",
+		delete: "刪除"
 	},
 	sidebar: {
-		text: "Edit Text",
-		shape: "Edit Shape",
-		image: "Edit Image"
+		text: "編輯文字",
+		shape: "編輯圖形",
+		image: "編輯圖片"
 	},
 	"image-panel": {
 		arrange: {
-			title: "Arrange",
-			forward: "Bring Forward",
-			backward: "Send Backward",
-			front: "Bring to Front",
-			back: "Send to Back"
+			title: "排列",
+			forward: "上移一層",
+			backward: "下移一層",
+			front: "至頂",
+			back: "至底"
 		},
 		transform: {
-			title: "Transform",
-			width: "Width (px)",
-			height: "Height (px)",
+			title: "變換",
+			width: "寬度 (px)",
+			height: "高度 (px)",
 			x: "X (px)",
 			y: "Y (px)",
-			rotate: "Rotate (°)"
+			rotate: "旋轉 (°)"
 		}
 	},
-	panel: { fill: { title: "Fill Color" } }
+	panel: { fill: { title: "填色" } }
 } };
 
 //#endregion

package/lib/es/locale/zh-TW.js

@@ -1,43 +1,43 @@
 //#region src/locale/zh-TW.ts
 const locale = { "slides-ui": {
-	append: "Append Slide",
-	text: { insert: { title: "Insert Text" } },
+	append: "新增投影片",
+	text: { insert: { title: "插入文字" } },
 	shape: { insert: {
-		title: "Insert Shape",
-		rectangle: "Insert Rectangle",
-		ellipse: "Insert Ellipse"
+		title: "插入圖形",
+		rectangle: "插入矩形",
+		ellipse: "插入橢圓"
 	} },
 	image: { insert: {
-		title: "Insert Image",
-		float: "Insert Float Image"
+		title: "插入圖片",
+		float: "插入浮動圖片"
 	} },
 	popup: {
-		edit: "Edit",
-		delete: "Delete"
+		edit: "編輯",
+		delete: "刪除"
 	},
 	sidebar: {
-		text: "Edit Text",
-		shape: "Edit Shape",
-		image: "Edit Image"
+		text: "編輯文字",
+		shape: "編輯圖形",
+		image: "編輯圖片"
 	},
 	"image-panel": {
 		arrange: {
-			title: "Arrange",
-			forward: "Bring Forward",
-			backward: "Send Backward",
-			front: "Bring to Front",
-			back: "Send to Back"
+			title: "排列",
+			forward: "上移一層",
+			backward: "下移一層",
+			front: "至頂",
+			back: "至底"
 		},
 		transform: {
-			title: "Transform",
-			width: "Width (px)",
-			height: "Height (px)",
+			title: "變換",
+			width: "寬度 (px)",
+			height: "高度 (px)",
 			x: "X (px)",
 			y: "Y (px)",
-			rotate: "Rotate (°)"
+			rotate: "旋轉 (°)"
 		}
 	},
-	panel: { fill: { title: "Fill Color" } }
+	panel: { fill: { title: "填色" } }
 } };
 
 //#endregion