@univerjs/drawing-ui 1.0.0-alpha.1 → 1.0.0-alpha.2

package/lib/cjs/index.js

@@ -132,15 +132,13 @@ const SetDrawingArrangeBackwardOperation = {
 //#endregion
 //#region src/commands/operations/drawing-group.operation.ts
 /**
-* Now only support grouping images, shapes, and groups.
+* Now only support grouping images, shapes, charts, and groups.
 */
-const DRAWING_GROUP_TYPES = [
-	_univerjs_core.DrawingTypeEnum.DRAWING_IMAGE,
-	_univerjs_core.DrawingTypeEnum.DRAWING_SHAPE,
-	_univerjs_core.DrawingTypeEnum.DRAWING_GROUP
-];
+const DRAWING_GROUP_TYPES = _univerjs_drawing.DRAWING_GROUPABLE_TYPES;
 /**
-* Group the selected drawings into a new group. The selected drawings must be of type image, shape, or group, and there must be at least 2 drawings selected.
+* Group the selected drawings into a new group. The selected drawings must be
+* of type image, shape, chart, or group, and there must be at least 2 drawings
+* selected.
 */
 const SetDrawingGroupOperation = {
 	id: "drawing.operation.set-drawing-group",
@@ -149,7 +147,7 @@ const SetDrawingGroupOperation = {
 		const drawingManagerService = accessor.get(_univerjs_drawing.IDrawingManagerService);
 		const drawings = params.drawings || drawingManagerService.getFocusDrawings();
 		if (drawings.length < 2) return false;
-		if (!drawings.every((drawing) => DRAWING_GROUP_TYPES.includes(drawing.drawingType))) return false;
+		if (!drawings.every((drawing) => (0, _univerjs_drawing.isGroupableDrawingType)(drawing.drawingType))) return false;
 		const { unitId, subUnitId } = drawings[0];
 		const groupId = (0, _univerjs_core.generateRandomId)(10);
 		const groupTransform = (0, _univerjs_engine_render.getGroupState)(0, 0, drawings.map((o) => o.transform || {}));
@@ -171,11 +169,12 @@ const SetDrawingGroupOperation = {
 				left: 0,
 				top: 0
 			};
-			const { unitId, subUnitId, drawingId } = drawing;
+			const { unitId, subUnitId, drawingId, drawingType } = drawing;
 			return {
 				unitId,
 				subUnitId,
 				drawingId,
+				drawingType,
 				transform: { ...transform },
 				groupId
 			};
@@ -267,8 +266,48 @@ const ImageResetSizeOperation = {
 	}
 };
 
+//#endregion
+//#region src/utils/rotate-enabled.ts
+function isKnownDrawingUINonRotatableType(drawingType) {
+	return drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_CHART;
+}
+function resolveDrawingUIRotateEnabled(drawing, options = {}) {
+	var _options$isKnownNonRo;
+	return (0, _univerjs_drawing.resolveDrawingRotateEnabled)(drawing, {
+		...options,
+		isKnownNonRotatableType: (_options$isKnownNonRo = options.isKnownNonRotatableType) !== null && _options$isKnownNonRo !== void 0 ? _options$isKnownNonRo : isKnownDrawingUINonRotatableType
+	});
+}
+
 //#endregion
 //#region src/controllers/utils.ts
+function getDrawingRenderObject(scene, drawingSearch) {
+	var _scene$getObjectInclu;
+	const key = (0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)(drawingSearch);
+	return (_scene$getObjectInclu = scene.getObjectIncludeInGroup(key)) !== null && _scene$getObjectInclu !== void 0 ? _scene$getObjectInclu : null;
+}
+function disposeDrawingRenderObject(scene, drawingSearch) {
+	const object = getDrawingRenderObject(scene, drawingSearch);
+	if (object == null) return false;
+	object.dispose();
+	return true;
+}
+function getRenderObjectForDrawing(scene, drawing) {
+	return getDrawingRenderObject(scene, drawing);
+}
+function syncGroupRotateEnabled(group, groupParam, scene, drawingManagerService, children) {
+	const rotateEnabled = resolveDrawingUIRotateEnabled(groupParam, {
+		getChildren: (drawing) => {
+			if (children && drawing.drawingId === groupParam.drawingId && drawing.unitId === groupParam.unitId && drawing.subUnitId === groupParam.subUnitId) return children;
+			return drawingManagerService.getDrawingsByGroup(drawing);
+		},
+		getRenderObject: (drawing) => getRenderObjectForDrawing(scene, drawing)
+	});
+	group.transformerConfig = {
+		...group.transformerConfig,
+		rotateEnabled
+	};
+}
 function insertGroupObject(objectParam, object, scene, drawingManagerService) {
 	const groupParam = drawingManagerService.getDrawingByParam(objectParam);
 	if (groupParam == null) return;
@@ -279,11 +318,13 @@ function insertGroupObject(objectParam, object, scene, drawingManagerService) {
 		const objects = groupObject.getObjects();
 		for (const obj of objects) if (obj.oKey === object.oKey) return;
 		groupObject.addObject(object);
+		syncGroupRotateEnabled(groupObject, groupParam, scene, drawingManagerService);
 		return;
 	}
 	const group = new _univerjs_engine_render.DrawingGroupObject(groupKey);
 	scene.addObject(group, _univerjs_engine_render.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(group);
 	group.addObject(object);
+	syncGroupRotateEnabled(group, groupParam, scene, drawingManagerService);
 	const { transform, groupBaseBound } = groupParam;
 	if (groupBaseBound) group.setBaseBound(groupBaseBound);
 	if (groupParam.groupId) {
@@ -322,7 +363,7 @@ function getCurrentUnitInfo(currentUniverService, propUnitId) {
 //#endregion
 //#region package.json
 var name = "@univerjs/drawing-ui";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-alpha.2";
 
 //#endregion
 //#region src/config/config.ts
@@ -943,16 +984,18 @@ function getUpdateParams(objects, drawingManagerService) {
 
 //#endregion
 //#region src/controllers/drawing-update.controller.ts
+function hasRefreshMetadata(refreshParam) {
+	return "hidden" in refreshParam || "behindText" in refreshParam;
+}
 function syncDrawingHiddenState(shape, drawingParam) {
 	if (!("hidden" in drawingParam)) return;
 	drawingParam.hidden === true ? shape.hide() : shape.show();
 }
 function mergeRefreshMetadata(drawingParam, refreshParam) {
-	const metadata = refreshParam;
-	if (!("hidden" in metadata) && !("behindText" in metadata)) return drawingParam;
+	if (!hasRefreshMetadata(refreshParam)) return drawingParam;
 	return {
 		...drawingParam,
-		...metadata
+		...refreshParam
 	};
 }
 let DrawingUpdateController = class DrawingUpdateController extends _univerjs_core.Disposable {
@@ -1059,6 +1102,7 @@ let DrawingUpdateController = class DrawingUpdateController extends _univerjs_co
 		}));
 		scene.addObject(group, _univerjs_engine_render.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(group);
 		group.addObjects(...objects);
+		syncGroupRotateEnabled(group, parent, scene, this._drawingManagerService, children);
 		if (parent.groupBaseBound) group.setBaseBound(parent.groupBaseBound);
 		if (parent.groupId) {
 			group.isInGroup = true;
@@ -1271,15 +1315,12 @@ let DrawingUpdateController = class DrawingUpdateController extends _univerjs_co
 				const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
 				if (renderObject == null) return;
 				const { scene } = renderObject;
-				const drawingShapeKey = (0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
+				if (disposeDrawingRenderObject(scene, {
 					unitId,
 					subUnitId,
 					drawingId
-				});
-				const drawingShapes = scene.fuzzyMathObjects(drawingShapeKey, true);
-				if (drawingShapes.length > 0) {
+				})) {
 					var _scene$getTransformer;
-					for (const drawingShape of drawingShapes) drawingShape.dispose();
 					(_scene$getTransformer = scene.getTransformer()) === null || _scene$getTransformer === void 0 || _scene$getTransformer.clearSelectedObjects();
 				}
 			});
@@ -1340,7 +1381,7 @@ let DrawingUpdateController = class DrawingUpdateController extends _univerjs_co
 					subUnitId,
 					drawingId
 				});
-				const drawingShape = scene.getObject(drawingShapeKey);
+				const drawingShape = scene.getObjectIncludeInGroup(drawingShapeKey);
 				const drawingParamWithRefreshMetadata = mergeRefreshMetadata(drawingParam, param);
 				if (drawingShape == null) {
 					if (drawingParamWithRefreshMetadata.hidden === true) return true;
@@ -2221,10 +2262,10 @@ function getMenuStateByDrawingFocusChangedObservable$(accessor, type) {
 			if (!drawings || drawings.length === 0) return subscriber.next(true);
 			if (type === "group") {
 				if (drawings.length < 2) return subscriber.next(true);
-				if (!drawings.every((drawing) => DRAWING_GROUP_TYPES.includes(drawing.drawingType))) return subscriber.next(true);
+				if (!drawings.every((drawing) => (0, _univerjs_drawing.isGroupableDrawingType)(drawing.drawingType))) return subscriber.next(true);
 			} else if (type === "unGroup") {
 				if (drawings.filter((drawing) => drawing.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_GROUP).length === 0) return subscriber.next(true);
-			} else if (!drawings.every((drawing) => DRAWING_GROUP_TYPES.includes(drawing.drawingType))) return subscriber.next(true);
+			} else if (!drawings.every((drawing) => (0, _univerjs_drawing.isGroupableDrawingType)(drawing.drawingType))) return subscriber.next(true);
 			subscriber.next(false);
 		};
 		const subscription = drawingManagerService.focus$.subscribe((drawings) => {
@@ -2644,6 +2685,29 @@ const DrawingGroup = (props) => {
 //#region src/utils/config.ts
 const RANGE_DRAWING_ROTATION_LIMIT = [-360, 360];
 
+//#endregion
+//#region src/views/panel/drawing-transform-rotation.ts
+function isDrawingTransformRotationDisabled(rotateEnabled) {
+	return !rotateEnabled;
+}
+function createDrawingTransformRotationChangeHandler(options) {
+	return (val) => {
+		if (isDrawingTransformRotationDisabled(options.rotateEnabled)) return;
+		if (val == null) return;
+		const { unitId, subUnitId, drawingId, drawingType } = options.drawingParam;
+		const updateParam = {
+			unitId,
+			subUnitId,
+			drawingId,
+			drawingType,
+			transform: { angle: val }
+		};
+		options.setRotation(val);
+		options.emitUpdate([updateParam]);
+		options.notifyChange();
+	};
+}
+
 //#endregion
 //#region src/views/panel/DrawingTransform.tsx
 const INPUT_DEBOUNCE_TIME = 300;
@@ -2671,6 +2735,8 @@ const DrawingTransform = (props) => {
 	const [yPosition, setYPosition] = (0, react.useState)(originY);
 	const [rotation, setRotation] = (0, react.useState)(originRotation);
 	const [lockRatio, setLockRatio] = (0, react.useState)(transformer.keepRatio);
+	const rotateEnabled = resolveDrawingUIRotateEnabled(drawingParam, { getChildren: (drawing) => drawingManagerService.getDrawingsByGroup(drawing) });
+	const rotationDisabled = isDrawingTransformRotationDisabled(rotateEnabled);
 	const checkMoveBoundary = (left, top, width, height) => {
 		const { width: topSceneWidth, height: topSceneHeight } = topScene;
 		const { ancestorLeft, ancestorTop } = scene;
@@ -2811,19 +2877,18 @@ const DrawingTransform = (props) => {
 		drawingManagerService.featurePluginUpdateNotification([updateParam]);
 		transformer.refreshControls().changeNotification();
 	}, INPUT_DEBOUNCE_TIME);
-	const handleRotationChange = (val) => {
-		if (val == null) return;
-		const updateParam = {
+	const handleRotationChange = createDrawingTransformRotationChangeHandler({
+		rotateEnabled,
+		drawingParam: {
 			unitId,
 			subUnitId,
 			drawingId,
-			drawingType,
-			transform: { angle: val }
-		};
-		setRotation(val);
-		drawingManagerService.featurePluginUpdateNotification([updateParam]);
-		transformer.refreshControls().changeNotification();
-	};
+			drawingType
+		},
+		setRotation,
+		emitUpdate: (updateParams) => drawingManagerService.featurePluginUpdateNotification(updateParams),
+		notifyChange: () => transformer.refreshControls().changeNotification()
+	});
 	const handleLockRatioChange = (val) => {
 		setLockRatio(val);
 		transformer.keepRatio = val;
@@ -2885,6 +2950,7 @@ const DrawingTransform = (props) => {
 						value: rotation,
 						min: RANGE_DRAWING_ROTATION_LIMIT[0],
 						max: RANGE_DRAWING_ROTATION_LIMIT[1],
+						disabled: rotationDisabled,
 						onChange: handleRotationChange
 					})] })
 				]
@@ -3155,6 +3221,8 @@ Object.defineProperty(exports, 'UniverDrawingUIPlugin', {
     return UniverDrawingUIPlugin;
   }
 });
+exports.disposeDrawingRenderObject = disposeDrawingRenderObject;
 exports.getCurrentUnitInfo = getCurrentUnitInfo;
+exports.getDrawingRenderObject = getDrawingRenderObject;
 exports.getUpdateParams = getUpdateParams;
 exports.insertGroupObject = insertGroupObject;

package/lib/es/index.js

@@ -1,5 +1,5 @@
 import { ArrangeTypeEnum, BooleanNumber, CommandType, Disposable, DrawingTypeEnum, ICommandService, IConfigService, IURLImageService, IUniverInstanceService, ImageSourceType, Inject, Injector, LocaleService, Plugin, PositionedObjectLayoutType, UniverInstanceType, checkIfMove, debounce, generateRandomId, merge, toDisposable } from "@univerjs/core";
-import { IDrawingManagerService, IImageIoService, ImageSourceType as ImageSourceType$1, SetDrawingSelectedOperation, getDrawingShapeKeyByDrawingSearch } from "@univerjs/drawing";
+import { DRAWING_GROUPABLE_TYPES, IDrawingManagerService, IImageIoService, ImageSourceType as ImageSourceType$1, 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 { AutofillDoubleIcon, BottomIcon, CreateCopyIcon, CropIcon, DeleteIcon, DocSettingIcon, GroupIcon, MoreDownIcon, MoveDownIcon, MoveUpIcon, TextWrapShapeIcon, TopmostIcon, UngroupIcon } from "@univerjs/icons";
 import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IDialogService, IGalleryService, IMenuManagerService, IMessageService, IconManager, MenuItemType, useDependency, useObservable } from "@univerjs/ui";
@@ -131,15 +131,13 @@ const SetDrawingArrangeBackwardOperation = {
 //#endregion
 //#region src/commands/operations/drawing-group.operation.ts
 /**
-* Now only support grouping images, shapes, and groups.
+* Now only support grouping images, shapes, charts, and groups.
 */
-const DRAWING_GROUP_TYPES = [
-	DrawingTypeEnum.DRAWING_IMAGE,
-	DrawingTypeEnum.DRAWING_SHAPE,
-	DrawingTypeEnum.DRAWING_GROUP
-];
+const DRAWING_GROUP_TYPES = DRAWING_GROUPABLE_TYPES;
 /**
-* Group the selected drawings into a new group. The selected drawings must be of type image, shape, or group, and there must be at least 2 drawings selected.
+* Group the selected drawings into a new group. The selected drawings must be
+* of type image, shape, chart, or group, and there must be at least 2 drawings
+* selected.
 */
 const SetDrawingGroupOperation = {
 	id: "drawing.operation.set-drawing-group",
@@ -148,7 +146,7 @@ const SetDrawingGroupOperation = {
 		const drawingManagerService = accessor.get(IDrawingManagerService);
 		const drawings = params.drawings || drawingManagerService.getFocusDrawings();
 		if (drawings.length < 2) return false;
-		if (!drawings.every((drawing) => DRAWING_GROUP_TYPES.includes(drawing.drawingType))) return false;
+		if (!drawings.every((drawing) => isGroupableDrawingType(drawing.drawingType))) return false;
 		const { unitId, subUnitId } = drawings[0];
 		const groupId = generateRandomId(10);
 		const groupTransform = getGroupState(0, 0, drawings.map((o) => o.transform || {}));
@@ -170,11 +168,12 @@ const SetDrawingGroupOperation = {
 				left: 0,
 				top: 0
 			};
-			const { unitId, subUnitId, drawingId } = drawing;
+			const { unitId, subUnitId, drawingId, drawingType } = drawing;
 			return {
 				unitId,
 				subUnitId,
 				drawingId,
+				drawingType,
 				transform: { ...transform },
 				groupId
 			};
@@ -266,8 +265,48 @@ const ImageResetSizeOperation = {
 	}
 };
 
+//#endregion
+//#region src/utils/rotate-enabled.ts
+function isKnownDrawingUINonRotatableType(drawingType) {
+	return drawingType === DrawingTypeEnum.DRAWING_CHART;
+}
+function resolveDrawingUIRotateEnabled(drawing, options = {}) {
+	var _options$isKnownNonRo;
+	return resolveDrawingRotateEnabled(drawing, {
+		...options,
+		isKnownNonRotatableType: (_options$isKnownNonRo = options.isKnownNonRotatableType) !== null && _options$isKnownNonRo !== void 0 ? _options$isKnownNonRo : isKnownDrawingUINonRotatableType
+	});
+}
+
 //#endregion
 //#region src/controllers/utils.ts
+function getDrawingRenderObject(scene, drawingSearch) {
+	var _scene$getObjectInclu;
+	const key = getDrawingShapeKeyByDrawingSearch(drawingSearch);
+	return (_scene$getObjectInclu = scene.getObjectIncludeInGroup(key)) !== null && _scene$getObjectInclu !== void 0 ? _scene$getObjectInclu : null;
+}
+function disposeDrawingRenderObject(scene, drawingSearch) {
+	const object = getDrawingRenderObject(scene, drawingSearch);
+	if (object == null) return false;
+	object.dispose();
+	return true;
+}
+function getRenderObjectForDrawing(scene, drawing) {
+	return getDrawingRenderObject(scene, drawing);
+}
+function syncGroupRotateEnabled(group, groupParam, scene, drawingManagerService, children) {
+	const rotateEnabled = resolveDrawingUIRotateEnabled(groupParam, {
+		getChildren: (drawing) => {
+			if (children && drawing.drawingId === groupParam.drawingId && drawing.unitId === groupParam.unitId && drawing.subUnitId === groupParam.subUnitId) return children;
+			return drawingManagerService.getDrawingsByGroup(drawing);
+		},
+		getRenderObject: (drawing) => getRenderObjectForDrawing(scene, drawing)
+	});
+	group.transformerConfig = {
+		...group.transformerConfig,
+		rotateEnabled
+	};
+}
 function insertGroupObject(objectParam, object, scene, drawingManagerService) {
 	const groupParam = drawingManagerService.getDrawingByParam(objectParam);
 	if (groupParam == null) return;
@@ -278,11 +317,13 @@ function insertGroupObject(objectParam, object, scene, drawingManagerService) {
 		const objects = groupObject.getObjects();
 		for (const obj of objects) if (obj.oKey === object.oKey) return;
 		groupObject.addObject(object);
+		syncGroupRotateEnabled(groupObject, groupParam, scene, drawingManagerService);
 		return;
 	}
 	const group = new DrawingGroupObject(groupKey);
 	scene.addObject(group, DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(group);
 	group.addObject(object);
+	syncGroupRotateEnabled(group, groupParam, scene, drawingManagerService);
 	const { transform, groupBaseBound } = groupParam;
 	if (groupBaseBound) group.setBaseBound(groupBaseBound);
 	if (groupParam.groupId) {
@@ -321,7 +362,7 @@ function getCurrentUnitInfo(currentUniverService, propUnitId) {
 //#endregion
 //#region package.json
 var name = "@univerjs/drawing-ui";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-alpha.2";
 
 //#endregion
 //#region src/config/config.ts
@@ -942,16 +983,18 @@ function getUpdateParams(objects, drawingManagerService) {
 
 //#endregion
 //#region src/controllers/drawing-update.controller.ts
+function hasRefreshMetadata(refreshParam) {
+	return "hidden" in refreshParam || "behindText" in refreshParam;
+}
 function syncDrawingHiddenState(shape, drawingParam) {
 	if (!("hidden" in drawingParam)) return;
 	drawingParam.hidden === true ? shape.hide() : shape.show();
 }
 function mergeRefreshMetadata(drawingParam, refreshParam) {
-	const metadata = refreshParam;
-	if (!("hidden" in metadata) && !("behindText" in metadata)) return drawingParam;
+	if (!hasRefreshMetadata(refreshParam)) return drawingParam;
 	return {
 		...drawingParam,
-		...metadata
+		...refreshParam
 	};
 }
 let DrawingUpdateController = class DrawingUpdateController extends Disposable {
@@ -1058,6 +1101,7 @@ let DrawingUpdateController = class DrawingUpdateController extends Disposable {
 		}));
 		scene.addObject(group, DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(group);
 		group.addObjects(...objects);
+		syncGroupRotateEnabled(group, parent, scene, this._drawingManagerService, children);
 		if (parent.groupBaseBound) group.setBaseBound(parent.groupBaseBound);
 		if (parent.groupId) {
 			group.isInGroup = true;
@@ -1270,15 +1314,12 @@ let DrawingUpdateController = class DrawingUpdateController extends Disposable {
 				const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
 				if (renderObject == null) return;
 				const { scene } = renderObject;
-				const drawingShapeKey = getDrawingShapeKeyByDrawingSearch({
+				if (disposeDrawingRenderObject(scene, {
 					unitId,
 					subUnitId,
 					drawingId
-				});
-				const drawingShapes = scene.fuzzyMathObjects(drawingShapeKey, true);
-				if (drawingShapes.length > 0) {
+				})) {
 					var _scene$getTransformer;
-					for (const drawingShape of drawingShapes) drawingShape.dispose();
 					(_scene$getTransformer = scene.getTransformer()) === null || _scene$getTransformer === void 0 || _scene$getTransformer.clearSelectedObjects();
 				}
 			});
@@ -1339,7 +1380,7 @@ let DrawingUpdateController = class DrawingUpdateController extends Disposable {
 					subUnitId,
 					drawingId
 				});
-				const drawingShape = scene.getObject(drawingShapeKey);
+				const drawingShape = scene.getObjectIncludeInGroup(drawingShapeKey);
 				const drawingParamWithRefreshMetadata = mergeRefreshMetadata(drawingParam, param);
 				if (drawingShape == null) {
 					if (drawingParamWithRefreshMetadata.hidden === true) return true;
@@ -2220,10 +2261,10 @@ function getMenuStateByDrawingFocusChangedObservable$(accessor, type) {
 			if (!drawings || drawings.length === 0) return subscriber.next(true);
 			if (type === "group") {
 				if (drawings.length < 2) return subscriber.next(true);
-				if (!drawings.every((drawing) => DRAWING_GROUP_TYPES.includes(drawing.drawingType))) return subscriber.next(true);
+				if (!drawings.every((drawing) => isGroupableDrawingType(drawing.drawingType))) return subscriber.next(true);
 			} else if (type === "unGroup") {
 				if (drawings.filter((drawing) => drawing.drawingType === DrawingTypeEnum.DRAWING_GROUP).length === 0) return subscriber.next(true);
-			} else if (!drawings.every((drawing) => DRAWING_GROUP_TYPES.includes(drawing.drawingType))) return subscriber.next(true);
+			} else if (!drawings.every((drawing) => isGroupableDrawingType(drawing.drawingType))) return subscriber.next(true);
 			subscriber.next(false);
 		};
 		const subscription = drawingManagerService.focus$.subscribe((drawings) => {
@@ -2643,6 +2684,29 @@ const DrawingGroup = (props) => {
 //#region src/utils/config.ts
 const RANGE_DRAWING_ROTATION_LIMIT = [-360, 360];
 
+//#endregion
+//#region src/views/panel/drawing-transform-rotation.ts
+function isDrawingTransformRotationDisabled(rotateEnabled) {
+	return !rotateEnabled;
+}
+function createDrawingTransformRotationChangeHandler(options) {
+	return (val) => {
+		if (isDrawingTransformRotationDisabled(options.rotateEnabled)) return;
+		if (val == null) return;
+		const { unitId, subUnitId, drawingId, drawingType } = options.drawingParam;
+		const updateParam = {
+			unitId,
+			subUnitId,
+			drawingId,
+			drawingType,
+			transform: { angle: val }
+		};
+		options.setRotation(val);
+		options.emitUpdate([updateParam]);
+		options.notifyChange();
+	};
+}
+
 //#endregion
 //#region src/views/panel/DrawingTransform.tsx
 const INPUT_DEBOUNCE_TIME = 300;
@@ -2670,6 +2734,8 @@ const DrawingTransform = (props) => {
 	const [yPosition, setYPosition] = useState(originY);
 	const [rotation, setRotation] = useState(originRotation);
 	const [lockRatio, setLockRatio] = useState(transformer.keepRatio);
+	const rotateEnabled = resolveDrawingUIRotateEnabled(drawingParam, { getChildren: (drawing) => drawingManagerService.getDrawingsByGroup(drawing) });
+	const rotationDisabled = isDrawingTransformRotationDisabled(rotateEnabled);
 	const checkMoveBoundary = (left, top, width, height) => {
 		const { width: topSceneWidth, height: topSceneHeight } = topScene;
 		const { ancestorLeft, ancestorTop } = scene;
@@ -2810,19 +2876,18 @@ const DrawingTransform = (props) => {
 		drawingManagerService.featurePluginUpdateNotification([updateParam]);
 		transformer.refreshControls().changeNotification();
 	}, INPUT_DEBOUNCE_TIME);
-	const handleRotationChange = (val) => {
-		if (val == null) return;
-		const updateParam = {
+	const handleRotationChange = createDrawingTransformRotationChangeHandler({
+		rotateEnabled,
+		drawingParam: {
 			unitId,
 			subUnitId,
 			drawingId,
-			drawingType,
-			transform: { angle: val }
-		};
-		setRotation(val);
-		drawingManagerService.featurePluginUpdateNotification([updateParam]);
-		transformer.refreshControls().changeNotification();
-	};
+			drawingType
+		},
+		setRotation,
+		emitUpdate: (updateParams) => drawingManagerService.featurePluginUpdateNotification(updateParams),
+		notifyChange: () => transformer.refreshControls().changeNotification()
+	});
 	const handleLockRatioChange = (val) => {
 		setLockRatio(val);
 		transformer.keepRatio = val;
@@ -2884,6 +2949,7 @@ const DrawingTransform = (props) => {
 						value: rotation,
 						min: RANGE_DRAWING_ROTATION_LIMIT[0],
 						max: RANGE_DRAWING_ROTATION_LIMIT[1],
+						disabled: rotationDisabled,
 						onChange: handleRotationChange
 					})] })
 				]
@@ -3128,4 +3194,4 @@ const DrawingCommonPanel = (props) => {
 };
 
 //#endregion
-export { AutoImageCropOperation, COMPONENT_IMAGE_POPUP_MENU, CancelDrawingGroupOperation, CloseImageCropOperation, DRAWING_GROUP_TYPES, DrawingCommonPanel, DrawingImageClipService, DrawingRenderService, IMAGE_CLIP_SHAPE_PICKER_COMPONENT, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, SetDrawingAlignOperation, SetDrawingArrangeOperation, SetDrawingGroupOperation, UniverDrawingUIPlugin, getCurrentUnitInfo, getUpdateParams, insertGroupObject };
+export { AutoImageCropOperation, COMPONENT_IMAGE_POPUP_MENU, CancelDrawingGroupOperation, CloseImageCropOperation, DRAWING_GROUP_TYPES, DrawingCommonPanel, DrawingImageClipService, DrawingRenderService, IMAGE_CLIP_SHAPE_PICKER_COMPONENT, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, SetDrawingAlignOperation, SetDrawingArrangeOperation, SetDrawingGroupOperation, UniverDrawingUIPlugin, disposeDrawingRenderObject, getCurrentUnitInfo, getDrawingRenderObject, getUpdateParams, insertGroupObject };