@univerjs/engine-render 0.21.1 → 0.22.0-insiders.20260513-09bbeca

package/lib/es/index.js

@@ -1,8 +1,8 @@
 import { t as EnUs } from "./en-us-ClVoWMyT.js";
-import { AlignTypeH, AlignTypeV, BaselineOffset, BooleanNumber, BorderStyleTypes, BulletAlignment, COLORS, CellValueType, ColorKit, ColumnSeparatorType, CustomDecorationType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DataStreamTreeNodeType, DataStreamTreeTokenType, Disposable, DisposableCollection, DocumentDataModel, DocumentFlavor, EventSubject, FontStyleType, GridType, HorizontalAlign, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, ListGlyphType, LocaleService, MOVE_BUFFER_VALUE, NAMED_STYLE_MAP, NAMED_STYLE_SPACE_MAP, NumberUnitType, ObjectMatrix, ObjectRelativeFromH, ObjectRelativeFromV, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, Range, Rectangle, Registry, SectionType, SheetSkeleton, Skeleton, SpacingRule, TableAlignmentType, TableRowHeightRule, TableTextWrapType, TextDecoration, ThemeService, Tools, UniverInstanceType, VerticalAlign, VerticalAlignmentType, WrapStrategy, WrapTextType, addLinkToDocumentModel, checkParagraphHasIndentByStyle, createIdentifier, deleteContent, extractPureTextFromCell, getCellInfoInMergeData, getColorStyle, horizontalLineSegmentsSubtraction, insertTextToContent, invertColorByMatrix, isClassDependencyItem, isNullCell, isWhiteColor, merge, mergeWith, numberToABC, numberToListABC, registerDependencies, remove, requestImmediateMacroTask, searchArray, sortRules, sortRulesByDesc, toDisposable } from "@univerjs/core";
+import { AlignTypeH, AlignTypeV, BaselineOffset, BooleanNumber, BorderStyleTypes, BulletAlignment, COLORS, CellValueType, ColorKit, ColumnSeparatorType, CustomDecorationType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DataStreamTreeNodeType, DataStreamTreeTokenType, Disposable, DisposableCollection, DocumentDataModel, DocumentFlavor, EventSubject, FontStyleType, GridType, HorizontalAlign, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, ListGlyphType, LocaleService, MOVE_BUFFER_VALUE, NAMED_STYLE_MAP, NAMED_STYLE_SPACE_MAP, NumberUnitType, ObjectMatrix, ObjectRelativeFromH, ObjectRelativeFromV, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, Range, Rectangle, Registry, SectionType, SheetSkeleton, Skeleton, SpacingRule, TableAlignmentType, TableRowHeightRule, TableTextWrapType, TextDecoration, ThemeService, Tools, UniverInstanceType, VerticalAlign, VerticalAlignmentType, WrapStrategy, WrapTextType, addLinkToDocumentModel, checkParagraphHasIndentByStyle, createIdentifier, deleteContent, extractPureTextFromCell, getCellInfoInMergeData, getColorStyle, getDisplayValueFromCell, horizontalLineSegmentsSubtraction, insertTextToContent, invertColorByMatrix, isClassDependencyItem, isNullCell, isWhiteColor, merge, mergeWith, numberToABC, numberToListABC, registerDependencies, remove, requestImmediateMacroTask, searchArray, sortRules, sortRulesByDesc, toDisposable } from "@univerjs/core";
 import * as cjk from "cjk-regex";
 import { BehaviorSubject, Observable, Subject, Subscription, debounceTime, distinctUntilChanged, shareReplay, startWith } from "rxjs";
-import { parse } from "opentype.js/dist/opentype.module.js";
+import { parse } from "opentype.js";
 import { franc } from "franc-min";
 import { getOverflowAncestors } from "@floating-ui/dom";
 import { floor, max, min } from "@floating-ui/utils";
@@ -621,7 +621,7 @@ function getSystemHighlightColor() {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -632,7 +632,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -645,14 +645,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -793,7 +793,10 @@ var FontCache = class {
 	* @returns IMeasureTextCache
 	*/
 	static getMeasureText(content, fontString) {
-		if (!this._context) this._context = document.createElement("canvas").getContext("2d");
+		if (!this._context) {
+			const canvas = document.createElement("canvas");
+			this._context = canvas.getContext("2d");
+		}
 		if (!this._context) return {
 			width: 0,
 			fontBoundingBoxAscent: 0,
@@ -961,7 +964,7 @@ function hasListGlyph(glyph) {
 	var _glyphGroup$;
 	const divide = glyph === null || glyph === void 0 ? void 0 : glyph.parent;
 	if (divide == null) return false;
-	return ((_glyphGroup$ = divide.glyphGroup[0]) === null || _glyphGroup$ === void 0 ? void 0 : _glyphGroup$.glyphType) === GlyphType.LIST;
+	return ((_glyphGroup$ = divide.glyphGroup[0]) === null || _glyphGroup$ === void 0 ? void 0 : _glyphGroup$.glyphType) === 2;
 }
 function isIndentByGlyph(glyph, body) {
 	const paragraph = getParagraphByGlyph(glyph, body);
@@ -990,7 +993,7 @@ function isFirstGlyph(glyph) {
 		const glyphIndex = glyphGroup.indexOf(glyph);
 		const divideIndex = divides.indexOf(divide);
 		if (divideIndex === 0 && glyphIndex === 0) return true;
-		if (divideIndex === 0 && glyphIndex === 1 && glyphGroup[0].glyphType === GlyphType.LIST) return true;
+		if (divideIndex === 0 && glyphIndex === 1 && glyphGroup[0].glyphType === 2) return true;
 	}
 	return false;
 }
@@ -1682,22 +1685,22 @@ function drawLineByBorderType(ctx, type, lineWidthBuffer, position) {
 	let drawEndX = 0;
 	let drawEndY = 0;
 	const { startX, startY, endX, endY } = position;
-	if (type === BORDER_TYPE.TOP) {
+	if (type === "t") {
 		drawStartX = startX - lineWidthBuffer;
 		drawStartY = startY;
 		drawEndX = endX + lineWidthBuffer;
 		drawEndY = startY;
-	} else if (type === BORDER_TYPE.BOTTOM) {
+	} else if (type === "b") {
 		drawStartX = startX - lineWidthBuffer;
 		drawStartY = endY;
 		drawEndX = endX - lineWidthBuffer;
 		drawEndY = endY;
-	} else if (type === BORDER_TYPE.LEFT) {
+	} else if (type === "l") {
 		drawStartX = startX;
 		drawStartY = startY - lineWidthBuffer;
 		drawEndX = startX;
 		drawEndY = endY + lineWidthBuffer;
-	} else if (type === BORDER_TYPE.RIGHT) {
+	} else if (type === "r") {
 		drawStartX = endX;
 		drawStartY = startY - lineWidthBuffer;
 		drawEndX = endX;
@@ -1716,37 +1719,37 @@ function drawDiagonalSingleLineByBorderType(ctx, type, position) {
 	let drawEndY = 0;
 	const { startX, startY, endX, endY } = position;
 	switch (type) {
-		case BORDER_TYPE.TL_BR:
+		case "tl_br":
 			drawStartX = startX;
 			drawStartY = startY;
 			drawEndX = endX;
 			drawEndY = endY;
 			break;
-		case BORDER_TYPE.TL_BC:
+		case "tl_bc":
 			drawStartX = startX;
 			drawStartY = startY;
 			drawEndX = (startX + endX) / 2;
 			drawEndY = endY;
 			break;
-		case BORDER_TYPE.TL_MR:
+		case "tl_mr":
 			drawStartX = startX;
 			drawStartY = startY;
 			drawEndX = endX;
 			drawEndY = (startY + endY) / 2;
 			break;
-		case BORDER_TYPE.BL_TR:
+		case "bl_tr":
 			drawStartX = startX;
 			drawStartY = endY;
 			drawEndX = endX;
 			drawEndY = startY;
 			break;
-		case BORDER_TYPE.ML_TR:
+		case "ml_tr":
 			drawStartX = startX;
 			drawStartY = (startY + endY) / 2;
 			drawEndX = endX;
 			drawEndY = startY;
 			break;
-		case BORDER_TYPE.BC_TR:
+		case "bc_tr":
 			drawStartX = (startX + endX) / 2;
 			drawStartY = endY;
 			drawEndX = endX;
@@ -1770,7 +1773,7 @@ function drawDiagonalDoubleLineByBorderType(ctx, type, position) {
 	let drawSecondEndY = 0;
 	const { startX, startY, endX, endY } = position;
 	switch (type) {
-		case BORDER_TYPE.TL_BR:
+		case "tl_br":
 			drawFirstStartX = startX;
 			drawFirstStartY = startY + 1.5;
 			drawFirstEndX = endX - 1.5;
@@ -1780,7 +1783,7 @@ function drawDiagonalDoubleLineByBorderType(ctx, type, position) {
 			drawSecondEndX = endX;
 			drawSecondEndY = endY - 1.5;
 			break;
-		case BORDER_TYPE.BL_TR:
+		case "bl_tr":
 			drawFirstStartX = startX;
 			drawFirstStartY = endY - 1.5;
 			drawFirstEndX = endX - 1.5;
@@ -1803,7 +1806,7 @@ function drawDiagonalDoubleLineByBorderType(ctx, type, position) {
 	ctx.stroke();
 }
 function drawDiagonalLineByBorderType(ctx, style, type, position) {
-	if (style === BorderStyleTypes.DOUBLE && (type === BORDER_TYPE.TL_BR || type === BORDER_TYPE.BL_TR)) drawDiagonalDoubleLineByBorderType(ctx, type, position);
+	if (style === BorderStyleTypes.DOUBLE && (type === "tl_br" || type === "bl_tr")) drawDiagonalDoubleLineByBorderType(ctx, type, position);
 	else drawDiagonalSingleLineByBorderType(ctx, type, position);
 }
 function clearLineByBorderType(ctx, type, position) {
@@ -1813,25 +1816,25 @@ function clearLineByBorderType(ctx, type, position) {
 	let drawEndY = 0;
 	const { startX, startY, endX, endY } = position;
 	switch (type) {
-		case BORDER_TYPE.TOP:
+		case "t":
 			drawStartX = startX;
 			drawStartY = startY;
 			drawEndX = endX;
 			drawEndY = startY;
 			break;
-		case BORDER_TYPE.BOTTOM:
+		case "b":
 			drawStartX = startX;
 			drawStartY = endY;
 			drawEndX = endX;
 			drawEndY = endY;
 			break;
-		case BORDER_TYPE.LEFT:
+		case "l":
 			drawStartX = startX;
 			drawStartY = startY;
 			drawEndX = startX;
 			drawEndY = endY;
 			break;
-		case BORDER_TYPE.RIGHT:
+		case "r":
 			drawStartX = endX;
 			drawStartY = startY;
 			drawEndX = endX;
@@ -1879,7 +1882,7 @@ function calculateRectRotate(startPoint, centerPoint, radiusCenter, radiusVertex
 	return newVector.rotateByPoint(finalAngle, rotationVector).add(offsetPoint).transformCoordinateOnRotate(finalAngle);
 }
 function getRotateOrientation(angle) {
-	return angle > 0 ? ORIENTATION_TYPE.DOWN : ORIENTATION_TYPE.UP;
+	return angle > 0 ? 1 : 0;
 }
 function getRotateOffsetAndFarthestHypotenuse(lines, rectWidth, vertexAngle) {
 	const rotateTranslateXList = [];
@@ -1894,7 +1897,7 @@ function getRotateOffsetAndFarthestHypotenuse(lines, rectWidth, vertexAngle) {
 	const tanTheta = Math.tan(vertexAngle);
 	const sinTheta = Math.sin(vertexAngle);
 	const cosTheta = Math.cos(vertexAngle);
-	if (orientation === ORIENTATION_TYPE.UP) {
+	if (orientation === 0) {
 		let cumRectHeight = 0;
 		for (let i = 0; i < linesCount; i++) {
 			const { lineHeight: rectHeight = 0 } = lines[i];
@@ -2953,7 +2956,7 @@ var BaseObject = class extends Disposable {
 		_defineProperty(this, "groupKey", void 0);
 		_defineProperty(this, "isInGroup", false);
 		_defineProperty(this, "isDrawingObject", false);
-		_defineProperty(this, "objectType", ObjectType.UNKNOWN);
+		_defineProperty(this, "objectType", 0);
 		_defineProperty(this, "onTransformChange$", new EventSubject());
 		_defineProperty(this, "onPointerDown$", new EventSubject());
 		_defineProperty(this, "onPointerMove$", new EventSubject());
@@ -2999,7 +3002,7 @@ var BaseObject = class extends Disposable {
 		_defineProperty(this, "_visible", true);
 		_defineProperty(this, "_debounceParentDirty", true);
 		_defineProperty(this, "_transform", new Transform());
-		_defineProperty(this, "_cursor", CURSOR_TYPE.DEFAULT);
+		_defineProperty(this, "_cursor", "default");
 		_defineProperty(this, "_transformerConfig", void 0);
 		_defineProperty(this, "_forceRender", false);
 		_defineProperty(this, "_layer", void 0);
@@ -3040,7 +3043,7 @@ var BaseObject = class extends Disposable {
 		return this._heightOrigin;
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.BASE_OBJECT;
+		return "BaseObject";
 	}
 	get top() {
 		return this._top;
@@ -3086,15 +3089,15 @@ var BaseObject = class extends Disposable {
 	}
 	get ancestorTransform() {
 		const parent = this.getParent();
-		if (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === RENDER_CLASS_TYPE.GROUP) return parent === null || parent === void 0 ? void 0 : parent.ancestorTransform.multiply(this.transform);
+		if (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group") return parent === null || parent === void 0 ? void 0 : parent.ancestorTransform.multiply(this.transform);
 		return this.transform;
 	}
 	get ancestorGroup() {
 		let group = null;
 		let parent = this.getParent();
 		while (parent != null && parent) {
-			if (parent.classType === RENDER_CLASS_TYPE.GROUP) group = parent;
-			if (parent.classType === RENDER_CLASS_TYPE.GROUP) parent = parent.getParent();
+			if (parent.classType === "Group") group = parent;
+			if (parent.classType === "Group") parent = parent.getParent();
 			else parent = null;
 		}
 		return group;
@@ -3241,7 +3244,7 @@ var BaseObject = class extends Disposable {
 		if (x !== void 0) this.left = x;
 		this._setTransForm();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.translate,
+			type: 0,
 			value: {
 				top: this._top,
 				left: this._left
@@ -3260,7 +3263,7 @@ var BaseObject = class extends Disposable {
 		if (height !== void 0) this.height = height;
 		this._setTransForm();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize,
+			type: 1,
 			value: {
 				width: this._width,
 				height: this._height
@@ -3279,7 +3282,7 @@ var BaseObject = class extends Disposable {
 		if (scaleY !== void 0) this.scaleY = scaleY;
 		this._setTransForm();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.scale,
+			type: 2,
 			value: {
 				scaleX: this._scaleX,
 				scaleY: this._scaleY
@@ -3298,7 +3301,7 @@ var BaseObject = class extends Disposable {
 		if (skewY !== void 0) this.skewY = skewY;
 		this._setTransForm();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.skew,
+			type: 3,
 			value: {
 				skewX: this._skewX,
 				skewY: this._skewY
@@ -3317,7 +3320,7 @@ var BaseObject = class extends Disposable {
 		if (flipY !== void 0) this.flipY = flipY;
 		this._setTransForm();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.flip,
+			type: 4,
 			value: {
 				flipX: this._flipX,
 				flipY: this._flipY
@@ -3345,7 +3348,7 @@ var BaseObject = class extends Disposable {
 		});
 		this._setTransForm();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.all,
+			type: 5,
 			value: option,
 			preValue: preKeys
 		});
@@ -3377,7 +3380,7 @@ var BaseObject = class extends Disposable {
 		var _this$parent, _this$parent2;
 		let { width: realWidth, height: realHeight, left: realLeft, top: realTop } = this;
 		let baseBound;
-		if (this.isInGroup && ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.classType) === RENDER_CLASS_TYPE.GROUP && ((_this$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.getBaseBound)) baseBound = this.parent.getBaseBound();
+		if (this.isInGroup && ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.classType) === "Group" && ((_this$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.getBaseBound)) baseBound = this.parent.getBaseBound();
 		if (baseBound) {
 			const parentState = this.getParent();
 			const parentBound = {
@@ -3609,7 +3612,7 @@ var BaseObject = class extends Disposable {
 	getScene() {
 		let parent = this.parent;
 		while (parent) {
-			if (parent.classType === RENDER_CLASS_TYPE.SCENE) return parent;
+			if (parent.classType === "Scene") return parent;
 			parent = parent.getParent();
 		}
 		return null;
@@ -3626,7 +3629,7 @@ var BaseObject = class extends Disposable {
 	getEngine() {
 		let parent = this.getParent();
 		while (parent != null) {
-			if (parent.classType === RENDER_CLASS_TYPE.ENGINE) return parent;
+			if (parent.classType === "Engine") return parent;
 			parent = parent.getParent();
 		}
 		return null;
@@ -3650,7 +3653,7 @@ var BaseObject = class extends Disposable {
 		return this.ancestorTransform.invert().applyPoint(coord);
 	}
 	_setTransForm() {
-		this.transform = Transform.create().composeMatrix({
+		const composeResult = Transform.create().composeMatrix({
 			left: this.left + this.strokeWidth / 2,
 			top: this.top + this.strokeWidth / 2,
 			scaleX: this.scaleX,
@@ -3661,6 +3664,7 @@ var BaseObject = class extends Disposable {
 			flipX: this.flipX,
 			flipY: this.flipY
 		});
+		this.transform = composeResult;
 		this._makeDirtyMix();
 	}
 	_makeDirtyMix() {
@@ -4424,7 +4428,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 === CanvasRenderMode.Printing) this._context = new UniverPrintingContext(context);
+		if (props.mode === 1) this._context = new UniverPrintingContext(context);
 		else this._context = new UniverRenderingContext(context, { canvasColorService: props.colorService });
 		this.setSize(props.width, props.height, props.pixelRatio);
 	}
@@ -4624,7 +4628,7 @@ var SheetComponent = class extends RenderComponent {
 	}
 	getParentScale() {
 		let { scaleX = 1, scaleY = 1 } = this.parent;
-		if (this.parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (this.parent.classType === "SceneViewer") {
 			scaleX = this.parent.ancestorScaleX || 1;
 			scaleY = this.parent.ancestorScaleY || 1;
 		}
@@ -4733,38 +4737,23 @@ let SHEET_VIEWPORT_KEY = /* @__PURE__ */ function(SHEET_VIEWPORT_KEY) {
 
 //#endregion
 //#region src/components/sheets/constants.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 BORDER_Z_INDEX = 50;
 const FONT_EXTENSION_Z_INDEX = 45;
 const BG_Z_INDEX = 21;
 const PRINTING_BG_Z_INDEX = 21;
 const EXPAND_SIZE_FOR_RENDER_OVERFLOW = 20;
 const sheetContentViewportKeys = [
-	SHEET_VIEWPORT_KEY.VIEW_MAIN,
-	SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP,
-	SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP,
-	SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT
+	"viewMain",
+	"viewMainLeftTop",
+	"viewMainTop",
+	"viewMainLeft"
 ];
 const sheetHeaderViewportKeys = [
-	SHEET_VIEWPORT_KEY.VIEW_ROW_TOP,
-	SHEET_VIEWPORT_KEY.VIEW_ROW_BOTTOM,
-	SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT,
-	SHEET_VIEWPORT_KEY.VIEW_COLUMN_RIGHT,
-	SHEET_VIEWPORT_KEY.VIEW_LEFT_TOP
+	"viewRowTop",
+	"viewRowBottom",
+	"viewColumnLeft",
+	"viewColumnRight",
+	"viewLeftTop"
 ];
 const MEASURE_EXTENT = 1e4;
 const MEASURE_EXTENT_FOR_PARAGRAPH = MEASURE_EXTENT / 10;
@@ -4782,7 +4771,7 @@ const SHEET_EXTENSION_PREFIX = "sheet-ext-";
 var SheetExtension = class extends ComponentExtension {
 	constructor(..._args) {
 		super(..._args);
-		_defineProperty(this, "type", SHEET_EXTENSION_TYPE.GRID);
+		_defineProperty(this, "type", 0);
 	}
 	isRenderDiffRangesByCell(rangeP, diffRanges) {
 		if (diffRanges == null || diffRanges.length === 0) return true;
@@ -5052,7 +5041,7 @@ var Border = class extends SheetExtension {
 			let endY = cellEndY;
 			let startX = cellStartX;
 			let endX = cellEndX;
-			if (type !== BORDER_TYPE.TOP && type !== BORDER_TYPE.BOTTOM && type !== BORDER_TYPE.LEFT && type !== BORDER_TYPE.RIGHT) {
+			if (type !== "t" && type !== "b" && type !== "l" && type !== "r") {
 				if (isMerged) return true;
 				if (isMergedMainCell) {
 					startY = mergeInfo.startY;
@@ -5078,7 +5067,7 @@ var Border = class extends SheetExtension {
 				endX,
 				endY
 			});
-			if (style === BorderStyleTypes.DOUBLE && (type === BORDER_TYPE.LEFT || type === BORDER_TYPE.RIGHT || type === BORDER_TYPE.TOP || type === BORDER_TYPE.BOTTOM)) this._renderDoubleBorder({
+			if (style === BorderStyleTypes.DOUBLE && (type === "l" || type === "r" || type === "t" || type === "b")) this._renderDoubleBorder({
 				renderBorderContext,
 				row,
 				col,
@@ -5093,16 +5082,16 @@ var Border = class extends SheetExtension {
 	}
 	_getOverflowExclusion(overflowCache, type, borderRow, borderColumn) {
 		let isDraw = false;
-		if (type === BORDER_TYPE.TOP || type === BORDER_TYPE.BOTTOM) return isDraw;
+		if (type === "t" || type === "b") return isDraw;
 		overflowCache === null || overflowCache === void 0 || overflowCache.forRow((row, rowArray) => {
 			if (row !== borderRow) return true;
 			rowArray.forEach((column) => {
 				const { startColumn, endColumn } = overflowCache.getValue(row, column);
-				if (type === BORDER_TYPE.LEFT && borderColumn > startColumn && borderColumn <= endColumn) {
+				if (type === "l" && borderColumn > startColumn && borderColumn <= endColumn) {
 					isDraw = true;
 					return false;
 				}
-				if (type === BORDER_TYPE.RIGHT && borderColumn >= startColumn && borderColumn < endColumn) {
+				if (type === "r" && borderColumn >= startColumn && borderColumn < endColumn) {
 					isDraw = true;
 					return false;
 				}
@@ -5162,7 +5151,7 @@ var Border = class extends SheetExtension {
 			endXOffset: defaultOffset,
 			endYOffset: defaultOffset
 		};
-		if (type === BORDER_TYPE.LEFT || type === BORDER_TYPE.RIGHT) {
+		if (type === "l" || type === "r") {
 			if (topCellBorder.bottom && topCellBorder.bottom.style !== BorderStyleTypes.DOUBLE) {
 				outerLineOffsets.startYOffset = 0;
 				innerLineOffsets.startYOffset = 0;
@@ -5170,8 +5159,8 @@ var Border = class extends SheetExtension {
 				var _leftCellBorder$top, _leftTopCellBorder$bo, _rightCellBorder$top, _rightTopCellBorder$b;
 				const leftTopCellBorder = this._getSpecificCellBorder(borderCache, row - 1, col - 1);
 				const rightTopCellBorder = this._getSpecificCellBorder(borderCache, row - 1, col + 1);
-				if (type === BORDER_TYPE.LEFT && (((_leftCellBorder$top = leftCellBorder.top) === null || _leftCellBorder$top === void 0 ? void 0 : _leftCellBorder$top.style) === BorderStyleTypes.DOUBLE || ((_leftTopCellBorder$bo = leftTopCellBorder.bottom) === null || _leftTopCellBorder$bo === void 0 ? void 0 : _leftTopCellBorder$bo.style) === BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.RIGHT && (((_rightCellBorder$top = rightCellBorder.top) === null || _rightCellBorder$top === void 0 ? void 0 : _rightCellBorder$top.style) === BorderStyleTypes.DOUBLE || ((_rightTopCellBorder$b = rightTopCellBorder.bottom) === null || _rightTopCellBorder$b === void 0 ? void 0 : _rightTopCellBorder$b.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.startYOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.LEFT && leftTopCellBorder.bottom && leftTopCellBorder.bottom.style !== BorderStyleTypes.DOUBLE || type === BORDER_TYPE.RIGHT && rightTopCellBorder.bottom && rightTopCellBorder.bottom.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.startYOffset = 0;
+				if (type === "l" && (((_leftCellBorder$top = leftCellBorder.top) === null || _leftCellBorder$top === void 0 ? void 0 : _leftCellBorder$top.style) === BorderStyleTypes.DOUBLE || ((_leftTopCellBorder$bo = leftTopCellBorder.bottom) === null || _leftTopCellBorder$bo === void 0 ? void 0 : _leftTopCellBorder$bo.style) === BorderStyleTypes.DOUBLE) || type === "r" && (((_rightCellBorder$top = rightCellBorder.top) === null || _rightCellBorder$top === void 0 ? void 0 : _rightCellBorder$top.style) === BorderStyleTypes.DOUBLE || ((_rightTopCellBorder$b = rightTopCellBorder.bottom) === null || _rightTopCellBorder$b === void 0 ? void 0 : _rightTopCellBorder$b.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.startYOffset = -defaultOffset;
+				else if (type === "l" && leftTopCellBorder.bottom && leftTopCellBorder.bottom.style !== BorderStyleTypes.DOUBLE || type === "r" && rightTopCellBorder.bottom && rightTopCellBorder.bottom.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.startYOffset = 0;
 				else outerLineOffsets.startYOffset = defaultOffset;
 				innerLineOffsets.startYOffset = defaultOffset;
 			}
@@ -5182,17 +5171,17 @@ var Border = class extends SheetExtension {
 				var _leftCellBorder$botto, _leftBottomCellBorder, _rightCellBorder$bott, _rightBottomCellBorde;
 				const leftBottomCellBorder = this._getSpecificCellBorder(borderCache, row + 1, col - 1);
 				const rightBottomCellBorder = this._getSpecificCellBorder(borderCache, row + 1, col + 1);
-				if (type === BORDER_TYPE.LEFT && (((_leftCellBorder$botto = leftCellBorder.bottom) === null || _leftCellBorder$botto === void 0 ? void 0 : _leftCellBorder$botto.style) === BorderStyleTypes.DOUBLE || ((_leftBottomCellBorder = leftBottomCellBorder.top) === null || _leftBottomCellBorder === void 0 ? void 0 : _leftBottomCellBorder.style) === BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.RIGHT && (((_rightCellBorder$bott = rightCellBorder.bottom) === null || _rightCellBorder$bott === void 0 ? void 0 : _rightCellBorder$bott.style) === BorderStyleTypes.DOUBLE || ((_rightBottomCellBorde = rightBottomCellBorder.top) === null || _rightBottomCellBorde === void 0 ? void 0 : _rightBottomCellBorde.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.endYOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.LEFT && leftBottomCellBorder.top && leftBottomCellBorder.top.style !== BorderStyleTypes.DOUBLE || type === BORDER_TYPE.RIGHT && rightBottomCellBorder.top && rightBottomCellBorder.top.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.endYOffset = 0;
+				if (type === "l" && (((_leftCellBorder$botto = leftCellBorder.bottom) === null || _leftCellBorder$botto === void 0 ? void 0 : _leftCellBorder$botto.style) === BorderStyleTypes.DOUBLE || ((_leftBottomCellBorder = leftBottomCellBorder.top) === null || _leftBottomCellBorder === void 0 ? void 0 : _leftBottomCellBorder.style) === BorderStyleTypes.DOUBLE) || type === "r" && (((_rightCellBorder$bott = rightCellBorder.bottom) === null || _rightCellBorder$bott === void 0 ? void 0 : _rightCellBorder$bott.style) === BorderStyleTypes.DOUBLE || ((_rightBottomCellBorde = rightBottomCellBorder.top) === null || _rightBottomCellBorde === void 0 ? void 0 : _rightBottomCellBorde.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.endYOffset = -defaultOffset;
+				else if (type === "l" && leftBottomCellBorder.top && leftBottomCellBorder.top.style !== BorderStyleTypes.DOUBLE || type === "r" && rightBottomCellBorder.top && rightBottomCellBorder.top.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.endYOffset = 0;
 				else outerLineOffsets.endYOffset = defaultOffset;
 				innerLineOffsets.endYOffset = defaultOffset;
 			}
 			clearLine.startY = startY - defaultOffset;
 			clearLine.endY = endY + defaultOffset;
 			clearMiddleLine(clearLine);
-			if (type === BORDER_TYPE.LEFT && !leftCellBorder.right || type === BORDER_TYPE.RIGHT && !rightCellBorder.left) drawOuterLine(outerLineOffsets);
+			if (type === "l" && !leftCellBorder.right || type === "r" && !rightCellBorder.left) drawOuterLine(outerLineOffsets);
 			drawInnerLine(innerLineOffsets);
-		} else if (type === BORDER_TYPE.TOP || type === BORDER_TYPE.BOTTOM) {
+		} else if (type === "t" || type === "b") {
 			if (leftCellBorder.right && leftCellBorder.right.style !== BorderStyleTypes.DOUBLE) {
 				outerLineOffsets.startXOffset = 0;
 				innerLineOffsets.startXOffset = 0;
@@ -5200,8 +5189,8 @@ var Border = class extends SheetExtension {
 				var _topCellBorder$left, _topLeftCellBorder$ri, _bottomCellBorder$lef, _bottomLeftCellBorder;
 				const topLeftCellBorder = this._getSpecificCellBorder(borderCache, row - 1, col - 1);
 				const bottomLeftCellBorder = this._getSpecificCellBorder(borderCache, row + 1, col - 1);
-				if (type === BORDER_TYPE.TOP && (((_topCellBorder$left = topCellBorder.left) === null || _topCellBorder$left === void 0 ? void 0 : _topCellBorder$left.style) === BorderStyleTypes.DOUBLE || ((_topLeftCellBorder$ri = topLeftCellBorder.right) === null || _topLeftCellBorder$ri === void 0 ? void 0 : _topLeftCellBorder$ri.style) === BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.BOTTOM && (((_bottomCellBorder$lef = bottomCellBorder.left) === null || _bottomCellBorder$lef === void 0 ? void 0 : _bottomCellBorder$lef.style) === BorderStyleTypes.DOUBLE || ((_bottomLeftCellBorder = bottomLeftCellBorder.right) === null || _bottomLeftCellBorder === void 0 ? void 0 : _bottomLeftCellBorder.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.startXOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.TOP && topLeftCellBorder.right && topLeftCellBorder.right.style !== BorderStyleTypes.DOUBLE || type === BORDER_TYPE.BOTTOM && bottomLeftCellBorder.right && bottomLeftCellBorder.right.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.startXOffset = 0;
+				if (type === "t" && (((_topCellBorder$left = topCellBorder.left) === null || _topCellBorder$left === void 0 ? void 0 : _topCellBorder$left.style) === BorderStyleTypes.DOUBLE || ((_topLeftCellBorder$ri = topLeftCellBorder.right) === null || _topLeftCellBorder$ri === void 0 ? void 0 : _topLeftCellBorder$ri.style) === BorderStyleTypes.DOUBLE) || type === "b" && (((_bottomCellBorder$lef = bottomCellBorder.left) === null || _bottomCellBorder$lef === void 0 ? void 0 : _bottomCellBorder$lef.style) === BorderStyleTypes.DOUBLE || ((_bottomLeftCellBorder = bottomLeftCellBorder.right) === null || _bottomLeftCellBorder === void 0 ? void 0 : _bottomLeftCellBorder.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.startXOffset = -defaultOffset;
+				else if (type === "t" && topLeftCellBorder.right && topLeftCellBorder.right.style !== BorderStyleTypes.DOUBLE || type === "b" && bottomLeftCellBorder.right && bottomLeftCellBorder.right.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.startXOffset = 0;
 				else outerLineOffsets.startXOffset = defaultOffset;
 				innerLineOffsets.startXOffset = defaultOffset;
 			}
@@ -5212,15 +5201,15 @@ var Border = class extends SheetExtension {
 				var _topCellBorder$right, _topRightCellBorder$l, _bottomCellBorder$rig, _bottomRightCellBorde;
 				const topRightCellBorder = this._getSpecificCellBorder(borderCache, row - 1, col + 1);
 				const bottomRightCellBorder = this._getSpecificCellBorder(borderCache, row + 1, col + 1);
-				if (type === BORDER_TYPE.TOP && (((_topCellBorder$right = topCellBorder.right) === null || _topCellBorder$right === void 0 ? void 0 : _topCellBorder$right.style) === BorderStyleTypes.DOUBLE || ((_topRightCellBorder$l = topRightCellBorder.left) === null || _topRightCellBorder$l === void 0 ? void 0 : _topRightCellBorder$l.style) === BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.BOTTOM && (((_bottomCellBorder$rig = bottomCellBorder.right) === null || _bottomCellBorder$rig === void 0 ? void 0 : _bottomCellBorder$rig.style) === BorderStyleTypes.DOUBLE || ((_bottomRightCellBorde = bottomRightCellBorder.left) === null || _bottomRightCellBorde === void 0 ? void 0 : _bottomRightCellBorde.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.endXOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.TOP && topRightCellBorder.left && topRightCellBorder.left.style !== BorderStyleTypes.DOUBLE || type === BORDER_TYPE.BOTTOM && bottomRightCellBorder.left && bottomRightCellBorder.left.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.endXOffset = 0;
+				if (type === "t" && (((_topCellBorder$right = topCellBorder.right) === null || _topCellBorder$right === void 0 ? void 0 : _topCellBorder$right.style) === BorderStyleTypes.DOUBLE || ((_topRightCellBorder$l = topRightCellBorder.left) === null || _topRightCellBorder$l === void 0 ? void 0 : _topRightCellBorder$l.style) === BorderStyleTypes.DOUBLE) || type === "b" && (((_bottomCellBorder$rig = bottomCellBorder.right) === null || _bottomCellBorder$rig === void 0 ? void 0 : _bottomCellBorder$rig.style) === BorderStyleTypes.DOUBLE || ((_bottomRightCellBorde = bottomRightCellBorder.left) === null || _bottomRightCellBorde === void 0 ? void 0 : _bottomRightCellBorde.style) === BorderStyleTypes.DOUBLE)) outerLineOffsets.endXOffset = -defaultOffset;
+				else if (type === "t" && topRightCellBorder.left && topRightCellBorder.left.style !== BorderStyleTypes.DOUBLE || type === "b" && bottomRightCellBorder.left && bottomRightCellBorder.left.style !== BorderStyleTypes.DOUBLE) outerLineOffsets.endXOffset = 0;
 				else outerLineOffsets.endXOffset = defaultOffset;
 				innerLineOffsets.endXOffset = defaultOffset;
 			}
 			clearLine.startX = startX - defaultOffset;
 			clearLine.endX = endX + defaultOffset;
 			clearMiddleLine(clearLine);
-			if (type === BORDER_TYPE.TOP && !topCellBorder.bottom || type === BORDER_TYPE.BOTTOM && !bottomCellBorder.top) drawOuterLine(outerLineOffsets);
+			if (type === "t" && !topCellBorder.bottom || type === "b" && !bottomCellBorder.top) drawOuterLine(outerLineOffsets);
 			drawInnerLine(innerLineOffsets);
 		}
 	}
@@ -5231,10 +5220,10 @@ var Border = class extends SheetExtension {
 		let top = null;
 		let bottom = null;
 		if (cellBorder) {
-			if (cellBorder[BORDER_TYPE.LEFT] && Object.prototype.hasOwnProperty.call(cellBorder[BORDER_TYPE.LEFT], "type")) left = cellBorder[BORDER_TYPE.LEFT];
-			if (cellBorder[BORDER_TYPE.RIGHT] && Object.prototype.hasOwnProperty.call(cellBorder[BORDER_TYPE.RIGHT], "type")) right = cellBorder[BORDER_TYPE.RIGHT];
-			if (cellBorder[BORDER_TYPE.TOP] && Object.prototype.hasOwnProperty.call(cellBorder[BORDER_TYPE.TOP], "type")) top = cellBorder[BORDER_TYPE.TOP];
-			if (cellBorder[BORDER_TYPE.BOTTOM] && Object.prototype.hasOwnProperty.call(cellBorder[BORDER_TYPE.BOTTOM], "type")) bottom = cellBorder[BORDER_TYPE.BOTTOM];
+			if (cellBorder["l"] && Object.prototype.hasOwnProperty.call(cellBorder["l"], "type")) left = cellBorder["l"];
+			if (cellBorder["r"] && Object.prototype.hasOwnProperty.call(cellBorder["r"], "type")) right = cellBorder["r"];
+			if (cellBorder["t"] && Object.prototype.hasOwnProperty.call(cellBorder["t"], "type")) top = cellBorder["t"];
+			if (cellBorder["b"] && Object.prototype.hasOwnProperty.call(cellBorder["b"], "type")) bottom = cellBorder["b"];
 		}
 		return {
 			left,
@@ -5493,30 +5482,8 @@ SpreadsheetExtensionRegistry.add(Custom);
 
 //#endregion
 //#region src/components/docs/layout/line-breaker/break.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 BreakPointType = /* @__PURE__ */ function(BreakPointType) {
-	BreakPointType["Normal"] = "Normal";
-	BreakPointType["Mandatory"] = "Mandatory";
-	BreakPointType["Hyphen"] = "Hyphen";
-	BreakPointType["Link"] = "Link";
-	return BreakPointType;
-}({});
 var Break = class {
-	constructor(position, type = BreakPointType.Normal) {
+	constructor(position, type = "Normal") {
 		this.position = position;
 		this.type = type;
 	}
@@ -11194,7 +11161,7 @@ var LineBreaker = class {
 			this._nextClass = this._nextCharClass();
 			if (this._curClass === 34 || this._curClass === 36 && this._nextClass !== 37) {
 				this._curClass = mapFirst(mapClass(this._nextClass));
-				return new Break(this._lastPos, BreakPointType.Mandatory);
+				return new Break(this._lastPos, "Mandatory");
 			}
 			if (this._rule.shouldBreak(this._codePoint, this._lastCodePoint, this._nextClass)) {
 				this._curClass = mapFirst(mapClass(this._nextClass));
@@ -11344,100 +11311,115 @@ var DocSimpleSkeleton = class {
 		while (true) {
 			const breakPoint = this._lineBreaker.nextBreakPoint();
 			if (!breakPoint) break;
-			const { position } = breakPoint;
-			const text = this._text.slice(lastPosition, position);
-			const textSize = FontCache.getMeasureText(text, this._fontStyle);
-			if (textSize.width + currentLine.width > this._width) if (textSize.width > this._width) {
-				if (currentLine.text.length > 0) {
+			const { position, type } = breakPoint;
+			const rawText = this._text.slice(lastPosition, position);
+			const isMandatoryBreak = type === "Mandatory";
+			const text = isMandatoryBreak ? rawText.replace(/[\r\n]+$/, "") : rawText;
+			if (text.length > 0) {
+				const textSize = FontCache.getMeasureText(text, this._fontStyle);
+				if (textSize.width + currentLine.width > this._width) if (textSize.width > this._width) {
+					if (currentLine.text.length > 0) {
+						this._lines.push(currentLine);
+						totalHeight += currentLine.height;
+						if (totalHeight > this._height) break;
+						currentLine = {
+							text: "",
+							width: 0,
+							height: 0,
+							baseline: 0
+						};
+					}
+					let remainingText = text;
+					while (remainingText.length > 0) {
+						let charCount = 0;
+						let lineText = "";
+						let lineWidth = 0;
+						let startGuess = Math.min(this._lastBreakLength, remainingText.length);
+						if (startGuess === 0) startGuess = Math.min(10, remainingText.length);
+						let testText = remainingText.slice(0, startGuess);
+						let testSize = FontCache.getMeasureText(testText, this._fontStyle);
+						if (testSize.width + currentLine.width <= this._width) {
+							charCount = startGuess;
+							for (let i = startGuess + 1; i <= remainingText.length; i++) {
+								testText = remainingText.slice(0, i);
+								testSize = FontCache.getMeasureText(testText, this._fontStyle);
+								if (testSize.width + currentLine.width <= this._width) charCount = i;
+								else break;
+							}
+						} else {
+							charCount = 0;
+							for (let i = startGuess - 1; i >= 1; i--) {
+								testText = remainingText.slice(0, i);
+								testSize = FontCache.getMeasureText(testText, this._fontStyle);
+								if (testSize.width + currentLine.width <= this._width) {
+									charCount = i;
+									break;
+								}
+							}
+						}
+						if (charCount > 0) this._lastBreakLength = charCount;
+						if (charCount > 0) {
+							lineText = remainingText.slice(0, charCount);
+							lineWidth = FontCache.getMeasureText(lineText, this._fontStyle).width;
+						}
+						if (charCount === 0 && currentLine.text.length === 0) {
+							charCount = 1;
+							lineText = remainingText[0];
+							lineWidth = FontCache.getMeasureText(lineText, this._fontStyle).width;
+						}
+						if (charCount > 0) {
+							currentLine.text += lineText;
+							currentLine.width += lineWidth;
+							const textSize = FontCache.getMeasureText(currentLine.text, this._fontStyle);
+							currentLine.height = textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent;
+							currentLine.baseline = textSize.fontBoundingBoxAscent;
+							remainingText = remainingText.slice(charCount);
+							if (remainingText.length > 0) {
+								this._lines.push(currentLine);
+								totalHeight += currentLine.height;
+								if (totalHeight > this._height) break;
+								currentLine = {
+									text: "",
+									width: 0,
+									height: 0,
+									baseline: 0
+								};
+							}
+						} else break;
+					}
+				} else if (currentLine.text.length > 0) {
 					this._lines.push(currentLine);
 					totalHeight += currentLine.height;
 					if (totalHeight > this._height) break;
 					currentLine = {
-						text: "",
-						width: 0,
-						height: 0,
-						baseline: 0
+						text,
+						width: textSize.width,
+						height: textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent,
+						baseline: textSize.fontBoundingBoxAscent
 					};
+				} else currentLine = {
+					text,
+					width: textSize.width,
+					height: textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent,
+					baseline: textSize.fontBoundingBoxAscent
+				};
+				else {
+					currentLine.text = currentLine.text + text;
+					currentLine.width = currentLine.width + textSize.width;
+					currentLine.baseline = textSize.fontBoundingBoxAscent;
+					currentLine.height = textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent;
 				}
-				let remainingText = text;
-				while (remainingText.length > 0) {
-					let charCount = 0;
-					let lineText = "";
-					let lineWidth = 0;
-					let startGuess = Math.min(this._lastBreakLength, remainingText.length);
-					if (startGuess === 0) startGuess = Math.min(10, remainingText.length);
-					let testText = remainingText.slice(0, startGuess);
-					let testSize = FontCache.getMeasureText(testText, this._fontStyle);
-					if (testSize.width + currentLine.width <= this._width) {
-						charCount = startGuess;
-						for (let i = startGuess + 1; i <= remainingText.length; i++) {
-							testText = remainingText.slice(0, i);
-							testSize = FontCache.getMeasureText(testText, this._fontStyle);
-							if (testSize.width + currentLine.width <= this._width) charCount = i;
-							else break;
-						}
-					} else {
-						charCount = 0;
-						for (let i = startGuess - 1; i >= 1; i--) {
-							testText = remainingText.slice(0, i);
-							testSize = FontCache.getMeasureText(testText, this._fontStyle);
-							if (testSize.width + currentLine.width <= this._width) {
-								charCount = i;
-								break;
-							}
-						}
-					}
-					if (charCount > 0) this._lastBreakLength = charCount;
-					if (charCount > 0) {
-						lineText = remainingText.slice(0, charCount);
-						lineWidth = FontCache.getMeasureText(lineText, this._fontStyle).width;
-					}
-					if (charCount === 0 && currentLine.text.length === 0) {
-						charCount = 1;
-						lineText = remainingText[0];
-						lineWidth = FontCache.getMeasureText(lineText, this._fontStyle).width;
-					}
-					if (charCount > 0) {
-						currentLine.text += lineText;
-						currentLine.width += lineWidth;
-						const textSize = FontCache.getMeasureText(currentLine.text, this._fontStyle);
-						currentLine.height = textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent;
-						currentLine.baseline = textSize.fontBoundingBoxAscent;
-						remainingText = remainingText.slice(charCount);
-						if (remainingText.length > 0) {
-							this._lines.push(currentLine);
-							totalHeight += currentLine.height;
-							if (totalHeight > this._height) break;
-							currentLine = {
-								text: "",
-								width: 0,
-								height: 0,
-								baseline: 0
-							};
-						}
-					} else break;
-				}
-			} else if (currentLine.text.length > 0) {
+			}
+			if (isMandatoryBreak) {
 				this._lines.push(currentLine);
 				totalHeight += currentLine.height;
 				if (totalHeight > this._height) break;
 				currentLine = {
-					text,
-					width: textSize.width,
-					height: textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent,
-					baseline: textSize.fontBoundingBoxAscent
+					text: "",
+					width: 0,
+					height: 0,
+					baseline: 0
 				};
-			} else currentLine = {
-				text,
-				width: textSize.width,
-				height: textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent,
-				baseline: textSize.fontBoundingBoxAscent
-			};
-			else {
-				currentLine.text = currentLine.text + text;
-				currentLine.width = currentLine.width + textSize.width;
-				currentLine.baseline = textSize.fontBoundingBoxAscent;
-				currentLine.height = textSize.fontBoundingBoxAscent + textSize.fontBoundingBoxDescent;
 			}
 			lastPosition = position;
 		}
@@ -11513,8 +11495,8 @@ var Shape = class extends BaseObject {
 		_defineProperty(this, "_strokeDashArray", void 0);
 		_defineProperty(this, "_strokeDashOffset", 0);
 		_defineProperty(this, "_strokeMiterLimit", 0);
-		_defineProperty(this, "_type", SHAPE_TYPE.RECT);
-		_defineProperty(this, "objectType", ObjectType.SHAPE);
+		_defineProperty(this, "_type", "rect");
+		_defineProperty(this, "objectType", 2);
 		this._initialProps(props);
 	}
 	get hoverCursor() {
@@ -11978,12 +11960,12 @@ var Liquid = class {
 		const { marginTop: pagePaddingTop = 0, marginBottom: _pagePaddingBottom = 0, marginLeft: pagePaddingLeft = 0, marginRight: _pagePaddingRight = 0 } = page;
 		this.translate(-pagePaddingLeft, -pagePaddingTop);
 	}
-	translatePage(page, type = PageLayoutType.VERTICAL, left = 0, top = 0, _right = 0, _bottom = 0) {
+	translatePage(page, type = 0, left = 0, top = 0, _right = 0, _bottom = 0) {
 		const { pageWidth, pageHeight } = page;
 		let pageTop = 0;
 		let pageLeft = 0;
-		if (type === PageLayoutType.VERTICAL) pageTop += pageHeight + top;
-		else if (type === PageLayoutType.HORIZONTAL) pageLeft += pageWidth + left;
+		if (type === 0) pageTop += pageHeight + top;
+		else if (type === 1) pageLeft += pageWidth + left;
 		this.translate(pageLeft, pageTop);
 		return {
 			x: pageLeft,
@@ -12288,7 +12270,7 @@ var DocumentViewModel = class DocumentViewModel {
 		_defineProperty(this, "_tableCache", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_tableNodeCache", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_children", []);
-		_defineProperty(this, "_editArea", DocumentEditArea.BODY);
+		_defineProperty(this, "_editArea", "BODY");
 		_defineProperty(this, "_editAreaChange$", new BehaviorSubject(null));
 		_defineProperty(this, "editAreaChange$", this._editAreaChange$.asObservable());
 		_defineProperty(this, "_headerTreeMap", /* @__PURE__ */ new Map());
@@ -12528,16 +12510,16 @@ function baseAdjustability(content, width) {
 	};
 }
 function createSkeletonWordGlyph(content, config, glyphWidth) {
-	return _createSkeletonWordOrLetter(GlyphType.WORD, content, config, glyphWidth);
+	return _createSkeletonWordOrLetter(1, content, config, glyphWidth);
 }
 function createSkeletonLetterGlyph(content, config, glyphWidth, glyphInfo) {
-	return _createSkeletonWordOrLetter(GlyphType.LETTER, content, config, glyphWidth, glyphInfo);
+	return _createSkeletonWordOrLetter(0, content, config, glyphWidth, glyphInfo);
 }
 function createSkeletonTabGlyph(config, glyphWidth) {
-	return _createSkeletonWordOrLetter(GlyphType.TAB, DataStreamTreeTokenType.TAB, config, glyphWidth);
+	return _createSkeletonWordOrLetter(4, DataStreamTreeTokenType.TAB, config, glyphWidth);
 }
 function createHyphenDashGlyph(config) {
-	const dashLetterGlyph = _createSkeletonWordOrLetter(GlyphType.LETTER, "-", config);
+	const dashLetterGlyph = _createSkeletonWordOrLetter(0, "-", config);
 	dashLetterGlyph.count = 0;
 	return dashLetterGlyph;
 }
@@ -12566,7 +12548,7 @@ function createSkeletonCustomBlockGlyph(config, glyphWidth = 0, glyphHeight = 0,
 		left: 0,
 		isJustifiable: false,
 		adjustability: baseAdjustability(content, 0),
-		glyphType: GlyphType.PLACEHOLDER,
+		glyphType: 3,
 		streamType: content,
 		count: 1,
 		drawingId
@@ -12612,7 +12594,7 @@ function _createSkeletonWordOrLetter(glyphType, content, config, glyphWidth, gly
 		left: 0,
 		isJustifiable: false,
 		adjustability: baseAdjustability(content, 0),
-		glyphType: GlyphType.PLACEHOLDER,
+		glyphType: 3,
 		streamType: content,
 		count: 1
 	};
@@ -12680,7 +12662,7 @@ function createSkeletonBulletGlyph(glyph, bulletSkeleton, charSpaceApply) {
 		left,
 		isJustifiable: isJustifiable(content),
 		adjustability: baseAdjustability(content, width),
-		glyphType: GlyphType.LIST,
+		glyphType: 2,
 		streamType: DataStreamTreeTokenType.LETTER,
 		count: 0,
 		raw: content
@@ -12718,17 +12700,6 @@ function glyphShrinkLeft(glyph, amount) {
 
 //#endregion
 //#region src/components/docs/layout/model/line.ts
-var WrapTextRuler = /* @__PURE__ */ function(WrapTextRuler) {
-	WrapTextRuler[WrapTextRuler["BOTH"] = 0] = "BOTH";
-	WrapTextRuler[WrapTextRuler["LEFT"] = 1] = "LEFT";
-	WrapTextRuler[WrapTextRuler["RIGHT"] = 2] = "RIGHT";
-	return WrapTextRuler;
-}(WrapTextRuler || {});
-var AxisType = /* @__PURE__ */ function(AxisType) {
-	AxisType[AxisType["X"] = 0] = "X";
-	AxisType[AxisType["Y"] = 1] = "Y";
-	return AxisType;
-}(AxisType || {});
 function createSkeletonLine(paragraphIndex, lineType, lineBoundingBox, columnWidth, lineIndex = 0, isParagraphStart = false, paragraphConfig, page, headerPage, footerPage) {
 	var _page$skeDrawings, _page$skeTables;
 	const { lineHeight = 15.6, lineTop = 0, contentHeight = 0, paddingLeft = 0, paddingRight = 0, paddingTop = 0, paddingBottom = 0, marginTop = 0, spaceBelowApply = 0 } = lineBoundingBox;
@@ -12920,11 +12891,11 @@ function __getCrossPoint(points, lineTop, lineHeight, columnWidth) {
 		width: range.max
 	};
 }
-function ___getMaxAndMinAxis(points, axis = AxisType.X) {
+function ___getMaxAndMinAxis(points, axis = 0) {
 	const result = [];
 	for (let i = 0; i < points.length; i++) {
 		const point = points[i];
-		if (axis === AxisType.X) result.push(point.x);
+		if (axis === 0) result.push(point.x);
 		else result.push(point.y);
 	}
 	return {
@@ -12939,8 +12910,8 @@ function __getSplitWidthNoAngle(top, height, left, width, lineTop, lineHeight, c
 	let resultLeft = left - distL;
 	let resultWidth = width + distL + distR;
 	const ruler = ___getWrapTextRuler(wrapText, resultLeft, resultWidth, columnWidth);
-	if (ruler === WrapTextRuler.LEFT) resultWidth = columnWidth - resultLeft;
-	else if (ruler === WrapTextRuler.RIGHT) {
+	if (ruler === 1) resultWidth = columnWidth - resultLeft;
+	else if (ruler === 2) {
 		resultLeft = 0;
 		resultWidth = left + width + distR;
 	}
@@ -12950,11 +12921,11 @@ function __getSplitWidthNoAngle(top, height, left, width, lineTop, lineHeight, c
 	};
 }
 function ___getWrapTextRuler(wrapText, resultLeft, resultWidth, columnWidth) {
-	let ruler = WrapTextRuler.BOTH;
-	if (wrapText === WrapTextType.LEFT) ruler = WrapTextRuler.LEFT;
-	else if (wrapText === WrapTextType.RIGHT) ruler = WrapTextRuler.RIGHT;
-	else if (wrapText === WrapTextType.LARGEST) if (resultLeft > columnWidth - resultLeft - resultWidth) ruler = WrapTextRuler.LEFT;
-	else ruler = WrapTextRuler.RIGHT;
+	let ruler = 0;
+	if (wrapText === WrapTextType.LEFT) ruler = 1;
+	else if (wrapText === WrapTextType.RIGHT) ruler = 2;
+	else if (wrapText === WrapTextType.LARGEST) if (resultLeft > columnWidth - resultLeft - resultWidth) ruler = 1;
+	else ruler = 2;
 	return ruler;
 }
 function _calculateDivideByDrawings(columnWidth, drawingSplit) {
@@ -13361,7 +13332,7 @@ function getTableIdAndSliceIndex(tableSliceId) {
 
 //#endregion
 //#region src/components/docs/layout/block/paragraph/layout-ruler.ts
-function layoutParagraph(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = BreakPointType.Normal) {
+function layoutParagraph(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = "Normal") {
 	if (isParagraphFirstShapedText) if (paragraphConfig.bulletSkeleton) {
 		const { bulletSkeleton, paragraphStyle = {} } = paragraphConfig;
 		const { gridType = GridType.LINES, charSpace = 0, defaultTabStop = 10.5 } = sectionBreakConfig;
@@ -13408,7 +13379,7 @@ function _getConsecutiveHyphenLineCount(divide) {
 	let count = 0;
 	for (let i = column.lines.length - 1; i >= 0; i--) {
 		const line = column.lines[i];
-		if (line.divides[line.divides.length - 1].breakType === BreakPointType.Hyphen) count++;
+		if (line.divides[line.divides.length - 1].breakType === "Hyphen") count++;
 		else break;
 	}
 	return count;
@@ -13426,7 +13397,7 @@ function _popHyphenSlice(divide) {
 	}
 	return glyphGroup;
 }
-function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = BreakPointType.Normal, defaultSpanLineHeight) {
+function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = "Normal", defaultSpanLineHeight) {
 	const divideInfo = getLastNotFullDivideInfo(getLastPage(pages));
 	if (divideInfo) {
 		var _divide$glyphGroup;
@@ -13455,12 +13426,12 @@ function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphCo
 			} else if (hyphenLineCount > consecutiveHyphenLimit) {
 				const hyphenSliceGlyphGroup = _popHyphenSlice(divide);
 				if (hyphenSliceGlyphGroup.length > 0) {
-					updateDivideInfo(divide, { breakType: BreakPointType.Normal });
-					_divideOperator(ctx, hyphenSliceGlyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, BreakPointType.Hyphen);
+					updateDivideInfo(divide, { breakType: "Normal" });
+					_divideOperator(ctx, hyphenSliceGlyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, "Hyphen");
 				}
 				_divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultSpanLineHeight);
 			} else _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultSpanLineHeight);
-		} else if (isLast && hyphenationZone && hyphenationZone > 0 && preOffsetLeft >= divide.width - hyphenationZone && breakPointType === BreakPointType.Hyphen && divide.breakType === BreakPointType.Normal) {
+		} else if (isLast && hyphenationZone && hyphenationZone > 0 && preOffsetLeft >= divide.width - hyphenationZone && breakPointType === "Hyphen" && divide.breakType === "Normal") {
 			updateDivideInfo(divide, { isFull: true });
 			_divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultSpanLineHeight);
 		} else {
@@ -13475,7 +13446,7 @@ function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphCo
 					const spanGroupCachedLen = spanGroupCached.length;
 					let newGlyphGroup = [];
 					let startIndex = 1;
-					if (spanGroupCachedLen > 2 && spanGroupCached[0].glyphType === GlyphType.LIST) {
+					if (spanGroupCachedLen > 2 && spanGroupCached[0].glyphType === 2) {
 						newGlyphGroup = [spanGroupCached[0], spanGroupCached[1]];
 						startIndex = 2;
 					} else newGlyphGroup = [spanGroupCached[0]];
@@ -13491,7 +13462,7 @@ function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphCo
 		}
 	} else _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultSpanLineHeight);
 }
-function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = BreakPointType.Normal, defaultGlyphLineHeight) {
+function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = "Normal", defaultGlyphLineHeight) {
 	var _originParagraphStyle, _originParagraphStyle2, _skeHeaders$get, _skeFooters$get;
 	let lastPage = getLastPage(pages);
 	let columnInfo = getLastNotFullColumnInfo(lastPage);
@@ -13568,7 +13539,7 @@ function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConf
 		paddingLeft = column.width * leftPercent - .5;
 		paddingRight = column.width - paddingLeft - .5;
 	}
-	const newLine = createSkeletonLine(paragraphIndex, LineType.PARAGRAPH, {
+	const newLine = createSkeletonLine(paragraphIndex, 0, {
 		lineHeight,
 		contentHeight,
 		lineTop: newLineTop,
@@ -13601,7 +13572,7 @@ function __updateAndPositionDrawings(ctx, lineTop, lineHeight, column, targetDra
 			width,
 			height,
 			angle,
-			type: FloatObjectType.IMAGE,
+			type: "IMAGE",
 			positionV
 		};
 	}), column, paragraphIndex);
@@ -13619,7 +13590,7 @@ function __updateWrapTablePosition(ctx, table, lineTop, lineHeight, column, para
 		width,
 		height,
 		angle: 0,
-		type: FloatObjectType.TABLE,
+		type: "TABLE",
 		positionV: tableSource.position.positionV
 	}], column, paragraphIndex);
 	table.top = top;
@@ -13775,11 +13746,11 @@ function checkRelativeDrawingNeedRePosition(ctx, floatObject) {
 	}
 	return false;
 }
-function _columnOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = BreakPointType.Normal, defaultSpanLineHeight) {
+function _columnOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = "Normal", defaultSpanLineHeight) {
 	if (isColumnFull(getLastPage(pages)) === true) _pageOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultSpanLineHeight);
 	else _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultSpanLineHeight);
 }
-function _pageOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = BreakPointType.Normal, defaultSpanLineHeight) {
+function _pageOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = "Normal", defaultSpanLineHeight) {
 	const curSkeletonPage = getLastPage(pages);
 	const { skeHeaders, skeFooters } = paragraphConfig;
 	pages.push(createSkeletonPage(ctx, sectionBreakConfig, {
@@ -14136,7 +14107,7 @@ function updateBlockIndex(pages, start = -1) {
 						const divStartIndex = preDivideStartIndex;
 						let divEndIndex = divStartIndex;
 						for (const glyph of glyphGroup) {
-							const increaseValue = glyph.glyphType === GlyphType.LIST ? 0 : glyph.count;
+							const increaseValue = glyph.glyphType === 2 ? 0 : glyph.count;
 							divEndIndex += increaseValue;
 							const { ba, bd } = glyph.bBox;
 							maxLineAsc = Math.max(maxLineAsc, ba);
@@ -14402,11 +14373,6 @@ function getNullSkeleton() {
 function setPageParent(pages, parent) {
 	for (const page of pages) page.parent = parent;
 }
-let FloatObjectType = /* @__PURE__ */ function(FloatObjectType) {
-	FloatObjectType["IMAGE"] = "IMAGE";
-	FloatObjectType["TABLE"] = "TABLE";
-	return FloatObjectType;
-}({});
 const DEFAULT_SECTION_BREAK = {
 	columnProperties: [],
 	columnSeparatorType: ColumnSeparatorType.NONE,
@@ -14554,7 +14520,7 @@ function getPageFromPath(skeletonData, path) {
 function getHeaderFooterMaxHeight(pageHeight) {
 	return (pageHeight - 100) / 2;
 }
-function createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, pageNumber = 1, breakType = BreakType.SECTION) {
+function createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, pageNumber = 1, breakType = 0) {
 	const page = _getNullPage();
 	const { pageNumberStart = 1, pageSize = {
 		width: Number.POSITIVE_INFINITY,
@@ -14624,7 +14590,7 @@ function createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference,
 	sections.push(newSection);
 	return page;
 }
-function _getNullPage(type = DocumentSkeletonPageType.BODY, segmentId = "") {
+function _getNullPage(type = 0, segmentId = "") {
 	return {
 		sections: [],
 		headerId: "",
@@ -14645,7 +14611,7 @@ function _getNullPage(type = DocumentSkeletonPageType.BODY, segmentId = "") {
 		marginTop: 0,
 		originMarginBottom: 0,
 		marginBottom: 0,
-		breakType: BreakType.SECTION,
+		breakType: 0,
 		st: 0,
 		ed: 0,
 		skeDrawings: /* @__PURE__ */ new Map(),
@@ -14671,7 +14637,7 @@ function _createSkeletonHeaderFooter(ctx, headerOrFooterViewModel, sectionBreakC
 	};
 	if (areaPage == null) {
 		areaPage = createSkeletonPage(ctx, headerFooterConfig, skeletonResourceReference);
-		areaPage.type = isHeader ? DocumentSkeletonPageType.HEADER : DocumentSkeletonPageType.FOOTER;
+		areaPage.type = isHeader ? 1 : 2;
 		areaPage.segmentId = segmentId;
 	}
 	const layoutAnchor = ctx.layoutStartPointer[segmentId];
@@ -14720,7 +14686,7 @@ function createNullCellPage(ctx, sectionBreakConfig, tableConfig, row, col, avai
 		width: pageWidth,
 		height: Number.isFinite(availableHeight) ? availableHeight : pageHeight
 	} }), skeletonResourceReference);
-	areaPage.type = DocumentSkeletonPageType.CELL;
+	areaPage.type = 3;
 	areaPage.segmentId = tableId;
 	return {
 		page: areaPage,
@@ -14732,7 +14698,7 @@ function createSkeletonCellPages(ctx, viewModel, cellNode, sectionBreakConfig, t
 	const { page: areaPage, sectionBreakConfig: cellSectionBreakConfig } = createNullCellPage(ctx, sectionBreakConfig, tableConfig, row, col, availableHeight, maxCellPageHeight);
 	const { pages } = dealWithSection(ctx, viewModel, sectionNode, areaPage, cellSectionBreakConfig);
 	for (const p of pages) {
-		p.type = DocumentSkeletonPageType.CELL;
+		p.type = 3;
 		p.segmentId = tableConfig.tableId;
 	}
 	updateBlockIndex(pages, cellNode.startIndex);
@@ -14931,7 +14897,7 @@ function addHyphenDash(line, viewModel, paragraphNode, sectionBreakConfig, parag
 	for (const divide of line.divides) {
 		const { glyphGroup, breakType } = divide;
 		const lastGlyph = glyphGroup[glyphGroup.length - 1];
-		if (lastGlyph && isLetter(lastGlyph.content) && breakType === BreakPointType.Hyphen) {
+		if (lastGlyph && isLetter(lastGlyph.content) && breakType === "Hyphen") {
 			const hyphenDashGlyph = createHyphenDashGlyph(getFontConfigFromLastGlyph(lastGlyph, sectionBreakConfig, paragraphStyle));
 			hyphenDashGlyph.parent = lastGlyph.parent;
 			hyphenDashGlyph.left = lastGlyph.left + lastGlyph.width;
@@ -15256,7 +15222,7 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 		};
 		if (text.endsWith(DataStreamTreeTokenType.PAGE_BREAK)) {
 			pushPending();
-			allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(allPages[allPages.length - 1]), BreakType.PAGE));
+			allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(allPages[allPages.length - 1]), 1));
 			paragraphNonInlineSkeDrawings.clear();
 			paragraphInlineSkeDrawings.clear();
 			continue;
@@ -15265,7 +15231,7 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 			const lastPage = allPages[allPages.length - 1];
 			const columnInfo = getLastNotFullColumnInfo(lastPage);
 			if (columnInfo && !columnInfo.isLast) setColumnFullState(columnInfo.column, true);
-			else allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(lastPage), BreakType.COLUMN));
+			else allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(lastPage), 2));
 			continue;
 		}
 		pushPending();
@@ -15273,106 +15239,6 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 	return allPages;
 }
 
-//#endregion
-//#region src/components/docs/layout/hyphenation/lang.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 Lang = /* @__PURE__ */ function(Lang) {
-	Lang["Af"] = "af";
-	Lang["As"] = "as";
-	Lang["Be"] = "be";
-	Lang["Bg"] = "bg";
-	Lang["Bn"] = "bn";
-	Lang["Ca"] = "ca";
-	Lang["Cop"] = "cop";
-	Lang["Cs"] = "cs";
-	Lang["Cu"] = "cu";
-	Lang["Cy"] = "cy";
-	Lang["Da"] = "da";
-	Lang["De1901"] = "de-1901";
-	Lang["De1996"] = "de-1996";
-	Lang["DeCh1901"] = "de-ch-1901";
-	Lang["ElMonoton"] = "el-monoton";
-	Lang["ElPolyton"] = "el-polyton";
-	Lang["EnGb"] = "en-gb";
-	Lang["EnUs"] = "en-us";
-	Lang["Es"] = "es";
-	Lang["Et"] = "et";
-	Lang["Eu"] = "eu";
-	Lang["Fi"] = "fi";
-	Lang["Fr"] = "fr";
-	Lang["Fur"] = "fur";
-	Lang["Ga"] = "ga";
-	Lang["Gl"] = "gl";
-	Lang["Grc"] = "grc";
-	Lang["Gu"] = "gu";
-	Lang["Hi"] = "hi";
-	Lang["Hr"] = "hr";
-	Lang["Hsb"] = "hsb";
-	Lang["Hu"] = "hu";
-	Lang["Hy"] = "hy";
-	Lang["Ia"] = "ia";
-	Lang["Id"] = "id";
-	Lang["Is"] = "is";
-	Lang["It"] = "it";
-	Lang["Ka"] = "ka";
-	Lang["Kmr"] = "kmr";
-	Lang["Kn"] = "kn";
-	Lang["LaXClassic"] = "la-x-classic";
-	Lang["LaXLiturgic"] = "la-x-liturgic";
-	Lang["La"] = "la";
-	Lang["Lt"] = "lt";
-	Lang["Lv"] = "lv";
-	Lang["Ml"] = "ml";
-	Lang["MnCyrlXLmc"] = "mn-cyrl-x-lmc";
-	Lang["MnCyrl"] = "mn-cyrl";
-	Lang["Mr"] = "mr";
-	Lang["MulEthi"] = "mul-ethi";
-	Lang["Nb"] = "nb";
-	Lang["Nl"] = "nl";
-	Lang["Nn"] = "nn";
-	Lang["No"] = "no";
-	Lang["Oc"] = "oc";
-	Lang["Or"] = "or";
-	Lang["Pa"] = "pa";
-	Lang["Pi"] = "pi";
-	Lang["Pl"] = "pl";
-	Lang["Pms"] = "pms";
-	Lang["Pt"] = "pt";
-	Lang["Rm"] = "rm";
-	Lang["Ro"] = "ro";
-	Lang["Ru"] = "ru";
-	Lang["Sa"] = "sa";
-	Lang["ShCyrl"] = "sh-cyrl";
-	Lang["ShLatn"] = "sh-latn";
-	Lang["Sk"] = "sk";
-	Lang["Sl"] = "sl";
-	Lang["SrCyrl"] = "sr-cyrl";
-	Lang["Sv"] = "sv";
-	Lang["Ta"] = "ta";
-	Lang["Te"] = "te";
-	Lang["Th"] = "th";
-	Lang["Tk"] = "tk";
-	Lang["Tr"] = "tr";
-	Lang["Uk"] = "uk";
-	Lang["ZhLatnPinyin"] = "zh-latn-pinyin";
-	Lang["UNKNOWN"] = "unknown";
-	return Lang;
-}({});
-
 //#endregion
 //#region src/components/docs/layout/line-breaker/enhancers/hyphen-enhancer.ts
 function isUpperCase(word) {
@@ -15399,7 +15265,7 @@ var LineBreakerHyphenEnhancer = class {
 			this._nextBreak = this._lineBreaker.nextBreakPoint();
 			if (this._nextBreak == null || this._curBreak == null) return null;
 			const word = getWord(this.content.slice(this._curBreak.position, this._nextBreak.position));
-			if (word.length && !(isUpperCase(word) && this._doNotHyphenateCaps) && this._nextBreak.type !== BreakPointType.Link) {
+			if (word.length && !(isUpperCase(word) && this._doNotHyphenateCaps) && this._nextBreak.type !== "Link") {
 				this._isInWord = true;
 				this._word = word;
 				this._hyphenSlice = this._hyphen.hyphenate(this._word, this._lang);
@@ -15409,7 +15275,7 @@ var LineBreakerHyphenEnhancer = class {
 		} else if (this._hyphenIndex < this._hyphenSlice.length - 1) {
 			const position = getSlicePosition(this._curBreak.position, this._hyphenSlice, this._hyphenIndex);
 			this._hyphenIndex++;
-			return new Break(position, BreakPointType.Hyphen);
+			return new Break(position, "Hyphen");
 		} else {
 			this._isInWord = false;
 			this._word = "";
@@ -15422,27 +15288,20 @@ var LineBreakerHyphenEnhancer = class {
 
 //#endregion
 //#region src/components/docs/layout/line-breaker/enhancers/link-enhancer.ts
-var LinkCharType = /* @__PURE__ */ function(LinkCharType) {
-	LinkCharType["Alphabetic"] = "Alphabetic";
-	LinkCharType["Digit"] = "Digit";
-	LinkCharType["Open"] = "Open";
-	LinkCharType["Other"] = "Other";
-	return LinkCharType;
-}(LinkCharType || {});
 function ofLinkCharType(char) {
-	if (/[a-z]/i.test(char)) return LinkCharType.Alphabetic;
-	else if (/[0-9]/.test(char)) return LinkCharType.Digit;
-	else if (char === "(" || char === "[") return LinkCharType.Open;
-	else return LinkCharType.Other;
+	if (/[a-z]/i.test(char)) return "Alphabetic";
+	else if (/[0-9]/.test(char)) return "Digit";
+	else if (char === "(" || char === "[") return "Open";
+	else return "Other";
 }
 function linebreakLink(link) {
 	const pieces = [];
 	let offset = 0;
-	let prevCharType = LinkCharType.Other;
+	let prevCharType = "Other";
 	for (let i = 0; i < link.length; i++) {
 		const char = link[i];
 		const charType = ofLinkCharType(char);
-		if (i > 0 && prevCharType !== LinkCharType.Open && (charType === LinkCharType.Other ? charType === LinkCharType.Other : charType !== prevCharType)) {
+		if (i > 0 && prevCharType !== "Open" && (charType === "Other" ? charType === "Other" : charType !== prevCharType)) {
 			const piece = link.slice(offset, i);
 			if (piece.length < 16) pieces.push(piece);
 			else for (let j = 0; j < piece.length; j++) pieces.push(piece[j]);
@@ -15493,7 +15352,7 @@ var LineBreakerLinkEnhancer = class {
 		} else if (this._index < this._linkSlice.length - 1) {
 			const position = getSlicePosition(this._curBreak.position, this._linkSlice, this._index);
 			this._index++;
-			return new Break(position, BreakPointType.Link);
+			return new Break(position, "Link");
 		} else {
 			this._isInLink = false;
 			this._link = "";
@@ -15524,59 +15383,35 @@ function tabLineBreakExtension(breaker) {
 
 //#endregion
 //#region src/components/docs/layout/shaping-engine/font-library.ts
-var CompareResult = /* @__PURE__ */ function(CompareResult) {
-	CompareResult[CompareResult["EQUAL"] = 0] = "EQUAL";
-	CompareResult[CompareResult["GREATER"] = 1] = "GREATER";
-	CompareResult[CompareResult["LESS"] = 2] = "LESS";
-	return CompareResult;
-}(CompareResult || {});
-var FontStyle = /* @__PURE__ */ function(FontStyle) {
-	FontStyle[FontStyle["Normal"] = 0] = "Normal";
-	FontStyle[FontStyle["Italic"] = 1] = "Italic";
-	FontStyle[FontStyle["Oblique"] = 2] = "Oblique";
-	return FontStyle;
-}(FontStyle || {});
-var FontWeight = /* @__PURE__ */ function(FontWeight) {
-	FontWeight[FontWeight["THIN"] = 100] = "THIN";
-	FontWeight[FontWeight["EXTRALIGHT"] = 200] = "EXTRALIGHT";
-	FontWeight[FontWeight["LIGHT"] = 300] = "LIGHT";
-	FontWeight[FontWeight["REGULAR"] = 400] = "REGULAR";
-	FontWeight[FontWeight["MEDIUM"] = 500] = "MEDIUM";
-	FontWeight[FontWeight["SEMIBOLD"] = 600] = "SEMIBOLD";
-	FontWeight[FontWeight["BOLD"] = 700] = "BOLD";
-	FontWeight[FontWeight["EXTRABOLD"] = 800] = "EXTRABOLD";
-	FontWeight[FontWeight["BLACK"] = 900] = "BLACK";
-	return FontWeight;
-}(FontWeight || {});
 function getFontInfoFromFontData(fontData) {
 	const { family, style: styleString } = fontData;
-	let style = FontStyle.Normal;
-	let weight = FontWeight.REGULAR;
-	if (/italic/i.test(styleString)) style = FontStyle.Italic;
+	let style = 0;
+	let weight = 400;
+	if (/italic/i.test(styleString)) style = 1;
 	switch (true) {
 		case /thin|hairline/i.test(styleString):
-			weight = FontWeight.THIN;
+			weight = 100;
 			break;
 		case /(extra|ultra) *light/i.test(styleString):
-			weight = FontWeight.EXTRALIGHT;
+			weight = 200;
 			break;
 		case /light/i.test(styleString):
-			weight = FontWeight.LIGHT;
+			weight = 300;
 			break;
 		case /medium/i.test(styleString):
-			weight = FontWeight.MEDIUM;
+			weight = 500;
 			break;
 		case /(semi|demi) *bold/i.test(styleString):
-			weight = FontWeight.SEMIBOLD;
+			weight = 600;
 			break;
 		case /bold/i.test(styleString):
-			weight = FontWeight.BOLD;
+			weight = 700;
 			break;
 		case /(extra|ultra) *bold/i.test(styleString):
-			weight = FontWeight.EXTRABOLD;
+			weight = 800;
 			break;
 		case /black|heavy/i.test(styleString):
-			weight = FontWeight.BLACK;
+			weight = 900;
 			break;
 	}
 	return {
@@ -15592,23 +15427,23 @@ function getFontInfoFromTextStyle(style) {
 	return {
 		family: ff !== null && ff !== void 0 ? ff : "Arial",
 		variant: {
-			style: it === BooleanNumber.TRUE ? FontStyle.Italic : FontStyle.Normal,
-			weight: bl === BooleanNumber.TRUE ? FontWeight.BOLD : FontWeight.REGULAR
+			style: it === BooleanNumber.TRUE ? 1 : 0,
+			weight: bl === BooleanNumber.TRUE ? 700 : 400
 		}
 	};
 }
 function fontInfoDistance(a, b) {
 	let styleDistance = Number.POSITIVE_INFINITY;
 	if (a.variant.style === b.variant.style) styleDistance = 0;
-	else if (a.variant.style !== FontStyle.Normal && b.variant.style !== FontStyle.Normal) styleDistance = 1;
+	else if (a.variant.style !== 0 && b.variant.style !== 0) styleDistance = 1;
 	else styleDistance = 2;
 	const weightDistance = Math.abs(a.variant.weight - b.variant.weight);
 	return [styleDistance, weightDistance];
 }
 function compareFontInfoDistance(a, b) {
-	if (a[0] === b[0] && a[1] === b[1]) return CompareResult.EQUAL;
-	if (a[0] === b[0]) return a[1] > b[1] ? CompareResult.GREATER : CompareResult.LESS;
-	return a[0] > b[0] ? CompareResult.GREATER : CompareResult.LESS;
+	if (a[0] === b[0] && a[1] === b[1]) return 0;
+	if (a[0] === b[0]) return a[1] > b[1] ? 1 : 2;
+	return a[0] > b[0] ? 1 : 2;
 }
 async function checkLocalFontsPermission() {
 	var _window$navigator;
@@ -15663,7 +15498,7 @@ var FontLibrary = class {
 			if (bestFont == null) {
 				bestFont = fontWithBuffer;
 				bestDistance = distance;
-			} else if (compareFontInfoDistance(bestDistance, distance) === CompareResult.GREATER) {
+			} else if (compareFontInfoDistance(bestDistance, distance) === 1) {
 				bestFont = fontWithBuffer;
 				bestDistance = distance;
 			}
@@ -15964,7 +15799,7 @@ function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig, use
 	const lang = languageDetector.detect(content);
 	const needHyphen = hyphenConfig(paragraphStyle, sectionBreakConfig);
 	const doNotHyphenateCaps = sectionBreakConfig.doNotHyphenateCaps === BooleanNumber.TRUE;
-	if (lang !== Lang.UNKNOWN && needHyphen) if (hyphen.hasPattern(lang)) breaker = new LineBreakerHyphenEnhancer(breaker, hyphen, lang, doNotHyphenateCaps);
+	if (lang !== "unknown" && needHyphen) if (hyphen.hasPattern(lang)) breaker = new LineBreakerHyphenEnhancer(breaker, hyphen, lang, doNotHyphenateCaps);
 	else hyphen.loadPattern(lang);
 	while (bk = breaker.nextBreakPoint()) {
 		const word = content.slice(last, bk.position);
@@ -16069,7 +15904,7 @@ function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig, use
 			shapedTextList.push({
 				text: word,
 				glyphs: shapedGlyphs,
-				breakPointType: shapedGlyphs === lastShapedGlyphs ? bk.type : BreakPointType.Normal
+				breakPointType: shapedGlyphs === lastShapedGlyphs ? bk.type : "Normal"
 			});
 		}
 		last = bk.position;
@@ -16168,84 +16003,84 @@ function _pushPage(allCurrentSkeletonPages, blockSkeletonPages) {
 //#endregion
 //#region src/components/docs/layout/hyphenation/pattern-loaders.gen.ts
 const PATTERN_LOADERS = {
-	[Lang.Af]: () => import("./af-I8XQee0A.js"),
-	[Lang.As]: () => import("./as-DPw4kbfa.js"),
-	[Lang.Be]: () => import("./be-hSu5_2AE.js"),
-	[Lang.Bg]: () => import("./bg-eIV91Ges.js"),
-	[Lang.Bn]: () => import("./bn-CF0YbkEW.js"),
-	[Lang.Ca]: () => import("./ca-D0fayQwW.js"),
-	[Lang.Cop]: () => import("./cop-gnNw8zDV.js"),
-	[Lang.Cs]: () => import("./cs-cUOdqXi9.js"),
-	[Lang.Cu]: () => import("./cu-CJJk_6p3.js"),
-	[Lang.Cy]: () => import("./cy-he1_O-US.js"),
-	[Lang.Da]: () => import("./da-C_Tc6C75.js"),
-	[Lang.De1901]: () => import("./de-1901-D9yvXEO8.js"),
-	[Lang.De1996]: () => import("./de-1996-DIBM3qkD.js"),
-	[Lang.DeCh1901]: () => import("./de-ch-1901-BEDgpl3-.js"),
-	[Lang.ElMonoton]: () => import("./el-monoton-BvjPOyvW.js"),
-	[Lang.ElPolyton]: () => import("./el-polyton-DfJ9Eeih.js"),
-	[Lang.EnGb]: () => import("./en-gb-DYXoK50H.js"),
-	[Lang.EnUs]: () => import("./en-us-ClVoWMyT.js").then((n) => n.n),
-	[Lang.Es]: () => import("./es-48latgZ8.js"),
-	[Lang.Et]: () => import("./et-UzX1rSXY.js"),
-	[Lang.Eu]: () => import("./eu-ijD7H63T.js"),
-	[Lang.Fi]: () => import("./fi-DDuxAHu5.js"),
-	[Lang.Fr]: () => import("./fr-6wTrAsbK.js"),
-	[Lang.Fur]: () => import("./fur-CcIOY8A9.js"),
-	[Lang.Ga]: () => import("./ga-B4Qvh5qS.js"),
-	[Lang.Gl]: () => import("./gl-D8H7uN6B.js"),
-	[Lang.Grc]: () => import("./grc-DFNi6G6p.js"),
-	[Lang.Gu]: () => import("./gu-0EahmEdu.js"),
-	[Lang.Hi]: () => import("./hi-C2ih9xmB.js"),
-	[Lang.Hr]: () => import("./hr-CSbbBNUu.js"),
-	[Lang.Hsb]: () => import("./hsb-hKsDwaW_.js"),
-	[Lang.Hu]: () => import("./hu-BPixuxjf.js"),
-	[Lang.Hy]: () => import("./hy-CTtThTdl.js"),
-	[Lang.Ia]: () => import("./ia-CYCjbabb.js"),
-	[Lang.Id]: () => import("./id-Cgsp-bEu.js"),
-	[Lang.Is]: () => import("./is-D_Awtowh.js"),
-	[Lang.It]: () => import("./it-C2qJSkm3.js"),
-	[Lang.Ka]: () => import("./ka-DpGw5nvd.js"),
-	[Lang.Kmr]: () => import("./kmr-CCdNyB20.js"),
-	[Lang.Kn]: () => import("./kn-B4tAUtFU.js"),
-	[Lang.La]: () => import("./la-DIUYl8Yo.js"),
-	[Lang.LaXClassic]: () => import("./la-x-classic-DsbLrq-C.js"),
-	[Lang.LaXLiturgic]: () => import("./la-x-liturgic-Ggenbcb5.js"),
-	[Lang.Lt]: () => import("./lt-BcizI7gZ.js"),
-	[Lang.Lv]: () => import("./lv-BOgrbf6v.js"),
-	[Lang.Ml]: () => import("./ml-CTD7giel.js"),
-	[Lang.MnCyrl]: () => import("./mn-cyrl-CDxGttkw.js"),
-	[Lang.MnCyrlXLmc]: () => import("./mn-cyrl-x-lmc-kjrnm3ii.js"),
-	[Lang.Mr]: () => import("./mr-DttMNydl.js"),
-	[Lang.MulEthi]: () => import("./mul-ethi-mmW8ZEm0.js"),
-	[Lang.Nb]: () => import("./nb-DCiD6jLz.js"),
-	[Lang.Nl]: () => import("./nl-BKWsn_4x.js"),
-	[Lang.Nn]: () => import("./nn-b0W3mz5j.js"),
-	[Lang.No]: () => import("./no-B3l46gib.js"),
-	[Lang.Oc]: () => import("./oc-zkqkXjNo.js"),
-	[Lang.Or]: () => import("./or-DEnI_Cls.js"),
-	[Lang.Pa]: () => import("./pa-Sh-QSMIs.js"),
-	[Lang.Pi]: () => import("./pi-DxMx4Uwd.js"),
-	[Lang.Pl]: () => import("./pl-CISKU0vg.js"),
-	[Lang.Pms]: () => import("./pms-DUga94hR.js"),
-	[Lang.Pt]: () => import("./pt-CzW61i2q.js"),
-	[Lang.Rm]: () => import("./rm-C1U6i4AB.js"),
-	[Lang.Ro]: () => import("./ro-DSU53KfM.js"),
-	[Lang.Ru]: () => import("./ru-gduZDLhv.js"),
-	[Lang.Sa]: () => import("./sa-Bney0xbB.js"),
-	[Lang.ShCyrl]: () => import("./sh-cyrl-CCByyO89.js"),
-	[Lang.ShLatn]: () => import("./sh-latn-CTIiTfzt.js"),
-	[Lang.Sk]: () => import("./sk-DK-iy-nO.js"),
-	[Lang.Sl]: () => import("./sl-BvzIjkCq.js"),
-	[Lang.SrCyrl]: () => import("./sr-cyrl-7T4T5Th1.js"),
-	[Lang.Sv]: () => import("./sv-BynygC4t.js"),
-	[Lang.Ta]: () => import("./ta-CglfOvwm.js"),
-	[Lang.Te]: () => import("./te-Bec4xJud.js"),
-	[Lang.Th]: () => import("./th-B67OcLue.js"),
-	[Lang.Tk]: () => import("./tk-CYfVPVLR.js"),
-	[Lang.Tr]: () => import("./tr-BxhGLs2f.js"),
-	[Lang.Uk]: () => import("./uk-CnWqKnI0.js"),
-	[Lang.ZhLatnPinyin]: () => import("./zh-latn-pinyin-CKxTJrac.js")
+	["af"]: () => import("./af-I8XQee0A.js"),
+	["as"]: () => import("./as-DPw4kbfa.js"),
+	["be"]: () => import("./be-hSu5_2AE.js"),
+	["bg"]: () => import("./bg-eIV91Ges.js"),
+	["bn"]: () => import("./bn-CF0YbkEW.js"),
+	["ca"]: () => import("./ca-D0fayQwW.js"),
+	["cop"]: () => import("./cop-gnNw8zDV.js"),
+	["cs"]: () => import("./cs-cUOdqXi9.js"),
+	["cu"]: () => import("./cu-CJJk_6p3.js"),
+	["cy"]: () => import("./cy-he1_O-US.js"),
+	["da"]: () => import("./da-C_Tc6C75.js"),
+	["de-1901"]: () => import("./de-1901-D9yvXEO8.js"),
+	["de-1996"]: () => import("./de-1996-DIBM3qkD.js"),
+	["de-ch-1901"]: () => import("./de-ch-1901-BEDgpl3-.js"),
+	["el-monoton"]: () => import("./el-monoton-BvjPOyvW.js"),
+	["el-polyton"]: () => import("./el-polyton-DfJ9Eeih.js"),
+	["en-gb"]: () => import("./en-gb-DYXoK50H.js"),
+	["en-us"]: () => import("./en-us-ClVoWMyT.js").then((n) => n.n),
+	["es"]: () => import("./es-48latgZ8.js"),
+	["et"]: () => import("./et-UzX1rSXY.js"),
+	["eu"]: () => import("./eu-ijD7H63T.js"),
+	["fi"]: () => import("./fi-DDuxAHu5.js"),
+	["fr"]: () => import("./fr-6wTrAsbK.js"),
+	["fur"]: () => import("./fur-CcIOY8A9.js"),
+	["ga"]: () => import("./ga-B4Qvh5qS.js"),
+	["gl"]: () => import("./gl-D8H7uN6B.js"),
+	["grc"]: () => import("./grc-DFNi6G6p.js"),
+	["gu"]: () => import("./gu-0EahmEdu.js"),
+	["hi"]: () => import("./hi-C2ih9xmB.js"),
+	["hr"]: () => import("./hr-CSbbBNUu.js"),
+	["hsb"]: () => import("./hsb-hKsDwaW_.js"),
+	["hu"]: () => import("./hu-BPixuxjf.js"),
+	["hy"]: () => import("./hy-CTtThTdl.js"),
+	["ia"]: () => import("./ia-CYCjbabb.js"),
+	["id"]: () => import("./id-Cgsp-bEu.js"),
+	["is"]: () => import("./is-D_Awtowh.js"),
+	["it"]: () => import("./it-C2qJSkm3.js"),
+	["ka"]: () => import("./ka-DpGw5nvd.js"),
+	["kmr"]: () => import("./kmr-CCdNyB20.js"),
+	["kn"]: () => import("./kn-B4tAUtFU.js"),
+	["la"]: () => import("./la-DIUYl8Yo.js"),
+	["la-x-classic"]: () => import("./la-x-classic-DsbLrq-C.js"),
+	["la-x-liturgic"]: () => import("./la-x-liturgic-Ggenbcb5.js"),
+	["lt"]: () => import("./lt-BcizI7gZ.js"),
+	["lv"]: () => import("./lv-BOgrbf6v.js"),
+	["ml"]: () => import("./ml-CTD7giel.js"),
+	["mn-cyrl"]: () => import("./mn-cyrl-CDxGttkw.js"),
+	["mn-cyrl-x-lmc"]: () => import("./mn-cyrl-x-lmc-kjrnm3ii.js"),
+	["mr"]: () => import("./mr-DttMNydl.js"),
+	["mul-ethi"]: () => import("./mul-ethi-mmW8ZEm0.js"),
+	["nb"]: () => import("./nb-DCiD6jLz.js"),
+	["nl"]: () => import("./nl-BKWsn_4x.js"),
+	["nn"]: () => import("./nn-b0W3mz5j.js"),
+	["no"]: () => import("./no-B3l46gib.js"),
+	["oc"]: () => import("./oc-zkqkXjNo.js"),
+	["or"]: () => import("./or-DEnI_Cls.js"),
+	["pa"]: () => import("./pa-Sh-QSMIs.js"),
+	["pi"]: () => import("./pi-DxMx4Uwd.js"),
+	["pl"]: () => import("./pl-CISKU0vg.js"),
+	["pms"]: () => import("./pms-DUga94hR.js"),
+	["pt"]: () => import("./pt-CzW61i2q.js"),
+	["rm"]: () => import("./rm-C1U6i4AB.js"),
+	["ro"]: () => import("./ro-DSU53KfM.js"),
+	["ru"]: () => import("./ru-gduZDLhv.js"),
+	["sa"]: () => import("./sa-Bney0xbB.js"),
+	["sh-cyrl"]: () => import("./sh-cyrl-CCByyO89.js"),
+	["sh-latn"]: () => import("./sh-latn-CTIiTfzt.js"),
+	["sk"]: () => import("./sk-DK-iy-nO.js"),
+	["sl"]: () => import("./sl-BvzIjkCq.js"),
+	["sr-cyrl"]: () => import("./sr-cyrl-7T4T5Th1.js"),
+	["sv"]: () => import("./sv-BynygC4t.js"),
+	["ta"]: () => import("./ta-CglfOvwm.js"),
+	["te"]: () => import("./te-Bec4xJud.js"),
+	["th"]: () => import("./th-B67OcLue.js"),
+	["tk"]: () => import("./tk-CYfVPVLR.js"),
+	["tr"]: () => import("./tr-BxhGLs2f.js"),
+	["uk"]: () => import("./uk-CnWqKnI0.js"),
+	["zh-latn-pinyin"]: () => import("./zh-latn-pinyin-CKxTJrac.js")
 };
 
 //#endregion
@@ -16295,11 +16130,11 @@ var Hyphen = class Hyphen {
 		_defineProperty(this, "_patterns", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_hyphenCache", /* @__PURE__ */ new Map());
 		this._preloadPatterns();
-		this.loadPattern(Lang.EnGb);
+		this.loadPattern("en-gb");
 	}
 	_preloadPatterns() {
-		this._patterns.set(Lang.EnUs, parsePattern(EnUs));
-		this._loadExceptionsToCache(Lang.EnUs, EnUs);
+		this._patterns.set("en-us", parsePattern(EnUs));
+		this._loadExceptionsToCache("en-us", EnUs);
 	}
 	_loadExceptionsToCache(lang, pattern) {
 		if (pattern.length < 3) return;
@@ -16390,40 +16225,40 @@ _defineProperty(Hyphen, "_instance", null);
 //#endregion
 //#region src/components/docs/layout/hyphenation/language-detector.ts
 const LANG_MAP_TO_HYPHEN_LANG = {
-	spa: Lang.Es,
-	eng: Lang.EnUs,
-	rus: Lang.Ru,
-	ben: Lang.Bn,
-	hin: Lang.Hi,
-	por: Lang.Pt,
-	ind: Lang.Id,
-	fra: Lang.Fr,
-	deu: Lang.De1901,
-	tel: Lang.Te,
-	mar: Lang.Mr,
-	ita: Lang.It,
-	tam: Lang.Ta,
-	tur: Lang.Tr,
-	guj: Lang.Gu,
-	pol: Lang.Pl,
-	ukr: Lang.Uk,
-	kan: Lang.Kn,
-	mal: Lang.Ml,
-	ron: Lang.Ro,
-	pan: Lang.Pa,
-	hrv: Lang.Hr,
-	nld: Lang.Nl,
-	srp: Lang.SrCyrl,
-	tha: Lang.Th,
-	uzn: Lang.Kmr,
-	zlm: Lang.Ml,
-	hun: Lang.Hu,
-	ell: Lang.ElMonoton,
-	ces: Lang.Cs,
-	bel: Lang.Be,
-	bul: Lang.Bg,
-	swe: Lang.Sv,
-	und: Lang.UNKNOWN
+	spa: "es",
+	eng: "en-us",
+	rus: "ru",
+	ben: "bn",
+	hin: "hi",
+	por: "pt",
+	ind: "id",
+	fra: "fr",
+	deu: "de-1901",
+	tel: "te",
+	mar: "mr",
+	ita: "it",
+	tam: "ta",
+	tur: "tr",
+	guj: "gu",
+	pol: "pl",
+	ukr: "uk",
+	kan: "kn",
+	mal: "ml",
+	ron: "ro",
+	pan: "pa",
+	hrv: "hr",
+	nld: "nl",
+	srp: "sr-cyrl",
+	tha: "th",
+	uzn: "kmr",
+	zlm: "ml",
+	hun: "hu",
+	ell: "el-monoton",
+	ces: "cs",
+	bel: "be",
+	bul: "bg",
+	swe: "sv",
+	und: "unknown"
 };
 var LanguageDetector = class LanguageDetector {
 	constructor() {
@@ -16437,7 +16272,7 @@ var LanguageDetector = class LanguageDetector {
 		var _LANG_MAP_TO_HYPHEN_L;
 		let lang = this._detectCache.get(text);
 		if (lang) return lang;
-		lang = (_LANG_MAP_TO_HYPHEN_L = LANG_MAP_TO_HYPHEN_LANG[franc(text)]) !== null && _LANG_MAP_TO_HYPHEN_L !== void 0 ? _LANG_MAP_TO_HYPHEN_L : Lang.UNKNOWN;
+		lang = (_LANG_MAP_TO_HYPHEN_L = LANG_MAP_TO_HYPHEN_LANG[franc(text)]) !== null && _LANG_MAP_TO_HYPHEN_L !== void 0 ? _LANG_MAP_TO_HYPHEN_L : "unknown";
 		this._detectCache.set(text, lang);
 		return lang;
 	}
@@ -16563,14 +16398,14 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		let pageIndex = -1;
 		const path = getPagePath(page);
 		switch (pageType) {
-			case DocumentSkeletonPageType.HEADER:
-			case DocumentSkeletonPageType.FOOTER:
+			case 1:
+			case 2:
 				pageIndex = 0;
 				break;
-			case DocumentSkeletonPageType.BODY:
+			case 0:
 				pageIndex = skeletonData.pages.indexOf(page);
 				break;
-			case DocumentSkeletonPageType.CELL:
+			case 3:
 				pageIndex = path[1];
 				break;
 			default: throw new Error("Invalid page type");
@@ -16609,14 +16444,14 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const path = getPagePath(page);
 		let pageIndex = -1;
 		switch (pageType) {
-			case DocumentSkeletonPageType.HEADER:
-			case DocumentSkeletonPageType.FOOTER:
+			case 1:
+			case 2:
 				pageIndex = 0;
 				break;
-			case DocumentSkeletonPageType.BODY:
+			case 0:
 				pageIndex = pages.indexOf(page);
 				break;
-			case DocumentSkeletonPageType.CELL:
+			case 3:
 				pageIndex = path[1];
 				break;
 			default: throw new Error("Invalid page type");
@@ -16646,15 +16481,15 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const { divide, line, column, section, segmentPage, pageType, path, isBack } = position;
 		let { glyph } = position;
 		let skePage = null;
-		if (pageType === DocumentSkeletonPageType.HEADER || pageType === DocumentSkeletonPageType.FOOTER) {
+		if (pageType === 1 || pageType === 2) {
 			skePage = pages[segmentPage];
 			const { headerId, footerId, pageWidth } = skePage;
-			if (pageType === DocumentSkeletonPageType.HEADER) {
+			if (pageType === 1) {
 				var _skeHeaders$get;
 				const skeHeader = (_skeHeaders$get = skeHeaders.get(headerId)) === null || _skeHeaders$get === void 0 ? void 0 : _skeHeaders$get.get(pageWidth);
 				if (skeHeader == null) return;
 				else skePage = skeHeader;
-			} else if (pageType === DocumentSkeletonPageType.FOOTER) {
+			} else if (pageType === 2) {
 				var _skeFooters$get;
 				const skeFooter = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
 				if (skeFooter == null) return;
@@ -16664,12 +16499,12 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		if (skePage == null) return;
 		const glyphGroup = skePage.sections[section].columns[column].lines[line].divides[divide].glyphGroup;
 		glyph = Math.min(glyph, glyphGroup.length - 1);
-		if (glyphGroup[glyph].glyphType === GlyphType.LIST) glyph += 1;
+		if (glyphGroup[glyph].glyphType === 2) glyph += 1;
 		return glyphGroup[glyph];
 	}
 	findEditAreaByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop) {
 		const { x, y } = coord;
-		let editArea = DocumentEditArea.BODY;
+		let editArea = "BODY";
 		let pageNumber = -1;
 		let pageSkeleton = null;
 		const skeletonData = this.getSkeletonData();
@@ -16684,19 +16519,19 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			const page = pages[i];
 			const { marginTop, marginBottom, pageWidth, pageHeight } = page;
 			if (x > this._findLiquid.x && x < this._findLiquid.x + pageWidth && y > this._findLiquid.y && y < this._findLiquid.y + marginTop) {
-				editArea = DocumentEditArea.HEADER;
+				editArea = "HEADER";
 				pageSkeleton = page;
 				pageNumber = i;
 				break;
 			}
 			if (x > this._findLiquid.x && x < this._findLiquid.x + pageWidth && y > this._findLiquid.y + marginTop && y < this._findLiquid.y + pageHeight - marginBottom) {
-				editArea = DocumentEditArea.BODY;
+				editArea = "BODY";
 				pageSkeleton = page;
 				pageNumber = i;
 				break;
 			}
 			if (x > this._findLiquid.x && x < this._findLiquid.x + pageWidth && y > this._findLiquid.y + pageHeight - marginBottom && y < this._findLiquid.y + pageHeight) {
-				editArea = DocumentEditArea.FOOTER;
+				editArea = "FOOTER";
 				pageSkeleton = page;
 				pageNumber = i;
 				break;
@@ -16725,16 +16560,16 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			const page = pages[pi];
 			const { headerId, footerId, pageWidth } = page;
 			let exactMatch = null;
-			if (editArea === DocumentEditArea.HEADER || editArea === DocumentEditArea.FOOTER) {
+			if (editArea === "HEADER" || editArea === "FOOTER") {
 				var _skeHeaders$get2, _skeFooters$get2;
 				const headerSke = (_skeHeaders$get2 = skeHeaders.get(headerId)) === null || _skeHeaders$get2 === void 0 ? void 0 : _skeHeaders$get2.get(pageWidth);
-				if (headerSke) exactMatch = this._collectNearestNode(headerSke, DocumentSkeletonPageType.HEADER, page, headerId, pi, cache, x, y, pageLength);
+				if (headerSke) exactMatch = this._collectNearestNode(headerSke, 1, page, headerId, pi, cache, x, y, pageLength);
 				const footerSke = (_skeFooters$get2 = skeFooters.get(footerId)) === null || _skeFooters$get2 === void 0 ? void 0 : _skeFooters$get2.get(pageWidth);
 				if (footerSke) {
 					var _exactMatch;
-					exactMatch = (_exactMatch = exactMatch) !== null && _exactMatch !== void 0 ? _exactMatch : this._collectNearestNode(footerSke, DocumentSkeletonPageType.FOOTER, page, footerId, pi, cache, x, y, pageLength);
+					exactMatch = (_exactMatch = exactMatch) !== null && _exactMatch !== void 0 ? _exactMatch : this._collectNearestNode(footerSke, 2, page, footerId, pi, cache, x, y, pageLength);
 				}
-			} else exactMatch = this._collectNearestNode(page, DocumentSkeletonPageType.BODY, page, "", pi, cache, x, y, pageLength);
+			} else exactMatch = this._collectNearestNode(page, 0, page, "", pi, cache, x, y, pageLength);
 			if (exactMatch) return exactMatch;
 			this._translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 		}
@@ -16747,13 +16582,13 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 				if (segmentId !== "") {
 					var _skeHeaders$get3, _skeFooters$get3;
 					const headerSke = (_skeHeaders$get3 = skeHeaders.get(headerId)) === null || _skeHeaders$get3 === void 0 ? void 0 : _skeHeaders$get3.get(pageWidth);
-					if (headerSke) exactMatch = this._collectNearestNode(headerSke, DocumentSkeletonPageType.HEADER, page, headerId, pi, cache, x, y, pageLength);
+					if (headerSke) exactMatch = this._collectNearestNode(headerSke, 1, page, headerId, pi, cache, x, y, pageLength);
 					const footerSke = (_skeFooters$get3 = skeFooters.get(footerId)) === null || _skeFooters$get3 === void 0 ? void 0 : _skeFooters$get3.get(pageWidth);
 					if (footerSke) {
 						var _exactMatch2;
-						exactMatch = (_exactMatch2 = exactMatch) !== null && _exactMatch2 !== void 0 ? _exactMatch2 : this._collectNearestNode(footerSke, DocumentSkeletonPageType.FOOTER, page, footerId, pi, cache, x, y, pageLength);
+						exactMatch = (_exactMatch2 = exactMatch) !== null && _exactMatch2 !== void 0 ? _exactMatch2 : this._collectNearestNode(footerSke, 2, page, footerId, pi, cache, x, y, pageLength);
 					}
-				} else exactMatch = this._collectNearestNode(page, DocumentSkeletonPageType.BODY, page, "", pi, cache, x, y, pageLength);
+				} else exactMatch = this._collectNearestNode(page, 0, page, "", pi, cache, x, y, pageLength);
 				if (exactMatch) return exactMatch;
 				this._translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 			}
@@ -16767,8 +16602,8 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 					}
 					const { headerId, pageWidth } = page;
 					const segmentSke = segmentId === headerId ? (_skeHeaders$get4 = skeHeaders.get(segmentId)) === null || _skeHeaders$get4 === void 0 ? void 0 : _skeHeaders$get4.get(pageWidth) : (_skeFooters$get4 = skeFooters.get(segmentId)) === null || _skeFooters$get4 === void 0 ? void 0 : _skeFooters$get4.get(pageWidth);
-					if (segmentSke) exactMatch = this._collectNearestNode(segmentSke, segmentId === headerId ? DocumentSkeletonPageType.HEADER : DocumentSkeletonPageType.FOOTER, page, segmentId, segmentPage, cache, x, y, pageLength);
-				} else exactMatch = this._collectNearestNode(page, DocumentSkeletonPageType.BODY, page, "", pi, cache, x, y, pageLength);
+					if (segmentSke) exactMatch = this._collectNearestNode(segmentSke, segmentId === headerId ? 1 : 2, page, segmentId, segmentPage, cache, x, y, pageLength);
+				} else exactMatch = this._collectNearestNode(page, 0, page, "", pi, cache, x, y, pageLength);
 				if (exactMatch) return exactMatch;
 				this._translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 			}
@@ -16780,10 +16615,10 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		this._findLiquid.translateSave();
 		const pageLeft = this._findLiquid.x;
 		const pageRight = pageLeft + page.pageWidth;
-		const pageTop = this._findLiquid.y + (pageType === DocumentSkeletonPageType.FOOTER ? page.pageHeight - segmentPage.pageHeight : 0);
+		const pageTop = this._findLiquid.y + (pageType === 2 ? page.pageHeight - segmentPage.pageHeight : 0);
 		const pageBottom = pageTop + segmentPage.pageHeight;
 		let pointInPage = x >= pageLeft && x <= pageRight && y >= pageTop && y <= pageBottom;
-		if (nestLevel === 0 && pageType === DocumentSkeletonPageType.BODY) {
+		if (nestLevel === 0 && pageType === 0) {
 			const isFirstPage = pi === 0;
 			const isLastPage = pi === pageLength - 1;
 			const halfMarginTop = page.originMarginTop / 2;
@@ -16793,13 +16628,13 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			else pointInPage = y >= pageTop - halfMarginTop && y <= pageBottom + halfMarginTop;
 		}
 		switch (pageType) {
-			case DocumentSkeletonPageType.HEADER:
+			case 1:
 				this._findLiquid.translatePagePadding({
 					...segmentPage,
 					marginLeft: page.marginLeft
 				});
 				break;
-			case DocumentSkeletonPageType.FOOTER: {
+			case 2: {
 				const footerTop = page.pageHeight - segmentPage.height - segmentPage.marginBottom;
 				this._findLiquid.translate(page.marginLeft, footerTop);
 				break;
@@ -16821,7 +16656,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 					for (let i = 0; i < lines.length; i++) {
 						const line = lines[i];
 						const { divides, type, lineHeight = 0 } = line;
-						if (type === LineType.BLOCK) continue;
+						if (type === 1) continue;
 						else {
 							this._findLiquid.translateSave();
 							this._findLiquid.translateLine(line);
@@ -16845,7 +16680,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 									if (y >= startY_fin && y <= endY_fin) {
 										if (x >= startX_fin && x <= endX_fin) return {
 											node: glyph,
-											segmentPage: pageType === DocumentSkeletonPageType.BODY ? -1 : pi,
+											segmentPage: pageType === 0 ? -1 : pi,
 											segmentId,
 											ratioX: x / (startX_fin + endX_fin),
 											ratioY: y / (startY_fin + endY_fin)
@@ -16856,7 +16691,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 										}
 										cache.nearestNodeList.push({
 											node: glyph,
-											segmentPage: pageType === DocumentSkeletonPageType.BODY ? -1 : pi,
+											segmentPage: pageType === 0 ? -1 : pi,
 											segmentId,
 											ratioX: x / (startX_fin + endX_fin),
 											ratioY: y / (startY_fin + endY_fin)
@@ -16877,7 +16712,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 									if (distanceY === nearestNodeDistanceY) {
 										cache.nearestNodeList.push({
 											node: glyph,
-											segmentPage: pageType === DocumentSkeletonPageType.BODY ? -1 : pi,
+											segmentPage: pageType === 0 ? -1 : pi,
 											segmentId,
 											ratioX: x / (startX_fin + endX_fin),
 											ratioY: y / (startY_fin + endY_fin)
@@ -16916,7 +16751,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 					const { left: cellLeft } = cell;
 					(_this$_findLiquid5 = this._findLiquid) === null || _this$_findLiquid5 === void 0 || _this$_findLiquid5.translateSave();
 					(_this$_findLiquid6 = this._findLiquid) === null || _this$_findLiquid6 === void 0 || _this$_findLiquid6.translate(cellLeft, 0);
-					exactMatch = (_exactMatch3 = exactMatch) !== null && _exactMatch3 !== void 0 ? _exactMatch3 : this._collectNearestNode(cell, DocumentSkeletonPageType.CELL, cell, segmentId, pi, cache, x, y, pageLength, nestLevel + 1);
+					exactMatch = (_exactMatch3 = exactMatch) !== null && _exactMatch3 !== void 0 ? _exactMatch3 : this._collectNearestNode(cell, 3, cell, segmentId, pi, cache, x, y, pageLength, nestLevel + 1);
 					(_this$_findLiquid7 = this._findLiquid) === null || _this$_findLiquid7 === void 0 || _this$_findLiquid7.translateRestore();
 				}
 				(_this$_findLiquid8 = this._findLiquid) === null || _this$_findLiquid8 === void 0 || _this$_findLiquid8.translateRestore();
@@ -16958,10 +16793,10 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const { x: startX, y: startY } = this._findLiquid;
 		let endX = -1;
 		let endY = -1;
-		if (pageLayoutType === PageLayoutType.VERTICAL) {
+		if (pageLayoutType === 0) {
 			endX = pageWidth;
 			endY = startY + pageHeight;
-		} else if (pageLayoutType === PageLayoutType.HORIZONTAL) {
+		} else if (pageLayoutType === 1) {
 			endX = startX + pageWidth;
 			endY = pageHeight;
 		}
@@ -17251,7 +17086,7 @@ function getFontFormat(format) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -17259,7 +17094,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/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);
@@ -17595,7 +17430,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 			const paddingTop = (_style$pd$t = (_style$pd3 = style.pd) === null || _style$pd3 === void 0 ? void 0 : _style$pd3.t) !== null && _style$pd$t !== void 0 ? _style$pd$t : DEFAULT_PADDING_DATA.t;
 			const paddingBottom = (_style$pd$b = (_style$pd4 = style.pd) === null || _style$pd4 === void 0 ? void 0 : _style$pd4.b) !== null && _style$pd$b !== void 0 ? _style$pd$b : DEFAULT_PADDING_DATA.b;
 			if ((style === null || style === void 0 ? void 0 : style.tb) === WrapStrategy.WRAP) {
-				const skeleton = new DocSimpleSkeleton(`${cell.v}`, getFontStyleString(style).fontCache, (style === null || style === void 0 ? void 0 : style.tb) === WrapStrategy.WRAP, colWidth - paddingLeft - paddingRight, Infinity);
+				const skeleton = new DocSimpleSkeleton(getDisplayValueFromCell(cell), getFontStyleString(style).fontCache, (style === null || style === void 0 ? void 0 : style.tb) === WrapStrategy.WRAP, colWidth - paddingLeft - paddingRight, Infinity);
 				skeleton.calculate();
 				return skeleton.getTotalHeight() + paddingTop + paddingBottom;
 			} else {
@@ -17641,14 +17476,14 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 	_calculateColWidth(colIndex) {
 		const worksheet = this.worksheet;
 		let colWidth = 0;
-		const visibleRangeViewMain = this.visibleRangeByViewportKey(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+		const visibleRangeViewMain = this.visibleRangeByViewportKey("viewMain");
 		if (!visibleRangeViewMain) return colWidth;
 		const { startRow: startRowOfViewMain, endRow: endRowOfViewMain } = visibleRangeViewMain;
 		const rowCount = this.worksheet.getRowCount();
 		const otherRowIndex = /* @__PURE__ */ new Set();
 		otherRowIndex.add(0);
 		otherRowIndex.add(rowCount - 1);
-		const visibleRangeViewMainTop = this.visibleRangeByViewportKey(SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP);
+		const visibleRangeViewMainTop = this.visibleRangeByViewportKey("viewMainTop");
 		if (visibleRangeViewMainTop) {
 			const { startRow: startRowOfViewMainTop, endRow: endRowOfViewMainTop } = visibleRangeViewMainTop;
 			for (let i = startRowOfViewMainTop; i <= endRowOfViewMainTop; i++) otherRowIndex.add(i);
@@ -18077,22 +17912,22 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		if (style && style.bd) {
 			const mergeRange = options === null || options === void 0 ? void 0 : options.mergeRange;
 			if (mergeRange) {
-				this._setMergeBorderProps(BORDER_TYPE.TOP, this._stylesCache, mergeRange);
-				this._setMergeBorderProps(BORDER_TYPE.BOTTOM, this._stylesCache, mergeRange);
-				this._setMergeBorderProps(BORDER_TYPE.LEFT, this._stylesCache, mergeRange);
-				this._setMergeBorderProps(BORDER_TYPE.RIGHT, this._stylesCache, mergeRange);
+				this._setMergeBorderProps("t", this._stylesCache, mergeRange);
+				this._setMergeBorderProps("b", this._stylesCache, mergeRange);
+				this._setMergeBorderProps("l", this._stylesCache, mergeRange);
+				this._setMergeBorderProps("r", this._stylesCache, mergeRange);
 			} else if (!this.intersectMergeRange(row, col)) {
-				this._setBorderProps(row, col, BORDER_TYPE.TOP, style, this._stylesCache);
-				this._setBorderProps(row, col, BORDER_TYPE.BOTTOM, style, this._stylesCache);
-				this._setBorderProps(row, col, BORDER_TYPE.LEFT, style, this._stylesCache);
-				this._setBorderProps(row, col, BORDER_TYPE.RIGHT, style, this._stylesCache);
+				this._setBorderProps(row, col, "t", style, this._stylesCache);
+				this._setBorderProps(row, col, "b", style, this._stylesCache);
+				this._setBorderProps(row, col, "l", style, this._stylesCache);
+				this._setBorderProps(row, col, "r", style, this._stylesCache);
 			}
-			this._setBorderProps(row, col, BORDER_TYPE.TL_BR, style, this._stylesCache);
-			this._setBorderProps(row, col, BORDER_TYPE.TL_BC, style, this._stylesCache);
-			this._setBorderProps(row, col, BORDER_TYPE.TL_MR, style, this._stylesCache);
-			this._setBorderProps(row, col, BORDER_TYPE.BL_TR, style, this._stylesCache);
-			this._setBorderProps(row, col, BORDER_TYPE.ML_TR, style, this._stylesCache);
-			this._setBorderProps(row, col, BORDER_TYPE.BC_TR, style, this._stylesCache);
+			this._setBorderProps(row, col, "tl_br", style, this._stylesCache);
+			this._setBorderProps(row, col, "tl_bc", style, this._stylesCache);
+			this._setBorderProps(row, col, "tl_mr", style, this._stylesCache);
+			this._setBorderProps(row, col, "bl_tr", style, this._stylesCache);
+			this._setBorderProps(row, col, "ml_tr", style, this._stylesCache);
+			this._setBorderProps(row, col, "bc_tr", style, this._stylesCache);
 		}
 	}
 	_setBgStylesCache(row, col, style, options) {
@@ -18213,29 +18048,29 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		let forEnd = mergeRange.endRow;
 		let row = mergeRange.startRow;
 		let column = mergeRange.startColumn;
-		if (type === BORDER_TYPE.TOP) {
+		if (type === "t") {
 			row = mergeRange.startRow;
 			forStart = mergeRange.startColumn;
 			forEnd = mergeRange.endColumn;
-		} else if (type === BORDER_TYPE.BOTTOM) {
+		} else if (type === "b") {
 			row = mergeRange.endRow;
 			forStart = mergeRange.startColumn;
 			forEnd = mergeRange.endColumn;
-		} else if (type === BORDER_TYPE.LEFT) {
+		} else if (type === "l") {
 			column = mergeRange.startColumn;
 			forStart = mergeRange.startRow;
 			forEnd = mergeRange.endRow;
-		} else if (type === BORDER_TYPE.RIGHT) {
+		} else if (type === "r") {
 			column = mergeRange.endColumn;
 			forStart = mergeRange.startRow;
 			forEnd = mergeRange.endRow;
 		}
 		for (let i = forStart; i <= forEnd; i++) {
 			var _cell$themeStyle, _style$bd$type, _style$bd;
-			if (type === BORDER_TYPE.TOP) column = i;
-			else if (type === BORDER_TYPE.BOTTOM) column = i;
-			else if (type === BORDER_TYPE.LEFT) row = i;
-			else if (type === BORDER_TYPE.RIGHT) row = i;
+			if (type === "t") column = i;
+			else if (type === "b") column = i;
+			else if (type === "l") row = i;
+			else if (type === "r") row = i;
 			const cell = this.worksheet.getCell(row, column);
 			if (!cell) break;
 			const themeStyleBackground = (_cell$themeStyle = cell.themeStyle) === null || _cell$themeStyle === void 0 ? void 0 : _cell$themeStyle.bd;
@@ -18275,12 +18110,12 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		* When the top border of a cell and the bottom border of the cell above it (r-1) overlap,
 		* if the top border of cell r is white, then the rendering is ignored.
 		*/
-		if (type === BORDER_TYPE.TOP) {
+		if (type === "t") {
 			var _borderCache$getValue;
-			if (((_borderCache$getValue = borderCache.getValue(r - 1, c)) === null || _borderCache$getValue === void 0 ? void 0 : _borderCache$getValue[BORDER_TYPE.BOTTOM]) && isWhiteColor(rgb)) return;
-		} else if (type === BORDER_TYPE.LEFT) {
+			if (((_borderCache$getValue = borderCache.getValue(r - 1, c)) === null || _borderCache$getValue === void 0 ? void 0 : _borderCache$getValue["b"]) && isWhiteColor(rgb)) return;
+		} else if (type === "l") {
 			var _borderCache$getValue2;
-			if (((_borderCache$getValue2 = borderCache.getValue(r, c - 1)) === null || _borderCache$getValue2 === void 0 ? void 0 : _borderCache$getValue2[BORDER_TYPE.RIGHT]) && isWhiteColor(rgb)) return;
+			if (((_borderCache$getValue2 = borderCache.getValue(r, c - 1)) === null || _borderCache$getValue2 === void 0 ? void 0 : _borderCache$getValue2["r"]) && isWhiteColor(rgb)) return;
 		}
 		borderCache.getValue(r, c)[type] = {
 			type,
@@ -18556,40 +18391,24 @@ var Font = class extends SheetExtension {
 		return false;
 	}
 	_renderImages(ctx, fontsConfig, startX, startY, endX, endY) {
-		var _getSkeletonData;
+		var _fontsConfig$style, _padding$l, _padding$r, _padding$t, _padding$b, _getSkeletonData;
 		const { documentSkeleton, verticalAlign, horizontalAlign } = fontsConfig;
-		const fontHeight = documentSkeleton.getSkeletonData().pages[0].height;
-		const fontWidth = documentSkeleton.getSkeletonData().pages[0].width;
 		const PADDING = 2;
-		let fontX = startX;
-		let fontY = startY;
-		switch (verticalAlign) {
-			case VerticalAlign.TOP:
-				fontY = startY + PADDING;
-				break;
-			case VerticalAlign.MIDDLE:
-				fontY = (startY + endY) / 2 - fontHeight / 2;
-				break;
-			default:
-				fontY = endY - fontHeight - PADDING;
-				break;
-		}
-		switch (horizontalAlign) {
-			case HorizontalAlign.RIGHT:
-				fontX = endX - fontWidth - PADDING;
-				break;
-			case HorizontalAlign.CENTER:
-				fontX = (startX + endX) / 2 - fontWidth / 2;
-				break;
-			default:
-				fontX = startX + PADDING;
-				break;
-		}
+		const padding = (_fontsConfig$style = fontsConfig.style) === null || _fontsConfig$style === void 0 ? void 0 : _fontsConfig$style.pd;
+		const paddingLeft = (_padding$l = padding === null || padding === void 0 ? void 0 : padding.l) !== null && _padding$l !== void 0 ? _padding$l : PADDING;
+		const paddingRight = (_padding$r = padding === null || padding === void 0 ? void 0 : padding.r) !== null && _padding$r !== void 0 ? _padding$r : PADDING;
+		const paddingTop = (_padding$t = padding === null || padding === void 0 ? void 0 : padding.t) !== null && _padding$t !== void 0 ? _padding$t : PADDING;
+		const paddingBottom = (_padding$b = padding === null || padding === void 0 ? void 0 : padding.b) !== null && _padding$b !== void 0 ? _padding$b : PADDING;
+		const contentStartX = startX + paddingLeft;
+		const contentEndX = endX - paddingRight;
+		const contentStartY = startY + paddingTop;
+		const contentEndY = endY - paddingBottom;
 		const drawingDatas = documentSkeleton.getViewModel().getDataModel().getDrawings();
 		const drawings = (_getSkeletonData = documentSkeleton.getSkeletonData()) === null || _getSkeletonData === void 0 ? void 0 : _getSkeletonData.pages[0].skeDrawings;
 		drawings === null || drawings === void 0 || drawings.forEach((drawing) => {
 			const drawingData = drawingDatas === null || drawingDatas === void 0 ? void 0 : drawingDatas[drawing.drawingId];
 			if (drawingData) {
+				var _drawingData$docTrans, _drawingData$docTrans2, _drawingData$docTrans3, _drawingData$docTrans4, _drawingData$docTrans5, _drawingData$docTrans6;
 				const image = fontsConfig.imageCacheMap.getImage(drawingData.imageSourceType, drawingData.source, () => {
 					var _this$parent;
 					(_this$parent = this.parent) === null || _this$parent === void 0 || _this$parent.makeDirty();
@@ -18597,11 +18416,33 @@ var Font = class extends SheetExtension {
 					var _this$parent2;
 					(_this$parent2 = this.parent) === null || _this$parent2 === void 0 || _this$parent2.makeDirty();
 				});
-				const x = fontX + drawing.aLeft;
-				const y = fontY + drawing.aTop;
-				const width = drawing.width;
-				const height = drawing.height;
-				const angle = drawing.angle;
+				const width = (_drawingData$docTrans = (_drawingData$docTrans2 = drawingData.docTransform) === null || _drawingData$docTrans2 === void 0 ? void 0 : _drawingData$docTrans2.size.width) !== null && _drawingData$docTrans !== void 0 ? _drawingData$docTrans : drawing.width;
+				const height = (_drawingData$docTrans3 = (_drawingData$docTrans4 = drawingData.docTransform) === null || _drawingData$docTrans4 === void 0 ? void 0 : _drawingData$docTrans4.size.height) !== null && _drawingData$docTrans3 !== void 0 ? _drawingData$docTrans3 : drawing.height;
+				const angle = (_drawingData$docTrans5 = (_drawingData$docTrans6 = drawingData.docTransform) === null || _drawingData$docTrans6 === void 0 ? void 0 : _drawingData$docTrans6.angle) !== null && _drawingData$docTrans5 !== void 0 ? _drawingData$docTrans5 : drawing.angle;
+				let x = startX;
+				let y = startY;
+				switch (verticalAlign) {
+					case VerticalAlign.TOP:
+						y = contentStartY;
+						break;
+					case VerticalAlign.MIDDLE:
+						y = (contentStartY + contentEndY) / 2 - height / 2;
+						break;
+					default:
+						y = contentEndY - height;
+						break;
+				}
+				switch (horizontalAlign) {
+					case HorizontalAlign.RIGHT:
+						x = contentEndX - width;
+						break;
+					case HorizontalAlign.CENTER:
+						x = (contentStartX + contentEndX) / 2 - width / 2;
+						break;
+					default:
+						x = contentStartX;
+						break;
+				}
 				const { rotatedHeight, rotatedWidth } = rotatedBoundingBox(width, height, angle);
 				if (image && image.complete) {
 					const angleRadians = angle * Math.PI / 180;
@@ -18669,17 +18510,17 @@ var Font = class extends SheetExtension {
 		renderFontContext.endY = endY;
 	}
 	_renderText(ctx, row, col, renderFontCtx, overflowCache) {
-		var _fontCache$style$pd, _fontCache$style, _padding$l, _padding$r, _padding$t, _padding$b, _fontCache$style2, _fontCache$style3, _fontCache$style4, _fontCache$style5;
+		var _fontCache$style$pd, _fontCache$style, _padding$l2, _padding$r2, _padding$t2, _padding$b2, _fontCache$style2, _fontCache$style3, _fontCache$style4, _fontCache$style5;
 		const { fontCache } = renderFontCtx;
 		if (!fontCache) return;
 		const padding = (_fontCache$style$pd = (_fontCache$style = fontCache.style) === null || _fontCache$style === void 0 ? void 0 : _fontCache$style.pd) !== null && _fontCache$style$pd !== void 0 ? _fontCache$style$pd : DEFAULT_PADDING_DATA;
-		const paddingLeft = (_padding$l = padding.l) !== null && _padding$l !== void 0 ? _padding$l : DEFAULT_PADDING_DATA.l;
-		const paddingRight = (_padding$r = padding.r) !== null && _padding$r !== void 0 ? _padding$r : DEFAULT_PADDING_DATA.r;
-		const paddingTop = (_padding$t = padding.t) !== null && _padding$t !== void 0 ? _padding$t : DEFAULT_PADDING_DATA.t;
-		const paddingBottom = (_padding$b = padding.b) !== null && _padding$b !== void 0 ? _padding$b : DEFAULT_PADDING_DATA.b;
+		const paddingLeft = (_padding$l2 = padding.l) !== null && _padding$l2 !== void 0 ? _padding$l2 : DEFAULT_PADDING_DATA.l;
+		const paddingRight = (_padding$r2 = padding.r) !== null && _padding$r2 !== void 0 ? _padding$r2 : DEFAULT_PADDING_DATA.r;
+		const paddingTop = (_padding$t2 = padding.t) !== null && _padding$t2 !== void 0 ? _padding$t2 : DEFAULT_PADDING_DATA.t;
+		const paddingBottom = (_padding$b2 = padding.b) !== null && _padding$b2 !== void 0 ? _padding$b2 : DEFAULT_PADDING_DATA.b;
 		const { vertexAngle = 0, wrapStrategy, cellData } = fontCache;
 		if ((cellData === null || cellData === void 0 ? void 0 : cellData.v) === void 0 || (cellData === null || cellData === void 0 ? void 0 : cellData.v) === null) return;
-		const text = extractPureTextFromCell(cellData);
+		const text = getDisplayValueFromCell(cellData);
 		const { startX, startY, endX, endY } = renderFontCtx;
 		const cellWidth = endX - startX - paddingLeft - paddingRight;
 		const cellHeight = endY - startY - paddingTop - paddingBottom;
@@ -19127,7 +18968,7 @@ var DocComponent = class extends RenderComponent {
 		this._skeleton = _skeleton;
 		_defineProperty(this, "pageMarginLeft", 0);
 		_defineProperty(this, "pageMarginTop", 0);
-		_defineProperty(this, "pageLayoutType", PageLayoutType.VERTICAL);
+		_defineProperty(this, "pageLayoutType", 0);
 		this._setConfig(config);
 	}
 	getSkeleton() {
@@ -19142,7 +18983,7 @@ var DocComponent = class extends RenderComponent {
 		if ((config === null || config === void 0 ? void 0 : config.pageMarginTop) != null) this.pageMarginTop = config === null || config === void 0 ? void 0 : config.pageMarginTop;
 		else this.pageMarginTop = 14;
 		if ((config === null || config === void 0 ? void 0 : config.pageLayoutType) != null) this.pageLayoutType = config === null || config === void 0 ? void 0 : config.pageLayoutType;
-		else this.pageLayoutType = PageLayoutType.VERTICAL;
+		else this.pageLayoutType = 0;
 	}
 	render(mainCtx, bounds) {
 		if (!this.visible) {
@@ -19162,7 +19003,7 @@ var DocComponent = class extends RenderComponent {
 			scaleY: 1
 		};
 		let { scaleX = 1, scaleY = 1 } = this.parent;
-		if (this.parent.classType === RENDER_CLASS_TYPE.SCENE) {
+		if (this.parent.classType === "Scene") {
 			scaleX = this.parent.ancestorScaleX || 1;
 			scaleY = this.parent.ancestorScaleY || 1;
 		}
@@ -19186,15 +19027,10 @@ var DocComponent = class extends RenderComponent {
 
 //#endregion
 //#region src/components/docs/doc-extension.ts
-let DOCS_EXTENSION_TYPE = /* @__PURE__ */ function(DOCS_EXTENSION_TYPE) {
-	DOCS_EXTENSION_TYPE[DOCS_EXTENSION_TYPE["SPAN"] = 0] = "SPAN";
-	DOCS_EXTENSION_TYPE[DOCS_EXTENSION_TYPE["LINE"] = 1] = "LINE";
-	return DOCS_EXTENSION_TYPE;
-}({});
 var docExtension = class extends ComponentExtension {
 	constructor(..._args) {
 		super(..._args);
-		_defineProperty(this, "type", DOCS_EXTENSION_TYPE.SPAN);
+		_defineProperty(this, "type", 0);
 		_defineProperty(this, "translateX", 0);
 		_defineProperty(this, "translateY", 0);
 	}
@@ -19289,10 +19125,10 @@ var Border$1 = class extends docExtension {
 	_createBorderCache(borderData) {
 		const { t, b, l, r } = borderData;
 		const borderCache = /* @__PURE__ */ new Map();
-		t && borderCache.set(BORDER_TYPE.TOP, t);
-		b && borderCache.set(BORDER_TYPE.BOTTOM, b);
-		l && borderCache.set(BORDER_TYPE.LEFT, l);
-		r && borderCache.set(BORDER_TYPE.RIGHT, r);
+		t && borderCache.set("t", t);
+		b && borderCache.set("b", b);
+		l && borderCache.set("l", l);
+		r && borderCache.set("r", r);
 		return borderCache;
 	}
 };
@@ -19344,12 +19180,12 @@ var Circle = class Circle extends Shape {
 	constructor(key, props) {
 		super(key, props);
 		_defineProperty(this, "_radius", void 0);
-		_defineProperty(this, "objectType", ObjectType.CIRCLE);
+		_defineProperty(this, "objectType", 5);
 		this._radius = (props === null || props === void 0 ? void 0 : props.radius) || 10;
 		this._setFixBoundingBox();
 		this.onTransformChange$.subscribeEvent((changeState) => {
 			const { type, value, preValue } = changeState;
-			if (type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize || type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.all) {
+			if (type === 1 || type === 5) {
 				const value = Math.min(this.width, this.height);
 				this._radius = value / 2;
 				this.width = value;
@@ -19418,7 +19254,7 @@ const RECT_OBJECT_ARRAY = ["radius"];
 var Rect = class Rect extends Shape {
 	constructor(key, props) {
 		super(key, props);
-		_defineProperty(this, "objectType", ObjectType.RECT);
+		_defineProperty(this, "objectType", 4);
 		_defineProperty(this, "_radius", 0);
 		_defineProperty(this, "_opacity", 1);
 		_defineProperty(this, "_visualHeight", void 0);
@@ -19606,7 +19442,7 @@ var Image$1 = class extends Shape {
 		_defineProperty(this, "_renderByCropper", false);
 		_defineProperty(this, "_transformCalculateSrcRect", true);
 		_defineProperty(this, "_clipService", null);
-		_defineProperty(this, "objectType", ObjectType.IMAGE);
+		_defineProperty(this, "objectType", 3);
 		_defineProperty(this, "isDrawingObject", true);
 		this._props = { ...config };
 		if (config.image) {
@@ -19654,7 +19490,7 @@ var Image$1 = class extends Shape {
 		return this._clipService;
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.IMAGE;
+		return "Image";
 	}
 	transformByStateCloseCropper(option) {
 		this._transformCalculateSrcRect = false;
@@ -19872,7 +19708,7 @@ var Image$1 = class extends Shape {
 			centerY
 		]);
 		const parent = this.getParent();
-		const oCoord = (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === RENDER_CLASS_TYPE.GROUP ? parent.ancestorTransform.multiply(renderTransform) : renderTransform).invert().applyPoint(coord);
+		const oCoord = (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group" ? parent.ancestorTransform.multiply(renderTransform) : renderTransform).invert().applyPoint(coord);
 		const halfWidth = realWidth / 2;
 		const halfHeight = realHeight / 2;
 		if (oCoord.x >= -halfWidth - this.strokeWidth / 2 && oCoord.x <= halfWidth + this.strokeWidth / 2 && oCoord.y >= -halfHeight - this.strokeWidth / 2 && oCoord.y <= halfHeight + this.strokeWidth / 2) return true;
@@ -19901,7 +19737,7 @@ var Path = class Path extends Shape {
 		this._setFixBoundingBox();
 		this.onTransformChange$.subscribeEvent((changeState) => {
 			const { type, preValue } = changeState;
-			if (type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize || type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.all) {
+			if (type === 1 || type === 5) {
 				this._reCalculateCache = true;
 				const { left, top, width, height } = this._getSelfRect();
 				const { width: preWidth, height: preHeight } = preValue;
@@ -20569,7 +20405,7 @@ var RegularPolygon = class RegularPolygon extends Shape {
 		this._setFixBoundingBox();
 		this.onTransformChange$.subscribeEvent((changeState) => {
 			const { type, value, preValue } = changeState;
-			if (type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize || type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.all) this.resizePolygon(preValue);
+			if (type === 1 || type === 5) this.resizePolygon(preValue);
 		});
 	}
 	get pointsGroup() {
@@ -20736,7 +20572,7 @@ var RichText = class extends BaseObject {
 		_defineProperty(this, "_bg", void 0);
 		_defineProperty(this, "_bd", void 0);
 		_defineProperty(this, "_cl", void 0);
-		_defineProperty(this, "objectType", ObjectType.RICH_TEXT);
+		_defineProperty(this, "objectType", 1);
 		if (props === null || props === void 0 ? void 0 : props.richText) this._documentData = props.richText;
 		else if (props) {
 			this._fs = props.fs;
@@ -20761,7 +20597,7 @@ var RichText = class extends BaseObject {
 		this._initialProps(props);
 		this.onTransformChange$.subscribeEvent((changeState) => {
 			const { type } = changeState;
-			if (type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize || type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.all) {
+			if (type === 1 || type === 5) {
 				docModel.updateDocumentDataPageSize(this.width);
 				this._documentSkeleton.makeDirty(true);
 				this._documentSkeleton.calculate();
@@ -21454,7 +21290,7 @@ var FontAndBaseLine = class extends docExtension {
 			ctx.restore();
 		} else {
 			const CHECKED_GLYPH = "☑";
-			if ((content === "☐" || content === CHECKED_GLYPH) && glyph.glyphType === GlyphType.LIST) {
+			if ((content === "☐" || content === CHECKED_GLYPH) && glyph.glyphType === 2) {
 				var _glyph$ts$fs, _glyph$ts;
 				const size = Math.ceil(((_glyph$ts$fs = (_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs) !== null && _glyph$ts$fs !== void 0 ? _glyph$ts$fs : 12) * 1.2);
 				ctx.save();
@@ -21713,7 +21549,7 @@ var Documents = class Documents extends DocComponent {
 		const extensions = this.getExtensionsByOrder();
 		for (const extension of extensions) extension.clearCache();
 		const backgroundExtension = extensions.find((e) => e.uKey === "DefaultDocsBackgroundExtension");
-		const glyphExtensionsExcludeBackground = extensions.filter((e) => e.type === DOCS_EXTENSION_TYPE.SPAN && e.uKey !== "DefaultDocsBackgroundExtension");
+		const glyphExtensionsExcludeBackground = extensions.filter((e) => e.type === 0 && e.uKey !== "DefaultDocsBackgroundExtension");
 		let pageTop = 0;
 		let pageLeft = 0;
 		for (let i = 0, len = pages.length; i < len; i++) {
@@ -21771,8 +21607,8 @@ var Documents = class Documents extends DocComponent {
 						const maxLineAsc = asc;
 						const maxLineAscSin = maxLineAsc * Math.sin(centerAngle);
 						const maxLineAscCos = maxLineAsc * Math.cos(centerAngle);
-						if (type === LineType.BLOCK) {
-							for (const extension of extensions) if (extension.type === DOCS_EXTENSION_TYPE.LINE) {
+						if (type === 1) {
+							for (const extension of extensions) if (extension.type === 1) {
 								extension.extensionOffset = {
 									alignOffset,
 									renderConfig
@@ -21882,7 +21718,7 @@ var Documents = class Documents extends DocComponent {
 		ctx.save();
 		ctx.setLineWidthByPrecision(1);
 		ctx.strokeStyle = (_line$borderBottom$co = (_line$borderBottom2 = line.borderBottom) === null || _line$borderBottom2 === void 0 ? void 0 : _line$borderBottom2.color.rgb) !== null && _line$borderBottom$co !== void 0 ? _line$borderBottom$co : "#CDD0D8";
-		drawLineByBorderType(ctx, BORDER_TYPE.BOTTOM, 0, {
+		drawLineByBorderType(ctx, "b", 0, {
 			startX: x,
 			startY: y,
 			endX: x + pageWidth - marginLeft - marginRight,
@@ -21918,8 +21754,8 @@ var Documents = class Documents extends DocComponent {
 					const maxLineAsc = asc;
 					const maxLineAscSin = maxLineAsc * Math.sin(centerAngle);
 					const maxLineAscCos = maxLineAsc * Math.cos(centerAngle);
-					if (type === LineType.BLOCK) {
-						for (const extension of extensions) if (extension.type === DOCS_EXTENSION_TYPE.LINE) {
+					if (type === 1) {
+						for (const extension of extensions) if (extension.type === 1) {
 							extension.extensionOffset = {
 								alignOffset,
 								renderConfig
@@ -21999,7 +21835,7 @@ var Documents = class Documents extends DocComponent {
 		ctx.setLineWidthByPrecision(1);
 		ctx.save();
 		ctx.strokeStyle = (_borderLeft$color$rgb = borderLeft.color.rgb) !== null && _borderLeft$color$rgb !== void 0 ? _borderLeft$color$rgb : DEFAULT_BORDER_COLOR.color.rgb;
-		drawLineByBorderType(ctx, BORDER_TYPE.LEFT, 0, {
+		drawLineByBorderType(ctx, "l", 0, {
 			startX: x,
 			startY: y,
 			endX: x + pageWidth,
@@ -22008,7 +21844,7 @@ var Documents = class Documents extends DocComponent {
 		ctx.restore();
 		ctx.save();
 		ctx.strokeStyle = (_borderTop$color$rgb = borderTop.color.rgb) !== null && _borderTop$color$rgb !== void 0 ? _borderTop$color$rgb : DEFAULT_BORDER_COLOR.color.rgb;
-		drawLineByBorderType(ctx, BORDER_TYPE.TOP, 0, {
+		drawLineByBorderType(ctx, "t", 0, {
 			startX: x,
 			startY: y,
 			endX: x + pageWidth,
@@ -22017,7 +21853,7 @@ var Documents = class Documents extends DocComponent {
 		ctx.restore();
 		ctx.save();
 		ctx.strokeStyle = (_borderRight$color$rg = borderRight.color.rgb) !== null && _borderRight$color$rg !== void 0 ? _borderRight$color$rg : DEFAULT_BORDER_COLOR.color.rgb;
-		drawLineByBorderType(ctx, BORDER_TYPE.RIGHT, 0, {
+		drawLineByBorderType(ctx, "r", 0, {
 			startX: x,
 			startY: y,
 			endX: x + pageWidth,
@@ -22026,7 +21862,7 @@ var Documents = class Documents extends DocComponent {
 		ctx.restore();
 		ctx.save();
 		ctx.strokeStyle = (_borderBottom$color$r = borderBottom.color.rgb) !== null && _borderBottom$color$r !== void 0 ? _borderBottom$color$r : DEFAULT_BORDER_COLOR.color.rgb;
-		drawLineByBorderType(ctx, BORDER_TYPE.BOTTOM, 0, {
+		drawLineByBorderType(ctx, "b", 0, {
 			startX: x,
 			startY: y,
 			endX: x + pageWidth,
@@ -22055,8 +21891,8 @@ var Documents = class Documents extends DocComponent {
 					const maxLineAsc = asc;
 					const maxLineAscSin = maxLineAsc * Math.sin(centerAngle);
 					const maxLineAscCos = maxLineAsc * Math.cos(centerAngle);
-					if (type === LineType.BLOCK) {
-						for (const extension of extensions) if (extension.type === DOCS_EXTENSION_TYPE.LINE) {
+					if (type === 1) {
+						for (const extension of extensions) if (extension.type === 1) {
 							extension.extensionOffset = {
 								alignOffset,
 								renderConfig
@@ -22479,14 +22315,14 @@ var Spreadsheet = class extends SheetComponent {
 	_getAncestorSize() {
 		const parent = this._getAncestorParent();
 		if (!parent) return;
-		if (parent.classType === RENDER_CLASS_TYPE.ENGINE) {
+		if (parent.classType === "Engine") {
 			const mainCanvas = parent.getCanvas();
 			return {
 				width: mainCanvas.getWidth(),
 				height: mainCanvas.getHeight()
 			};
 		}
-		if (parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) return {
+		if (parent.classType === "SceneViewer") return {
 			width: parent.width,
 			height: parent.height
 		};
@@ -22494,7 +22330,7 @@ var Spreadsheet = class extends SheetComponent {
 	_getAncestorParent() {
 		let parent = this.parent;
 		while (parent) {
-			if (parent.classType === RENDER_CLASS_TYPE.ENGINE || parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) return parent;
+			if (parent.classType === "Engine" || parent.classType === "SceneViewer") return parent;
 			parent = (parent === null || parent === void 0 ? void 0 : parent.getParent) && (parent === null || parent === void 0 ? void 0 : parent.getParent());
 		}
 	}
@@ -22751,9 +22587,9 @@ let IWatermarkTypeEnum = /* @__PURE__ */ function(IWatermarkTypeEnum) {
 function renderWatermark(ctx, config, image, userInfo) {
 	const type = config.type;
 	const watermarkConfig = config.config;
-	if (type === IWatermarkTypeEnum.UserInfo && watermarkConfig.userInfo) renderUserInfoWatermark(ctx, watermarkConfig.userInfo, userInfo);
-	else if (type === IWatermarkTypeEnum.Image && watermarkConfig.image) renderImageWatermark(ctx, watermarkConfig.image, image);
-	else if (type === IWatermarkTypeEnum.Text && watermarkConfig.text) renderTextWatermark(ctx, watermarkConfig.text);
+	if (type === "userInfo" && watermarkConfig.userInfo) renderUserInfoWatermark(ctx, watermarkConfig.userInfo, userInfo);
+	else if (type === "image" && watermarkConfig.image) renderImageWatermark(ctx, watermarkConfig.image, image);
+	else if (type === "text" && watermarkConfig.text) renderTextWatermark(ctx, watermarkConfig.text);
 }
 function renderUserInfoWatermark(ctx, config, userInfo) {
 	const { x, y, repeat, spacingX, spacingY, rotate, opacity, name, fontSize, color, bold, italic, direction } = config;
@@ -22909,7 +22745,7 @@ var Layer = class extends Disposable {
 	* @returns {Layer} this
 	*/
 	addObject(o) {
-		if (o.classType === RENDER_CLASS_TYPE.GROUP) {
+		if (o.classType === "Group") {
 			const objects = o.getObjects();
 			for (const object of objects) {
 				if (this.scene.getObject(object.oKey)) continue;
@@ -22971,7 +22807,7 @@ var Layer = class extends Disposable {
 		* parent is SceneViewer, make it dirty
 		*/
 		const parent = this.scene.getParent();
-		if (parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) parent.makeDirty(true);
+		if (parent.classType === "SceneViewer") parent.makeDirty(true);
 		return this;
 	}
 	makeDirtyWithDebounce(state = true) {
@@ -23078,7 +22914,7 @@ var WatermarkLayer = class extends Layer {
 	updateConfig(config, user) {
 		var _this$_config;
 		this._config = config;
-		if (((_this$_config = this._config) === null || _this$_config === void 0 ? void 0 : _this$_config.type) === IWatermarkTypeEnum.Image && this._config.config.image) {
+		if (((_this$_config = this._config) === null || _this$_config === void 0 ? void 0 : _this$_config.type) === "image" && this._config.config.image) {
 			this._image = new Image();
 			this._image.src = this._config.config.image.url;
 		}
@@ -23116,7 +22952,7 @@ var SceneViewer = class extends BaseObject {
 		this._initialProps(props);
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.SCENE_VIEWER;
+		return "SceneViewer";
 	}
 	render(mainCtx, bounds) {
 		var _this$_activeSubScene;
@@ -23243,7 +23079,7 @@ var Slide = class extends SceneViewer {
 	addNavigation() {
 		const scene = this.getActiveSubScene();
 		if (scene == null || this._navigationEnabled === false) return;
-		const leftArrow = new Path(SLIDE_NAVIGATION_KEY.LEFT, {
+		const leftArrow = new Path("__slideNavigationLeft__", {
 			data: arrowPath,
 			width: 60,
 			height: 60,
@@ -23252,7 +23088,7 @@ var Slide = class extends SceneViewer {
 			fill: this._getArrowColor(),
 			flipX: true
 		});
-		const rightArrow = new Path(SLIDE_NAVIGATION_KEY.RIGHT, {
+		const rightArrow = new Path("__slideNavigationRight__", {
 			data: arrowPath,
 			width: 60,
 			height: 60,
@@ -23261,11 +23097,11 @@ var Slide = class extends SceneViewer {
 			fill: this._getArrowColor()
 		});
 		const hoverIn = (o, evt) => {
-			o.setCursor(CURSOR_TYPE.POINTER);
+			o.setCursor("pointer");
 			o.setProps({ fill: this._getArrowColor(true) });
 		};
 		const hoverOut = (o, evt) => {
-			o.setCursor(CURSOR_TYPE.DEFAULT);
+			o.setCursor("default");
 			o.setProps({ fill: this._getArrowColor() });
 		};
 		attachObjectHover(leftArrow, hoverIn, hoverOut);
@@ -23277,8 +23113,8 @@ var Slide = class extends SceneViewer {
 		var _scene$getObject, _scene$getObject2;
 		const scene = this.getActiveSubScene();
 		if (scene == null || this._navigationEnabled === false) return;
-		(_scene$getObject = scene.getObject(SLIDE_NAVIGATION_KEY.LEFT)) === null || _scene$getObject === void 0 || _scene$getObject.dispose();
-		(_scene$getObject2 = scene.getObject(SLIDE_NAVIGATION_KEY.RIGHT)) === null || _scene$getObject2 === void 0 || _scene$getObject2.dispose();
+		(_scene$getObject = scene.getObject("__slideNavigationLeft__")) === null || _scene$getObject === void 0 || _scene$getObject.dispose();
+		(_scene$getObject2 = scene.getObject("__slideNavigationRight__")) === null || _scene$getObject2 === void 0 || _scene$getObject2.dispose();
 	}
 	enableNav() {
 		this._navigationEnabled = true;
@@ -23290,15 +23126,15 @@ var Slide = class extends SceneViewer {
 		var _scene$getObject3, _scene$getObject4;
 		const scene = this.getActiveSubScene();
 		if (scene == null || this._navigationEnabled === false) return;
-		(_scene$getObject3 = scene.getObject(SLIDE_NAVIGATION_KEY.LEFT)) === null || _scene$getObject3 === void 0 || _scene$getObject3.hide();
-		(_scene$getObject4 = scene.getObject(SLIDE_NAVIGATION_KEY.RIGHT)) === null || _scene$getObject4 === void 0 || _scene$getObject4.hide();
+		(_scene$getObject3 = scene.getObject("__slideNavigationLeft__")) === null || _scene$getObject3 === void 0 || _scene$getObject3.hide();
+		(_scene$getObject4 = scene.getObject("__slideNavigationRight__")) === null || _scene$getObject4 === void 0 || _scene$getObject4.hide();
 	}
 	showNav() {
 		var _scene$getObject5, _scene$getObject6;
 		const scene = this.getActiveSubScene();
 		if (scene == null || this._navigationEnabled === false) return;
-		(_scene$getObject5 = scene.getObject(SLIDE_NAVIGATION_KEY.LEFT)) === null || _scene$getObject5 === void 0 || _scene$getObject5.show();
-		(_scene$getObject6 = scene.getObject(SLIDE_NAVIGATION_KEY.RIGHT)) === null || _scene$getObject6 === void 0 || _scene$getObject6.show();
+		(_scene$getObject5 = scene.getObject("__slideNavigationLeft__")) === null || _scene$getObject5 === void 0 || _scene$getObject5.show();
+		(_scene$getObject6 = scene.getObject("__slideNavigationRight__")) === null || _scene$getObject6 === void 0 || _scene$getObject6.show();
 	}
 	renderToThumb(mainCtx, pageId, scaleX = 1, scaleY = 1) {
 		const scene = this.getSubScene(pageId);
@@ -23512,7 +23348,7 @@ var Group = class extends BaseObject {
 		this.addObjects(...objects);
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.GROUP;
+		return "Group";
 	}
 	set cursor(val) {
 		this.setCursor(val);
@@ -23632,7 +23468,7 @@ var Group = class extends BaseObject {
 	}
 	_transformObject(object, groupWidth, groupHeight) {
 		const transform = transformObjectOutOfGroup(object.getState(), this.getState(), groupWidth, groupHeight);
-		if (object.classType === RENDER_CLASS_TYPE.GROUP) object.transformByState({
+		if (object.classType === "Group") object.transformByState({
 			left: transform.left,
 			top: transform.top
 		});
@@ -23716,7 +23552,7 @@ var DrawingGroupObject = class extends Group {
 			centerY
 		]);
 		const parent = this.getParent();
-		if (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === RENDER_CLASS_TYPE.GROUP) return parent.ancestorTransform.multiply(renderTransform);
+		if (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group") return parent.ancestorTransform.multiply(renderTransform);
 		return renderTransform;
 	}
 	render(ctx, bounds) {
@@ -23747,7 +23583,7 @@ var DrawingGroupObject = class extends Group {
 			centerY
 		]);
 		const parent = this.getParent();
-		const oCoord = (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === RENDER_CLASS_TYPE.GROUP ? parent.ancestorTransform.multiply(renderTransform) : renderTransform).invert().applyPoint(coord);
+		const oCoord = (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group" ? parent.ancestorTransform.multiply(renderTransform) : renderTransform).invert().applyPoint(coord);
 		const halfWidth = realWidth / 2;
 		const halfHeight = realHeight / 2;
 		if (oCoord.x < -halfWidth || oCoord.x > halfWidth || oCoord.y < -halfHeight || oCoord.y > halfHeight) return false;
@@ -23991,7 +23827,7 @@ let Engine = class Engine extends Disposable {
 		return this.getCanvas().getHeight();
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.ENGINE;
+		return "Engine";
 	}
 	get activeScene() {
 		return this._activeScene;
@@ -24061,7 +23897,7 @@ let Engine = class Engine extends Disposable {
 		const options = Object.assign({}, {
 			elementHeight: 1,
 			elementWidth: 1,
-			renderMode: CanvasRenderMode.Rendering,
+			renderMode: 0,
 			dpr: 1
 		}, _options);
 		this._canvas = new Canvas({
@@ -24075,7 +23911,7 @@ let Engine = class Engine extends Disposable {
 		this._handleKeyboardAction();
 		this._handlePointerAction();
 		this._handleDragAction();
-		if (options.renderMode !== CanvasRenderMode.Printing) this._matchMediaHandler();
+		if (options.renderMode !== 1) this._matchMediaHandler();
 	}
 	getScenes() {
 		return this._scenes;
@@ -24208,7 +24044,7 @@ let Engine = class Engine extends Disposable {
 		const preHeight = this.height;
 		this.getCanvas().setSize(width, height);
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize,
+			type: 1,
 			value: {
 				width,
 				height
@@ -24354,13 +24190,13 @@ let Engine = class Engine extends Disposable {
 	_handleKeyboardAction() {
 		const keyboardDownEvent = (evt) => {
 			const deviceEvent = evt;
-			deviceEvent.deviceType = DeviceType.Keyboard;
+			deviceEvent.deviceType = 1;
 			deviceEvent.inputIndex = evt.keyCode;
 			this.onInputChanged$.emitEvent(deviceEvent);
 		};
 		const keyboardUpEvent = (evt) => {
 			const deviceEvent = evt;
-			deviceEvent.deviceType = DeviceType.Keyboard;
+			deviceEvent.deviceType = 1;
 			deviceEvent.inputIndex = evt.keyCode;
 			this.onInputChanged$.emitEvent(deviceEvent);
 		};
@@ -24385,13 +24221,13 @@ let Engine = class Engine extends Disposable {
 		this._pointerMoveEvent = (e) => {
 			const evt = e;
 			const deviceType = this._getPointerType(evt);
-			this._pointerPosRecord[PointerInput.Horizontal] = evt.clientX;
-			this._pointerPosRecord[PointerInput.Vertical] = evt.clientY;
-			this._pointerPosRecord[PointerInput.DeltaHorizontal] = evt.movementX;
-			this._pointerPosRecord[PointerInput.DeltaVertical] = evt.movementY;
+			this._pointerPosRecord[0] = evt.clientX;
+			this._pointerPosRecord[1] = evt.clientY;
+			this._pointerPosRecord[10] = evt.movementX;
+			this._pointerPosRecord[11] = evt.movementY;
 			const deviceEvent = evt;
 			deviceEvent.deviceType = deviceType;
-			deviceEvent.inputIndex = PointerInput.Horizontal;
+			deviceEvent.inputIndex = 0;
 			this.onInputChanged$.emitEvent(deviceEvent);
 			if (!this._usingSafari) {
 				deviceEvent.inputIndex = evt.button + 2;
@@ -24401,23 +24237,23 @@ let Engine = class Engine extends Disposable {
 		this._pointerDownEvent = (nativeEvent) => {
 			const evt = nativeEvent;
 			const deviceType = this._getPointerType(evt);
-			const previousHorizontal = this._pointerPosRecord[PointerInput.Horizontal];
-			const previousVertical = this._pointerPosRecord[PointerInput.Vertical];
-			if (deviceType === DeviceType.Mouse) {
+			const previousHorizontal = this._pointerPosRecord[0];
+			const previousVertical = this._pointerPosRecord[1];
+			if (deviceType === 2) {
 				if (this._mouseId === -1) if (evt.pointerId === void 0) this._mouseId = this._isUsingFirefox ? 0 : 1;
 				else this._mouseId = evt.pointerId;
 				if (!document.pointerLockElement) this._remainCapture = this._mouseId;
 			} else if (evt.pointerId && !document.pointerLockElement) this._remainCapture = evt.pointerId;
-			this._pointerPosRecord[PointerInput.Horizontal] = evt.clientX;
-			this._pointerPosRecord[PointerInput.Vertical] = evt.clientY;
+			this._pointerPosRecord[0] = evt.clientX;
+			this._pointerPosRecord[1] = evt.clientY;
 			const deviceEvent = evt;
 			deviceEvent.deviceType = deviceType;
 			if (previousHorizontal !== evt.clientX) {
-				deviceEvent.inputIndex = PointerInput.Horizontal;
+				deviceEvent.inputIndex = 0;
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
 			if (previousVertical !== evt.clientY) {
-				deviceEvent.inputIndex = PointerInput.Vertical;
+				deviceEvent.inputIndex = 1;
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
 			deviceEvent.inputIndex = evt.button + 2;
@@ -24426,23 +24262,23 @@ let Engine = class Engine extends Disposable {
 		this._pointerUpEvent = (_evt) => {
 			const evt = _evt;
 			const deviceType = this._getPointerType(evt);
-			const previousHorizontal = this._pointerPosRecord[PointerInput.Horizontal];
-			const previousVertical = this._pointerPosRecord[PointerInput.Vertical];
-			this._pointerPosRecord[PointerInput.Horizontal] = evt.clientX;
-			this._pointerPosRecord[PointerInput.Vertical] = evt.clientY;
+			const previousHorizontal = this._pointerPosRecord[0];
+			const previousVertical = this._pointerPosRecord[1];
+			this._pointerPosRecord[0] = evt.clientX;
+			this._pointerPosRecord[1] = evt.clientY;
 			const deviceEvent = evt;
 			deviceEvent.deviceType = deviceType;
 			if (previousHorizontal !== evt.clientX) {
-				deviceEvent.inputIndex = PointerInput.Horizontal;
+				deviceEvent.inputIndex = 0;
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
 			if (previousVertical !== evt.clientY) {
-				deviceEvent.inputIndex = PointerInput.Vertical;
+				deviceEvent.inputIndex = 1;
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
 			deviceEvent.inputIndex = evt.button + 2;
 			const canvasEle = this.getCanvasElement();
-			if (deviceType === DeviceType.Mouse && this._mouseId >= 0 && canvasEle.hasPointerCapture(this._mouseId)) {
+			if (deviceType === 2 && this._mouseId >= 0 && canvasEle.hasPointerCapture(this._mouseId)) {
 				this._remainCapture = this._mouseId;
 				canvasEle.releasePointerCapture(this._mouseId);
 			} else if (deviceEvent.pointerId && canvasEle.hasPointerCapture(deviceEvent.pointerId)) {
@@ -24450,7 +24286,7 @@ let Engine = class Engine extends Disposable {
 				canvasEle.releasePointerCapture(deviceEvent.pointerId);
 			}
 			this.onInputChanged$.emitEvent(deviceEvent);
-			if (deviceType !== DeviceType.Mouse) this._pointerPosRecord = {};
+			if (deviceType !== 2) this._pointerPosRecord = {};
 		};
 		this._pointerEnterEvent = (evt) => {
 			const deviceType = this._getPointerType(evt);
@@ -24481,15 +24317,15 @@ let Engine = class Engine extends Disposable {
 			this._pointerPosRecord = {};
 		};
 		this._pointerWheelEvent = (evt) => {
-			const deviceType = DeviceType.Mouse;
-			this._pointerPosRecord[PointerInput.MouseWheelX] = evt.deltaX || 0;
-			this._pointerPosRecord[PointerInput.MouseWheelY] = evt.deltaY || evt.wheelDelta || 0;
-			this._pointerPosRecord[PointerInput.MouseWheelZ] = evt.deltaZ || 0;
+			const deviceType = 2;
+			this._pointerPosRecord[7] = evt.deltaX || 0;
+			this._pointerPosRecord[8] = evt.deltaY || evt.wheelDelta || 0;
+			this._pointerPosRecord[9] = evt.deltaZ || 0;
 			const deviceEvent = evt;
 			deviceEvent.deviceType = deviceType;
-			if (this._pointerPosRecord[PointerInput.MouseWheelX] !== 0) deviceEvent.currentState = this._pointerPosRecord[PointerInput.MouseWheelX];
-			if (this._pointerPosRecord[PointerInput.MouseWheelY] !== 0) deviceEvent.currentState = this._pointerPosRecord[PointerInput.MouseWheelY];
-			if (this._pointerPosRecord[PointerInput.MouseWheelZ] !== 0) deviceEvent.currentState = this._pointerPosRecord[PointerInput.MouseWheelZ];
+			if (this._pointerPosRecord[7] !== 0) deviceEvent.currentState = this._pointerPosRecord[7];
+			if (this._pointerPosRecord[8] !== 0) deviceEvent.currentState = this._pointerPosRecord[8];
+			if (this._pointerPosRecord[9] !== 0) deviceEvent.currentState = this._pointerPosRecord[9];
 			this.onInputChanged$.emitEvent(deviceEvent);
 		};
 		const canvasEle = this.getCanvasElement();
@@ -24523,32 +24359,32 @@ let Engine = class Engine extends Disposable {
 		this._dragOverEvent = (evt) => {
 			evt.preventDefault();
 			const deviceType = this._getPointerType(evt);
-			const previousHorizontal = this._pointerPosRecord[PointerInput.Horizontal];
-			const previousVertical = this._pointerPosRecord[PointerInput.Vertical];
-			this._pointerPosRecord[PointerInput.Horizontal] = evt.clientX;
-			this._pointerPosRecord[PointerInput.Vertical] = evt.clientY;
-			this._pointerPosRecord[PointerInput.DeltaHorizontal] = evt.movementX;
-			this._pointerPosRecord[PointerInput.DeltaVertical] = evt.movementY;
+			const previousHorizontal = this._pointerPosRecord[0];
+			const previousVertical = this._pointerPosRecord[1];
+			this._pointerPosRecord[0] = evt.clientX;
+			this._pointerPosRecord[1] = evt.clientY;
+			this._pointerPosRecord[10] = evt.movementX;
+			this._pointerPosRecord[11] = evt.movementY;
 			const deviceEvent = evt;
 			deviceEvent.deviceType = deviceType;
 			if (previousHorizontal !== evt.clientX) {
-				deviceEvent.inputIndex = PointerInput.Horizontal;
-				deviceEvent.currentState = this._pointerPosRecord[PointerInput.Horizontal];
+				deviceEvent.inputIndex = 0;
+				deviceEvent.currentState = this._pointerPosRecord[0];
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
 			if (previousVertical !== evt.clientY) {
-				deviceEvent.inputIndex = PointerInput.Vertical;
-				deviceEvent.currentState = this._pointerPosRecord[PointerInput.Vertical];
+				deviceEvent.inputIndex = 1;
+				deviceEvent.currentState = this._pointerPosRecord[1];
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
-			if (this._pointerPosRecord[PointerInput.DeltaHorizontal] !== 0) {
-				deviceEvent.inputIndex = PointerInput.DeltaHorizontal;
-				deviceEvent.currentState = this._pointerPosRecord[PointerInput.DeltaHorizontal];
+			if (this._pointerPosRecord[10] !== 0) {
+				deviceEvent.inputIndex = 10;
+				deviceEvent.currentState = this._pointerPosRecord[10];
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
-			if (this._pointerPosRecord[PointerInput.DeltaVertical] !== 0) {
-				deviceEvent.inputIndex = PointerInput.DeltaVertical;
-				deviceEvent.currentState = this._pointerPosRecord[PointerInput.DeltaVertical];
+			if (this._pointerPosRecord[11] !== 0) {
+				deviceEvent.inputIndex = 11;
+				deviceEvent.currentState = this._pointerPosRecord[11];
 				this.onInputChanged$.emitEvent(deviceEvent);
 			}
 			if (!this._usingSafari) {
@@ -24587,8 +24423,8 @@ let Engine = class Engine extends Disposable {
 		return passiveSupported;
 	}
 	_getPointerType(evt) {
-		let deviceType = DeviceType.Mouse;
-		if (evt.pointerType === "touch" || evt.pointerType === "pen" || evt.touches) deviceType = DeviceType.Touch;
+		let deviceType = 2;
+		if (evt.pointerType === "touch" || evt.pointerType === "pen" || evt.touches) deviceType = 3;
 		return deviceType;
 	}
 	_matchMediaHandler() {
@@ -24609,7 +24445,7 @@ Engine = __decorate([__decorateParam(2, ICanvasColorService)], Engine);
 //#endregion
 //#region package.json
 var name = "@univerjs/engine-render";
-var version = "0.21.1";
+var version = "0.22.0-insiders.20260513-09bbeca";
 
 //#endregion
 //#region src/config/config.ts
@@ -24804,7 +24640,7 @@ var InputManager = class InputManager extends Disposable {
 		if (!engine) return;
 		this._onInput$ = engine.onInputChanged$.subscribeEvent((eventData) => {
 			const evt = eventData;
-			if (eventData.deviceType === DeviceType.Keyboard) switch (eventData.type) {
+			if (eventData.deviceType === 1) switch (eventData.type) {
 				case "keydown":
 					this._onKeyDown(evt);
 					break;
@@ -24812,7 +24648,7 @@ var InputManager = class InputManager extends Disposable {
 					this._onKeyUp(evt);
 					break;
 			}
-			if (eventData.deviceType === DeviceType.Mouse || eventData.deviceType === DeviceType.Touch) switch (eventData.type) {
+			if (eventData.deviceType === 2 || eventData.deviceType === 3) switch (eventData.type) {
 				case "wheel":
 				case "DOMMouseScroll":
 				case "mousewheel":
@@ -24834,10 +24670,10 @@ var InputManager = class InputManager extends Disposable {
 					if (enableMove) this._onPointerMove(evt);
 					break;
 				case "pointerup":
-					if (enableUp && eventData.inputIndex >= PointerInput.LeftClick && eventData.inputIndex <= PointerInput.RightClick) this._onPointerUp(evt);
+					if (enableUp && eventData.inputIndex >= 2 && eventData.inputIndex <= 4) this._onPointerUp(evt);
 					break;
 				case "pointerdown":
-					if (enableDown && eventData.inputIndex >= PointerInput.LeftClick && eventData.inputIndex <= PointerInput.RightClick) this._onPointerDown(evt);
+					if (enableDown && eventData.inputIndex >= 2 && eventData.inputIndex <= 4) this._onPointerDown(evt);
 					break;
 			}
 			if (eventData.dataTransfer) switch (eventData.type) {
@@ -24845,7 +24681,7 @@ var InputManager = class InputManager extends Disposable {
 					if (enableEnter) this._onDragEnter(evt);
 					break;
 				case "dragover": {
-					const validIndex = eventData.inputIndex === PointerInput.Horizontal || eventData.inputIndex === PointerInput.Vertical || eventData.inputIndex === PointerInput.DeltaHorizontal || eventData.inputIndex === PointerInput.DeltaVertical;
+					const validIndex = eventData.inputIndex === 0 || eventData.inputIndex === 1 || eventData.inputIndex === 10 || eventData.inputIndex === 11;
 					if (enableMove && validIndex) this._onDragOver(evt);
 					break;
 				}
@@ -24892,9 +24728,9 @@ var InputManager = class InputManager extends Disposable {
 		return !this._isObjectInSceneViewer(currentObject);
 	}
 	_isObjectInSceneViewer(obj) {
-		if (obj && obj.classType === RENDER_CLASS_TYPE.BASE_OBJECT) {
+		if (obj && obj.classType === "BaseObject") {
 			const scene = obj.getScene();
-			if (scene) return scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER;
+			if (scene) return scene.getParent().classType === "SceneViewer";
 		}
 		return false;
 	}
@@ -24961,7 +24797,7 @@ const THRESHOLD_TO_AUTO_MOVE = {
 	r: 60
 };
 var ScrollTimer = class ScrollTimer {
-	constructor(_scene, _scrollTimerType = ScrollTimerType.ALL, _thresholdAutoMove = THRESHOLD_TO_AUTO_MOVE) {
+	constructor(_scene, _scrollTimerType = 3, _thresholdAutoMove = THRESHOLD_TO_AUTO_MOVE) {
 		this._scene = _scene;
 		this._scrollTimerType = _scrollTimerType;
 		this._thresholdAutoMove = _thresholdAutoMove;
@@ -24975,7 +24811,7 @@ var ScrollTimer = class ScrollTimer {
 		_defineProperty(this, "_scrollY", 0);
 		_defineProperty(this, "_scrollFunction", void 0);
 	}
-	static create(scene, scrollTimerType = ScrollTimerType.ALL, padding) {
+	static create(scene, scrollTimerType = 3, padding) {
 		return new ScrollTimer(scene, scrollTimerType, padding);
 	}
 	get offsetX() {
@@ -25014,7 +24850,7 @@ var ScrollTimer = class ScrollTimer {
 		let x = 0;
 		let y = 0;
 		let shouldScroll = false;
-		if (this._scrollTimerType & ScrollTimerType.X) {
+		if (this._scrollTimerType & 1) {
 			if (this._moveX < leftBounding + l) {
 				x = this._moveX - leftBounding - l;
 				shouldScroll = true;
@@ -25024,7 +24860,7 @@ var ScrollTimer = class ScrollTimer {
 				shouldScroll = true;
 			}
 		}
-		if (this._scrollTimerType & ScrollTimerType.Y) {
+		if (this._scrollTimerType & 2) {
 			if (this._moveY < topBounding + t) {
 				y = this._moveY - topBounding - t;
 				shouldScroll = true;
@@ -25067,42 +24903,21 @@ var ScrollTimer = class ScrollTimer {
 
 //#endregion
 //#region src/scene.transformer.ts
-var TransformerManagerType = /* @__PURE__ */ function(TransformerManagerType) {
-	TransformerManagerType["RESIZE_LT"] = "__SpreadsheetTransformerResizeLT__";
-	TransformerManagerType["RESIZE_CT"] = "__SpreadsheetTransformerResizeCT__";
-	TransformerManagerType["RESIZE_RT"] = "__SpreadsheetTransformerResizeRT__";
-	TransformerManagerType["RESIZE_LM"] = "__SpreadsheetTransformerResizeLM__";
-	TransformerManagerType["RESIZE_RM"] = "__SpreadsheetTransformerResizeRM__";
-	TransformerManagerType["RESIZE_LB"] = "__SpreadsheetTransformerResizeLB__";
-	TransformerManagerType["RESIZE_CB"] = "__SpreadsheetTransformerResizeCB__";
-	TransformerManagerType["RESIZE_RB"] = "__SpreadsheetTransformerResizeRB__";
-	TransformerManagerType["OUTLINE"] = "__SpreadsheetTransformerOutline__";
-	TransformerManagerType["ROTATE_LINE"] = "__SpreadsheetTransformerRotateLine__";
-	TransformerManagerType["ROTATE"] = "__SpreadsheetTransformerRotate__";
-	TransformerManagerType["GROUP"] = "__SpreadsheetTransformer__";
-	return TransformerManagerType;
-}(TransformerManagerType || {});
 const TransformerManagerTypeArray = [
-	TransformerManagerType.RESIZE_LT,
-	TransformerManagerType.RESIZE_CT,
-	TransformerManagerType.RESIZE_RT,
-	TransformerManagerType.RESIZE_LM,
-	TransformerManagerType.RESIZE_RM,
-	TransformerManagerType.RESIZE_LB,
-	TransformerManagerType.RESIZE_CB,
-	TransformerManagerType.RESIZE_RB
+	"__SpreadsheetTransformerResizeLT__",
+	"__SpreadsheetTransformerResizeCT__",
+	"__SpreadsheetTransformerResizeRT__",
+	"__SpreadsheetTransformerResizeLM__",
+	"__SpreadsheetTransformerResizeRM__",
+	"__SpreadsheetTransformerResizeLB__",
+	"__SpreadsheetTransformerResizeCB__",
+	"__SpreadsheetTransformerResizeRB__"
 ];
-var MoveObserverType = /* @__PURE__ */ function(MoveObserverType) {
-	MoveObserverType[MoveObserverType["MOVE_START"] = 0] = "MOVE_START";
-	MoveObserverType[MoveObserverType["MOVING"] = 1] = "MOVING";
-	MoveObserverType[MoveObserverType["MOVE_END"] = 2] = "MOVE_END";
-	return MoveObserverType;
-}(MoveObserverType || {});
 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 = new Set([ObjectType.CHART]);
+const SINGLE_ACTIVE_OBJECT_TYPE_MAP = new Set([6]);
 /**
 * Transformer constructor.  Transformer is a special type of group that allow you transform
 * primitives and shapes. Transforming tool is not changing `width` and `height` properties of nodes
@@ -25195,7 +25010,7 @@ var Transformer = class extends Disposable {
 	changeNotification() {
 		this._changing$.next({
 			objects: this._selectedObjectMap,
-			type: MoveObserverType.MOVE_START
+			type: 0
 		});
 		return this;
 	}
@@ -25340,14 +25155,14 @@ var Transformer = class extends Disposable {
 				this._changeStart$.next({
 					target: applyObject,
 					objects: this._selectedObjectMap,
-					type: MoveObserverType.MOVE_START
+					type: 0
 				});
 			} else {
 				this._copperSelectedObject = applyObject;
 				this._changeStart$.next({
 					target: applyObject,
 					objects: new Map([[applyObject.oKey, applyObject]]),
-					type: MoveObserverType.MOVE_START
+					type: 0
 				});
 			}
 			this._moveBufferSkip = false;
@@ -25368,14 +25183,14 @@ var Transformer = class extends Disposable {
 				const { offsetX, offsetY } = event;
 				if (!isCropper) this._changeEnd$.next({
 					objects: this._selectedObjectMap,
-					type: MoveObserverType.MOVE_END,
+					type: 2,
 					offsetX,
 					offsetY,
 					event
 				});
 				else this._changeEnd$.next({
 					objects: new Map([[applyObject.oKey, applyObject]]),
-					type: MoveObserverType.MOVE_END,
+					type: 2,
 					offsetX,
 					offsetY,
 					event
@@ -25459,7 +25274,7 @@ var Transformer = class extends Disposable {
 				objects: this._selectedObjectMap,
 				moveX: moveLeft,
 				moveY: moveTop,
-				type: MoveObserverType.MOVING,
+				type: 1,
 				offsetX: moveOffsetX,
 				offsetY: moveOffsetY
 			});
@@ -25473,7 +25288,7 @@ var Transformer = class extends Disposable {
 				objects: new Map([[cropper.oKey, cropper]]),
 				moveX: moveLeft,
 				moveY: moveTop,
-				type: MoveObserverType.MOVING,
+				type: 1,
 				offsetX: moveOffsetX,
 				offsetY: moveOffsetY
 			});
@@ -25498,7 +25313,7 @@ var Transformer = class extends Disposable {
 			});
 			this._changing$.next({
 				objects: this._selectedObjectMap,
-				type: MoveObserverType.MOVING,
+				type: 1,
 				offsetX: moveOffsetX,
 				offsetY: moveOffsetY
 			});
@@ -25506,12 +25321,12 @@ var Transformer = class extends Disposable {
 			this._moveFunc(applyObject, type, x, y, keepRatio, isCropper, isGroup);
 			this._changing$.next({
 				objects: new Map([[applyObject.oKey, applyObject]]),
-				type: MoveObserverType.MOVING,
+				type: 1,
 				offsetX: moveOffsetX,
 				offsetY: moveOffsetY
 			});
 		}
-		if (!(keepRatio && type !== TransformerManagerType.RESIZE_CT && type !== TransformerManagerType.RESIZE_CB && type !== TransformerManagerType.RESIZE_LM && type !== TransformerManagerType.RESIZE_RM && !isGroup)) {
+		if (!(keepRatio && type !== "__SpreadsheetTransformerResizeCT__" && type !== "__SpreadsheetTransformerResizeCB__" && type !== "__SpreadsheetTransformerResizeLM__" && type !== "__SpreadsheetTransformerResizeRM__" && !isGroup)) {
 			this._startOffsetX = x;
 			this._startOffsetY = y;
 		}
@@ -25521,17 +25336,17 @@ var Transformer = class extends Disposable {
 		const originState = this._startStateMap.get(moveObject.oKey) || {};
 		let state = {};
 		const { moveLeft, moveTop } = this._getMovePoint(x, y, moveObject);
-		if (keepRatio && type !== TransformerManagerType.RESIZE_CT && type !== TransformerManagerType.RESIZE_CB && type !== TransformerManagerType.RESIZE_LM && type !== TransformerManagerType.RESIZE_RM && !isGroup) switch (type) {
-			case TransformerManagerType.RESIZE_LT:
+		if (keepRatio && type !== "__SpreadsheetTransformerResizeCT__" && type !== "__SpreadsheetTransformerResizeCB__" && type !== "__SpreadsheetTransformerResizeLM__" && type !== "__SpreadsheetTransformerResizeRM__" && !isGroup) switch (type) {
+			case "__SpreadsheetTransformerResizeLT__":
 				state = this._resizeLeftTop(moveObject, moveLeft, moveTop, originState);
 				break;
-			case TransformerManagerType.RESIZE_RT:
+			case "__SpreadsheetTransformerResizeRT__":
 				state = this._resizeRightTop(moveObject, moveLeft, moveTop, originState);
 				break;
-			case TransformerManagerType.RESIZE_LB:
+			case "__SpreadsheetTransformerResizeLB__":
 				state = this._resizeLeftBottom(moveObject, moveLeft, moveTop, originState);
 				break;
-			case TransformerManagerType.RESIZE_RB:
+			case "__SpreadsheetTransformerResizeRB__":
 				state = this._resizeRightBottom(moveObject, moveLeft, moveTop, originState);
 				break;
 		}
@@ -25583,37 +25398,37 @@ var Transformer = class extends Disposable {
 			height
 		};
 		switch (type) {
-			case TransformerManagerType.RESIZE_LT:
+			case "__SpreadsheetTransformerResizeLT__":
 				state.width = width - moveLeft < MINI_WIDTH_LIMIT ? MINI_WIDTH_LIMIT : width - moveLeft;
 				state.height = height - moveTop < MINI_HEIGHT_LIMIT ? MINI_HEIGHT_LIMIT : height - moveTop;
 				state.left = left + width - state.width;
 				state.top = top + height - state.height;
 				break;
-			case TransformerManagerType.RESIZE_CT:
+			case "__SpreadsheetTransformerResizeCT__":
 				state.height = height - moveTop < MINI_HEIGHT_LIMIT ? MINI_HEIGHT_LIMIT : height - moveTop;
 				state.top = top + height - state.height;
 				break;
-			case TransformerManagerType.RESIZE_RT:
+			case "__SpreadsheetTransformerResizeRT__":
 				state.width = width + moveLeft < MINI_WIDTH_LIMIT ? MINI_WIDTH_LIMIT : width + moveLeft;
 				state.height = height - moveTop < MINI_HEIGHT_LIMIT ? MINI_HEIGHT_LIMIT : height - moveTop;
 				state.top = top + height - state.height;
 				break;
-			case TransformerManagerType.RESIZE_LM:
+			case "__SpreadsheetTransformerResizeLM__":
 				state.width = width - moveLeft < MINI_WIDTH_LIMIT ? MINI_WIDTH_LIMIT : width - moveLeft;
 				state.left = left + width - state.width;
 				break;
-			case TransformerManagerType.RESIZE_RM:
+			case "__SpreadsheetTransformerResizeRM__":
 				state.width = moveLeft + width < MINI_WIDTH_LIMIT ? MINI_WIDTH_LIMIT : moveLeft + width;
 				break;
-			case TransformerManagerType.RESIZE_LB:
+			case "__SpreadsheetTransformerResizeLB__":
 				state.width = width - moveLeft < MINI_WIDTH_LIMIT ? MINI_WIDTH_LIMIT : width - moveLeft;
 				state.height = height + moveTop < MINI_HEIGHT_LIMIT ? MINI_HEIGHT_LIMIT : height + moveTop;
 				state.left = state.width <= MINI_WIDTH_LIMIT ? left : left + moveLeft;
 				break;
-			case TransformerManagerType.RESIZE_CB:
+			case "__SpreadsheetTransformerResizeCB__":
 				state.height = moveTop + height < MINI_HEIGHT_LIMIT ? MINI_HEIGHT_LIMIT : moveTop + height;
 				break;
-			case TransformerManagerType.RESIZE_RB:
+			case "__SpreadsheetTransformerResizeRB__":
 				state.width = moveLeft + width < MINI_WIDTH_LIMIT ? MINI_WIDTH_LIMIT : moveLeft + width;
 				state.height = moveTop + height < MINI_HEIGHT_LIMIT ? MINI_HEIGHT_LIMIT : moveTop + height;
 				break;
@@ -25718,7 +25533,7 @@ var Transformer = class extends Disposable {
 			moveTop: moveTopFix
 		};
 	}
-	_attachEventToAnchor(anchor, type = TransformerManagerType.RESIZE_LT, applyObject) {
+	_attachEventToAnchor(anchor, type = "__SpreadsheetTransformerResizeLT__", applyObject) {
 		this.disposeWithMe(toDisposable(anchor.onPointerDown$.subscribeEvent((evt, state) => {
 			const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt;
 			this._startOffsetX = evtOffsetX;
@@ -25739,7 +25554,7 @@ var Transformer = class extends Disposable {
 				this._clearControlMap();
 				this._changeStart$.next({
 					objects: this._selectedObjectMap,
-					type: MoveObserverType.MOVE_START
+					type: 0
 				});
 				this._selectedObjectMap.forEach((moveObject) => {
 					const { width, height, left, top } = moveObject.getState();
@@ -25753,7 +25568,7 @@ var Transformer = class extends Disposable {
 			} else {
 				this._changeStart$.next({
 					objects: new Map([[applyObject.oKey, applyObject]]),
-					type: MoveObserverType.MOVE_START
+					type: 0
 				});
 				const { width, height, left, top } = applyObject.getState();
 				this._startStateMap.set(applyObject.oKey, {
@@ -25785,7 +25600,7 @@ var Transformer = class extends Disposable {
 					this._recoverySizeBoundary(Array.from(this._selectedObjectMap.values()), ancestorLeft, ancestorTop, topSceneWidth, topSceneHeight);
 					this._changeEnd$.next({
 						objects: this._selectedObjectMap,
-						type: MoveObserverType.MOVE_END,
+						type: 2,
 						offsetX,
 						offsetY,
 						event
@@ -25794,7 +25609,7 @@ var Transformer = class extends Disposable {
 					this._recoverySizeBoundary([applyObject], ancestorLeft, ancestorTop, topSceneWidth, topSceneHeight);
 					this._changeEnd$.next({
 						objects: new Map([[applyObject.oKey, applyObject]]),
-						type: MoveObserverType.MOVE_END,
+						type: 2,
 						offsetX,
 						offsetY,
 						event
@@ -25832,14 +25647,14 @@ var Transformer = class extends Disposable {
 			const viewportActualXY = topScene.getScrollXYInfoByViewport(Vector2.create(evtOffsetX, evtOffsetY));
 			this._viewportScrollX = viewportActualXY.x;
 			this._viewportScrollY = viewportActualXY.y;
-			const cursor = this._getRotateAnchorCursor(TransformerManagerType.ROTATE_LINE);
+			const cursor = this._getRotateAnchorCursor("__SpreadsheetTransformerRotateLine__");
 			const { ancestorLeft, ancestorTop, width, height, angle: agentOrigin } = applyObject;
 			const centerX = width / 2 + ancestorLeft;
 			const centerY = height / 2 + ancestorTop;
 			this._clearControlMap();
 			this._changeStart$.next({
 				objects: this._selectedObjectMap,
-				type: MoveObserverType.MOVE_START
+				type: 0
 			});
 			this._moveBufferSkip = false;
 			const topScenePointerMoveSub = topScene.onPointerMove$.subscribeEvent((moveEvt) => {
@@ -25856,7 +25671,7 @@ var Transformer = class extends Disposable {
 				const { offsetX, offsetY } = event;
 				this._changeEnd$.next({
 					objects: this._selectedObjectMap,
-					type: MoveObserverType.MOVE_END,
+					type: 2,
 					offsetX,
 					offsetY,
 					event
@@ -25878,7 +25693,7 @@ var Transformer = class extends Disposable {
 		this._changing$.next({
 			objects: this._selectedObjectMap,
 			angle,
-			type: MoveObserverType.MOVING,
+			type: 1,
 			offsetX: moveOffsetX,
 			offsetY: moveOffsetY
 		});
@@ -25892,35 +25707,35 @@ var Transformer = class extends Disposable {
 		};
 	}
 	_getRotateAnchorCursor(type) {
-		let cursor = CURSOR_TYPE.NORTH_WEST_RESIZE;
+		let cursor = "nw-resize";
 		switch (type) {
-			case TransformerManagerType.ROTATE:
-				cursor = CURSOR_TYPE.MOVE;
+			case "__SpreadsheetTransformerRotate__":
+				cursor = "move";
 				break;
-			case TransformerManagerType.ROTATE_LINE:
-				cursor = CURSOR_TYPE.MOVE;
+			case "__SpreadsheetTransformerRotateLine__":
+				cursor = "move";
 				break;
-			case TransformerManagerType.RESIZE_LT: break;
-			case TransformerManagerType.RESIZE_CT:
-				cursor = CURSOR_TYPE.NORTH_RESIZE;
+			case "__SpreadsheetTransformerResizeLT__": break;
+			case "__SpreadsheetTransformerResizeCT__":
+				cursor = "n-resize";
 				break;
-			case TransformerManagerType.RESIZE_RT:
-				cursor = CURSOR_TYPE.NORTH_EAST_RESIZE;
+			case "__SpreadsheetTransformerResizeRT__":
+				cursor = "ne-resize";
 				break;
-			case TransformerManagerType.RESIZE_LM:
-				cursor = CURSOR_TYPE.WEST_RESIZE;
+			case "__SpreadsheetTransformerResizeLM__":
+				cursor = "w-resize";
 				break;
-			case TransformerManagerType.RESIZE_RM:
-				cursor = CURSOR_TYPE.EAST_RESIZE;
+			case "__SpreadsheetTransformerResizeRM__":
+				cursor = "e-resize";
 				break;
-			case TransformerManagerType.RESIZE_LB:
-				cursor = CURSOR_TYPE.SOUTH_WEST_RESIZE;
+			case "__SpreadsheetTransformerResizeLB__":
+				cursor = "sw-resize";
 				break;
-			case TransformerManagerType.RESIZE_CB:
-				cursor = CURSOR_TYPE.SOUTH_RESIZE;
+			case "__SpreadsheetTransformerResizeCB__":
+				cursor = "s-resize";
 				break;
-			case TransformerManagerType.RESIZE_RB:
-				cursor = CURSOR_TYPE.SOUTH_EAST_RESIZE;
+			case "__SpreadsheetTransformerResizeRB__":
+				cursor = "se-resize";
 				break;
 		}
 		return cursor;
@@ -25932,35 +25747,35 @@ var Transformer = class extends Disposable {
 		const longEdge = anchorSize;
 		const shortEdge = anchorSize / 4;
 		switch (type) {
-			case TransformerManagerType.RESIZE_LT:
+			case "__SpreadsheetTransformerResizeLT__":
 				left += -borderSpacing - borderStrokeWidth;
 				top += -borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_CT:
+			case "__SpreadsheetTransformerResizeCT__":
 				left += width / 2 - longEdge / 2;
 				top += -borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_RT:
+			case "__SpreadsheetTransformerResizeRT__":
 				left += width + borderSpacing - borderStrokeWidth - longEdge;
 				top += -borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_LM:
+			case "__SpreadsheetTransformerResizeLM__":
 				left += borderSpacing - borderStrokeWidth;
 				top += height / 2 - longEdge / 2;
 				break;
-			case TransformerManagerType.RESIZE_RM:
+			case "__SpreadsheetTransformerResizeRM__":
 				left += width + borderSpacing - borderStrokeWidth - shortEdge;
 				top += height / 2 - longEdge / 2;
 				break;
-			case TransformerManagerType.RESIZE_LB:
+			case "__SpreadsheetTransformerResizeLB__":
 				left += -this.borderSpacing - borderStrokeWidth;
 				top += height + borderSpacing - borderStrokeWidth - longEdge;
 				break;
-			case TransformerManagerType.RESIZE_CB:
+			case "__SpreadsheetTransformerResizeCB__":
 				left += width / 2 - longEdge / 2;
 				top += height + borderSpacing - borderStrokeWidth - shortEdge;
 				break;
-			case TransformerManagerType.RESIZE_RB:
+			case "__SpreadsheetTransformerResizeRB__":
 				left += width + borderSpacing - borderStrokeWidth - longEdge;
 				top += height + borderSpacing - borderStrokeWidth - longEdge;
 				break;
@@ -25975,43 +25790,43 @@ var Transformer = class extends Disposable {
 		let left = -anchorSize / 2;
 		let top = -anchorSize / 2;
 		switch (type) {
-			case TransformerManagerType.ROTATE:
+			case "__SpreadsheetTransformerRotate__":
 				left = width / 2 - rotateSize / 2;
 				top = -rotateAnchorOffset - borderSpacing - borderStrokeWidth * 2 - rotateSize;
 				break;
-			case TransformerManagerType.ROTATE_LINE:
+			case "__SpreadsheetTransformerRotateLine__":
 				left = width / 2;
 				top = -rotateAnchorOffset - borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_LT:
+			case "__SpreadsheetTransformerResizeLT__":
 				left += -borderSpacing - borderStrokeWidth;
 				top += -borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_CT:
+			case "__SpreadsheetTransformerResizeCT__":
 				left += width / 2;
 				top += -borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_RT:
+			case "__SpreadsheetTransformerResizeRT__":
 				left += width + borderSpacing - borderStrokeWidth;
 				top += -borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_LM:
+			case "__SpreadsheetTransformerResizeLM__":
 				left += borderSpacing - borderStrokeWidth;
 				top += height / 2;
 				break;
-			case TransformerManagerType.RESIZE_RM:
+			case "__SpreadsheetTransformerResizeRM__":
 				left += width + borderSpacing - borderStrokeWidth;
 				top += height / 2;
 				break;
-			case TransformerManagerType.RESIZE_LB:
+			case "__SpreadsheetTransformerResizeLB__":
 				left += -this.borderSpacing - borderStrokeWidth;
 				top += height + borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_CB:
+			case "__SpreadsheetTransformerResizeCB__":
 				left += width / 2;
 				top += height + borderSpacing - borderStrokeWidth;
 				break;
-			case TransformerManagerType.RESIZE_RB:
+			case "__SpreadsheetTransformerResizeRB__":
 				left += width + borderSpacing - borderStrokeWidth;
 				top += height + borderSpacing - borderStrokeWidth;
 				break;
@@ -26037,7 +25852,7 @@ var Transformer = class extends Disposable {
 			left,
 			top
 		});
-		this._attachHover(anchor, cursor, CURSOR_TYPE.DEFAULT);
+		this._attachHover(anchor, cursor, "default");
 		return anchor;
 	}
 	_createCopperResizeAnchor(type, applyObject, zIndex) {
@@ -26059,36 +25874,36 @@ var Transformer = class extends Disposable {
 		};
 		const longEdge = anchorSize;
 		const shortEdge = anchorSize / 4;
-		if (cursor === CURSOR_TYPE.EAST_RESIZE) {
+		if (cursor === "e-resize") {
 			config.width = shortEdge;
 			config.height = longEdge;
 			anchor = new Rect(oKey, config);
-		} else if (cursor === CURSOR_TYPE.WEST_RESIZE) {
+		} else if (cursor === "w-resize") {
 			config.width = shortEdge;
 			config.height = longEdge;
 			anchor = new Rect(oKey, config);
-		} else if (cursor === CURSOR_TYPE.NORTH_RESIZE) {
+		} else if (cursor === "n-resize") {
 			config.width = longEdge;
 			config.height = shortEdge;
 			anchor = new Rect(oKey, config);
-		} else if (cursor === CURSOR_TYPE.SOUTH_RESIZE) {
+		} else if (cursor === "s-resize") {
 			config.width = longEdge;
 			config.height = shortEdge;
 			anchor = new Rect(oKey, config);
-		} else if (cursor === CURSOR_TYPE.NORTH_EAST_RESIZE) {
+		} else if (cursor === "ne-resize") {
 			config.pointsGroup = this._getNorthEastPoints(longEdge, shortEdge);
 			anchor = new RegularPolygon(oKey, config);
-		} else if (cursor === CURSOR_TYPE.NORTH_WEST_RESIZE) {
+		} else if (cursor === "nw-resize") {
 			config.pointsGroup = this._getNorthWestPoints(longEdge, shortEdge);
 			anchor = new RegularPolygon(oKey, config);
-		} else if (cursor === CURSOR_TYPE.SOUTH_EAST_RESIZE) {
+		} else if (cursor === "se-resize") {
 			config.pointsGroup = this._getSouthEastPoints(longEdge, shortEdge);
 			anchor = new RegularPolygon(oKey, config);
-		} else if (cursor === CURSOR_TYPE.SOUTH_WEST_RESIZE) {
+		} else if (cursor === "sw-resize") {
 			config.pointsGroup = this._getSouthWestPoints(longEdge, shortEdge);
 			anchor = new RegularPolygon(oKey, config);
 		}
-		this._attachHover(anchor, cursor, CURSOR_TYPE.DEFAULT);
+		this._attachHover(anchor, cursor, "default");
 		return anchor;
 	}
 	_getNorthEastPoints(longEdge, shortEdge) {
@@ -26215,17 +26030,17 @@ var Transformer = class extends Disposable {
 		]];
 	}
 	_checkTransformerType(oKey) {
-		if (oKey.indexOf(TransformerManagerType.OUTLINE) > -1) return TransformerManagerType.OUTLINE;
-		if (oKey.indexOf(TransformerManagerType.ROTATE) > -1) return TransformerManagerType.ROTATE;
-		if (oKey.indexOf(TransformerManagerType.ROTATE_LINE) > -1) return TransformerManagerType.ROTATE_LINE;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_LT) > -1) return TransformerManagerType.RESIZE_LT;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_CT) > -1) return TransformerManagerType.RESIZE_CT;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_RT) > -1) return TransformerManagerType.RESIZE_RT;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_LM) > -1) return TransformerManagerType.RESIZE_LM;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_RM) > -1) return TransformerManagerType.RESIZE_RM;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_LB) > -1) return TransformerManagerType.RESIZE_LB;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_CB) > -1) return TransformerManagerType.RESIZE_CB;
-		if (oKey.indexOf(TransformerManagerType.RESIZE_RB) > -1) return TransformerManagerType.RESIZE_RB;
+		if (oKey.indexOf("__SpreadsheetTransformerOutline__") > -1) return "__SpreadsheetTransformerOutline__";
+		if (oKey.indexOf("__SpreadsheetTransformerRotate__") > -1) return "__SpreadsheetTransformerRotate__";
+		if (oKey.indexOf("__SpreadsheetTransformerRotateLine__") > -1) return "__SpreadsheetTransformerRotateLine__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeLT__") > -1) return "__SpreadsheetTransformerResizeLT__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeCT__") > -1) return "__SpreadsheetTransformerResizeCT__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeRT__") > -1) return "__SpreadsheetTransformerResizeRT__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeLM__") > -1) return "__SpreadsheetTransformerResizeLM__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeRM__") > -1) return "__SpreadsheetTransformerResizeRM__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeLB__") > -1) return "__SpreadsheetTransformerResizeLB__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeCB__") > -1) return "__SpreadsheetTransformerResizeCB__";
+		if (oKey.indexOf("__SpreadsheetTransformerResizeRB__") > -1) return "__SpreadsheetTransformerResizeRB__";
 	}
 	_updateControlIterator(func) {
 		this._transformerControlMap.forEach((control, oKey) => {
@@ -26290,7 +26105,7 @@ var Transformer = class extends Disposable {
 		const layerIndex = applyObject.getLayerIndex() || DEFAULT_TRANSFORMER_LAYER_INDEX;
 		const groupElements = [];
 		if (borderEnabled && !isCropper) {
-			const outline = new Rect(`${TransformerManagerType.OUTLINE}_${zIndex}`, {
+			const outline = new Rect(`__SpreadsheetTransformerOutline___${zIndex}`, {
 				zIndex: zIndex - 1,
 				evented: false,
 				strokeWidth: borderStrokeWidth,
@@ -26300,9 +26115,9 @@ var Transformer = class extends Disposable {
 			groupElements.push(outline);
 		}
 		if (resizeEnabled && !isCropper) {
-			const { left: lineLeft, top: lineTop } = this._getRotateAnchorPosition(TransformerManagerType.ROTATE_LINE, height, width, applyObject);
+			const { left: lineLeft, top: lineTop } = this._getRotateAnchorPosition("__SpreadsheetTransformerRotateLine__", height, width, applyObject);
 			if (rotateEnabled) {
-				const rotateLine = new Rect(`${TransformerManagerType.ROTATE_LINE}_${zIndex}`, {
+				const rotateLine = new Rect(`__SpreadsheetTransformerRotateLine___${zIndex}`, {
 					zIndex: zIndex - 1,
 					evented: false,
 					left: lineLeft,
@@ -26312,9 +26127,9 @@ var Transformer = class extends Disposable {
 					strokeWidth: borderStrokeWidth,
 					stroke: borderStroke
 				});
-				const { left: rotateLeft, top: rotateTop } = this._getRotateAnchorPosition(TransformerManagerType.ROTATE, height, width, applyObject);
-				const cursor = this._getRotateAnchorCursor(TransformerManagerType.ROTATE);
-				const rotate = new Rect(`${TransformerManagerType.ROTATE}_${zIndex}`, {
+				const { left: rotateLeft, top: rotateTop } = this._getRotateAnchorPosition("__SpreadsheetTransformerRotate__", height, width, applyObject);
+				const cursor = this._getRotateAnchorCursor("__SpreadsheetTransformerRotate__");
+				const rotate = new Rect(`__SpreadsheetTransformerRotate___${zIndex}`, {
 					zIndex: zIndex - 1,
 					left: rotateLeft,
 					top: rotateTop,
@@ -26325,7 +26140,7 @@ var Transformer = class extends Disposable {
 					stroke: borderStroke
 				});
 				this._attachEventToRotate(rotate, applyObject);
-				this._attachHover(rotate, cursor, CURSOR_TYPE.DEFAULT);
+				this._attachHover(rotate, cursor, "default");
 				groupElements.push(rotateLine, rotate);
 			}
 		}
@@ -26338,7 +26153,7 @@ var Transformer = class extends Disposable {
 			this._attachEventToAnchor(anchor, type, applyObject);
 			groupElements.push(anchor);
 		}
-		const transformerControl = new Group(`${TransformerManagerType.GROUP}_${oKey}`, ...groupElements);
+		const transformerControl = new Group(`__SpreadsheetTransformer___${oKey}`, ...groupElements);
 		transformerControl.zIndex = zIndex;
 		transformerControl.evented = false;
 		transformerControl.openSelfSizeMode();
@@ -26366,7 +26181,7 @@ var Transformer = class extends Disposable {
 		this._changeStart$.next({
 			target: applyObject,
 			objects: this._selectedObjectMap,
-			type: MoveObserverType.MOVE_START
+			type: 0
 		});
 	}
 	_updateActiveObjectList(applyObject, evt) {
@@ -26416,8 +26231,8 @@ var Scene = class extends Disposable {
 		_defineProperty(this, "_evented", true);
 		_defineProperty(this, "_layers", []);
 		_defineProperty(this, "_viewports", []);
-		_defineProperty(this, "_cursor", CURSOR_TYPE.DEFAULT);
-		_defineProperty(this, "_defaultCursor", CURSOR_TYPE.DEFAULT);
+		_defineProperty(this, "_cursor", "default");
+		_defineProperty(this, "_defaultCursor", "default");
 		_defineProperty(this, "_addObject$", new BehaviorSubject(this));
 		_defineProperty(this, "addObject$", this._addObject$.asObservable());
 		_defineProperty(this, "onTransformChange$", new EventSubject());
@@ -26463,18 +26278,18 @@ var Scene = class extends Disposable {
 		_defineProperty(this, "_capturedObject", null);
 		this._sceneKey = sceneKey;
 		if (state) this.transformByState(state);
-		if (this._parent.classType === RENDER_CLASS_TYPE.ENGINE) {
+		if (this._parent.classType === "Engine") {
 			const parent = this._parent;
 			parent.addScene(this);
 			if (!parent.hasActiveScene()) parent.setActiveScene(sceneKey);
 			this._inputManager = new InputManager(this);
-		} else if (this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) this._parent.addSubScene(this);
+		} else if (this._parent.classType === "SceneViewer") this._parent.addSubScene(this);
 		this.disposeWithMe(toDisposable((_this$_parent = this._parent) === null || _this$_parent === void 0 ? void 0 : _this$_parent.onTransformChange$.subscribeEvent((_change) => {
 			this._transformHandler();
 		})));
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.SCENE;
+		return "Scene";
 	}
 	get transform() {
 		return this._transform;
@@ -26518,7 +26333,7 @@ var Scene = class extends Disposable {
 	get ancestorScaleX() {
 		const p = this.getParent();
 		let pScale = 1;
-		if (p.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) pScale = p.ancestorScaleX;
+		if (p.classType === "SceneViewer") pScale = p.ancestorScaleX;
 		return this.scaleX * pScale;
 	}
 	/**
@@ -26527,7 +26342,7 @@ var Scene = class extends Disposable {
 	get ancestorScaleY() {
 		const p = this.getParent();
 		let pScale = 1;
-		if (p.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) pScale = p.ancestorScaleY;
+		if (p.classType === "SceneViewer") pScale = p.ancestorScaleY;
 		return this.scaleY * pScale;
 	}
 	getAncestorScale() {
@@ -26539,13 +26354,13 @@ var Scene = class extends Disposable {
 	get ancestorLeft() {
 		const p = this.getParent();
 		let pOffsetX = 0;
-		if (p.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) pOffsetX = p.ancestorLeft;
+		if (p.classType === "SceneViewer") pOffsetX = p.ancestorLeft;
 		return pOffsetX;
 	}
 	get ancestorTop() {
 		const p = this.getParent();
 		let pOffsetY = 0;
-		if (p.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) pOffsetY = p.ancestorTop;
+		if (p.classType === "SceneViewer") pOffsetY = p.ancestorTop;
 		return pOffsetY;
 	}
 	set cursor(val) {
@@ -26553,7 +26368,7 @@ var Scene = class extends Disposable {
 	}
 	attachControl(options) {
 		var _this$_inputManager;
-		if (!(this._parent.classType === RENDER_CLASS_TYPE.ENGINE)) return;
+		if (!(this._parent.classType === "Engine")) return;
 		(_this$_inputManager = this._inputManager) === null || _this$_inputManager === void 0 || _this$_inputManager.attachControl(options);
 		return this;
 	}
@@ -26566,7 +26381,7 @@ var Scene = class extends Disposable {
 		this._layers.forEach((layer) => {
 			layer.makeDirty(state);
 		});
-		if (this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (this._parent.classType === "SceneViewer") {
 			var _this$_parent2;
 			(_this$_parent2 = this._parent) === null || _this$_parent2 === void 0 || _this$_parent2.makeDirty(state);
 		}
@@ -26620,7 +26435,7 @@ var Scene = class extends Disposable {
 		if (height !== void 0) this.height = height;
 		this._transformHandler();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize,
+			type: 1,
 			value: {
 				width: this.width,
 				height: this.height
@@ -26653,7 +26468,7 @@ var Scene = class extends Disposable {
 		this.setScaleValueOnly(scaleX || 1, scaleY || 1);
 		this._transformHandler();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.scale,
+			type: 2,
 			value: {
 				scaleX: this.scaleX,
 				scaleY: this.scaleY
@@ -26677,7 +26492,7 @@ var Scene = class extends Disposable {
 		this.scaleY = precisionTo(this.scaleY, 1);
 		this._transformHandler();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.scale,
+			type: 2,
 			value: {
 				scaleX: this.scaleX,
 				scaleY: this.scaleY
@@ -26705,7 +26520,7 @@ var Scene = class extends Disposable {
 		});
 		this._transformHandler();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.all,
+			type: 5,
 			value: state,
 			preValue: preKeys
 		});
@@ -26714,10 +26529,10 @@ var Scene = class extends Disposable {
 		return this._parent;
 	}
 	getEngine() {
-		if (this._parent.classType === RENDER_CLASS_TYPE.ENGINE) return this._parent;
+		if (this._parent.classType === "Engine") return this._parent;
 		let parent = this._parent;
 		while (parent) {
-			if (parent.classType === RENDER_CLASS_TYPE.ENGINE) return parent;
+			if (parent.classType === "Engine") return parent;
 			parent = parent === null || parent === void 0 ? void 0 : parent.getParent();
 		}
 		return null;
@@ -27004,18 +26819,18 @@ var Scene = class extends Disposable {
 		let parent = this.getParent();
 		const parentList = [];
 		while (parent) {
-			if (parent.classType === RENDER_CLASS_TYPE.SCENE || parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) parentList.push(parent);
+			if (parent.classType === "Scene" || parent.classType === "SceneViewer") parentList.push(parent);
 			parent = (parent === null || parent === void 0 ? void 0 : parent.getParent) && (parent === null || parent === void 0 ? void 0 : parent.getParent());
 		}
 		parentList.reverse();
-		for (const parent of parentList) if (parent.classType === RENDER_CLASS_TYPE.SCENE) {
+		for (const parent of parentList) if (parent.classType === "Scene") {
 			const viewPort = parent.getActiveViewportByCoord(coord);
 			if (viewPort) {
 				const actualX = viewPort.viewportScrollX || 0;
 				const actualY = viewPort.viewportScrollY || 0;
 				coord = coord.addByPoint(actualX, actualY);
 			}
-		} else if (parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) coord = parent.transform.clone().invert().applyPoint(coord);
+		} else if (parent.classType === "SceneViewer") coord = parent.transform.clone().invert().applyPoint(coord);
 		return coord;
 	}
 	clearLayer() {
@@ -27093,16 +26908,16 @@ var Scene = class extends Disposable {
 		for (let i = 0; i < objectLength; i++) {
 			var _testObject$parent;
 			const testObject = objectOrder[i];
-			if (!testObject.visible || !testObject.evented || testObject.isInGroup && ((_testObject$parent = testObject.parent) === null || _testObject$parent === void 0 ? void 0 : _testObject$parent.classType) === RENDER_CLASS_TYPE.GROUP && testObject.isDrawingObject) continue;
+			if (!testObject.visible || !testObject.evented || testObject.isInGroup && ((_testObject$parent = testObject.parent) === null || _testObject$parent === void 0 ? void 0 : _testObject$parent.classType) === "Group" && testObject.isDrawingObject) continue;
 			const svCoord = vecFromSheetContent;
 			if (testObject.isHit(svCoord)) {
-				if (testObject.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+				if (testObject.classType === "SceneViewer") {
 					const pickedObject = testObject.pick(svCoord);
 					if (pickedObject) isPickedObject = pickedObject;
 					else isPickedObject = testObject.getActiveSubScene();
 				} else isPickedObject = testObject;
 				break;
-			} else if (testObject.classType === RENDER_CLASS_TYPE.SCENE_VIEWER && testObject.allowSelectedClipElement()) {
+			} else if (testObject.classType === "SceneViewer" && testObject.allowSelectedClipElement()) {
 				const pickedObject = testObject.pick(svCoord);
 				if (pickedObject) {
 					isPickedObject = pickedObject;
@@ -27110,12 +26925,12 @@ var Scene = class extends Disposable {
 				}
 			}
 		}
-		if (!isPickedObject && this._parent.classType === RENDER_CLASS_TYPE.ENGINE) return this;
+		if (!isPickedObject && this._parent.classType === "Engine") return this;
 		return isPickedObject;
 	}
 	triggerPointerUp(evt) {
 		var _this$onPointerUp$$em;
-		if (!((_this$onPointerUp$$em = this.onPointerUp$.emitEvent(evt)) === null || _this$onPointerUp$$em === void 0 ? void 0 : _this$onPointerUp$$em.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onPointerUp$$em = this.onPointerUp$.emitEvent(evt)) === null || _this$onPointerUp$$em === void 0 ? void 0 : _this$onPointerUp$$em.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent3;
 			(_this$_parent3 = this._parent) === null || _this$_parent3 === void 0 || _this$_parent3.triggerPointerUp(evt);
 			return false;
@@ -27124,7 +26939,7 @@ var Scene = class extends Disposable {
 	}
 	triggerMouseWheel(evt) {
 		var _this$onMouseWheel$$e;
-		if (!((_this$onMouseWheel$$e = this.onMouseWheel$.emitEvent(evt)) === null || _this$onMouseWheel$$e === void 0 ? void 0 : _this$onMouseWheel$$e.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onMouseWheel$$e = this.onMouseWheel$.emitEvent(evt)) === null || _this$onMouseWheel$$e === void 0 ? void 0 : _this$onMouseWheel$$e.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent4;
 			(_this$_parent4 = this._parent) === null || _this$_parent4 === void 0 || _this$_parent4.triggerMouseWheel(evt);
 			return false;
@@ -27133,7 +26948,7 @@ var Scene = class extends Disposable {
 	}
 	triggerSingleClick(evt) {
 		var _this$onSingleClick$$;
-		if (!((_this$onSingleClick$$ = this.onSingleClick$.emitEvent(evt)) === null || _this$onSingleClick$$ === void 0 ? void 0 : _this$onSingleClick$$.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onSingleClick$$ = this.onSingleClick$.emitEvent(evt)) === null || _this$onSingleClick$$ === void 0 ? void 0 : _this$onSingleClick$$.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent5;
 			(_this$_parent5 = this._parent) === null || _this$_parent5 === void 0 || _this$_parent5.triggerSingleClick(evt);
 			return false;
@@ -27142,7 +26957,7 @@ var Scene = class extends Disposable {
 	}
 	triggerClick(evt) {
 		var _this$onClick$$emitEv;
-		if (!((_this$onClick$$emitEv = this.onClick$.emitEvent(evt)) === null || _this$onClick$$emitEv === void 0 ? void 0 : _this$onClick$$emitEv.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onClick$$emitEv = this.onClick$.emitEvent(evt)) === null || _this$onClick$$emitEv === void 0 ? void 0 : _this$onClick$$emitEv.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent6;
 			(_this$_parent6 = this._parent) === null || _this$_parent6 === void 0 || _this$_parent6.triggerClick(evt);
 			return false;
@@ -27151,7 +26966,7 @@ var Scene = class extends Disposable {
 	}
 	triggerDblclick(evt) {
 		var _this$onDblclick$$emi;
-		if (!((_this$onDblclick$$emi = this.onDblclick$.emitEvent(evt)) === null || _this$onDblclick$$emi === void 0 ? void 0 : _this$onDblclick$$emi.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onDblclick$$emi = this.onDblclick$.emitEvent(evt)) === null || _this$onDblclick$$emi === void 0 ? void 0 : _this$onDblclick$$emi.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent7;
 			(_this$_parent7 = this._parent) === null || _this$_parent7 === void 0 || _this$_parent7.triggerDblclick(evt);
 			return false;
@@ -27160,7 +26975,7 @@ var Scene = class extends Disposable {
 	}
 	triggerTripleClick(evt) {
 		var _this$onTripleClick$$;
-		if (!((_this$onTripleClick$$ = this.onTripleClick$.emitEvent(evt)) === null || _this$onTripleClick$$ === void 0 ? void 0 : _this$onTripleClick$$.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onTripleClick$$ = this.onTripleClick$.emitEvent(evt)) === null || _this$onTripleClick$$ === void 0 ? void 0 : _this$onTripleClick$$.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent8;
 			(_this$_parent8 = this._parent) === null || _this$_parent8 === void 0 || _this$_parent8.triggerTripleClick(evt);
 			return false;
@@ -27169,7 +26984,7 @@ var Scene = class extends Disposable {
 	}
 	triggerPointerMove(evt) {
 		var _this$onPointerMove$$;
-		if (!((_this$onPointerMove$$ = this.onPointerMove$.emitEvent(evt)) === null || _this$onPointerMove$$ === void 0 ? void 0 : _this$onPointerMove$$.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onPointerMove$$ = this.onPointerMove$.emitEvent(evt)) === null || _this$onPointerMove$$ === void 0 ? void 0 : _this$onPointerMove$$.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent9;
 			(_this$_parent9 = this._parent) === null || _this$_parent9 === void 0 || _this$_parent9.triggerPointerMove(evt);
 			return false;
@@ -27178,7 +26993,7 @@ var Scene = class extends Disposable {
 	}
 	triggerPointerDown(evt) {
 		var _this$onPointerDown$$;
-		if (!((_this$onPointerDown$$ = this.onPointerDown$.emitEvent(evt)) === null || _this$onPointerDown$$ === void 0 ? void 0 : _this$onPointerDown$$.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onPointerDown$$ = this.onPointerDown$.emitEvent(evt)) === null || _this$onPointerDown$$ === void 0 ? void 0 : _this$onPointerDown$$.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent10;
 			(_this$_parent10 = this._parent) === null || _this$_parent10 === void 0 || _this$_parent10.triggerPointerDown(evt);
 			return false;
@@ -27186,7 +27001,7 @@ var Scene = class extends Disposable {
 		return true;
 	}
 	triggerPointerOut(evt) {
-		if (this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (this._parent.classType === "SceneViewer") {
 			var _this$_parent11;
 			(_this$_parent11 = this._parent) === null || _this$_parent11 === void 0 || _this$_parent11.triggerPointerOut(evt);
 			return false;
@@ -27195,7 +27010,7 @@ var Scene = class extends Disposable {
 	}
 	triggerPointerLeave(evt) {
 		var _this$onPointerLeave$;
-		if (!((_this$onPointerLeave$ = this.onPointerLeave$.emitEvent(evt)) === null || _this$onPointerLeave$ === void 0 ? void 0 : _this$onPointerLeave$.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onPointerLeave$ = this.onPointerLeave$.emitEvent(evt)) === null || _this$onPointerLeave$ === void 0 ? void 0 : _this$onPointerLeave$.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent12;
 			(_this$_parent12 = this._parent) === null || _this$_parent12 === void 0 || _this$_parent12.triggerPointerLeave(evt);
 			return false;
@@ -27203,7 +27018,7 @@ var Scene = class extends Disposable {
 		return true;
 	}
 	triggerPointerOver(evt) {
-		if (this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (this._parent.classType === "SceneViewer") {
 			var _this$_parent13;
 			(_this$_parent13 = this._parent) === null || _this$_parent13 === void 0 || _this$_parent13.triggerPointerOver(evt);
 			return false;
@@ -27211,7 +27026,7 @@ var Scene = class extends Disposable {
 		return true;
 	}
 	triggerPointerCancel(evt) {
-		if (this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (this._parent.classType === "SceneViewer") {
 			var _this$_parent14;
 			(_this$_parent14 = this._parent) === null || _this$_parent14 === void 0 || _this$_parent14.triggerPointerCancel(evt);
 			return false;
@@ -27220,7 +27035,7 @@ var Scene = class extends Disposable {
 	}
 	triggerPointerEnter(evt) {
 		var _this$onPointerEnter$;
-		if (!((_this$onPointerEnter$ = this.onPointerEnter$.emitEvent(evt)) === null || _this$onPointerEnter$ === void 0 ? void 0 : _this$onPointerEnter$.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onPointerEnter$ = this.onPointerEnter$.emitEvent(evt)) === null || _this$onPointerEnter$ === void 0 ? void 0 : _this$onPointerEnter$.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent15;
 			(_this$_parent15 = this._parent) === null || _this$_parent15 === void 0 || _this$_parent15.triggerPointerEnter(evt);
 			return false;
@@ -27229,7 +27044,7 @@ var Scene = class extends Disposable {
 	}
 	triggerDragLeave(evt) {
 		var _this$onDragLeave$$em;
-		if (!((_this$onDragLeave$$em = this.onDragLeave$.emitEvent(evt)) === null || _this$onDragLeave$$em === void 0 ? void 0 : _this$onDragLeave$$em.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onDragLeave$$em = this.onDragLeave$.emitEvent(evt)) === null || _this$onDragLeave$$em === void 0 ? void 0 : _this$onDragLeave$$em.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent16;
 			(_this$_parent16 = this._parent) === null || _this$_parent16 === void 0 || _this$_parent16.triggerDragLeave(evt);
 			return false;
@@ -27238,7 +27053,7 @@ var Scene = class extends Disposable {
 	}
 	triggerDragOver(evt) {
 		var _this$onDragOver$$emi;
-		if (!((_this$onDragOver$$emi = this.onDragOver$.emitEvent(evt)) === null || _this$onDragOver$$emi === void 0 ? void 0 : _this$onDragOver$$emi.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onDragOver$$emi = this.onDragOver$.emitEvent(evt)) === null || _this$onDragOver$$emi === void 0 ? void 0 : _this$onDragOver$$emi.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent17;
 			(_this$_parent17 = this._parent) === null || _this$_parent17 === void 0 || _this$_parent17.triggerDragOver(evt);
 			return false;
@@ -27247,7 +27062,7 @@ var Scene = class extends Disposable {
 	}
 	triggerDragEnter(evt) {
 		var _this$onDragEnter$$em;
-		if (!((_this$onDragEnter$$em = this.onDragEnter$.emitEvent(evt)) === null || _this$onDragEnter$$em === void 0 ? void 0 : _this$onDragEnter$$em.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onDragEnter$$em = this.onDragEnter$.emitEvent(evt)) === null || _this$onDragEnter$$em === void 0 ? void 0 : _this$onDragEnter$$em.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent18;
 			(_this$_parent18 = this._parent) === null || _this$_parent18 === void 0 || _this$_parent18.triggerDragEnter(evt);
 			return false;
@@ -27256,7 +27071,7 @@ var Scene = class extends Disposable {
 	}
 	triggerDrop(evt) {
 		var _this$onDrop$$emitEve;
-		if (!((_this$onDrop$$emitEve = this.onDrop$.emitEvent(evt)) === null || _this$onDrop$$emitEve === void 0 ? void 0 : _this$onDrop$$emitEve.stopPropagation) && this._parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) {
+		if (!((_this$onDrop$$emitEve = this.onDrop$.emitEvent(evt)) === null || _this$onDrop$$emitEve === void 0 ? void 0 : _this$onDrop$$emitEve.stopPropagation) && this._parent.classType === "SceneViewer") {
 			var _this$_parent19;
 			(_this$_parent19 = this._parent) === null || _this$_parent19 === void 0 || _this$_parent19.triggerDrop(evt);
 			return false;
@@ -27269,10 +27084,11 @@ var Scene = class extends Disposable {
 	*
 	*/
 	_transformHandler() {
-		this.transform = Transform.create().composeMatrix({
+		const composeResult = Transform.create().composeMatrix({
 			scaleX: this.scaleX,
 			scaleY: this.scaleY
 		});
+		this.transform = composeResult;
 		this.getViewports().forEach((vp) => {
 			vp.resetCanvasSizeAndUpdateScroll();
 		});
@@ -28367,7 +28183,7 @@ var Viewport = class {
 		});
 		if (isLimitedStore && !isLimitedStore.isLimitedX && !isLimitedStore.isLimitedY) {
 			evt.preventDefault();
-			if (this._scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER) state.stopPropagation();
+			if (this._scene.getParent().classType === "SceneViewer") state.stopPropagation();
 		}
 		if (this._isWheelPreventDefaultX && this._isWheelPreventDefaultY) evt.preventDefault();
 		this._scene.makeDirty(true);
@@ -28725,8 +28541,8 @@ var Viewport = class {
 	_drawScrollbar(ctx) {
 		if (!this._scrollBar) return;
 		const parent = this._scene.getParent();
-		if (parent.classType === RENDER_CLASS_TYPE.SCENE_VIEWER) this._scrollBar.render(ctx);
-		else if (parent.classType === RENDER_CLASS_TYPE.ENGINE) this._scrollBar.render(ctx);
+		if (parent.classType === "SceneViewer") this._scrollBar.render(ctx);
+		else if (parent.classType === "Engine") this._scrollBar.render(ctx);
 	}
 	setViewportSize(props) {
 		if (Tools.isDefine(props === null || props === void 0 ? void 0 : props.top)) this.top = props.top;