@univerjs/docs-drawing-ui 0.23.0 → 0.24.0-insiders.20260527-b1d726f

package/lib/cjs/index.js

@@ -391,7 +391,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 		if (fileLength > _univerjs_drawing.DRAWING_IMAGE_COUNT_LIMIT) {
 			this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
-				content: this._localeService.t("update-status.exceedMaxCount", String(_univerjs_drawing.DRAWING_IMAGE_COUNT_LIMIT))
+				content: this._localeService.t("docs-drawing-ui.update-status.exceedMaxCount", String(_univerjs_drawing.DRAWING_IMAGE_COUNT_LIMIT))
 			});
 			return false;
 		} else if (fileLength === 0) return false;
@@ -407,13 +407,13 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			let content = "";
 			switch (type) {
 				case _univerjs_drawing.ImageUploadStatusType.ERROR_EXCEED_SIZE:
-					content = this._localeService.t("update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / (1024 * 1024)));
+					content = this._localeService.t("docs-drawing-ui.update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / (1024 * 1024)));
 					break;
 				case _univerjs_drawing.ImageUploadStatusType.ERROR_IMAGE_TYPE:
-					content = this._localeService.t("update-status.invalidImageType");
+					content = this._localeService.t("docs-drawing-ui.update-status.invalidImageType");
 					break;
 				case _univerjs_drawing.ImageUploadStatusType.ERROR_IMAGE:
-					content = this._localeService.t("update-status.invalidImage");
+					content = this._localeService.t("docs-drawing-ui.update-status.invalidImage");
 					break;
 				default: break;
 			}
@@ -1291,7 +1291,7 @@ const SidebarDocDrawingOperation = {
 		switch (params.value) {
 			case "open":
 				sidebarService.open({
-					header: { title: localeService.t("docImage.panel.title") },
+					header: { title: localeService.t("docs-drawing-ui.panel.title") },
 					children: { label: COMPONENT_DOC_DRAWING_PANEL },
 					onClose: () => {
 						drawingManagerService.focusDrawing(null);
@@ -1587,7 +1587,7 @@ function ImageMenuFactory(accessor) {
 		id: DOCS_IMAGE_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		icon: "AddImageIcon",
-		tooltip: "docImage.title",
+		tooltip: "docs-drawing-ui.title",
 		disabled$: getDisableWhenSelectionInTableObservable(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC, void 0, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY)
 	};
@@ -1595,7 +1595,7 @@ function ImageMenuFactory(accessor) {
 function UploadFloatImageMenuFactory(_accessor) {
 	return {
 		id: IMAGE_MENU_UPLOAD_FLOAT_ID,
-		title: "docImage.upload.float",
+		title: "docs-drawing-ui.upload.float",
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(_accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC, void 0, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY)
 	};
@@ -1604,7 +1604,7 @@ function UploadFloatImageMenuFactory(_accessor) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-drawing-ui";
-var version = "0.23.0";
+var version = "0.24.0-insiders.20260527-b1d726f";
 
 //#endregion
 //#region src/config/config.ts
@@ -2436,36 +2436,36 @@ const DocDrawingPosition = (props) => {
 	const transformer = scene.getTransformerByCreate();
 	const HORIZONTAL_RELATIVE_FROM = [
 		{
-			label: localeService.t("image-position.column"),
+			label: localeService.t("docs-drawing-ui.image-position.column"),
 			value: String(_univerjs_core.ObjectRelativeFromH.COLUMN)
 		},
 		{
-			label: localeService.t("image-position.page"),
+			label: localeService.t("docs-drawing-ui.image-position.page"),
 			value: String(_univerjs_core.ObjectRelativeFromH.PAGE)
 		},
 		{
-			label: localeService.t("image-position.margin"),
+			label: localeService.t("docs-drawing-ui.image-position.margin"),
 			value: String(_univerjs_core.ObjectRelativeFromH.MARGIN)
 		}
 	];
 	const VERTICAL_RELATIVE_FROM = [
 		{
-			label: localeService.t("image-position.line"),
+			label: localeService.t("docs-drawing-ui.image-position.line"),
 			value: String(_univerjs_core.ObjectRelativeFromV.LINE),
 			disabled: documentFlavor === _univerjs_core.DocumentFlavor.MODERN
 		},
 		{
-			label: localeService.t("image-position.page"),
+			label: localeService.t("docs-drawing-ui.image-position.page"),
 			value: String(_univerjs_core.ObjectRelativeFromV.PAGE),
 			disabled: documentFlavor === _univerjs_core.DocumentFlavor.MODERN
 		},
 		{
-			label: localeService.t("image-position.margin"),
+			label: localeService.t("docs-drawing-ui.image-position.margin"),
 			value: String(_univerjs_core.ObjectRelativeFromV.MARGIN),
 			disabled: documentFlavor === _univerjs_core.DocumentFlavor.MODERN
 		},
 		{
-			label: localeService.t("image-position.paragraph"),
+			label: localeService.t("docs-drawing-ui.image-position.paragraph"),
 			value: String(_univerjs_core.ObjectRelativeFromV.PARAGRAPH)
 		}
 	];
@@ -2634,15 +2634,15 @@ const DocDrawingPosition = (props) => {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-position.title") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-position.title") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-position.horizontal") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-position.horizontal") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-position.absolutePosition") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-position.absolutePosition") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 					min: MIN_OFFSET,
 					max: MAX_OFFSET,
 					precision: 1,
@@ -2654,7 +2654,7 @@ const DocDrawingPosition = (props) => {
 							posOffset: val
 						});
 					}
-				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-position.toTheRightOf") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-position.toTheRightOf") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 					value: String(hPosition.relativeFrom),
 					disabled,
 					options: HORIZONTAL_RELATIVE_FROM,
@@ -2663,11 +2663,11 @@ const DocDrawingPosition = (props) => {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-position.vertical") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-position.vertical") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-position.absolutePosition") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-position.absolutePosition") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 					min: MIN_OFFSET,
 					max: MAX_OFFSET,
 					precision: 1,
@@ -2679,7 +2679,7 @@ const DocDrawingPosition = (props) => {
 							posOffset: val
 						});
 					}
-				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-position.bellow") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-position.bellow") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 					disabled,
 					value: String(vPosition.relativeFrom),
 					options: VERTICAL_RELATIVE_FROM,
@@ -2688,13 +2688,13 @@ const DocDrawingPosition = (props) => {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-position.options") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-position.options") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
 				disabled,
 				checked: followTextMove,
 				onChange: handleFollowTextMoveCheck,
-				children: localeService.t("image-position.moveObjectWithText")
+				children: localeService.t("docs-drawing-ui.image-position.moveObjectWithText")
 			}) })
 		]
 	});
@@ -2846,11 +2846,11 @@ const DocDrawingTextWrap = (props) => {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-text-wrap.title") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-text-wrap.title") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-text-wrap.wrappingStyle") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-text-wrap.wrappingStyle") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
 				value: wrappingStyle,
@@ -2859,29 +2859,29 @@ const DocDrawingTextWrap = (props) => {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: "inline",
-						children: localeService.t("image-text-wrap.inline")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.inline")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: "wrapSquare",
-						children: localeService.t("image-text-wrap.square")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.square")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: "wrapTopAndBottom",
-						children: localeService.t("image-text-wrap.topAndBottom")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.topAndBottom")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: "behindText",
-						children: localeService.t("image-text-wrap.behindText")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.behindText")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: "inFrontOfText",
-						children: localeService.t("image-text-wrap.inFrontText")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.inFrontText")
 					})
 				]
 			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-text-wrap.wrapText") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-text-wrap.wrapText") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
 				disabled: disableWrapText,
@@ -2891,25 +2891,25 @@ const DocDrawingTextWrap = (props) => {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: _univerjs_core.WrapTextType.BOTH_SIDES,
-						children: localeService.t("image-text-wrap.bothSide")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.bothSide")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: _univerjs_core.WrapTextType.LEFT,
-						children: localeService.t("image-text-wrap.leftOnly")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.leftOnly")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 						value: _univerjs_core.WrapTextType.RIGHT,
-						children: localeService.t("image-text-wrap.rightOnly")
+						children: localeService.t("docs-drawing-ui.image-text-wrap.rightOnly")
 					})
 				]
 			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-text-gray-600 dark:!univer-text-gray-200",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("image-text-wrap.distanceFromText") })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("docs-drawing-ui.image-text-wrap.distanceFromText") })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-text-wrap.top") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-text-wrap.top") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 					min: MIN_MARGIN,
 					max: MAX_MARGIN,
 					disabled: disableDistTB,
@@ -2918,7 +2918,7 @@ const DocDrawingTextWrap = (props) => {
 					onChange: (val) => {
 						handleDistToTextChange(val, "distT");
 					}
-				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-text-wrap.left") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-text-wrap.left") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 					min: MIN_MARGIN,
 					max: MAX_MARGIN,
 					disabled: disableDistLR,
@@ -2931,7 +2931,7 @@ const DocDrawingTextWrap = (props) => {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-text-wrap.bottom") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-text-wrap.bottom") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 					min: MIN_MARGIN,
 					max: MAX_MARGIN,
 					disabled: disableDistTB,
@@ -2940,7 +2940,7 @@ const DocDrawingTextWrap = (props) => {
 					onChange: (val) => {
 						handleDistToTextChange(val, "distB");
 					}
-				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("image-text-wrap.right") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("docs-drawing-ui.image-text-wrap.right") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 					min: MIN_MARGIN,
 					max: MAX_MARGIN,
 					disabled: disableDistLR,
@@ -2991,7 +2991,7 @@ function whenDocDrawingFocused(contextService) {
 }
 const MoveDrawingDownShortcutItem = {
 	id: MoveDocDrawingsCommand.id,
-	description: "shortcut.drawing-move-down",
+	description: "drawing-ui.shortcut.drawing-move-down",
 	group: "4_drawing-view",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN,
 	priority: 100,
@@ -3000,7 +3000,7 @@ const MoveDrawingDownShortcutItem = {
 };
 const MoveDrawingUpShortcutItem = {
 	id: MoveDocDrawingsCommand.id,
-	description: "shortcut.drawing-move-up",
+	description: "drawing-ui.shortcut.drawing-move-up",
 	group: "4_drawing-view",
 	binding: _univerjs_ui.KeyCode.ARROW_UP,
 	priority: 100,
@@ -3009,7 +3009,7 @@ const MoveDrawingUpShortcutItem = {
 };
 const MoveDrawingLeftShortcutItem = {
 	id: MoveDocDrawingsCommand.id,
-	description: "shortcut.drawing-move-left",
+	description: "drawing-ui.shortcut.drawing-move-left",
 	group: "4_drawing-view",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT,
 	priority: 100,
@@ -3018,7 +3018,7 @@ const MoveDrawingLeftShortcutItem = {
 };
 const MoveDrawingRightShortcutItem = {
 	id: MoveDocDrawingsCommand.id,
-	description: "shortcut.drawing-move-right",
+	description: "drawing-ui.shortcut.drawing-move-right",
 	group: "4_drawing-view",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT,
 	priority: 100,
@@ -3027,7 +3027,7 @@ const MoveDrawingRightShortcutItem = {
 };
 const DeleteDrawingsShortcutItem = {
 	id: DeleteDocDrawingsCommand.id,
-	description: "shortcut.drawing-delete",
+	description: "drawing-ui.shortcut.drawing-delete",
 	group: "4_drawing-view",
 	preconditions: whenDocDrawingFocused,
 	binding: _univerjs_ui.KeyCode.DELETE,
@@ -3371,7 +3371,7 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 	_getImageMenuItems(unitId, subUnitId, drawingId, drawingType) {
 		return [
 			{
-				label: "image-popup.edit",
+				label: "docs-drawing-ui.image-popup.edit",
 				index: 0,
 				commandId: EditDocDrawingOperation.id,
 				commandParams: {
@@ -3382,7 +3382,7 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 				disable: true
 			},
 			{
-				label: "image-popup.delete",
+				label: "docs-drawing-ui.image-popup.delete",
 				index: 1,
 				commandId: RemoveDocDrawingCommand.id,
 				commandParams: {
@@ -3396,7 +3396,7 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 				disable: false
 			},
 			{
-				label: "image-popup.crop",
+				label: "docs-drawing-ui.image-popup.crop",
 				index: 2,
 				commandId: _univerjs_drawing_ui.OpenImageCropOperation.id,
 				commandParams: {
@@ -3407,7 +3407,7 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 				disable: true
 			},
 			{
-				label: "image-popup.reset",
+				label: "docs-drawing-ui.image-popup.reset",
 				index: 3,
 				commandId: _univerjs_drawing_ui.ImageResetSizeOperation.id,
 				commandParams: [{

package/lib/cjs/locale/ar-SA.js

@@ -0,0 +1,58 @@
+
+//#region src/locale/ar-SA.ts
+const locale = { "docs-drawing-ui": {
+	title: "صورة",
+	upload: { float: "إدراج صورة" },
+	panel: { title: "تحرير الصورة" },
+	"image-popup": {
+		replace: "استبدال",
+		delete: "حذف",
+		edit: "تحرير",
+		crop: "قص",
+		reset: "إعادة تعيين الحجم"
+	},
+	"image-text-wrap": {
+		title: "التفاف النص",
+		wrappingStyle: "نمط التفاف",
+		square: "مربع",
+		topAndBottom: "أعلى وأسفل",
+		inline: "في نفس السطر مع النص",
+		behindText: "خلف النص",
+		inFrontText: "أمام النص",
+		wrapText: "تفاف النص",
+		bothSide: "كلا الجانبين",
+		leftOnly: "يسار فقط",
+		rightOnly: "يمين فقط",
+		distanceFromText: "المسافة من النص",
+		top: "أعلى(بكسل)",
+		left: "يسار(بكسل)",
+		bottom: "أسفل(بكسل)",
+		right: "يمين(بكسل)"
+	},
+	"image-position": {
+		title: "موضع",
+		horizontal: "أفقي",
+		vertical: "عمودي",
+		absolutePosition: "موضع مطلق(بكسل)",
+		relativePosition: "موضع نسبي",
+		toTheRightOf: "إلى يمين",
+		relativeTo: "بالنسبة إلى",
+		bellow: "أسفل",
+		options: "خيارات",
+		moveObjectWithText: "نقل الكائن مع النص",
+		column: "عمود",
+		margin: "هامش",
+		page: "صفحة",
+		line: "سطر",
+		paragraph: "فقرة"
+	},
+	"update-status": {
+		exceedMaxSize: "حجم الصورة يتجاوز الحد، الحد هو {0}م",
+		invalidImageType: "نوع الصورة غير صالح",
+		exceedMaxCount: "يمكن رفع {0} صور فقط في المرة الواحدة",
+		invalidImage: "صورة غير صالحة"
+	}
+} };
+
+//#endregion
+module.exports = locale;

package/lib/cjs/locale/ca-ES.js

@@ -1,11 +1,9 @@
 
 //#region src/locale/ca-ES.ts
-const locale = {
-	docImage: {
-		title: "Imatge",
-		upload: { float: "Insereix imatge" },
-		panel: { title: "Edita la imatge" }
-	},
+const locale = { "docs-drawing-ui": {
+	title: "Imatge",
+	upload: { float: "Insereix imatge" },
+	panel: { title: "Edita la imatge" },
 	"image-popup": {
 		replace: "Reemplaça",
 		delete: "Elimina",
@@ -54,7 +52,7 @@ const locale = {
 		exceedMaxCount: "Només es poden pujar {0} imatges alhora",
 		invalidImage: "Imatge no vàlida"
 	}
-};
+} };
 
 //#endregion
 module.exports = locale;

package/lib/cjs/locale/de-DE.js

@@ -0,0 +1,58 @@
+
+//#region src/locale/de-DE.ts
+const locale = { "docs-drawing-ui": {
+	title: "Bild",
+	upload: { float: "Bild einfügen" },
+	panel: { title: "Bild bearbeiten" },
+	"image-popup": {
+		replace: "Ersetzen",
+		delete: "Löschen",
+		edit: "Bearbeiten",
+		crop: "Zuschneiden",
+		reset: "Größe zurücksetzen"
+	},
+	"image-text-wrap": {
+		title: "Textumbruch",
+		wrappingStyle: "Umbruchstil",
+		square: "Quadratisch",
+		topAndBottom: "Oben und unten",
+		inline: "Im Textfluss",
+		behindText: "Hinter dem Text",
+		inFrontText: "Vor dem Text",
+		wrapText: "Text umbrechen",
+		bothSide: "Beide Seiten",
+		leftOnly: "Nur links",
+		rightOnly: "Nur rechts",
+		distanceFromText: "Abstand vom Text",
+		top: "Oben(px)",
+		left: "Links(px)",
+		bottom: "Unten(px)",
+		right: "Rechts(px)"
+	},
+	"image-position": {
+		title: "Position",
+		horizontal: "Horizontal",
+		vertical: "Vertikal",
+		absolutePosition: "Absolute Position(px)",
+		relativePosition: "Relative Position",
+		toTheRightOf: "rechts von",
+		relativeTo: "relativ zu",
+		bellow: "unterhalb",
+		options: "Optionen",
+		moveObjectWithText: "Objekt mit Text verschieben",
+		column: "Spalte",
+		margin: "Rand",
+		page: "Seite",
+		line: "Zeile",
+		paragraph: "Absatz"
+	},
+	"update-status": {
+		exceedMaxSize: "Bildgröße überschreitet das Limit, das Limit ist {0}M",
+		invalidImageType: "Ungültiger Bildtyp",
+		exceedMaxCount: "Es können nur {0} Bilder gleichzeitig hochgeladen werden",
+		invalidImage: "Ungültiges Bild"
+	}
+} };
+
+//#endregion
+module.exports = locale;

package/lib/cjs/locale/en-US.js

@@ -15,12 +15,10 @@
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-const locale = {
-	docImage: {
-		title: "Image",
-		upload: { float: "Insert Image" },
-		panel: { title: "Edit Image" }
-	},
+const locale = { "docs-drawing-ui": {
+	title: "Image",
+	upload: { float: "Insert Image" },
+	panel: { title: "Edit Image" },
 	"image-popup": {
 		replace: "Replace",
 		delete: "Delete",
@@ -69,7 +67,7 @@ const locale = {
 		exceedMaxCount: "Only {0} images can be uploaded at a time",
 		invalidImage: "Invalid image"
 	}
-};
+} };
 
 //#endregion
 module.exports = locale;

package/lib/cjs/locale/es-ES.js

@@ -1,11 +1,9 @@
 
 //#region src/locale/es-ES.ts
-const locale = {
-	docImage: {
-		title: "Imagen",
-		upload: { float: "Insertar imagen" },
-		panel: { title: "Editar imagen" }
-	},
+const locale = { "docs-drawing-ui": {
+	title: "Imagen",
+	upload: { float: "Insertar imagen" },
+	panel: { title: "Editar imagen" },
 	"image-popup": {
 		replace: "Reemplazar",
 		delete: "Eliminar",
@@ -54,7 +52,7 @@ const locale = {
 		exceedMaxCount: "Solo se pueden subir {0} imágenes a la vez",
 		invalidImage: "Imagen no válida"
 	}
-};
+} };
 
 //#endregion
 module.exports = locale;

package/lib/cjs/locale/fa-IR.js

@@ -1,11 +1,9 @@
 
 //#region src/locale/fa-IR.ts
-const locale = {
-	docImage: {
-		title: "تصویر",
-		upload: { float: "درج تصویر" },
-		panel: { title: "ویرایش تصویر" }
-	},
+const locale = { "docs-drawing-ui": {
+	title: "تصویر",
+	upload: { float: "درج تصویر" },
+	panel: { title: "ویرایش تصویر" },
 	"image-popup": {
 		replace: "تعویض",
 		delete: "حذف",
@@ -54,7 +52,7 @@ const locale = {
 		exceedMaxCount: "فقط {0} تصویر می‌توانند همزمان آپلود شوند",
 		invalidImage: "تصویر نامعتبر است"
 	}
-};
+} };
 
 //#endregion
 module.exports = locale;

package/lib/cjs/locale/fr-FR.js

@@ -1,11 +1,9 @@
 
 //#region src/locale/fr-FR.ts
-const locale = {
-	docImage: {
-		title: "Image",
-		upload: { float: "Insérer une image" },
-		panel: { title: "Modifier l'image" }
-	},
+const locale = { "docs-drawing-ui": {
+	title: "Image",
+	upload: { float: "Insérer une image" },
+	panel: { title: "Modifier l'image" },
 	"image-popup": {
 		replace: "Remplacer",
 		delete: "Supprimer",
@@ -54,7 +52,7 @@ const locale = {
 		exceedMaxCount: "Seulement {0} images peuvent être téléchargées à la fois",
 		invalidImage: "Image invalide"
 	}
-};
+} };
 
 //#endregion
 module.exports = locale;

package/lib/cjs/locale/id-ID.js

@@ -0,0 +1,58 @@
+
+//#region src/locale/id-ID.ts
+const locale = { "docs-drawing-ui": {
+	title: "Gambar",
+	upload: { float: "Sisipkan Gambar" },
+	panel: { title: "Edit Gambar" },
+	"image-popup": {
+		replace: "Ganti",
+		delete: "Hapus",
+		edit: "Edit",
+		crop: "Pangkas",
+		reset: "Atur Ulang Ukuran"
+	},
+	"image-text-wrap": {
+		title: "Pembungkus Teks",
+		wrappingStyle: "Gaya Pembungkus",
+		square: "Kotak",
+		topAndBottom: "Atas dan Bawah",
+		inline: "Sejajar dengan teks",
+		behindText: "Di belakang teks",
+		inFrontText: "Di depan teks",
+		wrapText: "Bungkus teks",
+		bothSide: "Kedua sisi",
+		leftOnly: "Kiri saja",
+		rightOnly: "Kanan saja",
+		distanceFromText: "Jarak dari teks",
+		top: "Atas(px)",
+		left: "Kiri(px)",
+		bottom: "Bawah(px)",
+		right: "Kanan(px)"
+	},
+	"image-position": {
+		title: "Posisi",
+		horizontal: "Horizontal",
+		vertical: "Vertikal",
+		absolutePosition: "Posisi Absolut(px)",
+		relativePosition: "Posisi Relatif",
+		toTheRightOf: "di sebelah kanan",
+		relativeTo: "relatif terhadap",
+		bellow: "di bawah",
+		options: "Opsi",
+		moveObjectWithText: "Pindahkan objek dengan teks",
+		column: "Kolom",
+		margin: "Margin",
+		page: "Halaman",
+		line: "Baris",
+		paragraph: "Paragraf"
+	},
+	"update-status": {
+		exceedMaxSize: "Ukuran gambar melebihi batas, batasnya adalah {0}M",
+		invalidImageType: "Jenis gambar tidak valid",
+		exceedMaxCount: "Hanya {0} gambar yang dapat diunggah dalam satu waktu",
+		invalidImage: "Gambar tidak valid"
+	}
+} };
+
+//#endregion
+module.exports = locale;