@univerjs/docs-drawing-ui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/cjs/index.js

@@ -74,7 +74,7 @@ const UngroupDocDrawingCommand = {
 };
 
 //#endregion
-//#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) {
@@ -85,7 +85,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];
@@ -98,14 +98,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,
@@ -128,7 +128,7 @@ var DocRefreshDrawingsService = class {
 };
 
 //#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);
@@ -136,7 +136,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);
@@ -265,7 +265,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 	_isInsertInHeaderFooter() {
 		var _this$_renderManagerS;
 		const { unitId } = this._context;
-		const viewModel = (_this$_renderManagerS = this._renderManagerSrv.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		const viewModel = (_this$_renderManagerS = this._renderManagerSrv.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 		const editArea = viewModel === null || viewModel === void 0 ? void 0 : viewModel.getEditArea();
 		return editArea === _univerjs_engine_render.DocumentEditArea.HEADER || editArea === _univerjs_engine_render.DocumentEditArea.FOOTER;
 	}
@@ -368,7 +368,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 		var _this$_renderManagerS2;
 		if (!this._context) return;
 		const { unit: docDataModel, scene, unitId } = this._context;
-		const viewModel = (_this$_renderManagerS2 = this._renderManagerSrv.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		const viewModel = (_this$_renderManagerS2 = this._renderManagerSrv.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 		if (viewModel == null || docDataModel == null) return;
 		const { drawings = {} } = docDataModel.getSnapshot();
 		const isEditBody = viewModel.getEditArea() === _univerjs_engine_render.DocumentEditArea.BODY;
@@ -399,7 +399,7 @@ let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController ex
 	_editAreaChangeListener() {
 		var _this$_renderManagerS3;
 		const { unitId } = this._context;
-		const viewModel = (_this$_renderManagerS3 = this._renderManagerSrv.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		const viewModel = (_this$_renderManagerS3 = this._renderManagerSrv.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 		if (viewModel == null) return;
 		this._updateDrawingsEditStatus();
 		this.disposeWithMe(viewModel.editAreaChange$.subscribe(() => {
@@ -530,7 +530,7 @@ const MoveDocDrawingsCommand = {
 		const drawings = docDrawingService.getFocusDrawings();
 		if (drawings.length === 0) return false;
 		const unitId = drawings[0].unitId;
-		const renderObject = renderManagerService.getRenderById(unitId);
+		const renderObject = renderManagerService.getRenderUnitById(unitId);
 		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 		if (scene == null) return false;
 		const transformer = scene.getTransformerByCreate();
@@ -582,7 +582,7 @@ const ClearDocDrawingTransformerOperation = {
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
 		params.forEach((unitId) => {
 			var _renderManagerService;
-			(_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene.getTransformer()) === null || _renderManagerService === void 0 || _renderManagerService.debounceRefreshControls();
+			(_renderManagerService = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene.getTransformer()) === null || _renderManagerService === void 0 || _renderManagerService.debounceRefreshControls();
 		});
 		return true;
 	}
@@ -728,7 +728,7 @@ let DocFloatDomController = class DocFloatDomController extends _univerjs_core.D
 	}
 	_getSceneAndTransformerByDrawingSearch(unitId) {
 		if (unitId == null) return;
-		const renderObject = this._renderManagerService.getRenderById(unitId);
+		const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 		if (renderObject == null) return null;
 		const scene = renderObject.scene;
 		return {
@@ -864,7 +864,7 @@ let DocFloatDomController = class DocFloatDomController extends _univerjs_core.D
 		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.map)((documentDataModel) => {
 			if (!documentDataModel) return null;
 			const unitId = documentDataModel.getUnitId();
-			const render = this._renderManagerService.getRenderById(unitId);
+			const render = this._renderManagerService.getRenderUnitById(unitId);
 			return render ? {
 				render,
 				unitId
@@ -1197,7 +1197,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-drawing-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -1228,7 +1228,7 @@ const DocDrawingPosition = (props) => {
 	var _renderManagerService;
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
 	const drawingParam = props.drawings[0];
-	const scene = drawingParam ? (_renderManagerService = renderManagerService.getRenderById(drawingParam.unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.scene : void 0;
+	const scene = drawingParam ? (_renderManagerService = renderManagerService.getRenderUnitById(drawingParam.unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.scene : void 0;
 	return drawingParam && scene ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DocDrawingPositionContent, { ...props }) : null;
 };
 function DocDrawingPositionContent(props) {
@@ -1241,7 +1241,7 @@ function DocDrawingPositionContent(props) {
 	const { unitId } = drawings[0];
 	const documentDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 	const documentFlavor = documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getSnapshot().documentStyle.documentFlavor;
-	const transformer = renderManagerService.getRenderById(unitId).scene.getTransformerByCreate();
+	const transformer = renderManagerService.getRenderUnitById(unitId).scene.getTransformerByCreate();
 	const HORIZONTAL_RELATIVE_FROM = [
 		{
 			label: localeService.t("docs-drawing-ui.image-position.column"),
@@ -1310,7 +1310,7 @@ function DocDrawingPositionContent(props) {
 				value
 			}))
 		});
-		const docSelectionRenderService = (_renderManagerService2 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.with(_univerjs_docs_ui.DocSelectionRenderService);
+		const docSelectionRenderService = (_renderManagerService2 = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (docSelectionRenderService) docSelectionRenderService.blur();
 		transformer.refreshControls();
 	}
@@ -1326,7 +1326,7 @@ function DocDrawingPositionContent(props) {
 		const unitId = focusDrawings[0].unitId;
 		let drawing = null;
 		let pageMarginLeft = 0;
-		const skeleton = (_renderManagerService3 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService3 === void 0 ? void 0 : _renderManagerService3.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		const skeleton = (_renderManagerService3 = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService3 === void 0 ? void 0 : _renderManagerService3.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
 		if (skeletonData == null) return;
 		const { pages, skeHeaders, skeFooters } = skeletonData;
@@ -1765,7 +1765,7 @@ const ITransformNonInlineDrawingCommand = {
 		const docSelectionRenderService = (_renderManagerService2 = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.with(_univerjs_docs_ui.DocSelectionRenderService);
 		const renderObject = renderManagerService.getRenderUnitById(unitId);
 		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
-		if (scene == null || docSelectionRenderService == null) return false;
+		if (renderObject == null || scene == null || docSelectionRenderService == null) return false;
 		const transformer = scene.getTransformerByCreate();
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const documentDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -1827,6 +1827,8 @@ const ITransformNonInlineDrawingCommand = {
 			return _univerjs_core.JSONX.compose(acc, cur);
 		}, null);
 		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		const skeleton = renderObject.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		accessor.get(DocRefreshDrawingsService).refreshDrawings(skeleton);
 		transformer.refreshControls();
 		return Boolean(result);
 	}
@@ -1900,10 +1902,11 @@ function DocDrawingTextWrapContent(props) {
 	}
 	function handleDistToTextChange(value, direction) {
 		if (value == null) return;
-		setDistToText({
+		const newDistToText = {
 			...distToText,
 			[direction]: value
-		});
+		};
+		setDistToText(newDistToText);
 		const focusDrawings = drawingManagerService.getFocusDrawings();
 		if (focusDrawings.length === 0) return;
 		const drawings = focusDrawings.map((drawing) => {
@@ -2265,7 +2268,7 @@ let DocDrawingAddRemoveController = class DocDrawingAddRemoveController extends
 		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
 			if (command.id !== _univerjs_docs_drawing.UpdateDrawingDocTransformCommand.id && command.id !== _univerjs_docs_drawing.UpdateDocDrawingWrappingStyleCommand.id) return;
 			const { unitId } = command.params;
-			const renderObject = this._renderManagerService.getRenderById(unitId);
+			const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 			const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 			if (renderObject == null || scene == null) return;
 			this._docRefreshDrawingsService.refreshDrawings(renderObject.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton());
@@ -2288,7 +2291,7 @@ let DocDrawingAddRemoveController = class DocDrawingAddRemoveController extends
 		if (params.wrappingStyle === _univerjs_docs_drawing.TextWrappingStyle.INLINE) return;
 		const { unitId } = params;
 		const documentDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const renderObject = this._renderManagerService.getRenderById(unitId);
+		const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 		const skeletonManager = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(_univerjs_docs.DocSkeletonManagerService);
 		const skeletonData = skeletonManager === null || skeletonManager === void 0 ? void 0 : skeletonManager.getSkeleton().getSkeletonData();
 		const viewModel = skeletonManager === null || skeletonManager === void 0 ? void 0 : skeletonManager.getViewModel();
@@ -2768,11 +2771,11 @@ let DocDrawingTransformUpdateController = class DocDrawingTransformUpdateControl
 				clipOffsetTop: clipOffset === null || clipOffset === void 0 ? void 0 : clipOffset.top,
 				page: clipPage
 			});
-			const pageRelativeAnchorPage = drawingOrigin.layoutType === _univerjs_core.PositionedObjectLayoutType.INLINE ? void 0 : getDocsPageRelativeDrawingAnchorPage({
+			const pageRelativeAnchorPage = drawingOrigin.layoutType === _univerjs_core.PositionedObjectLayoutType.WRAP_NONE ? getDocsPageRelativeDrawingAnchorPage({
 				page,
 				clipPage,
 				hostPage
-			});
+			}) : void 0;
 			const pageRelativeLeft = pageRelativeAnchorPage != null ? getDocsPageRelativeDrawingLeft({
 				hostPage: pageRelativeAnchorPage,
 				positionH: drawingOrigin.docTransform.positionH,
@@ -3032,7 +3035,7 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 	}
 	_getInlineDrawingAnchor(drawing, offsetX, offsetY) {
 		var _this$_renderManagerS, _getOneTextSelectionR;
-		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(drawing.unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		if (currentRender == null) return;
 		const { mainComponent, scene } = currentRender;
@@ -3046,7 +3049,7 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		const HALF = .5;
 		const coord = this._getTransformCoordForDocumentOffset(documentComponent, activeViewport, offsetX, offsetY);
 		if (coord == null) return;
-		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(drawing.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
+		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(drawing.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (docSelectionRenderService == null) return;
 		const nodeInfo = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findNodeByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop, {
 			strict: false,
@@ -3062,8 +3065,8 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		}
 		if (glyphAnchor == null) return;
 		const nodePosition = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findPositionByGlyph(glyphAnchor, segmentPageIndex);
-		const docObject = this._getDocObject();
-		if (nodePosition == null || skeleton == null || docObject == null) return;
+		const docObject = (0, _univerjs_docs_ui.neoGetDocObject)(currentRender);
+		if (nodePosition == null || skeleton == null) return;
 		const positionWithIsBack = {
 			...nodePosition,
 			isBack
@@ -3079,8 +3082,8 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		};
 	}
 	_getDrawingAnchor(drawing, object) {
-		var _this$_renderManagerS2, _glyphAnchor$parent, _column$lines$find, _column$parent, _tableCellContext$hos, _getOneTextSelectionR2;
-		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		var _this$_renderManagerS2, _glyphAnchor$parent, _column$parent$top, _column$parent, _column$lines$find, _column$parent2, _tableCellContext$hos, _getOneTextSelectionR2;
+		const currentRender = this._renderManagerService.getRenderUnitById(drawing.unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
 		if (skeletonData == null || currentRender == null) return;
@@ -3098,7 +3101,7 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		let glyphAnchor = null;
 		let segmentId = "";
 		let segmentPage = -1;
-		const isBack = false;
+		const isBack = true;
 		const docTransform = {
 			...drawing.docTransform,
 			size: {
@@ -3110,7 +3113,7 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		const { x, y } = scene.getViewportScrollXY(activeViewport);
 		const coord = this._getTransformCoordForDocumentOffset(documentComponent, activeViewport, left - x, top - y);
 		if (coord == null) return;
-		const docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(drawing.unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
+		const docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(drawing.unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (docSelectionRenderService == null) return;
 		const nodeInfo = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findNodeByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop, {
 			strict: false,
@@ -3126,8 +3129,9 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		if (glyphAnchor == null) return;
 		const line = (_glyphAnchor$parent = glyphAnchor.parent) === null || _glyphAnchor$parent === void 0 ? void 0 : _glyphAnchor$parent.parent;
 		const column = line === null || line === void 0 ? void 0 : line.parent;
+		const sectionTop = (_column$parent$top = column === null || column === void 0 || (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : _column$parent.top) !== null && _column$parent$top !== void 0 ? _column$parent$top : 0;
 		const paragraphStartLine = (_column$lines$find = column === null || column === void 0 ? void 0 : column.lines.find((l) => l.paragraphIndex === (line === null || line === void 0 ? void 0 : line.paragraphIndex) && l.paragraphStart)) !== null && _column$lines$find !== void 0 ? _column$lines$find : column === null || column === void 0 ? void 0 : column.lines[0];
-		const page = column === null || column === void 0 || (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : _column$parent.parent;
+		const page = column === null || column === void 0 || (_column$parent2 = column.parent) === null || _column$parent2 === void 0 ? void 0 : _column$parent2.parent;
 		if (line == null || column == null || paragraphStartLine == null || page == null) return;
 		this._liquid.reset();
 		const tableCellContext = page.type === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? getDocsTableCellAnchorContext(drawing.unitId, page) : null;
@@ -3196,16 +3200,16 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - page.marginTop;
 				break;
 			case _univerjs_core.ObjectRelativeFromV.LINE:
-				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - line.top;
+				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - sectionTop - line.top;
 				break;
 			case _univerjs_core.ObjectRelativeFromV.PARAGRAPH:
-				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - paragraphStartLine.top;
+				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - sectionTop - paragraphStartLine.top;
 				break;
 		}
 		if (glyphAnchor == null) return;
 		const nodePosition = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findPositionByGlyph(glyphAnchor, segmentPage);
-		const docObject = this._getDocObject();
-		if (nodePosition == null || skeleton == null || docObject == null) return;
+		const docObject = (0, _univerjs_docs_ui.neoGetDocObject)(currentRender);
+		if (nodePosition == null || skeleton == null) return;
 		const positionWithIsBack = {
 			...nodePosition,
 			isBack
@@ -3261,7 +3265,7 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		});
 	}
 	_limitDrawingInPage(drawing, object) {
-		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(drawing.unitId);
 		const { left, top, width, height, angle } = object;
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
@@ -3311,7 +3315,7 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 	}
 	_getSceneAndTransformerByDrawingSearch(unitId) {
 		if (unitId == null) return;
-		const renderObject = this._renderManagerService.getRenderById(unitId);
+		const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 		if (scene == null) return;
 		return {
@@ -3326,7 +3330,7 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		return documentTransform.clone().invert().applyPoint(originCoord);
 	}
 	_createOrUpdateInlineAnchor(unitId, pointsGroup) {
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return;
 		const { mainComponent, scene } = currentRender;
 		const { docsLeft, docsTop } = mainComponent.getOffsetConfig();
@@ -3353,11 +3357,8 @@ let DocDrawingTransformerController = class DocDrawingTransformerController exte
 		this._anchorShape = anchor;
 		scene.addObject(anchor, _univerjs_docs_ui.TEXT_RANGE_LAYER_INDEX);
 	}
-	_getDocObject() {
-		return (0, _univerjs_docs_ui.getDocObject)(this._univerInstanceService, this._renderManagerService);
-	}
 	_getPageContentSize(drawing) {
-		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(drawing.unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const MAX_WIDTH = 500;
 		const MAX_HEIGHT = 500;
@@ -3604,7 +3605,7 @@ let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends
 	}
 	_popupMenuListener(unitId) {
 		var _this$_renderManagerS;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (!scene) return;
 		const transformer = scene.getTransformerByCreate();
 		if (!transformer) return;
@@ -3786,7 +3787,7 @@ _defineProperty(UniverDocsDrawingUIPlugin, "pluginName", "DOC_DRAWING_UI_PLUGIN"
 _defineProperty(UniverDocsDrawingUIPlugin, "packageName", name);
 _defineProperty(UniverDocsDrawingUIPlugin, "version", version);
 UniverDocsDrawingUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_drawing_ui.UniverDrawingUIPlugin, _univerjs_drawing.UniverDrawingPlugin, _univerjs_docs_drawing.UniverDocsDrawingPlugin, _univerjs_ui.UniverUIPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_drawing.UniverDrawingPlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_docs_drawing.UniverDocsDrawingPlugin, _univerjs_ui.UniverUIPlugin, _univerjs_docs_ui.UniverDocsUIPlugin, _univerjs_drawing_ui.UniverDrawingUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService)

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

@@ -4,9 +4,9 @@ const locale = { "docs-drawing-ui": {
 	title: "Изображение",
 	upload: { float: "Вставить изображение" },
 	shape: { insert: {
-		title: "Insert Shape",
-		rectangle: "Insert Rectangle",
-		ellipse: "Insert Ellipse"
+		title: "Вставить фигуру",
+		rectangle: "Вставить прямоугольник",
+		ellipse: "Вставить эллипс"
 	} },
 	panel: { title: "Редактировать изображение" },
 	"image-popup": {
@@ -17,39 +17,39 @@ const locale = { "docs-drawing-ui": {
 		reset: "Сбросить размер"
 	},
 	"image-text-wrap": {
-		title: "Text Wrapping",
-		wrappingStyle: "Wrapping Style",
-		square: "Square",
-		topAndBottom: "Top and Bottom",
-		inline: "In line with text",
-		behindText: "Behind text",
-		inFrontText: "In front of text",
-		wrapText: "Wrap text",
-		bothSide: "Both sides",
-		leftOnly: "Left only",
-		rightOnly: "Right only",
-		distanceFromText: "Distance from text",
-		top: "Top(px)",
-		left: "Left(px)",
-		bottom: "Bottom(px)",
-		right: "Right(px)"
+		title: "Обтекание текстом",
+		wrappingStyle: "Стиль обтекания",
+		square: "Квадрат",
+		topAndBottom: "Сверху и снизу",
+		inline: "В тексте",
+		behindText: "За текстом",
+		inFrontText: "Перед текстом",
+		wrapText: "Обтекание текстом",
+		bothSide: "С обеих сторон",
+		leftOnly: "Только слева",
+		rightOnly: "Только справа",
+		distanceFromText: "Расстояние от текста",
+		top: "Сверху (px)",
+		left: "Слева (px)",
+		bottom: "Снизу (px)",
+		right: "Справа (px)"
 	},
 	"image-position": {
-		title: "Position",
-		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",
-		column: "Column",
-		margin: "Margin",
-		page: "Page",
-		line: "Line",
-		paragraph: "Paragraph"
+		title: "Положение",
+		horizontal: "По горизонтали",
+		vertical: "По вертикали",
+		absolutePosition: "Абсолютное положение (px)",
+		relativePosition: "Относительное положение",
+		toTheRightOf: "справа от",
+		relativeTo: "относительно",
+		bellow: "снизу",
+		options: "Параметры",
+		moveObjectWithText: "Перемещать объект с текстом",
+		column: "Колонка",
+		margin: "Поле",
+		page: "Страница",
+		line: "Строка",
+		paragraph: "Абзац"
 	},
 	"update-status": {
 		exceedMaxSize: "Размер изображения превышает лимит, лимит составляет {0}М",

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

@@ -4,9 +4,9 @@ const locale = { "docs-drawing-ui": {
 	title: "Hình ảnh",
 	upload: { float: "Chèn hình ảnh" },
 	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"
 	} },
 	panel: { title: "Chỉnh sửa hình ảnh" },
 	"image-popup": {
@@ -17,39 +17,39 @@ const locale = { "docs-drawing-ui": {
 		reset: "Đặt lại kích thước"
 	},
 	"image-text-wrap": {
-		title: "Text Wrapping",
-		wrappingStyle: "Wrapping Style",
-		square: "Square",
-		topAndBottom: "Top and Bottom",
-		inline: "In line with text",
-		behindText: "Behind text",
-		inFrontText: "In front of text",
-		wrapText: "Wrap text",
-		bothSide: "Both sides",
-		leftOnly: "Left only",
-		rightOnly: "Right only",
-		distanceFromText: "Distance from text",
-		top: "Top(px)",
-		left: "Left(px)",
-		bottom: "Bottom(px)",
-		right: "Right(px)"
+		title: "Bọc văn bản",
+		wrappingStyle: "Kiểu bọc văn bản",
+		square: "Hình vuông",
+		topAndBottom: "Trên và dưới",
+		inline: "Cùng dòng với văn bản",
+		behindText: "Phía sau văn bản",
+		inFrontText: "Phía trước văn bản",
+		wrapText: "Bọc văn bản",
+		bothSide: "Cả hai bên",
+		leftOnly: "Chỉ bên trái",
+		rightOnly: "Chỉ bên phải",
+		distanceFromText: "Khoảng cách với văn bản",
+		top: "Trên (px)",
+		left: "Trái (px)",
+		bottom: "Dưới (px)",
+		right: "Phải (px)"
 	},
 	"image-position": {
-		title: "Position",
-		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",
-		column: "Column",
-		margin: "Margin",
-		page: "Page",
-		line: "Line",
-		paragraph: "Paragraph"
+		title: "Vị trí",
+		horizontal: "Ngang",
+		vertical: "Dọc",
+		absolutePosition: "Vị trí tuyệt đối (px)",
+		relativePosition: "Vị trí tương đối",
+		toTheRightOf: "ở bên phải",
+		relativeTo: "tương đối với",
+		bellow: "bên dưới",
+		options: "Tùy chọn",
+		moveObjectWithText: "Di chuyển đối tượng cùng văn bản",
+		column: "Cột",
+		margin: "Lề",
+		page: "Trang",
+		line: "Dòng",
+		paragraph: "Đoạn văn"
 	},
 	"update-status": {
 		exceedMaxSize: "Kích thước hình ảnh vượt quá giới hạn, giới hạn là {0}M",
@@ -59,11 +59,11 @@ const locale = { "docs-drawing-ui": {
 	},
 	shortcut: {
 		"drawing-view": "Chế độ xem bản vẽ",
-		"drawing-move-down": "Move Drawing down",
-		"drawing-move-up": "Move Drawing up",
-		"drawing-move-left": "Move Drawing left",
-		"drawing-move-right": "Move Drawing right",
-		"drawing-delete": "Delete Drawing"
+		"drawing-move-down": "Di chuyển bản vẽ xuống",
+		"drawing-move-up": "Di chuyển bản vẽ lên",
+		"drawing-move-left": "Di chuyển bản vẽ sang trái",
+		"drawing-move-right": "Di chuyển bản vẽ sang phải",
+		"drawing-delete": "Xóa bản vẽ"
 	}
 } };
 

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

@@ -4,9 +4,9 @@ const locale = { "docs-drawing-ui": {
 	title: "圖片",
 	upload: { float: "插入圖片" },
 	shape: { insert: {
-		title: "Insert Shape",
-		rectangle: "Insert Rectangle",
-		ellipse: "Insert Ellipse"
+		title: "插入圖形",
+		rectangle: "插入矩形",
+		ellipse: "插入橢圓形"
 	} },
 	panel: { title: "編圖" },
 	"image-popup": {

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

@@ -4,9 +4,9 @@ const locale = { "docs-drawing-ui": {
 	title: "圖片",
 	upload: { float: "插入圖片" },
 	shape: { insert: {
-		title: "Insert Shape",
-		rectangle: "Insert Rectangle",
-		ellipse: "Insert Ellipse"
+		title: "插入圖形",
+		rectangle: "插入矩形",
+		ellipse: "插入橢圓形"
 	} },
 	panel: { title: "編圖" },
 	"image-popup": {