@univerjs/sheets-drawing-ui 1.0.0-rc.0 → 1.0.0

package/lib/index.js

@@ -1,14 +1,14 @@
-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, mergeOverrideWithDependencies, registerDependencies, sequenceExecute, toDisposable, touchDependencies } from "@univerjs/core";
-import { ClearSheetDrawingTransformerOperation, DrawingApplyType, ISheetDrawingService, InsertSheetDrawingCommand, RemoveSheetDrawingCommand, SetDrawingApplyMutation, SetDrawingArrangeCommand, SetSheetDrawingCommand, SetSheetDrawingPlacementCommand, SheetDrawingAnchorType, UniverSheetsDrawingPlugin, drawingPositionToTransform, getSheetDrawingPlacement, transformToAxisAlignPosition, transformToDrawingPosition } from "@univerjs/sheets-drawing";
-import { CURSOR_TYPE, DEFAULT_TRANSFORMER_CONFIG, DRAWING_OBJECT_LAYER_INDEX, IRenderManagerService, Image, ObjectType, Rect, SHEET_VIEWPORT_KEY, UniverRenderEnginePlugin, Vector2, getCurrentTypeOfRenderer, getGroupState, transformObjectOutOfGroup } from "@univerjs/engine-render";
+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, ImageCacheMap, ImageSourceType, ImageUploadStatusType, Inject, Injector, InterceptorEffectEnum, LifecycleService, LifecycleStages, LocaleService, ObjectMatrix, Optional, Plugin, PositionedObjectLayoutType, RxDisposable, Tools, UniverInstanceType, UserManagerService, WrapTextType, createDocumentModelWithStyle, createIdentifier, fromEventSubject, generateRandomId, merge, mergeOverrideWithDependencies, registerDependencies, sequenceExecute, toDisposable, touchDependencies } from "@univerjs/core";
+import { ClearSheetDrawingTransformerOperation, DrawingApplyType, ISheetDrawingService, InsertSheetDrawingCommand, RemoveSheetDrawingCommand, SetDrawingApplyMutation, SetDrawingArrangeCommand, SetSheetDrawingCommand, SetSheetDrawingPlacementCommand, SetWorksheetBackgroundImageCommand, SetWorksheetBackgroundImageMutation, SheetDrawingAnchorType, UniverSheetsDrawingPlugin, drawingPositionToTransform, getSheetDrawingPlacement, transformToAxisAlignPosition, transformToDrawingPosition } from "@univerjs/sheets-drawing";
+import { CURSOR_TYPE, DEFAULT_TRANSFORMER_CONFIG, DRAWING_OBJECT_LAYER_INDEX, IRenderManagerService, Image, ObjectType, Rect, SHEET_EXTENSION_TYPE, SHEET_VIEWPORT_KEY, SheetExtension, UniverRenderEnginePlugin, Vector2, getCurrentTypeOfRenderer, getGroupState, transformObjectOutOfGroup } from "@univerjs/engine-render";
 import { Button, Checkbox, CheckboxGroup, FormLayout, MessageType, MobileSelect, 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, UniverSheetsPlugin, WorkbookEditablePermission, WorkbookViewPermission, WorksheetEditPermission, WorksheetViewPermission, attachRangeWithCoord, discreteRangeToRange, getSheetCommandTarget, isCellImage } from "@univerjs/sheets";
 import { COPY_TYPE, EditingRenderController, HoverManagerService, IEditorBridgeService, ISheetClipboardService, ISheetSelectionRenderService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SetScrollOperation, SetZoomRatioOperation, SheetCanvasPopManagerService, SheetPrintInterceptorService, SheetSkeletonManagerService, UniverSheetsMobileUIPlugin, UniverSheetsUIPlugin, getCurrentRangeDisable$, useHighlightRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
-import { CanvasFloatDomPreviewService, CanvasFloatDomService, ComponentManager, ContextMenuGroup, ContextMenuPosition, FloatingObjectToolbarPosition, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, UndoRedoGroupService, UniverMobileUIPlugin, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
+import { CanvasFloatDomPreviewService, CanvasFloatDomService, ComponentManager, ContextMenuGroup, ContextMenuPosition, FloatingObjectToolbarPosition, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonDataGroup, RibbonInsertGroup, RibbonPosition, RibbonViewGroup, UndoRedoGroupService, UniverMobileUIPlugin, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
 import { COMPONENT_IMAGE_POPUP_MENU, COMPONENT_MOBILE_IMAGE_POPUP_MENU, DrawingCommonPanel, DrawingRenderService, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, UniverDrawingMobileUIPlugin, UniverDrawingUIPlugin, disposeDrawingRenderObject, insertGroupObject } from "@univerjs/drawing-ui";
-import { BehaviorSubject, EMPTY, Subject, combineLatest, distinctUntilChanged, filter, map, of, switchMap, take, tap, throttleTime } from "rxjs";
+import { BehaviorSubject, EMPTY, Observable, Subject, combineLatest, distinctUntilChanged, filter, map, of, switchMap, take, takeUntil, tap, throttleTime, timer } from "rxjs";
 import { DocDrawingController, UniverDocsDrawingPlugin } from "@univerjs/docs-drawing";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -287,7 +287,147 @@ const UngroupSheetDrawingCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region src/utils/worksheet-background-image.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const WORKSHEET_LAYOUT_DPI = 96;
+const METERS_PER_INCH = .0254;
+/**
+* Excel tiles worksheet background images using their physical resolution,
+* while Canvas tiles them using source pixels. Convert the source resolution
+* to Univer's 96-DPI worksheet layout pixels.
+*/
+function getWorksheetBackgroundImageScale(source) {
+	const bytes = decodeBase64DataUri(source);
+	if (!bytes) return;
+	const pixelsPerMeter = readImagePixelsPerMeter(bytes);
+	if (!pixelsPerMeter) return;
+	const scaleX = WORKSHEET_LAYOUT_DPI / (pixelsPerMeter.x * METERS_PER_INCH);
+	const scaleY = WORKSHEET_LAYOUT_DPI / (pixelsPerMeter.y * METERS_PER_INCH);
+	if (!Number.isFinite(scaleX) || !Number.isFinite(scaleY)) return;
+	if (Math.abs(scaleX - 1) <= .001 && Math.abs(scaleY - 1) <= .001) return;
+	return {
+		scaleX,
+		scaleY
+	};
+}
+function decodeBase64DataUri(source) {
+	const separator = source.indexOf(",");
+	if (separator < 0 || !source.slice(0, separator).toLowerCase().includes(";base64")) return;
+	try {
+		const binary = globalThis.atob(source.slice(separator + 1));
+		const bytes = new Uint8Array(binary.length);
+		for (let index = 0; index < binary.length; index++) bytes[index] = binary.charCodeAt(index);
+		return bytes;
+	} catch {
+		return;
+	}
+}
+function readImagePixelsPerMeter(bytes) {
+	return readPngPixelsPerMeter(bytes) ?? readJpegPixelsPerMeter(bytes);
+}
+function readPngPixelsPerMeter(bytes) {
+	if (!hasBytes(bytes, 0, [
+		137,
+		80,
+		78,
+		71,
+		13,
+		10,
+		26,
+		10
+	])) return;
+	let offset = 8;
+	while (offset + 12 <= bytes.length) {
+		const length = readUint32Be(bytes, offset);
+		const typeOffset = offset + 4;
+		const dataOffset = offset + 8;
+		const dataEnd = dataOffset + length;
+		const nextOffset = dataEnd + 4;
+		if (nextOffset > bytes.length) return;
+		if (hasBytes(bytes, typeOffset, [
+			112,
+			72,
+			89,
+			115
+		])) {
+			if (length !== 9 || bytes[dataEnd - 1] !== 1) return;
+			const x = readUint32Be(bytes, dataOffset);
+			const y = readUint32Be(bytes, dataOffset + 4);
+			return x > 0 && y > 0 ? {
+				x,
+				y
+			} : void 0;
+		}
+		offset = nextOffset;
+	}
+}
+function readJpegPixelsPerMeter(bytes) {
+	if (!hasBytes(bytes, 0, [255, 216])) return;
+	let offset = 2;
+	while (offset + 4 <= bytes.length) {
+		if (bytes[offset] !== 255) {
+			offset++;
+			continue;
+		}
+		while (offset < bytes.length && bytes[offset] === 255) offset++;
+		const marker = bytes[offset++];
+		if (marker == null) return;
+		if (marker === 216 || marker === 217 || marker === 1 || marker >= 208 && marker <= 215) continue;
+		const length = readUint16Be(bytes, offset);
+		if (length < 2) return;
+		const dataOffset = offset + 2;
+		const dataEnd = offset + length;
+		if (dataEnd > bytes.length) return;
+		if (marker === 224 && length >= 14 && hasBytes(bytes, dataOffset, [
+			74,
+			70,
+			73,
+			70,
+			0
+		])) {
+			const units = bytes[dataOffset + 7];
+			const xDensity = readUint16Be(bytes, dataOffset + 8);
+			const yDensity = readUint16Be(bytes, dataOffset + 10);
+			if (!xDensity || !yDensity) return;
+			if (units === 1) return {
+				x: Math.round(xDensity / METERS_PER_INCH),
+				y: Math.round(yDensity / METERS_PER_INCH)
+			};
+			if (units === 2) return {
+				x: xDensity * 100,
+				y: yDensity * 100
+			};
+			return;
+		}
+		offset = dataEnd;
+	}
+}
+function hasBytes(bytes, offset, expected) {
+	return expected.every((value, index) => bytes[offset + index] === value);
+}
+function readUint16Be(bytes, offset) {
+	return (bytes[offset] ?? 0) << 8 | (bytes[offset + 1] ?? 0);
+}
+function readUint32Be(bytes, offset) {
+	return ((bytes[offset] ?? 0) << 24 >>> 0 | (bytes[offset + 1] ?? 0) << 16 | (bytes[offset + 2] ?? 0) << 8 | (bytes[offset + 3] ?? 0)) >>> 0;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -298,7 +438,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -311,14 +451,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -329,7 +469,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -337,7 +477,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.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);
@@ -439,6 +579,44 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends Di
 		}
 		return false;
 	}
+	async setWorksheetBackgroundImage(files) {
+		const file = (files ?? await this._fileOpenerService.openFile({
+			multiple: false,
+			accept: DRAWING_IMAGE_ALLOW_IMAGE_LIST.map((image) => `.${image.replace("image/", "")}`).join(",")
+		}))[0];
+		if (!file) return false;
+		let imageParam;
+		try {
+			imageParam = await this._imageIoService.saveImage(file);
+		} catch (error) {
+			const type = error.message;
+			if (type === ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
+				type: MessageType.Error,
+				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String(getDrawingImageAllowSize() / 1048576))
+			});
+			else if (type === ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
+				type: MessageType.Error,
+				content: this._localeService.t("sheets-drawing-ui.update-status.invalidImageType")
+			});
+			else if (type === ImageUploadStatusType.ERROR_IMAGE) this._messageService.show({
+				type: MessageType.Error,
+				content: this._localeService.t("sheets-drawing-ui.update-status.invalidImage")
+			});
+			return false;
+		}
+		if (!imageParam) return false;
+		const { unitId, subUnitId } = this._getUnitInfo();
+		const scale = getWorksheetBackgroundImageScale(imageParam.base64Cache || imageParam.source);
+		return this._commandService.executeCommand(SetWorksheetBackgroundImageCommand.id, {
+			unitId,
+			subUnitId,
+			backgroundImage: {
+				source: imageParam.source,
+				imageSourceType: imageParam.imageSourceType,
+				...scale
+			}
+		});
+	}
 	insertCellImageByFile(file, location) {
 		return this._insertCellImage(file, location);
 	}
@@ -450,7 +628,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends Di
 			const type = error.message;
 			if (type === ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: MessageType.Error,
-				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String(getDrawingImageAllowSize() / (1024 * 1024)))
+				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String(getDrawingImageAllowSize() / 1048576))
 			});
 			else if (type === ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: MessageType.Error,
@@ -504,7 +682,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends Di
 			const type = error.message;
 			if (type === ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: MessageType.Error,
-				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String(getDrawingImageAllowSize() / (1024 * 1024)))
+				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String(getDrawingImageAllowSize() / 1048576))
 			});
 			else if (type === ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: MessageType.Error,
@@ -1347,6 +1525,24 @@ const SaveCellImagesCommand = {
 	}
 };
 
+//#endregion
+//#region src/commands/commands/worksheet-background-image.command.ts
+const AddWorksheetBackgroundImageCommand = {
+	id: "sheet.command.add-worksheet-background-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _getCurrentTypeOfRend;
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const renderManagerService = accessor.get(IRenderManagerService);
+		return ((_getCurrentTypeOfRend = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, univerInstanceService, renderManagerService)) === null || _getCurrentTypeOfRend === void 0 ? void 0 : _getCurrentTypeOfRend.with(SheetDrawingUpdateController).setWorksheetBackgroundImage(params === null || params === void 0 ? void 0 : params.files)) ?? false;
+	}
+};
+const DeleteWorksheetBackgroundImageCommand = {
+	id: "sheet.command.delete-worksheet-background-image",
+	type: CommandType.COMMAND,
+	handler: (accessor) => accessor.get(ICommandService).executeCommand(SetWorksheetBackgroundImageCommand.id, { backgroundImage: null })
+};
+
 //#endregion
 //#region src/views/sheet-image-panel/component-name.ts
 /**
@@ -1391,9 +1587,7 @@ const SidebarSheetDrawingOperation = {
 					width: 360
 				});
 				break;
-			default:
-				sidebarService.close(COMPONENT_SHEET_DRAWING_PANEL);
-				break;
+			default: sidebarService.close(COMPONENT_SHEET_DRAWING_PANEL);
 		}
 		return true;
 	}
@@ -1472,20 +1666,32 @@ let SheetsDrawingGroupCopyPasteController = class SheetsDrawingGroupCopyPasteCon
 			}
 		});
 	}
-	registerFeaturePasteHook(hook) {
-		this._featurePasteHooks.push(hook);
+	registerFeaturePasteHook(hook, options) {
+		const entry = {
+			hook,
+			beforeDrawing: (options === null || options === void 0 ? void 0 : options.beforeDrawing) === true
+		};
+		this._featurePasteHooks.push(entry);
+		return toDisposable(() => {
+			const index = this._featurePasteHooks.indexOf(entry);
+			if (index >= 0) this._featurePasteHooks.splice(index, 1);
+		});
 	}
-	_getGroupFeaturePasteMutations(params) {
+	_getGroupFeaturePasteMutations(params, beforeDrawing) {
 		const redos = [];
 		const undos = [];
-		for (const hook of this._featurePasteHooks) {
-			const result = hook(params);
+		let cancel = false;
+		for (const entry of this._featurePasteHooks) {
+			if (entry.beforeDrawing !== beforeDrawing) continue;
+			const result = entry.hook(params);
 			redos.push(...result.redos);
 			undos.push(...result.undos);
+			cancel = cancel || result.cancel === true;
 		}
 		return {
 			redos,
-			undos
+			undos,
+			cancel
 		};
 	}
 	_generateGroupPasteMutations(pasteTo) {
@@ -1503,6 +1709,19 @@ let SheetsDrawingGroupCopyPasteController = class SheetsDrawingGroupCopyPasteCon
 		const origRootGroup = groupNestedParam.groups[groupNestedParam.groups.length - 1];
 		const { cloned, idMap } = cloneGroupParams(groupNestedParam);
 		const newRootGroupId = cloned.groups[cloned.groups.length - 1].drawingId;
+		const featureParams = {
+			fromUnitId: this._copyInfo.unitId,
+			fromSubUnitId: this._copyInfo.subUnitId,
+			toUnitId: unitId,
+			toSubUnitId: subUnitId,
+			idMap,
+			cloned
+		};
+		const beforeDrawingMutations = this._getGroupFeaturePasteMutations(featureParams, true);
+		if (beforeDrawingMutations.cancel) return {
+			redos: [],
+			undos: []
+		};
 		const pasteRange = discreteRangeToRange(range);
 		const pasteRect = attachRangeWithCoord(pasteToSkeleton, {
 			startRow: pasteRange.startRow,
@@ -1539,7 +1758,12 @@ let SheetsDrawingGroupCopyPasteController = class SheetsDrawingGroupCopyPasteCon
 			};
 		})];
 		const { undo: removeOp, redo: insertOp, objects } = this._sheetDrawingService.getBatchAddOp(allDrawings);
-		const redos = [{
+		const afterDrawingMutations = this._getGroupFeaturePasteMutations(featureParams, false);
+		if (afterDrawingMutations.cancel) return {
+			redos: [],
+			undos: []
+		};
+		const drawingRedo = {
 			id: SetDrawingApplyMutation.id,
 			params: {
 				op: insertOp,
@@ -1548,8 +1772,8 @@ let SheetsDrawingGroupCopyPasteController = class SheetsDrawingGroupCopyPasteCon
 				objects,
 				type: DrawingApplyType.INSERT
 			}
-		}];
-		const undos = [{
+		};
+		const drawingUndo = {
 			id: SetDrawingApplyMutation.id,
 			params: {
 				op: removeOp,
@@ -1558,20 +1782,18 @@ let SheetsDrawingGroupCopyPasteController = class SheetsDrawingGroupCopyPasteCon
 				objects,
 				type: DrawingApplyType.REMOVE
 			}
-		}];
-		const featureMutations = this._getGroupFeaturePasteMutations({
-			fromUnitId: this._copyInfo.unitId,
-			fromSubUnitId: this._copyInfo.subUnitId,
-			toUnitId: unitId,
-			toSubUnitId: subUnitId,
-			idMap,
-			cloned
-		});
-		redos.push(...featureMutations.redos);
-		undos.push(...featureMutations.undos);
+		};
 		return {
-			redos,
-			undos
+			redos: [
+				...beforeDrawingMutations.redos,
+				drawingRedo,
+				...afterDrawingMutations.redos
+			],
+			undos: [
+				drawingUndo,
+				...beforeDrawingMutations.undos,
+				...afterDrawingMutations.undos
+			]
 		};
 	}
 	dispose() {
@@ -2306,7 +2528,8 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					});
 					previewSubscription && disposableCollection.add(previewSubscription);
 				}
-				const position$ = new BehaviorSubject(calcSheetFloatDomPosition(rect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet));
+				const initPosition = calcSheetFloatDomPosition(rect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet);
+				const position$ = new BehaviorSubject(initPosition);
 				const domId = `${SHEET_FLOAT_DOM_PREFIX}${generateRandomId(6)}`;
 				const shouldAutoMountRuntime = shouldAutoMountFloatDomRuntime(floatDomParam);
 				const shouldSyncEmbedRuntimeStage = isEmbedFloatDomData(floatDomParam);
@@ -2612,8 +2835,10 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				if (renderObject && sheetDrawing.drawingType !== DrawingTypeEnum.DRAWING_CHART) {
 					const { scene } = renderObject;
 					const floatDomInfo = this._domLayerInfoMap.get(data.drawingId);
-					if (floatDomInfo === null || floatDomInfo === void 0 ? void 0 : floatDomInfo.rect) if (sheetDrawing.allowTransform === false) scene.detachTransformerFrom(floatDomInfo.rect);
-					else scene.attachTransformerTo(floatDomInfo.rect);
+					if (floatDomInfo === null || floatDomInfo === void 0 ? void 0 : floatDomInfo.rect) {
+						if (sheetDrawing.allowTransform === false) scene.detachTransformerFrom(floatDomInfo.rect);
+						else scene.attachTransformerTo(floatDomInfo.rect);
+					}
 				}
 			});
 		}));
@@ -2847,7 +3072,8 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				subUnitId,
 				id: drawingId
 			};
-			const position$ = new BehaviorSubject(calcSheetFloatDomPosition(domRect, renderObject.renderUnit.scene, skeletonParam.skeleton, target.worksheet, floatDomInfo));
+			const initedPosition = calcSheetFloatDomPosition(domRect, renderObject.renderUnit.scene, skeletonParam.skeleton, target.worksheet, floatDomInfo);
+			const position$ = new BehaviorSubject(initedPosition);
 			floatDomInfo.position$ = position$;
 			let floatDomCfg = {
 				position$,
@@ -2889,11 +3115,12 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domAnchor);
-				const newRect = new Rect(getDrawingShapeKeyByDrawingSearch({
+				const rectShapeKey = getDrawingShapeKeyByDrawingSearch({
 					unitId,
 					subUnitId,
 					drawingId
-				}), {
+				});
+				const newRect = new Rect(rectShapeKey, {
 					left: calcOffsetPos.startX,
 					top: calcOffsetPos.startY,
 					width: domAnchor.width ?? newRangePos.width,
@@ -3022,13 +3249,14 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					top: rangePosition.absolute.top
 				}
 			}, domLayoutParam);
-			const domRect = new Rect(rectShapeKey, {
+			const headerRectConfig = {
 				left: calcOffsetPos.startX,
 				top: calcOffsetPos.startY,
 				width: calcOffsetPos.width,
 				height: calcOffsetPos.height,
 				zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
-			});
+			};
+			const domRect = new Rect(rectShapeKey, headerRectConfig);
 			scene.addObject(domRect, DRAWING_OBJECT_LAYER_INDEX);
 			if (floatDomParam.allowTransform !== false) scene.attachTransformerTo(domRect);
 			const disposableCollection = new DisposableCollection();
@@ -3048,7 +3276,8 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				domAnchor: domLayoutParam,
 				scrollDirectionResponse: "HORIZONTAL"
 			};
-			const position$ = new BehaviorSubject(calcSheetFloatDomPosition(domRect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo));
+			const initedPosition = calcSheetFloatDomPosition(domRect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo);
+			const position$ = new BehaviorSubject(initedPosition);
 			floatDomInfo.position$ = position$;
 			let floatDomCfg = {
 				position$,
@@ -3094,11 +3323,12 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domLayoutParam);
-				const newRect = new Rect(getDrawingShapeKeyByDrawingSearch({
+				const rectShapeKey = getDrawingShapeKeyByDrawingSearch({
 					unitId,
 					subUnitId,
 					drawingId
-				}), {
+				});
+				const newRect = new Rect(rectShapeKey, {
 					left: calcOffsetPos.startX,
 					top: 0,
 					width: domLayoutParam.width,
@@ -3373,6 +3603,64 @@ function SaveCellImagesMenuFactory(accessor) {
 	};
 }
 
+//#endregion
+//#region src/menu/worksheet-background-image.menu.ts
+const WORKSHEET_BACKGROUND_IMAGE_MENU_ID = "sheet.menu.worksheet-background-image";
+function worksheetBackgroundImagePresent$(accessor) {
+	const commandService = accessor.get(ICommandService);
+	const instanceService = accessor.get(IUniverInstanceService);
+	return new Observable((observer) => {
+		const getValue = () => {
+			const workbook = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+			return !!(workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getConfig().backgroundImage);
+		};
+		const disposables = new DisposableCollection();
+		disposables.add(commandService.onCommandExecuted((command) => {
+			if (command.id === SetWorksheetBackgroundImageMutation.id || command.id === SetWorksheetActiveOperation.id) observer.next(getValue());
+		}));
+		disposables.add(instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe(() => {
+			observer.next(getValue());
+		}));
+		observer.next(getValue());
+		return () => disposables.dispose();
+	});
+}
+function worksheetBackgroundImagePermissionDisabled$(accessor) {
+	return getCurrentRangeDisable$(accessor, {
+		workbookTypes: [WorkbookEditablePermission],
+		worksheetTypes: [WorksheetEditPermission]
+	});
+}
+function WorksheetBackgroundImageMenuFactory(accessor) {
+	return {
+		id: WORKSHEET_BACKGROUND_IMAGE_MENU_ID,
+		type: MenuItemType.SUBITEMS,
+		icon: "AddImageIcon",
+		tooltip: "sheets-drawing-ui.backgroundImage.title",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: worksheetBackgroundImagePermissionDisabled$(accessor)
+	};
+}
+function AddWorksheetBackgroundImageMenuFactory(accessor) {
+	return {
+		id: AddWorksheetBackgroundImageCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "sheets-drawing-ui.backgroundImage.add",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: worksheetBackgroundImagePermissionDisabled$(accessor)
+	};
+}
+function DeleteWorksheetBackgroundImageMenuFactory(accessor) {
+	const permissionDisabled$ = worksheetBackgroundImagePermissionDisabled$(accessor);
+	return {
+		id: DeleteWorksheetBackgroundImageCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "sheets-drawing-ui.backgroundImage.delete",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: combineLatest([permissionDisabled$, worksheetBackgroundImagePresent$(accessor)]).pipe(map(([permissionDisabled, present]) => permissionDisabled || !present))
+	};
+}
+
 //#endregion
 //#region src/menu/schema.ts
 const menuSchema = {
@@ -3394,6 +3682,24 @@ const menuSchema = {
 			menuItemFactory: UploadCellImageMenuFactory
 		}
 	} },
+	[RibbonPosition.VIEW]: { [RibbonViewGroup.DISPLAY]: { [WORKSHEET_BACKGROUND_IMAGE_MENU_ID]: {
+		order: .5,
+		gridLayout: {
+			row: 1,
+			column: 2,
+			rowSpan: 2,
+			showLabel: true
+		},
+		menuItemFactory: WorksheetBackgroundImageMenuFactory,
+		[AddWorksheetBackgroundImageCommand.id]: {
+			order: 0,
+			menuItemFactory: AddWorksheetBackgroundImageMenuFactory
+		},
+		[DeleteWorksheetBackgroundImageCommand.id]: {
+			order: 1,
+			menuItemFactory: DeleteWorksheetBackgroundImageMenuFactory
+		}
+	} } },
 	[ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS]: { [SaveCellImagesCommand.id]: {
 		order: 10,
 		menuItemFactory: SaveCellImagesMenuFactory
@@ -3411,7 +3717,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-drawing-ui";
-var version = "1.0.0-rc.0";
+var version = "1.0.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -3516,7 +3822,7 @@ function BatchSaveImagesDialog({ SelectComponent = Select } = {}) {
 		}));
 	}, [dataColumns]);
 	const [selectedColumn, setSelectedColumn] = useState(() => columnOptions.length > 0 ? columnOptions[0].value : "0");
-	useHighlightRange(useMemo(() => {
+	const highlightRanges = useMemo(() => {
 		if (!fileNameParts.includes("columnValue") || !rowRange) return [];
 		const colIndex = Number(selectedColumn);
 		return [{
@@ -3529,7 +3835,8 @@ function BatchSaveImagesDialog({ SelectComponent = Select } = {}) {
 		fileNameParts,
 		selectedColumn,
 		rowRange
-	]));
+	]);
+	useHighlightRange(highlightRanges);
 	const handleFileNamePartsChange = useCallback((value) => {
 		if (value.length === 0) return;
 		setFileNameParts(value);
@@ -3654,7 +3961,8 @@ const SheetDrawingAnchor = (props) => {
 	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);
-	const [value, setValue] = useState(drawingParam ? getSheetDrawingPlacement(drawingParam).kind : SheetDrawingAnchorType.Position);
+	const type = drawingParam ? getSheetDrawingPlacement(drawingParam).kind : SheetDrawingAnchorType.Position;
+	const [value, setValue] = useState(type);
 	function getUpdateParams(objects, drawingManagerService) {
 		const params = [];
 		objects.forEach((object) => {
@@ -3936,6 +4244,70 @@ SheetsDrawingRenderController = __decorate([
 	__decorateParam(3, Inject(SheetSkeletonService))
 ], SheetsDrawingRenderController);
 
+//#endregion
+//#region src/views/background/worksheet-background-image.extension.ts
+const WORKSHEET_BACKGROUND_IMAGE_EXTENSION_KEY = "WorksheetBackgroundImageExtension";
+var WorksheetBackgroundImageExtension = class extends SheetExtension {
+	constructor(injector, _requestRender) {
+		super();
+		this._requestRender = _requestRender;
+		_defineProperty(this, "uKey", WORKSHEET_BACKGROUND_IMAGE_EXTENSION_KEY);
+		_defineProperty(this, "type", SHEET_EXTENSION_TYPE.BACKGROUND);
+		_defineProperty(this, "_imageCache", void 0);
+		this._imageCache = new ImageCacheMap(injector);
+	}
+	draw(ctx, _parentScale, spreadsheetSkeleton, diffRanges, drawInfo) {
+		const backgroundImage = spreadsheetSkeleton.worksheet.getConfig().backgroundImage;
+		if (!backgroundImage) return;
+		const image = this._imageCache.getImage(backgroundImage.imageSourceType, backgroundImage.source, this._requestRender, this._requestRender);
+		if (!image || !image.complete || image.naturalWidth === 0 || image.getAttribute("data-error")) return;
+		const pattern = ctx.createPattern(image, "repeat");
+		if (!pattern) return;
+		const scaleX = backgroundImage.scaleX ?? 1;
+		const scaleY = backgroundImage.scaleY ?? 1;
+		if (scaleX !== 1 || scaleY !== 1) pattern.setTransform({
+			a: scaleX,
+			d: scaleY
+		});
+		const ranges = diffRanges.length > 0 ? diffRanges : drawInfo.viewRanges;
+		const { columnWidthAccumulation, rowHeightAccumulation } = spreadsheetSkeleton;
+		if (!columnWidthAccumulation || !rowHeightAccumulation) return;
+		ctx.save();
+		ctx.fillStyle = pattern;
+		ranges.forEach((range) => {
+			const startX = range.startColumn > 0 ? columnWidthAccumulation[range.startColumn - 1] : 0;
+			const startY = range.startRow > 0 ? rowHeightAccumulation[range.startRow - 1] : 0;
+			const endX = columnWidthAccumulation[range.endColumn];
+			const endY = rowHeightAccumulation[range.endRow];
+			if (endX != null && endY != null) ctx.fillRect(startX, startY, endX - startX, endY - startY);
+		});
+		ctx.restore();
+	}
+};
+
+//#endregion
+//#region src/controllers/render-controllers/worksheet-background.render-controller.ts
+let WorksheetBackgroundRenderController = class WorksheetBackgroundRenderController extends Disposable {
+	constructor(_context, commandService, injector) {
+		super();
+		this._context = _context;
+		const spreadsheet = this._context.mainComponent;
+		const extension = new WorksheetBackgroundImageExtension(injector, () => {
+			spreadsheet.makeForceDirty(true);
+			this._context.scene.makeDirty();
+		});
+		this.disposeWithMe(spreadsheet.register(extension));
+		this.disposeWithMe(commandService.onCommandExecuted((command) => {
+			const params = command.params;
+			if (command.id === SetWorksheetBackgroundImageMutation.id && (params === null || params === void 0 ? void 0 : params.unitId) === this._context.unitId) {
+				spreadsheet.makeForceDirty(true);
+				this._context.scene.makeDirty();
+			}
+		}));
+	}
+};
+WorksheetBackgroundRenderController = __decorate([__decorateParam(1, ICommandService), __decorateParam(2, Inject(Injector))], WorksheetBackgroundRenderController);
+
 //#endregion
 //#region src/controllers/sheet-cell-image.controller.ts
 function resizeImageByCell(injector, location, cell) {
@@ -4252,7 +4624,7 @@ const specialPastes = [
 	PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,
 	PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA
 ];
-let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController extends Disposable {
+let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController extends RxDisposable {
 	constructor(_sheetClipboardService, _renderManagerService, _sheetSkeletonService, _drawingService, _clipboardInterfaceService, _commandService) {
 		super();
 		this._sheetClipboardService = _sheetClipboardService;
@@ -4268,7 +4640,7 @@ let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController ex
 		return this._drawingService.getFocusDrawings();
 	}
 	_initCopyPaste() {
-		this._sheetClipboardService.addClipboardHook({
+		this.disposeWithMe(this._sheetClipboardService.addClipboardHook({
 			id: "SHEET_IMAGE_UI_PLUGIN",
 			onBeforeCopyFocusedObject: (unitId, _subUnitId, copyType) => {
 				this._copyInfo = null;
@@ -4282,12 +4654,12 @@ let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController ex
 					};
 					this._commandService.executeCommand(RemoveSheetDrawingCommand.id, params);
 				}
-				setTimeout(() => {
+				timer(200).pipe(takeUntil(this.dispose$)).subscribe(() => {
 					const dispose = focusDocument();
 					if (drawing.drawingType === DrawingTypeEnum.DRAWING_IMAGE && drawing.imageSourceType === ImageSourceType.BASE64) copyBase64ToClipboard(drawing.source);
 					else this._clipboardInterfaceService.writeText("");
 					dispose();
-				}, 200);
+				});
 				this._copyInfo = {
 					unitId: drawing.unitId,
 					subUnitId: drawing.subUnitId,
@@ -4372,7 +4744,7 @@ let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController ex
 					redos: []
 				};
 			}
-		});
+		}));
 	}
 	_createDrawingsCopyInfoByRange(unitId, subUnitId, range) {
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
@@ -4899,18 +5271,19 @@ function createPrintingFloatDom(info, scene, skeleton, worksheet) {
 }
 const PrintingFloatDom = (props) => {
 	const { floatDomInfos, scene, skeleton, worksheet } = props;
+	const floatDomParams = useMemo(() => floatDomInfos.map((info) => createPrintingFloatDom(info, scene, skeleton, worksheet)), [
+		floatDomInfos,
+		scene,
+		skeleton,
+		worksheet
+	]);
 	return /* @__PURE__ */ jsx("div", {
 		style: {
 			position: "absolute",
 			top: 0,
 			left: 0
 		},
-		children: useMemo(() => floatDomInfos.map((info) => createPrintingFloatDom(info, scene, skeleton, worksheet)), [
-			floatDomInfos,
-			scene,
-			skeleton,
-			worksheet
-		]).map(([id, floatDom]) => /* @__PURE__ */ jsx(PrintFloatDomSingle, {
+		children: floatDomParams.map(([id, floatDom]) => /* @__PURE__ */ jsx(PrintFloatDomSingle, {
 			layer: floatDom,
 			id,
 			position: floatDom.position
@@ -4918,7 +5291,8 @@ const PrintingFloatDom = (props) => {
 	});
 };
 function mountPrintingFloatDom(props, root, injector) {
-	render(/* @__PURE__ */ jsx(connectInjector(PrintingFloatDom, injector), { ...props }), root);
+	const PrintingFloatDomInjector = connectInjector(PrintingFloatDom, injector);
+	render(/* @__PURE__ */ jsx(PrintingFloatDomInjector, { ...props }), root);
 	return () => unmount(root);
 }
 
@@ -5236,9 +5610,8 @@ const DeleteDrawingsShortcutItem = {
 * limitations under the License.
 */
 let SheetDrawingUIController = class SheetDrawingUIController extends Disposable {
-	constructor(_menuManagerService, _commandService, _shortcutService, _drawingManagerService, _sidebarService) {
+	constructor(_commandService, _shortcutService, _drawingManagerService, _sidebarService) {
 		super();
-		this._menuManagerService = _menuManagerService;
 		this._commandService = _commandService;
 		this._shortcutService = _shortcutService;
 		this._drawingManagerService = _drawingManagerService;
@@ -5246,13 +5619,12 @@ let SheetDrawingUIController = class SheetDrawingUIController extends Disposable
 		this._init();
 	}
 	_initCustomComponents() {}
-	_initMenus() {
-		this._menuManagerService.mergeMenu(menuSchema);
-	}
 	_initCommands() {
 		[
 			InsertFloatImageCommand,
 			InsertCellImageCommand,
+			AddWorksheetBackgroundImageCommand,
+			DeleteWorksheetBackgroundImageCommand,
 			SidebarSheetDrawingOperation,
 			EditSheetDrawingOperation,
 			GroupSheetDrawingCommand,
@@ -5284,17 +5656,15 @@ let SheetDrawingUIController = class SheetDrawingUIController extends Disposable
 	_init() {
 		this._initCommands();
 		this._initCustomComponents();
-		this._initMenus();
 		this._initShortcuts();
 		this._initImagePanel();
 	}
 };
 SheetDrawingUIController = __decorate([
-	__decorateParam(0, IMenuManagerService),
-	__decorateParam(1, ICommandService),
-	__decorateParam(2, IShortcutService),
-	__decorateParam(3, IDrawingManagerService),
-	__decorateParam(4, Inject(ISidebarService))
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, IShortcutService),
+	__decorateParam(2, IDrawingManagerService),
+	__decorateParam(3, Inject(ISidebarService))
 ], SheetDrawingUIController);
 
 //#endregion
@@ -5576,6 +5946,72 @@ MobileDrawingPopupMenuController = __decorate([
 	__decorateParam(11, ILayoutService)
 ], MobileDrawingPopupMenuController);
 
+//#endregion
+//#region src/menu/mobile-schema.ts
+const mobileMenuSchema = {
+	[RibbonInsertGroup.MEDIA]: { [SHEETS_IMAGE_MENU_ID]: {
+		order: 0,
+		menuItemFactory: ImageMenuFactory,
+		[InsertFloatImageCommand.id]: {
+			order: 0,
+			menuItemFactory: UploadFloatImageMenuFactory
+		},
+		[InsertCellImageCommand.id]: {
+			order: 1,
+			menuItemFactory: UploadCellImageMenuFactory
+		}
+	} },
+	[RibbonDataGroup.ORGANIZATION]: { [WORKSHEET_BACKGROUND_IMAGE_MENU_ID]: {
+		order: 22,
+		menuItemFactory: WorksheetBackgroundImageMenuFactory,
+		[AddWorksheetBackgroundImageCommand.id]: {
+			order: 0,
+			menuItemFactory: AddWorksheetBackgroundImageMenuFactory
+		},
+		[DeleteWorksheetBackgroundImageCommand.id]: {
+			order: 1,
+			menuItemFactory: DeleteWorksheetBackgroundImageMenuFactory
+		}
+	} },
+	[ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS]: { [SaveCellImagesCommand.id]: {
+		order: 10,
+		menuItemFactory: SaveCellImagesMenuFactory
+	} } },
+	[ContextMenuPosition.COL_HEADER]: { [ContextMenuGroup.OTHERS]: { [SaveCellImagesCommand.id]: {
+		order: 10,
+		menuItemFactory: SaveCellImagesMenuFactory
+	} } },
+	[ContextMenuPosition.ROW_HEADER]: { [ContextMenuGroup.OTHERS]: { [SaveCellImagesCommand.id]: {
+		order: 10,
+		menuItemFactory: SaveCellImagesMenuFactory
+	} } }
+};
+
+//#endregion
+//#region src/menu/mobile-sheet-drawing-menu.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let MobileSheetDrawingMenuController = class MobileSheetDrawingMenuController extends Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(mobileMenuSchema);
+	}
+};
+MobileSheetDrawingMenuController = __decorate([__decorateParam(0, IMenuManagerService)], MobileSheetDrawingMenuController);
+
 //#endregion
 //#region src/services/sheet-drawing-hit-test.service.ts
 let SheetDrawingHitTestService = class SheetDrawingHitTestService extends Disposable {
@@ -5706,6 +6142,7 @@ let UniverSheetsDrawingMobileUIPlugin = class UniverSheetsDrawingMobileUIPlugin
 			[SheetCanvasFloatDomManagerService],
 			[SheetDrawingHitTestService],
 			[SheetDrawingUIController],
+			[MobileSheetDrawingMenuController],
 			[MobileDrawingPopupMenuController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingPermissionController],
@@ -5735,6 +6172,7 @@ let UniverSheetsDrawingMobileUIPlugin = class UniverSheetsDrawingMobileUIPlugin
 			[SheetDrawingPermissionController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingUIController],
+			[MobileSheetDrawingMenuController],
 			[SheetCellImageController],
 			[SheetCellImageAutofillController]
 		]);
@@ -5748,7 +6186,8 @@ let UniverSheetsDrawingMobileUIPlugin = class UniverSheetsDrawingMobileUIPlugin
 			[SheetDrawingUpdateController],
 			[SheetDrawingActiveRenderController],
 			[SheetsDrawingRenderController],
-			[SheetCellImageHoverRenderController]
+			[SheetCellImageHoverRenderController],
+			[WorksheetBackgroundRenderController]
 		].forEach((module) => {
 			this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, module));
 		});
@@ -6005,6 +6444,31 @@ DrawingPopupMenuController = __decorate([
 	__decorateParam(9, ICommandService)
 ], DrawingPopupMenuController);
 
+//#endregion
+//#region src/menu/sheet-drawing-menu.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let SheetDrawingMenuController = class SheetDrawingMenuController extends Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(menuSchema);
+	}
+};
+SheetDrawingMenuController = __decorate([__decorateParam(0, IMenuManagerService)], SheetDrawingMenuController);
+
 //#endregion
 //#region src/plugin.ts
 let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends Plugin {
@@ -6024,6 +6488,7 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends Plug
 			[SheetCanvasFloatDomManagerService],
 			[SheetDrawingHitTestService],
 			[SheetDrawingUIController],
+			[SheetDrawingMenuController],
 			[DrawingPopupMenuController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingPermissionController],
@@ -6052,6 +6517,7 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends Plug
 			[SheetDrawingPermissionController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingUIController],
+			[SheetDrawingMenuController],
 			[SheetCellImageController],
 			[SheetCellImageAutofillController]
 		]);
@@ -6065,7 +6531,8 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends Plug
 			[SheetDrawingUpdateController],
 			[SheetDrawingActiveRenderController],
 			[SheetsDrawingRenderController],
-			[SheetCellImageHoverRenderController]
+			[SheetCellImageHoverRenderController],
+			[WorksheetBackgroundRenderController]
 		].forEach((m) => {
 			this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, m));
 		});
@@ -6083,4 +6550,4 @@ UniverSheetsDrawingUIPlugin = __decorate([
 ], UniverSheetsDrawingUIPlugin);
 
 //#endregion
-export { BatchSaveImagesService, DeleteDrawingsCommand, DrawingContextMenuService, EditSheetDrawingOperation, FileNamePart, GroupSheetDrawingCommand, IBatchSaveImagesService, IDrawingContextMenuService, InsertFloatImageCommand, MoveDrawingsCommand, SHEETS_DRAWING_FLOATING_HOST_DEPENDENCIES, SHEETS_IMAGE_MENU_ID, SHEET_CHART_RENDER_OBJECT_CONFIG, SHEET_FLOAT_DOM_PREFIX, SaveCellImagesCommand, SheetCanvasFloatDomManagerService, SheetDrawingAnchor, SheetDrawingHitTestService, SheetDrawingUpdateController, SheetsDrawingGroupCopyPasteController, menuSchema as SheetsDrawingUIMenuSchema, SidebarSheetDrawingOperation, UngroupSheetDrawingCommand, UniverSheetsDrawingMobileUIPlugin, UniverSheetsDrawingUIPlugin, calcSheetFloatDomPosition, registerSheetsDrawingFloatingHostCapability };
+export { AddWorksheetBackgroundImageCommand, BatchSaveImagesService, DeleteDrawingsCommand, DeleteWorksheetBackgroundImageCommand, DrawingContextMenuService, EditSheetDrawingOperation, FileNamePart, GroupSheetDrawingCommand, IBatchSaveImagesService, IDrawingContextMenuService, InsertFloatImageCommand, MoveDrawingsCommand, SHEETS_DRAWING_FLOATING_HOST_DEPENDENCIES, SHEETS_IMAGE_MENU_ID, SHEET_CHART_RENDER_OBJECT_CONFIG, SHEET_FLOAT_DOM_PREFIX, SaveCellImagesCommand, SheetCanvasFloatDomManagerService, SheetDrawingAnchor, SheetDrawingHitTestService, SheetDrawingUpdateController, SheetsDrawingGroupCopyPasteController, menuSchema as SheetsDrawingUIMenuSchema, SidebarSheetDrawingOperation, UngroupSheetDrawingCommand, UniverSheetsDrawingMobileUIPlugin, UniverSheetsDrawingUIPlugin, calcSheetFloatDomPosition, registerSheetsDrawingFloatingHostCapability };