@univerjs/docs-ui 0.21.1 → 0.22.0

package/lib/cjs/index.js

@@ -51,7 +51,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
 	};
@@ -66,7 +66,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
 	};
@@ -77,7 +77,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
 	};
@@ -230,7 +230,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) {
@@ -241,7 +241,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];
@@ -254,14 +254,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,
@@ -272,7 +272,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);
@@ -280,7 +280,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);
@@ -371,7 +371,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 _univerjs_core.Disposable {
@@ -595,16 +601,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 = _univerjs_core.DataStreamTreeTokenType.TABLE_START;
 	const paragraphs = [];
@@ -767,7 +763,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;
@@ -788,17 +784,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;
@@ -829,7 +825,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;
 	}
@@ -1032,11 +1028,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;
@@ -1067,7 +1058,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];
@@ -1394,29 +1385,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";
@@ -1495,8 +1463,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;
@@ -1596,7 +1564,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,
@@ -1616,7 +1584,7 @@ const DeleteCustomBlockCommand = {
 		const rawActions = [];
 		if (startOffset > 0) textX.push({
 			t: _univerjs_core.TextXActionType.RETAIN,
-			len: direction === DeleteDirection.LEFT ? startOffset - 1 : startOffset
+			len: direction === 0 ? startOffset - 1 : startOffset
 		});
 		textX.push({
 			t: _univerjs_core.TextXActionType.DELETE,
@@ -1657,7 +1625,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) {
@@ -1668,7 +1636,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,
@@ -1896,7 +1864,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") {
@@ -1907,7 +1875,7 @@ const DeleteLeftCommand = {
 				if (drawing.layoutType === _univerjs_core.PositionedObjectLayoutType.INLINE || (customBlock === null || customBlock === void 0 ? void 0 : customBlock.blockType) === _univerjs_core.BlockType.CUSTOM) {
 					const unitId = docDataModel.getUnitId();
 					result = await commandService.executeCommand(DeleteCustomBlockCommand.id, {
-						direction: DeleteDirection.LEFT,
+						direction: 0,
 						range: activeRange,
 						unitId,
 						drawingId: preGlyph.drawingId
@@ -1930,7 +1898,7 @@ const DeleteLeftCommand = {
 							endOffset: activeRange.endOffset - 1
 						},
 						segmentId,
-						direction: DeleteDirection.LEFT,
+						direction: 0,
 						len: prePreGlyph.count,
 						textRanges
 					});
@@ -1941,7 +1909,7 @@ const DeleteLeftCommand = {
 					unitId: docDataModel.getUnitId(),
 					range: actualRange,
 					segmentId,
-					direction: DeleteDirection.LEFT,
+					direction: 0,
 					len: preGlyph.count
 				});
 			}
@@ -1994,7 +1962,7 @@ const DeleteRightCommand = {
 			const nextGlyph = skeleton.findNodeByCharIndex(startOffset + 1);
 			if (needDeleteGlyph.streamType === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH && (nextGlyph === null || nextGlyph === void 0 ? void 0 : nextGlyph.streamType) === _univerjs_core.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") {
@@ -2004,7 +1972,7 @@ const DeleteRightCommand = {
 				if (drawing.layoutType === _univerjs_core.PositionedObjectLayoutType.INLINE) {
 					const unitId = docDataModel.getUnitId();
 					result = await commandService.executeCommand(DeleteCustomBlockCommand.id, {
-						direction: DeleteDirection.RIGHT,
+						direction: 1,
 						range: activeRange,
 						unitId,
 						drawingId: needDeleteGlyph.drawingId
@@ -2024,7 +1992,7 @@ const DeleteRightCommand = {
 							endOffset: endOffset + 1
 						},
 						segmentId,
-						direction: DeleteDirection.RIGHT,
+						direction: 1,
 						textRanges,
 						len: nextGlyph.count
 					});
@@ -2039,7 +2007,7 @@ const DeleteRightCommand = {
 					unitId: docDataModel.getUnitId(),
 					range: actualRange,
 					segmentId,
-					direction: DeleteDirection.RIGHT,
+					direction: 1,
 					textRanges,
 					len: needDeleteGlyph.count
 				});
@@ -2448,7 +2416,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);
@@ -2509,7 +2477,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);
@@ -2533,7 +2501,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);
@@ -2759,9 +2727,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 = (0, _univerjs_core.getBodySlice)(body, start, end + 2);
@@ -4671,12 +4639,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";
@@ -4775,20 +4737,20 @@ var NodePositionConvertToCursor = class {
 		this._docSkeleton = _docSkeleton;
 		_defineProperty(this, "_liquid", new _univerjs_engine_render.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) {
@@ -4875,27 +4837,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;
@@ -4907,7 +4869,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;
@@ -4926,8 +4888,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
@@ -6991,28 +6953,28 @@ const DocTableInsertRowAboveCommand = {
 	id: DocTableInsertRowAboveCommandId,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertRowCommandId, { position: INSERT_ROW_POSITION.ABOVE });
+		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertRowCommandId, { position: 0 });
 	}
 };
 const DocTableInsertRowBellowCommand = {
 	id: DocTableInsertRowBellowCommandId,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertRowCommandId, { position: INSERT_ROW_POSITION.BELLOW });
+		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertRowCommandId, { position: 1 });
 	}
 };
 const DocTableInsertColumnLeftCommand = {
 	id: DocTableInsertColumnLeftCommandId,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: INSERT_COLUMN_POSITION.LEFT });
+		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: 0 });
 	}
 };
 const DocTableInsertColumnRightCommand = {
 	id: DocTableInsertColumnRightCommandId,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
-		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: INSERT_COLUMN_POSITION.RIGHT });
+		return accessor.get(_univerjs_core.ICommandService).executeCommand(DocTableInsertColumnCommandId, { position: 1 });
 	}
 };
 /**
@@ -7208,8 +7170,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 = [{
@@ -7219,7 +7181,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;
 	}
 };
@@ -8021,15 +7983,6 @@ var TextBubbleShape = class TextBubbleShape extends _univerjs_engine_render.Shap
 //#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;
@@ -8040,34 +7993,34 @@ function checkCreateHeaderFooterType(viewModel, editArea, segmentPage) {
 		};
 		case _univerjs_engine_render.DocumentEditArea.HEADER:
 			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageHeaderId) return {
-				createType: HeaderFooterType.FIRST_PAGE_HEADER,
+				createType: 0,
 				headerFooterId: null
 			};
 			if (evenAndOddHeaders === _univerjs_core.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 _univerjs_engine_render.DocumentEditArea.FOOTER:
 			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageFooterId) return {
-				createType: HeaderFooterType.FIRST_PAGE_FOOTER,
+				createType: 1,
 				headerFooterId: null
 			};
 			if (evenAndOddHeaders === _univerjs_core.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}`);
@@ -8322,7 +8275,7 @@ function createHeaderFooterAction(segmentId, createType, documentStyle, actions)
 	const jsonX = _univerjs_core.JSONX.getInstance();
 	const ID_LEN = 6;
 	const firstSegmentId = segmentId !== null && segmentId !== void 0 ? segmentId : (0, _univerjs_core.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()
@@ -8337,27 +8290,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;
@@ -8417,8 +8370,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 === _univerjs_core.BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) createHeaderFooterAction(segmentId, editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? HeaderFooterType.FIRST_PAGE_HEADER : HeaderFooterType.FIRST_PAGE_FOOTER, documentStyle, rawActions);
-			else if (key === "evenAndOddHeaders" && value === _univerjs_core.BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) createHeaderFooterAction(segmentId, editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? HeaderFooterType.EVEN_PAGE_HEADER : HeaderFooterType.EVEN_PAGE_FOOTER, documentStyle, rawActions);
+			if (key === "useFirstPageHeaderFooter" && value === _univerjs_core.BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) createHeaderFooterAction(segmentId, editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? 0 : 1, documentStyle, rawActions);
+			else if (key === "evenAndOddHeaders" && value === _univerjs_core.BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) createHeaderFooterAction(segmentId, editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? 4 : 5, documentStyle, rawActions);
 		});
 		if (rawActions.length === 0) return false;
 		doMutation.params.actions = rawActions.reduce((acc, cur) => {
@@ -8702,6 +8655,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.top")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.height / 2,
 							value: settings.margins.top,
 							onChange: (e) => handleMarginChange("top", e)
@@ -8713,6 +8667,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.bottom")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.height / 2,
 							value: settings.margins.bottom,
 							onChange: (e) => handleMarginChange("bottom", e)
@@ -8727,6 +8682,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.left")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.width / 2,
 							value: settings.margins.left,
 							onChange: (e) => handleMarginChange("left", e)
@@ -8738,6 +8694,7 @@ function PageSettings(props) {
 							children: localeService.t("page-settings.right")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 							precision: 2,
+							min: 0,
 							max: settings.pageSise.width / 2,
 							value: settings.margins.right,
 							onChange: (e) => handleMarginChange("right", e)
@@ -9465,38 +9422,33 @@ const listValueFactory$ = (accessor) => {
 	return new rxjs.Observable((subscriber) => {
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.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 = _univerjs_core.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 = _univerjs_core.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();
 		};
 	});
 };
@@ -9883,7 +9835,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
@@ -9896,7 +9848,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
@@ -9965,7 +9917,7 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 				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());
 		}));
@@ -10000,7 +9952,7 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 				}
 			}
 		}));
-		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);
@@ -10766,7 +10718,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			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);
@@ -10782,18 +10734,19 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		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((0, rxjs.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((0, rxjs.first)()).subscribe(() => {
-						if (!this._isCursorInActiveParagraph()) this.hideParagraphMenu(true);
-					});
-				},
-				zIndex: 101
-			}, this._context.unitId),
+			disposable,
 			active: false
 		};
 	}
@@ -11245,7 +11198,7 @@ function ParagraphSetting() {
 					title: item.label,
 					placement: "bottom",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: (0, _univerjs_design.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: (0, _univerjs_design.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
 					})
@@ -12277,7 +12230,7 @@ function DocSideMenuContent() {
 		};
 	}, [commandService, currentDoc]);
 	(0, react.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 = (0, _univerjs_core.fromEventSubject)(viewport.onScrollAfter$).pipe((0, rxjs.throttleTime)(33)).subscribe(handleScroll);
 		return () => {
@@ -12285,7 +12238,7 @@ function DocSideMenuContent() {
 		};
 	}, [renderer]);
 	const handleClick = (0, _univerjs_ui.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 });
@@ -12460,7 +12413,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;
@@ -12521,7 +12474,7 @@ let DocRenderController = class DocRenderController extends _univerjs_core.RxDis
 	}
 	_addNewRender() {
 		const { scene, engine } = this._context;
-		const viewMain = new _univerjs_engine_render.Viewport(VIEWPORT_KEY.VIEW_MAIN, scene, {
+		const viewMain = new _univerjs_engine_render.Viewport("viewMain", scene, {
 			left: 0,
 			top: 0,
 			bottom: 0,
@@ -12559,13 +12512,13 @@ let DocRenderController = class DocRenderController extends _univerjs_core.RxDis
 			pageMarginLeft: 20,
 			pageMarginTop: 20
 		};
-		const documents = new _univerjs_engine_render.Documents(DOCS_VIEW_KEY.MAIN, void 0, config);
+		const documents = new _univerjs_engine_render.Documents("__Document_Render_Main__", void 0, config);
 		documents.zIndex = 10;
-		const docBackground = new _univerjs_engine_render.DocBackground(DOCS_VIEW_KEY.BACKGROUND, void 0, config);
+		const docBackground = new _univerjs_engine_render.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);
@@ -12579,7 +12532,7 @@ let DocRenderController = class DocRenderController extends _univerjs_core.RxDis
 		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;
@@ -12604,7 +12557,7 @@ let DocRenderController = class DocRenderController extends _univerjs_core.RxDis
 		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;
@@ -12665,7 +12618,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
@@ -12700,7 +12653,7 @@ let DocAutoFormatController = class DocAutoFormatController extends _univerjs_co
 				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
@@ -12778,7 +12731,7 @@ let DocAutoFormatController = class DocAutoFormatController extends _univerjs_co
 				if (!bullet) return [];
 				if (bullet.nestingLevel > 0) return [{
 					id: ChangeListNestingLevelCommand.id,
-					params: { type: ChangeListNestingLevelType.decrease }
+					params: { type: -1 }
 				}];
 				return [{
 					id: ListOperationCommand.id,
@@ -13800,7 +13753,7 @@ var DocPageLayoutService = class extends _univerjs_core.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;
 	}
@@ -14950,7 +14903,7 @@ const useResize = (editor, isSingle = true, autoScrollbar, autoScroll) => {
 			if (!editor || !autoScrollbar) return;
 			const skeleton = editor.render.with(_univerjs_docs.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();
@@ -15267,9 +15220,9 @@ exports.NORMAL_TEXT_SELECTION_PLUGIN_NAME = NORMAL_TEXT_SELECTION_PLUGIN_NAME;
 exports.NodePositionConvertToCursor = NodePositionConvertToCursor;
 exports.NodePositionConvertToRectRange = NodePositionConvertToRectRange;
 exports.OrderListCommand = OrderListCommand;
-exports.PastePluginLark = wordPastePlugin;
-exports.PastePluginUniver = univerPastePlugin;
-exports.PastePluginWord = wordPastePlugin$1;
+exports.PastePluginLark = LarkPastePlugin;
+exports.PastePluginUniver = UniverPastePlugin;
+exports.PastePluginWord = WordPastePlugin;
 exports.QuickListCommand = QuickListCommand;
 exports.RectRange = RectRange;
 exports.ReplaceContentCommand = ReplaceContentCommand;