@univerjs/docs-drawing-ui 1.0.0-beta.0 → 1.0.0-beta.2

package/lib/cjs/index.js

@@ -163,6 +163,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 		this._docRefreshDrawingsService = _docRefreshDrawingsService;
 		this._fileOpenerService = _fileOpenerService;
 		this._updateOrderListener();
+		this._updateImageCropListener();
 		this._groupDrawingListener();
 		this._focusDrawingListener();
 		this._transformDrawingListener();
@@ -174,10 +175,12 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 	}
 	async insertDocImage() {
 		const insertPosition = this._getCurrentImageInsertPosition();
+		const textRange = this._getCurrentImageInsertTextRange();
 		const files = await this._fileOpenerService.openFile({
 			multiple: true,
 			accept: _univerjs_drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map((image) => `.${image.replace("image/", "")}`).join(",")
 		});
+		if (this._disposed) return false;
 		const fileLength = files.length;
 		if (fileLength > _univerjs_drawing.DRAWING_IMAGE_COUNT_LIMIT) {
 			this._messageService.show({
@@ -186,10 +189,9 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			});
 			return false;
 		} else if (fileLength === 0) return false;
-		await this._insertFloatImages(files, insertPosition);
-		return true;
+		return await this._insertFloatImages(files, insertPosition, textRange);
 	}
-	async _insertFloatImages(files, insertPosition) {
+	async _insertFloatImages(files, insertPosition, textRange) {
 		let imageParams = [];
 		try {
 			imageParams = await Promise.all(files.map((file) => this._imageIoService.saveImage(file)));
@@ -213,13 +215,14 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 				content
 			});
 		}
-		if (imageParams.length === 0) return;
+		if (this._disposed || imageParams.length === 0) return false;
 		const { unitId } = this._context;
 		const docDrawingParams = [];
 		for (const imageParam of imageParams) {
 			if (imageParam == null) continue;
 			const { imageId, imageSourceType, source, base64Cache } = imageParam;
 			const { width, height, image } = await (0, _univerjs_drawing.getImageSize)(base64Cache || "");
+			if (this._disposed) return false;
 			this._imageIoService.addImageSourceCache(imageId, imageSourceType, image);
 			let scale = 1;
 			if (width > _univerjs_drawing.DRAWING_IMAGE_WIDTH_LIMIT || height > _univerjs_drawing.DRAWING_IMAGE_HEIGHT_LIMIT) {
@@ -229,7 +232,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			}
 			const imagePosition = insertPosition ?? this._getCurrentImageInsertPosition();
 			const docTransform = this._getImagePosition(width * scale, height * scale, imagePosition);
-			if (docTransform == null) return;
+			if (docTransform == null) return false;
 			const transform = (0, _univerjs_docs.docDrawingPositionToTransform)(docTransform);
 			if (transform != null && imagePosition != null) transform.top = imagePosition.top;
 			const docDrawingParam = {
@@ -257,9 +260,10 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			}
 			docDrawingParams.push(docDrawingParam);
 		}
-		this._commandService.executeCommand(_univerjs_docs_drawing.InsertDocDrawingCommand.id, {
+		return await this._commandService.executeCommand(_univerjs_docs_drawing.InsertDocDrawingCommand.id, {
 			unitId,
-			drawings: docDrawingParams
+			drawings: docDrawingParams,
+			textRange: textRange ?? void 0
 		});
 	}
 	_isInsertInHeaderFooter() {
@@ -284,6 +288,9 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			top: position.top
 		};
 	}
+	_getCurrentImageInsertTextRange() {
+		return this._docSelectionRenderService.getAllTextRanges().find((range) => range.isActive) ?? this._docSelectionManagerService.getActiveTextRange();
+	}
 	_updateOrderListener() {
 		this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((params) => {
 			const { unitId, subUnitId, drawingIds, arrangeType } = params;
@@ -295,6 +302,73 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 			});
 		}));
 	}
+	_updateImageCropListener() {
+		this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((params) => {
+			const drawings = params.flatMap((param) => this._getImageCropUpdates(param));
+			if (drawings.length > 0) {
+				const { unitId } = this._context;
+				this._commandService.executeCommand(_univerjs_docs_drawing.UpdateDrawingDocTransformCommand.id, {
+					unitId,
+					subUnitId: unitId,
+					drawings
+				});
+			}
+		}));
+	}
+	_getImageCropUpdates(param) {
+		const { unitId, subUnitId, drawingId, transform } = param;
+		if ([unitId, subUnitId].some((id) => id !== this._context.unitId)) return [];
+		if (transform == null || !Object.prototype.hasOwnProperty.call(param, "srcRect")) return [];
+		const docDrawing = this._getDocDrawing(drawingId);
+		const renderDrawing = this._drawingManagerService.getDrawingByParam({
+			unitId,
+			subUnitId,
+			drawingId
+		});
+		if ((docDrawing === null || docDrawing === void 0 ? void 0 : docDrawing.drawingType) !== _univerjs_core.DrawingTypeEnum.DRAWING_IMAGE || (renderDrawing === null || renderDrawing === void 0 ? void 0 : renderDrawing.transform) == null) return [];
+		const nextTransform = {
+			...renderDrawing.transform,
+			...transform
+		};
+		const drawings = [{
+			drawingId,
+			key: "srcRect",
+			value: param.srcRect
+		}];
+		if (nextTransform.width != null && nextTransform.height != null) drawings.push({
+			drawingId,
+			key: "size",
+			value: {
+				width: nextTransform.width,
+				height: nextTransform.height
+			}
+		});
+		if (docDrawing.layoutType === _univerjs_core.PositionedObjectLayoutType.INLINE || renderDrawing.isMultiTransform === _univerjs_core.BooleanNumber.TRUE) return drawings;
+		const horizontalDelta = (nextTransform.left ?? 0) - (renderDrawing.transform.left ?? 0);
+		const verticalDelta = (nextTransform.top ?? 0) - (renderDrawing.transform.top ?? 0);
+		const { positionH, positionV } = docDrawing.docTransform;
+		if (horizontalDelta !== 0 && positionH.posOffset != null) drawings.push({
+			drawingId,
+			key: "positionH",
+			value: {
+				relativeFrom: positionH.relativeFrom,
+				posOffset: positionH.posOffset + horizontalDelta
+			}
+		});
+		if (verticalDelta !== 0 && positionV.posOffset != null) drawings.push({
+			drawingId,
+			key: "positionV",
+			value: {
+				relativeFrom: positionV.relativeFrom,
+				posOffset: positionV.posOffset + verticalDelta
+			}
+		});
+		return drawings;
+	}
+	_getDocDrawing(drawingId) {
+		var _this$_context$unit$g;
+		return (_this$_context$unit$g = this._context.unit.getDrawings()) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g[drawingId];
+	}
 	_groupDrawingListener() {
 		this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((params) => {
 			this._commandService.executeCommand(GroupDocDrawingCommand.id, params);
@@ -317,7 +391,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 	}
 	_transformDrawingListener() {
 		const res = this._getCurrentSceneAndTransformer();
-		if (res && res.transformer) this.disposeWithMe(res.transformer.changeEnd$.pipe((0, rxjs.debounceTime)(30)).subscribe((params) => {
+		if (res && res.transformer) this.disposeWithMe(res.transformer.changeEnd$.pipe((0, rxjs.debounceTime)(30)).subscribe(() => {
 			this._docSelectionManagerService.refreshSelection();
 		}));
 		else throw new Error("transformer is not init");
@@ -382,13 +456,13 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 				scene.detachTransformerFrom(shape);
 				try {
 					shape.setOpacity(isDocInputFocusing ? .5 : 1);
-				} catch (e) {}
+				} catch {}
 				if (!isDocInputFocusing) continue;
 				if (isEditBody && drawing.isMultiTransform !== _univerjs_core.BooleanNumber.TRUE || !isEditBody && drawing.isMultiTransform === _univerjs_core.BooleanNumber.TRUE) {
 					if (drawing.allowTransform !== false) scene.attachTransformerTo(shape);
 					try {
 						shape.setOpacity(1);
-					} catch (e) {}
+					} catch {}
 				}
 			}
 		}
@@ -1034,7 +1108,8 @@ const getDisableWhenSelectionInTableObservable = (accessor) => {
 function ImageMenuFactory(accessor) {
 	return {
 		id: DOCS_IMAGE_MENU_ID,
-		type: _univerjs_ui.MenuItemType.SUBITEMS,
+		commandId: IMAGE_MENU_UPLOAD_FLOAT_ID,
+		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "AddImageIcon",
 		tooltip: "docs-drawing-ui.title",
 		disabled$: getDisableWhenSelectionInTableObservable(accessor),
@@ -1128,11 +1203,7 @@ function InsertEllipseShapeBelowMenuFactory(accessor) {
 const menuSchema = {
 	[_univerjs_ui.RibbonInsertGroup.MEDIA]: { [DOCS_IMAGE_MENU_ID]: {
 		order: 0,
-		menuItemFactory: ImageMenuFactory,
-		[IMAGE_MENU_UPLOAD_FLOAT_ID]: {
-			order: 0,
-			menuItemFactory: UploadFloatImageMenuFactory
-		}
+		menuItemFactory: ImageMenuFactory
 	} },
 	[_univerjs_ui.ContextMenuPosition.PARAGRAPH]: {
 		[_univerjs_ui.ContextMenuGroup.LAYOUT]: { [_univerjs_docs_ui.INSERT_BELLOW_MENU_ID]: { [IMAGE_MENU_UPLOAD_FLOAT_ID]: {
@@ -1195,7 +1266,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-drawing-ui";
-var version = "1.0.0-beta.0";
+var version = "1.0.0-beta.2";
 
 //#endregion
 //#region src/config/config.ts
@@ -2608,6 +2679,7 @@ let DocDrawingTransformUpdateController = class DocDrawingTransformUpdateControl
 		this._univerInstanceService = _univerInstanceService;
 		this._lifecycleService = _lifecycleService;
 		_defineProperty(this, "_liquid", new _univerjs_engine_render.Liquid());
+		_defineProperty(this, "_changesetDrawingRefreshScheduled", false);
 		this._initialize();
 		this._commandExecutedListener();
 	}
@@ -2628,21 +2700,40 @@ let DocDrawingTransformUpdateController = class DocDrawingTransformUpdateControl
 	}
 	_commandExecutedListener() {
 		const updateCommandList = [_univerjs_docs.RichTextEditingMutation.id, _univerjs_docs_ui.SetDocZoomRatioOperation.id];
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+		this.disposeWithMe(this._commandService.onCommandExecuted((command, options) => {
 			if (updateCommandList.includes(command.id)) {
 				const { unitId: commandUnitId } = command.params;
-				const { unitId, mainComponent } = this._context;
+				const { unitId } = this._context;
 				if (commandUnitId !== unitId) return;
-				const skeleton = this._docSkeletonManagerService.getSkeleton();
-				if (skeleton == null) return;
-				if (this._editorService.isEditor(unitId)) {
-					mainComponent === null || mainComponent === void 0 || mainComponent.makeDirty();
+				if (command.id === _univerjs_docs.RichTextEditingMutation.id && (options === null || options === void 0 ? void 0 : options.fromChangeset)) {
+					this._scheduleChangesetDrawingRefresh();
 					return;
 				}
-				this._refreshDrawing(skeleton);
+				this._refreshCurrentDrawing();
 			}
 		}));
 	}
+	_scheduleChangesetDrawingRefresh() {
+		if (this._changesetDrawingRefreshScheduled) return;
+		this._changesetDrawingRefreshScheduled = true;
+		queueMicrotask(() => {
+			queueMicrotask(() => {
+				this._changesetDrawingRefreshScheduled = false;
+				if (this._disposed) return;
+				this._refreshCurrentDrawing();
+			});
+		});
+	}
+	_refreshCurrentDrawing() {
+		const skeleton = this._docSkeletonManagerService.getSkeleton();
+		if (skeleton == null) return;
+		const { unitId, mainComponent } = this._context;
+		if (this._editorService.isEditor(unitId)) {
+			mainComponent === null || mainComponent === void 0 || mainComponent.makeDirty();
+			return;
+		}
+		this._refreshDrawing(skeleton);
+	}
 	_initTransformRefresh() {
 		this.disposeWithMe((0, rxjs.merge)((0, _univerjs_core.fromEventSubject)(this._context.engine.onTransformChange$).pipe((0, rxjs.filter)((evt) => evt.type === _univerjs_engine_render.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize)), (0, _univerjs_core.fromEventSubject)(this._context.scene.onTransformChange$).pipe((0, rxjs.filter)((evt) => evt.type === _univerjs_engine_render.TRANSFORM_CHANGE_OBSERVABLE_TYPE.scale))).pipe((0, rxjs.debounceTime)(16)).subscribe(() => {
 			var _scene$getTransformer;
@@ -3586,6 +3677,8 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 		this._floatingToolbarAdapterService = _floatingToolbarAdapterService;
 		this._commandService = _commandService;
 		_defineProperty(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_embeddedRenderUnits", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_popupMenuListeners", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_disposePopups", []);
 		_defineProperty(this, "_isDrawingPanelOpen", false);
 		this._init();
@@ -3607,11 +3700,21 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 		}));
 		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((documentDataModel) => this._create(documentDataModel)));
 		this.disposeWithMe(this._univerInstanceService.getTypeOfUnitDisposed$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((documentDataModel) => this._dispose(documentDataModel)));
+		this.disposeWithMe(this._renderManagerService.created$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((render) => {
+			if (render.type !== _univerjs_core.UniverInstanceType.UNIVER_DOC || render.isMainScene) return;
+			this._embeddedRenderUnits.add(render.unitId);
+			this._create(this._univerInstanceService.getUnit(render.unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC));
+		}));
+		this.disposeWithMe(this._renderManagerService.disposed$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((unitId) => {
+			if (!this._embeddedRenderUnits.delete(unitId)) return;
+			this._disposePopupMenuListener(unitId);
+		}));
 		this._univerInstanceService.getAllUnitsForType(_univerjs_core.UniverInstanceType.UNIVER_DOC).forEach((documentDataModel) => this._create(documentDataModel));
 	}
 	_dispose(documentDataModel) {
 		const unitId = documentDataModel.getUnitId();
 		this._clearPopups();
+		this._disposePopupMenuListener(unitId);
 		this._renderManagerService.removeRender(unitId);
 	}
 	_clearPopups() {
@@ -3623,10 +3726,20 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 		const unitId = documentDataModel.getUnitId();
 		if ((0, _univerjs_core.isInternalEditorID)(unitId)) return;
 		if (this._renderManagerService.has(unitId) && !this._initImagePopupMenu.has(unitId)) {
-			this._popupMenuListener(unitId);
-			this._initImagePopupMenu.add(unitId);
+			const listener = this._popupMenuListener(unitId);
+			if (listener) {
+				this._popupMenuListeners.set(unitId, listener);
+				this._initImagePopupMenu.add(unitId);
+			}
 		}
 	}
+	_disposePopupMenuListener(unitId) {
+		var _this$_popupMenuListe;
+		(_this$_popupMenuListe = this._popupMenuListeners.get(unitId)) === null || _this$_popupMenuListe === void 0 || _this$_popupMenuListe.dispose();
+		this._popupMenuListeners.delete(unitId);
+		this._initImagePopupMenu.delete(unitId);
+		this._clearPopups();
+	}
 	_hasCropObject(scene) {
 		const objects = scene.getAllObjects();
 		for (const object of objects) if (object instanceof _univerjs_drawing_ui.ImageCropperObject) return true;
@@ -3639,55 +3752,57 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 		const transformer = scene.getTransformerByCreate();
 		if (!transformer) return;
 		const disposePopups = this._disposePopups;
-		this.disposeWithMe(transformer.createControl$.subscribe(() => {
-			if (this._hasCropObject(scene)) return;
-			const selectedObjects = transformer.getSelectedObjectMap();
-			disposePopups.forEach((dispose) => dispose.dispose());
-			disposePopups.length = 0;
-			if (this._isDrawingPanelOpen) return;
-			if (selectedObjects.size > 1) return;
-			const object = selectedObjects.values().next().value;
-			if (!object) return;
-			const oKey = object.oKey;
-			const drawingParam = this._drawingManagerService.getDrawingOKey(oKey);
-			if (!drawingParam || drawingParam.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_DOM || drawingParam.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_SHAPE) return;
-			const { unitId, subUnitId, drawingId, drawingType } = drawingParam;
-			const isImage = drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_IMAGE;
-			const isChart = drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_CHART;
-			const popup = this._canvasPopManagerService.attachPopupToObject(object, {
-				componentKey: _univerjs_drawing_ui.COMPONENT_IMAGE_POPUP_MENU,
-				direction: isImage || isChart ? "top-center" : "horizontal",
-				offset: isImage || isChart ? [0, 8] : [2, 0],
-				extraProps: {
-					menuItems: this._getDrawingPopupMenuItems(unitId, subUnitId, drawingId, drawingType),
-					variant: isImage ? "doc-floating-toolbar" : isChart ? "doc-chart-floating-toolbar" : void 0,
+		const subscriptions = [
+			transformer.createControl$.subscribe(() => {
+				if (this._hasCropObject(scene)) return;
+				const selectedObjects = transformer.getSelectedObjectMap();
+				disposePopups.forEach((dispose) => dispose.dispose());
+				disposePopups.length = 0;
+				if (this._isDrawingPanelOpen || selectedObjects.size > 1) return;
+				const object = selectedObjects.values().next().value;
+				if (!object) return;
+				const drawingParam = this._drawingManagerService.getDrawingOKey(object.oKey);
+				if (!drawingParam || drawingParam.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_DOM || drawingParam.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_SHAPE) return;
+				const { unitId, subUnitId, drawingId, drawingType } = drawingParam;
+				const isImage = drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_IMAGE;
+				const isChart = drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_CHART;
+				const popup = this._canvasPopManagerService.attachPopupToObject(object, {
+					componentKey: _univerjs_drawing_ui.COMPONENT_IMAGE_POPUP_MENU,
+					direction: isImage || isChart ? "top-center" : "horizontal",
+					offset: isImage || isChart ? [0, 8] : [2, 0],
+					extraProps: {
+						menuItems: this._getDrawingPopupMenuItems(unitId, subUnitId, drawingId, drawingType),
+						variant: isImage ? "doc-floating-toolbar" : isChart ? "doc-chart-floating-toolbar" : void 0,
+						unitId,
+						subUnitId,
+						drawingId
+					}
+				}, unitId);
+				disposePopups.push(this.disposeWithMe(popup));
+				if (!this._drawingManagerService.getFocusDrawings().find((drawing) => drawing.unitId === unitId && drawing.subUnitId === subUnitId && drawing.drawingId === drawingId)) this._drawingManagerService.focusDrawing([{
 					unitId,
 					subUnitId,
 					drawingId
-				}
-			}, unitId);
-			disposePopups.push(this.disposeWithMe(popup));
-			if (this._drawingManagerService.getFocusDrawings().find((drawing) => drawing.unitId === unitId && drawing.subUnitId === subUnitId && drawing.drawingId === drawingId)) return;
-			this._drawingManagerService.focusDrawing([{
-				unitId,
-				subUnitId,
-				drawingId
-			}]);
-		}));
-		this.disposeWithMe(transformer.clearControl$.subscribe(() => {
-			disposePopups.forEach((dispose) => dispose.dispose());
-			disposePopups.length = 0;
-			this._contextService.setContextValue(_univerjs_core.FOCUSING_COMMON_DRAWINGS, false);
-			this._drawingManagerService.focusDrawing(null);
-		}));
-		this.disposeWithMe(transformer.changing$.subscribe(() => {
-			disposePopups.forEach((dispose) => dispose.dispose());
-			disposePopups.length = 0;
-		}));
-		this.disposeWithMe(transformer.changeStart$.subscribe(() => {
-			disposePopups.forEach((dispose) => dispose.dispose());
-			disposePopups.length = 0;
-		}));
+				}]);
+			}),
+			transformer.clearControl$.subscribe(() => {
+				disposePopups.forEach((dispose) => dispose.dispose());
+				disposePopups.length = 0;
+				this._contextService.setContextValue(_univerjs_core.FOCUSING_COMMON_DRAWINGS, false);
+				this._drawingManagerService.focusDrawing(null);
+			}),
+			transformer.changing$.subscribe(() => {
+				disposePopups.forEach((dispose) => dispose.dispose());
+				disposePopups.length = 0;
+			}),
+			transformer.changeStart$.subscribe(() => {
+				disposePopups.forEach((dispose) => dispose.dispose());
+				disposePopups.length = 0;
+			})
+		];
+		const disposable = (0, _univerjs_core.toDisposable)(() => subscriptions.forEach((subscription) => subscription.unsubscribe()));
+		this.disposeWithMe(disposable);
+		return disposable;
 	}
 	_getDrawingPopupMenuItems(unitId, subUnitId, drawingId, drawingType) {
 		const drawing = this._drawingManagerService.getDrawingByParam({

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

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "تحرير الصورة" },
 	"image-popup": {
-		replace: "استبدال",
 		delete: "حذف",
 		edit: "تحرير",
 		crop: "قص",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "أفقي",
 		vertical: "عمودي",
 		absolutePosition: "موضع مطلق(بكسل)",
-		relativePosition: "موضع نسبي",
 		toTheRightOf: "إلى يمين",
-		relativeTo: "بالنسبة إلى",
 		bellow: "أسفل",
 		options: "خيارات",
 		moveObjectWithText: "نقل الكائن مع النص",

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

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Edita la imatge" },
 	"image-popup": {
-		replace: "Reemplaça",
 		delete: "Elimina",
 		edit: "Edita",
 		crop: "Retalla",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "Horitzontal",
 		vertical: "Vertical",
 		absolutePosition: "Posició absoluta(px)",
-		relativePosition: "Posició relativa",
 		toTheRightOf: "a la dreta de",
-		relativeTo: "relatiu a",
 		bellow: "a sota",
 		options: "Opcions",
 		moveObjectWithText: "Mou l'objecte amb el text",

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

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Bild bearbeiten" },
 	"image-popup": {
-		replace: "Ersetzen",
 		delete: "Löschen",
 		edit: "Bearbeiten",
 		crop: "Zuschneiden",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		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",

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

@@ -25,7 +25,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Edit Image" },
 	"image-popup": {
-		replace: "Replace",
 		delete: "Delete",
 		edit: "Edit",
 		crop: "Crop",
@@ -54,9 +53,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "Horizontal",
 		vertical: "Vertical",
 		absolutePosition: "Absolute Position(px)",
-		relativePosition: "Relative Position",
 		toTheRightOf: "to the right of",
-		relativeTo: "relative to",
 		bellow: "bellow",
 		options: "Options",
 		moveObjectWithText: "Move object with text",

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

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Editar imagen" },
 	"image-popup": {
-		replace: "Reemplazar",
 		delete: "Eliminar",
 		edit: "Editar",
 		crop: "Recortar",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "Horizontal",
 		vertical: "Vertical",
 		absolutePosition: "Posición absoluta(px)",
-		relativePosition: "Posición relativa",
 		toTheRightOf: "a la derecha de",
-		relativeTo: "relativo a",
 		bellow: "debajo",
 		options: "Opciones",
 		moveObjectWithText: "Mover objeto con el texto",

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

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "ویرایش تصویر" },
 	"image-popup": {
-		replace: "تعویض",
 		delete: "حذف",
 		edit: "ویرایش",
 		crop: "کراپ",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "افقی",
 		vertical: "عمودی",
 		absolutePosition: "موقعیت مطلق(px)",
-		relativePosition: "موقعیت نسبی",
 		toTheRightOf: "سمت راست",
-		relativeTo: "نسبت به",
 		bellow: "زیر",
 		options: "گزینه‌ها",
 		moveObjectWithText: "جابه‌جایی شیء با متن",

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

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Modifier l'image" },
 	"image-popup": {
-		replace: "Remplacer",
 		delete: "Supprimer",
 		edit: "Modifier",
 		crop: "Rogner",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "Horizontal",
 		vertical: "Vertical",
 		absolutePosition: "Position absolue(px)",
-		relativePosition: "Position relative",
 		toTheRightOf: "à droite de",
-		relativeTo: "par rapport à",
 		bellow: "en dessous",
 		options: "Options",
 		moveObjectWithText: "Déplacer l'objet avec le texte",

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

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Edit Gambar" },
 	"image-popup": {
-		replace: "Ganti",
 		delete: "Hapus",
 		edit: "Edit",
 		crop: "Pangkas",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		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",

package/lib/cjs/locale/it-IT.js

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Modifica immagine" },
 	"image-popup": {
-		replace: "Sostituisci",
 		delete: "Elimina",
 		edit: "Modifica",
 		crop: "Ritaglia",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "Orizzontale",
 		vertical: "Verticale",
 		absolutePosition: "Posizione assoluta(px)",
-		relativePosition: "Posizione relativa",
 		toTheRightOf: "a destra di",
-		relativeTo: "relativo a",
 		bellow: "sotto",
 		options: "Opzioni",
 		moveObjectWithText: "Sposta oggetto con il testo",

package/lib/cjs/locale/ja-JP.js

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "画像の編集" },
 	"image-popup": {
-		replace: "置換",
 		delete: "削除",
 		edit: "編集",
 		crop: "トリミング",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "水平方向",
 		vertical: "垂直方向",
 		absolutePosition: "絶対位置(px)",
-		relativePosition: "相対位置",
 		toTheRightOf: "右側に",
-		relativeTo: "基準に対して",
 		bellow: "下に",
 		options: "オプション",
 		moveObjectWithText: "文字列と一緒にオブジェクトを移動",

package/lib/cjs/locale/ko-KR.js

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "이미지 편집" },
 	"image-popup": {
-		replace: "교체",
 		delete: "삭제",
 		edit: "편집",
 		crop: "자르기",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "수평",
 		vertical: "수직",
 		absolutePosition: "절대 위치(px)",
-		relativePosition: "상대 위치",
 		toTheRightOf: "우측에",
-		relativeTo: "상대적으로",
 		bellow: "아래에",
 		options: "옵션",
 		moveObjectWithText: "텍스트와 함께 객체 이동",

package/lib/cjs/locale/pl-PL.js

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Edytuj obraz" },
 	"image-popup": {
-		replace: "Zamień",
 		delete: "Usuń",
 		edit: "Edytuj",
 		crop: "Przytnij",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "Pozioma",
 		vertical: "Pionowa",
 		absolutePosition: "Pozycja bezwzględna(px)",
-		relativePosition: "Pozycja względna",
 		toTheRightOf: "po prawej stronie",
-		relativeTo: "względem",
 		bellow: "poniżej",
 		options: "Opcje",
 		moveObjectWithText: "Przesuwaj obiekt razem z tekstem",

package/lib/cjs/locale/pt-BR.js

@@ -10,7 +10,6 @@ const locale = { "docs-drawing-ui": {
 	} },
 	panel: { title: "Editar imagem" },
 	"image-popup": {
-		replace: "Substituir",
 		delete: "Excluir",
 		edit: "Editar",
 		crop: "Cortar",
@@ -39,9 +38,7 @@ const locale = { "docs-drawing-ui": {
 		horizontal: "Horizontal",
 		vertical: "Vertical",
 		absolutePosition: "Posição absoluta(px)",
-		relativePosition: "Posição relativa",
 		toTheRightOf: "à direita de",
-		relativeTo: "relativo a",
 		bellow: "abaixo",
 		options: "Opções",
 		moveObjectWithText: "Mover objeto com o texto",