@univerjs/docs-drawing 1.0.0-alpha.3 → 1.0.0-alpha.4

package/lib/es/index.js

@@ -1,10 +1,488 @@
-import { BooleanNumber, Disposable, IConfigService, IResourceManagerService, IUniverInstanceService, Inject, Injector, Plugin, PositionedObjectLayoutType, UniverInstanceType, createIdentifier, merge, toDisposable, touchDependencies } from "@univerjs/core";
+import { ArrangeTypeEnum, BooleanNumber, BuildTextUtils, CommandType, Disposable, ICommandService, IConfigService, IResourceManagerService, IUndoRedoService, IUniverInstanceService, Inject, Injector, JSONX, MemoryCursor, Plugin, PositionedObjectLayoutType, TextX, TextXActionType, Tools, UniverInstanceType, createIdentifier, getCustomBlockIdsInSelections, getRichTextEditPath, merge, toDisposable, touchDependencies } from "@univerjs/core";
+import { DocSelectionManagerService, RichTextEditingMutation, getContentInsertRange, normalizeTextRange } from "@univerjs/docs";
 import { IDrawingManagerService, UnitDrawingService } from "@univerjs/drawing";
 
+//#region src/commands/commands/insert-doc-drawing.command.ts
+/**
+* The command to insert new drawings
+*/
+const InsertDocDrawingCommand = {
+	id: "doc.command.insert-doc-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _documentDataModel$ge, _snapshot$headers, _snapshot$footers, _snapshot$drawingsOrd, _snapshot$drawingsOrd2;
+		if (!params) return false;
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const { unitId, drawings, textRange } = params;
+		const documentDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+		if (!documentDataModel) return false;
+		const targetTextRange = resolveDocDrawingInsertTextRange(accessor, unitId, textRange);
+		if (!targetTextRange) return false;
+		const { collapsed, startOffset, segmentId = "" } = targetTextRange;
+		const body = (_documentDataModel$ge = documentDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.getBody();
+		if (!body) return false;
+		const textX = new TextX();
+		const jsonX = JSONX.getInstance();
+		const rawActions = [];
+		const snapshot = documentDataModel.getSnapshot();
+		const targetDrawings = !!((_snapshot$headers = snapshot.headers) === null || _snapshot$headers === void 0 ? void 0 : _snapshot$headers[segmentId]) || !!((_snapshot$footers = snapshot.footers) === null || _snapshot$footers === void 0 ? void 0 : _snapshot$footers[segmentId]) ? drawings.map((drawing) => {
+			var _drawing$transforms;
+			return {
+				...drawing,
+				isMultiTransform: BooleanNumber.TRUE,
+				transforms: (_drawing$transforms = drawing.transforms) !== null && _drawing$transforms !== void 0 ? _drawing$transforms : drawing.transform ? [drawing.transform] : null
+			};
+		}) : drawings;
+		const drawingOrderLength = (_snapshot$drawingsOrd = (_snapshot$drawingsOrd2 = snapshot.drawingsOrder) === null || _snapshot$drawingsOrd2 === void 0 ? void 0 : _snapshot$drawingsOrd2.length) !== null && _snapshot$drawingsOrd !== void 0 ? _snapshot$drawingsOrd : 0;
+		let removeDrawingLen = 0;
+		if (collapsed) {
+			if (startOffset > 0) textX.push({
+				t: TextXActionType.RETAIN,
+				len: startOffset
+			});
+		} else {
+			var _documentDataModel$ge2, _documentDataModel$ge3;
+			const dos = BuildTextUtils.selection.delete([targetTextRange], body, 0, null, false);
+			textX.push(...dos);
+			const removedCustomBlockIds = getCustomBlockIdsInSelections(body, [targetTextRange]);
+			const drawings = (_documentDataModel$ge2 = documentDataModel.getDrawings()) !== null && _documentDataModel$ge2 !== void 0 ? _documentDataModel$ge2 : {};
+			const drawingOrder = (_documentDataModel$ge3 = documentDataModel.getDrawingsOrder()) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : [];
+			const sortedRemovedCustomBlockIds = removedCustomBlockIds.sort((a, b) => {
+				if (drawingOrder.indexOf(a) > drawingOrder.indexOf(b)) return -1;
+				else if (drawingOrder.indexOf(a) < drawingOrder.indexOf(b)) return 1;
+				return 0;
+			});
+			if (sortedRemovedCustomBlockIds.length > 0) for (const blockId of sortedRemovedCustomBlockIds) {
+				const drawing = drawings[blockId];
+				const drawingIndex = drawingOrder.indexOf(blockId);
+				if (drawing == null || drawingIndex < 0) continue;
+				const removeDrawingAction = jsonX.removeOp(["drawings", blockId], drawing);
+				const removeDrawingOrderAction = jsonX.removeOp(["drawingsOrder", drawingIndex], blockId);
+				rawActions.push(removeDrawingAction);
+				rawActions.push(removeDrawingOrderAction);
+				removeDrawingLen++;
+			}
+		}
+		textX.push({
+			t: TextXActionType.INSERT,
+			body: {
+				dataStream: "\b".repeat(targetDrawings.length),
+				customBlocks: targetDrawings.map((drawing, i) => ({
+					startIndex: i,
+					blockId: drawing.drawingId
+				}))
+			},
+			len: targetDrawings.length
+		});
+		const path = getRichTextEditPath(documentDataModel, segmentId);
+		const placeHolderAction = jsonX.editOp(textX.serialize(), path);
+		rawActions.push(placeHolderAction);
+		for (const drawing of targetDrawings) {
+			const { drawingId } = drawing;
+			const addDrawingAction = jsonX.insertOp(["drawings", drawingId], drawing);
+			const addDrawingOrderAction = jsonX.insertOp(["drawingsOrder", drawingOrderLength - removeDrawingLen], drawingId);
+			rawActions.push(addDrawingAction);
+			rawActions.push(addDrawingOrderAction);
+		}
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: []
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		return Boolean(result);
+	}
+};
+function resolveDocDrawingInsertTextRange(accessor, unitId, textRange) {
+	var _ref, _contentInsertRange$s;
+	const activeTextRange = accessor.get(DocSelectionManagerService).getActiveTextRange();
+	const explicitTextRange = textRange ? normalizeTextRange(textRange) : null;
+	const contentInsertRange = explicitTextRange !== null && explicitTextRange !== void 0 ? explicitTextRange : getContentInsertRange(accessor, unitId);
+	if (!contentInsertRange) return activeTextRange !== null && activeTextRange !== void 0 ? activeTextRange : null;
+	return {
+		...activeTextRange,
+		startOffset: contentInsertRange.startOffset,
+		endOffset: contentInsertRange.endOffset,
+		collapsed: contentInsertRange.startOffset === contentInsertRange.endOffset,
+		segmentId: (_ref = (_contentInsertRange$s = contentInsertRange.segmentId) !== null && _contentInsertRange$s !== void 0 ? _contentInsertRange$s : activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.segmentId) !== null && _ref !== void 0 ? _ref : ""
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.137.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
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/services/doc-drawing-adapter.service.ts
+const IDocDrawingAdapterService = createIdentifier("doc.drawing-adapter.service");
+var DocDrawingAdapterService = class {
+	constructor() {
+		_defineProperty(this, "_adapters", []);
+	}
+	registerAdapter(adapter) {
+		this._adapters.push(adapter);
+		return toDisposable(() => {
+			const index = this._adapters.indexOf(adapter);
+			if (index >= 0) this._adapters.splice(index, 1);
+		});
+	}
+	getRemoveDrawingMutationInfos(params) {
+		const mutationInfos = {
+			redoMutations: [],
+			undoMutations: []
+		};
+		for (const adapter of this._adapters) {
+			var _adapter$getRemoveDra;
+			const nextMutationInfos = (_adapter$getRemoveDra = adapter.getRemoveDrawingMutationInfos) === null || _adapter$getRemoveDra === void 0 ? void 0 : _adapter$getRemoveDra.call(adapter, params);
+			if (!nextMutationInfos) continue;
+			mutationInfos.redoMutations.push(...nextMutationInfos.redoMutations);
+			mutationInfos.undoMutations.push(...nextMutationInfos.undoMutations);
+		}
+		return mutationInfos;
+	}
+	getEditDrawingCommandInfo(params) {
+		for (const adapter of this._adapters) {
+			var _adapter$getEditDrawi;
+			const commandInfo = (_adapter$getEditDrawi = adapter.getEditDrawingCommandInfo) === null || _adapter$getEditDrawi === void 0 ? void 0 : _adapter$getEditDrawi.call(adapter, params);
+			if (commandInfo) return commandInfo;
+		}
+		return null;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/remove-doc-drawing.command.ts
+const RemoveDocDrawingCommand = {
+	id: "doc.command.remove-doc-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _ref, _contentInsertRange$s, _documentDataModel$ge, _documentDataModel$ge2, _documentDataModel$ge3;
+		if (!params) return false;
+		const commandService = accessor.get(ICommandService);
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const drawingAdapterService = accessor.get(IDocDrawingAdapterService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
+		const { unitId, drawings: removeDrawings, textRange } = params;
+		const documentDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+		if (!documentDataModel || removeDrawings.length === 0) return false;
+		const activeTextRange = docSelectionManagerService.getActiveTextRange();
+		const explicitTextRange = !textRange ? null : normalizeTextRange(textRange);
+		const contentInsertRange = explicitTextRange !== null && explicitTextRange !== void 0 ? explicitTextRange : getContentInsertRange(accessor, unitId);
+		const segmentId = (_ref = (_contentInsertRange$s = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.segmentId) !== null && _contentInsertRange$s !== void 0 ? _contentInsertRange$s : activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.segmentId) !== null && _ref !== void 0 ? _ref : "";
+		const textX = new TextX();
+		const jsonX = JSONX.getInstance();
+		const customBlocks = (_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _documentDataModel$ge2 === void 0 || (_documentDataModel$ge2 = _documentDataModel$ge2.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.customBlocks) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : [];
+		const removeCustomBlocks = removeDrawings.map((drawing) => customBlocks.find((customBlock) => customBlock.blockId === drawing.drawingId)).filter((block) => !!block).sort((a, b) => a.startIndex > b.startIndex ? 1 : -1);
+		if (removeCustomBlocks.length === 0) return false;
+		const drawings = (_documentDataModel$ge3 = documentDataModel.getDrawings()) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : {};
+		const removeDrawingParamById = new Map(removeDrawings.map((drawing) => [drawing.drawingId, drawing]));
+		const removeDrawingSnapshots = removeCustomBlocks.map((block) => drawings[block.blockId]).filter((drawing) => drawing != null);
+		const resourceRedoMutations = [];
+		const resourceUndoMutations = [];
+		const resourceMutationGroups = [];
+		for (const block of removeCustomBlocks) {
+			var _removeDrawingParam$s;
+			const { blockId } = block;
+			const drawing = drawings[blockId];
+			if (drawing == null) continue;
+			const removeDrawingParam = removeDrawingParamById.get(blockId);
+			const mutationInfos = drawingAdapterService.getRemoveDrawingMutationInfos({
+				unitId,
+				subUnitId: (_removeDrawingParam$s = removeDrawingParam === null || removeDrawingParam === void 0 ? void 0 : removeDrawingParam.subUnitId) !== null && _removeDrawingParam$s !== void 0 ? _removeDrawingParam$s : unitId,
+				drawing,
+				removeDrawings: removeDrawingSnapshots
+			});
+			if (mutationInfos.redoMutations.length === 0 && mutationInfos.undoMutations.length === 0) continue;
+			resourceRedoMutations.push(...mutationInfos.redoMutations);
+			resourceUndoMutations.push(...mutationInfos.undoMutations);
+			resourceMutationGroups.push(mutationInfos);
+		}
+		if (!executeResourceMutationGroups(resourceMutationGroups, commandService)) return false;
+		const historyId = `doc-drawing-remove-resource:${unitId}:${removeCustomBlocks.map((block) => block.blockId).join(",")}`;
+		let batchingDisposable = null;
+		if (resourceRedoMutations.length > 0 || resourceUndoMutations.length > 0) {
+			batchingDisposable = undoRedoService.__tempBatchingUndoRedo(unitId);
+			undoRedoService.pushUndoRedo({
+				unitID: unitId,
+				redoMutations: resourceRedoMutations,
+				undoMutations: resourceUndoMutations,
+				id: historyId
+			});
+		}
+		const memoryCursor = new MemoryCursor();
+		const cursorIndex = removeCustomBlocks[0].startIndex;
+		const textRanges = [{
+			startOffset: cursorIndex,
+			endOffset: cursorIndex
+		}];
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges
+			}
+		};
+		const rawActions = [];
+		for (const block of removeCustomBlocks) {
+			const { startIndex } = block;
+			if (startIndex > memoryCursor.cursor) textX.push({
+				t: TextXActionType.RETAIN,
+				len: startIndex - memoryCursor.cursor
+			});
+			textX.push({
+				t: TextXActionType.DELETE,
+				len: 1
+			});
+			memoryCursor.moveCursorTo(startIndex + 1);
+		}
+		rawActions.push(jsonX.editOp(textX.serialize(), getRichTextEditPath(documentDataModel, segmentId)));
+		for (const block of removeCustomBlocks) {
+			const { blockId } = block;
+			const drawingIndex = documentDataModel.getDrawingsOrder().indexOf(blockId);
+			rawActions.push(jsonX.removeOp(["drawings", blockId], drawings[blockId]));
+			rawActions.push(jsonX.removeOp(["drawingsOrder", drawingIndex], blockId));
+		}
+		doMutation.params.actions = rawActions.reduce((acc, cur) => JSONX.compose(acc, cur), null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		if (!result && batchingDisposable != null) {
+			batchingDisposable.dispose();
+			undoRedoService.rollback(historyId, unitId);
+			return false;
+		}
+		batchingDisposable === null || batchingDisposable === void 0 || batchingDisposable.dispose();
+		return Boolean(result);
+	}
+};
+function executeResourceMutationGroups(mutationGroups, commandService) {
+	const executedUndoGroups = [];
+	for (const mutationGroup of mutationGroups) {
+		if (!executeMutations(mutationGroup.redoMutations, commandService)) {
+			executeMutationGroups([...executedUndoGroups].reverse(), commandService);
+			return false;
+		}
+		executedUndoGroups.push(mutationGroup.undoMutations);
+	}
+	return true;
+}
+function executeMutationGroups(mutationGroups, commandService) {
+	mutationGroups.forEach((mutations) => executeMutations(mutations, commandService));
+}
+function executeMutations(mutations, commandService) {
+	for (const mutation of mutations) if (!commandService.syncExecuteCommand(mutation.id, mutation.params)) return false;
+	return true;
+}
+
+//#endregion
 //#region src/services/doc-drawing.service.ts
 var DocDrawingService = class extends UnitDrawingService {};
 const IDocDrawingService = createIdentifier("univer.doc.plugin.doc-drawing.service");
 
+//#endregion
+//#region src/commands/commands/set-drawing-arrange.command.ts
+/**
+* The command to arrange drawings.
+*/
+const SetDocDrawingArrangeCommand = {
+	id: "doc.command.set-drawing-arrange",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		const commandService = accessor.get(ICommandService);
+		const docDrawingService = accessor.get(IDocDrawingService);
+		if (params == null) return false;
+		const { unitId, subUnitId, drawingIds, arrangeType } = params;
+		const drawingOrderMapParam = {
+			unitId,
+			subUnitId,
+			drawingIds
+		};
+		let jsonOp;
+		if (arrangeType === ArrangeTypeEnum.forward) jsonOp = docDrawingService.getForwardDrawingsOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.backward) jsonOp = docDrawingService.getBackwardDrawingOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.front) jsonOp = docDrawingService.getFrontDrawingsOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.back) jsonOp = docDrawingService.getBackDrawingsOp(drawingOrderMapParam);
+		if (jsonOp == null) return false;
+		const { redo } = jsonOp;
+		if (redo == null) return false;
+		const rawActions = [];
+		let redoCopy = Tools.deepClone(redo);
+		redoCopy = redoCopy.slice(3);
+		redoCopy.unshift("drawingsOrder");
+		rawActions.push(redoCopy);
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		return Boolean(result);
+	}
+};
+
+//#endregion
+//#region src/commands/commands/update-doc-drawing-transform.command.ts
+const UpdateDrawingDocTransformCommand = {
+	id: "doc.command.update-drawing-doc-transform",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _documentDataModel$ge;
+		if (!params) return false;
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const { unitId, drawings } = params;
+		const documentDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+		if (!documentDataModel) return false;
+		const oldDrawings = (_documentDataModel$ge = documentDataModel.getSnapshot().drawings) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : {};
+		const jsonX = JSONX.getInstance();
+		const actions = [];
+		for (const { drawingId, key, value } of drawings) {
+			var _oldDrawings$drawingI;
+			const oldValue = (_oldDrawings$drawingI = oldDrawings[drawingId]) === null || _oldDrawings$drawingI === void 0 || (_oldDrawings$drawingI = _oldDrawings$drawingI.docTransform) === null || _oldDrawings$drawingI === void 0 ? void 0 : _oldDrawings$drawingI[key];
+			if (!Tools.diffValue(oldValue, value)) {
+				const path = [
+					"drawings",
+					drawingId,
+					"docTransform",
+					key
+				];
+				actions.push(oldValue === void 0 ? jsonX.insertOp(path, value) : jsonX.replaceOp(path, oldValue, value));
+			}
+		}
+		return Boolean(commandService.syncExecuteCommand(RichTextEditingMutation.id, {
+			unitId,
+			actions: actions.reduce((acc, action) => JSONX.compose(acc, action), null),
+			textRanges: null,
+			debounce: true
+		}));
+	}
+};
+
+//#endregion
+//#region src/commands/commands/update-doc-drawing-wrapping-style.command.ts
+let TextWrappingStyle = /* @__PURE__ */ function(TextWrappingStyle) {
+	TextWrappingStyle["INLINE"] = "inline";
+	TextWrappingStyle["BEHIND_TEXT"] = "behindText";
+	TextWrappingStyle["IN_FRONT_OF_TEXT"] = "inFrontOfText";
+	TextWrappingStyle["WRAP_SQUARE"] = "wrapSquare";
+	TextWrappingStyle["WRAP_TOP_AND_BOTTOM"] = "wrapTopAndBottom";
+	return TextWrappingStyle;
+}({});
+const WRAPPING_STYLE_TO_LAYOUT_TYPE = {
+	["inline"]: PositionedObjectLayoutType.INLINE,
+	["wrapSquare"]: PositionedObjectLayoutType.WRAP_SQUARE,
+	["wrapTopAndBottom"]: PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
+	["inFrontOfText"]: PositionedObjectLayoutType.WRAP_NONE,
+	["behindText"]: PositionedObjectLayoutType.WRAP_NONE
+};
+/**
+* Updates document drawing wrapping styles and optional persisted positions.
+*/
+const UpdateDocDrawingWrappingStyleCommand = {
+	id: "doc.command.update-doc-drawing-wrapping-style",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _documentDataModel$ge;
+		if (!params) return false;
+		const { drawings, wrappingStyle, unitId } = params;
+		const commandService = accessor.get(ICommandService);
+		const documentDataModel = accessor.get(IUniverInstanceService).getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+		if (!documentDataModel) return false;
+		const oldDrawings = (_documentDataModel$ge = documentDataModel.getDrawings()) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : {};
+		const jsonX = JSONX.getInstance();
+		const rawActions = [];
+		for (const drawing of drawings) {
+			const oldDrawing = oldDrawings[drawing.drawingId];
+			if (!oldDrawing) continue;
+			const layoutType = WRAPPING_STYLE_TO_LAYOUT_TYPE[wrappingStyle];
+			if (oldDrawing.layoutType !== layoutType) rawActions.push(jsonX.replaceOp([
+				"drawings",
+				drawing.drawingId,
+				"layoutType"
+			], oldDrawing.layoutType, layoutType));
+			if (wrappingStyle === "behindText" || wrappingStyle === "inFrontOfText") {
+				const behindDoc = wrappingStyle === "behindText" ? BooleanNumber.TRUE : BooleanNumber.FALSE;
+				if (oldDrawing.behindDoc !== behindDoc) rawActions.push(jsonX.replaceOp([
+					"drawings",
+					drawing.drawingId,
+					"behindDoc"
+				], oldDrawing.behindDoc, behindDoc));
+			}
+			if (wrappingStyle !== "inline") for (const key of ["positionH", "positionV"]) {
+				var _drawing$docTransform;
+				const value = (_drawing$docTransform = drawing.docTransform) === null || _drawing$docTransform === void 0 ? void 0 : _drawing$docTransform[key];
+				const oldValue = oldDrawing.docTransform[key];
+				if (value && !Tools.diffValue(oldValue, value)) rawActions.push(jsonX.replaceOp([
+					"drawings",
+					drawing.drawingId,
+					"docTransform",
+					key
+				], oldValue, value));
+			}
+		}
+		const mutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: rawActions.reduce((actions, action) => JSONX.compose(actions, action), null),
+				textRanges: null
+			}
+		};
+		return Boolean(commandService.syncExecuteCommand(mutation.id, mutation.params));
+	}
+};
+
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
@@ -39,16 +517,18 @@ function isDocDrawingBehindText(drawing) {
 	return (drawing === null || drawing === void 0 ? void 0 : drawing.layoutType) === PositionedObjectLayoutType.WRAP_NONE && drawing.behindDoc === BooleanNumber.TRUE;
 }
 let DocDrawingController = class DocDrawingController extends Disposable {
-	constructor(_docDrawingService, _drawingManagerService, _resourceManagerService, _univerInstanceService) {
+	constructor(_docDrawingService, _drawingManagerService, _resourceManagerService, _univerInstanceService, _commandService) {
 		super();
 		this._docDrawingService = _docDrawingService;
 		this._drawingManagerService = _drawingManagerService;
 		this._resourceManagerService = _resourceManagerService;
 		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
 		this._init();
 	}
 	_init() {
 		this._initSnapshot();
+		this._initCommands();
 	}
 	_initSnapshot() {
 		const toJson = (unitId) => {
@@ -124,18 +604,28 @@ let DocDrawingController = class DocDrawingController extends Disposable {
 		this._drawingManagerService.registerDrawingData(unitId, renderSubDrawings);
 		return true;
 	}
+	_initCommands() {
+		[
+			InsertDocDrawingCommand,
+			RemoveDocDrawingCommand,
+			UpdateDrawingDocTransformCommand,
+			UpdateDocDrawingWrappingStyleCommand,
+			SetDocDrawingArrangeCommand
+		].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+	}
 };
 DocDrawingController = __decorate([
 	__decorateParam(0, IDocDrawingService),
 	__decorateParam(1, IDrawingManagerService),
 	__decorateParam(2, IResourceManagerService),
-	__decorateParam(3, IUniverInstanceService)
+	__decorateParam(3, IUniverInstanceService),
+	__decorateParam(4, ICommandService)
 ], DocDrawingController);
 
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-drawing";
-var version = "1.0.0-alpha.3";
+var version = "1.0.0-alpha.4";
 
 //#endregion
 //#region src/config/config.ts
@@ -158,86 +648,6 @@ const DOCS_DRAWING_PLUGIN_CONFIG_KEY = "docs-drawing.config";
 const configSymbol = Symbol(DOCS_DRAWING_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
-//#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
-		return typeof o;
-	} : function(o) {
-		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	}, _typeof(o);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != _typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != _typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.137.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
-function _defineProperty(e, r, t) {
-	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-
-//#endregion
-//#region src/services/doc-drawing-adapter.service.ts
-const IDocDrawingAdapterService = createIdentifier("doc.drawing-adapter.service");
-var DocDrawingAdapterService = class {
-	constructor() {
-		_defineProperty(this, "_adapters", []);
-	}
-	registerAdapter(adapter) {
-		this._adapters.push(adapter);
-		return toDisposable(() => {
-			const index = this._adapters.indexOf(adapter);
-			if (index >= 0) this._adapters.splice(index, 1);
-		});
-	}
-	getRemoveDrawingMutationInfos(params) {
-		const mutationInfos = {
-			redoMutations: [],
-			undoMutations: []
-		};
-		for (const adapter of this._adapters) {
-			var _adapter$getRemoveDra;
-			const nextMutationInfos = (_adapter$getRemoveDra = adapter.getRemoveDrawingMutationInfos) === null || _adapter$getRemoveDra === void 0 ? void 0 : _adapter$getRemoveDra.call(adapter, params);
-			if (!nextMutationInfos) continue;
-			mutationInfos.redoMutations.push(...nextMutationInfos.redoMutations);
-			mutationInfos.undoMutations.push(...nextMutationInfos.undoMutations);
-		}
-		return mutationInfos;
-	}
-	getEditDrawingCommandInfo(params) {
-		for (const adapter of this._adapters) {
-			var _adapter$getEditDrawi;
-			const commandInfo = (_adapter$getEditDrawi = adapter.getEditDrawingCommandInfo) === null || _adapter$getEditDrawi === void 0 ? void 0 : _adapter$getEditDrawi.call(adapter, params);
-			if (commandInfo) return commandInfo;
-		}
-		return null;
-	}
-};
-
 //#endregion
 //#region src/plugin.ts
 let UniverDocsDrawingPlugin = class UniverDocsDrawingPlugin extends Plugin {
@@ -267,4 +677,4 @@ _defineProperty(UniverDocsDrawingPlugin, "type", UniverInstanceType.UNIVER_DOC);
 UniverDocsDrawingPlugin = __decorate([__decorateParam(1, Inject(Injector)), __decorateParam(2, IConfigService)], UniverDocsDrawingPlugin);
 
 //#endregion
-export { DOCS_DRAWING_PLUGIN, DocDrawingAdapterService, DocDrawingController, DocDrawingService, IDocDrawingAdapterService, IDocDrawingService, UniverDocsDrawingPlugin, getDocDrawingRenderOrder };
+export { DOCS_DRAWING_PLUGIN, DocDrawingAdapterService, DocDrawingController, DocDrawingService, IDocDrawingAdapterService, IDocDrawingService, InsertDocDrawingCommand, RemoveDocDrawingCommand, SetDocDrawingArrangeCommand, TextWrappingStyle, UniverDocsDrawingPlugin, UpdateDocDrawingWrappingStyleCommand, UpdateDrawingDocTransformCommand, WRAPPING_STYLE_TO_LAYOUT_TYPE, getDocDrawingRenderOrder };