@univerjs/engine-render 0.21.1 → 0.22.0

package/lib/cjs/index.js

@@ -31,7 +31,7 @@ let _univerjs_core = require("@univerjs/core");
 let cjk_regex = require("cjk-regex");
 cjk_regex = __toESM(cjk_regex);
 let rxjs = require("rxjs");
-let opentype_js_dist_opentype_module_js = require("opentype.js/dist/opentype.module.js");
+let opentype_js = require("opentype.js");
 let franc_min = require("franc-min");
 let _floating_ui_dom = require("@floating-ui/dom");
 let _floating_ui_utils = require("@floating-ui/utils");
@@ -650,7 +650,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) {
@@ -661,7 +661,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];
@@ -674,14 +674,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,
@@ -822,7 +822,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,
@@ -990,7 +993,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);
@@ -1019,7 +1022,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;
 }
@@ -1711,22 +1714,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;
@@ -1745,37 +1748,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;
@@ -1799,7 +1802,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;
@@ -1809,7 +1812,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;
@@ -1832,7 +1835,7 @@ function drawDiagonalDoubleLineByBorderType(ctx, type, position) {
 	ctx.stroke();
 }
 function drawDiagonalLineByBorderType(ctx, style, type, position) {
-	if (style === _univerjs_core.BorderStyleTypes.DOUBLE && (type === BORDER_TYPE.TL_BR || type === BORDER_TYPE.BL_TR)) drawDiagonalDoubleLineByBorderType(ctx, type, position);
+	if (style === _univerjs_core.BorderStyleTypes.DOUBLE && (type === "tl_br" || type === "bl_tr")) drawDiagonalDoubleLineByBorderType(ctx, type, position);
 	else drawDiagonalSingleLineByBorderType(ctx, type, position);
 }
 function clearLineByBorderType(ctx, type, position) {
@@ -1842,25 +1845,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;
@@ -1908,7 +1911,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 = [];
@@ -1923,7 +1926,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];
@@ -2982,7 +2985,7 @@ var BaseObject = class extends _univerjs_core.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 _univerjs_core.EventSubject());
 		_defineProperty(this, "onPointerDown$", new _univerjs_core.EventSubject());
 		_defineProperty(this, "onPointerMove$", new _univerjs_core.EventSubject());
@@ -3028,7 +3031,7 @@ var BaseObject = class extends _univerjs_core.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);
@@ -3069,7 +3072,7 @@ var BaseObject = class extends _univerjs_core.Disposable {
 		return this._heightOrigin;
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.BASE_OBJECT;
+		return "BaseObject";
 	}
 	get top() {
 		return this._top;
@@ -3115,15 +3118,15 @@ var BaseObject = class extends _univerjs_core.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;
@@ -3270,7 +3273,7 @@ var BaseObject = class extends _univerjs_core.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
@@ -3289,7 +3292,7 @@ var BaseObject = class extends _univerjs_core.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
@@ -3308,7 +3311,7 @@ var BaseObject = class extends _univerjs_core.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
@@ -3327,7 +3330,7 @@ var BaseObject = class extends _univerjs_core.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
@@ -3346,7 +3349,7 @@ var BaseObject = class extends _univerjs_core.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
@@ -3374,7 +3377,7 @@ var BaseObject = class extends _univerjs_core.Disposable {
 		});
 		this._setTransForm();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.all,
+			type: 5,
 			value: option,
 			preValue: preKeys
 		});
@@ -3406,7 +3409,7 @@ var BaseObject = class extends _univerjs_core.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 = {
@@ -3638,7 +3641,7 @@ var BaseObject = class extends _univerjs_core.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;
@@ -3655,7 +3658,7 @@ var BaseObject = class extends _univerjs_core.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;
@@ -3679,7 +3682,7 @@ var BaseObject = class extends _univerjs_core.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,
@@ -3690,6 +3693,7 @@ var BaseObject = class extends _univerjs_core.Disposable {
 			flipX: this.flipX,
 			flipY: this.flipY
 		});
+		this.transform = composeResult;
 		this._makeDirtyMix();
 	}
 	_makeDirtyMix() {
@@ -4453,7 +4457,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);
 	}
@@ -4653,7 +4657,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;
 		}
@@ -4762,38 +4766,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;
@@ -4811,7 +4800,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;
@@ -5081,7 +5070,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;
@@ -5107,7 +5096,7 @@ var Border = class extends SheetExtension {
 				endX,
 				endY
 			});
-			if (style === _univerjs_core.BorderStyleTypes.DOUBLE && (type === BORDER_TYPE.LEFT || type === BORDER_TYPE.RIGHT || type === BORDER_TYPE.TOP || type === BORDER_TYPE.BOTTOM)) this._renderDoubleBorder({
+			if (style === _univerjs_core.BorderStyleTypes.DOUBLE && (type === "l" || type === "r" || type === "t" || type === "b")) this._renderDoubleBorder({
 				renderBorderContext,
 				row,
 				col,
@@ -5122,16 +5111,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;
 				}
@@ -5191,7 +5180,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 !== _univerjs_core.BorderStyleTypes.DOUBLE) {
 				outerLineOffsets.startYOffset = 0;
 				innerLineOffsets.startYOffset = 0;
@@ -5199,8 +5188,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) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_leftTopCellBorder$bo = leftTopCellBorder.bottom) === null || _leftTopCellBorder$bo === void 0 ? void 0 : _leftTopCellBorder$bo.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.RIGHT && (((_rightCellBorder$top = rightCellBorder.top) === null || _rightCellBorder$top === void 0 ? void 0 : _rightCellBorder$top.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_rightTopCellBorder$b = rightTopCellBorder.bottom) === null || _rightTopCellBorder$b === void 0 ? void 0 : _rightTopCellBorder$b.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.startYOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.LEFT && leftTopCellBorder.bottom && leftTopCellBorder.bottom.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === BORDER_TYPE.RIGHT && rightTopCellBorder.bottom && rightTopCellBorder.bottom.style !== _univerjs_core.BorderStyleTypes.DOUBLE) outerLineOffsets.startYOffset = 0;
+				if (type === "l" && (((_leftCellBorder$top = leftCellBorder.top) === null || _leftCellBorder$top === void 0 ? void 0 : _leftCellBorder$top.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_leftTopCellBorder$bo = leftTopCellBorder.bottom) === null || _leftTopCellBorder$bo === void 0 ? void 0 : _leftTopCellBorder$bo.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === "r" && (((_rightCellBorder$top = rightCellBorder.top) === null || _rightCellBorder$top === void 0 ? void 0 : _rightCellBorder$top.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_rightTopCellBorder$b = rightTopCellBorder.bottom) === null || _rightTopCellBorder$b === void 0 ? void 0 : _rightTopCellBorder$b.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.startYOffset = -defaultOffset;
+				else if (type === "l" && leftTopCellBorder.bottom && leftTopCellBorder.bottom.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === "r" && rightTopCellBorder.bottom && rightTopCellBorder.bottom.style !== _univerjs_core.BorderStyleTypes.DOUBLE) outerLineOffsets.startYOffset = 0;
 				else outerLineOffsets.startYOffset = defaultOffset;
 				innerLineOffsets.startYOffset = defaultOffset;
 			}
@@ -5211,17 +5200,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) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_leftBottomCellBorder = leftBottomCellBorder.top) === null || _leftBottomCellBorder === void 0 ? void 0 : _leftBottomCellBorder.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.RIGHT && (((_rightCellBorder$bott = rightCellBorder.bottom) === null || _rightCellBorder$bott === void 0 ? void 0 : _rightCellBorder$bott.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_rightBottomCellBorde = rightBottomCellBorder.top) === null || _rightBottomCellBorde === void 0 ? void 0 : _rightBottomCellBorde.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.endYOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.LEFT && leftBottomCellBorder.top && leftBottomCellBorder.top.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === BORDER_TYPE.RIGHT && rightBottomCellBorder.top && rightBottomCellBorder.top.style !== _univerjs_core.BorderStyleTypes.DOUBLE) outerLineOffsets.endYOffset = 0;
+				if (type === "l" && (((_leftCellBorder$botto = leftCellBorder.bottom) === null || _leftCellBorder$botto === void 0 ? void 0 : _leftCellBorder$botto.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_leftBottomCellBorder = leftBottomCellBorder.top) === null || _leftBottomCellBorder === void 0 ? void 0 : _leftBottomCellBorder.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === "r" && (((_rightCellBorder$bott = rightCellBorder.bottom) === null || _rightCellBorder$bott === void 0 ? void 0 : _rightCellBorder$bott.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_rightBottomCellBorde = rightBottomCellBorder.top) === null || _rightBottomCellBorde === void 0 ? void 0 : _rightBottomCellBorde.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.endYOffset = -defaultOffset;
+				else if (type === "l" && leftBottomCellBorder.top && leftBottomCellBorder.top.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === "r" && rightBottomCellBorder.top && rightBottomCellBorder.top.style !== _univerjs_core.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 !== _univerjs_core.BorderStyleTypes.DOUBLE) {
 				outerLineOffsets.startXOffset = 0;
 				innerLineOffsets.startXOffset = 0;
@@ -5229,8 +5218,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) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_topLeftCellBorder$ri = topLeftCellBorder.right) === null || _topLeftCellBorder$ri === void 0 ? void 0 : _topLeftCellBorder$ri.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.BOTTOM && (((_bottomCellBorder$lef = bottomCellBorder.left) === null || _bottomCellBorder$lef === void 0 ? void 0 : _bottomCellBorder$lef.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_bottomLeftCellBorder = bottomLeftCellBorder.right) === null || _bottomLeftCellBorder === void 0 ? void 0 : _bottomLeftCellBorder.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.startXOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.TOP && topLeftCellBorder.right && topLeftCellBorder.right.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === BORDER_TYPE.BOTTOM && bottomLeftCellBorder.right && bottomLeftCellBorder.right.style !== _univerjs_core.BorderStyleTypes.DOUBLE) outerLineOffsets.startXOffset = 0;
+				if (type === "t" && (((_topCellBorder$left = topCellBorder.left) === null || _topCellBorder$left === void 0 ? void 0 : _topCellBorder$left.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_topLeftCellBorder$ri = topLeftCellBorder.right) === null || _topLeftCellBorder$ri === void 0 ? void 0 : _topLeftCellBorder$ri.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === "b" && (((_bottomCellBorder$lef = bottomCellBorder.left) === null || _bottomCellBorder$lef === void 0 ? void 0 : _bottomCellBorder$lef.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_bottomLeftCellBorder = bottomLeftCellBorder.right) === null || _bottomLeftCellBorder === void 0 ? void 0 : _bottomLeftCellBorder.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.startXOffset = -defaultOffset;
+				else if (type === "t" && topLeftCellBorder.right && topLeftCellBorder.right.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === "b" && bottomLeftCellBorder.right && bottomLeftCellBorder.right.style !== _univerjs_core.BorderStyleTypes.DOUBLE) outerLineOffsets.startXOffset = 0;
 				else outerLineOffsets.startXOffset = defaultOffset;
 				innerLineOffsets.startXOffset = defaultOffset;
 			}
@@ -5241,15 +5230,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) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_topRightCellBorder$l = topRightCellBorder.left) === null || _topRightCellBorder$l === void 0 ? void 0 : _topRightCellBorder$l.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === BORDER_TYPE.BOTTOM && (((_bottomCellBorder$rig = bottomCellBorder.right) === null || _bottomCellBorder$rig === void 0 ? void 0 : _bottomCellBorder$rig.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_bottomRightCellBorde = bottomRightCellBorder.left) === null || _bottomRightCellBorde === void 0 ? void 0 : _bottomRightCellBorde.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.endXOffset = -defaultOffset;
-				else if (type === BORDER_TYPE.TOP && topRightCellBorder.left && topRightCellBorder.left.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === BORDER_TYPE.BOTTOM && bottomRightCellBorder.left && bottomRightCellBorder.left.style !== _univerjs_core.BorderStyleTypes.DOUBLE) outerLineOffsets.endXOffset = 0;
+				if (type === "t" && (((_topCellBorder$right = topCellBorder.right) === null || _topCellBorder$right === void 0 ? void 0 : _topCellBorder$right.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_topRightCellBorder$l = topRightCellBorder.left) === null || _topRightCellBorder$l === void 0 ? void 0 : _topRightCellBorder$l.style) === _univerjs_core.BorderStyleTypes.DOUBLE) || type === "b" && (((_bottomCellBorder$rig = bottomCellBorder.right) === null || _bottomCellBorder$rig === void 0 ? void 0 : _bottomCellBorder$rig.style) === _univerjs_core.BorderStyleTypes.DOUBLE || ((_bottomRightCellBorde = bottomRightCellBorder.left) === null || _bottomRightCellBorde === void 0 ? void 0 : _bottomRightCellBorde.style) === _univerjs_core.BorderStyleTypes.DOUBLE)) outerLineOffsets.endXOffset = -defaultOffset;
+				else if (type === "t" && topRightCellBorder.left && topRightCellBorder.left.style !== _univerjs_core.BorderStyleTypes.DOUBLE || type === "b" && bottomRightCellBorder.left && bottomRightCellBorder.left.style !== _univerjs_core.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);
 		}
 	}
@@ -5260,10 +5249,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,
@@ -5522,30 +5511,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;
 	}
@@ -11223,7 +11190,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));
@@ -11373,100 +11340,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;
 		}
@@ -11542,8 +11524,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() {
@@ -12007,12 +11989,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,
@@ -12317,7 +12299,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 rxjs.BehaviorSubject(null));
 		_defineProperty(this, "editAreaChange$", this._editAreaChange$.asObservable());
 		_defineProperty(this, "_headerTreeMap", /* @__PURE__ */ new Map());
@@ -12557,16 +12539,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, _univerjs_core.DataStreamTreeTokenType.TAB, config, glyphWidth);
+	return _createSkeletonWordOrLetter(4, _univerjs_core.DataStreamTreeTokenType.TAB, config, glyphWidth);
 }
 function createHyphenDashGlyph(config) {
-	const dashLetterGlyph = _createSkeletonWordOrLetter(GlyphType.LETTER, "-", config);
+	const dashLetterGlyph = _createSkeletonWordOrLetter(0, "-", config);
 	dashLetterGlyph.count = 0;
 	return dashLetterGlyph;
 }
@@ -12595,7 +12577,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
@@ -12641,7 +12623,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
 	};
@@ -12709,7 +12691,7 @@ function createSkeletonBulletGlyph(glyph, bulletSkeleton, charSpaceApply) {
 		left,
 		isJustifiable: isJustifiable(content),
 		adjustability: baseAdjustability(content, width),
-		glyphType: GlyphType.LIST,
+		glyphType: 2,
 		streamType: _univerjs_core.DataStreamTreeTokenType.LETTER,
 		count: 0,
 		raw: content
@@ -12747,17 +12729,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;
@@ -12949,11 +12920,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 {
@@ -12968,8 +12939,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;
 	}
@@ -12979,11 +12950,11 @@ function __getSplitWidthNoAngle(top, height, left, width, lineTop, lineHeight, c
 	};
 }
 function ___getWrapTextRuler(wrapText, resultLeft, resultWidth, columnWidth) {
-	let ruler = WrapTextRuler.BOTH;
-	if (wrapText === _univerjs_core.WrapTextType.LEFT) ruler = WrapTextRuler.LEFT;
-	else if (wrapText === _univerjs_core.WrapTextType.RIGHT) ruler = WrapTextRuler.RIGHT;
-	else if (wrapText === _univerjs_core.WrapTextType.LARGEST) if (resultLeft > columnWidth - resultLeft - resultWidth) ruler = WrapTextRuler.LEFT;
-	else ruler = WrapTextRuler.RIGHT;
+	let ruler = 0;
+	if (wrapText === _univerjs_core.WrapTextType.LEFT) ruler = 1;
+	else if (wrapText === _univerjs_core.WrapTextType.RIGHT) ruler = 2;
+	else if (wrapText === _univerjs_core.WrapTextType.LARGEST) if (resultLeft > columnWidth - resultLeft - resultWidth) ruler = 1;
+	else ruler = 2;
 	return ruler;
 }
 function _calculateDivideByDrawings(columnWidth, drawingSplit) {
@@ -13390,7 +13361,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 = _univerjs_core.GridType.LINES, charSpace = 0, defaultTabStop = 10.5 } = sectionBreakConfig;
@@ -13437,7 +13408,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;
@@ -13455,7 +13426,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;
@@ -13484,12 +13455,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 {
@@ -13504,7 +13475,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]];
@@ -13520,7 +13491,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);
@@ -13597,7 +13568,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,
@@ -13630,7 +13601,7 @@ function __updateAndPositionDrawings(ctx, lineTop, lineHeight, column, targetDra
 			width,
 			height,
 			angle,
-			type: FloatObjectType.IMAGE,
+			type: "IMAGE",
 			positionV
 		};
 	}), column, paragraphIndex);
@@ -13648,7 +13619,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;
@@ -13804,11 +13775,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, {
@@ -14165,7 +14136,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);
@@ -14431,11 +14402,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: _univerjs_core.ColumnSeparatorType.NONE,
@@ -14583,7 +14549,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,
@@ -14653,7 +14619,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: "",
@@ -14674,7 +14640,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(),
@@ -14700,7 +14666,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];
@@ -14749,7 +14715,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,
@@ -14761,7 +14727,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);
@@ -14960,7 +14926,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;
@@ -15285,7 +15251,7 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 		};
 		if (text.endsWith(_univerjs_core.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;
@@ -15294,7 +15260,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();
@@ -15302,106 +15268,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) {
@@ -15428,7 +15294,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);
@@ -15438,7 +15304,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 = "";
@@ -15451,27 +15317,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]);
@@ -15522,7 +15381,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 = "";
@@ -15553,59 +15412,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 {
@@ -15621,23 +15456,23 @@ function getFontInfoFromTextStyle(style) {
 	return {
 		family: ff !== null && ff !== void 0 ? ff : "Arial",
 		variant: {
-			style: it === _univerjs_core.BooleanNumber.TRUE ? FontStyle.Italic : FontStyle.Normal,
-			weight: bl === _univerjs_core.BooleanNumber.TRUE ? FontWeight.BOLD : FontWeight.REGULAR
+			style: it === _univerjs_core.BooleanNumber.TRUE ? 1 : 0,
+			weight: bl === _univerjs_core.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;
@@ -15692,7 +15527,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;
 			}
@@ -15780,7 +15615,7 @@ function shapeChunk(content, charPosition, used, families, style) {
 	});
 	let font = fontCache.get(fontInfo.fullName);
 	if (!font) {
-		font = (0, opentype_js_dist_opentype_module_js.parse)(fontBuffer);
+		font = (0, opentype_js.parse)(fontBuffer);
 		fontCache.set(fontInfo.fullName, font);
 	}
 	const results = [];
@@ -15993,7 +15828,7 @@ function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig, use
 	const lang = languageDetector.detect(content);
 	const needHyphen = hyphenConfig(paragraphStyle, sectionBreakConfig);
 	const doNotHyphenateCaps = sectionBreakConfig.doNotHyphenateCaps === _univerjs_core.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);
@@ -16098,7 +15933,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;
@@ -16197,84 +16032,84 @@ function _pushPage(allCurrentSkeletonPages, blockSkeletonPages) {
 //#endregion
 //#region src/components/docs/layout/hyphenation/pattern-loaders.gen.ts
 const PATTERN_LOADERS = {
-	[Lang.Af]: () => Promise.resolve().then(() => require("./af-Bsj1JSBP.js")),
-	[Lang.As]: () => Promise.resolve().then(() => require("./as-s7lqjieq.js")),
-	[Lang.Be]: () => Promise.resolve().then(() => require("./be-L5eMFm5U.js")),
-	[Lang.Bg]: () => Promise.resolve().then(() => require("./bg-DPu8oywG.js")),
-	[Lang.Bn]: () => Promise.resolve().then(() => require("./bn-CIWO--x0.js")),
-	[Lang.Ca]: () => Promise.resolve().then(() => require("./ca-C4gmkbL6.js")),
-	[Lang.Cop]: () => Promise.resolve().then(() => require("./cop-BYQt2Eln.js")),
-	[Lang.Cs]: () => Promise.resolve().then(() => require("./cs-psn0RDcR.js")),
-	[Lang.Cu]: () => Promise.resolve().then(() => require("./cu-CI412h46.js")),
-	[Lang.Cy]: () => Promise.resolve().then(() => require("./cy-u9h1j59b.js")),
-	[Lang.Da]: () => Promise.resolve().then(() => require("./da-BQ70NE2J.js")),
-	[Lang.De1901]: () => Promise.resolve().then(() => require("./de-1901-C5Xgq4-z.js")),
-	[Lang.De1996]: () => Promise.resolve().then(() => require("./de-1996-BmpXhD5R.js")),
-	[Lang.DeCh1901]: () => Promise.resolve().then(() => require("./de-ch-1901-mUpubovn.js")),
-	[Lang.ElMonoton]: () => Promise.resolve().then(() => require("./el-monoton-1KLys64v.js")),
-	[Lang.ElPolyton]: () => Promise.resolve().then(() => require("./el-polyton-C8sv-vqz.js")),
-	[Lang.EnGb]: () => Promise.resolve().then(() => require("./en-gb-DidBtNJX.js")),
-	[Lang.EnUs]: () => Promise.resolve().then(() => require("./en-us-DKyh_RpA.js")),
-	[Lang.Es]: () => Promise.resolve().then(() => require("./es-C1gCT0OW.js")),
-	[Lang.Et]: () => Promise.resolve().then(() => require("./et-UwA1uq3o.js")),
-	[Lang.Eu]: () => Promise.resolve().then(() => require("./eu-pizKbeo6.js")),
-	[Lang.Fi]: () => Promise.resolve().then(() => require("./fi-bkmcjeIB.js")),
-	[Lang.Fr]: () => Promise.resolve().then(() => require("./fr-DTRdyReV.js")),
-	[Lang.Fur]: () => Promise.resolve().then(() => require("./fur-CzaEPYy4.js")),
-	[Lang.Ga]: () => Promise.resolve().then(() => require("./ga-DfpmmLL7.js")),
-	[Lang.Gl]: () => Promise.resolve().then(() => require("./gl-BvPLj87g.js")),
-	[Lang.Grc]: () => Promise.resolve().then(() => require("./grc-CWjbj1rE.js")),
-	[Lang.Gu]: () => Promise.resolve().then(() => require("./gu-B9b71pv0.js")),
-	[Lang.Hi]: () => Promise.resolve().then(() => require("./hi-B0PM9Naw.js")),
-	[Lang.Hr]: () => Promise.resolve().then(() => require("./hr-hhdjugdi.js")),
-	[Lang.Hsb]: () => Promise.resolve().then(() => require("./hsb-CUC0Vhy0.js")),
-	[Lang.Hu]: () => Promise.resolve().then(() => require("./hu-DNqLSdxp.js")),
-	[Lang.Hy]: () => Promise.resolve().then(() => require("./hy-Cr37-HYR.js")),
-	[Lang.Ia]: () => Promise.resolve().then(() => require("./ia-_xcaTvlU.js")),
-	[Lang.Id]: () => Promise.resolve().then(() => require("./id-DTTt6JOe.js")),
-	[Lang.Is]: () => Promise.resolve().then(() => require("./is-BlJOUdIf.js")),
-	[Lang.It]: () => Promise.resolve().then(() => require("./it-1kO7pboy.js")),
-	[Lang.Ka]: () => Promise.resolve().then(() => require("./ka-06TLrBSU.js")),
-	[Lang.Kmr]: () => Promise.resolve().then(() => require("./kmr-CqLLMgB-.js")),
-	[Lang.Kn]: () => Promise.resolve().then(() => require("./kn-DsgCykwv.js")),
-	[Lang.La]: () => Promise.resolve().then(() => require("./la-BtfI1L1Y.js")),
-	[Lang.LaXClassic]: () => Promise.resolve().then(() => require("./la-x-classic-Csxxqk4A.js")),
-	[Lang.LaXLiturgic]: () => Promise.resolve().then(() => require("./la-x-liturgic-DP4lkHMh.js")),
-	[Lang.Lt]: () => Promise.resolve().then(() => require("./lt-BLnhu8cj.js")),
-	[Lang.Lv]: () => Promise.resolve().then(() => require("./lv-BWU1ykNC.js")),
-	[Lang.Ml]: () => Promise.resolve().then(() => require("./ml-DCPEVUGQ.js")),
-	[Lang.MnCyrl]: () => Promise.resolve().then(() => require("./mn-cyrl-R4Uzk2PR.js")),
-	[Lang.MnCyrlXLmc]: () => Promise.resolve().then(() => require("./mn-cyrl-x-lmc-DcrbbdVO.js")),
-	[Lang.Mr]: () => Promise.resolve().then(() => require("./mr-a95kT02n.js")),
-	[Lang.MulEthi]: () => Promise.resolve().then(() => require("./mul-ethi-Ha-646Ih.js")),
-	[Lang.Nb]: () => Promise.resolve().then(() => require("./nb-DVDq5SId.js")),
-	[Lang.Nl]: () => Promise.resolve().then(() => require("./nl-xvtaATgd.js")),
-	[Lang.Nn]: () => Promise.resolve().then(() => require("./nn-Dd3GYfsu.js")),
-	[Lang.No]: () => Promise.resolve().then(() => require("./no-Ccuz1dXv.js")),
-	[Lang.Oc]: () => Promise.resolve().then(() => require("./oc-DMNrvVUu.js")),
-	[Lang.Or]: () => Promise.resolve().then(() => require("./or-BBnbptii.js")),
-	[Lang.Pa]: () => Promise.resolve().then(() => require("./pa-Bpqjl4TY.js")),
-	[Lang.Pi]: () => Promise.resolve().then(() => require("./pi-Dw9S8R8a.js")),
-	[Lang.Pl]: () => Promise.resolve().then(() => require("./pl-BxIw_3q_.js")),
-	[Lang.Pms]: () => Promise.resolve().then(() => require("./pms-ts8oJNTo.js")),
-	[Lang.Pt]: () => Promise.resolve().then(() => require("./pt-INYdw9le.js")),
-	[Lang.Rm]: () => Promise.resolve().then(() => require("./rm-SrIsmyuH.js")),
-	[Lang.Ro]: () => Promise.resolve().then(() => require("./ro--lDLf93Z.js")),
-	[Lang.Ru]: () => Promise.resolve().then(() => require("./ru-CnviOn4F.js")),
-	[Lang.Sa]: () => Promise.resolve().then(() => require("./sa--YzUfT9m.js")),
-	[Lang.ShCyrl]: () => Promise.resolve().then(() => require("./sh-cyrl-C-Y7f9iS.js")),
-	[Lang.ShLatn]: () => Promise.resolve().then(() => require("./sh-latn-DE0Oa7St.js")),
-	[Lang.Sk]: () => Promise.resolve().then(() => require("./sk-CL5uDe3A.js")),
-	[Lang.Sl]: () => Promise.resolve().then(() => require("./sl-D8ckCfPR.js")),
-	[Lang.SrCyrl]: () => Promise.resolve().then(() => require("./sr-cyrl-CZdv8WGY.js")),
-	[Lang.Sv]: () => Promise.resolve().then(() => require("./sv-DYQd48Sm.js")),
-	[Lang.Ta]: () => Promise.resolve().then(() => require("./ta-DOa0x7zq.js")),
-	[Lang.Te]: () => Promise.resolve().then(() => require("./te-BtexCVtn.js")),
-	[Lang.Th]: () => Promise.resolve().then(() => require("./th-BJUX68-0.js")),
-	[Lang.Tk]: () => Promise.resolve().then(() => require("./tk-CEs8UQxA.js")),
-	[Lang.Tr]: () => Promise.resolve().then(() => require("./tr-BMiKDMrF.js")),
-	[Lang.Uk]: () => Promise.resolve().then(() => require("./uk-B8pzUYbn.js")),
-	[Lang.ZhLatnPinyin]: () => Promise.resolve().then(() => require("./zh-latn-pinyin-s8_52NaR.js"))
+	["af"]: () => Promise.resolve().then(() => require("./af-Bsj1JSBP.js")),
+	["as"]: () => Promise.resolve().then(() => require("./as-s7lqjieq.js")),
+	["be"]: () => Promise.resolve().then(() => require("./be-L5eMFm5U.js")),
+	["bg"]: () => Promise.resolve().then(() => require("./bg-DPu8oywG.js")),
+	["bn"]: () => Promise.resolve().then(() => require("./bn-CIWO--x0.js")),
+	["ca"]: () => Promise.resolve().then(() => require("./ca-C4gmkbL6.js")),
+	["cop"]: () => Promise.resolve().then(() => require("./cop-BYQt2Eln.js")),
+	["cs"]: () => Promise.resolve().then(() => require("./cs-psn0RDcR.js")),
+	["cu"]: () => Promise.resolve().then(() => require("./cu-CI412h46.js")),
+	["cy"]: () => Promise.resolve().then(() => require("./cy-u9h1j59b.js")),
+	["da"]: () => Promise.resolve().then(() => require("./da-BQ70NE2J.js")),
+	["de-1901"]: () => Promise.resolve().then(() => require("./de-1901-C5Xgq4-z.js")),
+	["de-1996"]: () => Promise.resolve().then(() => require("./de-1996-BmpXhD5R.js")),
+	["de-ch-1901"]: () => Promise.resolve().then(() => require("./de-ch-1901-mUpubovn.js")),
+	["el-monoton"]: () => Promise.resolve().then(() => require("./el-monoton-1KLys64v.js")),
+	["el-polyton"]: () => Promise.resolve().then(() => require("./el-polyton-C8sv-vqz.js")),
+	["en-gb"]: () => Promise.resolve().then(() => require("./en-gb-DidBtNJX.js")),
+	["en-us"]: () => Promise.resolve().then(() => require("./en-us-DKyh_RpA.js")),
+	["es"]: () => Promise.resolve().then(() => require("./es-C1gCT0OW.js")),
+	["et"]: () => Promise.resolve().then(() => require("./et-UwA1uq3o.js")),
+	["eu"]: () => Promise.resolve().then(() => require("./eu-pizKbeo6.js")),
+	["fi"]: () => Promise.resolve().then(() => require("./fi-bkmcjeIB.js")),
+	["fr"]: () => Promise.resolve().then(() => require("./fr-DTRdyReV.js")),
+	["fur"]: () => Promise.resolve().then(() => require("./fur-CzaEPYy4.js")),
+	["ga"]: () => Promise.resolve().then(() => require("./ga-DfpmmLL7.js")),
+	["gl"]: () => Promise.resolve().then(() => require("./gl-BvPLj87g.js")),
+	["grc"]: () => Promise.resolve().then(() => require("./grc-CWjbj1rE.js")),
+	["gu"]: () => Promise.resolve().then(() => require("./gu-B9b71pv0.js")),
+	["hi"]: () => Promise.resolve().then(() => require("./hi-B0PM9Naw.js")),
+	["hr"]: () => Promise.resolve().then(() => require("./hr-hhdjugdi.js")),
+	["hsb"]: () => Promise.resolve().then(() => require("./hsb-CUC0Vhy0.js")),
+	["hu"]: () => Promise.resolve().then(() => require("./hu-DNqLSdxp.js")),
+	["hy"]: () => Promise.resolve().then(() => require("./hy-Cr37-HYR.js")),
+	["ia"]: () => Promise.resolve().then(() => require("./ia-_xcaTvlU.js")),
+	["id"]: () => Promise.resolve().then(() => require("./id-DTTt6JOe.js")),
+	["is"]: () => Promise.resolve().then(() => require("./is-BlJOUdIf.js")),
+	["it"]: () => Promise.resolve().then(() => require("./it-1kO7pboy.js")),
+	["ka"]: () => Promise.resolve().then(() => require("./ka-06TLrBSU.js")),
+	["kmr"]: () => Promise.resolve().then(() => require("./kmr-CqLLMgB-.js")),
+	["kn"]: () => Promise.resolve().then(() => require("./kn-DsgCykwv.js")),
+	["la"]: () => Promise.resolve().then(() => require("./la-BtfI1L1Y.js")),
+	["la-x-classic"]: () => Promise.resolve().then(() => require("./la-x-classic-Csxxqk4A.js")),
+	["la-x-liturgic"]: () => Promise.resolve().then(() => require("./la-x-liturgic-DP4lkHMh.js")),
+	["lt"]: () => Promise.resolve().then(() => require("./lt-BLnhu8cj.js")),
+	["lv"]: () => Promise.resolve().then(() => require("./lv-BWU1ykNC.js")),
+	["ml"]: () => Promise.resolve().then(() => require("./ml-DCPEVUGQ.js")),
+	["mn-cyrl"]: () => Promise.resolve().then(() => require("./mn-cyrl-R4Uzk2PR.js")),
+	["mn-cyrl-x-lmc"]: () => Promise.resolve().then(() => require("./mn-cyrl-x-lmc-DcrbbdVO.js")),
+	["mr"]: () => Promise.resolve().then(() => require("./mr-a95kT02n.js")),
+	["mul-ethi"]: () => Promise.resolve().then(() => require("./mul-ethi-Ha-646Ih.js")),
+	["nb"]: () => Promise.resolve().then(() => require("./nb-DVDq5SId.js")),
+	["nl"]: () => Promise.resolve().then(() => require("./nl-xvtaATgd.js")),
+	["nn"]: () => Promise.resolve().then(() => require("./nn-Dd3GYfsu.js")),
+	["no"]: () => Promise.resolve().then(() => require("./no-Ccuz1dXv.js")),
+	["oc"]: () => Promise.resolve().then(() => require("./oc-DMNrvVUu.js")),
+	["or"]: () => Promise.resolve().then(() => require("./or-BBnbptii.js")),
+	["pa"]: () => Promise.resolve().then(() => require("./pa-Bpqjl4TY.js")),
+	["pi"]: () => Promise.resolve().then(() => require("./pi-Dw9S8R8a.js")),
+	["pl"]: () => Promise.resolve().then(() => require("./pl-BxIw_3q_.js")),
+	["pms"]: () => Promise.resolve().then(() => require("./pms-ts8oJNTo.js")),
+	["pt"]: () => Promise.resolve().then(() => require("./pt-INYdw9le.js")),
+	["rm"]: () => Promise.resolve().then(() => require("./rm-SrIsmyuH.js")),
+	["ro"]: () => Promise.resolve().then(() => require("./ro--lDLf93Z.js")),
+	["ru"]: () => Promise.resolve().then(() => require("./ru-CnviOn4F.js")),
+	["sa"]: () => Promise.resolve().then(() => require("./sa--YzUfT9m.js")),
+	["sh-cyrl"]: () => Promise.resolve().then(() => require("./sh-cyrl-C-Y7f9iS.js")),
+	["sh-latn"]: () => Promise.resolve().then(() => require("./sh-latn-DE0Oa7St.js")),
+	["sk"]: () => Promise.resolve().then(() => require("./sk-CL5uDe3A.js")),
+	["sl"]: () => Promise.resolve().then(() => require("./sl-D8ckCfPR.js")),
+	["sr-cyrl"]: () => Promise.resolve().then(() => require("./sr-cyrl-CZdv8WGY.js")),
+	["sv"]: () => Promise.resolve().then(() => require("./sv-DYQd48Sm.js")),
+	["ta"]: () => Promise.resolve().then(() => require("./ta-DOa0x7zq.js")),
+	["te"]: () => Promise.resolve().then(() => require("./te-BtexCVtn.js")),
+	["th"]: () => Promise.resolve().then(() => require("./th-BJUX68-0.js")),
+	["tk"]: () => Promise.resolve().then(() => require("./tk-CEs8UQxA.js")),
+	["tr"]: () => Promise.resolve().then(() => require("./tr-BMiKDMrF.js")),
+	["uk"]: () => Promise.resolve().then(() => require("./uk-B8pzUYbn.js")),
+	["zh-latn-pinyin"]: () => Promise.resolve().then(() => require("./zh-latn-pinyin-s8_52NaR.js"))
 };
 
 //#endregion
@@ -16324,11 +16159,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(require_en_us.EnUs));
-		this._loadExceptionsToCache(Lang.EnUs, require_en_us.EnUs);
+		this._patterns.set("en-us", parsePattern(require_en_us.EnUs));
+		this._loadExceptionsToCache("en-us", require_en_us.EnUs);
 	}
 	_loadExceptionsToCache(lang, pattern) {
 		if (pattern.length < 3) return;
@@ -16419,40 +16254,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() {
@@ -16466,7 +16301,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[(0, franc_min.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[(0, franc_min.franc)(text)]) !== null && _LANG_MAP_TO_HYPHEN_L !== void 0 ? _LANG_MAP_TO_HYPHEN_L : "unknown";
 		this._detectCache.set(text, lang);
 		return lang;
 	}
@@ -16592,14 +16427,14 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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");
@@ -16638,14 +16473,14 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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");
@@ -16675,15 +16510,15 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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;
@@ -16693,12 +16528,12 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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();
@@ -16713,19 +16548,19 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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;
@@ -16754,16 +16589,16 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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);
 		}
@@ -16776,13 +16611,13 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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);
 			}
@@ -16796,8 +16631,8 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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);
 			}
@@ -16809,10 +16644,10 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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;
@@ -16822,13 +16657,13 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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;
@@ -16850,7 +16685,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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);
@@ -16874,7 +16709,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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)
@@ -16885,7 +16720,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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)
@@ -16906,7 +16741,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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)
@@ -16945,7 +16780,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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();
@@ -16987,10 +16822,10 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.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;
 		}
@@ -17280,7 +17115,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);
@@ -17288,7 +17123,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);
@@ -17624,7 +17459,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 			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) === _univerjs_core.WrapStrategy.WRAP) {
-				const skeleton = new DocSimpleSkeleton(`${cell.v}`, getFontStyleString(style).fontCache, (style === null || style === void 0 ? void 0 : style.tb) === _univerjs_core.WrapStrategy.WRAP, colWidth - paddingLeft - paddingRight, Infinity);
+				const skeleton = new DocSimpleSkeleton((0, _univerjs_core.getDisplayValueFromCell)(cell), getFontStyleString(style).fontCache, (style === null || style === void 0 ? void 0 : style.tb) === _univerjs_core.WrapStrategy.WRAP, colWidth - paddingLeft - paddingRight, Infinity);
 				skeleton.calculate();
 				return skeleton.getTotalHeight() + paddingTop + paddingBottom;
 			} else {
@@ -17670,14 +17505,14 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 	_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);
@@ -18106,22 +17941,22 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		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) {
@@ -18242,29 +18077,29 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		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;
@@ -18304,12 +18139,12 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		* 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]) && (0, _univerjs_core.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"]) && (0, _univerjs_core.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]) && (0, _univerjs_core.isWhiteColor)(rgb)) return;
+			if (((_borderCache$getValue2 = borderCache.getValue(r, c - 1)) === null || _borderCache$getValue2 === void 0 ? void 0 : _borderCache$getValue2["r"]) && (0, _univerjs_core.isWhiteColor)(rgb)) return;
 		}
 		borderCache.getValue(r, c)[type] = {
 			type,
@@ -18708,7 +18543,7 @@ var Font = class extends SheetExtension {
 		const paddingBottom = (_padding$b = padding.b) !== null && _padding$b !== void 0 ? _padding$b : 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 = (0, _univerjs_core.extractPureTextFromCell)(cellData);
+		const text = (0, _univerjs_core.getDisplayValueFromCell)(cellData);
 		const { startX, startY, endX, endY } = renderFontCtx;
 		const cellWidth = endX - startX - paddingLeft - paddingRight;
 		const cellHeight = endY - startY - paddingTop - paddingBottom;
@@ -19156,7 +18991,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() {
@@ -19171,7 +19006,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) {
@@ -19191,7 +19026,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;
 		}
@@ -19215,15 +19050,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);
 	}
@@ -19318,10 +19148,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;
 	}
 };
@@ -19373,12 +19203,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;
@@ -19447,7 +19277,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);
@@ -19635,7 +19465,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) {
@@ -19683,7 +19513,7 @@ var Image$1 = class extends Shape {
 		return this._clipService;
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.IMAGE;
+		return "Image";
 	}
 	transformByStateCloseCropper(option) {
 		this._transformCalculateSrcRect = false;
@@ -19901,7 +19731,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;
@@ -19930,7 +19760,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;
@@ -20598,7 +20428,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() {
@@ -20765,7 +20595,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;
@@ -20790,7 +20620,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();
@@ -21483,7 +21313,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();
@@ -21742,7 +21572,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++) {
@@ -21800,8 +21630,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
@@ -21911,7 +21741,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,
@@ -21947,8 +21777,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
@@ -22028,7 +21858,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,
@@ -22037,7 +21867,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,
@@ -22046,7 +21876,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,
@@ -22055,7 +21885,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,
@@ -22084,8 +21914,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
@@ -22508,14 +22338,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
 		};
@@ -22523,7 +22353,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());
 		}
 	}
@@ -22780,9 +22610,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;
@@ -22938,7 +22768,7 @@ var Layer = class extends _univerjs_core.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;
@@ -23000,7 +22830,7 @@ var Layer = class extends _univerjs_core.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) {
@@ -23107,7 +22937,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;
 		}
@@ -23145,7 +22975,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;
@@ -23272,7 +23102,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,
@@ -23281,7 +23111,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,
@@ -23290,11 +23120,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);
@@ -23306,8 +23136,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;
@@ -23319,15 +23149,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);
@@ -23541,7 +23371,7 @@ var Group = class extends BaseObject {
 		this.addObjects(...objects);
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.GROUP;
+		return "Group";
 	}
 	set cursor(val) {
 		this.setCursor(val);
@@ -23661,7 +23491,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
 		});
@@ -23745,7 +23575,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) {
@@ -23776,7 +23606,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;
@@ -24020,7 +23850,7 @@ let Engine = class Engine extends _univerjs_core.Disposable {
 		return this.getCanvas().getHeight();
 	}
 	get classType() {
-		return RENDER_CLASS_TYPE.ENGINE;
+		return "Engine";
 	}
 	get activeScene() {
 		return this._activeScene;
@@ -24090,7 +23920,7 @@ let Engine = class Engine extends _univerjs_core.Disposable {
 		const options = Object.assign({}, {
 			elementHeight: 1,
 			elementWidth: 1,
-			renderMode: CanvasRenderMode.Rendering,
+			renderMode: 0,
 			dpr: 1
 		}, _options);
 		this._canvas = new Canvas({
@@ -24104,7 +23934,7 @@ let Engine = class Engine extends _univerjs_core.Disposable {
 		this._handleKeyboardAction();
 		this._handlePointerAction();
 		this._handleDragAction();
-		if (options.renderMode !== CanvasRenderMode.Printing) this._matchMediaHandler();
+		if (options.renderMode !== 1) this._matchMediaHandler();
 	}
 	getScenes() {
 		return this._scenes;
@@ -24237,7 +24067,7 @@ let Engine = class Engine extends _univerjs_core.Disposable {
 		const preHeight = this.height;
 		this.getCanvas().setSize(width, height);
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize,
+			type: 1,
 			value: {
 				width,
 				height
@@ -24383,13 +24213,13 @@ let Engine = class Engine extends _univerjs_core.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);
 		};
@@ -24414,13 +24244,13 @@ let Engine = class Engine extends _univerjs_core.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;
@@ -24430,23 +24260,23 @@ let Engine = class Engine extends _univerjs_core.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;
@@ -24455,23 +24285,23 @@ let Engine = class Engine extends _univerjs_core.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)) {
@@ -24479,7 +24309,7 @@ let Engine = class Engine extends _univerjs_core.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);
@@ -24510,15 +24340,15 @@ let Engine = class Engine extends _univerjs_core.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();
@@ -24552,32 +24382,32 @@ let Engine = class Engine extends _univerjs_core.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) {
@@ -24616,8 +24446,8 @@ let Engine = class Engine extends _univerjs_core.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() {
@@ -24638,7 +24468,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";
 
 //#endregion
 //#region src/config/config.ts
@@ -24833,7 +24663,7 @@ var InputManager = class InputManager extends _univerjs_core.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;
@@ -24841,7 +24671,7 @@ var InputManager = class InputManager extends _univerjs_core.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":
@@ -24863,10 +24693,10 @@ var InputManager = class InputManager extends _univerjs_core.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) {
@@ -24874,7 +24704,7 @@ var InputManager = class InputManager extends _univerjs_core.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;
 				}
@@ -24921,9 +24751,9 @@ var InputManager = class InputManager extends _univerjs_core.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;
 	}
@@ -24990,7 +24820,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;
@@ -25004,7 +24834,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() {
@@ -25043,7 +24873,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;
@@ -25053,7 +24883,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;
@@ -25096,42 +24926,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
@@ -25224,7 +25033,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 	changeNotification() {
 		this._changing$.next({
 			objects: this._selectedObjectMap,
-			type: MoveObserverType.MOVE_START
+			type: 0
 		});
 		return this;
 	}
@@ -25369,14 +25178,14 @@ var Transformer = class extends _univerjs_core.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;
@@ -25397,14 +25206,14 @@ var Transformer = class extends _univerjs_core.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
@@ -25488,7 +25297,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 				objects: this._selectedObjectMap,
 				moveX: moveLeft,
 				moveY: moveTop,
-				type: MoveObserverType.MOVING,
+				type: 1,
 				offsetX: moveOffsetX,
 				offsetY: moveOffsetY
 			});
@@ -25502,7 +25311,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 				objects: new Map([[cropper.oKey, cropper]]),
 				moveX: moveLeft,
 				moveY: moveTop,
-				type: MoveObserverType.MOVING,
+				type: 1,
 				offsetX: moveOffsetX,
 				offsetY: moveOffsetY
 			});
@@ -25527,7 +25336,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 			});
 			this._changing$.next({
 				objects: this._selectedObjectMap,
-				type: MoveObserverType.MOVING,
+				type: 1,
 				offsetX: moveOffsetX,
 				offsetY: moveOffsetY
 			});
@@ -25535,12 +25344,12 @@ var Transformer = class extends _univerjs_core.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;
 		}
@@ -25550,17 +25359,17 @@ var Transformer = class extends _univerjs_core.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;
 		}
@@ -25612,37 +25421,37 @@ var Transformer = class extends _univerjs_core.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;
@@ -25747,7 +25556,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 			moveTop: moveTopFix
 		};
 	}
-	_attachEventToAnchor(anchor, type = TransformerManagerType.RESIZE_LT, applyObject) {
+	_attachEventToAnchor(anchor, type = "__SpreadsheetTransformerResizeLT__", applyObject) {
 		this.disposeWithMe((0, _univerjs_core.toDisposable)(anchor.onPointerDown$.subscribeEvent((evt, state) => {
 			const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt;
 			this._startOffsetX = evtOffsetX;
@@ -25768,7 +25577,7 @@ var Transformer = class extends _univerjs_core.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();
@@ -25782,7 +25591,7 @@ var Transformer = class extends _univerjs_core.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, {
@@ -25814,7 +25623,7 @@ var Transformer = class extends _univerjs_core.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
@@ -25823,7 +25632,7 @@ var Transformer = class extends _univerjs_core.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
@@ -25861,14 +25670,14 @@ var Transformer = class extends _univerjs_core.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) => {
@@ -25885,7 +25694,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 				const { offsetX, offsetY } = event;
 				this._changeEnd$.next({
 					objects: this._selectedObjectMap,
-					type: MoveObserverType.MOVE_END,
+					type: 2,
 					offsetX,
 					offsetY,
 					event
@@ -25907,7 +25716,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 		this._changing$.next({
 			objects: this._selectedObjectMap,
 			angle,
-			type: MoveObserverType.MOVING,
+			type: 1,
 			offsetX: moveOffsetX,
 			offsetY: moveOffsetY
 		});
@@ -25921,35 +25730,35 @@ var Transformer = class extends _univerjs_core.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;
@@ -25961,35 +25770,35 @@ var Transformer = class extends _univerjs_core.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;
@@ -26004,43 +25813,43 @@ var Transformer = class extends _univerjs_core.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;
@@ -26066,7 +25875,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 			left,
 			top
 		});
-		this._attachHover(anchor, cursor, CURSOR_TYPE.DEFAULT);
+		this._attachHover(anchor, cursor, "default");
 		return anchor;
 	}
 	_createCopperResizeAnchor(type, applyObject, zIndex) {
@@ -26088,36 +25897,36 @@ var Transformer = class extends _univerjs_core.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) {
@@ -26244,17 +26053,17 @@ var Transformer = class extends _univerjs_core.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) => {
@@ -26319,7 +26128,7 @@ var Transformer = class extends _univerjs_core.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,
@@ -26329,9 +26138,9 @@ var Transformer = class extends _univerjs_core.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,
@@ -26341,9 +26150,9 @@ var Transformer = class extends _univerjs_core.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,
@@ -26354,7 +26163,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 					stroke: borderStroke
 				});
 				this._attachEventToRotate(rotate, applyObject);
-				this._attachHover(rotate, cursor, CURSOR_TYPE.DEFAULT);
+				this._attachHover(rotate, cursor, "default");
 				groupElements.push(rotateLine, rotate);
 			}
 		}
@@ -26367,7 +26176,7 @@ var Transformer = class extends _univerjs_core.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();
@@ -26395,7 +26204,7 @@ var Transformer = class extends _univerjs_core.Disposable {
 		this._changeStart$.next({
 			target: applyObject,
 			objects: this._selectedObjectMap,
-			type: MoveObserverType.MOVE_START
+			type: 0
 		});
 	}
 	_updateActiveObjectList(applyObject, evt) {
@@ -26445,8 +26254,8 @@ var Scene = class extends _univerjs_core.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 rxjs.BehaviorSubject(this));
 		_defineProperty(this, "addObject$", this._addObject$.asObservable());
 		_defineProperty(this, "onTransformChange$", new _univerjs_core.EventSubject());
@@ -26492,18 +26301,18 @@ var Scene = class extends _univerjs_core.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((0, _univerjs_core.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;
@@ -26547,7 +26356,7 @@ var Scene = class extends _univerjs_core.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;
 	}
 	/**
@@ -26556,7 +26365,7 @@ var Scene = class extends _univerjs_core.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() {
@@ -26568,13 +26377,13 @@ var Scene = class extends _univerjs_core.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) {
@@ -26582,7 +26391,7 @@ var Scene = class extends _univerjs_core.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;
 	}
@@ -26595,7 +26404,7 @@ var Scene = class extends _univerjs_core.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);
 		}
@@ -26649,7 +26458,7 @@ var Scene = class extends _univerjs_core.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
@@ -26682,7 +26491,7 @@ var Scene = class extends _univerjs_core.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
@@ -26706,7 +26515,7 @@ var Scene = class extends _univerjs_core.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
@@ -26734,7 +26543,7 @@ var Scene = class extends _univerjs_core.Disposable {
 		});
 		this._transformHandler();
 		this.onTransformChange$.emitEvent({
-			type: TRANSFORM_CHANGE_OBSERVABLE_TYPE.all,
+			type: 5,
 			value: state,
 			preValue: preKeys
 		});
@@ -26743,10 +26552,10 @@ var Scene = class extends _univerjs_core.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;
@@ -27033,18 +26842,18 @@ var Scene = class extends _univerjs_core.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() {
@@ -27122,16 +26931,16 @@ var Scene = class extends _univerjs_core.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;
@@ -27139,12 +26948,12 @@ var Scene = class extends _univerjs_core.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;
@@ -27153,7 +26962,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27162,7 +26971,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27171,7 +26980,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27180,7 +26989,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27189,7 +26998,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27198,7 +27007,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27207,7 +27016,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27215,7 +27024,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27224,7 +27033,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27232,7 +27041,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27240,7 +27049,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27249,7 +27058,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27258,7 +27067,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27267,7 +27076,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27276,7 +27085,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27285,7 +27094,7 @@ var Scene = class extends _univerjs_core.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;
@@ -27298,10 +27107,11 @@ var Scene = class extends _univerjs_core.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();
 		});
@@ -28396,7 +28206,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);
@@ -28754,8 +28564,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 (_univerjs_core.Tools.isDefine(props === null || props === void 0 ? void 0 : props.top)) this.top = props.top;