@univerjs/engine-render 1.0.0-alpha.3 → 1.0.0-alpha.5

package/lib/cjs/index.js

@@ -19192,6 +19192,29 @@ const DEFAULT_PADDING_DATA = {
 	r: 2
 };
 const RENDER_RAW_FORMULA_KEY = "RENDER_RAW_FORMULA";
+function getShrinkToFitScale(contentWidth, availableWidth, fontSize) {
+	if (contentWidth <= availableWidth || contentWidth <= 0 || availableWidth <= 0 || fontSize <= 0) return 1;
+	return Math.max(1 / fontSize, availableWidth / contentWidth);
+}
+function scaleDocumentDataForShrinkToFit(documentData, scale, fallbackFontSize) {
+	var _scaled$documentStyle, _defaultTextStyle$fs, _scaled$body;
+	const scaled = _univerjs_core.Tools.deepClone(documentData);
+	const defaultTextStyle = (_scaled$documentStyle = scaled.documentStyle.textStyle) !== null && _scaled$documentStyle !== void 0 ? _scaled$documentStyle : {};
+	const defaultFontSize = (_defaultTextStyle$fs = defaultTextStyle.fs) !== null && _defaultTextStyle$fs !== void 0 ? _defaultTextStyle$fs : fallbackFontSize;
+	scaled.documentStyle.textStyle = {
+		...defaultTextStyle,
+		fs: defaultFontSize * scale
+	};
+	(_scaled$body = scaled.body) === null || _scaled$body === void 0 || (_scaled$body = _scaled$body.textRuns) === null || _scaled$body === void 0 || _scaled$body.forEach((textRun) => {
+		var _textRun$ts, _textStyle$fs;
+		const textStyle = (_textRun$ts = textRun.ts) !== null && _textRun$ts !== void 0 ? _textRun$ts : {};
+		textRun.ts = {
+			...textStyle,
+			fs: ((_textStyle$fs = textStyle.fs) !== null && _textStyle$fs !== void 0 ? _textStyle$fs : defaultFontSize) * scale
+		};
+	});
+	return scaled;
+}
 function getResolvedRenderHorizontalAlign$1(horizontalAlign, cellData) {
 	if (horizontalAlign !== _univerjs_core.HorizontalAlign.UNSPECIFIED) return horizontalAlign;
 	if ((cellData === null || cellData === void 0 ? void 0 : cellData.t) === _univerjs_core.CellValueType.NUMBER || !_univerjs_core.Tools.isDefine(cellData === null || cellData === void 0 ? void 0 : cellData.t) && typeof (cellData === null || cellData === void 0 ? void 0 : cellData.v) === "number") return _univerjs_core.HorizontalAlign.RIGHT;
@@ -20151,6 +20174,29 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 			(_this$_stylesCache$ba3 = this._stylesCache.backgroundPositions) === null || _this$_stylesCache$ba3 === void 0 || _this$_stylesCache$ba3.setValue(row, col, cellInfo);
 		}
 	}
+	_applyShrinkToFit(row, col, fontCache, style) {
+		var _style$pd5, _fontCache$cellData, _padding$l, _padding$r, _extension$leftOffset, _extension$rightOffse, _style$fs, _getDocsSkeletonPageS3, _fontCache$displayTex;
+		if (style.stf !== _univerjs_core.BooleanNumber.TRUE) return;
+		const cellInfo = this.getCellWithCoordByIndex(row, col, false);
+		const startX = cellInfo.isMergedMainCell ? cellInfo.mergeInfo.startX : cellInfo.startX;
+		const endX = cellInfo.isMergedMainCell ? cellInfo.mergeInfo.endX : cellInfo.endX;
+		const padding = (_style$pd5 = style.pd) !== null && _style$pd5 !== void 0 ? _style$pd5 : DEFAULT_PADDING_DATA;
+		const extension = (_fontCache$cellData = fontCache.cellData) === null || _fontCache$cellData === void 0 ? void 0 : _fontCache$cellData.fontRenderExtension;
+		const availableWidth = endX - startX - ((_padding$l = padding.l) !== null && _padding$l !== void 0 ? _padding$l : DEFAULT_PADDING_DATA.l) - ((_padding$r = padding.r) !== null && _padding$r !== void 0 ? _padding$r : DEFAULT_PADDING_DATA.r) - ((_extension$leftOffset = extension === null || extension === void 0 ? void 0 : extension.leftOffset) !== null && _extension$leftOffset !== void 0 ? _extension$leftOffset : 0) - ((_extension$rightOffse = extension === null || extension === void 0 ? void 0 : extension.rightOffset) !== null && _extension$rightOffse !== void 0 ? _extension$rightOffse : 0);
+		const fallbackFontSize = (_style$fs = style.fs) !== null && _style$fs !== void 0 ? _style$fs : _univerjs_core.DEFAULT_STYLES.fs;
+		const scale = getShrinkToFitScale(fontCache.documentSkeleton ? ((_getDocsSkeletonPageS3 = getDocsSkeletonPageSize(fontCache.documentSkeleton, fontCache.vertexAngle)) !== null && _getDocsSkeletonPageS3 !== void 0 ? _getDocsSkeletonPageS3 : { width: 0 }).width : FontCache.getMeasureText((_fontCache$displayTex = fontCache.displayText) !== null && _fontCache$displayTex !== void 0 ? _fontCache$displayTex : (0, _univerjs_core.getDisplayValueFromCell)(fontCache.cellData), fontCache.fontString).width, availableWidth, fallbackFontSize);
+		if (scale >= 1) return;
+		fontCache.shrinkScale = scale;
+		if (fontCache.documentSkeleton) {
+			const documentModel = new _univerjs_core.DocumentDataModel(scaleDocumentDataForShrinkToFit(fontCache.documentSkeleton.getViewModel().getDataModel().getSnapshot(), scale, fallbackFontSize));
+			const documentSkeleton = DocumentSkeleton.create(new DocumentViewModel(documentModel), this._localeService);
+			documentSkeleton.calculate();
+			fontCache.documentSkeleton = documentSkeleton;
+		} else fontCache.fontString = getFontStyleString({
+			...style,
+			fs: fallbackFontSize * scale
+		}).fontCache;
+	}
 	_setFontStylesCache(row, col, cellData, style, hasMergeData = true) {
 		var _style$tr2;
 		if ((0, _univerjs_core.isNullCell)(cellData)) return;
@@ -20209,6 +20255,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		}
 		const fontCacheItem = config;
 		setRenderTextCache(fontCacheItem, cellData);
+		this._applyShrinkToFit(row, col, fontCacheItem, style);
 		this._calculateOverflowCell(row, col, fontCacheItem, hasMergeData);
 		this._stylesCache.fontMatrix.setValue(row, col, fontCacheItem);
 	}
@@ -21244,6 +21291,12 @@ var DocComponent = class extends RenderComponent {
 		_defineProperty(this, "pageMarginLeft", 0);
 		_defineProperty(this, "pageMarginTop", 0);
 		_defineProperty(this, "pageLayoutType", 0);
+		_defineProperty(this, "onTextFillImageLoaded", void 0);
+		this.onTextFillImageLoaded = () => {
+			var _config$onTextFillIma;
+			this.makeDirty(true);
+			config === null || config === void 0 || (_config$onTextFillIma = config.onTextFillImageLoaded) === null || _config$onTextFillIma === void 0 || _config$onTextFillIma.call(config);
+		};
 		this._setConfig(config);
 	}
 	getSkeleton() {
@@ -21772,7 +21825,6 @@ var Image$1 = class extends Shape {
 		this._props = { ...config };
 		if (config.image) {
 			this._native = config.image;
-			this._native.crossOrigin = "anonymous";
 			this.makeDirty(true);
 		} else if (config.url) {
 			this._native = document.createElement("img");
@@ -23638,6 +23690,7 @@ var FontAndBaseLine = class extends docExtension {
 			{}
 		);
 		_defineProperty(this, "_textFillImageCache", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_textFillImageLoadListeners", /* @__PURE__ */ new Map());
 	}
 	draw(ctx, _parentScale, glyph, _, _more) {
 		var _glyph$parent;
@@ -23763,10 +23816,32 @@ var FontAndBaseLine = class extends docExtension {
 		return pattern;
 	}
 	_getTextFillImage(source) {
+		var _this$parent;
+		const onTextFillImageLoaded = (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.onTextFillImageLoaded;
 		const cached = this._textFillImageCache.get(source);
-		if (cached) return cached;
+		if (cached) {
+			if (!cached.complete && onTextFillImageLoaded) {
+				var _this$_textFillImageL;
+				(_this$_textFillImageL = this._textFillImageLoadListeners.get(source)) === null || _this$_textFillImageL === void 0 || _this$_textFillImageL.add(onTextFillImageLoaded);
+			}
+			return cached;
+		}
 		const image = new Image();
-		image.crossOrigin = "anonymous";
+		const listeners = /* @__PURE__ */ new Set();
+		if (onTextFillImageLoaded) listeners.add(onTextFillImageLoaded);
+		this._textFillImageLoadListeners.set(source, listeners);
+		image.onload = () => {
+			image.onload = null;
+			image.onerror = null;
+			const loadListeners = this._textFillImageLoadListeners.get(source);
+			this._textFillImageLoadListeners.delete(source);
+			loadListeners === null || loadListeners === void 0 || loadListeners.forEach((listener) => listener());
+		};
+		image.onerror = () => {
+			image.onload = null;
+			image.onerror = null;
+			this._textFillImageLoadListeners.delete(source);
+		};
 		image.src = source;
 		this._textFillImageCache.set(source, image);
 		return image.complete ? image : null;
@@ -26533,6 +26608,11 @@ var DrawingGroupObject = class extends Group {
 			width: 0,
 			height: 0
 		});
+		_defineProperty(this, "_outerShadow", void 0);
+	}
+	setOuterShadow(shadow) {
+		this._outerShadow = shadow;
+		this.makeDirty(true);
 	}
 	/**
 	* Set the baseBound (chOff/chExt in OOXML) for this group.
@@ -26580,6 +26660,12 @@ var DrawingGroupObject = class extends Group {
 		const centerX = realLeft + realWidth / 2;
 		const centerY = realTop + realHeight / 2;
 		ctx.transform(m[0], m[1], m[2], m[3], centerX, centerY);
+		if (this._outerShadow) {
+			ctx.shadowColor = this._outerShadow.shadowColor;
+			ctx.shadowBlur = this._outerShadow.shadowBlur;
+			ctx.shadowOffsetX = this._outerShadow.shadowOffsetX;
+			ctx.shadowOffsetY = this._outerShadow.shadowOffsetY;
+		}
 		const objects = this.getObjectsByOrder();
 		for (let i = 0; i < objects.length; i++) objects[i].render(ctx, bounds);
 		ctx.restore();
@@ -27516,7 +27602,7 @@ Engine = __decorate([__decorateParam(2, ICanvasColorService)], Engine);
 //#endregion
 //#region package.json
 var name = "@univerjs/engine-render";
-var version = "1.0.0-alpha.3";
+var version = "1.0.0-alpha.5";
 
 //#endregion
 //#region src/config/config.ts
@@ -28789,6 +28875,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 	_recoverySizeBoundary(selectedObjects, ancestorLeft, ancestorTop, topSceneWidth, topSceneHeight) {
 		for (let i = 0; i < selectedObjects.length; i++) {
 			const moveObject = selectedObjects[i];
+			if (this._getConfig(moveObject).moveBoundaryEnabled === false) continue;
 			const { left, top, width, height } = moveObject;
 			const newTransform = {};
 			if (left + ancestorLeft < this.zeroLeft) {
@@ -32128,6 +32215,7 @@ exports.getRotateOffsetAndFarthestHypotenuse = getRotateOffsetAndFarthestHypoten
 exports.getRotateOrientation = getRotateOrientation;
 exports.getRotatedBoundInGroup = getRotatedBoundInGroup;
 exports.getScale = getScale;
+exports.getShrinkToFitScale = getShrinkToFitScale;
 exports.getSizeForDom = getSizeForDom;
 exports.getSystemHighlightColor = getSystemHighlightColor;
 exports.getTableIdAndSliceIndex = getTableIdAndSliceIndex;
@@ -32184,6 +32272,7 @@ exports.renderTextWatermark = renderTextWatermark;
 exports.renderUserInfoWatermark = renderUserInfoWatermark;
 exports.renderWatermark = renderWatermark;
 exports.requestNewFrame = requestNewFrame;
+exports.scaleDocumentDataForShrinkToFit = scaleDocumentDataForShrinkToFit;
 exports.setDocsCustomBlockRenderViewportProvider = setDocsCustomBlockRenderViewportProvider;
 exports.setDocsTableRenderViewportProvider = setDocsTableRenderViewportProvider;
 exports.setLineType = setLineType;

package/lib/es/index.js

@@ -19191,6 +19191,29 @@ const DEFAULT_PADDING_DATA = {
 	r: 2
 };
 const RENDER_RAW_FORMULA_KEY = "RENDER_RAW_FORMULA";
+function getShrinkToFitScale(contentWidth, availableWidth, fontSize) {
+	if (contentWidth <= availableWidth || contentWidth <= 0 || availableWidth <= 0 || fontSize <= 0) return 1;
+	return Math.max(1 / fontSize, availableWidth / contentWidth);
+}
+function scaleDocumentDataForShrinkToFit(documentData, scale, fallbackFontSize) {
+	var _scaled$documentStyle, _defaultTextStyle$fs, _scaled$body;
+	const scaled = Tools.deepClone(documentData);
+	const defaultTextStyle = (_scaled$documentStyle = scaled.documentStyle.textStyle) !== null && _scaled$documentStyle !== void 0 ? _scaled$documentStyle : {};
+	const defaultFontSize = (_defaultTextStyle$fs = defaultTextStyle.fs) !== null && _defaultTextStyle$fs !== void 0 ? _defaultTextStyle$fs : fallbackFontSize;
+	scaled.documentStyle.textStyle = {
+		...defaultTextStyle,
+		fs: defaultFontSize * scale
+	};
+	(_scaled$body = scaled.body) === null || _scaled$body === void 0 || (_scaled$body = _scaled$body.textRuns) === null || _scaled$body === void 0 || _scaled$body.forEach((textRun) => {
+		var _textRun$ts, _textStyle$fs;
+		const textStyle = (_textRun$ts = textRun.ts) !== null && _textRun$ts !== void 0 ? _textRun$ts : {};
+		textRun.ts = {
+			...textStyle,
+			fs: ((_textStyle$fs = textStyle.fs) !== null && _textStyle$fs !== void 0 ? _textStyle$fs : defaultFontSize) * scale
+		};
+	});
+	return scaled;
+}
 function getResolvedRenderHorizontalAlign$1(horizontalAlign, cellData) {
 	if (horizontalAlign !== HorizontalAlign.UNSPECIFIED) return horizontalAlign;
 	if ((cellData === null || cellData === void 0 ? void 0 : cellData.t) === CellValueType.NUMBER || !Tools.isDefine(cellData === null || cellData === void 0 ? void 0 : cellData.t) && typeof (cellData === null || cellData === void 0 ? void 0 : cellData.v) === "number") return HorizontalAlign.RIGHT;
@@ -20150,6 +20173,29 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 			(_this$_stylesCache$ba3 = this._stylesCache.backgroundPositions) === null || _this$_stylesCache$ba3 === void 0 || _this$_stylesCache$ba3.setValue(row, col, cellInfo);
 		}
 	}
+	_applyShrinkToFit(row, col, fontCache, style) {
+		var _style$pd5, _fontCache$cellData, _padding$l, _padding$r, _extension$leftOffset, _extension$rightOffse, _style$fs, _getDocsSkeletonPageS3, _fontCache$displayTex;
+		if (style.stf !== BooleanNumber.TRUE) return;
+		const cellInfo = this.getCellWithCoordByIndex(row, col, false);
+		const startX = cellInfo.isMergedMainCell ? cellInfo.mergeInfo.startX : cellInfo.startX;
+		const endX = cellInfo.isMergedMainCell ? cellInfo.mergeInfo.endX : cellInfo.endX;
+		const padding = (_style$pd5 = style.pd) !== null && _style$pd5 !== void 0 ? _style$pd5 : DEFAULT_PADDING_DATA;
+		const extension = (_fontCache$cellData = fontCache.cellData) === null || _fontCache$cellData === void 0 ? void 0 : _fontCache$cellData.fontRenderExtension;
+		const availableWidth = endX - startX - ((_padding$l = padding.l) !== null && _padding$l !== void 0 ? _padding$l : DEFAULT_PADDING_DATA.l) - ((_padding$r = padding.r) !== null && _padding$r !== void 0 ? _padding$r : DEFAULT_PADDING_DATA.r) - ((_extension$leftOffset = extension === null || extension === void 0 ? void 0 : extension.leftOffset) !== null && _extension$leftOffset !== void 0 ? _extension$leftOffset : 0) - ((_extension$rightOffse = extension === null || extension === void 0 ? void 0 : extension.rightOffset) !== null && _extension$rightOffse !== void 0 ? _extension$rightOffse : 0);
+		const fallbackFontSize = (_style$fs = style.fs) !== null && _style$fs !== void 0 ? _style$fs : DEFAULT_STYLES.fs;
+		const scale = getShrinkToFitScale(fontCache.documentSkeleton ? ((_getDocsSkeletonPageS3 = getDocsSkeletonPageSize(fontCache.documentSkeleton, fontCache.vertexAngle)) !== null && _getDocsSkeletonPageS3 !== void 0 ? _getDocsSkeletonPageS3 : { width: 0 }).width : FontCache.getMeasureText((_fontCache$displayTex = fontCache.displayText) !== null && _fontCache$displayTex !== void 0 ? _fontCache$displayTex : getDisplayValueFromCell(fontCache.cellData), fontCache.fontString).width, availableWidth, fallbackFontSize);
+		if (scale >= 1) return;
+		fontCache.shrinkScale = scale;
+		if (fontCache.documentSkeleton) {
+			const documentModel = new DocumentDataModel(scaleDocumentDataForShrinkToFit(fontCache.documentSkeleton.getViewModel().getDataModel().getSnapshot(), scale, fallbackFontSize));
+			const documentSkeleton = DocumentSkeleton.create(new DocumentViewModel(documentModel), this._localeService);
+			documentSkeleton.calculate();
+			fontCache.documentSkeleton = documentSkeleton;
+		} else fontCache.fontString = getFontStyleString({
+			...style,
+			fs: fallbackFontSize * scale
+		}).fontCache;
+	}
 	_setFontStylesCache(row, col, cellData, style, hasMergeData = true) {
 		var _style$tr2;
 		if (isNullCell(cellData)) return;
@@ -20208,6 +20254,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		}
 		const fontCacheItem = config;
 		setRenderTextCache(fontCacheItem, cellData);
+		this._applyShrinkToFit(row, col, fontCacheItem, style);
 		this._calculateOverflowCell(row, col, fontCacheItem, hasMergeData);
 		this._stylesCache.fontMatrix.setValue(row, col, fontCacheItem);
 	}
@@ -21243,6 +21290,12 @@ var DocComponent = class extends RenderComponent {
 		_defineProperty(this, "pageMarginLeft", 0);
 		_defineProperty(this, "pageMarginTop", 0);
 		_defineProperty(this, "pageLayoutType", 0);
+		_defineProperty(this, "onTextFillImageLoaded", void 0);
+		this.onTextFillImageLoaded = () => {
+			var _config$onTextFillIma;
+			this.makeDirty(true);
+			config === null || config === void 0 || (_config$onTextFillIma = config.onTextFillImageLoaded) === null || _config$onTextFillIma === void 0 || _config$onTextFillIma.call(config);
+		};
 		this._setConfig(config);
 	}
 	getSkeleton() {
@@ -21771,7 +21824,6 @@ var Image$1 = class extends Shape {
 		this._props = { ...config };
 		if (config.image) {
 			this._native = config.image;
-			this._native.crossOrigin = "anonymous";
 			this.makeDirty(true);
 		} else if (config.url) {
 			this._native = document.createElement("img");
@@ -23637,6 +23689,7 @@ var FontAndBaseLine = class extends docExtension {
 			{}
 		);
 		_defineProperty(this, "_textFillImageCache", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_textFillImageLoadListeners", /* @__PURE__ */ new Map());
 	}
 	draw(ctx, _parentScale, glyph, _, _more) {
 		var _glyph$parent;
@@ -23762,10 +23815,32 @@ var FontAndBaseLine = class extends docExtension {
 		return pattern;
 	}
 	_getTextFillImage(source) {
+		var _this$parent;
+		const onTextFillImageLoaded = (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.onTextFillImageLoaded;
 		const cached = this._textFillImageCache.get(source);
-		if (cached) return cached;
+		if (cached) {
+			if (!cached.complete && onTextFillImageLoaded) {
+				var _this$_textFillImageL;
+				(_this$_textFillImageL = this._textFillImageLoadListeners.get(source)) === null || _this$_textFillImageL === void 0 || _this$_textFillImageL.add(onTextFillImageLoaded);
+			}
+			return cached;
+		}
 		const image = new Image();
-		image.crossOrigin = "anonymous";
+		const listeners = /* @__PURE__ */ new Set();
+		if (onTextFillImageLoaded) listeners.add(onTextFillImageLoaded);
+		this._textFillImageLoadListeners.set(source, listeners);
+		image.onload = () => {
+			image.onload = null;
+			image.onerror = null;
+			const loadListeners = this._textFillImageLoadListeners.get(source);
+			this._textFillImageLoadListeners.delete(source);
+			loadListeners === null || loadListeners === void 0 || loadListeners.forEach((listener) => listener());
+		};
+		image.onerror = () => {
+			image.onload = null;
+			image.onerror = null;
+			this._textFillImageLoadListeners.delete(source);
+		};
 		image.src = source;
 		this._textFillImageCache.set(source, image);
 		return image.complete ? image : null;
@@ -26532,6 +26607,11 @@ var DrawingGroupObject = class extends Group {
 			width: 0,
 			height: 0
 		});
+		_defineProperty(this, "_outerShadow", void 0);
+	}
+	setOuterShadow(shadow) {
+		this._outerShadow = shadow;
+		this.makeDirty(true);
 	}
 	/**
 	* Set the baseBound (chOff/chExt in OOXML) for this group.
@@ -26579,6 +26659,12 @@ var DrawingGroupObject = class extends Group {
 		const centerX = realLeft + realWidth / 2;
 		const centerY = realTop + realHeight / 2;
 		ctx.transform(m[0], m[1], m[2], m[3], centerX, centerY);
+		if (this._outerShadow) {
+			ctx.shadowColor = this._outerShadow.shadowColor;
+			ctx.shadowBlur = this._outerShadow.shadowBlur;
+			ctx.shadowOffsetX = this._outerShadow.shadowOffsetX;
+			ctx.shadowOffsetY = this._outerShadow.shadowOffsetY;
+		}
 		const objects = this.getObjectsByOrder();
 		for (let i = 0; i < objects.length; i++) objects[i].render(ctx, bounds);
 		ctx.restore();
@@ -27515,7 +27601,7 @@ Engine = __decorate([__decorateParam(2, ICanvasColorService)], Engine);
 //#endregion
 //#region package.json
 var name = "@univerjs/engine-render";
-var version = "1.0.0-alpha.3";
+var version = "1.0.0-alpha.5";
 
 //#endregion
 //#region src/config/config.ts
@@ -28788,6 +28874,7 @@ var Transformer = class extends Disposable {
 	_recoverySizeBoundary(selectedObjects, ancestorLeft, ancestorTop, topSceneWidth, topSceneHeight) {
 		for (let i = 0; i < selectedObjects.length; i++) {
 			const moveObject = selectedObjects[i];
+			if (this._getConfig(moveObject).moveBoundaryEnabled === false) continue;
 			const { left, top, width, height } = moveObject;
 			const newTransform = {};
 			if (left + ancestorLeft < this.zeroLeft) {
@@ -31901,4 +31988,4 @@ var Viewport = class {
 };
 
 //#endregion
-export { BASE_OBJECT_ARRAY, BG_Z_INDEX, BORDER_TYPE, BORDER_Z_INDEX, Background, BaseObject, Border, BreakType, CHECK_OBJECT_ARRAY, CIRCLE_OBJECT_ARRAY, COLOR_BLACK_RGB, CURSOR_TYPE, Canvas, CanvasColorService, CanvasRenderMode, CheckboxShape, Circle, ColumnHeaderLayout, ComponentExtension, Control, Custom, CustomObject, DEFAULT_DOCUMENT_FONTSIZE, DEFAULT_FONTFACE_PLANE, DEFAULT_FRAME_LIST_SIZE, DEFAULT_FRAME_SAMPLE_SIZE, DEFAULT_MEASURE_TEXT, DEFAULT_OFFSET_SPACING, DEFAULT_PADDING_DATA, DEFAULT_SKELETON_FOOTER, DEFAULT_SKELETON_HEADER, DOCUMENT_CONTEXT_CLIP_TYPE, DRAWING_OBJECT_LAYER_INDEX, DRAWING_OBJECT_LOWER_LAYER_INDEX, DRAWING_OBJECT_UPPER_LAYER_INDEX, DashedRect, DataStreamTreeNode, DeviceInputEventType, DeviceType, DocBackground, DocSimpleSkeleton, DocumentEditArea, DocumentSkeleton, DocumentSkeletonPageType, DocumentViewModel, Documents, DocumentsSpanAndLineExtensionRegistry, Drawing, DrawingGroupObject, DumbCanvasColorService, EXPAND_SIZE_FOR_RENDER_OVERFLOW, Engine, EventConstants, FIX_ONE_PIXEL_BLUR_OFFSET, FONT_EXTENSION_Z_INDEX, Font, FontCache, GlyphType, Group, HitCanvas, ICanvasColorService, INITIAL_MATRIX, INITIAL_Path2, IRenderManagerService, IRenderingEngine, IWatermarkTypeEnum, Image$1 as Image, IsSafari, LINK_VIEW_PORT_TYPE, Layer, LineType, Liquid, MAIN_VIEW_PORT_KEY, MAXIMUM_COL_WIDTH, MAXIMUM_ROW_HEIGHT, MEASURE_EXTENT, MEASURE_EXTENT_FOR_PARAGRAPH, MIDDLE_CELL_POS_MAGIC_NUMBER, MIN_COL_WIDTH, Marker, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, ORIENTATION_TYPE, ObjectType, PATH_OBJECT_ARRAY, PRINTING_BG_Z_INDEX, PageLayoutType, Path, Path2, PerformanceMonitor, PointerInput, RECT_OBJECT_ARRAY, REGULAR_POLYGON_OBJECT_ARRAY, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, RICHTEXT_OBJECT_ARRAY, Rect, RegularPolygon, RenderComponent, RenderManagerService, RenderUnit, RichText, RollingAverage, RowHeaderLayout, SHAPE_OBJECT_ARRAY, SHAPE_TYPE, SHEET_EXTENSION_PREFIX, SHEET_EXTENSION_TYPE, SHEET_VIEWPORT_KEY, SLIDE_NAVIGATION_KEY, Scene, SceneCanvas, SceneViewer, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetColumnHeaderExtensionRegistry, SheetComponent, SheetExtension, SheetRowHeaderExtensionRegistry, ShowGridlinesState, SkeletonType, Slide, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetExtensionRegistry, SpreadsheetHeader, SpreadsheetRowHeader, SpreadsheetSkeleton, TEXT_OBJECT_ARRAY, TRANSFORM_CHANGE_OBSERVABLE_TYPE, Text, Transform, UNIVER_WATERMARK_LAYER_INDEX, UNIVER_WATERMARK_STORAGE_KEY, UniverPrintingContext, UniverRenderEnginePlugin, UniverRenderingContext, UniverRenderingContext2D, VERTICAL_ROTATE_ANGLE, Vector2, Viewport, WatermarkLayer, calculateRectRotate, cancelRequestFrame, checkStyle, cjk, clampRange, clearLineByBorderType, compareDocumentSkeletonNestedPagePathOrder, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, createCanvasElement, createImageElement, degToRad, documentSkeletonLineIterator, documentSkeletonTableIterator, drawDiagonalLineByBorderType, drawLineByBorderType, expandRangeIfIntersects, fixLineWidthByScale, generateRandomKey, getCellByIndexWithMergeInfo, getCellPositionByIndex, getCharSpaceApply, getColor, getCurrentScrollXY, getCurrentTypeOfRenderer, getDPI, getDevicePixelRatio, getDocsCustomBlockRenderViewport, getDocsSkeletonPageSize, getDocsTableRenderViewport, getDocumentSkeletonColumnPagePathInfo, getDocumentSkeletonNestedPageOffset, getDrawingGroupState, getFirstGrapheme, getFontStyleString, getGroupState, getLastColumn, getLastLine, getLineOffset, getLineWidth, getLineWith, getNextWheelZoomRatio, getNumberUnitValue, getOffsetRectForDom, getPageFromPath, getParagraphByGlyph, getPointerPrefix, getRenderTransformBaseOnParentBound, getRotateOffsetAndFarthestHypotenuse, getRotateOrientation, getRotatedBoundInGroup, getScale, getSizeForDom, getSystemHighlightColor, getTableIdAndSliceIndex, getTranslateInSpreadContextWithPixelRatio, getValueType, glyphIterator, hasAllLatin, hasArabic, hasBasicLatin, hasLatinExtendedA, hasLatinExtendedB, hasLatinOneSupplement, hasListGlyph, hasSpace, hasThai, hasTibetan, hasUnMergedCellInRow, inViewRanges, injectStyle, isArray, isCjkCenterAlignedPunctuation, isCjkLeftAlignedPunctuation, isCjkRightAlignedPunctuation, isDate, isEmojiGrapheme, isFirstGlyph, isFunction, isIndentByGlyph, isLastGlyph, isNumber, isObject, isPlaceholderOrSpace, isRectIntersect, isRegExp, isSameLine, isString, lineIterator, measureDocumentNoWrapTextRangeWidth, measureDocumentNoWrapTextWidth, measureDocumentUnbreakableTextWidth, mergeInfoOffset, parseDataStreamToTree, pixelToPt, precisionTo, ptToMM, ptToPixel, ptToPx, pxToInch, pxToNum, pxToPt, radToDeg, renderImageWatermark, renderTextWatermark, renderUserInfoWatermark, renderWatermark, requestNewFrame, setDocsCustomBlockRenderViewportProvider, setDocsTableRenderViewportProvider, setLineType, sheetContentViewportKeys, sheetHeaderViewportKeys, startWithEmoji, toPx, transformObjectOutOfGroup, withCurrentTypeOfRenderer };
+export { BASE_OBJECT_ARRAY, BG_Z_INDEX, BORDER_TYPE, BORDER_Z_INDEX, Background, BaseObject, Border, BreakType, CHECK_OBJECT_ARRAY, CIRCLE_OBJECT_ARRAY, COLOR_BLACK_RGB, CURSOR_TYPE, Canvas, CanvasColorService, CanvasRenderMode, CheckboxShape, Circle, ColumnHeaderLayout, ComponentExtension, Control, Custom, CustomObject, DEFAULT_DOCUMENT_FONTSIZE, DEFAULT_FONTFACE_PLANE, DEFAULT_FRAME_LIST_SIZE, DEFAULT_FRAME_SAMPLE_SIZE, DEFAULT_MEASURE_TEXT, DEFAULT_OFFSET_SPACING, DEFAULT_PADDING_DATA, DEFAULT_SKELETON_FOOTER, DEFAULT_SKELETON_HEADER, DOCUMENT_CONTEXT_CLIP_TYPE, DRAWING_OBJECT_LAYER_INDEX, DRAWING_OBJECT_LOWER_LAYER_INDEX, DRAWING_OBJECT_UPPER_LAYER_INDEX, DashedRect, DataStreamTreeNode, DeviceInputEventType, DeviceType, DocBackground, DocSimpleSkeleton, DocumentEditArea, DocumentSkeleton, DocumentSkeletonPageType, DocumentViewModel, Documents, DocumentsSpanAndLineExtensionRegistry, Drawing, DrawingGroupObject, DumbCanvasColorService, EXPAND_SIZE_FOR_RENDER_OVERFLOW, Engine, EventConstants, FIX_ONE_PIXEL_BLUR_OFFSET, FONT_EXTENSION_Z_INDEX, Font, FontCache, GlyphType, Group, HitCanvas, ICanvasColorService, INITIAL_MATRIX, INITIAL_Path2, IRenderManagerService, IRenderingEngine, IWatermarkTypeEnum, Image$1 as Image, IsSafari, LINK_VIEW_PORT_TYPE, Layer, LineType, Liquid, MAIN_VIEW_PORT_KEY, MAXIMUM_COL_WIDTH, MAXIMUM_ROW_HEIGHT, MEASURE_EXTENT, MEASURE_EXTENT_FOR_PARAGRAPH, MIDDLE_CELL_POS_MAGIC_NUMBER, MIN_COL_WIDTH, Marker, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, ORIENTATION_TYPE, ObjectType, PATH_OBJECT_ARRAY, PRINTING_BG_Z_INDEX, PageLayoutType, Path, Path2, PerformanceMonitor, PointerInput, RECT_OBJECT_ARRAY, REGULAR_POLYGON_OBJECT_ARRAY, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, RICHTEXT_OBJECT_ARRAY, Rect, RegularPolygon, RenderComponent, RenderManagerService, RenderUnit, RichText, RollingAverage, RowHeaderLayout, SHAPE_OBJECT_ARRAY, SHAPE_TYPE, SHEET_EXTENSION_PREFIX, SHEET_EXTENSION_TYPE, SHEET_VIEWPORT_KEY, SLIDE_NAVIGATION_KEY, Scene, SceneCanvas, SceneViewer, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetColumnHeaderExtensionRegistry, SheetComponent, SheetExtension, SheetRowHeaderExtensionRegistry, ShowGridlinesState, SkeletonType, Slide, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetExtensionRegistry, SpreadsheetHeader, SpreadsheetRowHeader, SpreadsheetSkeleton, TEXT_OBJECT_ARRAY, TRANSFORM_CHANGE_OBSERVABLE_TYPE, Text, Transform, UNIVER_WATERMARK_LAYER_INDEX, UNIVER_WATERMARK_STORAGE_KEY, UniverPrintingContext, UniverRenderEnginePlugin, UniverRenderingContext, UniverRenderingContext2D, VERTICAL_ROTATE_ANGLE, Vector2, Viewport, WatermarkLayer, calculateRectRotate, cancelRequestFrame, checkStyle, cjk, clampRange, clearLineByBorderType, compareDocumentSkeletonNestedPagePathOrder, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, createCanvasElement, createImageElement, degToRad, documentSkeletonLineIterator, documentSkeletonTableIterator, drawDiagonalLineByBorderType, drawLineByBorderType, expandRangeIfIntersects, fixLineWidthByScale, generateRandomKey, getCellByIndexWithMergeInfo, getCellPositionByIndex, getCharSpaceApply, getColor, getCurrentScrollXY, getCurrentTypeOfRenderer, getDPI, getDevicePixelRatio, getDocsCustomBlockRenderViewport, getDocsSkeletonPageSize, getDocsTableRenderViewport, getDocumentSkeletonColumnPagePathInfo, getDocumentSkeletonNestedPageOffset, getDrawingGroupState, getFirstGrapheme, getFontStyleString, getGroupState, getLastColumn, getLastLine, getLineOffset, getLineWidth, getLineWith, getNextWheelZoomRatio, getNumberUnitValue, getOffsetRectForDom, getPageFromPath, getParagraphByGlyph, getPointerPrefix, getRenderTransformBaseOnParentBound, getRotateOffsetAndFarthestHypotenuse, getRotateOrientation, getRotatedBoundInGroup, getScale, getShrinkToFitScale, getSizeForDom, getSystemHighlightColor, getTableIdAndSliceIndex, getTranslateInSpreadContextWithPixelRatio, getValueType, glyphIterator, hasAllLatin, hasArabic, hasBasicLatin, hasLatinExtendedA, hasLatinExtendedB, hasLatinOneSupplement, hasListGlyph, hasSpace, hasThai, hasTibetan, hasUnMergedCellInRow, inViewRanges, injectStyle, isArray, isCjkCenterAlignedPunctuation, isCjkLeftAlignedPunctuation, isCjkRightAlignedPunctuation, isDate, isEmojiGrapheme, isFirstGlyph, isFunction, isIndentByGlyph, isLastGlyph, isNumber, isObject, isPlaceholderOrSpace, isRectIntersect, isRegExp, isSameLine, isString, lineIterator, measureDocumentNoWrapTextRangeWidth, measureDocumentNoWrapTextWidth, measureDocumentUnbreakableTextWidth, mergeInfoOffset, parseDataStreamToTree, pixelToPt, precisionTo, ptToMM, ptToPixel, ptToPx, pxToInch, pxToNum, pxToPt, radToDeg, renderImageWatermark, renderTextWatermark, renderUserInfoWatermark, renderWatermark, requestNewFrame, scaleDocumentDataForShrinkToFit, setDocsCustomBlockRenderViewportProvider, setDocsTableRenderViewportProvider, setLineType, sheetContentViewportKeys, sheetHeaderViewportKeys, startWithEmoji, toPx, transformObjectOutOfGroup, withCurrentTypeOfRenderer };

package/lib/types/components/docs/doc-component.d.ts

@@ -31,12 +31,15 @@ export interface IDocumentsConfig extends IPageMarginLayout {
     pageFillColor?: string;
     pageStrokeColor?: string;
     marginStrokeColor?: string;
+    /** Called after an image used by a text fill finishes loading. */
+    onTextFillImageLoaded?: () => void;
 }
 export declare abstract class DocComponent extends RenderComponent<IDocumentSkeletonGlyph | IDocumentSkeletonLine, DOCS_EXTENSION_TYPE, IBoundRectNoAngle[]> {
     private _skeleton?;
     pageMarginLeft: number;
     pageMarginTop: number;
     pageLayoutType: PageLayoutType;
+    readonly onTextFillImageLoaded: () => void;
     constructor(oKey: string, _skeleton?: DocumentSkeleton | undefined, config?: IDocumentsConfig);
     getSkeleton(): DocumentSkeleton | undefined;
     setSkeleton(skeleton: DocumentSkeleton): void;

package/lib/types/components/docs/extensions/font-and-base-line.d.ts

@@ -33,6 +33,7 @@ export declare class FontAndBaseLine extends docExtension {
      */
     actualFontMap: Record<string, string>;
     private _textFillImageCache;
+    private _textFillImageLoadListeners;
     constructor();
     draw(ctx: UniverRenderingContext, _parentScale: IScale, glyph: IDocumentSkeletonGlyph, _?: IBoundRectNoAngle, _more?: IDrawInfo): void;
     private _fillTextWithTextFill;

package/lib/types/components/sheets/interfaces.d.ts

@@ -40,6 +40,7 @@ export interface IFontCacheItem {
     displayText?: string;
     resolvedHorizontalAlign?: HorizontalAlign;
     textFitsCurrentCell?: boolean;
+    shrinkScale?: number;
 }
 type colorString = string;
 export interface IStylesCache {

package/lib/types/components/sheets/sheet.render-skeleton.d.ts

@@ -13,11 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { DocumentDataModel, ICellData, ICellDataForSheetInterceptor, ICellInfo, ICellWithCoord, IColAutoWidthInfo, IColumnRange, IGetRowColByPosOptions, IPaddingData, IRange, IRowAutoHeightInfo, IRowRange, ISize, IStyleData, ITextRotation, Nullable, Styles, Worksheet } from '@univerjs/core';
+import type { ICellData, ICellDataForSheetInterceptor, ICellInfo, ICellWithCoord, IColAutoWidthInfo, IColumnRange, IDocumentData, IGetRowColByPosOptions, IPaddingData, IRange, IRowAutoHeightInfo, IRowRange, ISize, IStyleData, ITextRotation, Nullable, Styles, Worksheet } from '@univerjs/core';
 import type { IBoundRectNoAngle, IPoint, IViewportInfo } from '../../basics/vector2';
 import type { Scene } from '../../scene';
 import type { IFontCacheItem, IStylesCache } from './interfaces';
-import { BooleanNumber, HorizontalAlign, IConfigService, IContextService, Injector, LocaleService, ObjectMatrix, SheetSkeleton, VerticalAlign, WrapStrategy } from '@univerjs/core';
+import { BooleanNumber, DocumentDataModel, HorizontalAlign, IConfigService, IContextService, Injector, LocaleService, ObjectMatrix, SheetSkeleton, VerticalAlign, WrapStrategy } from '@univerjs/core';
 import { DocumentSkeleton } from '../docs/layout/doc-skeleton';
 import { SHEET_VIEWPORT_KEY } from './interfaces';
 interface IRowColumnRange extends IRowRange, IColumnRange {
@@ -39,6 +39,8 @@ export declare const DEFAULT_PADDING_DATA: {
     r: number;
 };
 export declare const RENDER_RAW_FORMULA_KEY = "RENDER_RAW_FORMULA";
+export declare function getShrinkToFitScale(contentWidth: number, availableWidth: number, fontSize: number): number;
+export declare function scaleDocumentDataForShrinkToFit(documentData: IDocumentData, scale: number, fallbackFontSize: number): IDocumentData;
 export interface ICacheItem {
     bg: boolean;
     border: boolean;
@@ -253,6 +255,7 @@ export declare class SpreadsheetSkeleton extends SheetSkeleton {
     resetRangeCache(ranges: IRange[]): void;
     _setBorderStylesCache(row: number, col: number, style: Nullable<IStyleData>, options: ISetStylesCacheForOneCellOptions | undefined): void;
     _setBgStylesCache(row: number, col: number, style: Nullable<IStyleData>, options: ISetStylesCacheForOneCellOptions | undefined): void;
+    private _applyShrinkToFit;
     _setFontStylesCache(row: number, col: number, cellData: Nullable<ICellDataForSheetInterceptor>, style: IStyleData, hasMergeData?: boolean): void;
     /**
      * Set border background and font to this._stylesCache cell by cell.

package/lib/types/drawing-group.d.ts

@@ -19,6 +19,12 @@ import type { IViewportInfo, Vector2 } from './basics';
 import type { UniverRenderingContext } from './context';
 import { Transform } from './basics';
 import { Group } from './group';
+export interface IDrawingGroupShadow {
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+}
 export declare class DrawingGroupObject extends Group {
     protected _selfSizeMode: boolean;
     /**
@@ -28,6 +34,8 @@ export declare class DrawingGroupObject extends Group {
      * When rendering, positions are mapped from baseBound space to the group's current transform.
      */
     private _baseBound;
+    private _outerShadow?;
+    setOuterShadow(shadow?: IDrawingGroupShadow): void;
     /**
      * Set the baseBound (chOff/chExt in OOXML) for this group.
      * This defines the coordinate space of children within the group.

package/lib/types/index.d.ts

@@ -44,6 +44,7 @@ export type { IUniverEngineRenderConfig } from './config/config';
 export * from './context';
 export * from './custom';
 export { DrawingGroupObject } from './drawing-group';
+export type { IDrawingGroupShadow } from './drawing-group';
 export * from './engine';
 export * from './group';
 export * from './layer';