@univerjs/sheets-drawing-ui 1.0.0-alpha.7 → 1.0.0-alpha.8

package/lib/es/index.js

@@ -1,12 +1,12 @@
 import { BooleanNumber, BuildTextUtils, CommandType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DrawingTypeEnum, FOCUSING_COMMON_DRAWINGS, FOCUSING_FX_BAR_EDITOR, FOCUSING_PANEL_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, ICommandService, IConfigService, IContextService, IImageIoService, IPermissionService, IURLImageService, IUndoRedoService, IUniverInstanceService, ImageSourceType, ImageUploadStatusType, Inject, Injector, InterceptorEffectEnum, LifecycleService, LifecycleStages, LocaleService, ObjectMatrix, Optional, Plugin, PositionedObjectLayoutType, RxDisposable, Tools, UniverInstanceType, UserManagerService, WrapTextType, createDocumentModelWithStyle, createIdentifier, fromEventSubject, generateRandomId, merge, registerDependencies, sequenceExecute, toDisposable, touchDependencies } from "@univerjs/core";
 import { ClearSheetDrawingTransformerOperation, DrawingApplyType, ISheetDrawingService, InsertSheetDrawingCommand, RemoveSheetDrawingCommand, SetDrawingApplyMutation, SetDrawingArrangeCommand, SetSheetDrawingCommand, SheetDrawingAnchorType, UniverSheetsDrawingPlugin, drawingPositionToTransform, transformToAxisAlignPosition, transformToDrawingPosition } from "@univerjs/sheets-drawing";
-import { CURSOR_TYPE, DRAWING_OBJECT_LAYER_INDEX, IRenderManagerService, Image, ObjectType, Rect, SHEET_VIEWPORT_KEY, Vector2, getCurrentTypeOfRenderer, getGroupState, transformObjectOutOfGroup } from "@univerjs/engine-render";
+import { CURSOR_TYPE, DRAWING_OBJECT_LAYER_INDEX, IRenderManagerService, Image, ObjectType, Rect, SHEET_VIEWPORT_KEY, UniverRenderEnginePlugin, Vector2, getCurrentTypeOfRenderer, getGroupState, transformObjectOutOfGroup } from "@univerjs/engine-render";
 import { Button, Checkbox, CheckboxGroup, FormLayout, MessageType, Radio, RadioGroup, Select, clsx, render, unmount } from "@univerjs/design";
 import { buildDocTransform, docDrawingPositionToTransform } from "@univerjs/docs";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, SetDrawingSelectedOperation, UniverDrawingPlugin, getDrawingImageAllowSize, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
-import { COMMAND_LISTENER_SKELETON_CHANGE, IAutoFillService, INTERCEPTOR_POINT, InterceptCellContentPriority, RangeProtectionPermissionEditPoint, SetFrozenMutation, SetRangeValuesCommand, SetSelectionsOperation, SetWorksheetActiveOperation, SetWorksheetRowAutoHeightMutation, SheetInterceptorService, SheetPermissionCheckController, SheetSkeletonService, SheetsSelectionsService, WorkbookEditablePermission, WorkbookViewPermission, WorksheetEditPermission, WorksheetViewPermission, attachRangeWithCoord, discreteRangeToRange, getSheetCommandTarget } from "@univerjs/sheets";
-import { COPY_TYPE, EditingRenderController, HoverManagerService, IEditorBridgeService, ISheetClipboardService, ISheetSelectionRenderService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SetScrollOperation, SetZoomRatioOperation, SheetCanvasPopManagerService, SheetPrintInterceptorService, SheetSkeletonManagerService, getCurrentRangeDisable$, useHighlightRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
-import { CanvasFloatDomPreviewService, CanvasFloatDomService, ComponentManager, ContextMenuGroup, ContextMenuPosition, IClipboardInterfaceService, IContextMenuService, IDialogService, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
+import { COMMAND_LISTENER_SKELETON_CHANGE, IAutoFillService, INTERCEPTOR_POINT, InterceptCellContentPriority, RangeProtectionPermissionEditPoint, SetFrozenMutation, SetRangeValuesCommand, SetSelectionsOperation, SetWorksheetActiveOperation, SetWorksheetRowAutoHeightMutation, SheetInterceptorService, SheetPermissionCheckController, SheetSkeletonService, SheetsSelectionsService, UniverSheetsPlugin, WorkbookEditablePermission, WorkbookViewPermission, WorksheetEditPermission, WorksheetViewPermission, attachRangeWithCoord, discreteRangeToRange, getSheetCommandTarget } from "@univerjs/sheets";
+import { COPY_TYPE, EditingRenderController, HoverManagerService, IEditorBridgeService, ISheetClipboardService, ISheetSelectionRenderService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SetScrollOperation, SetZoomRatioOperation, SheetCanvasPopManagerService, SheetPrintInterceptorService, SheetSkeletonManagerService, UniverSheetsUIPlugin, getCurrentRangeDisable$, useHighlightRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
+import { CanvasFloatDomPreviewService, CanvasFloatDomService, ComponentManager, ContextMenuGroup, ContextMenuPosition, IClipboardInterfaceService, IContextMenuService, IDialogService, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, UniverUIPlugin, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
 import { COMPONENT_IMAGE_POPUP_MENU, DrawingCommonPanel, DrawingRenderService, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, UniverDrawingUIPlugin, disposeDrawingRenderObject, insertGroupObject } from "@univerjs/drawing-ui";
 import { BehaviorSubject, EMPTY, Subject, combineLatest, distinctUntilChanged, filter, map, of, switchMap, take, tap, throttleTime } from "rxjs";
 import { DocDrawingController, UniverDocsDrawingPlugin } from "@univerjs/docs-drawing";
@@ -292,7 +292,7 @@ const UngroupSheetDrawingCommand = {
 };
 
 //#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) {
@@ -303,7 +303,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];
@@ -316,14 +316,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,
@@ -334,7 +334,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);
@@ -342,7 +342,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);
@@ -378,11 +378,11 @@ function rotatedBoundingBox(width, height, angleDegrees) {
 function getDrawingSizeByCell(accessor, location, originImageWidth, originImageHeight, angle) {
 	var _skeletonManagerServi;
 	const { rotatedHeight, rotatedWidth } = rotatedBoundingBox(originImageWidth, originImageHeight, angle);
-	const currentRender = accessor.get(IRenderManagerService).getRenderById(location.unitId);
+	const currentRender = accessor.get(IRenderManagerService).getRenderUnitById(location.unitId);
 	if (!currentRender) return false;
 	const skeleton = (_skeletonManagerServi = currentRender.with(SheetSkeletonManagerService).getSkeletonParam(location.subUnitId)) === null || _skeletonManagerServi === void 0 ? void 0 : _skeletonManagerServi.skeleton;
 	if (skeleton == null) return false;
-	const cellInfo = skeleton.getCellByIndex(location.row, location.col);
+	const cellInfo = skeleton.getCellWithCoordByIndex(location.row, location.col);
 	const cellWidth = cellInfo.mergeInfo.endX - cellInfo.mergeInfo.startX - 2;
 	const cellHeight = cellInfo.mergeInfo.endY - cellInfo.mergeInfo.startY - 2;
 	const imageRatio = rotatedWidth / rotatedHeight;
@@ -1037,12 +1037,6 @@ let BatchSaveImagesService = class BatchSaveImagesService extends Disposable {
 		this._imageIoService = _imageIoService;
 		this._urlImageService = _urlImageService;
 	}
-	/**
-	* @deprecated Use IURLImageService directly
-	*/
-	registerURLImageDownloader(downloader) {
-		return this._urlImageService.registerURLImageDownloader(downloader);
-	}
 	getCellImagesInSelection() {
 		const workbook = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return [];
@@ -1362,7 +1356,6 @@ const SaveCellImagesCommand = {
 			width: 360,
 			title: { title: titleText },
 			children: { label: BATCH_SAVE_IMAGES_DIALOG_ID },
-			destroyOnClose: true,
 			preservePositionOnDestroy: true,
 			onClose: () => dialogService.close(BATCH_SAVE_IMAGES_DIALOG_ID)
 		});
@@ -2069,7 +2062,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 	}
 	_commitFloatDomMove(info) {
 		var _this$_renderManagerS;
-		const skeletonParam = (_this$_renderManagerS = this._renderManagerService.getRenderById(info.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).getSkeletonParam(info.subUnitId);
+		const skeletonParam = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(info.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).getSkeletonParam(info.subUnitId);
 		const drawing = this._sheetDrawingService.getDrawingByParam({
 			unitId: info.unitId,
 			subUnitId: info.subUnitId,
@@ -2238,7 +2231,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 	}
 	_getSceneAndTransformerByDrawingSearch(unitId) {
 		if (unitId == null) return;
-		const renderUnit = this._renderManagerService.getRenderById(unitId);
+		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
 		const scene = renderUnit === null || renderUnit === void 0 ? void 0 : renderUnit.scene;
 		if (renderUnit == null || scene == null) return null;
 		return {
@@ -2262,7 +2255,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				if (!workbook) return;
 				const activeSheetId = workbook.getActiveSheet().getSheetId();
 				if (!floatDomParam || !target) return;
-				const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+				const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 				if (!skeleton) return;
 				const { transform, drawingType, data, hidden, groupId } = floatDomParam;
 				if (!isCanvasFloatDomDrawingType(drawingType)) return;
@@ -2505,7 +2498,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				unitId,
 				subUnitId
 			});
-			const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+			const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 			if (!renderObject || !target || !skeleton) return;
 			ids.forEach((id) => {
 				const floatDomInfo = this._domLayerInfoMap.get(id);
@@ -2525,7 +2518,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => workbook ? workbook.activeSheet$ : of(null)), map((worksheet) => {
 			if (!worksheet) return null;
 			const unitId = worksheet.getUnitId();
-			const render = this._renderManagerService.getRenderById(unitId);
+			const render = this._renderManagerService.getRenderUnitById(unitId);
 			return render ? {
 				render,
 				unitId,
@@ -2622,7 +2615,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 	_getPosition(position, unitId) {
 		var _this$_renderManagerS4;
 		const { startX, endX, startY, endY } = position;
-		const selectionRenderService = (_this$_renderManagerS4 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(ISheetSelectionRenderService);
+		const selectionRenderService = (_this$_renderManagerS4 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(ISheetSelectionRenderService);
 		if (selectionRenderService == null) return;
 		const start = selectionRenderService.getCellWithCoordByOffset(startX, startY);
 		if (start == null) return;
@@ -2769,9 +2762,9 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 		const { unitId, subUnitId } = target;
 		const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
 		if (!renderObject) return;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender) return;
-		const skeletonParam = (_this$_renderManagerS5 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS5 === void 0 ? void 0 : _this$_renderManagerS5.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+		const skeletonParam = (_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 ? void 0 : _this$_renderManagerS5.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 		if (!skeletonParam) return;
 		const { componentKey, data, allowTransform = true } = config;
 		const id = propId !== null && propId !== void 0 ? propId : generateRandomId();
@@ -2809,7 +2802,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 			if (!workbook) return;
 			const activeSheetId = workbook.getActiveSheet().getSheetId();
 			if (!floatDomParam || !target) return;
-			const skMangerService = (_this$_renderManagerS6 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(SheetSkeletonManagerService);
+			const skMangerService = (_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(SheetSkeletonManagerService);
 			if (!skMangerService) return;
 			const skeletonParam = skMangerService.getSkeletonParam(subUnitId);
 			if (!skeletonParam) return;
@@ -2946,7 +2939,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domAnchor);
-				const newPos = calcSheetFloatDomPosition(new Rect(getDrawingShapeKeyByDrawingSearch({
+				const newRect = new Rect(getDrawingShapeKeyByDrawingSearch({
 					unitId,
 					subUnitId,
 					drawingId
@@ -2956,10 +2949,11 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					width: (_domAnchor$width2 = domAnchor.width) !== null && _domAnchor$width2 !== void 0 ? _domAnchor$width2 : newRangePos.width,
 					height: (_domAnchor$height2 = domAnchor.height) !== null && _domAnchor$height2 !== void 0 ? _domAnchor$height2 : newRangePos.height,
 					zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
-				}), renderObject.renderUnit.scene, skeletonParam.skeleton, target.worksheet, floatDomInfo);
+				});
+				const newPos = calcSheetFloatDomPosition(newRect, renderObject.renderUnit.scene, skeletonParam.skeleton, target.worksheet, floatDomInfo);
 				position$.next(newPos);
 			}));
-			const skm = (_this$_renderManagerS7 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(SheetSkeletonManagerService);
+			const skm = (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(SheetSkeletonManagerService);
 			const skeletonSubscription = skm === null || skm === void 0 ? void 0 : skm.currentSkeleton$.subscribe((skeleton) => {
 				if (!skeleton) return;
 				if (skeletonParam.sheetId !== skeleton.sheetId) this._removeDom(id, true);
@@ -2986,9 +2980,9 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 		if (!target) throw new Error("cannot find current target!");
 		const { unitId, subUnitId } = target;
 		if (!this._getSceneAndTransformerByDrawingSearch(unitId)) return;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender) return;
-		const skeletonParam = (_this$_renderManagerS8 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+		const skeletonParam = (_this$_renderManagerS8 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 		if (!skeletonParam) return;
 		const { componentKey, data, allowTransform = true } = config;
 		const id = propId !== null && propId !== void 0 ? propId : generateRandomId();
@@ -3031,7 +3025,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 			if (!workbook) return;
 			const activeSheetId = workbook.getActiveSheet().getSheetId();
 			if (!floatDomParam || !target) return;
-			const skMangerService = (_this$_renderManagerS9 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(SheetSkeletonManagerService);
+			const skMangerService = (_this$_renderManagerS9 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(SheetSkeletonManagerService);
 			if (!skMangerService) return;
 			const skeleton = skMangerService.getSkeletonParam(subUnitId);
 			if (!skeleton) return;
@@ -3149,7 +3143,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domLayoutParam);
-				const newPos = calcSheetFloatDomPosition(new Rect(getDrawingShapeKeyByDrawingSearch({
+				const newRect = new Rect(getDrawingShapeKeyByDrawingSearch({
 					unitId,
 					subUnitId,
 					drawingId
@@ -3159,10 +3153,11 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					width: domLayoutParam.width,
 					height: domLayoutParam.height,
 					zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
-				}), renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo);
+				});
+				const newPos = calcSheetFloatDomPosition(newRect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo);
 				position$.next(newPos);
 			}));
-			const skm = (_this$_renderManagerS10 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS10 === void 0 ? void 0 : _this$_renderManagerS10.with(SheetSkeletonManagerService);
+			const skm = (_this$_renderManagerS10 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS10 === void 0 ? void 0 : _this$_renderManagerS10.with(SheetSkeletonManagerService);
 			skm === null || skm === void 0 || skm.currentSkeleton$.subscribe((skeleton) => {
 				if (!skeleton) return;
 				if (skeletonParam.sheetId !== skeleton.sheetId) this._removeDom(id, true);
@@ -3469,7 +3464,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-drawing-ui";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -3611,7 +3606,7 @@ const SheetDrawingAnchor = (props) => {
 	const renderManagerService = useDependency(IRenderManagerService);
 	const { drawings } = props;
 	const drawingParam = drawings[0];
-	const renderObject = drawingParam ? renderManagerService.getRenderById(drawingParam.unitId) : void 0;
+	const renderObject = drawingParam ? renderManagerService.getRenderUnitById(drawingParam.unitId) : void 0;
 	const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformerByCreate();
 	const [anchorShow, setAnchorShow] = useState(true);
@@ -3650,7 +3645,8 @@ const SheetDrawingAnchor = (props) => {
 			else if (params.length >= 1) {
 				var _params$;
 				setAnchorShow(true);
-				setValue(((_params$ = params[0]) === null || _params$ === void 0 ? void 0 : _params$.anchorType) || SheetDrawingAnchorType.Position);
+				const anchorType = ((_params$ = params[0]) === null || _params$ === void 0 ? void 0 : _params$.anchorType) || SheetDrawingAnchorType.Position;
+				setValue(anchorType);
 			}
 		});
 		return () => {
@@ -3797,7 +3793,7 @@ let DrawingContextMenuController = class DrawingContextMenuController extends Rx
 	_contextMenuListener(workbook) {
 		var _this$_renderManagerS;
 		if (!workbook) return;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(workbook.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(workbook.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (!scene) return;
 		const transformer = scene.getTransformerByCreate();
 		if (!transformer) return;
@@ -4105,7 +4101,6 @@ let SheetCellImageCopyPasteController = class SheetCellImageCopyPasteController
 						title: { label: this._localeService.t("sheets-drawing-ui.cell-image.pasteTitle") },
 						children: { label: this._localeService.t("sheets-drawing-ui.cell-image.pasteContent") },
 						width: 320,
-						destroyOnClose: true,
 						onClose: handleCloseDialog,
 						showOk: true,
 						showCancel: true,
@@ -4643,7 +4638,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 		const subUnitId = sheet.getSheetId();
 		const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
 		const drawingDataValues = Object.values(drawingData);
-		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) return;
 		scene.getAllObjectsByOrder().forEach((object) => {
@@ -4677,7 +4672,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 		const subUnitId = sheet.getSheetId();
 		const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
 		const drawingDataValues = Object.values(drawingData);
-		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) return;
 		scene.getAllObjectsByOrder().forEach((object) => {
@@ -4693,7 +4688,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				if (!sheet) return EMPTY;
 				const unitId = workbook.getUnitId();
 				const subUnitId = sheet.getSheetId();
-				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) return EMPTY;
 				const transformer = scene.getTransformerByCreate();
@@ -4741,7 +4736,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				if (!sheet) return EMPTY;
 				const unitId = workbook.getUnitId();
 				const subUnitId = sheet.getSheetId();
-				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) return EMPTY;
 				const transformer = scene.getTransformerByCreate();
@@ -4778,7 +4773,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				const sheet = workbook.getActiveSheet();
 				if (!sheet) return;
 				const subUnitId = sheet.getSheetId();
-				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) return;
 				const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
@@ -4915,7 +4910,7 @@ let SheetDrawingPrintingController = class SheetDrawingPrintingController extend
 		} }));
 		this.disposeWithMe(this._sheetPrintInterceptorService.interceptor.intercept(this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE, { handler: (range, pos, next) => {
 			const { unitId, subUnitId } = pos;
-			const renderer = this._renderManagerService.getRenderById(unitId);
+			const renderer = this._renderManagerService.getRenderUnitById(unitId);
 			if (!renderer) return next(range);
 			const skeleton = renderer.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 			if (!skeleton) return next(range);
@@ -5119,7 +5114,7 @@ const FlipSheetDrawingCommand = {
 	}
 };
 function getSceneByDrawingSearch(accessor, unitId) {
-	const render = accessor.get(IRenderManagerService).getRenderById(unitId);
+	const render = accessor.get(IRenderManagerService).getRenderUnitById(unitId);
 	if (!render) return null;
 	return render.scene;
 }
@@ -5308,7 +5303,7 @@ let DrawingPopupMenuController = class DrawingPopupMenuController extends RxDisp
 	}
 	_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;
@@ -5472,7 +5467,7 @@ let SheetDrawingHitTestService = class SheetDrawingHitTestService extends Dispos
 	}
 	hitTest(unitId, subUnitId, offsetX, offsetY) {
 		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 null;
 		return this._hitTestScene(scene, unitId, subUnitId, offsetX, offsetY);
 	}
@@ -5496,7 +5491,7 @@ let SheetDrawingHitTestService = class SheetDrawingHitTestService extends Dispos
 			this._disposeDoubleClickListener();
 			return;
 		}
-		const render = this._renderManagerService.getRenderById(context.unitId);
+		const render = this._renderManagerService.getRenderUnitById(context.unitId);
 		const scene = render === null || render === void 0 ? void 0 : render.scene;
 		if (!render || !scene) {
 			this._disposeDoubleClickListener();
@@ -5627,7 +5622,7 @@ _defineProperty(UniverSheetsDrawingUIPlugin, "pluginName", "SHEET_IMAGE_UI_PLUGI
 _defineProperty(UniverSheetsDrawingUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsDrawingUIPlugin, "version", version);
 UniverSheetsDrawingUIPlugin = __decorate([
-	DependentOn(UniverDrawingPlugin, UniverDocsDrawingPlugin, UniverDrawingUIPlugin, UniverSheetsDrawingPlugin),
+	DependentOn(UniverDrawingPlugin, UniverRenderEnginePlugin, UniverDocsDrawingPlugin, UniverSheetsPlugin, UniverUIPlugin, UniverSheetsDrawingPlugin, UniverDrawingUIPlugin, UniverSheetsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService)

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

@@ -49,11 +49,11 @@ const locale = { "sheets-drawing-ui": {
 	permission: { dialog: { editErr: "Phạm vi này đã được bảo vệ, hiện không có quyền chỉnh sửa. Nếu cần chỉnh sửa, vui lòng liên hệ với người tạo." } },
 	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 hình vẽ xuống",
+		"drawing-move-up": "Di chuyển hình vẽ lên",
+		"drawing-move-left": "Di chuyển hình vẽ sang trái",
+		"drawing-move-right": "Di chuyển hình vẽ sang phải",
+		"drawing-delete": "Xóa hình vẽ"
 	}
 } };