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

package/lib/cjs/index.js

@@ -288,7 +288,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) {
@@ -299,7 +439,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];
@@ -312,14 +452,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,
@@ -330,7 +470,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);
@@ -338,7 +478,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);
@@ -440,6 +580,44 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends _u
 		}
 		return false;
 	}
+	async setWorksheetBackgroundImage(files) {
+		const file = (files ?? await this._fileOpenerService.openFile({
+			multiple: false,
+			accept: _univerjs_drawing.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 === _univerjs_core.ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
+				type: _univerjs_design.MessageType.Error,
+				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / 1048576))
+			});
+			else if (type === _univerjs_core.ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
+				type: _univerjs_design.MessageType.Error,
+				content: this._localeService.t("sheets-drawing-ui.update-status.invalidImageType")
+			});
+			else if (type === _univerjs_core.ImageUploadStatusType.ERROR_IMAGE) this._messageService.show({
+				type: _univerjs_design.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(_univerjs_sheets_drawing.SetWorksheetBackgroundImageCommand.id, {
+			unitId,
+			subUnitId,
+			backgroundImage: {
+				source: imageParam.source,
+				imageSourceType: imageParam.imageSourceType,
+				...scale
+			}
+		});
+	}
 	insertCellImageByFile(file, location) {
 		return this._insertCellImage(file, location);
 	}
@@ -451,7 +629,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends _u
 			const type = error.message;
 			if (type === _univerjs_core.ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
-				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / (1024 * 1024)))
+				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / 1048576))
 			});
 			else if (type === _univerjs_core.ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
@@ -505,7 +683,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends _u
 			const type = error.message;
 			if (type === _univerjs_core.ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
-				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / (1024 * 1024)))
+				content: this._localeService.t("sheets-drawing-ui.update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / 1048576))
 			});
 			else if (type === _univerjs_core.ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
@@ -1348,6 +1526,24 @@ const SaveCellImagesCommand = {
 	}
 };
 
+//#endregion
+//#region src/commands/commands/worksheet-background-image.command.ts
+const AddWorksheetBackgroundImageCommand = {
+	id: "sheet.command.add-worksheet-background-image",
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _getCurrentTypeOfRend;
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
+		return ((_getCurrentTypeOfRend = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.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: _univerjs_core.CommandType.COMMAND,
+	handler: (accessor) => accessor.get(_univerjs_core.ICommandService).executeCommand(_univerjs_sheets_drawing.SetWorksheetBackgroundImageCommand.id, { backgroundImage: null })
+};
+
 //#endregion
 //#region src/views/sheet-image-panel/component-name.ts
 /**
@@ -1392,9 +1588,7 @@ const SidebarSheetDrawingOperation = {
 					width: 360
 				});
 				break;
-			default:
-				sidebarService.close(COMPONENT_SHEET_DRAWING_PANEL);
-				break;
+			default: sidebarService.close(COMPONENT_SHEET_DRAWING_PANEL);
 		}
 		return true;
 	}
@@ -1473,20 +1667,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 (0, _univerjs_core.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) {
@@ -1504,6 +1710,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 = (0, _univerjs_sheets.discreteRangeToRange)(range);
 		const pasteRect = (0, _univerjs_sheets.attachRangeWithCoord)(pasteToSkeleton, {
 			startRow: pasteRange.startRow,
@@ -1540,7 +1759,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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
 			params: {
 				op: insertOp,
@@ -1549,8 +1773,8 @@ let SheetsDrawingGroupCopyPasteController = class SheetsDrawingGroupCopyPasteCon
 				objects,
 				type: _univerjs_sheets_drawing.DrawingApplyType.INSERT
 			}
-		}];
-		const undos = [{
+		};
+		const drawingUndo = {
 			id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
 			params: {
 				op: removeOp,
@@ -1559,20 +1783,18 @@ let SheetsDrawingGroupCopyPasteController = class SheetsDrawingGroupCopyPasteCon
 				objects,
 				type: _univerjs_sheets_drawing.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() {
@@ -2307,7 +2529,8 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					});
 					previewSubscription && disposableCollection.add(previewSubscription);
 				}
-				const position$ = new rxjs.BehaviorSubject(calcSheetFloatDomPosition(rect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet));
+				const initPosition = calcSheetFloatDomPosition(rect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet);
+				const position$ = new rxjs.BehaviorSubject(initPosition);
 				const domId = `${SHEET_FLOAT_DOM_PREFIX}${(0, _univerjs_core.generateRandomId)(6)}`;
 				const shouldAutoMountRuntime = shouldAutoMountFloatDomRuntime(floatDomParam);
 				const shouldSyncEmbedRuntimeStage = isEmbedFloatDomData(floatDomParam);
@@ -2613,8 +2836,10 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				if (renderObject && sheetDrawing.drawingType !== _univerjs_core.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);
+					}
 				}
 			});
 		}));
@@ -2848,7 +3073,8 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				subUnitId,
 				id: drawingId
 			};
-			const position$ = new rxjs.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 rxjs.BehaviorSubject(initedPosition);
 			floatDomInfo.position$ = position$;
 			let floatDomCfg = {
 				position$,
@@ -2890,11 +3116,12 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domAnchor);
-				const newRect = new _univerjs_engine_render.Rect((0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
+				const rectShapeKey = (0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
 					unitId,
 					subUnitId,
 					drawingId
-				}), {
+				});
+				const newRect = new _univerjs_engine_render.Rect(rectShapeKey, {
 					left: calcOffsetPos.startX,
 					top: calcOffsetPos.startY,
 					width: domAnchor.width ?? newRangePos.width,
@@ -3023,13 +3250,14 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					top: rangePosition.absolute.top
 				}
 			}, domLayoutParam);
-			const domRect = new _univerjs_engine_render.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 _univerjs_engine_render.Rect(rectShapeKey, headerRectConfig);
 			scene.addObject(domRect, _univerjs_engine_render.DRAWING_OBJECT_LAYER_INDEX);
 			if (floatDomParam.allowTransform !== false) scene.attachTransformerTo(domRect);
 			const disposableCollection = new _univerjs_core.DisposableCollection();
@@ -3049,7 +3277,8 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				domAnchor: domLayoutParam,
 				scrollDirectionResponse: "HORIZONTAL"
 			};
-			const position$ = new rxjs.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 rxjs.BehaviorSubject(initedPosition);
 			floatDomInfo.position$ = position$;
 			let floatDomCfg = {
 				position$,
@@ -3095,11 +3324,12 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domLayoutParam);
-				const newRect = new _univerjs_engine_render.Rect((0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
+				const rectShapeKey = (0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
 					unitId,
 					subUnitId,
 					drawingId
-				}), {
+				});
+				const newRect = new _univerjs_engine_render.Rect(rectShapeKey, {
 					left: calcOffsetPos.startX,
 					top: 0,
 					width: domLayoutParam.width,
@@ -3374,6 +3604,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(_univerjs_core.ICommandService);
+	const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	return new rxjs.Observable((observer) => {
+		const getValue = () => {
+			const workbook = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+			return !!(workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getConfig().backgroundImage);
+		};
+		const disposables = new _univerjs_core.DisposableCollection();
+		disposables.add(commandService.onCommandExecuted((command) => {
+			if (command.id === _univerjs_sheets_drawing.SetWorksheetBackgroundImageMutation.id || command.id === _univerjs_sheets.SetWorksheetActiveOperation.id) observer.next(getValue());
+		}));
+		disposables.add(instanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).subscribe(() => {
+			observer.next(getValue());
+		}));
+		observer.next(getValue());
+		return () => disposables.dispose();
+	});
+}
+function worksheetBackgroundImagePermissionDisabled$(accessor) {
+	return (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+		workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+		worksheetTypes: [_univerjs_sheets.WorksheetEditPermission]
+	});
+}
+function WorksheetBackgroundImageMenuFactory(accessor) {
+	return {
+		id: WORKSHEET_BACKGROUND_IMAGE_MENU_ID,
+		type: _univerjs_ui.MenuItemType.SUBITEMS,
+		icon: "AddImageIcon",
+		tooltip: "sheets-drawing-ui.backgroundImage.title",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: worksheetBackgroundImagePermissionDisabled$(accessor)
+	};
+}
+function AddWorksheetBackgroundImageMenuFactory(accessor) {
+	return {
+		id: AddWorksheetBackgroundImageCommand.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		title: "sheets-drawing-ui.backgroundImage.add",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: worksheetBackgroundImagePermissionDisabled$(accessor)
+	};
+}
+function DeleteWorksheetBackgroundImageMenuFactory(accessor) {
+	const permissionDisabled$ = worksheetBackgroundImagePermissionDisabled$(accessor);
+	return {
+		id: DeleteWorksheetBackgroundImageCommand.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		title: "sheets-drawing-ui.backgroundImage.delete",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, rxjs.combineLatest)([permissionDisabled$, worksheetBackgroundImagePresent$(accessor)]).pipe((0, rxjs.map)(([permissionDisabled, present]) => permissionDisabled || !present))
+	};
+}
+
 //#endregion
 //#region src/menu/schema.ts
 const menuSchema = {
@@ -3395,6 +3683,24 @@ const menuSchema = {
 			menuItemFactory: UploadCellImageMenuFactory
 		}
 	} },
+	[_univerjs_ui.RibbonPosition.VIEW]: { [_univerjs_ui.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
+		}
+	} } },
 	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.OTHERS]: { [SaveCellImagesCommand.id]: {
 		order: 10,
 		menuItemFactory: SaveCellImagesMenuFactory
@@ -3412,7 +3718,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
@@ -3517,7 +3823,7 @@ function BatchSaveImagesDialog({ SelectComponent = _univerjs_design.Select } = {
 		}));
 	}, [dataColumns]);
 	const [selectedColumn, setSelectedColumn] = (0, react.useState)(() => columnOptions.length > 0 ? columnOptions[0].value : "0");
-	(0, _univerjs_sheets_ui.useHighlightRange)((0, react.useMemo)(() => {
+	const highlightRanges = (0, react.useMemo)(() => {
 		if (!fileNameParts.includes("columnValue") || !rowRange) return [];
 		const colIndex = Number(selectedColumn);
 		return [{
@@ -3530,7 +3836,8 @@ function BatchSaveImagesDialog({ SelectComponent = _univerjs_design.Select } = {
 		fileNameParts,
 		selectedColumn,
 		rowRange
-	]));
+	]);
+	(0, _univerjs_sheets_ui.useHighlightRange)(highlightRanges);
 	const handleFileNamePartsChange = (0, react.useCallback)((value) => {
 		if (value.length === 0) return;
 		setFileNameParts(value);
@@ -3655,7 +3962,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] = (0, react.useState)(true);
-	const [value, setValue] = (0, react.useState)(drawingParam ? (0, _univerjs_sheets_drawing.getSheetDrawingPlacement)(drawingParam).kind : _univerjs_sheets_drawing.SheetDrawingAnchorType.Position);
+	const type = drawingParam ? (0, _univerjs_sheets_drawing.getSheetDrawingPlacement)(drawingParam).kind : _univerjs_sheets_drawing.SheetDrawingAnchorType.Position;
+	const [value, setValue] = (0, react.useState)(type);
 	function getUpdateParams(objects, drawingManagerService) {
 		const params = [];
 		objects.forEach((object) => {
@@ -3937,6 +4245,70 @@ SheetsDrawingRenderController = __decorate([
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetSkeletonService))
 ], SheetsDrawingRenderController);
 
+//#endregion
+//#region src/views/background/worksheet-background-image.extension.ts
+const WORKSHEET_BACKGROUND_IMAGE_EXTENSION_KEY = "WorksheetBackgroundImageExtension";
+var WorksheetBackgroundImageExtension = class extends _univerjs_engine_render.SheetExtension {
+	constructor(injector, _requestRender) {
+		super();
+		this._requestRender = _requestRender;
+		_defineProperty(this, "uKey", WORKSHEET_BACKGROUND_IMAGE_EXTENSION_KEY);
+		_defineProperty(this, "type", _univerjs_engine_render.SHEET_EXTENSION_TYPE.BACKGROUND);
+		_defineProperty(this, "_imageCache", void 0);
+		this._imageCache = new _univerjs_core.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 _univerjs_core.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 === _univerjs_sheets_drawing.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, _univerjs_core.ICommandService), __decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.Injector))], WorksheetBackgroundRenderController);
+
 //#endregion
 //#region src/controllers/sheet-cell-image.controller.ts
 function resizeImageByCell(injector, location, cell) {
@@ -4253,7 +4625,7 @@ const specialPastes = [
 	_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,
 	_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA
 ];
-let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController extends _univerjs_core.Disposable {
+let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController extends _univerjs_core.RxDisposable {
 	constructor(_sheetClipboardService, _renderManagerService, _sheetSkeletonService, _drawingService, _clipboardInterfaceService, _commandService) {
 		super();
 		this._sheetClipboardService = _sheetClipboardService;
@@ -4269,7 +4641,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;
@@ -4283,12 +4655,12 @@ let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController ex
 					};
 					this._commandService.executeCommand(_univerjs_sheets_drawing.RemoveSheetDrawingCommand.id, params);
 				}
-				setTimeout(() => {
+				(0, rxjs.timer)(200).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe(() => {
 					const dispose = focusDocument();
 					if (drawing.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_IMAGE && drawing.imageSourceType === _univerjs_core.ImageSourceType.BASE64) copyBase64ToClipboard(drawing.source);
 					else this._clipboardInterfaceService.writeText("");
 					dispose();
-				}, 200);
+				});
 				this._copyInfo = {
 					unitId: drawing.unitId,
 					subUnitId: drawing.subUnitId,
@@ -4373,7 +4745,7 @@ let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController ex
 					redos: []
 				};
 			}
-		});
+		}));
 	}
 	_createDrawingsCopyInfoByRange(unitId, subUnitId, range) {
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
@@ -4900,18 +5272,19 @@ function createPrintingFloatDom(info, scene, skeleton, worksheet) {
 }
 const PrintingFloatDom = (props) => {
 	const { floatDomInfos, scene, skeleton, worksheet } = props;
+	const floatDomParams = (0, react.useMemo)(() => floatDomInfos.map((info) => createPrintingFloatDom(info, scene, skeleton, worksheet)), [
+		floatDomInfos,
+		scene,
+		skeleton,
+		worksheet
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		style: {
 			position: "absolute",
 			top: 0,
 			left: 0
 		},
-		children: (0, react.useMemo)(() => floatDomInfos.map((info) => createPrintingFloatDom(info, scene, skeleton, worksheet)), [
-			floatDomInfos,
-			scene,
-			skeleton,
-			worksheet
-		]).map(([id, floatDom]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.PrintFloatDomSingle, {
+		children: floatDomParams.map(([id, floatDom]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.PrintFloatDomSingle, {
 			layer: floatDom,
 			id,
 			position: floatDom.position
@@ -4919,7 +5292,8 @@ const PrintingFloatDom = (props) => {
 	});
 };
 function mountPrintingFloatDom(props, root, injector) {
-	(0, _univerjs_design.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)((0, _univerjs_ui.connectInjector)(PrintingFloatDom, injector), { ...props }), root);
+	const PrintingFloatDomInjector = (0, _univerjs_ui.connectInjector)(PrintingFloatDom, injector);
+	(0, _univerjs_design.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrintingFloatDomInjector, { ...props }), root);
 	return () => (0, _univerjs_design.unmount)(root);
 }
 
@@ -5237,9 +5611,8 @@ const DeleteDrawingsShortcutItem = {
 * limitations under the License.
 */
 let SheetDrawingUIController = class SheetDrawingUIController extends _univerjs_core.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;
@@ -5247,13 +5620,12 @@ let SheetDrawingUIController = class SheetDrawingUIController extends _univerjs_
 		this._init();
 	}
 	_initCustomComponents() {}
-	_initMenus() {
-		this._menuManagerService.mergeMenu(menuSchema);
-	}
 	_initCommands() {
 		[
 			InsertFloatImageCommand,
 			InsertCellImageCommand,
+			AddWorksheetBackgroundImageCommand,
+			DeleteWorksheetBackgroundImageCommand,
 			SidebarSheetDrawingOperation,
 			EditSheetDrawingOperation,
 			GroupSheetDrawingCommand,
@@ -5285,17 +5657,15 @@ let SheetDrawingUIController = class SheetDrawingUIController extends _univerjs_
 	_init() {
 		this._initCommands();
 		this._initCustomComponents();
-		this._initMenus();
 		this._initShortcuts();
 		this._initImagePanel();
 	}
 };
 SheetDrawingUIController = __decorate([
-	__decorateParam(0, _univerjs_ui.IMenuManagerService),
-	__decorateParam(1, _univerjs_core.ICommandService),
-	__decorateParam(2, _univerjs_ui.IShortcutService),
-	__decorateParam(3, _univerjs_drawing.IDrawingManagerService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_ui.ISidebarService))
+	__decorateParam(0, _univerjs_core.ICommandService),
+	__decorateParam(1, _univerjs_ui.IShortcutService),
+	__decorateParam(2, _univerjs_drawing.IDrawingManagerService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_ui.ISidebarService))
 ], SheetDrawingUIController);
 
 //#endregion
@@ -5577,6 +5947,72 @@ MobileDrawingPopupMenuController = __decorate([
 	__decorateParam(11, _univerjs_ui.ILayoutService)
 ], MobileDrawingPopupMenuController);
 
+//#endregion
+//#region src/menu/mobile-schema.ts
+const mobileMenuSchema = {
+	[_univerjs_ui.RibbonInsertGroup.MEDIA]: { [SHEETS_IMAGE_MENU_ID]: {
+		order: 0,
+		menuItemFactory: ImageMenuFactory,
+		[InsertFloatImageCommand.id]: {
+			order: 0,
+			menuItemFactory: UploadFloatImageMenuFactory
+		},
+		[InsertCellImageCommand.id]: {
+			order: 1,
+			menuItemFactory: UploadCellImageMenuFactory
+		}
+	} },
+	[_univerjs_ui.RibbonDataGroup.ORGANIZATION]: { [WORKSHEET_BACKGROUND_IMAGE_MENU_ID]: {
+		order: 22,
+		menuItemFactory: WorksheetBackgroundImageMenuFactory,
+		[AddWorksheetBackgroundImageCommand.id]: {
+			order: 0,
+			menuItemFactory: AddWorksheetBackgroundImageMenuFactory
+		},
+		[DeleteWorksheetBackgroundImageCommand.id]: {
+			order: 1,
+			menuItemFactory: DeleteWorksheetBackgroundImageMenuFactory
+		}
+	} },
+	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.OTHERS]: { [SaveCellImagesCommand.id]: {
+		order: 10,
+		menuItemFactory: SaveCellImagesMenuFactory
+	} } },
+	[_univerjs_ui.ContextMenuPosition.COL_HEADER]: { [_univerjs_ui.ContextMenuGroup.OTHERS]: { [SaveCellImagesCommand.id]: {
+		order: 10,
+		menuItemFactory: SaveCellImagesMenuFactory
+	} } },
+	[_univerjs_ui.ContextMenuPosition.ROW_HEADER]: { [_univerjs_ui.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 _univerjs_core.Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(mobileMenuSchema);
+	}
+};
+MobileSheetDrawingMenuController = __decorate([__decorateParam(0, _univerjs_ui.IMenuManagerService)], MobileSheetDrawingMenuController);
+
 //#endregion
 //#region src/services/sheet-drawing-hit-test.service.ts
 let SheetDrawingHitTestService = class SheetDrawingHitTestService extends _univerjs_core.Disposable {
@@ -5707,6 +6143,7 @@ let UniverSheetsDrawingMobileUIPlugin = class UniverSheetsDrawingMobileUIPlugin
 			[SheetCanvasFloatDomManagerService],
 			[SheetDrawingHitTestService],
 			[SheetDrawingUIController],
+			[MobileSheetDrawingMenuController],
 			[MobileDrawingPopupMenuController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingPermissionController],
@@ -5736,6 +6173,7 @@ let UniverSheetsDrawingMobileUIPlugin = class UniverSheetsDrawingMobileUIPlugin
 			[SheetDrawingPermissionController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingUIController],
+			[MobileSheetDrawingMenuController],
 			[SheetCellImageController],
 			[SheetCellImageAutofillController]
 		]);
@@ -5749,7 +6187,8 @@ let UniverSheetsDrawingMobileUIPlugin = class UniverSheetsDrawingMobileUIPlugin
 			[SheetDrawingUpdateController],
 			[SheetDrawingActiveRenderController],
 			[SheetsDrawingRenderController],
-			[SheetCellImageHoverRenderController]
+			[SheetCellImageHoverRenderController],
+			[WorksheetBackgroundRenderController]
 		].forEach((module) => {
 			this.disposeWithMe(this._renderManagerService.registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, module));
 		});
@@ -6006,6 +6445,31 @@ DrawingPopupMenuController = __decorate([
 	__decorateParam(9, _univerjs_core.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 _univerjs_core.Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(menuSchema);
+	}
+};
+SheetDrawingMenuController = __decorate([__decorateParam(0, _univerjs_ui.IMenuManagerService)], SheetDrawingMenuController);
+
 //#endregion
 //#region src/plugin.ts
 let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends _univerjs_core.Plugin {
@@ -6025,6 +6489,7 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends _uni
 			[SheetCanvasFloatDomManagerService],
 			[SheetDrawingHitTestService],
 			[SheetDrawingUIController],
+			[SheetDrawingMenuController],
 			[DrawingPopupMenuController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingPermissionController],
@@ -6053,6 +6518,7 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends _uni
 			[SheetDrawingPermissionController],
 			[SheetDrawingPrintingController],
 			[SheetDrawingUIController],
+			[SheetDrawingMenuController],
 			[SheetCellImageController],
 			[SheetCellImageAutofillController]
 		]);
@@ -6066,7 +6532,8 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends _uni
 			[SheetDrawingUpdateController],
 			[SheetDrawingActiveRenderController],
 			[SheetsDrawingRenderController],
-			[SheetCellImageHoverRenderController]
+			[SheetCellImageHoverRenderController],
+			[WorksheetBackgroundRenderController]
 		].forEach((m) => {
 			this.disposeWithMe(this._renderManagerService.registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, m));
 		});
@@ -6084,6 +6551,7 @@ UniverSheetsDrawingUIPlugin = __decorate([
 ], UniverSheetsDrawingUIPlugin);
 
 //#endregion
+exports.AddWorksheetBackgroundImageCommand = AddWorksheetBackgroundImageCommand;
 Object.defineProperty(exports, 'BatchSaveImagesService', {
   enumerable: true,
   get: function () {
@@ -6091,6 +6559,7 @@ Object.defineProperty(exports, 'BatchSaveImagesService', {
   }
 });
 exports.DeleteDrawingsCommand = DeleteDrawingsCommand;
+exports.DeleteWorksheetBackgroundImageCommand = DeleteWorksheetBackgroundImageCommand;
 exports.DrawingContextMenuService = DrawingContextMenuService;
 exports.EditSheetDrawingOperation = EditSheetDrawingOperation;
 exports.FileNamePart = FileNamePart;