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

package/lib/cjs/index.js

@@ -456,12 +456,14 @@ function SetDrawingAlignVerticalMenuItemFactory() {
 //#endregion
 //#region src/menu/arrange.menu.ts
 const DRAWING_ARRANGE_CONTEXT_MENU_ID = "contextMenu.drawing-arrange";
-function DrawingArrangeContextMenuItemFactory() {
+function DrawingArrangeContextMenuItemFactory(accessor) {
+	const drawingManagerService = accessor.get(_univerjs_drawing.IDrawingManagerService);
 	return {
 		id: DRAWING_ARRANGE_CONTEXT_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		icon: "TopmostIcon",
-		title: "drawing-ui.image-panel.arrange.title"
+		title: "drawing-ui.image-panel.arrange.title",
+		hidden$: drawingManagerService.focus$.pipe((0, rxjs.startWith)(drawingManagerService.getFocusDrawings()), (0, rxjs.map)((drawings) => drawings.length === 0))
 	};
 }
 function SetDrawingArrangeFrontMenuItemFactory() {
@@ -625,7 +627,7 @@ const menuSchema = { [_univerjs_ui.ContextMenuPosition.DRAWING]: { [_univerjs_ui
 //#endregion
 //#region package.json
 var name = "@univerjs/drawing-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -899,7 +901,7 @@ function DocChartFloatingToolbar(props) {
 }
 
 //#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);
@@ -907,7 +909,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);
@@ -962,7 +964,7 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
 
 //#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) {
@@ -973,7 +975,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];
@@ -986,14 +988,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,
@@ -1368,7 +1370,7 @@ let DrawingUpdateController = class DrawingUpdateController extends _univerjs_co
 	}
 	_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 null;
 		return {
@@ -1980,7 +1982,7 @@ let ImageCropperController = class ImageCropperController extends _univerjs_core
 			const drawingParams = this._drawingManagerService.getFocusDrawings();
 			if (drawingParams.length !== 1) return;
 			const { unitId, subUnitId, drawingId } = drawingParams[0];
-			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 true;
 			if (this._searchCropObject(scene) != null) this._commandService.syncExecuteCommand(CloseImageCropOperation.id, { isAuto: true });
@@ -2072,7 +2074,7 @@ let ImageCropperController = class ImageCropperController extends _univerjs_core
 			const params = command.params;
 			if (params == null) return;
 			const { unitId, subUnitId, drawingId } = 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 (scene == null) return true;
 			if (!this._sceneListenerOnImageMap.has(scene)) {
@@ -2128,7 +2130,7 @@ let ImageCropperController = class ImageCropperController extends _univerjs_core
 			const currentUnit = this._univerInstanceService.getFocusedUnit();
 			if (currentUnit == null) return;
 			const unitId = currentUnit.getUnitId();
-			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 true;
 			const imageCropperObject = this._searchCropObject(scene);
@@ -2298,7 +2300,7 @@ let ImageUpdateController = class ImageUpdateController extends _univerjs_core.D
 	}
 	_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 null;
 		return {
@@ -2384,7 +2386,7 @@ let ImageUpdateController = class ImageUpdateController extends _univerjs_core.D
 				if (drawingType !== _univerjs_core.DrawingTypeEnum.DRAWING_IMAGE) return;
 				const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
 				if (renderObject == null) return;
-				const { scene, transformer } = renderObject;
+				const { scene } = renderObject;
 				if (transform == null) return true;
 				const drawingShapeKey = (0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
 					unitId,
@@ -2393,7 +2395,18 @@ let ImageUpdateController = class ImageUpdateController extends _univerjs_core.D
 				});
 				const imageShape = scene.getObject(drawingShapeKey);
 				if (imageShape == null) return true;
-				imageShape.transformByState(transform);
+				const { left = 0, top = 0, width = 0, height = 0, angle = 0, flipX = false, flipY = false, skewX = 0, skewY = 0 } = transform;
+				imageShape.transformByState({
+					left,
+					top,
+					width,
+					height,
+					angle,
+					flipX,
+					flipY,
+					skewX,
+					skewY
+				});
 				(_setClipBounds = imageShape.setClipBounds) === null || _setClipBounds === void 0 || _setClipBounds.call(imageShape, transform.clipBounds);
 				ensureDrawingRenderLayer(scene, imageShape, drawingParam);
 				imageShape.setSrcRect(srcRect);
@@ -2522,7 +2535,11 @@ let UniverDrawingUIPlugin = class UniverDrawingUIPlugin extends _univerjs_core.P
 _defineProperty(UniverDrawingUIPlugin, "pluginName", "UNIVER_DRAWING_UI_PLUGIN");
 _defineProperty(UniverDrawingUIPlugin, "packageName", name);
 _defineProperty(UniverDrawingUIPlugin, "version", version);
-UniverDrawingUIPlugin = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(2, _univerjs_core.IConfigService)], UniverDrawingUIPlugin);
+UniverDrawingUIPlugin = __decorate([
+	(0, _univerjs_core.DependentOn)(_univerjs_drawing.UniverDrawingPlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_ui.UniverUIPlugin),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.IConfigService)
+], UniverDrawingUIPlugin);
 
 //#endregion
 //#region src/views/object-list-panel/object-list-panel-layer.ts
@@ -2675,7 +2692,7 @@ function ObjectListPanelBase(props) {
 		});
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "univer-box-border univer-flex univer-size-full univer-min-w-0 univer-max-w-full univer-flex-col univer-gap-3 univer-overflow-hidden univer-text-gray-700 dark:!univer-text-gray-200",
+		className: "univer-box-border univer-flex univer-size-full univer-min-w-0 univer-max-w-full univer-flex-col univer-gap-3 univer-overflow-hidden univer-py-2 univer-text-gray-700 dark:!univer-text-gray-200",
 		"data-drawing-object-list-panel": "true",
 		children: [
 			showHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2909,7 +2926,7 @@ function ObjectListRow(props) {
 			}),
 			showLock && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: (0, _univerjs_design.clsx)(iconButtonClassName, !locked && "univer-opacity-70"),
+				className: iconButtonClassName,
 				disabled,
 				title: locked ? labels.unlock : labels.lock,
 				"aria-label": locked ? labels.unlock : labels.lock,
@@ -2917,7 +2934,7 @@ function ObjectListRow(props) {
 					event.stopPropagation();
 					onToggleSelectable();
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LockIcon, {})
+				children: locked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LockIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.UnlockIcon, {})
 			}),
 			showVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
@@ -3143,7 +3160,7 @@ const DrawingGroup = (props) => {
 	const GroupIcon = iconManager.get("GroupIcon");
 	const UngroupIcon = iconManager.get("UngroupIcon");
 	const drawingParam = drawings[0];
-	const transformer = drawingParam ? (_renderManagerService = renderManagerService.getRenderById(drawingParam.unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.getTransformerByCreate() : void 0;
+	const transformer = drawingParam ? (_renderManagerService = renderManagerService.getRenderUnitById(drawingParam.unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.getTransformerByCreate() : void 0;
 	const { groupShow, groupBtnShow, ungroupBtnShow } = (0, _univerjs_ui.useObservable)(transformer ? () => (0, rxjs.merge)(transformer.clearControl$.pipe((0, rxjs.filter)((changeSelf) => changeSelf === true), (0, rxjs.map)(() => ({
 		groupShow: false,
 		groupBtnShow: false,
@@ -3222,7 +3239,7 @@ const DrawingTransform = (props) => {
 	var _renderManagerService, _scene$getEngine;
 	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;
 	const topScene = scene === null || scene === void 0 || (_scene$getEngine = scene.getEngine()) === null || _scene$getEngine === void 0 ? void 0 : _scene$getEngine.activeScene;
 	if (!(drawingParam === null || drawingParam === void 0 ? void 0 : drawingParam.transform) || !scene || !topScene) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawingTransformContent, { ...props });
@@ -3235,7 +3252,7 @@ function DrawingTransformContent(props) {
 	const drawingParam = drawings[0];
 	const transform = drawingParam.transform;
 	const { unitId, subUnitId, drawingId, drawingType } = drawingParam;
-	const scene = renderManagerService.getRenderById(unitId).scene;
+	const scene = renderManagerService.getRenderUnitById(unitId).scene;
 	const topScene = scene.getEngine().activeScene;
 	const transformer = scene.getTransformerByCreate();
 	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = transform;
@@ -3602,7 +3619,7 @@ const DrawingCommonPanel = (props) => {
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const { drawings, hasArrange = true, hasTransform = true, hasAlign = true, hasCropper = true, hasGroup = true } = 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 { arrangeShow, transformShow, alignShow, cropperShow, nullShow } = (0, _univerjs_ui.useObservable)(() => (0, rxjs.merge)(drawingManagerService.focus$.pipe((0, rxjs.map)(getPanelShowState)), ...transformer ? [transformer.clearControl$.pipe((0, rxjs.filter)((changeSelf) => changeSelf === true), (0, rxjs.map)(() => getPanelShowState([]))), transformer.changeStart$.pipe((0, rxjs.map)((state) => getPanelShowState(getUpdateParams(state.objects, drawingManagerService))))] : []), getPanelShowState(drawings), false, [drawingManagerService, transformer]);

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

@@ -18,7 +18,7 @@ const locale = { "drawing-ui": {
 		nameInput: "Nom de l'objet",
 		description: "Description",
 		descriptionPlaceholder: "Ajouter une description",
-		details: "Details",
+		details: "Détails",
 		locate: "Localiser",
 		expand: "Développer",
 		collapse: "Réduire",

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

@@ -89,22 +89,22 @@ const locale = { "drawing-ui": {
 		null: "Нет выбранных объектов"
 	},
 	"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: "Сверху (пкс)",
+		left: "Слева (пкс)",
+		bottom: "Снизу (пкс)",
+		right: "Справа (пкс)"
 	},
 	"image-popup": {
 		replace: "Заменить",

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

@@ -89,22 +89,22 @@ const locale = { "drawing-ui": {
 		null: "Không có đối tượng nào được chọn"
 	},
 	"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ục văn bản",
+		wrappingStyle: "Kiểu bố cục",
+		square: "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 từ văn bản",
+		top: "Trên (px)",
+		left: "Trái (px)",
+		bottom: "Dưới (px)",
+		right: "Phải (px)"
 	},
 	"image-popup": {
 		replace: "Thay thế",

package/lib/es/index.js

@@ -1,9 +1,9 @@
-import { ArrangeTypeEnum, BooleanNumber, CommandType, Disposable, DrawingTypeEnum, ICommandService, IConfigService, IImageIoService, IURLImageService, IUniverInstanceService, ImageSourceType, Inject, Injector, LocaleService, Plugin, PositionedObjectLayoutType, UniverInstanceType, checkIfMove, debounce, generateRandomId, merge, toDisposable } from "@univerjs/core";
-import { DRAWING_GROUPABLE_TYPES, IDrawingManagerService, SetDrawingSelectedOperation, getDrawingShapeKeyByDrawingSearch, isGroupableDrawingType, resolveDrawingRotateEnabled } from "@univerjs/drawing";
-import { CURSOR_TYPE, Canvas, DRAWING_OBJECT_LAYER_INDEX, DrawingGroupObject, Group, IRenderManagerService, Image, RENDER_CLASS_TYPE, Rect, Shape, Vector2, degToRad, getGroupState, precisionTo, transformObjectOutOfGroup } from "@univerjs/engine-render";
-import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IDialogService, IGalleryService, IMenuManagerService, IMessageService, IconManager, MenuItemType, useDependency, useObservable } from "@univerjs/ui";
-import { BehaviorSubject, Observable, bufferTime, filter, map, merge as merge$1, of, switchMap } from "rxjs";
-import { ArrowDownIcon, ArrowUpIcon, AutofillDoubleIcon, BottomIcon, ChartIcon, CreateCopyIcon, CropIcon, DeleteIcon, DocSettingIcon, EyeIcon, EyelashIcon, GroupIcon, LocateFixedIcon, LockIcon, MoreDownIcon, MoreRightIcon, MoveDownIcon, MoveUpIcon, TextWrapShapeIcon, TopmostIcon, UngroupIcon } from "@univerjs/icons";
+import { ArrangeTypeEnum, BooleanNumber, CommandType, DependentOn, Disposable, DrawingTypeEnum, ICommandService, IConfigService, IImageIoService, IURLImageService, IUniverInstanceService, ImageSourceType, Inject, Injector, LocaleService, Plugin, PositionedObjectLayoutType, UniverInstanceType, checkIfMove, debounce, generateRandomId, merge, toDisposable } from "@univerjs/core";
+import { DRAWING_GROUPABLE_TYPES, IDrawingManagerService, SetDrawingSelectedOperation, UniverDrawingPlugin, getDrawingShapeKeyByDrawingSearch, isGroupableDrawingType, resolveDrawingRotateEnabled } from "@univerjs/drawing";
+import { CURSOR_TYPE, Canvas, DRAWING_OBJECT_LAYER_INDEX, DrawingGroupObject, Group, IRenderManagerService, Image, RENDER_CLASS_TYPE, Rect, Shape, UniverRenderEnginePlugin, Vector2, degToRad, getGroupState, precisionTo, transformObjectOutOfGroup } from "@univerjs/engine-render";
+import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IDialogService, IGalleryService, IMenuManagerService, IMessageService, IconManager, MenuItemType, UniverUIPlugin, useDependency, useObservable } from "@univerjs/ui";
+import { BehaviorSubject, Observable, bufferTime, filter, map, merge as merge$1, of, startWith, switchMap } from "rxjs";
+import { ArrowDownIcon, ArrowUpIcon, AutofillDoubleIcon, BottomIcon, ChartIcon, CreateCopyIcon, CropIcon, DeleteIcon, DocSettingIcon, EyeIcon, EyelashIcon, GroupIcon, LocateFixedIcon, LockIcon, MoreDownIcon, MoreRightIcon, MoveDownIcon, MoveUpIcon, TextWrapShapeIcon, TopmostIcon, UngroupIcon, UnlockIcon } from "@univerjs/icons";
 import { Button, Checkbox, Dropdown, DropdownMenu, Input, InputNumber, MessageType, Select, Separator, Tooltip, borderClassName, clsx } from "@univerjs/design";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -455,12 +455,14 @@ function SetDrawingAlignVerticalMenuItemFactory() {
 //#endregion
 //#region src/menu/arrange.menu.ts
 const DRAWING_ARRANGE_CONTEXT_MENU_ID = "contextMenu.drawing-arrange";
-function DrawingArrangeContextMenuItemFactory() {
+function DrawingArrangeContextMenuItemFactory(accessor) {
+	const drawingManagerService = accessor.get(IDrawingManagerService);
 	return {
 		id: DRAWING_ARRANGE_CONTEXT_MENU_ID,
 		type: MenuItemType.SUBITEMS,
 		icon: "TopmostIcon",
-		title: "drawing-ui.image-panel.arrange.title"
+		title: "drawing-ui.image-panel.arrange.title",
+		hidden$: drawingManagerService.focus$.pipe(startWith(drawingManagerService.getFocusDrawings()), map((drawings) => drawings.length === 0))
 	};
 }
 function SetDrawingArrangeFrontMenuItemFactory() {
@@ -624,7 +626,7 @@ const menuSchema = { [ContextMenuPosition.DRAWING]: { [ContextMenuGroup.OTHERS]:
 //#endregion
 //#region package.json
 var name = "@univerjs/drawing-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -898,7 +900,7 @@ function DocChartFloatingToolbar(props) {
 }
 
 //#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);
@@ -906,7 +908,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);
@@ -961,7 +963,7 @@ let ComponentsController = class ComponentsController extends Disposable {
 ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
 
 //#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) {
@@ -972,7 +974,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];
@@ -985,14 +987,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,
@@ -1367,7 +1369,7 @@ let DrawingUpdateController = class DrawingUpdateController extends Disposable {
 	}
 	_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 null;
 		return {
@@ -1979,7 +1981,7 @@ let ImageCropperController = class ImageCropperController extends Disposable {
 			const drawingParams = this._drawingManagerService.getFocusDrawings();
 			if (drawingParams.length !== 1) return;
 			const { unitId, subUnitId, drawingId } = drawingParams[0];
-			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 true;
 			if (this._searchCropObject(scene) != null) this._commandService.syncExecuteCommand(CloseImageCropOperation.id, { isAuto: true });
@@ -2071,7 +2073,7 @@ let ImageCropperController = class ImageCropperController extends Disposable {
 			const params = command.params;
 			if (params == null) return;
 			const { unitId, subUnitId, drawingId } = 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 (scene == null) return true;
 			if (!this._sceneListenerOnImageMap.has(scene)) {
@@ -2127,7 +2129,7 @@ let ImageCropperController = class ImageCropperController extends Disposable {
 			const currentUnit = this._univerInstanceService.getFocusedUnit();
 			if (currentUnit == null) return;
 			const unitId = currentUnit.getUnitId();
-			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 true;
 			const imageCropperObject = this._searchCropObject(scene);
@@ -2297,7 +2299,7 @@ let ImageUpdateController = class ImageUpdateController extends Disposable {
 	}
 	_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 null;
 		return {
@@ -2383,7 +2385,7 @@ let ImageUpdateController = class ImageUpdateController extends Disposable {
 				if (drawingType !== DrawingTypeEnum.DRAWING_IMAGE) return;
 				const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
 				if (renderObject == null) return;
-				const { scene, transformer } = renderObject;
+				const { scene } = renderObject;
 				if (transform == null) return true;
 				const drawingShapeKey = getDrawingShapeKeyByDrawingSearch({
 					unitId,
@@ -2392,7 +2394,18 @@ let ImageUpdateController = class ImageUpdateController extends Disposable {
 				});
 				const imageShape = scene.getObject(drawingShapeKey);
 				if (imageShape == null) return true;
-				imageShape.transformByState(transform);
+				const { left = 0, top = 0, width = 0, height = 0, angle = 0, flipX = false, flipY = false, skewX = 0, skewY = 0 } = transform;
+				imageShape.transformByState({
+					left,
+					top,
+					width,
+					height,
+					angle,
+					flipX,
+					flipY,
+					skewX,
+					skewY
+				});
 				(_setClipBounds = imageShape.setClipBounds) === null || _setClipBounds === void 0 || _setClipBounds.call(imageShape, transform.clipBounds);
 				ensureDrawingRenderLayer(scene, imageShape, drawingParam);
 				imageShape.setSrcRect(srcRect);
@@ -2521,7 +2534,11 @@ let UniverDrawingUIPlugin = class UniverDrawingUIPlugin extends Plugin {
 _defineProperty(UniverDrawingUIPlugin, "pluginName", "UNIVER_DRAWING_UI_PLUGIN");
 _defineProperty(UniverDrawingUIPlugin, "packageName", name);
 _defineProperty(UniverDrawingUIPlugin, "version", version);
-UniverDrawingUIPlugin = __decorate([__decorateParam(1, Inject(Injector)), __decorateParam(2, IConfigService)], UniverDrawingUIPlugin);
+UniverDrawingUIPlugin = __decorate([
+	DependentOn(UniverDrawingPlugin, UniverRenderEnginePlugin, UniverUIPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService)
+], UniverDrawingUIPlugin);
 
 //#endregion
 //#region src/views/object-list-panel/object-list-panel-layer.ts
@@ -2674,7 +2691,7 @@ function ObjectListPanelBase(props) {
 		});
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "univer-box-border univer-flex univer-size-full univer-min-w-0 univer-max-w-full univer-flex-col univer-gap-3 univer-overflow-hidden univer-text-gray-700 dark:!univer-text-gray-200",
+		className: "univer-box-border univer-flex univer-size-full univer-min-w-0 univer-max-w-full univer-flex-col univer-gap-3 univer-overflow-hidden univer-py-2 univer-text-gray-700 dark:!univer-text-gray-200",
 		"data-drawing-object-list-panel": "true",
 		children: [
 			showHeader && /* @__PURE__ */ jsx("div", {
@@ -2908,7 +2925,7 @@ function ObjectListRow(props) {
 			}),
 			showLock && /* @__PURE__ */ jsx("button", {
 				type: "button",
-				className: clsx(iconButtonClassName, !locked && "univer-opacity-70"),
+				className: iconButtonClassName,
 				disabled,
 				title: locked ? labels.unlock : labels.lock,
 				"aria-label": locked ? labels.unlock : labels.lock,
@@ -2916,7 +2933,7 @@ function ObjectListRow(props) {
 					event.stopPropagation();
 					onToggleSelectable();
 				},
-				children: /* @__PURE__ */ jsx(LockIcon, {})
+				children: locked ? /* @__PURE__ */ jsx(LockIcon, {}) : /* @__PURE__ */ jsx(UnlockIcon, {})
 			}),
 			showVisible && /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -3142,7 +3159,7 @@ const DrawingGroup = (props) => {
 	const GroupIcon = iconManager.get("GroupIcon");
 	const UngroupIcon = iconManager.get("UngroupIcon");
 	const drawingParam = drawings[0];
-	const transformer = drawingParam ? (_renderManagerService = renderManagerService.getRenderById(drawingParam.unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.getTransformerByCreate() : void 0;
+	const transformer = drawingParam ? (_renderManagerService = renderManagerService.getRenderUnitById(drawingParam.unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.getTransformerByCreate() : void 0;
 	const { groupShow, groupBtnShow, ungroupBtnShow } = useObservable(transformer ? () => merge$1(transformer.clearControl$.pipe(filter((changeSelf) => changeSelf === true), map(() => ({
 		groupShow: false,
 		groupBtnShow: false,
@@ -3221,7 +3238,7 @@ const DrawingTransform = (props) => {
 	var _renderManagerService, _scene$getEngine;
 	const renderManagerService = useDependency(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;
 	const topScene = scene === null || scene === void 0 || (_scene$getEngine = scene.getEngine()) === null || _scene$getEngine === void 0 ? void 0 : _scene$getEngine.activeScene;
 	if (!(drawingParam === null || drawingParam === void 0 ? void 0 : drawingParam.transform) || !scene || !topScene) return null;
 	return /* @__PURE__ */ jsx(DrawingTransformContent, { ...props });
@@ -3234,7 +3251,7 @@ function DrawingTransformContent(props) {
 	const drawingParam = drawings[0];
 	const transform = drawingParam.transform;
 	const { unitId, subUnitId, drawingId, drawingType } = drawingParam;
-	const scene = renderManagerService.getRenderById(unitId).scene;
+	const scene = renderManagerService.getRenderUnitById(unitId).scene;
 	const topScene = scene.getEngine().activeScene;
 	const transformer = scene.getTransformerByCreate();
 	const { width: originWidth = 0, height: originHeight = 0, left: originX = 0, top: originY = 0, angle: originRotation = 0 } = transform;
@@ -3601,7 +3618,7 @@ const DrawingCommonPanel = (props) => {
 	const localeService = useDependency(LocaleService);
 	const { drawings, hasArrange = true, hasTransform = true, hasAlign = true, hasCropper = true, hasGroup = true } = 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 { arrangeShow, transformShow, alignShow, cropperShow, nullShow } = useObservable(() => merge$1(drawingManagerService.focus$.pipe(map(getPanelShowState)), ...transformer ? [transformer.clearControl$.pipe(filter((changeSelf) => changeSelf === true), map(() => getPanelShowState([]))), transformer.changeStart$.pipe(map((state) => getPanelShowState(getUpdateParams(state.objects, drawingManagerService))))] : []), getPanelShowState(drawings), false, [drawingManagerService, transformer]);

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

@@ -17,7 +17,7 @@ const locale = { "drawing-ui": {
 		nameInput: "Nom de l'objet",
 		description: "Description",
 		descriptionPlaceholder: "Ajouter une description",
-		details: "Details",
+		details: "Détails",
 		locate: "Localiser",
 		expand: "Développer",
 		collapse: "Réduire",

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

@@ -88,22 +88,22 @@ const locale = { "drawing-ui": {
 		null: "Нет выбранных объектов"
 	},
 	"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: "Сверху (пкс)",
+		left: "Слева (пкс)",
+		bottom: "Снизу (пкс)",
+		right: "Справа (пкс)"
 	},
 	"image-popup": {
 		replace: "Заменить",