@univerjs/slides-ui 1.0.0-alpha.6 → 1.0.0-alpha.8

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 { 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 { 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, UniverUIPlugin, 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();
@@ -1149,10 +1149,22 @@ function SlideAddTextMenuItemFactory(_accessor) {
 const menuSchema = { [RibbonStartGroup.FORMAT]: {
 	[SlideAddTextCommand.id]: {
 		order: 0,
+		gridLayout: {
+			row: 1,
+			column: 1,
+			rowSpan: 2,
+			showLabel: true
+		},
 		menuItemFactory: SlideAddTextMenuItemFactory
 	},
 	[SLIDES_IMAGE_MENU_ID]: {
 		order: 0,
+		gridLayout: {
+			row: 1,
+			column: 2,
+			rowSpan: 2,
+			showLabel: true
+		},
 		menuItemFactory: SlideImageMenuFactory,
 		[InsertSlideFloatImageCommand.id]: {
 			order: 0,
@@ -1161,6 +1173,12 @@ const menuSchema = { [RibbonStartGroup.FORMAT]: {
 	},
 	[SHAPE_MENU_ID]: {
 		order: 0,
+		gridLayout: {
+			row: 1,
+			column: 3,
+			rowSpan: 2,
+			showLabel: true
+		},
 		menuItemFactory: SlideShapeMenuFactory,
 		[InsertSlideShapeRectangleCommand.id]: {
 			order: 0,
@@ -1302,7 +1320,7 @@ function SlideSideBar() {
 			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() });
@@ -1482,7 +1500,7 @@ SlidesUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/slides-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -1627,7 +1645,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() {
@@ -1706,7 +1723,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);
@@ -1745,52 +1762,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),
@@ -1877,11 +1848,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(() => {
@@ -1902,9 +1873,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
 			}]);
@@ -2091,11 +2067,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;
@@ -2237,7 +2213,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 {
@@ -2343,7 +2319,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,
@@ -2463,7 +2438,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({
@@ -2705,6 +2680,7 @@ _defineProperty(UniverSlidesUIPlugin, "packageName", name);
 _defineProperty(UniverSlidesUIPlugin, "version", version);
 _defineProperty(UniverSlidesUIPlugin, "type", UniverInstanceType.UNIVER_SLIDE);
 UniverSlidesUIPlugin = __decorate([
+	DependentOn(UniverDocsPlugin, UniverDrawingPlugin, UniverRenderEnginePlugin, UniverSlidesPlugin, UniverUIPlugin, 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