@univerjs/docs-ui 0.21.1 → 0.22.0

package/lib/index.js

@@ -50,7 +50,7 @@ function neoGetDocObject(renderContext) {
 	const { mainComponent, scene, engine, components } = renderContext;
 	return {
 		document: mainComponent,
-		docBackground: components.get(DOCS_VIEW_KEY.BACKGROUND),
+		docBackground: components.get("__Document_Render_Background__"),
 		scene,
 		engine
 	};
@@ -65,7 +65,7 @@ function getDocObject(univerInstanceService, renderManagerService) {
 	const { mainComponent, scene, engine, components } = currentRender;
 	return {
 		document: mainComponent,
-		docBackground: components.get(DOCS_VIEW_KEY.BACKGROUND),
+		docBackground: components.get("__Document_Render_Background__"),
 		scene,
 		engine
 	};
@@ -76,7 +76,7 @@ function getDocObjectById(unitId, renderManagerService) {
 	const { mainComponent, scene, engine, components } = currentRender;
 	return {
 		document: mainComponent,
-		docBackground: components.get(DOCS_VIEW_KEY.BACKGROUND),
+		docBackground: components.get("__Document_Render_Background__"),
 		scene,
 		engine
 	};
@@ -229,7 +229,7 @@ function transformToDocDrawingPosition(transform, marginLeft = 0, marginTop = 0)
 }
 
 //#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) {
@@ -240,7 +240,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];
@@ -253,14 +253,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,
@@ -271,7 +271,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#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);
@@ -279,7 +279,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);
@@ -370,7 +370,13 @@ const EnterCommand = {
 const BODY_DEFAULT_FONTSIZE = 11;
 const HEADER_FOOTER_DEFAULT_FONTSIZE = 9;
 const DEFAULT_TEXT_STYLE = {
+	/**
+	* fontFamily
+	*/
 	ff: "Arial",
+	/**
+	* fontSize
+	*/
 	fs: BODY_DEFAULT_FONTSIZE
 };
 let DocMenuStyleService = class DocMenuStyleService extends Disposable {
@@ -594,16 +600,6 @@ const BreakLineCommand = {
 
 //#endregion
 //#region src/commands/commands/table/table.ts
-let INSERT_ROW_POSITION = /* @__PURE__ */ function(INSERT_ROW_POSITION) {
-	INSERT_ROW_POSITION[INSERT_ROW_POSITION["ABOVE"] = 0] = "ABOVE";
-	INSERT_ROW_POSITION[INSERT_ROW_POSITION["BELLOW"] = 1] = "BELLOW";
-	return INSERT_ROW_POSITION;
-}({});
-let INSERT_COLUMN_POSITION = /* @__PURE__ */ function(INSERT_COLUMN_POSITION) {
-	INSERT_COLUMN_POSITION[INSERT_COLUMN_POSITION["LEFT"] = 0] = "LEFT";
-	INSERT_COLUMN_POSITION[INSERT_COLUMN_POSITION["RIGHT"] = 1] = "RIGHT";
-	return INSERT_COLUMN_POSITION;
-}({});
 function genEmptyTable(rowCount, colCount) {
 	let dataStream = DataStreamTreeTokenType.TABLE_START;
 	const paragraphs = [];
@@ -766,7 +762,7 @@ function getInsertRowActionsParams(rangeInfo, position, viewModel) {
 	var _viewModel$getBody;
 	const { startOffset, endOffset, segmentId } = rangeInfo;
 	const vm = viewModel.getSelfOrHeaderFooterViewModel(segmentId);
-	const index = position === INSERT_ROW_POSITION.ABOVE ? startOffset : endOffset;
+	const index = position === 0 ? startOffset : endOffset;
 	let tableRow = null;
 	const tableId = (_viewModel$getBody = viewModel.getBody()) === null || _viewModel$getBody === void 0 || (_viewModel$getBody = _viewModel$getBody.tables) === null || _viewModel$getBody === void 0 || (_viewModel$getBody = _viewModel$getBody.find((t) => index >= t.startIndex && index <= t.endIndex)) === null || _viewModel$getBody === void 0 ? void 0 : _viewModel$getBody.tableId;
 	let rowIndex = 0;
@@ -787,17 +783,17 @@ function getInsertRowActionsParams(rangeInfo, position, viewModel) {
 	}
 	if (tableRow == null || tableId == null) return null;
 	return {
-		offset: position === INSERT_ROW_POSITION.ABOVE ? tableRow.startIndex : tableRow.endIndex + 1,
+		offset: position === 0 ? tableRow.startIndex : tableRow.endIndex + 1,
 		colCount: tableRow.children.length,
 		tableId,
-		insertRowIndex: position === INSERT_ROW_POSITION.ABOVE ? rowIndex : rowIndex + 1
+		insertRowIndex: position === 0 ? rowIndex : rowIndex + 1
 	};
 }
 function getInsertColumnActionsParams(rangeInfo, position, viewModel) {
 	var _viewModel$getBody2;
 	const { startOffset, endOffset, segmentId } = rangeInfo;
 	const vm = viewModel.getSelfOrHeaderFooterViewModel(segmentId);
-	const index = position === INSERT_COLUMN_POSITION.LEFT ? startOffset : endOffset;
+	const index = position === 0 ? startOffset : endOffset;
 	const tableId = (_viewModel$getBody2 = viewModel.getBody()) === null || _viewModel$getBody2 === void 0 || (_viewModel$getBody2 = _viewModel$getBody2.tables) === null || _viewModel$getBody2 === void 0 || (_viewModel$getBody2 = _viewModel$getBody2.find((t) => index >= t.startIndex && index <= t.endIndex)) === null || _viewModel$getBody2 === void 0 ? void 0 : _viewModel$getBody2.tableId;
 	const offsets = [];
 	let table = null;
@@ -828,7 +824,7 @@ function getInsertColumnActionsParams(rangeInfo, position, viewModel) {
 	let cursor = 0;
 	for (const row of table.children) {
 		const cell = row.children[columnIndex];
-		const insertIndex = position === INSERT_COLUMN_POSITION.LEFT ? cell.startIndex : cell.endIndex + 1;
+		const insertIndex = position === 0 ? cell.startIndex : cell.endIndex + 1;
 		offsets.push(insertIndex - cursor);
 		cursor = insertIndex;
 	}
@@ -1031,11 +1027,6 @@ function getDeleteRowContentActionParams(rangeInfo, viewModel) {
 		rowCount: table.children.length
 	};
 }
-let CellPosition = /* @__PURE__ */ function(CellPosition) {
-	CellPosition[CellPosition["NEXT"] = 0] = "NEXT";
-	CellPosition[CellPosition["PREV"] = 1] = "PREV";
-	return CellPosition;
-}({});
 function getCellOffsets(viewModel, range, position) {
 	const { startOffset } = range;
 	let targetTable = null;
@@ -1066,7 +1057,7 @@ function getCellOffsets(viewModel, range, position) {
 	}
 	if (cellIndex === -1 || rowIndex === -1 || targetRow == null) return null;
 	let newCell = null;
-	if (position === CellPosition.NEXT) {
+	if (position === 0) {
 		newCell = targetRow.children[cellIndex + 1];
 		if (!newCell) {
 			const nextRow = targetTable.children[rowIndex + 1];
@@ -1393,29 +1384,6 @@ const CutContentCommand = {
 	}
 };
 
-//#endregion
-//#region src/types/delete-direction.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 DeleteDirection = /* @__PURE__ */ function(DeleteDirection) {
-	DeleteDirection[DeleteDirection["LEFT"] = 0] = "LEFT";
-	DeleteDirection[DeleteDirection["RIGHT"] = 1] = "RIGHT";
-	return DeleteDirection;
-}({});
-
 //#endregion
 //#region src/commands/commands/core-editing.command.ts
 const EditorInsertTextCommandId = "doc.command.insert-text";
@@ -1494,8 +1462,8 @@ const DeleteCommand = {
 		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
 		if (docDataModel == null || body == null) return false;
 		const { startOffset } = range;
-		let start = direction === DeleteDirection.LEFT ? startOffset - len : startOffset;
-		let end = direction === DeleteDirection.LEFT ? startOffset - 1 : startOffset + len - 1;
+		let start = direction === 0 ? startOffset - len : startOffset;
+		let end = direction === 0 ? startOffset - 1 : startOffset + len - 1;
 		const customRange = (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.find((customRange) => customRange.startIndex <= start && customRange.endIndex >= end);
 		if (customRange === null || customRange === void 0 ? void 0 : customRange.wholeEntity) {
 			start = customRange.startIndex;
@@ -1595,7 +1563,7 @@ const DeleteCustomBlockCommand = {
 		if (activeRange == null || documentDataModel == null) return false;
 		const { direction, range, unitId, drawingId } = params;
 		const { startOffset, segmentId, style } = activeRange;
-		const cursor = direction === DeleteDirection.LEFT ? startOffset - 1 : startOffset;
+		const cursor = direction === 0 ? startOffset - 1 : startOffset;
 		const textRanges = [{
 			startOffset: cursor,
 			endOffset: cursor,
@@ -1615,7 +1583,7 @@ const DeleteCustomBlockCommand = {
 		const rawActions = [];
 		if (startOffset > 0) textX.push({
 			t: TextXActionType.RETAIN,
-			len: direction === DeleteDirection.LEFT ? startOffset - 1 : startOffset
+			len: direction === 0 ? startOffset - 1 : startOffset
 		});
 		textX.push({
 			t: TextXActionType.DELETE,
@@ -1656,7 +1624,7 @@ const MergeTwoParagraphCommand = {
 		const unitId = docDataModel.getUnitId();
 		const { startOffset, collapsed } = actualRange;
 		if (!collapsed) return false;
-		const startIndex = direction === DeleteDirection.LEFT ? startOffset : startOffset + 1;
+		const startIndex = direction === 0 ? startOffset : startOffset + 1;
 		let curParagraph;
 		let nextParagraph;
 		for (const paragraph of originBody.paragraphs) {
@@ -1667,7 +1635,7 @@ const MergeTwoParagraphCommand = {
 			curParagraph = paragraph;
 		}
 		if (curParagraph == null || nextParagraph == null) return false;
-		const cursor = direction === DeleteDirection.LEFT ? startOffset - 1 : startOffset;
+		const cursor = direction === 0 ? startOffset - 1 : startOffset;
 		const textRanges = [{
 			startOffset: cursor,
 			endOffset: cursor,
@@ -1895,7 +1863,7 @@ const DeleteLeftCommand = {
 				const paragraph = (_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 ? void 0 : _body$paragraphs.find((p) => p.startIndex === startOffset - 1);
 				if (paragraph === null || paragraph === void 0 || (_paragraph$paragraphS = paragraph.paragraphStyle) === null || _paragraph$paragraphS === void 0 ? void 0 : _paragraph$paragraphS.borderBottom) result = await commandService.executeCommand(RemoveHorizontalLineCommand.id);
 				else result = await commandService.executeCommand(MergeTwoParagraphCommand.id, {
-					direction: DeleteDirection.LEFT,
+					direction: 0,
 					range: actualRange
 				});
 			} else if (preGlyph.streamType === "\b") {
@@ -1906,7 +1874,7 @@ const DeleteLeftCommand = {
 				if (drawing.layoutType === PositionedObjectLayoutType.INLINE || (customBlock === null || customBlock === void 0 ? void 0 : customBlock.blockType) === BlockType.CUSTOM) {
 					const unitId = docDataModel.getUnitId();
 					result = await commandService.executeCommand(DeleteCustomBlockCommand.id, {
-						direction: DeleteDirection.LEFT,
+						direction: 0,
 						range: activeRange,
 						unitId,
 						drawingId: preGlyph.drawingId
@@ -1929,7 +1897,7 @@ const DeleteLeftCommand = {
 							endOffset: activeRange.endOffset - 1
 						},
 						segmentId,
-						direction: DeleteDirection.LEFT,
+						direction: 0,
 						len: prePreGlyph.count,
 						textRanges
 					});
@@ -1940,7 +1908,7 @@ const DeleteLeftCommand = {
 					unitId: docDataModel.getUnitId(),
 					range: actualRange,
 					segmentId,
-					direction: DeleteDirection.LEFT,
+					direction: 0,
 					len: preGlyph.count
 				});
 			}
@@ -1993,7 +1961,7 @@ const DeleteRightCommand = {
 			const nextGlyph = skeleton.findNodeByCharIndex(startOffset + 1);
 			if (needDeleteGlyph.streamType === DataStreamTreeTokenType.PARAGRAPH && (nextGlyph === null || nextGlyph === void 0 ? void 0 : nextGlyph.streamType) === DataStreamTreeTokenType.SECTION_BREAK) return false;
 			if (needDeleteGlyph.content === "\r") result = await commandService.executeCommand(MergeTwoParagraphCommand.id, {
-				direction: DeleteDirection.RIGHT,
+				direction: 1,
 				range: activeRange
 			});
 			else if (needDeleteGlyph.streamType === "\b") {
@@ -2003,7 +1971,7 @@ const DeleteRightCommand = {
 				if (drawing.layoutType === PositionedObjectLayoutType.INLINE) {
 					const unitId = docDataModel.getUnitId();
 					result = await commandService.executeCommand(DeleteCustomBlockCommand.id, {
-						direction: DeleteDirection.RIGHT,
+						direction: 1,
 						range: activeRange,
 						unitId,
 						drawingId: needDeleteGlyph.drawingId
@@ -2023,7 +1991,7 @@ const DeleteRightCommand = {
 							endOffset: endOffset + 1
 						},
 						segmentId,
-						direction: DeleteDirection.RIGHT,
+						direction: 1,
 						textRanges,
 						len: nextGlyph.count
 					});
@@ -2038,7 +2006,7 @@ const DeleteRightCommand = {
 					unitId: docDataModel.getUnitId(),
 					range: actualRange,
 					segmentId,
-					direction: DeleteDirection.RIGHT,
+					direction: 1,
 					textRanges,
 					len: needDeleteGlyph.count
 				});
@@ -2447,7 +2415,7 @@ _defineProperty(HtmlToUDMService, "_pluginList", []);
 
 //#endregion
 //#region src/services/clipboard/html-to-udm/paste-plugins/plugin-lark.ts
-const wordPastePlugin = {
+const LarkPastePlugin = {
 	name: "univer-doc-paste-plugin-lark",
 	checkPasteType(html) {
 		return /lark-record-clipboard/i.test(html);
@@ -2508,7 +2476,7 @@ function getParagraphStyle(el) {
 
 //#endregion
 //#region src/services/clipboard/html-to-udm/paste-plugins/plugin-univer.ts
-const univerPastePlugin = {
+const UniverPastePlugin = {
 	name: "univer-doc-paste-plugin-univer",
 	checkPasteType(html) {
 		return /UniverNormal/i.test(html);
@@ -2532,7 +2500,7 @@ const univerPastePlugin = {
 
 //#endregion
 //#region src/services/clipboard/html-to-udm/paste-plugins/plugin-word.ts
-const wordPastePlugin$1 = {
+const WordPastePlugin = {
 	name: "univer-doc-paste-plugin-word",
 	checkPasteType(html) {
 		return /word|mso/i.test(html);
@@ -2758,9 +2726,9 @@ var UDMToHtmlService = class {
 
 //#endregion
 //#region src/services/clipboard/clipboard.service.ts
-HtmlToUDMService.use(wordPastePlugin$1);
-HtmlToUDMService.use(wordPastePlugin);
-HtmlToUDMService.use(univerPastePlugin);
+HtmlToUDMService.use(LarkPastePlugin);
+HtmlToUDMService.use(UniverPastePlugin);
+HtmlToUDMService.use(WordPastePlugin);
 function getTableSlice(body, start, end) {
 	var _bodySlice$textRuns, _bodySlice$tables, _bodySlice$paragraphs;
 	const bodySlice = getBodySlice(body, start, end + 2);
@@ -4670,12 +4638,6 @@ const SubtitleHeadingCommand = {
 
 //#endregion
 //#region src/services/selection/convert-text-range.ts
-let NodePositionStateType = /* @__PURE__ */ function(NodePositionStateType) {
-	NodePositionStateType[NodePositionStateType["NORMAL"] = 0] = "NORMAL";
-	NodePositionStateType[NodePositionStateType["START"] = 1] = "START";
-	NodePositionStateType[NodePositionStateType["END"] = 2] = "END";
-	return NodePositionStateType;
-}({});
 let NodePositionType = /* @__PURE__ */ function(NodePositionType) {
 	NodePositionType[NodePositionType["page"] = 0] = "page";
 	NodePositionType[NodePositionType["section"] = 1] = "section";
@@ -4774,20 +4736,20 @@ var NodePositionConvertToCursor = class {
 		this._docSkeleton = _docSkeleton;
 		_defineProperty(this, "_liquid", new Liquid());
 		_defineProperty(this, "_currentStartState", {
-			page: NodePositionStateType.NORMAL,
-			section: NodePositionStateType.NORMAL,
-			column: NodePositionStateType.NORMAL,
-			line: NodePositionStateType.NORMAL,
-			divide: NodePositionStateType.NORMAL,
-			glyph: NodePositionStateType.NORMAL
+			page: 0,
+			section: 0,
+			column: 0,
+			line: 0,
+			divide: 0,
+			glyph: 0
 		});
 		_defineProperty(this, "_currentEndState", {
-			page: NodePositionStateType.NORMAL,
-			section: NodePositionStateType.NORMAL,
-			column: NodePositionStateType.NORMAL,
-			line: NodePositionStateType.NORMAL,
-			divide: NodePositionStateType.NORMAL,
-			glyph: NodePositionStateType.NORMAL
+			page: 0,
+			section: 0,
+			column: 0,
+			line: 0,
+			divide: 0,
+			glyph: 0
 		});
 	}
 	getRangePointData(startOrigin, endOrigin) {
@@ -4874,27 +4836,27 @@ var NodePositionConvertToCursor = class {
 	}
 	_resetCurrentNodePositionState() {
 		this._currentStartState = {
-			page: NodePositionStateType.NORMAL,
-			section: NodePositionStateType.NORMAL,
-			column: NodePositionStateType.NORMAL,
-			line: NodePositionStateType.NORMAL,
-			divide: NodePositionStateType.NORMAL,
-			glyph: NodePositionStateType.NORMAL
+			page: 0,
+			section: 0,
+			column: 0,
+			line: 0,
+			divide: 0,
+			glyph: 0
 		};
 		this._currentEndState = {
-			page: NodePositionStateType.NORMAL,
-			section: NodePositionStateType.NORMAL,
-			column: NodePositionStateType.NORMAL,
-			line: NodePositionStateType.NORMAL,
-			divide: NodePositionStateType.NORMAL,
-			glyph: NodePositionStateType.NORMAL
+			page: 0,
+			section: 0,
+			column: 0,
+			line: 0,
+			divide: 0,
+			glyph: 0
 		};
 	}
-	_setNodePositionState(type = NodePositionType.page, start, end, current) {
-		if (current === start) this._currentStartState[type] = NodePositionStateType.START;
-		else this._currentStartState[type] = NodePositionStateType.NORMAL;
-		if (current === end) this._currentEndState[type] = NodePositionStateType.END;
-		else this._currentEndState[type] = NodePositionStateType.NORMAL;
+	_setNodePositionState(type = 0, start, end, current) {
+		if (current === start) this._currentStartState[type] = 1;
+		else this._currentStartState[type] = 0;
+		if (current === end) this._currentEndState[type] = 2;
+		else this._currentEndState[type] = 0;
 	}
 	_checkPreviousNodePositionState(typeIndex, isStart = true) {
 		let index = typeIndex;
@@ -4906,7 +4868,7 @@ var NodePositionConvertToCursor = class {
 			else state = this._currentEndState[type];
 			if (state === void 0) return;
 			if (resultState === void 0) resultState = state;
-			if (state !== resultState) return NodePositionStateType.NORMAL;
+			if (state !== resultState) return 0;
 			index--;
 		}
 		return resultState;
@@ -4925,8 +4887,8 @@ var NodePositionConvertToCursor = class {
 		this._setNodePositionState(type, start, end, current);
 		const preStartNestType = this._checkPreviousNodePositionState(typeIndex);
 		const preEndNestType = this._checkPreviousNodePositionState(typeIndex, false);
-		if (preStartNestType === NodePositionStateType.START) start_next = startPosition[nextType];
-		if (preEndNestType === NodePositionStateType.END) end_next = endPosition[nextType];
+		if (preStartNestType === 1) start_next = startPosition[nextType];
+		if (preEndNestType === 2) end_next = endPosition[nextType];
 		return {
 			start_next,
 			end_next
@@ -6990,28 +6952,28 @@ const DocTableInsertRowAboveCommand = {
 	id: DocTableInsertRowAboveCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(ICommandService).executeCommand(DocTableInsertRowCommandId, { position: INSERT_ROW_POSITION.ABOVE });
+		return accessor.get(ICommandService).executeCommand(DocTableInsertRowCommandId, { position: 0 });
 	}
 };
 const DocTableInsertRowBellowCommand = {
 	id: DocTableInsertRowBellowCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(ICommandService).executeCommand(DocTableInsertRowCommandId, { position: INSERT_ROW_POSITION.BELLOW });
+		return accessor.get(ICommandService).executeCommand(DocTableInsertRowCommandId, { position: 1 });
 	}
 };
 const DocTableInsertColumnLeftCommand = {
 	id: DocTableInsertColumnLeftCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: INSERT_COLUMN_POSITION.LEFT });
+		return accessor.get(ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: 0 });
 	}
 };
 const DocTableInsertColumnRightCommand = {
 	id: DocTableInsertColumnRightCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: INSERT_COLUMN_POSITION.RIGHT });
+		return accessor.get(ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: 1 });
 	}
 };
 /**
@@ -7207,8 +7169,8 @@ const DocTableTabCommand = {
 		if (viewModel == null) return false;
 		if (activeRange == null) return false;
 		let offsets = null;
-		if (shift) offsets = getCellOffsets(viewModel, activeRange, CellPosition.PREV);
-		else offsets = getCellOffsets(viewModel, activeRange, CellPosition.NEXT);
+		if (shift) offsets = getCellOffsets(viewModel, activeRange, 1);
+		else offsets = getCellOffsets(viewModel, activeRange, 0);
 		if (offsets) {
 			const { startOffset, endOffset } = offsets;
 			const textRanges = [{
@@ -7218,7 +7180,7 @@ const DocTableTabCommand = {
 			textSelectionManager.replaceDocRanges(textRanges);
 			return true;
 		}
-		if (shift === false) return await commandService.executeCommand(DocTableInsertRowCommand.id, { position: INSERT_ROW_POSITION.BELLOW });
+		if (shift === false) return await commandService.executeCommand(DocTableInsertRowCommand.id, { position: 1 });
 		return true;
 	}
 };
@@ -8020,15 +7982,6 @@ var TextBubbleShape = class TextBubbleShape extends Shape {
 //#region src/controllers/doc-header-footer.controller.ts
 const HEADER_FOOTER_STROKE_COLOR = "rgba(58, 96, 247, 1)";
 const HEADER_FOOTER_FILL_COLOR = "rgba(58, 96, 247, 0.08)";
-let HeaderFooterType = /* @__PURE__ */ function(HeaderFooterType) {
-	HeaderFooterType[HeaderFooterType["FIRST_PAGE_HEADER"] = 0] = "FIRST_PAGE_HEADER";
-	HeaderFooterType[HeaderFooterType["FIRST_PAGE_FOOTER"] = 1] = "FIRST_PAGE_FOOTER";
-	HeaderFooterType[HeaderFooterType["DEFAULT_HEADER"] = 2] = "DEFAULT_HEADER";
-	HeaderFooterType[HeaderFooterType["DEFAULT_FOOTER"] = 3] = "DEFAULT_FOOTER";
-	HeaderFooterType[HeaderFooterType["EVEN_PAGE_HEADER"] = 4] = "EVEN_PAGE_HEADER";
-	HeaderFooterType[HeaderFooterType["EVEN_PAGE_FOOTER"] = 5] = "EVEN_PAGE_FOOTER";
-	return HeaderFooterType;
-}({});
 function checkCreateHeaderFooterType(viewModel, editArea, segmentPage) {
 	const { documentStyle } = viewModel.getDataModel().getSnapshot();
 	const { defaultHeaderId, defaultFooterId, evenPageHeaderId, evenPageFooterId, firstPageHeaderId, firstPageFooterId, evenAndOddHeaders, useFirstPageHeaderFooter } = documentStyle;
@@ -8039,34 +7992,34 @@ function checkCreateHeaderFooterType(viewModel, editArea, segmentPage) {
 		};
 		case DocumentEditArea.HEADER:
 			if (useFirstPageHeaderFooter === BooleanNumber.TRUE && !firstPageHeaderId) return {
-				createType: HeaderFooterType.FIRST_PAGE_HEADER,
+				createType: 0,
 				headerFooterId: null
 			};
 			if (evenAndOddHeaders === BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageHeaderId) return {
-				createType: HeaderFooterType.EVEN_PAGE_HEADER,
+				createType: 4,
 				headerFooterId: null
 			};
 			return defaultHeaderId ? {
 				createType: null,
 				headerFooterId: defaultHeaderId
 			} : {
-				createType: HeaderFooterType.DEFAULT_HEADER,
+				createType: 2,
 				headerFooterId: null
 			};
 		case DocumentEditArea.FOOTER:
 			if (useFirstPageHeaderFooter === BooleanNumber.TRUE && !firstPageFooterId) return {
-				createType: HeaderFooterType.FIRST_PAGE_FOOTER,
+				createType: 1,
 				headerFooterId: null
 			};
 			if (evenAndOddHeaders === BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageFooterId) return {
-				createType: HeaderFooterType.EVEN_PAGE_FOOTER,
+				createType: 5,
 				headerFooterId: null
 			};
 			return defaultFooterId ? {
 				createType: null,
 				headerFooterId: defaultFooterId
 			} : {
-				createType: HeaderFooterType.DEFAULT_FOOTER,
+				createType: 3,
 				headerFooterId: null
 			};
 		default: throw new Error(`Invalid editArea: ${editArea}`);
@@ -8321,7 +8274,7 @@ function createHeaderFooterAction(segmentId, createType, documentStyle, actions)
 	const jsonX = JSONX.getInstance();
 	const ID_LEN = 6;
 	const firstSegmentId = segmentId !== null && segmentId !== void 0 ? segmentId : generateRandomId(ID_LEN);
-	const isHeader = createType === HeaderFooterType.DEFAULT_HEADER || createType === HeaderFooterType.FIRST_PAGE_HEADER || createType === HeaderFooterType.EVEN_PAGE_HEADER;
+	const isHeader = createType === 2 || createType === 0 || createType === 4;
 	const insertAction = jsonX.insertOp([isHeader ? "headers" : "footers", firstSegmentId], {
 		[isHeader ? "headerId" : "footerId"]: firstSegmentId,
 		body: getEmptyHeaderFooterBody()
@@ -8336,27 +8289,27 @@ function createHeaderFooterAction(segmentId, createType, documentStyle, actions)
 	let key = "defaultHeaderId";
 	let pairKey = "defaultFooterId";
 	switch (createType) {
-		case HeaderFooterType.DEFAULT_HEADER:
+		case 2:
 			key = "defaultHeaderId";
 			pairKey = "defaultFooterId";
 			break;
-		case HeaderFooterType.DEFAULT_FOOTER:
+		case 3:
 			key = "defaultFooterId";
 			pairKey = "defaultHeaderId";
 			break;
-		case HeaderFooterType.FIRST_PAGE_HEADER:
+		case 0:
 			key = "firstPageHeaderId";
 			pairKey = "firstPageFooterId";
 			break;
-		case HeaderFooterType.FIRST_PAGE_FOOTER:
+		case 1:
 			key = "firstPageFooterId";
 			pairKey = "firstPageHeaderId";
 			break;
-		case HeaderFooterType.EVEN_PAGE_HEADER:
+		case 4:
 			key = "evenPageHeaderId";
 			pairKey = "evenPageFooterId";
 			break;
-		case HeaderFooterType.EVEN_PAGE_FOOTER:
+		case 5:
 			key = "evenPageFooterId";
 			pairKey = "evenPageHeaderId";
 			break;
@@ -8416,8 +8369,8 @@ const CoreHeaderFooterCommand = {
 			if (oldValue === void 0) action = jsonX.insertOp(["documentStyle", key], value);
 			else action = jsonX.replaceOp(["documentStyle", key], oldValue, value);
 			rawActions.push(action);
-			if (key === "useFirstPageHeaderFooter" && value === BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) createHeaderFooterAction(segmentId, editArea === DocumentEditArea.HEADER ? HeaderFooterType.FIRST_PAGE_HEADER : HeaderFooterType.FIRST_PAGE_FOOTER, documentStyle, rawActions);
-			else if (key === "evenAndOddHeaders" && value === BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) createHeaderFooterAction(segmentId, editArea === DocumentEditArea.HEADER ? HeaderFooterType.EVEN_PAGE_HEADER : HeaderFooterType.EVEN_PAGE_FOOTER, documentStyle, rawActions);
+			if (key === "useFirstPageHeaderFooter" && value === BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) createHeaderFooterAction(segmentId, editArea === DocumentEditArea.HEADER ? 0 : 1, documentStyle, rawActions);
+			else if (key === "evenAndOddHeaders" && value === BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) createHeaderFooterAction(segmentId, editArea === DocumentEditArea.HEADER ? 4 : 5, documentStyle, rawActions);
 		});
 		if (rawActions.length === 0) return false;
 		doMutation.params.actions = rawActions.reduce((acc, cur) => {
@@ -8701,6 +8654,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.top")
 						}), /* @__PURE__ */ jsx(InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.height / 2,
 							value: settings.margins.top,
 							onChange: (e) => handleMarginChange("top", e)
@@ -8712,6 +8666,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.bottom")
 						}), /* @__PURE__ */ jsx(InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.height / 2,
 							value: settings.margins.bottom,
 							onChange: (e) => handleMarginChange("bottom", e)
@@ -8726,6 +8681,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.left")
 						}), /* @__PURE__ */ jsx(InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.width / 2,
 							value: settings.margins.left,
 							onChange: (e) => handleMarginChange("left", e)
@@ -8737,6 +8693,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.right")
 						}), /* @__PURE__ */ jsx(InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.width / 2,
 							value: settings.margins.right,
 							onChange: (e) => handleMarginChange("right", e)
@@ -9464,38 +9421,33 @@ const listValueFactory$ = (accessor) => {
 	return new Observable((subscriber) => {
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
-		let textSubscription;
 		const subscription = univerInstanceService.focused$.subscribe((unitId) => {
-			textSubscription === null || textSubscription === void 0 || textSubscription.unsubscribe();
+			var _docRanges$find;
 			if (unitId == null) return;
 			const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
 			if (docDataModel == null) return;
-			textSubscription = docSelectionManagerService.textSelection$.subscribe(() => {
-				var _docRanges$find;
-				const docRanges = docSelectionManagerService.getDocRanges();
-				const range = (_docRanges$find = docRanges.find((r) => r.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
-				if (range) {
-					var _doc$getBody$paragrap, _doc$getBody, _doc$getBody$dataStre, _doc$getBody2;
-					const doc = docDataModel.getSelfOrHeaderFooterModel(range === null || range === void 0 ? void 0 : range.segmentId);
-					const paragraphs = BuildTextUtils.range.getParagraphsInRange(range, (_doc$getBody$paragrap = (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) !== null && _doc$getBody$paragrap !== void 0 ? _doc$getBody$paragrap : [], (_doc$getBody$dataStre = (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : "");
-					let listType;
-					if (paragraphs.every((p) => {
-						if (!listType) {
-							var _p$bullet;
-							listType = (_p$bullet = p.bullet) === null || _p$bullet === void 0 ? void 0 : _p$bullet.listType;
-						}
-						return p.bullet && p.bullet.listType === listType;
-					})) {
-						subscriber.next(listType);
-						return;
+			const docRanges = docSelectionManagerService.getDocRanges();
+			const range = (_docRanges$find = docRanges.find((r) => r.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
+			if (range) {
+				var _doc$getBody$paragrap, _doc$getBody, _doc$getBody$dataStre, _doc$getBody2;
+				const doc = docDataModel.getSelfOrHeaderFooterModel(range === null || range === void 0 ? void 0 : range.segmentId);
+				const paragraphs = BuildTextUtils.range.getParagraphsInRange(range, (_doc$getBody$paragrap = (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) !== null && _doc$getBody$paragrap !== void 0 ? _doc$getBody$paragrap : [], (_doc$getBody$dataStre = (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : "");
+				let listType;
+				if (paragraphs.every((p) => {
+					if (!listType) {
+						var _p$bullet;
+						listType = (_p$bullet = p.bullet) === null || _p$bullet === void 0 ? void 0 : _p$bullet.listType;
 					}
+					return p.bullet && p.bullet.listType === listType;
+				})) {
+					subscriber.next(listType);
+					return;
 				}
-				subscriber.next(void 0);
-			});
+			}
+			subscriber.next(void 0);
 		});
 		return () => {
 			subscription.unsubscribe();
-			textSubscription === null || textSubscription === void 0 || textSubscription.unsubscribe();
 		};
 	});
 };
@@ -9882,7 +9834,7 @@ function transformBound2OffsetBound(originBound, scene) {
 }
 function transformPosition2Offset(x, y, scene) {
 	const { scaleX, scaleY } = scene.getAncestorScale();
-	const viewMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+	const viewMain = scene.getViewport("viewMain");
 	if (!viewMain) return {
 		x,
 		y
@@ -9895,7 +9847,7 @@ function transformPosition2Offset(x, y, scene) {
 }
 function transformOffset2Bound(offsetX, offsetY, scene) {
 	const { scaleX, scaleY } = scene.getAncestorScale();
-	const viewMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+	const viewMain = scene.getViewport("viewMain");
 	if (!viewMain) return {
 		x: offsetX,
 		y: offsetY
@@ -9964,7 +9916,7 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends Dispos
 				if (newPosition) position$.next(newPosition);
 			}
 		}));
-		const viewMain = currentRender.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		const viewMain = currentRender.scene.getViewport("viewMain");
 		if (viewMain) disposable.add(viewMain.onScrollAfter$.subscribeEvent(() => {
 			position$.next(calc());
 		}));
@@ -9999,7 +9951,7 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends Dispos
 				}
 			}
 		}));
-		const viewMain = currentRender.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		const viewMain = currentRender.scene.getViewport("viewMain");
 		if (viewMain) disposable.add(viewMain.onScrollAfter$.subscribeEvent(() => {
 			const position = calcDocRangePositions(range, currentRender);
 			if (position) positions$.next(position);
@@ -10765,7 +10717,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			handleHoverParagraph(p !== null && p !== void 0 ? p : left);
 		}));
 		let lastScrollY = 0;
-		this.disposeWithMe(this._context.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$.subscribeEvent((e) => {
+		this.disposeWithMe(this._context.scene.getViewport("viewMain").onScrollAfter$.subscribeEvent((e) => {
 			if (lastScrollY === e.scrollY) return;
 			lastScrollY = e.scrollY;
 			this.hideParagraphMenu(true);
@@ -10781,18 +10733,19 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		const dataStream = (_this$_context$unit$g = (_this$_context$unit$g2 = this._context.unit.getBody()) === null || _this$_context$unit$g2 === void 0 ? void 0 : _this$_context$unit$g2.dataStream) !== null && _this$_context$unit$g !== void 0 ? _this$_context$unit$g : "";
 		const paragraphDataStream = paragraph ? dataStream.slice(paragraph.paragraphStart, paragraph.paragraphEnd) : "";
 		if (paragraphDataStream === "\b" || paragraphDataStream === "") return;
+		const disposable = this._docPopupManagerService.attachPopupToRect(paragraph.firstLine, {
+			componentKey: "doc.paragraph.menu",
+			direction: "left-center",
+			onClickOutside: () => {
+				this._docSelectionManagerService.textSelection$.pipe(first()).subscribe(() => {
+					if (!this._isCursorInActiveParagraph()) this.hideParagraphMenu(true);
+				});
+			},
+			zIndex: 101
+		}, this._context.unitId);
 		this._paragrahMenu = {
 			paragraph,
-			disposable: this._docPopupManagerService.attachPopupToRect(paragraph.firstLine, {
-				componentKey: "doc.paragraph.menu",
-				direction: "left-center",
-				onClickOutside: () => {
-					this._docSelectionManagerService.textSelection$.pipe(first()).subscribe(() => {
-						if (!this._isCursorInActiveParagraph()) this.hideParagraphMenu(true);
-					});
-				},
-				zIndex: 101
-			}, this._context.unitId),
+			disposable,
 			active: false
 		};
 	}
@@ -11244,7 +11197,7 @@ function ParagraphSetting() {
 					title: item.label,
 					placement: "bottom",
 					children: /* @__PURE__ */ jsx("span", {
-						className: clsx("hover:univer-bg-black/60 univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-bg-none univer-px-3 univer-py-1", { "univer-bg-blend-color-dodge/90": horizontalAlignValue === item.value }),
+						className: clsx("hover:univer-bg-black/60 univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-bg-none univer-px-3 univer-py-1", { "univer-bg-gray-200 dark:!univer-bg-gray-500": horizontalAlignValue === item.value }),
 						onClick: () => setHorizontalAlign(item.value),
 						children: item.icon
 					})
@@ -12276,7 +12229,7 @@ function DocSideMenuContent() {
 		};
 	}, [commandService, currentDoc]);
 	useEffect(() => {
-		const viewport = renderer === null || renderer === void 0 ? void 0 : renderer.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		const viewport = renderer === null || renderer === void 0 ? void 0 : renderer.scene.getViewport("viewMain");
 		if (!viewport) return;
 		const sub = fromEventSubject(viewport.onScrollAfter$).pipe(throttleTime(33)).subscribe(handleScroll);
 		return () => {
@@ -12284,7 +12237,7 @@ function DocSideMenuContent() {
 		};
 	}, [renderer]);
 	const handleClick = useEvent((menu) => {
-		const viewport = renderer === null || renderer === void 0 ? void 0 : renderer.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		const viewport = renderer === null || renderer === void 0 ? void 0 : renderer.scene.getViewport("viewMain");
 		if (!viewport) return;
 		if (menu.id === TITLE_ID) {
 			viewport.scrollToViewportPos({ viewportScrollY: 0 });
@@ -12459,7 +12412,7 @@ let DocBackScrollRenderController = class DocBackScrollRenderController extends
 		const { left: aLeft, top: aTop, height } = getAnchorBounding(contentBoxPointGroup);
 		const left = aLeft + docsLeft;
 		const top = aTop + docsTop;
-		const viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		const viewportMain = scene.getViewport("viewMain");
 		const editor = this._editorService.getEditor(unitId);
 		if (viewportMain == null) return;
 		const { left: boundLeft, top: boundTop, right: boundRight, bottom: boundBottom } = viewportMain.getBounding().viewBound;
@@ -12520,7 +12473,7 @@ let DocRenderController = class DocRenderController extends RxDisposable {
 	}
 	_addNewRender() {
 		const { scene, engine } = this._context;
-		const viewMain = new Viewport(VIEWPORT_KEY.VIEW_MAIN, scene, {
+		const viewMain = new Viewport("viewMain", scene, {
 			left: 0,
 			top: 0,
 			bottom: 0,
@@ -12558,13 +12511,13 @@ let DocRenderController = class DocRenderController extends RxDisposable {
 			pageMarginLeft: 20,
 			pageMarginTop: 20
 		};
-		const documents = new Documents(DOCS_VIEW_KEY.MAIN, void 0, config);
+		const documents = new Documents("__Document_Render_Main__", void 0, config);
 		documents.zIndex = 10;
-		const docBackground = new DocBackground(DOCS_VIEW_KEY.BACKGROUND, void 0, config);
+		const docBackground = new DocBackground("__Document_Render_Background__", void 0, config);
 		docBackground.zIndex = 10;
 		this._context.mainComponent = documents;
-		components.set(DOCS_VIEW_KEY.MAIN, documents);
-		components.set(DOCS_VIEW_KEY.BACKGROUND, docBackground);
+		components.set("__Document_Render_Main__", documents);
+		components.set("__Document_Render_Background__", docBackground);
 		scene.addObjects([documents], 2);
 		scene.addObjects([docBackground], 0);
 		if (this._editorService.getEditor(documentModel.getUnitId()) == null) scene.enableLayerCache(2);
@@ -12578,7 +12531,7 @@ let DocRenderController = class DocRenderController extends RxDisposable {
 		if (!skeleton) return;
 		const { mainComponent, components } = this._context;
 		const docsComponent = mainComponent;
-		const docBackground = components.get(DOCS_VIEW_KEY.BACKGROUND);
+		const docBackground = components.get("__Document_Render_Background__");
 		docsComponent.changeSkeleton(skeleton);
 		docBackground.changeSkeleton(skeleton);
 		const { unitId } = this._context;
@@ -12603,7 +12556,7 @@ let DocRenderController = class DocRenderController extends RxDisposable {
 		var _skeleton$getSkeleton;
 		const { mainComponent, scene, unitId, components } = this._context;
 		const docsComponent = mainComponent;
-		const docBackground = components.get(DOCS_VIEW_KEY.BACKGROUND);
+		const docBackground = components.get("__Document_Render_Background__");
 		const pages = (_skeleton$getSkeleton = skeleton.getSkeletonData()) === null || _skeleton$getSkeleton === void 0 ? void 0 : _skeleton$getSkeleton.pages;
 		if (pages == null) return;
 		let width = 0;
@@ -12664,7 +12617,7 @@ function getPageSizeInModernMode(page) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "0.21.1";
+var version = "0.22.0";
 
 //#endregion
 //#region src/controllers/doc-auto-format.controller.ts
@@ -12699,7 +12652,7 @@ let DocAutoFormatController = class DocAutoFormatController extends Disposable {
 				const params = context.commandParams;
 				return [{
 					id: ChangeListNestingLevelCommand.id,
-					params: { type: (params === null || params === void 0 ? void 0 : params.shift) ? ChangeListNestingLevelType.decrease : ChangeListNestingLevelType.increase }
+					params: { type: (params === null || params === void 0 ? void 0 : params.shift) ? -1 : 1 }
 				}];
 			},
 			priority: 100
@@ -12777,7 +12730,7 @@ let DocAutoFormatController = class DocAutoFormatController extends Disposable {
 				if (!bullet) return [];
 				if (bullet.nestingLevel > 0) return [{
 					id: ChangeListNestingLevelCommand.id,
-					params: { type: ChangeListNestingLevelType.decrease }
+					params: { type: -1 }
 				}];
 				return [{
 					id: ListOperationCommand.id,
@@ -13799,7 +13752,7 @@ var DocPageLayoutService = class extends Disposable {
 		}
 		docsComponent.translate(docsLeft, docsTop);
 		docBackground.translate(docsLeft, docsTop);
-		const viewport = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		const viewport = scene.getViewport("viewMain");
 		if (scrollToX !== Number.POSITIVE_INFINITY && viewport != null) viewport.scrollToViewportPos({ viewportScrollX: scrollToX });
 		return this;
 	}
@@ -14949,7 +14902,7 @@ const useResize = (editor, isSingle = true, autoScrollbar, autoScroll) => {
 			if (!editor || !autoScrollbar) return;
 			const skeleton = editor.render.with(DocSkeletonManagerService).getSkeleton();
 			const { scene, mainComponent } = editor.render;
-			const viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+			const viewportMain = scene.getViewport("viewMain");
 			const { actualWidth, actualHeight } = skeleton.getActualSize();
 			const { width, height } = editor.getBoundingClientRect();
 			let scrollBar = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.getScrollBar();
@@ -15145,4 +15098,4 @@ const RichTextEditor = (props) => {
 };
 
 //#endregion
-export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignOperationCommand, AlignRightCommand, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteCommand, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocIMEInputManagerService, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocStateChangeManagerService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocsRenderService, menuSchema as DocsUIMenuSchema, Editor, EditorInsertTextCommandId, EditorService, EnterCommand, HorizontalLineCommand, IDocClipboardService, IEditorService, IMEInputCommand, InnerPasteCommand, InsertCommand, InsertCustomRangeCommand, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, wordPastePlugin as PastePluginLark, univerPastePlugin as PastePluginUniver, wordPastePlugin$1 as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextRange, ToggleCheckListCommand, UniverDocsUIPlugin, UpdateCommand, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, calcDocRangePositions, convertBodyToHtml, convertPositionsToRectRanges, deleteCustomDecorationFactory, docDrawingPositionToTransform, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCustomBlockIdsInSelections, getCutActionsFromDocRanges, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getOneTextSelectionRange, getRichTextEditPath, getTableColumn, hasParagraphInTable, isInSameTableCell, isValidRectRange, neoGetDocObject, transformToDocDrawingPosition, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };
+export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignOperationCommand, AlignRightCommand, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteCommand, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocIMEInputManagerService, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocStateChangeManagerService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocsRenderService, menuSchema as DocsUIMenuSchema, Editor, EditorInsertTextCommandId, EditorService, EnterCommand, HorizontalLineCommand, IDocClipboardService, IEditorService, IMEInputCommand, InnerPasteCommand, InsertCommand, InsertCustomRangeCommand, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, LarkPastePlugin as PastePluginLark, UniverPastePlugin as PastePluginUniver, WordPastePlugin as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextRange, ToggleCheckListCommand, UniverDocsUIPlugin, UpdateCommand, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, calcDocRangePositions, convertBodyToHtml, convertPositionsToRectRanges, deleteCustomDecorationFactory, docDrawingPositionToTransform, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCustomBlockIdsInSelections, getCutActionsFromDocRanges, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getOneTextSelectionRange, getRichTextEditPath, getTableColumn, hasParagraphInTable, isInSameTableCell, isValidRectRange, neoGetDocObject, transformToDocDrawingPosition, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };