@univerjs/engine-render 1.0.0-beta.1 → 1.0.0-beta.2

package/lib/index.js

@@ -1,5 +1,5 @@
 import { AlignTypeH, AlignTypeV, BaselineOffset, BooleanNumber, BorderStyleTypes, BulletAlignment, COLORS, CellValueType, ColorKit, ColumnResponsiveType, ColumnSeparatorType, CustomDecorationType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentDataModel, DocumentFlavor, DocxBreakType, EventSubject, FontStyleType, GridType, HorizontalAlign, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, ListGlyphType, LocaleService, LookUp, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MOVE_BUFFER_VALUE, ModernDocumentWidthMode, NAMED_STYLE_MAP, NAMED_STYLE_SPACE_MAP, NumberUnitType, ObjectMatrix, ObjectRelativeFromH, ObjectRelativeFromV, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, Range, Rectangle, Registry, SectionType, SheetSkeleton, Skeleton, SpacingRule, TabStopAlignment, TableAlignmentType, TableRowHeightRule, TableTextWrapType, TextDecoration, ThemeService, Tools, UniverInstanceType, VerticalAlign, VerticalAlignmentType, WrapStrategy, WrapTextType, checkParagraphHasIndentByStyle, createIdentifier, deleteContent, getColorStyle, getDisplayValueFromCell, horizontalLineSegmentsSubtraction, insertTextToContent, invertColorByMatrix, isCellCoverable, isClassDependencyItem, isDefaultFormat, isNullCell, isWhiteColor, merge, noop, numberToABC, numberToListABC, numfmt, regexp, registerDependencies, remove, requestImmediateMacroTask, resolveDocumentParagraphStyle, resolveSectionHeaderFooterReferences, searchArray, sortRules, sortRulesByDesc, toDisposable } from "@univerjs/core";
-import { BehaviorSubject, Observable, Subject, Subscription, distinctUntilChanged, shareReplay, startWith } from "rxjs";
+import { BehaviorSubject, Observable, Subject, Subscription, distinctUntilChanged, merge as merge$1, shareReplay, startWith } from "rxjs";
 import { franc } from "franc-min";
 import { getOverflowAncestors } from "@floating-ui/dom";
 import { floor, max, min } from "@floating-ui/utils";
@@ -3221,6 +3221,36 @@ var Transform = class Transform {
 	}
 };
 
+//#endregion
+//#region src/basics/transformer-config.ts
+const DEFAULT_TRANSFORMER_CONFIG = {
+	resizeEnabled: true,
+	rotateEnabled: true,
+	rotateAnchorOffset: 28,
+	rotateAnchorPosition: "bottom",
+	rotateLineEnabled: false,
+	rotateSize: 18,
+	rotateCornerRadius: 9,
+	rotateFill: "#ffffff",
+	rotateStroke: "#4086f4",
+	rotateStrokeWidth: 1,
+	rotateIconEnabled: true,
+	rotateIconStroke: "#4086f4",
+	rotateIconStrokeWidth: 1.25,
+	borderEnabled: true,
+	borderStroke: "#4086f4",
+	borderStrokeWidth: 1,
+	borderSpacing: 2,
+	anchorFill: "#ffffff",
+	anchorStroke: "#4086f4",
+	anchorStrokeWidth: 1.5,
+	anchorSize: 8,
+	anchorCornerRadius: 2,
+	anchorStyle: "canva",
+	keepRatio: true,
+	moveBoundaryEnabled: true
+};
+
 //#endregion
 //#region src/basics/zoom.ts
 const MIN_ZOOM_RATIO = .1;
@@ -4143,6 +4173,8 @@ var UniverRenderingContext2D = class {
 	constructor(context, options) {
 		_defineProperty(this, "__mode", "rendering");
 		_defineProperty(this, "_transformCache", void 0);
+		_defineProperty(this, "_bitmapMutationId", 0);
+		_defineProperty(this, "_bitmapMutationTrackingDepth", 0);
 		_defineProperty(this, "canvas", void 0);
 		_defineProperty(this, "_context", void 0);
 		_defineProperty(this, "_systemType", void 0);
@@ -4161,6 +4193,19 @@ var UniverRenderingContext2D = class {
 	setId(id) {
 		this._id = id;
 	}
+	detectBitmapMutation(callback) {
+		const mutationId = this._bitmapMutationId;
+		this._bitmapMutationTrackingDepth++;
+		try {
+			callback();
+		} finally {
+			this._bitmapMutationTrackingDepth--;
+		}
+		return mutationId !== this._bitmapMutationId;
+	}
+	_markBitmapMutation() {
+		if (this._bitmapMutationTrackingDepth > 0) this._bitmapMutationId++;
+	}
 	isContextLost() {
 		return this._context.isContextLost();
 	}
@@ -4390,7 +4435,9 @@ var UniverRenderingContext2D = class {
 		this._context.resetTransform();
 	}
 	drawFocusIfNeeded(...args) {
-		return this._context.drawFocusIfNeeded(...args);
+		const result = this._context.drawFocusIfNeeded(...args);
+		this._markBitmapMutation();
+		return result;
 	}
 	/**
 	* reset canvas context transform
@@ -4399,6 +4446,7 @@ var UniverRenderingContext2D = class {
 	reset() {
 		this._transformCache = null;
 		this._context.reset();
+		this._markBitmapMutation();
 	}
 	/**
 	* arc function.
@@ -4472,6 +4520,7 @@ var UniverRenderingContext2D = class {
 	*/
 	clearRect(x, y, width, height) {
 		this._context.clearRect(x, y, width, height);
+		this._markBitmapMutation();
 	}
 	/**
 	* clearRect function.
@@ -4545,6 +4594,7 @@ var UniverRenderingContext2D = class {
 		if (a.length === 3) _context.drawImage(args[0], args[1], args[2]);
 		else if (a.length === 5) _context.drawImage(args[0], args[1], args[2], args[3], args[4]);
 		else if (a.length === 9) _context.drawImage(args[0], args[1], args[2], args[3], args[4], args[5], args[6], args[7], args[8]);
+		this._markBitmapMutation();
 	}
 	/**
 	* ellipse function.
@@ -4558,6 +4608,7 @@ var UniverRenderingContext2D = class {
 	}
 	fill(...args) {
 		this._context.fill(...args);
+		this._markBitmapMutation();
 	}
 	/**
 	* fillRect function.
@@ -4565,6 +4616,7 @@ var UniverRenderingContext2D = class {
 	*/
 	fillRect(x, y, width, height) {
 		this._context.fillRect(x, y, width, height);
+		this._markBitmapMutation();
 	}
 	/**
 	* fillRect function precision.
@@ -4584,6 +4636,7 @@ var UniverRenderingContext2D = class {
 	*/
 	strokeRect(x, y, width, height) {
 		this._context.strokeRect(x, y, width, height);
+		this._markBitmapMutation();
 	}
 	/**
 	* strokeRect function precision.
@@ -4604,6 +4657,7 @@ var UniverRenderingContext2D = class {
 	fillText(text, x, y, maxWidth) {
 		if (maxWidth) this._context.fillText(text, x, y, maxWidth);
 		else this._context.fillText(text, x, y);
+		this._markBitmapMutation();
 	}
 	/**
 	* fillText function.
@@ -4617,6 +4671,7 @@ var UniverRenderingContext2D = class {
 			maxWidth = fixLineWidthByScale(maxWidth, scaleX);
 			this._context.fillText(text, x, y, maxWidth);
 		} else this._context.fillText(text, x, y);
+		this._markBitmapMutation();
 	}
 	/**
 	* measureText function.
@@ -4697,6 +4752,7 @@ var UniverRenderingContext2D = class {
 	*/
 	putImageData(imageData, dx, dy) {
 		this._context.putImageData(imageData, dx, dy);
+		this._markBitmapMutation();
 	}
 	/**
 	* quadraticCurveTo function.
@@ -4765,6 +4821,7 @@ var UniverRenderingContext2D = class {
 	stroke(path2d) {
 		if (path2d) this._context.stroke(path2d);
 		else this._context.stroke();
+		this._markBitmapMutation();
 	}
 	/**
 	* strokeText function.
@@ -4772,6 +4829,7 @@ var UniverRenderingContext2D = class {
 	*/
 	strokeText(text, x, y, maxWidth) {
 		this._context.strokeText(text, x, y, maxWidth);
+		this._markBitmapMutation();
 	}
 	/**
 	* strokeText function precision.
@@ -4896,7 +4954,7 @@ var Canvas = class {
 		this._canvasEle.style.outline = "0";
 		const context = this._canvasEle.getContext("2d");
 		if (context == null) throw new Error("context is not support");
-		if (props.mode === 1) this._context = new UniverPrintingContext(context);
+		if (props.mode === 1) this._context = new UniverPrintingContext(context, { canvasColorService: props.colorService });
 		else this._context = new UniverRenderingContext(context, { canvasColorService: props.colorService });
 		this.setSize(props.width, props.height, props.pixelRatio);
 	}
@@ -11957,8 +12015,10 @@ const SHAPE_OBJECT_ARRAY = [
 	"globalCompositeOperation",
 	"paintFirst",
 	"stroke",
+	"strokeOpacity",
 	"strokeScaleEnabled",
 	"fill",
+	"fillOpacity",
 	"fillAfterStrokeEnabled",
 	"hitStrokeWidth",
 	"strokeLineJoin",
@@ -11988,8 +12048,10 @@ var Shape = class extends BaseObject {
 		_defineProperty(this, "_globalCompositeOperation", "source-over");
 		_defineProperty(this, "_paintFirst", "fill");
 		_defineProperty(this, "_stroke", void 0);
+		_defineProperty(this, "_strokeOpacity", void 0);
 		_defineProperty(this, "_strokeScaleEnabled", false);
 		_defineProperty(this, "_fill", void 0);
+		_defineProperty(this, "_fillOpacity", void 0);
 		_defineProperty(this, "_fillAfterStrokeEnabled", false);
 		_defineProperty(this, "_hitStrokeWidth", 0);
 		_defineProperty(this, "_strokeLineJoin", "round");
@@ -12027,12 +12089,18 @@ var Shape = class extends BaseObject {
 	get stroke() {
 		return this._stroke;
 	}
+	get strokeOpacity() {
+		return this._strokeOpacity;
+	}
 	get strokeScaleEnabled() {
 		return this._strokeScaleEnabled;
 	}
 	get fill() {
 		return this._fill;
 	}
+	get fillOpacity() {
+		return this._fillOpacity;
+	}
 	get fillAfterStrokeEnabled() {
 		return this._fillAfterStrokeEnabled;
 	}
@@ -12098,6 +12166,7 @@ var Shape = class extends BaseObject {
 		if (!props.fill) return;
 		ctx.save();
 		this._setFillStyles(ctx, props);
+		ctx.globalAlpha *= props.fillOpacity ?? 1;
 		if (props.fillRule === "evenodd") ctx.fill("evenodd");
 		else ctx.fill();
 		ctx.restore();
@@ -12107,10 +12176,11 @@ var Shape = class extends BaseObject {
 	* @param {UniverRenderingContext} ctx SheetContext to render on
 	*/
 	static _renderStroke(ctx, props) {
-		const { stroke, strokeWidth, strokeScaleEnabled } = props;
+		const { stroke, strokeWidth } = props;
 		if (!stroke || strokeWidth === void 0 || !Number.isFinite(strokeWidth) || strokeWidth <= 0) return;
 		ctx.save();
 		this._setStrokeStyles(ctx, props);
+		ctx.globalAlpha *= props.strokeOpacity ?? 1;
 		ctx.stroke();
 		ctx.restore();
 	}
@@ -15411,13 +15481,14 @@ function getCustomDecorationStyle(customDecoration) {
 
 //#endregion
 //#region src/components/docs/layout/style/custom-range.ts
+const CUSTOM_RANGE_COLOR_TOKEN = "blue.600";
 function getCustomRangeStyle(customRange) {
 	if (customRange.rangeType === CustomRangeType.HYPERLINK || customRange.rangeType === CustomRangeType.MENTION || customRange.rangeType === CustomRangeType.CUSTOM) {
 		var _customRange$properti;
 		const preserveTextColor = ((_customRange$properti = customRange.properties) === null || _customRange$properti === void 0 ? void 0 : _customRange$properti.textColorMode) === "text";
 		return {
-			...customRange.active ?? true ? { ul: { s: BooleanNumber.TRUE } } : null,
-			...preserveTextColor ? null : { cl: { rgb: "#274fee" } }
+			...customRange.rangeType === CustomRangeType.HYPERLINK || (customRange.active ?? true) ? { ul: { s: BooleanNumber.TRUE } } : null,
+			...preserveTextColor ? null : { cl: { rgb: CUSTOM_RANGE_COLOR_TOKEN } }
 		};
 	}
 	return null;
@@ -15518,7 +15589,10 @@ function getLineHeightConfig(sectionBreakConfig, paragraphConfig) {
 	const gridType = sectionBreakConfig.gridType ?? (useWordStyleLineHeight ? GridType.DEFAULT : GridType.LINES);
 	const hasLineGrid = gridType === GridType.LINES || gridType === GridType.LINES_AND_CHARS;
 	const defaultSnapToGrid = useWordStyleLineHeight && (!hasLineGrid || isInsideTable && adjustLineHeightInTable !== BooleanNumber.TRUE) ? BooleanNumber.FALSE : BooleanNumber.TRUE;
-	const { lineSpacing = 0, spacingRule = SpacingRule.AUTO, snapToGrid = defaultSnapToGrid } = paragraphStyle;
+	const { lineSpacing: requestedLineSpacing = 0, spacingRule: requestedSpacingRule = SpacingRule.AUTO, snapToGrid = defaultSnapToGrid } = paragraphStyle;
+	const hasValidLineSpacing = Number.isFinite(requestedLineSpacing) && requestedLineSpacing > 0;
+	const lineSpacing = hasValidLineSpacing ? requestedLineSpacing : 0;
+	const spacingRule = hasValidLineSpacing ? requestedSpacingRule : SpacingRule.AUTO;
 	let lineSpacingApply = lineSpacing;
 	if (useWordStyleLineHeight && lineSpacing === 0 && spacingRule === SpacingRule.AUTO) lineSpacingApply = 1;
 	else if (!useWordStyleLineHeight && (gridType === GridType.LINES || gridType === GridType.LINES_AND_CHARS) && lineSpacing === 0 && spacingRule === SpacingRule.AUTO) lineSpacingApply = 1;
@@ -18430,24 +18504,15 @@ function allocateHorizontalWidths(columns, contentWidth) {
 }
 function compressToFit(widths, minWidths, overflow) {
 	const nextWidths = [...widths];
-	let remainingOverflow = overflow;
-	let flexibleIndexes = getFlexibleIndexes(nextWidths, minWidths);
-	while (remainingOverflow > 0 && flexibleIndexes.length > 0) {
-		const totalShrink = flexibleIndexes.reduce((sum, item) => sum + item.shrink, 0);
-		for (const item of flexibleIndexes) {
-			const shrink = Math.min(item.shrink, remainingOverflow * item.shrink / totalShrink);
-			nextWidths[item.index] -= shrink;
-			remainingOverflow -= shrink;
-		}
-		flexibleIndexes = getFlexibleIndexes(nextWidths, minWidths);
-	}
-	return nextWidths;
-}
-function getFlexibleIndexes(widths, minWidths) {
-	return widths.map((width, index) => ({
+	const flexibleIndexes = nextWidths.map((width, index) => ({
 		index,
 		shrink: Math.max(0, width - minWidths[index])
 	})).filter((item) => item.shrink > 0);
+	const totalShrink = flexibleIndexes.reduce((sum, item) => sum + item.shrink, 0);
+	const appliedOverflow = Math.min(overflow, totalShrink);
+	if (appliedOverflow <= 0 || totalShrink <= 0) return nextWidths;
+	for (const item of flexibleIndexes) nextWidths[item.index] -= appliedOverflow * item.shrink / totalShrink;
+	return nextWidths;
 }
 function getMinWidth(column) {
 	var _column$minWidth;
@@ -20022,7 +20087,17 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		_defineProperty(this, "_handleBorderMatrix", new ObjectMatrix());
 		_defineProperty(this, "_showGridlines", BooleanNumber.TRUE);
 		_defineProperty(this, "_gridlinesColor", void 0);
+		_defineProperty(this, "_defaultGridlinesColor", void 0);
 		_defineProperty(this, "_scene", null);
+		const themeService = _injector.get(ThemeService);
+		this.disposeWithMe(themeService.currentTheme$.subscribe(() => {
+			var _this$_scene, _this$_scene2;
+			const gray200 = themeService.getColorFromTheme("gray.200");
+			const gray900 = themeService.getColorFromTheme("gray.900");
+			this._defaultGridlinesColor = ColorKit.mix(gray200, gray900, .07).toHexString();
+			(_this$_scene = this._scene) === null || _this$_scene === void 0 || _this$_scene.getViewports().forEach((viewport) => viewport.markDirty(true));
+			(_this$_scene2 = this._scene) === null || _this$_scene2 === void 0 || _this$_scene2.makeDirty(true);
+		}));
 		this._updateLayout();
 		this.disposeWithMe(this._contextService.subscribeContextValue$(RENDER_RAW_FORMULA_KEY).pipe(startWith(false), distinctUntilChanged()).subscribe((renderRaw) => {
 			this._renderRawFormula = renderRaw;
@@ -20076,6 +20151,9 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 	get gridlinesColor() {
 		return this._gridlinesColor;
 	}
+	get defaultGridlinesColor() {
+		return this._defaultGridlinesColor;
+	}
 	dispose() {
 		super.dispose();
 		this._drawingRange = {
@@ -22097,6 +22175,15 @@ var Border$1 = class extends docExtension {
 };
 DocumentsSpanAndLineExtensionRegistry.add(new Border$1());
 
+//#endregion
+//#region src/components/docs/layout/style/color.ts
+const THEME_COLOR_TOKEN_PATTERN = /^[a-z][a-z0-9-]*\.\d+$/i;
+function getColorStyleForCanvas(color) {
+	const rgb = color === null || color === void 0 ? void 0 : color.rgb;
+	if (rgb && THEME_COLOR_TOKEN_PATTERN.test(rgb)) return rgb;
+	return getColorStyle(color);
+}
+
 //#endregion
 //#region src/components/docs/extensions/font-and-base-line.ts
 const UNIQUE_KEY$1 = "DefaultDocsFontAndBaseLineExtension";
@@ -22141,7 +22228,7 @@ var FontAndBaseLine = class extends docExtension {
 			}
 		}
 		const { cl: colorStyle, va: baselineOffset, textFill, glow, outerShadow } = textStyle;
-		const fontColor = getColorStyle(colorStyle) || "rgb(0,0,0)";
+		const fontColor = getColorStyleForCanvas(colorStyle) || "rgb(0,0,0)";
 		if (baselineOffset === BaselineOffset.SUPERSCRIPT) spanPointWithFont.y += -bBox.spo;
 		else if (baselineOffset === BaselineOffset.SUBSCRIPT) spanPointWithFont.y += bBox.sbo;
 		const drawText = () => {
@@ -22461,7 +22548,7 @@ var Line$1 = class extends docExtension {
 		const lineAlignOffset = isAccounting ? Vector2.create(0, alignOffset.y) : alignOffset;
 		const { centerAngle: centerAngleDeg = 0, vertexAngle: vertexAngleDeg = 0 } = renderConfig;
 		ctx.save();
-		ctx.strokeStyle = (c === BooleanNumber.TRUE ? getColorStyle((_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.cl) : getColorStyle(colorStyle)) || "rgb(0,0,0)";
+		ctx.strokeStyle = (c === BooleanNumber.TRUE ? getColorStyleForCanvas((_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.cl) : getColorStyleForCanvas(colorStyle)) || "rgb(0,0,0)";
 		this._setLineType(ctx, lineType ?? TextDecoration.SINGLE, lineWidth);
 		startY += this._isDouble(lineType) ? -.8 : 0;
 		const centerAngle = degToRad(centerAngleDeg);
@@ -23060,7 +23147,7 @@ var Documents = class Documents extends DocComponent {
 					} else {
 						this._drawLiquid.translateSave();
 						this._drawLiquid.translateLine(line, true, true);
-						this._drawLineBackground(ctx, nestedPage, line, column.width);
+						this._drawLineBackground(ctx, nestedPage, line, column.width, parentPage.marginLeft, parentPage.marginTop);
 						const divideLength = divides.length;
 						for (let i = 0; i < divideLength; i++) {
 							const divide = divides[i];
@@ -23345,6 +23432,11 @@ const CUSTOM_EXTENSION_KEY = "DefaultCustomExtension";
 const MARKER_EXTENSION_KEY = "DefaultMarkerExtension";
 const RANGE_PROTECTION_VIEW_EXTENSION_KEY = "RANGE_PROTECTION_CAN_VIEW_RENDER_EXTENSION_KEY";
 const RANGE_PROTECTION_HIDDEN_EXTENSION_KEY = "RANGE_PROTECTION_CAN_NOT_VIEW_RENDER_EXTENSION_KEY";
+const PRINTING_GRIDLINES_COLOR = getColor([
+	214,
+	216,
+	219
+]);
 function pushSparseCellRange(ranges, row, col) {
 	const last = ranges[ranges.length - 1];
 	if (last && last.startRow === row && last.endRow === row && last.endColumn + 1 === col) {
@@ -23571,7 +23663,6 @@ var Spreadsheet = class extends SheetComponent {
 			extension.draw(ctx, parentScale, spreadsheetSkeleton, extensionDiffRanges, {
 				viewRanges: extensionViewRanges,
 				checkOutOfViewBound: true,
-				fontRenderRanges: extension === this._fontExtension && !isMergeRepair ? spreadsheetSkeleton.incrementalFontRenderRanges : void 0,
 				hasMergeData,
 				viewportKey: viewportInfo.viewportKey,
 				viewBound: viewportInfo.cacheBound,
@@ -23955,11 +24046,7 @@ var Spreadsheet = class extends SheetComponent {
 		if (!rowHeightAccumulation || !columnWidthAccumulation || columnTotalWidth === void 0 || rowTotalHeight === void 0) return;
 		ctx.save();
 		ctx.setLineWidthByPrecision(1);
-		const defaultGridlinesColor = ctx.__mode === "printing" ? getColor([
-			214,
-			216,
-			219
-		]) : "mix(gray.200, gray.900, 0.07)";
+		const defaultGridlinesColor = ctx.__mode === "printing" ? PRINTING_GRIDLINES_COLOR : spreadsheetSkeleton.defaultGridlinesColor;
 		ctx.strokeStyle = gridlinesColor ?? ctx.renderConfig.gridlinesColor ?? defaultGridlinesColor;
 		const columnWidthAccumulationLength = columnWidthAccumulation.length;
 		const rowHeightAccumulationLength = rowHeightAccumulation.length;
@@ -24304,7 +24391,12 @@ function scrollAndClearCanvas(ctx, pixelRatio, scrollRenderInfos, dirtyBounds) {
 		const targetY = (bounds.top + Math.max(0, offsetY)) * pixelRatio;
 		const pixelCopyWidth = copyWidth * pixelRatio;
 		const pixelCopyHeight = copyHeight * pixelRatio;
+		ctx.save();
+		ctx.beginPath();
+		ctx.rect(targetX, targetY, pixelCopyWidth, pixelCopyHeight);
+		ctx.clip();
 		ctx.drawImage(ctx.canvas, sourceX, sourceY, pixelCopyWidth, pixelCopyHeight, targetX, targetY, pixelCopyWidth, pixelCopyHeight);
+		ctx.restore();
 	}
 	clearCanvasBounds(ctx, pixelRatio, dirtyBounds);
 	ctx.restore();
@@ -26655,8 +26747,10 @@ var ScrollBar = class ScrollBar extends Disposable {
 		_defineProperty(this, "_thumbDefaultBackgroundColor", "gray.300");
 		_defineProperty(this, "_thumbHoverBackgroundColor", "gray.400");
 		_defineProperty(this, "_thumbActiveBackgroundColor", "gray.500");
-		_defineProperty(this, "_trackBackgroundColor", "alpha(white, 0.5)");
-		_defineProperty(this, "_trackBorderColor", "alpha(white, 0.7)");
+		_defineProperty(this, "_trackBackgroundColor", "gray.0");
+		_defineProperty(this, "_trackBorderColor", "gray.0");
+		_defineProperty(this, "_trackBackgroundOpacity", .5);
+		_defineProperty(this, "_trackBorderOpacity", .7);
 		_defineProperty(this, "_trackThickness", DEFAULT_TRACK_SIZE);
 		_defineProperty(this, "_vThumbMargin", DEFAULT_THUMB_MARGIN);
 		_defineProperty(this, "_hThumbMargin", DEFAULT_THUMB_MARGIN);
@@ -26685,6 +26779,8 @@ var ScrollBar = class ScrollBar extends Disposable {
 			if (props[key] !== void 0) this[`_${key}`] = props[key];
 		});
 		if (Tools.isDefine(props.thumbBackgroundColor)) this._thumbDefaultBackgroundColor = props.thumbBackgroundColor;
+		if (Tools.isDefine(props.trackBackgroundColor)) this._trackBackgroundOpacity = 1;
+		if (Tools.isDefine(props.trackBorderColor)) this._trackBorderOpacity = 1;
 		if (Tools.isDefine(props.barSize)) this._trackThickness = props.barSize;
 		if (Tools.isDefine(props.barBorder)) this._trackBorderThickness = props.barBorder;
 		if (Tools.isDefine(props.thumbMargin)) {
@@ -26999,8 +27095,10 @@ var ScrollBar = class ScrollBar extends Disposable {
 		if (this._enableHorizontal) {
 			this.horizonScrollTrack = new Rect("__horizonBarRect__", {
 				fill: this._trackBackgroundColor,
+				fillOpacity: this._trackBackgroundOpacity,
 				strokeWidth: this._trackBorderThickness,
-				stroke: this._trackBorderColor
+				stroke: this._trackBorderColor,
+				strokeOpacity: this._trackBorderOpacity
 			});
 			this.horizonThumbRect = new Rect("__horizonThumbRect__", {
 				radius: 6,
@@ -27010,8 +27108,10 @@ var ScrollBar = class ScrollBar extends Disposable {
 		if (this._enableVertical) {
 			this.verticalScrollTrack = new Rect("__verticalBarRect__", {
 				fill: this._trackBackgroundColor,
+				fillOpacity: this._trackBackgroundOpacity,
 				strokeWidth: this._trackBorderThickness,
-				stroke: this._trackBorderColor
+				stroke: this._trackBorderColor,
+				strokeOpacity: this._trackBorderOpacity
 			});
 			this.verticalThumbRect = new Rect("__verticalThumbRect__", {
 				radius: 6,
@@ -27020,8 +27120,10 @@ var ScrollBar = class ScrollBar extends Disposable {
 		}
 		if (this._enableHorizontal && this._enableVertical) this.placeholderBarRect = new Rect("__placeholderBarRect__", {
 			fill: this._trackBackgroundColor,
+			fillOpacity: this._trackBackgroundOpacity,
 			strokeWidth: this._trackBorderThickness,
-			stroke: this._trackBorderColor
+			stroke: this._trackBorderColor,
+			strokeOpacity: this._trackBorderOpacity
 		});
 	}
 	_initialVerticalEvent() {
@@ -27967,68 +28069,28 @@ var DumbCanvasColorService = class {
 		return color;
 	}
 };
-const DARK_RENDER_COLOR_OVERRIDES = {
-	"#17212b": "#e2e8f0",
-	"#64748b": "#94a3b8",
-	"#d9e0e7": "#253044",
-	"#edf1f5": "#1b2535",
-	"#eef2f6": "#1b2535",
-	"#f2f5f8": "#101827",
-	"#f3f6fa": "#18243a",
-	"#f4f8ff": "#172a46",
-	"#f5f9ff": "#12233a",
-	"#f7f9fb": "#0d1422",
-	"#f7f9fc": "#0d1422",
-	"#f8fafc": "#0f172a",
-	"#fbfcfd": "#07111f",
-	"#fcfdff": "#050914",
-	"#e8f1ff": "#173a69",
-	"#eaf5ff": "#12315a",
-	"#dbeafe": "#1e3a8a",
-	"#bfdbfe": "#60a5fa",
-	"#93c5fd": "#60a5fa",
-	"#8eb6f5": "#60a5fa",
-	"#60a5fa": "#60a5fa",
-	"#2563eb": "#60a5fa",
-	"#1d64d8": "#93c5fd",
-	"#1d5cff": "#60a5fa",
-	"#0f766e": "#2dd4bf",
-	"#d7f4ef": "#134e4a",
-	"rgba(37,99,235,0.05)": "rgba(96,165,250,0.16)",
-	"rgba(37,99,235,0.06)": "rgba(96,165,250,0.18)",
-	"rgba(37,99,235,0.08)": "rgba(96,165,250,0.22)",
-	"rgba(37,99,235,0.12)": "rgba(96,165,250,0.26)",
-	"rgba(37,99,235,0.18)": "rgba(96,165,250,0.30)",
-	"rgba(37,99,235,0.28)": "rgba(96,165,250,0.38)",
-	"rgba(239,246,255,0.88)": "rgba(30,64,175,0.72)",
-	"rgba(148,163,184,0.45)": "rgba(148,163,184,0.52)"
-};
-const COLOR_MIX_REGEXP = /^mix\(\s*([^,()]+)\s*,\s*([^,()]+)\s*,\s*(0(?:\.\d+)?|1(?:\.0+)?)\s*\)$/;
-const COLOR_ALPHA_REGEXP = /^alpha\(\s*([^,()]+)\s*,\s*(0(?:\.\d+)?|1(?:\.0+)?)\s*\)$/;
 let CanvasColorService = class CanvasColorService extends Disposable {
 	constructor(_themeService) {
 		super();
 		this._themeService = _themeService;
 		_defineProperty(this, "_darkModeCache", /* @__PURE__ */ new Map());
-		_defineProperty(this, "_resolvedColorCache", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_resolvedThemeColors", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_invertAlgo", invertColorByMatrix);
-		this.disposeWithMe(this._themeService.currentTheme$.subscribe(() => {
-			this._resolvedColorCache.clear();
+		this.disposeWithMe(this._themeService.currentTheme$.subscribe((theme) => {
+			this._cacheThemeColors(theme);
 			this._darkModeCache.clear();
 		}));
 	}
 	getRenderColor(inputColor) {
-		const color = this._resolveColor(inputColor);
+		const color = this._resolvedThemeColors.get(inputColor) ?? inputColor;
 		if (!this._themeService.darkMode) return color;
 		if (this._darkModeCache.has(color)) return this._darkModeCache.get(color);
-		if (normalizeRenderColor(color) === "transparent") {
+		if (color.trim().toLowerCase() === "transparent") {
 			this._darkModeCache.set(color, "transparent");
 			return "transparent";
 		}
 		let cachedColor = "";
-		const mappedColor = getDarkRenderColorOverride(color);
-		if (mappedColor) cachedColor = mappedColor;
-		else if (color.startsWith("#")) {
+		if (color.startsWith("#")) {
 			cachedColor = rgbToHex(this._invertAlgo(hexToRgb(color)));
 			if (color.length === 5) {
 				const alpha = color.charAt(4);
@@ -28057,50 +28119,12 @@ let CanvasColorService = class CanvasColorService extends Disposable {
 		this._darkModeCache.set(color, cachedColor);
 		return cachedColor;
 	}
-	_resolveColor(inputColor) {
-		const cachedColor = this._resolvedColorCache.get(inputColor);
-		if (cachedColor !== void 0) return cachedColor;
-		const mixMatch = inputColor.match(COLOR_MIX_REGEXP);
-		if (mixMatch) {
-			const color1 = this._resolveThemeColor(mixMatch[1].trim());
-			const color2 = this._resolveThemeColor(mixMatch[2].trim());
-			const amount = Number(mixMatch[3]);
-			const color = ColorKit.mix(color1, color2, amount).toHexString();
-			this._resolvedColorCache.set(inputColor, color);
-			return color;
-		}
-		const alphaMatch = inputColor.match(COLOR_ALPHA_REGEXP);
-		if (alphaMatch) {
-			const colorKit = new ColorKit(this._resolveThemeColor(alphaMatch[1].trim()));
-			if (!colorKit.isValid) throw new Error(`[CanvasColorService]: illegal color "${inputColor}"`);
-			const color = colorKit.setAlpha(Number(alphaMatch[2])).toRgbString();
-			this._resolvedColorCache.set(inputColor, color);
-			return color;
-		}
-		if (inputColor.trim().startsWith("alpha(")) throw new Error(`[CanvasColorService]: illegal color "${inputColor}"`);
-		const color = this._resolveThemeColor(inputColor);
-		if (color !== inputColor) this._resolvedColorCache.set(inputColor, color);
-		return color;
-	}
-	_resolveThemeColor(inputColor) {
-		let color = inputColor;
-		if (color.includes(".")) {
-			const themeColor = this._themeService.getColorFromTheme(color);
-			if (typeof themeColor === "string" && this._themeService.isValidThemeColor(color)) color = themeColor;
-		}
-		return color;
+	_cacheThemeColors(theme) {
+		this._resolvedThemeColors.clear();
+		for (const [paletteName, palette] of Object.entries(theme)) for (const [tokenName, color] of Object.entries(palette)) if (typeof color === "string") this._resolvedThemeColors.set(`${paletteName}.${tokenName}`, color);
 	}
 };
 CanvasColorService = __decorate([__decorateParam(0, Inject(ThemeService))], CanvasColorService);
-function getDarkRenderColorOverride(color) {
-	const normalized = normalizeRenderColor(color);
-	return DARK_RENDER_COLOR_OVERRIDES[normalized] ?? null;
-}
-function normalizeRenderColor(color) {
-	const trimmed = color.trim().toLowerCase();
-	if (trimmed.startsWith("rgb")) return trimmed.replace(/\s+/g, "");
-	return trimmed;
-}
 function hexToRgb(_hex) {
 	const hex = _hex.replace(/^#/, "");
 	let r;
@@ -28768,7 +28792,7 @@ Engine = __decorate([__decorateParam(2, ICanvasColorService)], Engine);
 //#endregion
 //#region package.json
 var name = "@univerjs/engine-render";
-var version = "1.0.0-beta.1";
+var version = "1.0.0-beta.2";
 
 //#endregion
 //#region src/config/config.ts
@@ -29223,7 +29247,6 @@ const DEFAULT_TRANSFORMER_LAYER_INDEX = 2;
 const MINI_WIDTH_LIMIT = 20;
 const MINI_HEIGHT_LIMIT = 20;
 const DEFAULT_CONTROL_PLUS_INDEX = 5e3;
-const SINGLE_ACTIVE_OBJECT_TYPE_MAP = /* @__PURE__ */ new Set([6]);
 const ROTATE_ICON_SIZE = 14;
 var TransformerRotateIcon = class extends Rect {
 	_draw(ctx) {
@@ -29277,32 +29300,32 @@ var Transformer = class extends Disposable {
 		_defineProperty(this, "hoverEnabled", false);
 		_defineProperty(this, "hoverEnterFunc", void 0);
 		_defineProperty(this, "hoverLeaveFunc", void 0);
-		_defineProperty(this, "resizeEnabled", true);
-		_defineProperty(this, "rotateEnabled", true);
+		_defineProperty(this, "resizeEnabled", DEFAULT_TRANSFORMER_CONFIG.resizeEnabled);
+		_defineProperty(this, "rotateEnabled", DEFAULT_TRANSFORMER_CONFIG.rotateEnabled);
 		_defineProperty(this, "rotationSnaps", []);
 		_defineProperty(this, "rotationSnapTolerance", 5);
-		_defineProperty(this, "rotateAnchorOffset", 50);
-		_defineProperty(this, "rotateAnchorPosition", "top");
-		_defineProperty(this, "rotateLineEnabled", true);
-		_defineProperty(this, "rotateSize", 10);
-		_defineProperty(this, "rotateCornerRadius", 10);
-		_defineProperty(this, "rotateFill", void 0);
-		_defineProperty(this, "rotateStroke", void 0);
-		_defineProperty(this, "rotateStrokeWidth", void 0);
-		_defineProperty(this, "rotateIconEnabled", false);
-		_defineProperty(this, "rotateIconStroke", void 0);
-		_defineProperty(this, "rotateIconStrokeWidth", 1.5);
-		_defineProperty(this, "borderEnabled", true);
-		_defineProperty(this, "borderStroke", "rgb(97, 97, 97)");
-		_defineProperty(this, "borderStrokeWidth", 1);
+		_defineProperty(this, "rotateAnchorOffset", DEFAULT_TRANSFORMER_CONFIG.rotateAnchorOffset);
+		_defineProperty(this, "rotateAnchorPosition", DEFAULT_TRANSFORMER_CONFIG.rotateAnchorPosition);
+		_defineProperty(this, "rotateLineEnabled", DEFAULT_TRANSFORMER_CONFIG.rotateLineEnabled);
+		_defineProperty(this, "rotateSize", DEFAULT_TRANSFORMER_CONFIG.rotateSize);
+		_defineProperty(this, "rotateCornerRadius", DEFAULT_TRANSFORMER_CONFIG.rotateCornerRadius);
+		_defineProperty(this, "rotateFill", DEFAULT_TRANSFORMER_CONFIG.rotateFill);
+		_defineProperty(this, "rotateStroke", DEFAULT_TRANSFORMER_CONFIG.rotateStroke);
+		_defineProperty(this, "rotateStrokeWidth", DEFAULT_TRANSFORMER_CONFIG.rotateStrokeWidth);
+		_defineProperty(this, "rotateIconEnabled", DEFAULT_TRANSFORMER_CONFIG.rotateIconEnabled);
+		_defineProperty(this, "rotateIconStroke", DEFAULT_TRANSFORMER_CONFIG.rotateIconStroke);
+		_defineProperty(this, "rotateIconStrokeWidth", DEFAULT_TRANSFORMER_CONFIG.rotateIconStrokeWidth);
+		_defineProperty(this, "borderEnabled", DEFAULT_TRANSFORMER_CONFIG.borderEnabled);
+		_defineProperty(this, "borderStroke", DEFAULT_TRANSFORMER_CONFIG.borderStroke);
+		_defineProperty(this, "borderStrokeWidth", DEFAULT_TRANSFORMER_CONFIG.borderStrokeWidth);
 		_defineProperty(this, "borderDash", []);
-		_defineProperty(this, "borderSpacing", 0);
-		_defineProperty(this, "anchorFill", "rgb(255, 255, 255)");
-		_defineProperty(this, "anchorStroke", "rgb(185, 185, 185)");
-		_defineProperty(this, "anchorStrokeWidth", 1);
-		_defineProperty(this, "anchorSize", 10);
-		_defineProperty(this, "anchorCornerRadius", 10);
-		_defineProperty(this, "anchorStyle", "default");
+		_defineProperty(this, "borderSpacing", DEFAULT_TRANSFORMER_CONFIG.borderSpacing);
+		_defineProperty(this, "anchorFill", DEFAULT_TRANSFORMER_CONFIG.anchorFill);
+		_defineProperty(this, "anchorStroke", DEFAULT_TRANSFORMER_CONFIG.anchorStroke);
+		_defineProperty(this, "anchorStrokeWidth", DEFAULT_TRANSFORMER_CONFIG.anchorStrokeWidth);
+		_defineProperty(this, "anchorSize", DEFAULT_TRANSFORMER_CONFIG.anchorSize);
+		_defineProperty(this, "anchorCornerRadius", DEFAULT_TRANSFORMER_CONFIG.anchorCornerRadius);
+		_defineProperty(this, "anchorStyle", DEFAULT_TRANSFORMER_CONFIG.anchorStyle);
 		_defineProperty(this, "anchorSideLongSize", 16);
 		_defineProperty(this, "anchorSideShortSize", 5);
 		_defineProperty(this, "anchorSideCornerRadius", 2.5);
@@ -29310,11 +29333,11 @@ var Transformer = class extends Disposable {
 		_defineProperty(this, "anchorShadowBlur", 0);
 		_defineProperty(this, "anchorShadowOffsetX", 0);
 		_defineProperty(this, "anchorShadowOffsetY", 0);
-		_defineProperty(this, "keepRatio", true);
+		_defineProperty(this, "keepRatio", DEFAULT_TRANSFORMER_CONFIG.keepRatio);
 		_defineProperty(this, "centeredScaling", false);
 		_defineProperty(this, "zeroLeft", 0);
 		_defineProperty(this, "zeroTop", 0);
-		_defineProperty(this, "moveBoundaryEnabled", true);
+		_defineProperty(this, "moveBoundaryEnabled", DEFAULT_TRANSFORMER_CONFIG.moveBoundaryEnabled);
 		_defineProperty(
 			this,
 			/**
@@ -30647,7 +30670,7 @@ var Transformer = class extends Disposable {
 		const { isCropper } = this._getConfig(applyObject);
 		const targetObject = this._findGroupObject(applyObject);
 		if (this._selectedObjectMap.has(targetObject.oKey)) return;
-		if (!evt.ctrlKey || SINGLE_ACTIVE_OBJECT_TYPE_MAP.has(targetObject.objectType)) {
+		if (!evt.ctrlKey) {
 			this._selectedObjectMap.clear();
 			this._clearControlMap();
 		}
@@ -30772,6 +30795,7 @@ var Scene = class extends Disposable {
 		_defineProperty(this, "_layers", []);
 		_defineProperty(this, "_viewports", []);
 		_defineProperty(this, "_preserveEngineOnRender", false);
+		_defineProperty(this, "_hasPostRenderCanvasMutation", false);
 		_defineProperty(this, "_scrollbarDragViewport", null);
 		_defineProperty(this, "_isScrollbarSeeking", false);
 		_defineProperty(this, "_isScrollbarPreviewDirty", false);
@@ -31307,12 +31331,19 @@ var Scene = class extends Disposable {
 		}
 		this._estimatedFullRenderDuration += (duration - this._estimatedFullRenderDuration) * SCROLLBAR_SEEK_RENDER_COST_SAMPLE_WEIGHT;
 	}
+	_notifyAfterRender(canvasInstance) {
+		if (!canvasInstance) {
+			this._afterRender$.next(canvasInstance);
+			return false;
+		}
+		return canvasInstance.getContext().detectBitmapMutation(() => this._afterRender$.next(canvasInstance));
+	}
 	render(parentCtx) {
 		var _this$getEngine2;
 		if (!this.isDirty()) return;
 		const layers = this._layers.sort(sortRules);
 		const canvasInstance = (_this$getEngine2 = this.getEngine()) === null || _this$getEngine2 === void 0 ? void 0 : _this$getEngine2.getCanvas();
-		const shouldTryPreservingEngine = this._preserveEngineOnRender && parentCtx == null && canvasInstance != null;
+		const shouldTryPreservingEngine = this._preserveEngineOnRender && !this._hasPostRenderCanvasMutation && parentCtx == null && canvasInstance != null;
 		const isScrollbarSeekRender = this._isScrollbarSeeking && parentCtx == null && canvasInstance != null;
 		const shouldMeasureFullRender = parentCtx == null && canvasInstance != null;
 		const fullRenderStartedAt = Tools.now();
@@ -31344,7 +31375,7 @@ var Scene = class extends Disposable {
 		}
 		this._beforeRender$.next(canvasInstance);
 		for (let i = 0, len = layers.length; i < len; i++) layers[i].render(parentCtx, i === len - 1, layerRenderOptions);
-		this._afterRender$.next(canvasInstance);
+		this._hasPostRenderCanvasMutation = this._notifyAfterRender(canvasInstance);
 		this._recordRenderedViewportScrollPositions();
 		if (shouldMeasureFullRender) this._recordFullRenderDuration(Tools.now() - fullRenderStartedAt, isScrollbarSeekRender);
 	}
@@ -31945,7 +31976,7 @@ let RenderManagerService = class RenderManagerService extends Disposable {
 		_defineProperty(this, "_renderDisposed$", new Subject());
 		_defineProperty(this, "disposed$", this._renderDisposed$.asObservable());
 		_defineProperty(this, "_renderDependencies", /* @__PURE__ */ new Map());
-		this._initDarkModeListener();
+		this._initThemeListener();
 	}
 	dispose() {
 		super.dispose();
@@ -31986,8 +32017,8 @@ let RenderManagerService = class RenderManagerService extends Disposable {
 	_getRenderDepsByType(type) {
 		return Array.from(this._renderDependencies.get(type) ?? []);
 	}
-	_initDarkModeListener() {
-		this.disposeWithMe(this._themeService.darkMode$.subscribe(() => {
+	_initThemeListener() {
+		this.disposeWithMe(merge$1(this._themeService.currentTheme$, this._themeService.darkMode$).subscribe(() => {
 			this.getRenderAll().forEach((renderer) => {
 				renderer.components.forEach((component) => {
 					component.makeForceDirty(true);
@@ -33258,4 +33289,4 @@ var Viewport = class {
 };
 
 //#endregion
-export { AlignmentSnapSession, 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, DOCS_EXTENSION_TYPE, 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, IWatermarkTypeEnum, Image$1 as Image, IsSafari, LINK_VIEW_PORT_TYPE, Layer, Line, 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, MIN_TEXT_RENDER_HEIGHT_IN_SCREEN_PX, 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, calculateCellImageRect, calculateRectRotate, cancelRequestFrame, checkStyle, cjk, clampRange, clearLineByBorderType, combineDrawingEffectFilter, compareDocumentSkeletonNestedPagePathOrder, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, createCanvasElement, createDrawingEffectFilter, createImageElement, degToRad, documentSkeletonLineIterator, documentSkeletonTableIterator, drawDiagonalLineByBorderType, drawLineByBorderType, expandDrawingEffectBounds, expandRangeIfIntersects, fixLineWidthByScale, generateRandomKey, getAlignmentRectXAnchors, getAlignmentRectYAnchors, getCellPositionByIndex, getCharSpaceApply, getCheckboxShapeSize, getClosestAlignmentOffset, getColor, getCurrentScrollXY, getCurrentTypeOfRenderer, getDPI, getDevicePixelRatio, getDocsCustomBlockRenderViewport, getDocsSkeletonPageSize, getDocsTableRenderViewport, getDocsTableViewportLeft, getDocumentSkeletonColumnPagePathInfo, getDocumentSkeletonNestedPageOffset, getDrawingGroupState, getFirstGrapheme, getFontStyleString, getGeneralNumberDisplayText, 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, hasScrollableOverflow, hasSpace, hasThai, hasTibetan, inViewRanges, injectStyle, isArray, isCheckboxGlyph, isCjkCenterAlignedPunctuation, isCjkLeftAlignedPunctuation, isCjkRightAlignedPunctuation, isDate, isEmojiGrapheme, isFirstGlyph, isFunction, isIndentByGlyph, isLastGlyph, isNumber, isObject, isPlaceholderOrSpace, isRectIntersect, isRegExp, isSameLine, isString, lineIterator, measureDocumentNoWrapTextRangeWidth, measureDocumentNoWrapTextWidth, measureDocumentUnbreakableTextWidth, measureDocumentWrappedTextWidth, mergeInfoOffset, normalizeAlignmentRect, parseDataStreamToTree, pixelToPt, precisionTo, ptToMM, ptToPixel, ptToPx, pxToInch, pxToNum, pxToPt, radToDeg, renderImageWatermark, renderTextWatermark, renderUserInfoWatermark, renderWatermark, requestNewFrame, resolveDrawingEffectMasks, resolveGlowEffect, resolveOuterShadowEffect, scaleDocumentDataForShrinkToFit, scrollAndClearCanvas, setDocsCustomBlockRenderViewportProvider, setDocsTableRenderViewportProvider, setLineType, sheetContentViewportKeys, sheetHeaderViewportKeys, shouldRenderRowText, startWithEmoji, toPx, transformObjectOutOfGroup, withCurrentTypeOfRenderer };
+export { AlignmentSnapSession, 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, DEFAULT_TRANSFORMER_CONFIG, DOCS_EXTENSION_TYPE, 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, IWatermarkTypeEnum, Image$1 as Image, IsSafari, LINK_VIEW_PORT_TYPE, Layer, Line, 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, MIN_TEXT_RENDER_HEIGHT_IN_SCREEN_PX, 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, calculateCellImageRect, calculateRectRotate, cancelRequestFrame, checkStyle, cjk, clampRange, clearLineByBorderType, combineDrawingEffectFilter, compareDocumentSkeletonNestedPagePathOrder, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, createCanvasElement, createDrawingEffectFilter, createImageElement, degToRad, documentSkeletonLineIterator, documentSkeletonTableIterator, drawDiagonalLineByBorderType, drawLineByBorderType, expandDrawingEffectBounds, expandRangeIfIntersects, fixLineWidthByScale, generateRandomKey, getAlignmentRectXAnchors, getAlignmentRectYAnchors, getCellPositionByIndex, getCharSpaceApply, getCheckboxShapeSize, getClosestAlignmentOffset, getColor, getCurrentScrollXY, getCurrentTypeOfRenderer, getDPI, getDevicePixelRatio, getDocsCustomBlockRenderViewport, getDocsSkeletonPageSize, getDocsTableRenderViewport, getDocsTableViewportLeft, getDocumentSkeletonColumnPagePathInfo, getDocumentSkeletonNestedPageOffset, getDrawingGroupState, getFirstGrapheme, getFontStyleString, getGeneralNumberDisplayText, 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, hasScrollableOverflow, hasSpace, hasThai, hasTibetan, inViewRanges, injectStyle, isArray, isCheckboxGlyph, isCjkCenterAlignedPunctuation, isCjkLeftAlignedPunctuation, isCjkRightAlignedPunctuation, isDate, isEmojiGrapheme, isFirstGlyph, isFunction, isIndentByGlyph, isLastGlyph, isNumber, isObject, isPlaceholderOrSpace, isRectIntersect, isRegExp, isSameLine, isString, lineIterator, measureDocumentNoWrapTextRangeWidth, measureDocumentNoWrapTextWidth, measureDocumentUnbreakableTextWidth, measureDocumentWrappedTextWidth, mergeInfoOffset, normalizeAlignmentRect, parseDataStreamToTree, pixelToPt, precisionTo, ptToMM, ptToPixel, ptToPx, pxToInch, pxToNum, pxToPt, radToDeg, renderImageWatermark, renderTextWatermark, renderUserInfoWatermark, renderWatermark, requestNewFrame, resolveDrawingEffectMasks, resolveGlowEffect, resolveOuterShadowEffect, scaleDocumentDataForShrinkToFit, scrollAndClearCanvas, setDocsCustomBlockRenderViewportProvider, setDocsTableRenderViewportProvider, setLineType, sheetContentViewportKeys, sheetHeaderViewportKeys, shouldRenderRowText, startWithEmoji, toPx, transformObjectOutOfGroup, withCurrentTypeOfRenderer };