@univerjs/docs-ui 1.0.0-alpha.1 → 1.0.0-alpha.2

package/lib/cjs/index.js

@@ -315,20 +315,20 @@ let DocAutoFormatService = class DocAutoFormatService extends _univerjs_core.Dis
 		});
 	}
 	onAutoFormat(id, params) {
-		var _this$_matches$get, _docRanges$find;
+		var _this$_matches$get, _docRanges$find, _selection$segmentId;
 		const autoFormats = (_this$_matches$get = this._matches.get(id)) !== null && _this$_matches$get !== void 0 ? _this$_matches$get : [];
 		const unit = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const docRanges = this._textSelectionManagerService.getDocRanges();
 		const selection = (_docRanges$find = docRanges.find((range) => range.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
-		if (unit && selection) {
-			var _doc$getBody$paragrap, _doc$getBody, _doc$getBody$dataStre, _doc$getBody2, _doc$getBody$customRa, _doc$getBody3, _matched$getMutations;
-			const doc = unit.getSelfOrHeaderFooterModel(selection.segmentId);
+		const documentDataModel = unit === null || unit === void 0 ? void 0 : unit.getSelfOrHeaderFooterModel((_selection$segmentId = selection === null || selection === void 0 ? void 0 : selection.segmentId) !== null && _selection$segmentId !== void 0 ? _selection$segmentId : "");
+		if (unit && selection && documentDataModel) {
+			var _documentDataModel$ge, _documentDataModel$ge2, _documentDataModel$ge3, _documentDataModel$ge4, _documentDataModel$ge5, _documentDataModel$ge6, _matched$getMutations;
 			const context = {
-				unit: doc,
+				unit: documentDataModel,
 				selection,
 				isBody: !selection.segmentId,
-				paragraphs: _univerjs_core.BuildTextUtils.range.getParagraphsInRange(selection, (_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 : ""),
-				customRanges: _univerjs_core.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_doc$getBody$customRa = (_doc$getBody3 = doc.getBody()) === null || _doc$getBody3 === void 0 ? void 0 : _doc$getBody3.customRanges) !== null && _doc$getBody$customRa !== void 0 ? _doc$getBody$customRa : []),
+				paragraphs: _univerjs_core.BuildTextUtils.range.getParagraphsInRange(selection, (_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.paragraphs) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : [], (_documentDataModel$ge3 = (_documentDataModel$ge4 = documentDataModel.getBody()) === null || _documentDataModel$ge4 === void 0 ? void 0 : _documentDataModel$ge4.dataStream) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : ""),
+				customRanges: _univerjs_core.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_documentDataModel$ge5 = (_documentDataModel$ge6 = documentDataModel.getBody()) === null || _documentDataModel$ge6 === void 0 ? void 0 : _documentDataModel$ge6.customRanges) !== null && _documentDataModel$ge5 !== void 0 ? _documentDataModel$ge5 : []),
 				commandId: id,
 				commandParams: params
 			};
@@ -460,7 +460,7 @@ const BreakLineCommand = {
 	id: "doc.command.break-line",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _params$textRange, _originBody$paragraph, _prevParagraph$bullet, _prevParagraph$paragr;
+		var _params$textRange, _docDataModel$getSelf, _originBody$paragraph, _prevParagraph$bullet, _prevParagraph$paragr;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -479,7 +479,7 @@ const BreakLineCommand = {
 		const { horizontalLine } = params !== null && params !== void 0 ? params : {};
 		const { segmentId } = activeTextRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId !== null && segmentId !== void 0 ? segmentId : "").getBody();
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId !== null && segmentId !== void 0 ? segmentId : "")) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const { startOffset, endOffset } = activeTextRange;
@@ -1099,7 +1099,7 @@ const InnerPasteCommand = {
 	id: "doc.command.inner-paste",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _body$tables, _body$customBlocks;
+		var _docDataModel$getSelf, _body$tables, _body$customBlocks;
 		const { segmentId, textRanges, doc } = params;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
@@ -1108,8 +1108,8 @@ const InnerPasteCommand = {
 		const rectRanges = docSelectionManagerService.getRectRanges();
 		const { body, tableSource, drawings } = doc;
 		if (!Array.isArray(selections) || selections.length === 0 || body == null) return false;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const doMutation = {
@@ -1210,8 +1210,8 @@ function adjustSelectionByTable(selection, tables) {
 	};
 }
 function getCutActionsFromTextRanges(selections, docDataModel, segmentId) {
-	var _docDataModel$getDraw, _docDataModel$getDraw2;
-	const originBody = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+	var _docDataModel$getSelf2, _docDataModel$getDraw, _docDataModel$getDraw2;
+	const originBody = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 	const textX = new _univerjs_core.TextX();
 	const jsonX = _univerjs_core.JSONX.getInstance();
 	const rawActions = [];
@@ -1255,8 +1255,9 @@ function getCutActionsFromTextRanges(selections, docDataModel, segmentId) {
 	}, null);
 }
 function getCutActionsFromRectRanges(ranges, docDataModel, viewModel, segmentId) {
+	var _docDataModel$getSelf3;
 	const rawActions = [];
-	if (docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody() == null) return rawActions;
+	if (((_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody()) == null) return rawActions;
 	const textX = new _univerjs_core.TextX();
 	const jsonX = _univerjs_core.JSONX.getInstance();
 	const memoryCursor = new _univerjs_core.MemoryCursor();
@@ -1351,16 +1352,14 @@ const CutContentCommand = {
 	id: "doc.command.inner-cut",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _univerInstanceServic;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const { segmentId, textRanges, selections = docSelectionManagerService.getTextRanges(), rectRanges = docSelectionManagerService.getRectRanges() } = params;
 		if ((!Array.isArray(selections) || selections.length === 0) && (!Array.isArray(rectRanges) || rectRanges.length === 0)) return false;
-		const unitId = (_univerInstanceServic = univerInstanceService.getCurrentUniverDocInstance()) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
-		if (!unitId) return false;
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
+		const unitId = docDataModel.getUnitId();
 		const docSkeletonManagerService = getCommandSkeleton(accessor, unitId);
 		if (docSkeletonManagerService == null) return false;
 		const viewModel = docSkeletonManagerService.getViewModel();
@@ -1399,10 +1398,10 @@ const DeleteCustomBlockCommand = {
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const { direction, range, unitId, drawingId } = params;
 		const activeRange = docSelectionManagerService.getActiveTextRange();
-		const documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const documentDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (activeRange == null || documentDataModel == null) return false;
-		const { direction, range, unitId, drawingId } = params;
 		const { startOffset, segmentId, style } = activeRange;
 		const cursor = direction === _univerjs_core.DeleteDirection.LEFT ? startOffset - 1 : startOffset;
 		const textRanges = [{
@@ -1449,6 +1448,7 @@ const MergeTwoParagraphCommand = {
 	id: "doc.command.merge-two-paragraph",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		var _docDataModel$getSelf;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -1458,7 +1458,7 @@ const MergeTwoParagraphCommand = {
 		if (activeRange == null || ranges == null) return false;
 		const { segmentId, style } = activeRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const dataStream = originBody.dataStream;
 		const actualRange = activeRange;
@@ -1529,7 +1529,7 @@ const RemoveHorizontalLineCommand = {
 	id: "doc.command.remove-horizontal-line",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
-		var _originBody$paragraph;
+		var _docDataModel$getSelf2, _originBody$paragraph;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -1538,7 +1538,7 @@ const RemoveHorizontalLineCommand = {
 		if (activeRange == null || ranges == null) return false;
 		const { segmentId, style } = activeRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const actualRange = activeRange;
 		const unitId = docDataModel.getUnitId();
@@ -1628,11 +1628,12 @@ const DeleteLeftCommand = {
 	id: "doc.command.delete-left",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf3;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		let result = true;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		const activeRange = docSelectionManagerService.getActiveTextRange();
@@ -1656,7 +1657,7 @@ const DeleteLeftCommand = {
 		const autoFormatResult = await executeDeleteAutoFormat(accessor, DeleteLeftCommand.id);
 		if (autoFormatResult != null) return autoFormatResult;
 		const { segmentId, style, segmentPage } = activeRange;
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = (_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody();
 		if (body == null) return false;
 		const actualRange = activeRange;
 		const { startOffset, collapsed } = actualRange;
@@ -1782,8 +1783,9 @@ const DeleteRightCommand = {
 	id: "doc.command.delete-right",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf4;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-		const docDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUniverDocInstance();
+		const docDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (!docDataModel) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -1807,7 +1809,7 @@ const DeleteRightCommand = {
 		const autoFormatResult = await executeDeleteAutoFormat(accessor, DeleteRightCommand.id);
 		if (autoFormatResult != null) return autoFormatResult;
 		const { segmentId, style, segmentPage } = activeRange;
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf4 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf4 === void 0 ? void 0 : _docDataModel$getSelf4.getBody();
 		if (!docDataModel || !body) return false;
 		const actualRange = activeRange;
 		const { startOffset, endOffset, collapsed } = actualRange;
@@ -1930,6 +1932,9 @@ function resetEmptyCenteredParagraphAlignment(commandService, docDataModel, segm
 }
 const DeleteCurrentParagraphCommand = {
 	id: "doc.command.delete-current-paragraph",
+	name: "doc.command.delete-current-paragraph",
+	multi: true,
+	priority: 0,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
 		var _docDataModel$getBody2, _docDataModel$getBody3;
@@ -3824,7 +3829,7 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 	}
 	_getDocumentBodyInRanges(sliceType, ranges) {
 		var _docDataModel$getSelf;
-		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const allRanges = ranges !== null && ranges !== void 0 ? ranges : this._docSelectionManagerService.getDocRanges();
 		const results = [];
 		let needCache = true;
@@ -3834,6 +3839,7 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 		const snapshot = docDataModel.getSnapshot();
 		if (body == null) return;
 		for (const range of allRanges) {
+			var _docDataModel$getSelf2;
 			const { startOffset, endOffset, collapsed, rangeType } = range;
 			if (collapsed || startOffset == null || endOffset == null) continue;
 			if (rangeType === _univerjs_core.DOC_RANGE_TYPE.RECT) {
@@ -3847,7 +3853,7 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 				endOffset,
 				collapsed
 			};
-			const docBody = docDataModel.getSelfOrHeaderFooterModel(segmentId).sliceBody(deleteRange.startOffset, deleteRange.endOffset, sliceType);
+			const docBody = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.sliceBody(deleteRange.startOffset, deleteRange.endOffset, sliceType);
 			if (docBody == null) continue;
 			results.push(docBody);
 		}
@@ -4121,18 +4127,19 @@ const MoveDocBlockCommand = {
 		if (!params) return false;
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const doc = params.unitId ? univerInstanceService.getUnit(params.unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUniverDocInstance();
+		const { unitId, sourceRange, targetOffset } = params;
+		const doc = unitId ? univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (!doc) return false;
 		const previousDocumentData = doc.getSnapshot();
 		const moveResult = buildMoveDocBlockActions({
 			documentData: previousDocumentData,
-			sourceRange: params.sourceRange,
-			targetOffset: params.targetOffset
+			sourceRange,
+			targetOffset
 		});
 		const { nextDocumentData, movedRange } = accessor.get(_univerjs_docs.DocBlockMoveValidatorService).transformMoveResult({
 			unitId: doc.getUnitId(),
-			sourceRange: params.sourceRange,
-			targetOffset: params.targetOffset,
+			sourceRange,
+			targetOffset,
 			previousDocumentData,
 			result: moveResult
 		});
@@ -4318,7 +4325,7 @@ const DocSelectAllCommand = {
 	id: "doc.command.select-all",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
-		var _docRanges$find;
+		var _docRanges$find, _docDataModel$getSelf;
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -4327,7 +4334,7 @@ const DocSelectAllCommand = {
 		if (docDataModel == null || activeRange == null) return false;
 		const { segmentId } = activeRange;
 		const unitId = docDataModel.getUnitId();
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot().body;
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		const { dataStream } = body;
 		if (dataStream === "\r\n") return true;
@@ -4521,7 +4528,7 @@ const IMEInputCommand = {
 	id: "doc.command.ime-input",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _renderManagerService, _body$customRanges, _body$customDecoratio;
+		var _renderManagerService, _docDataModel$getSelf, _body$customRanges, _body$customDecoratio;
 		const { unitId, newText, oldTextLen, isCompositionEnd, isCompositionStart } = params;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
@@ -4533,7 +4540,7 @@ const IMEInputCommand = {
 		const previousActiveRange = imeInputManagerService.getActiveRange();
 		if (previousActiveRange == null) return false;
 		const { style, segmentId } = previousActiveRange;
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		Object.assign(previousActiveRange, previousActiveRange);
 		const { startOffset, endOffset } = previousActiveRange;
@@ -4737,7 +4744,7 @@ const SetInlineFormatCommand = {
 	id: "doc.command.set-inline-format",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _docSelectionManagerS, _docRanges$find;
+		var _docSelectionManagerS, _docRanges$find, _docDataModel$getSelf;
 		const { value, preCommandId } = params;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
@@ -4750,7 +4757,7 @@ const SetInlineFormatCommand = {
 		const { segmentId } = docRanges[0];
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		const unitId = docDataModel.getUnitId();
 		let formatValue;
@@ -4938,12 +4945,13 @@ const ReplaceSnapshotCommand = {
 	id: "doc.command-replace-snapshot",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor, params) => {
+		var _docDataModel$getSelf;
 		const { unitId, snapshot, textRanges, segmentId = "", options } = params;
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const prevSnapshot = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot();
+		const prevSnapshot = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getSnapshot();
 		if (docDataModel == null || prevSnapshot == null) return false;
 		const { body, tableSource, footers, headers, lists, drawings, drawingsOrder, documentStyle } = _univerjs_core.Tools.deepClone(snapshot);
 		const { body: prevBody, tableSource: prevTableSource, footers: prevFooters, headers: prevHeaders, lists: prevLists, drawings: prevDrawings, drawingsOrder: prevDrawingsOrder, documentStyle: prevDocumentStyle } = prevSnapshot;
@@ -5012,12 +5020,13 @@ const ReplaceContentCommand = {
 	id: "doc.command-replace-content",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		var _docDataModel$getSelf2;
 		const { unitId, body, textRanges, segmentId = "", options } = params;
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const prevBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot().body;
+		const prevBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || prevBody == null) return false;
 		const doMutation = getMutationParams(unitId, segmentId, docDataModel, prevBody, body);
 		doMutation.params.textRanges = textRanges;
@@ -5041,7 +5050,7 @@ const CoverContentCommand = {
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
-		const docDatModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDatModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const prevBody = docDatModel === null || docDatModel === void 0 ? void 0 : docDatModel.getSnapshot().body;
 		if (docDatModel == null || prevBody == null) return false;
 		const doMutation = getMutationParams(unitId, segmentId, docDatModel, prevBody, body);
@@ -5116,12 +5125,13 @@ const ReplaceTextRunsCommand = {
 	id: "doc.command.replace-text-runs",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor, params) => {
+		var _docDataModel$getSelf3;
 		const { unitId, body, textRanges, segmentId = "", options } = params;
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const themeService = accessor.get(_univerjs_core.ThemeService);
 		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const prevBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot().body;
+		const prevBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody();
 		if (docDataModel == null || prevBody == null) return false;
 		const textX = _univerjs_core.BuildTextUtils.selection.replaceTextRuns({
 			doc: docDataModel,
@@ -5197,8 +5207,8 @@ const ListOperationCommand = {
 		if (docDataModel == null || docRanges.length === 0) return false;
 		const segmentId = docRanges[0].segmentId;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5239,8 +5249,8 @@ const ChangeListTypeCommand = {
 		if (docDataModel == null || activeRanges == null || !activeRanges.length) return false;
 		const { segmentId } = activeRanges[0];
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para2 = (_segment$getBody3 = segment.getBody()) === null || _segment$getBody3 === void 0 ? void 0 : _segment$getBody3.paragraphs) !== null && _segment$getBody$para2 !== void 0 ? _segment$getBody$para2 : [];
-		const dataStream = (_segment$getBody$data2 = (_segment$getBody4 = segment.getBody()) === null || _segment$getBody4 === void 0 ? void 0 : _segment$getBody4.dataStream) !== null && _segment$getBody$data2 !== void 0 ? _segment$getBody$data2 : "";
+		const paragraphs = (_segment$getBody$para2 = segment === null || segment === void 0 || (_segment$getBody3 = segment.getBody()) === null || _segment$getBody3 === void 0 ? void 0 : _segment$getBody3.paragraphs) !== null && _segment$getBody$para2 !== void 0 ? _segment$getBody$para2 : [];
+		const dataStream = (_segment$getBody$data2 = segment === null || segment === void 0 || (_segment$getBody4 = segment.getBody()) === null || _segment$getBody4 === void 0 ? void 0 : _segment$getBody4.dataStream) !== null && _segment$getBody$data2 !== void 0 ? _segment$getBody$data2 : "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(activeRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5288,8 +5298,8 @@ const ChangeListNestingLevelCommand = {
 		const { segmentId } = activeRange;
 		const selections = (_docSelectionManagerS = docSelectionManagerService.getDocRanges()) !== null && _docSelectionManagerS !== void 0 ? _docSelectionManagerS : [];
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para3 = (_segment$getBody5 = segment.getBody()) === null || _segment$getBody5 === void 0 ? void 0 : _segment$getBody5.paragraphs) !== null && _segment$getBody$para3 !== void 0 ? _segment$getBody$para3 : [];
-		const dataStream = (_segment$getBody$data3 = (_segment$getBody6 = segment.getBody()) === null || _segment$getBody6 === void 0 ? void 0 : _segment$getBody6.dataStream) !== null && _segment$getBody$data3 !== void 0 ? _segment$getBody$data3 : "";
+		const paragraphs = (_segment$getBody$para3 = segment === null || segment === void 0 || (_segment$getBody5 = segment.getBody()) === null || _segment$getBody5 === void 0 ? void 0 : _segment$getBody5.paragraphs) !== null && _segment$getBody$para3 !== void 0 ? _segment$getBody$para3 : [];
+		const dataStream = (_segment$getBody$data3 = segment === null || segment === void 0 || (_segment$getBody6 = segment.getBody()) === null || _segment$getBody6 === void 0 ? void 0 : _segment$getBody6.dataStream) !== null && _segment$getBody$data3 !== void 0 ? _segment$getBody$data3 : "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = _univerjs_core.BuildTextUtils.range.getParagraphsInRange(activeRange, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5356,7 +5366,7 @@ const ToggleCheckListCommand = {
 		const { index, segmentId, textRanges } = params;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
-		if (((_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.paragraphs) == null) return false;
+		if (((_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 || (_docDataModel$getSelf = _docDataModel$getSelf.getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.paragraphs) == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const doMutation = {
 			id: _univerjs_docs.RichTextEditingMutation.id,
@@ -5570,14 +5580,14 @@ const AlignOperationCommand = {
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const { alignType } = params;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const allRanges = docSelectionManagerService.getDocRanges();
 		if (allRanges.length === 0) return false;
 		const segmentId = allRanges[0].segmentId;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		if (paragraphs == null) return false;
 		const currentParagraphs = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(allRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5681,27 +5691,21 @@ const SetDocZoomRatioCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
 	id: "doc.command.set-zoom-ratio",
 	handler: async (accessor, params) => {
-		var _univerInstanceServic;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		let documentId = (_univerInstanceServic = univerInstanceService.getCurrentUniverDocInstance()) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
-		if (!documentId) return false;
-		let zoomRatio = 1;
-		if (params) {
-			var _params$documentId, _params$zoomRatio;
-			documentId = (_params$documentId = params.documentId) !== null && _params$documentId !== void 0 ? _params$documentId : documentId;
-			zoomRatio = (_params$zoomRatio = params.zoomRatio) !== null && _params$zoomRatio !== void 0 ? _params$zoomRatio : zoomRatio;
-		}
-		if (!univerInstanceService.getUniverDocInstance(documentId)) return false;
+		const { zoomRatio = 1, documentId } = params || {};
+		const docDatModel = documentId ? univerInstanceService.getUnit(documentId, _univerjs_core.UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		if (!docDatModel) return false;
+		const unitId = docDatModel.getUnitId();
 		const setZoomRatioMutationParams = {
 			zoomRatio,
-			unitId: documentId
+			unitId
 		};
 		const undoMutationParams = SetDocZoomRatioUndoMutationFactory(accessor, setZoomRatioMutationParams);
 		if (commandService.syncExecuteCommand(SetDocZoomRatioOperation.id, setZoomRatioMutationParams)) {
 			undoRedoService.pushUndoRedo({
-				unitID: documentId,
+				unitID: unitId,
 				undoMutations: [{
 					id: SetDocZoomRatioOperation.id,
 					params: undoMutationParams
@@ -5729,7 +5733,7 @@ const SetParagraphNamedStyleCommand = {
 		if (!doc) return false;
 		const unitId = doc.getUnitId();
 		const selectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-		const contentInsertRange = params.textRanges ? null : consumeContentInsertRange(accessor, unitId);
+		const contentInsertRange = params.textRanges ? null : (0, _univerjs_docs.consumeContentInsertRange)(accessor, unitId);
 		if (contentInsertRange) return insertNamedStyleParagraph(accessor, doc, params.value, contentInsertRange.startOffset, contentInsertRange.endOffset);
 		const selections = (_params$textRanges = params.textRanges) !== null && _params$textRanges !== void 0 ? _params$textRanges : selectionService.getTextRanges({
 			unitId,
@@ -5737,8 +5741,10 @@ const SetParagraphNamedStyleCommand = {
 		});
 		if (!(selections === null || selections === void 0 ? void 0 : selections.length)) return false;
 		const segmentId = selections[0].segmentId;
+		const documentDataModel = doc.getSelfOrHeaderFooterModel(segmentId);
+		if (!documentDataModel) return false;
 		const textX = _univerjs_core.BuildTextUtils.paragraph.style.set({
-			document: doc.getSelfOrHeaderFooterModel(segmentId),
+			document: documentDataModel,
 			textRanges: selections,
 			style: {
 				namedStyleType: params.value,
@@ -5765,13 +5771,6 @@ const SetParagraphNamedStyleCommand = {
 		return Boolean(result);
 	}
 };
-function consumeContentInsertRange(accessor, unitId) {
-	try {
-		return accessor.get(_univerjs_docs.DocContentInsertService).consumeInsertRange(unitId);
-	} catch {
-		return null;
-	}
-}
 function insertNamedStyleParagraph(accessor, doc, namedStyleType, startOffset, endOffset) {
 	const textX = _univerjs_core.BuildTextUtils.selection.replace({
 		doc,
@@ -5821,8 +5820,8 @@ const QuickHeadingCommand = {
 		if (docDataModel == null || activeRange == null || !activeRange.collapsed) return false;
 		const { segmentId, startOffset } = activeRange;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		const paragraph = _univerjs_core.BuildTextUtils.paragraph.util.getParagraphsInRange(activeRange, paragraphs, dataStream)[0];
 		if (!paragraph) return false;
 		const { paragraphStart } = paragraph;
@@ -6207,14 +6206,17 @@ var NodePositionConvertToCursor = class {
 		this._resetCurrentNodePositionState();
 		if (this._documentOffsetConfig == null) return [];
 		const { pageLayoutType, pageMarginLeft, pageMarginTop } = this._documentOffsetConfig;
-		const skipPageIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.BODY || pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? pageIndex : segmentPage;
+		const startRootPageIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL && pages[pageIndex] == null ? segmentPage : pageIndex;
+		const endRootPageIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL && pages[endPageIndex] == null ? endSegmentPage : endPageIndex;
+		const skipPageIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.BODY || pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? startRootPageIndex : segmentPage;
 		for (let p = 0; p < skipPageIndex; p++) {
 			const page = pages[p];
 			this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 		}
-		const endIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.BODY || pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? endPageIndex : endSegmentPage;
+		const endIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.BODY || pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? endRootPageIndex : endSegmentPage;
 		for (let p = skipPageIndex; p <= endIndex; p++) {
 			const page = pages[p];
+			if (page == null) continue;
 			const { headerId, footerId, pageWidth } = page;
 			let segmentPage = page;
 			if (pageType === _univerjs_engine_render.DocumentSkeletonPageType.HEADER) {
@@ -6223,7 +6225,7 @@ var NodePositionConvertToCursor = class {
 			} else if (pageType === _univerjs_engine_render.DocumentSkeletonPageType.FOOTER) {
 				var _skeFooters$get;
 				segmentPage = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
-			} else if (pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL) segmentPage = (0, _univerjs_engine_render.getPageFromPath)(skeletonData, path);
+			} else if (pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL) segmentPage = path[0] === "pages" ? (0, _univerjs_engine_render.getPageFromPath)(skeletonData, path) : getCellPageFromSegmentPath(skeletonData, page, path);
 			if (segmentPage == null) {
 				this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 				continue;
@@ -6253,7 +6255,6 @@ var NodePositionConvertToCursor = class {
 						this._liquid.translatePagePadding(segmentPage);
 						break;
 					}
-					this._liquid.translatePagePadding(page);
 					const rowSke = segmentPage.parent;
 					const tableSke = rowSke.parent;
 					const tablePage = tableSke.parent;
@@ -6265,6 +6266,14 @@ var NodePositionConvertToCursor = class {
 					const viewport = (0, _univerjs_engine_render.getDocsTableRenderViewport)(getDocumentUnitId$1(skeleton), sourceTableId);
 					const hasHorizontalViewport = hasHorizontalTableViewport$2(viewport);
 					const scrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
+					if ((tablePage === null || tablePage === void 0 ? void 0 : tablePage.type) === _univerjs_engine_render.DocumentSkeletonPageType.HEADER) this._liquid.translatePagePadding({
+						...tablePage,
+						marginLeft: page.marginLeft
+					});
+					else if ((tablePage === null || tablePage === void 0 ? void 0 : tablePage.type) === _univerjs_engine_render.DocumentSkeletonPageType.FOOTER) {
+						const footerTop = page.pageHeight - tablePage.height - tablePage.marginBottom;
+						this._liquid.translate(page.marginLeft, footerTop);
+					} else this._liquid.translatePagePadding(page);
 					if (tablePageNestedOffset) {
 						this._liquid.translate(tablePageNestedOffset.left, tablePageNestedOffset.top);
 						this._liquid.translatePagePadding(tablePage);
@@ -6340,6 +6349,28 @@ function clipPositionToHorizontalRange(position, clip) {
 		endX
 	};
 }
+function getCellPageFromSegmentPath(skeletonData, rootPage, path) {
+	var _skeletonData$skeHead, _skeletonData$skeFoot;
+	if (path[0] === "pages") return null;
+	const segmentPages = [];
+	const { headerId, footerId, pageWidth } = rootPage;
+	const headerPage = headerId == null ? null : (_skeletonData$skeHead = skeletonData.skeHeaders.get(headerId)) === null || _skeletonData$skeHead === void 0 ? void 0 : _skeletonData$skeHead.get(pageWidth);
+	const footerPage = footerId == null ? null : (_skeletonData$skeFoot = skeletonData.skeFooters.get(footerId)) === null || _skeletonData$skeFoot === void 0 ? void 0 : _skeletonData$skeFoot.get(pageWidth);
+	if (headerPage != null) segmentPages.push(headerPage);
+	if (footerPage != null) segmentPages.push(footerPage);
+	for (const segmentPage of segmentPages) {
+		const page = (0, _univerjs_engine_render.getPageFromPath)({
+			...skeletonData,
+			pages: [segmentPage]
+		}, [
+			"pages",
+			0,
+			...path
+		]);
+		if (page != null) return page;
+	}
+	return null;
+}
 function getDocumentUnitId$1(docSkeleton) {
 	var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3, _viewModel$getDataMod4;
 	const viewModel = docSkeleton.getViewModel();
@@ -6493,9 +6524,12 @@ var NodePositionConvertToRectRange = class {
 			docsLeft: (_this$_documentOffset = this._documentOffsetConfig.docsLeft) !== null && _this$_documentOffset !== void 0 ? _this$_documentOffset : 0,
 			docsTop: (_this$_documentOffset2 = this._documentOffsetConfig.docsTop) !== null && _this$_documentOffset2 !== void 0 ? _this$_documentOffset2 : 0,
 			pageMarginTop,
+			skeFooters: skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.skeFooters,
+			skeHeaders: skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.skeHeaders,
 			unitId
 		});
-		const skipPageIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.BODY || pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? startPage : startSegmentPage;
+		const startRootPage = pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL && pages[startPage] == null ? startSegmentPage : startPage;
+		const skipPageIndex = pageType === _univerjs_engine_render.DocumentSkeletonPageType.BODY || pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? startRootPage : startSegmentPage;
 		for (let p = 0; p < skipPageIndex; p++) {
 			const page = pages[p];
 			this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
@@ -6507,12 +6541,13 @@ var NodePositionConvertToRectRange = class {
 			let table = null;
 			for (const [id, tableSke] of skeTables.entries()) if (id.startsWith(tableId)) table = tableSke;
 			if (table == null) {
-				const nestedTableContext = nestedTableContexts.find((context) => context.pageIndex === p && context.source === "column" && context.tableId.startsWith(tableId));
+				const nestedTableContext = nestedTableContexts.find((context) => context.pageIndex === p && (context.source === "column" || context.source === "header" || context.source === "footer") && context.tableId.startsWith(tableId));
 				if (nestedTableContext) {
+					var _this$_documentOffset3, _this$_documentOffset4;
 					const nestedTable = nestedTableContext.table;
 					const viewport = (0, _univerjs_engine_render.getDocsTableRenderViewport)(unitId, sourceTableId);
-					const nestedX = nestedTableContext.tableRect.left - nestedTable.left;
-					const nestedY = nestedTableContext.tableRect.top;
+					const nestedX = nestedTableContext.tableRect.left - nestedTable.left - ((_this$_documentOffset3 = this._documentOffsetConfig.docsLeft) !== null && _this$_documentOffset3 !== void 0 ? _this$_documentOffset3 : 0);
+					const nestedY = nestedTableContext.tableRect.top - ((_this$_documentOffset4 = this._documentOffsetConfig.docsTop) !== null && _this$_documentOffset4 !== void 0 ? _this$_documentOffset4 : 0);
 					if (intersectsMergedCell) {
 						const rows = nestedTable.rows.filter((row) => row.index >= startRow && row.index <= endRow);
 						const firstRow = rows[0];
@@ -6643,8 +6678,8 @@ var NodePositionConvertToRectRange = class {
 		const { path: anchorPath } = anchorPosition;
 		const { path: focusPath } = focusPosition;
 		if (anchorPath.indexOf("cells") === -1 || focusPath.indexOf("cells") === -1) return;
-		const anchorCell = (0, _univerjs_engine_render.getPageFromPath)(skeletonData, anchorPath);
-		const focusCell = (0, _univerjs_engine_render.getPageFromPath)(skeletonData, focusPath);
+		const anchorCell = getCellPageFromPositionPath(skeletonData, anchorPosition);
+		const focusCell = getCellPageFromPositionPath(skeletonData, focusPosition);
 		if (anchorCell == null || focusCell == null) return;
 		const anchorRow = anchorCell.parent;
 		const focusRow = focusCell.parent;
@@ -6720,6 +6755,28 @@ function rangeIntersectsMergedCell(table, range) {
 		});
 	}));
 }
+function getCellPageFromPositionPath(skeletonData, position) {
+	var _skeletonData$skeHead, _skeletonData$skeFoot;
+	const { path, segmentPage } = position;
+	if (path[0] === "pages") return (0, _univerjs_engine_render.getPageFromPath)(skeletonData, path);
+	const rootPage = skeletonData.pages[segmentPage];
+	if (rootPage == null) return null;
+	const { headerId, footerId, pageWidth } = rootPage;
+	const segmentPages = [headerId == null ? null : (_skeletonData$skeHead = skeletonData.skeHeaders.get(headerId)) === null || _skeletonData$skeHead === void 0 ? void 0 : _skeletonData$skeHead.get(pageWidth), footerId == null ? null : (_skeletonData$skeFoot = skeletonData.skeFooters.get(footerId)) === null || _skeletonData$skeFoot === void 0 ? void 0 : _skeletonData$skeFoot.get(pageWidth)];
+	for (const segmentPage of segmentPages) {
+		if (segmentPage == null) continue;
+		const page = (0, _univerjs_engine_render.getPageFromPath)({
+			...skeletonData,
+			pages: [segmentPage]
+		}, [
+			"pages",
+			0,
+			...path
+		]);
+		if (page != null) return page;
+	}
+	return null;
+}
 function normalizeRange(range) {
 	return {
 		startRowIndex: Math.min(range.startRowIndex, range.endRowIndex),
@@ -6812,17 +6869,17 @@ var TextRange = class {
 		}, 1e3);
 	}
 	get startOffset() {
-		var _getOneTextSelectionR;
+		var _getOneTextSelectionR, _this$_docSkeleton$ge;
 		const { startOffset } = (_getOneTextSelectionR = getOneTextSelectionRange(this._cursorList)) !== null && _getOneTextSelectionR !== void 0 ? _getOneTextSelectionR : {};
-		const body = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
+		const body = (_this$_docSkeleton$ge = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId)) === null || _this$_docSkeleton$ge === void 0 ? void 0 : _this$_docSkeleton$ge.getBody();
 		if (startOffset == null || body == null) return startOffset;
 		const maxLength = body.dataStream.length - 2;
 		return Math.min(maxLength, startOffset);
 	}
 	get endOffset() {
-		var _getOneTextSelectionR2;
+		var _getOneTextSelectionR2, _this$_docSkeleton$ge2;
 		const { endOffset } = (_getOneTextSelectionR2 = getOneTextSelectionRange(this._cursorList)) !== null && _getOneTextSelectionR2 !== void 0 ? _getOneTextSelectionR2 : {};
-		const body = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
+		const body = (_this$_docSkeleton$ge2 = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId)) === null || _this$_docSkeleton$ge2 === void 0 ? void 0 : _this$_docSkeleton$ge2.getBody();
 		if (endOffset == null || body == null) return endOffset;
 		const maxLength = body.dataStream.length - 2;
 		return Math.min(endOffset, maxLength);
@@ -8222,7 +8279,7 @@ const SwitchDocModeCommand = {
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-		const docDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUniverDocInstance();
+		const docDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const skeleton = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
@@ -8327,6 +8384,18 @@ function shouldCreateParagraphBeforeTable(body, startOffset) {
 function normalizeTableInsertOffset(body, startOffset) {
 	return startOffset === 0 && body.dataStream[0] === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH ? 1 : startOffset;
 }
+function canInsertTableAtOffset(body, offset) {
+	return !(isOffsetInTableRange(body.tables, offset) || isOffsetInIndexRange(body.blockRanges, offset) || isOffsetOnPointRange(body.customBlocks, offset));
+}
+function isOffsetInTableRange(ranges, offset) {
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex <= offset && offset < range.endIndex));
+}
+function isOffsetInIndexRange(ranges, offset) {
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex <= offset && offset <= range.endIndex));
+}
+function isOffsetOnPointRange(ranges, offset) {
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex === offset));
+}
 /**
 * The command to create a table at cursor point.
 */
@@ -8334,13 +8403,13 @@ const CreateDocTableCommand = {
 	id: CreateDocTableCommandId,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _ref, _contentInsertRange$s, _contentInsertRange$s2, _body$paragraphs, _curGlyph$parent, _body$paragraphs2;
+		var _ref, _contentInsertRange$s, _docDataModel$getSelf, _contentInsertRange$s2, _body$paragraphs, _curGlyph$parent, _body$paragraphs2;
 		const { rowCount, colCount } = params;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const docMenuStyleService = accessor.get(DocMenuStyleService);
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		let contentInsertRange = null;
 		try {
@@ -8352,13 +8421,14 @@ const CreateDocTableCommand = {
 		if (activeRange == null && contentInsertRange == null) return false;
 		const segmentId = (_ref = (_contentInsertRange$s = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.segmentId) !== null && _contentInsertRange$s !== void 0 ? _contentInsertRange$s : activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentId) !== null && _ref !== void 0 ? _ref : "";
 		const segmentPage = activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentPage;
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const docSkeletonManagerService = getCommandSkeleton(accessor, unitId);
 		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
 		if (skeleton == null) return false;
 		const startOffset = normalizeTableInsertOffset(body, (_contentInsertRange$s2 = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.startOffset) !== null && _contentInsertRange$s2 !== void 0 ? _contentInsertRange$s2 : activeRange.startOffset);
+		if (!canInsertTableAtOffset(body, startOffset)) return false;
 		const prevParagraph = ((_body$paragraphs = body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).find((p) => p.startIndex >= startOffset);
 		const curGlyph = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
 		if (curGlyph == null) return false;
@@ -8429,6 +8499,7 @@ const DocTableDeleteRowsCommand = {
 	id: "doc.table.delete-rows",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -8436,8 +8507,8 @@ const DocTableDeleteRowsCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8493,6 +8564,7 @@ const DocTableDeleteColumnsCommand = {
 	id: "doc.table.delete-columns",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf2;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -8500,8 +8572,8 @@ const DocTableDeleteColumnsCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8572,6 +8644,7 @@ const DocTableDeleteTableCommand = {
 	id: "doc.table.delete-table",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf3;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -8579,8 +8652,8 @@ const DocTableDeleteTableCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8668,6 +8741,7 @@ const DocTableInsertRowCommand = {
 	id: DocTableInsertRowCommandId,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		var _docDataModel$getSelf;
 		const { position } = params;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
@@ -8677,7 +8751,7 @@ const DocTableInsertRowCommand = {
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8737,7 +8811,7 @@ const DocTableInsertColumnCommand = {
 	id: DocTableInsertColumnCommandId,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _snapshot$tableSource, _documentStyle$pageSi, _documentStyle$pageSi2;
+		var _docDataModel$getSelf2, _snapshot$tableSource, _documentStyle$pageSi, _documentStyle$pageSi2;
 		const { position } = params;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
@@ -8746,8 +8820,8 @@ const DocTableInsertColumnCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8846,7 +8920,7 @@ const DocTableTabCommand = {
 		const textSelectionManager = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const docRanges = textSelectionManager.getDocRanges();
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const docDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUniverDocInstance();
+		const docDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (!docDataModel) return false;
 		const activeRange = (_docRanges$find = docRanges.find((range) => range.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
@@ -9399,7 +9473,7 @@ let EditorService = class EditorService extends _univerjs_core.Disposable {
 		this._univerInstanceService.disposeUnit(editorUnitId);
 	}
 	_getCurrentEditorUnitId() {
-		return this._univerInstanceService.getCurrentUniverDocInstance().getUnitId();
+		return this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC).getUnitId();
 	}
 	_getBlank(id) {
 		return {
@@ -10056,325 +10130,138 @@ function findFirstCursorOffset(snapshot) {
 }
 
 //#endregion
-//#region src/views/header-footer/text-bubble.ts
-const COLLAB_CURSOR_LABEL_HEIGHT = 18;
-const COLLAB_CURSOR_LABEL_MAX_WIDTH = 200;
-const COLLAB_CURSOR_LABEL_TEXT_PADDING_LR = 6;
-const COLLAB_CURSOR_LABEL_TEXT_PADDING_TB = 4;
-function drawBubble(ctx, props) {
-	var _radius, _width, _height;
-	let { radius, width, height } = props;
-	radius = (_radius = radius) !== null && _radius !== void 0 ? _radius : 0;
-	width = (_width = width) !== null && _width !== void 0 ? _width : 30;
-	height = (_height = height) !== null && _height !== void 0 ? _height : 30;
-	let bottomRight = 0;
-	bottomRight = Math.min(radius, width / 2, height / 2);
-	ctx.beginPath();
-	ctx.moveTo(0, 0);
-	ctx.lineTo(width, 0);
-	ctx.lineTo(width, height - bottomRight);
-	ctx.arc(width - bottomRight, height - bottomRight, bottomRight, 0, Math.PI / 2, false);
-	ctx.lineTo(0, height);
-	ctx.lineTo(0, 0);
-	ctx.closePath();
-	if (props.fill) {
-		ctx.save();
-		ctx.fillStyle = props.fill;
-		if (props.fillRule === "evenodd") ctx.fill("evenodd");
-		else ctx.fill();
-		ctx.restore();
-	}
-}
+//#region src/views/header-footer/panel/component-name.ts
 /**
-* Render a single collaborated cursor on the canvas.
+* 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.
 */
-var TextBubbleShape = class TextBubbleShape extends _univerjs_engine_render.Shape {
-	constructor(key, props) {
-		super(key, props);
-		_defineProperty(this, "color", void 0);
-		_defineProperty(this, "text", void 0);
-		this.color = props === null || props === void 0 ? void 0 : props.color;
-		this.text = props === null || props === void 0 ? void 0 : props.text;
+const COMPONENT_DOC_HEADER_FOOTER_PANEL = "COMPONENT_DOC_HEADER_FOOTER_PANEL";
+
+//#endregion
+//#region src/commands/operations/doc-header-footer-panel.operation.ts
+const SidebarDocHeaderFooterPanelOperation = {
+	id: "sidebar.operation.doc-header-footer-panel",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler: async (accessor, params) => {
+		const sidebarService = accessor.get(_univerjs_ui.ISidebarService);
+		const localeService = accessor.get(_univerjs_core.LocaleService);
+		switch (params.value) {
+			case "open":
+				sidebarService.open({
+					header: { title: localeService.t("docs-ui.headerFooter.panel") },
+					children: { label: COMPONENT_DOC_HEADER_FOOTER_PANEL },
+					onClose: () => {},
+					width: 400
+				});
+				break;
+			default:
+				sidebarService.close();
+				break;
+		}
+		return true;
 	}
-	static drawWith(ctx, props) {
-		const { text, color } = props;
-		ctx.save();
-		ctx.font = "13px Source Han Sans CN";
-		const textWidth = ctx.measureText(text).width;
-		drawBubble(ctx, {
-			height: 18,
-			width: Math.min(textWidth + 2 * 6, 200),
-			radius: 4,
-			fill: color,
-			evented: false
+};
+
+//#endregion
+//#region src/commands/commands/doc-header-footer.command.ts
+const CoreHeaderFooterCommandId = "doc.command.core-header-footer";
+/**
+* The command to update header and footer or create them.
+*/
+const CoreHeaderFooterCommand = {
+	id: CoreHeaderFooterCommandId,
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor, params) => {
+		var _renderManagerService;
+		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
+		const { unitId, segmentId, createType, headerFooterProps } = params;
+		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService);
+		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const docViewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
+		if (docDataModel == null || docViewModel == null) return false;
+		const editArea = docViewModel.getEditArea();
+		const { documentStyle } = docDataModel.getSnapshot();
+		let resolvedCreateType = createType;
+		if (headerFooterProps != null) Object.keys(headerFooterProps).forEach((key) => {
+			const value = headerFooterProps[key];
+			if (resolvedCreateType == null && key === "useFirstPageHeaderFooter" && value === _univerjs_core.BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) resolvedCreateType = editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? _univerjs_docs.HeaderFooterType.FIRST_PAGE_HEADER : _univerjs_docs.HeaderFooterType.FIRST_PAGE_FOOTER;
+			else if (resolvedCreateType == null && key === "evenAndOddHeaders" && value === _univerjs_core.BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) resolvedCreateType = editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? _univerjs_docs.HeaderFooterType.EVEN_PAGE_HEADER : _univerjs_docs.HeaderFooterType.EVEN_PAGE_FOOTER;
+		});
+		return commandService.syncExecuteCommand(_univerjs_docs.CreateHeaderFooterCommand.id, {
+			unitId,
+			segmentId,
+			createType: resolvedCreateType,
+			headerFooterProps,
+			createMode: "pair"
 		});
-		ctx.fillStyle = "rgba(58, 96, 247, 1)";
-		const offsetX = 6;
-		const offsetY = 18 - 4;
-		const maxTextWidth = 200 - 2 * 6;
-		if (textWidth > maxTextWidth) {
-			let truncatedText = "";
-			let currentWidth = 0;
-			for (const element of text) {
-				const charWidth = ctx.measureText(element).width;
-				if (currentWidth + charWidth <= maxTextWidth - ctx.measureText("...").width) {
-					truncatedText += element;
-					currentWidth += charWidth;
-				} else {
-					truncatedText += "...";
-					break;
-				}
-			}
-			ctx.fillText(truncatedText, offsetX, offsetY);
-		} else ctx.fillText(text, offsetX, offsetY);
-		ctx.restore();
 	}
-	_draw(ctx) {
-		TextBubbleShape.drawWith(ctx, this);
+};
+const OpenHeaderFooterPanelCommand = {
+	id: "doc.command.open-header-footer-panel",
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor, _params) => {
+		return accessor.get(_univerjs_core.ICommandService).executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "open" });
+	}
+};
+const CloseHeaderFooterCommand = {
+	id: "doc.command.close-header-footer",
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor, params) => {
+		var _params$unitId, _instanceService$getC, _renderObject$mainCom;
+		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
+		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
+		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const unitId = (_params$unitId = params === null || params === void 0 ? void 0 : params.unitId) !== null && _params$unitId !== void 0 ? _params$unitId : (_instanceService$getC = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId();
+		if (unitId == null) return false;
+		const renderObject = renderManagerService.getRenderById(unitId);
+		if (renderObject == null) return false;
+		const docSkeletonManagerService = renderObject.with(_univerjs_docs.DocSkeletonManagerService);
+		const viewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
+		if (viewModel == null) return false;
+		if (viewModel.getEditArea() === _univerjs_engine_render.DocumentEditArea.BODY) return false;
+		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
+		if (skeleton == null) return false;
+		const { scene } = renderObject;
+		const transformer = scene.getTransformerByCreate();
+		const docSelectionRenderService = renderObject.with(DocSelectionRenderService);
+		docSelectionManagerService.replaceDocRanges([]);
+		transformer.clearSelectedObjects();
+		docSelectionRenderService.setSegment("");
+		docSelectionRenderService.setSegmentPage(-1);
+		viewModel.setEditArea(_univerjs_engine_render.DocumentEditArea.BODY);
+		skeleton.calculate();
+		(_renderObject$mainCom = renderObject.mainComponent) === null || _renderObject$mainCom === void 0 || _renderObject$mainCom.makeDirty(true);
+		queueMicrotask(() => {
+			const docDataModel = instanceService.getUnit(unitId);
+			const snapshot = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot();
+			if (snapshot == null) return;
+			const offset = findFirstCursorOffset(snapshot);
+			docSelectionManagerService.replaceDocRanges([{
+				startOffset: offset,
+				endOffset: offset
+			}]);
+		});
+		commandService.executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "close" });
+		return true;
 	}
 };
 
 //#endregion
-//#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)";
-function checkCreateHeaderFooterType(viewModel, editArea, segmentPage) {
-	const { documentStyle } = viewModel.getDataModel().getSnapshot();
-	const { defaultHeaderId, defaultFooterId, evenPageHeaderId, evenPageFooterId, firstPageHeaderId, firstPageFooterId, evenAndOddHeaders, useFirstPageHeaderFooter } = documentStyle;
-	switch (editArea) {
-		case _univerjs_engine_render.DocumentEditArea.BODY: return {
-			createType: null,
-			headerFooterId: null
-		};
-		case _univerjs_engine_render.DocumentEditArea.HEADER:
-			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageHeaderId) return {
-				createType: 0,
-				headerFooterId: null
-			};
-			if (evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageHeaderId) return {
-				createType: 4,
-				headerFooterId: null
-			};
-			return defaultHeaderId ? {
-				createType: null,
-				headerFooterId: defaultHeaderId
-			} : {
-				createType: 2,
-				headerFooterId: null
-			};
-		case _univerjs_engine_render.DocumentEditArea.FOOTER:
-			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageFooterId) return {
-				createType: 1,
-				headerFooterId: null
-			};
-			if (evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageFooterId) return {
-				createType: 5,
-				headerFooterId: null
-			};
-			return defaultFooterId ? {
-				createType: null,
-				headerFooterId: defaultFooterId
-			} : {
-				createType: 3,
-				headerFooterId: null
-			};
-		default: throw new Error(`Invalid editArea: ${editArea}`);
-	}
-}
-let DocHeaderFooterController = class DocHeaderFooterController extends _univerjs_core.Disposable {
-	constructor(_context, _commandService, _editorService, _instanceSrv, _renderManagerService, _docSkeletonManagerService, _docSelectionRenderService, _localeService) {
-		super();
-		this._context = _context;
-		this._commandService = _commandService;
-		this._editorService = _editorService;
-		this._instanceSrv = _instanceSrv;
-		this._renderManagerService = _renderManagerService;
-		this._docSkeletonManagerService = _docSkeletonManagerService;
-		this._docSelectionRenderService = _docSelectionRenderService;
-		this._localeService = _localeService;
-		_defineProperty(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-		this._initialize();
-	}
-	_initialize() {
-		this._init();
-		this._drawHeaderFooterLabel();
-		this._listenSwitchMode();
-	}
-	dispose() {
-		super.dispose();
-	}
-	_listenSwitchMode() {
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-			if (_univerjs_docs.RichTextEditingMutation.id === command.id) {
-				const docDataModel = this._context.unit;
-				const editArea = this._docSkeletonManagerService.getViewModel().getEditArea();
-				const documentFlavor = docDataModel.getSnapshot().documentStyle.documentFlavor;
-				if (editArea !== _univerjs_engine_render.DocumentEditArea.BODY && documentFlavor === _univerjs_core.DocumentFlavor.MODERN) this._commandService.executeCommand(CloseHeaderFooterCommand.id, { unitId: this._context.unitId });
-			}
-		}));
-	}
-	_init() {
-		const { unitId } = this._context;
-		const docObject = neoGetDocObject(this._context);
-		if (docObject == null || docObject.document == null) return;
-		if (!this._loadedMap.has(docObject.document)) {
-			this._initialMain(unitId);
-			this._loadedMap.add(docObject.document);
-		}
-	}
-	_initialMain(unitId) {
-		const { document } = neoGetDocObject(this._context);
-		this.disposeWithMe(document.onDblclick$.subscribeEvent(async (evt) => {
-			if (this._isEditorReadOnly(unitId)) return;
-			if (!this._isTraditionalMode()) return;
-			const { offsetX, offsetY } = evt;
-			const { pageLayoutType = _univerjs_engine_render.PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop } = document.getOffsetConfig();
-			const coord = this._getTransformCoordForDocumentOffset(offsetX, offsetY);
-			if (coord == null) return;
-			const viewModel = this._docSkeletonManagerService.getViewModel();
-			const skeleton = this._docSkeletonManagerService.getSkeleton();
-			const preEditArea = viewModel.getEditArea();
-			const { editArea, pageNumber } = skeleton.findEditAreaByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop);
-			if (preEditArea === editArea) return;
-			viewModel.setEditArea(editArea);
-			const { createType, headerFooterId } = checkCreateHeaderFooterType(viewModel, editArea, pageNumber);
-			if (editArea === _univerjs_engine_render.DocumentEditArea.BODY) {
-				this._docSelectionRenderService.setSegment("");
-				this._docSelectionRenderService.setSegmentPage(-1);
-				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
-			} else if (createType != null) {
-				const segmentId = (0, _univerjs_core.generateRandomId)(6);
-				this._docSelectionRenderService.setSegment(segmentId);
-				this._docSelectionRenderService.setSegmentPage(pageNumber);
-				await this._commandService.executeCommand(CoreHeaderFooterCommand.id, {
-					unitId,
-					createType,
-					segmentId
-				});
-			} else if (headerFooterId != null) {
-				this._docSelectionRenderService.setSegment(headerFooterId);
-				this._docSelectionRenderService.setSegmentPage(pageNumber);
-				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
-			}
-		}));
-	}
-	_getTransformCoordForDocumentOffset(evtOffsetX, evtOffsetY) {
-		const { document, scene } = neoGetDocObject(this._context);
-		const { documentTransform } = document.getOffsetConfig();
-		const activeViewport = scene.getViewports()[0];
-		if (activeViewport == null) return;
-		const originCoord = activeViewport.transformVector2SceneCoord(_univerjs_engine_render.Vector2.FromArray([evtOffsetX, evtOffsetY]));
-		return documentTransform.clone().invert().applyPoint(originCoord);
-	}
-	_drawHeaderFooterLabel() {
-		const localeService = this._localeService;
-		this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC).subscribe((unit) => {
-			if (unit == null) return;
-			const unitId = unit.getUnitId();
-			const currentRender = this._renderManagerService.getRenderById(unitId);
-			if (this._editorService.isEditor(unitId) || this._instanceSrv.getUniverDocInstance(unitId) == null) return;
-			if (currentRender == null) return;
-			const { mainComponent } = currentRender;
-			const docsComponent = mainComponent;
-			this.disposeWithMe((0, _univerjs_core.toDisposable)(docsComponent.pageRender$.subscribe((config) => {
-				if (this._editorService.isEditor(unitId)) return;
-				if (!this._isTraditionalMode()) return;
-				const isEditBody = this._docSkeletonManagerService.getViewModel().getEditArea() === _univerjs_engine_render.DocumentEditArea.BODY;
-				const { page, pageLeft, pageTop, ctx } = config;
-				const { pageWidth, pageHeight, marginTop, marginBottom } = page;
-				ctx.save();
-				ctx.translate(pageLeft - .5, pageTop - .5);
-				if (isEditBody) {
-					_univerjs_engine_render.Rect.drawWith(ctx, {
-						left: 0,
-						top: 0,
-						width: pageWidth,
-						height: marginTop,
-						fill: "rgba(255, 255, 255, 0.5)"
-					});
-					ctx.save();
-					ctx.translate(0, pageHeight - marginBottom);
-					_univerjs_engine_render.Rect.drawWith(ctx, {
-						left: 0,
-						top: 0,
-						width: pageWidth,
-						height: marginBottom,
-						fill: "rgba(255, 255, 255, 0.5)"
-					});
-					ctx.restore();
-				} else {
-					ctx.save();
-					ctx.translate(0, marginTop);
-					_univerjs_engine_render.Rect.drawWith(ctx, {
-						left: 0,
-						top: marginTop,
-						width: pageWidth,
-						height: pageHeight - marginTop - marginBottom,
-						fill: "rgba(255, 255, 255, 0.5)"
-					});
-					ctx.restore();
-				}
-				if (!isEditBody) {
-					const headerPathConfigIPathProps = {
-						dataArray: [{
-							command: "M",
-							points: [0, marginTop]
-						}, {
-							command: "L",
-							points: [pageWidth, marginTop]
-						}],
-						strokeWidth: 1,
-						stroke: HEADER_FOOTER_STROKE_COLOR
-					};
-					const footerPathConfigIPathProps = {
-						dataArray: [{
-							command: "M",
-							points: [0, pageHeight - marginBottom]
-						}, {
-							command: "L",
-							points: [pageWidth, pageHeight - marginBottom]
-						}],
-						strokeWidth: 1,
-						stroke: HEADER_FOOTER_STROKE_COLOR
-					};
-					_univerjs_engine_render.Path.drawWith(ctx, headerPathConfigIPathProps);
-					_univerjs_engine_render.Path.drawWith(ctx, footerPathConfigIPathProps);
-					ctx.translate(0, marginTop + 1);
-					TextBubbleShape.drawWith(ctx, {
-						text: localeService.t("docs-ui.headerFooter.header"),
-						color: HEADER_FOOTER_FILL_COLOR
-					});
-					ctx.translate(0, pageHeight - marginTop - marginBottom);
-					TextBubbleShape.drawWith(ctx, {
-						text: localeService.t("docs-ui.headerFooter.footer"),
-						color: HEADER_FOOTER_FILL_COLOR
-					});
-				}
-				ctx.restore();
-			})));
-		}));
-	}
-	_isEditorReadOnly(unitId) {
-		const editor = this._editorService.getEditor(unitId);
-		if (!editor) return false;
-		return editor.isReadOnly();
-	}
-	_isTraditionalMode() {
-		return this._context.unit.getSnapshot().documentStyle.documentFlavor === _univerjs_core.DocumentFlavor.TRADITIONAL;
-	}
-};
-DocHeaderFooterController = __decorate([
-	__decorateParam(1, _univerjs_core.ICommandService),
-	__decorateParam(2, IEditorService),
-	__decorateParam(3, _univerjs_core.IUniverInstanceService),
-	__decorateParam(4, _univerjs_engine_render.IRenderManagerService),
-	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_docs.DocSkeletonManagerService)),
-	__decorateParam(6, (0, _univerjs_core.Inject)(DocSelectionRenderService)),
-	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService))
-], DocHeaderFooterController);
-
-//#endregion
-//#region src/views/header-footer/panel/component-name.ts
+//#region src/controllers/doc-paragraph-setting.controller.ts
 /**
 * Copyright 2023-present DreamNum Co., Ltd.
 *
@@ -10390,261 +10277,36 @@ DocHeaderFooterController = __decorate([
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-const COMPONENT_DOC_HEADER_FOOTER_PANEL = "COMPONENT_DOC_HEADER_FOOTER_PANEL";
+const paragraphSettingIndexKey$1 = "doc_ui_paragraph-setting-panel";
+let DocParagraphSettingController = class DocParagraphSettingController extends _univerjs_core.Disposable {
+	constructor(_commandService, _sidebarService) {
+		super();
+		this._commandService = _commandService;
+		this._sidebarService = _sidebarService;
+		_defineProperty(this, "_id", void 0);
+	}
+	openPanel() {
+		const props = {
+			header: { title: "docs-ui.doc.slider.paragraphSetting" },
+			id: this._id,
+			children: { label: paragraphSettingIndexKey$1 },
+			width: 300
+		};
+		this._sidebarService.open(props);
+	}
+	closePanel() {
+		this._sidebarService.close(this._id);
+	}
+};
+DocParagraphSettingController = __decorate([__decorateParam(0, _univerjs_core.ICommandService), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.ISidebarService))], DocParagraphSettingController);
 
 //#endregion
-//#region src/commands/operations/doc-header-footer-panel.operation.ts
-const SidebarDocHeaderFooterPanelOperation = {
-	id: "sidebar.operation.doc-header-footer-panel",
+//#region src/commands/operations/doc-paragraph-setting-panel.operation.ts
+const DocParagraphSettingPanelOperation = {
+	id: "sidebar.operation.doc-paragraph-setting-panel",
 	type: _univerjs_core.CommandType.OPERATION,
-	handler: async (accessor, params) => {
-		const sidebarService = accessor.get(_univerjs_ui.ISidebarService);
-		const localeService = accessor.get(_univerjs_core.LocaleService);
-		switch (params.value) {
-			case "open":
-				sidebarService.open({
-					header: { title: localeService.t("docs-ui.headerFooter.panel") },
-					children: { label: COMPONENT_DOC_HEADER_FOOTER_PANEL },
-					onClose: () => {},
-					width: 400
-				});
-				break;
-			default:
-				sidebarService.close();
-				break;
-		}
-		return true;
-	}
-};
-
-//#endregion
-//#region src/commands/commands/doc-header-footer.command.ts
-function getEmptyHeaderFooterBody() {
-	return {
-		dataStream: "\r\n",
-		textRuns: [{
-			st: 0,
-			ed: 0,
-			ts: { fs: 9 }
-		}],
-		customBlocks: [],
-		paragraphs: [{
-			startIndex: 0,
-			paragraphId: (0, _univerjs_core.createParagraphId)(/* @__PURE__ */ new Set()),
-			paragraphStyle: {
-				spaceAbove: { v: 0 },
-				lineSpacing: 1.5,
-				spaceBelow: { v: 0 }
-			}
-		}],
-		sectionBreaks: [{ startIndex: 1 }]
-	};
-}
-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 === 2 || createType === 0 || createType === 4;
-	const insertAction = jsonX.insertOp([isHeader ? "headers" : "footers", firstSegmentId], {
-		[isHeader ? "headerId" : "footerId"]: firstSegmentId,
-		body: getEmptyHeaderFooterBody()
-	});
-	actions.push(insertAction);
-	const secondSegmentId = (0, _univerjs_core.generateRandomId)(ID_LEN);
-	const insertPairAction = jsonX.insertOp([isHeader ? "footers" : "headers", secondSegmentId], {
-		[isHeader ? "footerId" : "headerId"]: secondSegmentId,
-		body: getEmptyHeaderFooterBody()
-	});
-	actions.push(insertPairAction);
-	let key = "defaultHeaderId";
-	let pairKey = "defaultFooterId";
-	switch (createType) {
-		case 2:
-			key = "defaultHeaderId";
-			pairKey = "defaultFooterId";
-			break;
-		case 3:
-			key = "defaultFooterId";
-			pairKey = "defaultHeaderId";
-			break;
-		case 0:
-			key = "firstPageHeaderId";
-			pairKey = "firstPageFooterId";
-			break;
-		case 1:
-			key = "firstPageFooterId";
-			pairKey = "firstPageHeaderId";
-			break;
-		case 4:
-			key = "evenPageHeaderId";
-			pairKey = "evenPageFooterId";
-			break;
-		case 5:
-			key = "evenPageFooterId";
-			pairKey = "evenPageHeaderId";
-			break;
-		default: throw new Error(`Unknown header footer type: ${createType}`);
-	}
-	for (const [k, id] of [[key, firstSegmentId], [pairKey, secondSegmentId]]) if (documentStyle[k] != null) {
-		const replaceAction = jsonX.replaceOp(["documentStyle", k], documentStyle[k], id);
-		actions.push(replaceAction);
-	} else {
-		const insertAction = jsonX.insertOp(["documentStyle", k], id);
-		actions.push(insertAction);
-	}
-	return actions;
-}
-const CoreHeaderFooterCommandId = "doc.command.core-header-footer";
-/**
-* The command to update header and footer or create them.
-*/
-const CoreHeaderFooterCommand = {
-	id: CoreHeaderFooterCommandId,
-	type: _univerjs_core.CommandType.COMMAND,
-	handler: async (accessor, params) => {
-		var _renderManagerService;
-		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
-		const { unitId, segmentId, createType, headerFooterProps } = params;
-		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService);
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
-		const docViewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
-		if (docDataModel == null || docViewModel == null) return false;
-		const editArea = docViewModel.getEditArea();
-		const { documentStyle } = docDataModel.getSnapshot();
-		const isUpdateMargin = (headerFooterProps === null || headerFooterProps === void 0 ? void 0 : headerFooterProps.marginFooter) != null || (headerFooterProps === null || headerFooterProps === void 0 ? void 0 : headerFooterProps.marginHeader) != null;
-		const doMutation = {
-			id: _univerjs_docs.RichTextEditingMutation.id,
-			params: {
-				unitId,
-				actions: [],
-				textRanges: [{
-					startOffset: 0,
-					endOffset: 0,
-					collapsed: true
-				}],
-				debounce: true
-			}
-		};
-		if (isUpdateMargin) doMutation.params.noNeedSetTextRange = true;
-		const jsonX = _univerjs_core.JSONX.getInstance();
-		const rawActions = [];
-		if (createType != null) createHeaderFooterAction(segmentId, createType, documentStyle, rawActions);
-		if (headerFooterProps != null) Object.keys(headerFooterProps).forEach((key) => {
-			const value = headerFooterProps[key];
-			const oldValue = documentStyle[key];
-			if (value === oldValue) return;
-			let action;
-			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 ? 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) => {
-			return _univerjs_core.JSONX.compose(acc, cur);
-		}, null);
-		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-		return Boolean(result);
-	}
-};
-const OpenHeaderFooterPanelCommand = {
-	id: "doc.command.open-header-footer-panel",
-	type: _univerjs_core.CommandType.COMMAND,
-	handler: async (accessor, _params) => {
-		return accessor.get(_univerjs_core.ICommandService).executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "open" });
-	}
-};
-const CloseHeaderFooterCommand = {
-	id: "doc.command.close-header-footer",
-	type: _univerjs_core.CommandType.COMMAND,
-	handler: async (accessor, params) => {
-		var _renderObject$mainCom;
-		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
-		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		const { unitId } = params;
-		const renderObject = renderManagerService.getRenderById(unitId);
-		if (renderObject == null) return false;
-		const { scene } = renderObject;
-		const transformer = scene.getTransformerByCreate();
-		const docSkeletonManagerService = renderObject.with(_univerjs_docs.DocSkeletonManagerService);
-		const docSelectionRenderService = renderObject.with(DocSelectionRenderService);
-		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
-		const viewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
-		if (viewModel == null || skeleton == null) return false;
-		docSelectionManagerService.replaceDocRanges([]);
-		transformer.clearSelectedObjects();
-		docSelectionRenderService.setSegment("");
-		docSelectionRenderService.setSegmentPage(-1);
-		viewModel.setEditArea(_univerjs_engine_render.DocumentEditArea.BODY);
-		skeleton.calculate();
-		(_renderObject$mainCom = renderObject.mainComponent) === null || _renderObject$mainCom === void 0 || _renderObject$mainCom.makeDirty(true);
-		queueMicrotask(() => {
-			const docDataModel = instanceService.getUnit(unitId);
-			const snapshot = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot();
-			if (snapshot == null) return;
-			const offset = findFirstCursorOffset(snapshot);
-			docSelectionManagerService.replaceDocRanges([{
-				startOffset: offset,
-				endOffset: offset
-			}]);
-		});
-		commandService.executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "close" });
-		return true;
-	}
-};
-
-//#endregion
-//#region src/controllers/doc-paragraph-setting.controller.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-const paragraphSettingIndexKey$1 = "doc_ui_paragraph-setting-panel";
-let DocParagraphSettingController = class DocParagraphSettingController extends _univerjs_core.Disposable {
-	constructor(_commandService, _sidebarService) {
-		super();
-		this._commandService = _commandService;
-		this._sidebarService = _sidebarService;
-		_defineProperty(this, "_id", void 0);
-	}
-	openPanel() {
-		const props = {
-			header: { title: "docs-ui.doc.slider.paragraphSetting" },
-			id: this._id,
-			children: { label: paragraphSettingIndexKey$1 },
-			width: 300
-		};
-		this._sidebarService.open(props);
-	}
-	closePanel() {
-		this._sidebarService.close(this._id);
-	}
-};
-DocParagraphSettingController = __decorate([__decorateParam(0, _univerjs_core.ICommandService), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.ISidebarService))], DocParagraphSettingController);
-
-//#endregion
-//#region src/commands/operations/doc-paragraph-setting-panel.operation.ts
-const DocParagraphSettingPanelOperation = {
-	id: "sidebar.operation.doc-paragraph-setting-panel",
-	type: _univerjs_core.CommandType.OPERATION,
-	handler: (accessor) => {
-		accessor.get(DocParagraphSettingController).openPanel();
+	handler: (accessor) => {
+		accessor.get(DocParagraphSettingController).openPanel();
 		return true;
 	}
 };
@@ -11050,8 +10712,8 @@ function notInTableSubscriber(subscriber, docSelectionManagerService, univerInst
 			subscriber.next(true);
 			return;
 		}
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const tables = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.tables;
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const tables = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 || (_docDataModel$getSelf = _docDataModel$getSelf.getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.tables;
 		if (tables && tables.length) {
 			if (tables.some((table) => {
 				const { startIndex, endIndex } = table;
@@ -11377,6 +11039,46 @@ function getInsertTableHiddenObservable(accessor) {
 		return () => subscription.unsubscribe();
 	});
 }
+function disableMenuWhenHeaderFooterEditing(accessor) {
+	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
+	return new rxjs.Observable((subscriber) => {
+		let editAreaSubscription = null;
+		let lastDisabled;
+		const emit = (disabled) => {
+			if (disabled !== lastDisabled) {
+				lastDisabled = disabled;
+				subscriber.next(disabled);
+			}
+		};
+		const emitByUnit = (unitId) => {
+			editAreaSubscription === null || editAreaSubscription === void 0 || editAreaSubscription.unsubscribe();
+			editAreaSubscription = null;
+			if (!unitId || univerInstanceService.getUnitType(unitId) !== _univerjs_core.UniverInstanceType.UNIVER_DOC) {
+				emit(true);
+				return;
+			}
+			const currentRender = renderManagerService.getRenderById(unitId);
+			const skeletonManager = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService);
+			const viewModel = skeletonManager === null || skeletonManager === void 0 ? void 0 : skeletonManager.getViewModel();
+			if (!viewModel) {
+				emit(true);
+				return;
+			}
+			const emitDisabled = (editArea) => {
+				const currentEditArea = editArea !== null && editArea !== void 0 ? editArea : viewModel.getEditArea();
+				emit(currentEditArea === _univerjs_engine_render.DocumentEditArea.HEADER || currentEditArea === _univerjs_engine_render.DocumentEditArea.FOOTER);
+			};
+			emitDisabled();
+			editAreaSubscription = viewModel.editAreaChange$.subscribe(emitDisabled);
+		};
+		const focusedSubscription = univerInstanceService.focused$.subscribe(emitByUnit);
+		return () => {
+			editAreaSubscription === null || editAreaSubscription === void 0 || editAreaSubscription.unsubscribe();
+			focusedSubscription.unsubscribe();
+		};
+	});
+}
 function getHeaderFooterMenuHiddenObservable(accessor) {
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -11395,11 +11097,11 @@ function getHeaderFooterMenuHiddenObservable(accessor) {
 		});
 		const subscription = univerInstanceService.focused$.subscribe((unitId) => {
 			if (unitId == null) return subscriber.next(true);
-			const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+			const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 			const documentFlavor = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle.documentFlavor;
 			subscriber.next(documentFlavor !== _univerjs_core.DocumentFlavor.TRADITIONAL);
 		});
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return subscriber.next(true);
 		const documentFlavor = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle.documentFlavor;
 		subscriber.next(documentFlavor !== _univerjs_core.DocumentFlavor.TRADITIONAL);
@@ -11428,7 +11130,7 @@ function getTableDisabledObservable(accessor) {
 				subscriber.next(true);
 				return;
 			}
-			const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+			const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (docDataModel == null) {
 				subscriber.next(true);
 				return;
@@ -12151,14 +11853,14 @@ const listValueFactory$ = (accessor) => {
 		const subscription = univerInstanceService.focused$.subscribe((unitId) => {
 			var _docRanges$find;
 			if (unitId == null) return;
-			const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+			const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (docDataModel == null) 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 : "");
+				const paragraphs = _univerjs_core.BuildTextUtils.range.getParagraphsInRange(range, (_doc$getBody$paragrap = doc === null || doc === void 0 || (_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 === null || doc === void 0 || (_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) {
@@ -12318,7 +12020,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 	};
 }
 function getFontStyleAtCursor(accessor) {
-	var _docRanges$find2, _docMenuStyleService$, _paragraph$paragraphS11, _paragraph$paragraphS12;
+	var _docRanges$find2, _docMenuStyleService$, _paragraph$paragraphS11, _paragraph$paragraphS12, _docDataModel$getSelf;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 	const docMenuStyleService = accessor.get(DocMenuStyleService);
@@ -12335,7 +12037,7 @@ function getFontStyleAtCursor(accessor) {
 		...cacheStyle
 	} };
 	const { segmentId } = activeRange;
-	const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+	const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 	if (body == null) return { ts: {
 		...defaultTextStyle,
 		...namedStyle,
@@ -12351,15 +12053,15 @@ function getFontStyleAtCursor(accessor) {
 	} };
 }
 function getParagraphStyleAtCursor(accessor) {
-	var _docRanges$find3, _docDataModel$getSelf;
+	var _docRanges$find3, _docDataModel$getSelf2;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-	const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+	const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 	const docRanges = textSelectionService.getDocRanges();
 	const activeRange = (_docRanges$find3 = docRanges.find((r) => r.isActive)) !== null && _docRanges$find3 !== void 0 ? _docRanges$find3 : docRanges[0];
 	if (docDataModel == null || activeRange == null) return;
 	const { startOffset, segmentId } = activeRange;
-	const paragraphs = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.paragraphs;
+	const paragraphs = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 || (_docDataModel$getSelf2 = _docDataModel$getSelf2.getBody()) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.paragraphs;
 	if (paragraphs == null) return;
 	let prevIndex = -1;
 	for (const paragraph of paragraphs) {
@@ -15121,7 +14823,7 @@ DocUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-alpha.2";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -15139,8 +14841,8 @@ const DocParagraphSettingCommand = {
 		const segmentId = docRanges[0].segmentId;
 		const unitId = docDataModel.getUnitId();
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const allParagraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const allParagraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		const paragraphs = (_BuildTextUtils$range = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(docRanges, allParagraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
 		const doMutation = {
 			id: _univerjs_docs.RichTextEditingMutation.id,
@@ -15211,7 +14913,7 @@ const DocHeaderFooterOptions = (props) => {
 			...prev,
 			[type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE
 		}));
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const documentStyle = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle;
 		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService);
 		const viewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
@@ -15269,7 +14971,7 @@ const DocHeaderFooterOptions = (props) => {
 		commandService.executeCommand(CloseHeaderFooterCommand.id, { unitId });
 	};
 	(0, react.useEffect)(() => {
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const documentStyle = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle;
 		if (documentStyle) {
 			const { marginHeader = 0, marginFooter = 0, useFirstPageHeaderFooter = _univerjs_core.BooleanNumber.FALSE, evenAndOddHeaders = _univerjs_core.BooleanNumber.FALSE } = documentStyle;
@@ -15339,8 +15041,8 @@ const DocHeaderFooterPanel = () => {
 	var _renderManagerService;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
-	const unitId = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService).getCurrentUniverDocInstance().getUnitId();
-	const viewModel = ((_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService)).getViewModel();
+	const unitId = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC).getUnitId();
+	const viewModel = ((_renderManagerService = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService)).getViewModel();
 	const [isEditHeaderFooter, setIsEditHeaderFooter] = (0, react.useState)(true);
 	(0, react.useEffect)(() => {
 		setIsEditHeaderFooter(viewModel.getEditArea() !== _univerjs_engine_render.DocumentEditArea.BODY);
@@ -15605,8 +15307,8 @@ const useCurrentParagraph = () => {
 	if (!docDataModel || docRanges.length === 0) return [];
 	const segmentId = docRanges[0].segmentId;
 	const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-	const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-	const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+	const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+	const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 	return (_BuildTextUtils$range = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
 };
 const useFirstParagraphHorizontalAlign = (paragraph, defaultValue) => {
@@ -16195,12 +15897,12 @@ const LIST_ICON_MAP = {
 };
 let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_core.Disposable {
 	get activeParagraph() {
-		var _this$_paragrahMenu;
-		return (_this$_paragrahMenu = this._paragrahMenu) === null || _this$_paragrahMenu === void 0 ? void 0 : _this$_paragrahMenu.paragraph;
+		var _this$_paragraphMenu;
+		return (_this$_paragraphMenu = this._paragraphMenu) === null || _this$_paragraphMenu === void 0 ? void 0 : _this$_paragraphMenu.paragraph;
 	}
 	get activeTarget() {
-		var _this$_paragrahMenu$t, _this$_paragrahMenu2;
-		return (_this$_paragrahMenu$t = (_this$_paragrahMenu2 = this._paragrahMenu) === null || _this$_paragrahMenu2 === void 0 ? void 0 : _this$_paragrahMenu2.target) !== null && _this$_paragrahMenu$t !== void 0 ? _this$_paragrahMenu$t : null;
+		var _this$_paragraphMenu$, _this$_paragraphMenu2;
+		return (_this$_paragraphMenu$ = (_this$_paragraphMenu2 = this._paragraphMenu) === null || _this$_paragraphMenu2 === void 0 ? void 0 : _this$_paragraphMenu2.target) !== null && _this$_paragraphMenu$ !== void 0 ? _this$_paragraphMenu$ : null;
 	}
 	setBlockMenuDragging(isDragging) {
 		this._isBlockMenuDragging = isDragging;
@@ -16217,7 +15919,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		this._docSkeletonManagerService = _docSkeletonManagerService;
 		this._floatMenuService = _floatMenuService;
 		this._docSelectionRenderService = _docSelectionRenderService;
-		_defineProperty(this, "_paragrahMenu", null);
+		_defineProperty(this, "_paragraphMenu", null);
 		_defineProperty(this, "_activeTarget$", new rxjs.BehaviorSubject(null));
 		_defineProperty(this, "activeTarget$", this._activeTarget$.asObservable());
 		_defineProperty(this, "_slashMenuRequest$", new rxjs.BehaviorSubject(null));
@@ -16229,10 +15931,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		this._init();
 	}
 	_isCursorInActiveParagraph() {
-		if (!this._paragrahMenu) return false;
+		if (!this._paragraphMenu) return false;
 		const activeTextRange = this._docSelectionManagerService.getActiveTextRange();
 		if (!(activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.collapsed)) return false;
-		if (!(activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.collapsed) || activeTextRange.startOffset < this._paragrahMenu.paragraph.paragraphStart || activeTextRange.startOffset > this._paragrahMenu.paragraph.paragraphEnd) return false;
+		if (!(activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.collapsed) || activeTextRange.startOffset < this._paragraphMenu.paragraph.paragraphStart || activeTextRange.startOffset > this._paragraphMenu.paragraph.paragraphEnd) return false;
 		return true;
 	}
 	_getExpandedSelectionState(ranges) {
@@ -16263,7 +15965,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		return this._hasExpandedSelectionRanges(this._docSelectionManagerService.getDocRanges());
 	}
 	setParagraphMenuActive(active) {
-		if (this._paragrahMenu) this._paragrahMenu.active = active;
+		if (this._paragraphMenu) this._paragraphMenu.active = active;
 	}
 	_init() {
 		var _this$_docEventManage;
@@ -16279,18 +15981,18 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 				return;
 			}
 			if (selectionState.hasRectRange) {
-				var _this$_paragrahMenu3;
+				var _this$_paragraphMenu3;
 				if (tableBound) {
 					this.showTableMenu(tableBound);
 					return;
 				}
-				if (((_this$_paragrahMenu3 = this._paragrahMenu) === null || _this$_paragrahMenu3 === void 0 ? void 0 : _this$_paragrahMenu3.target.kind) === _univerjs_core.DocumentBlockType.TABLE) return;
+				if (((_this$_paragraphMenu3 = this._paragraphMenu) === null || _this$_paragraphMenu3 === void 0 ? void 0 : _this$_paragraphMenu3.target.kind) === _univerjs_core.DocumentBlockType.TABLE) return;
 				this.hideParagraphMenu(true);
 				return;
 			}
 			if (this._docSkeletonManagerService.getViewModel().getEditArea() === _univerjs_engine_render.DocumentEditArea.BODY && !this._floatMenuService.floatMenu && !this._context.unit.getDisabled()) {
-				var _this$_paragrahMenu4;
-				if ((_this$_paragrahMenu4 = this._paragrahMenu) === null || _this$_paragrahMenu4 === void 0 ? void 0 : _this$_paragrahMenu4.active) return;
+				var _this$_paragraphMenu4;
+				if ((_this$_paragraphMenu4 = this._paragraphMenu) === null || _this$_paragraphMenu4 === void 0 ? void 0 : _this$_paragraphMenu4.active) return;
 				if (paragraph) {
 					this.showParagraphMenu(paragraph);
 					return;
@@ -16316,16 +16018,16 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			this.hideParagraphMenu(true);
 		}));
 		this.disposeWithMe(this._docSelectionManagerService.textSelection$.subscribe(({ textRanges, rectRanges }) => {
-			var _this$_paragrahMenu5;
+			var _this$_paragraphMenu5;
 			const selectionState = this._getExpandedSelectionState([...textRanges, ...rectRanges]);
-			if (selectionState.hasExpandedTextRange || selectionState.hasRectRange && ((_this$_paragrahMenu5 = this._paragrahMenu) === null || _this$_paragrahMenu5 === void 0 ? void 0 : _this$_paragrahMenu5.target.kind) !== _univerjs_core.DocumentBlockType.TABLE) this.hideParagraphMenu(true);
+			if (selectionState.hasExpandedTextRange || selectionState.hasRectRange && ((_this$_paragraphMenu5 = this._paragraphMenu) === null || _this$_paragraphMenu5 === void 0 ? void 0 : _this$_paragraphMenu5.target.kind) !== _univerjs_core.DocumentBlockType.TABLE) this.hideParagraphMenu(true);
 		}));
 		let lastScrollY = 0;
 		this.disposeWithMe(this._context.scene.getViewport("viewMain").onScrollAfter$.subscribeEvent((e) => {
-			var _this$_paragrahMenu6;
+			var _this$_paragraphMenu6;
 			if (lastScrollY === e.scrollY) return;
 			lastScrollY = e.scrollY;
-			if ((_this$_paragrahMenu6 = this._paragrahMenu) === null || _this$_paragrahMenu6 === void 0 ? void 0 : _this$_paragrahMenu6.blockRange) return;
+			if ((_this$_paragraphMenu6 = this._paragraphMenu) === null || _this$_paragraphMenu6 === void 0 ? void 0 : _this$_paragraphMenu6.blockRange) return;
 			if (this._isBlockMenuDragging) return;
 			this.hideParagraphMenu(true);
 		}));
@@ -16389,10 +16091,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		return null;
 	}
 	_getSlashMenuParagraph(config) {
-		var _this$_paragrahMenu$p, _this$_paragrahMenu7, _find;
+		var _this$_paragraphMenu$2, _this$_paragraphMenu7, _find;
 		const activeRange = this._getCollapsedTextRange(config);
 		const offset = activeRange === null || activeRange === void 0 ? void 0 : activeRange.startOffset;
-		const activeParagraph = (_this$_paragrahMenu$p = (_this$_paragrahMenu7 = this._paragrahMenu) === null || _this$_paragrahMenu7 === void 0 ? void 0 : _this$_paragrahMenu7.paragraph) !== null && _this$_paragrahMenu$p !== void 0 ? _this$_paragrahMenu$p : null;
+		const activeParagraph = (_this$_paragraphMenu$2 = (_this$_paragraphMenu7 = this._paragraphMenu) === null || _this$_paragraphMenu7 === void 0 ? void 0 : _this$_paragraphMenu7.paragraph) !== null && _this$_paragraphMenu$2 !== void 0 ? _this$_paragraphMenu$2 : null;
 		if (activeParagraph && offset != null && offset >= activeParagraph.paragraphStart && offset <= activeParagraph.paragraphEnd) return activeParagraph;
 		if (activeParagraph && offset == null) return activeParagraph;
 		if (offset == null) return null;
@@ -16413,7 +16115,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		}
 	}
 	showParagraphMenu(paragraph) {
-		var _this$_paragrahMenu8, _target$paragraph;
+		var _this$_paragraphMenu8, _target$paragraph;
 		if (this._hasExpandedSelection()) {
 			this.hideParagraphMenu(true);
 			return;
@@ -16423,7 +16125,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			this.hideParagraphMenu(true);
 			return;
 		}
-		if (((_this$_paragrahMenu8 = this._paragrahMenu) === null || _this$_paragrahMenu8 === void 0 ? void 0 : _this$_paragrahMenu8.target.key) === target.key) return;
+		if (((_this$_paragraphMenu8 = this._paragraphMenu) === null || _this$_paragraphMenu8 === void 0 ? void 0 : _this$_paragraphMenu8.target.key) === target.key) return;
 		this.hideParagraphMenu(true);
 		const targetParagraph = (_target$paragraph = target.paragraph) !== null && _target$paragraph !== void 0 ? _target$paragraph : paragraph;
 		const blockRange = target.blockRange;
@@ -16448,7 +16150,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			},
 			zIndex: 101
 		}, this._context.unitId);
-		this._paragrahMenu = {
+		this._paragraphMenu = {
 			paragraph: targetParagraph,
 			target,
 			blockRange,
@@ -16458,7 +16160,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		this._activeTarget$.next(target);
 	}
 	showTableMenu(tableBound) {
-		var _body$tables, _this$_paragrahMenu9;
+		var _body$tables, _this$_paragraphMenu9;
 		if (this._hasExpandedTextSelection()) {
 			this.hideParagraphMenu(true);
 			return;
@@ -16484,7 +16186,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			draggable: true
 		};
 		if (this._shouldKeepCurrentCellMenuForTable(table)) return;
-		if (((_this$_paragrahMenu9 = this._paragrahMenu) === null || _this$_paragrahMenu9 === void 0 ? void 0 : _this$_paragrahMenu9.target.key) === target.key) return;
+		if (((_this$_paragraphMenu9 = this._paragraphMenu) === null || _this$_paragraphMenu9 === void 0 ? void 0 : _this$_paragraphMenu9.target.key) === target.key) return;
 		const anchorRect = getTableAnchorRect(tableBound);
 		const paragraph = {
 			rect: tableBound.rect,
@@ -16508,7 +16210,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			},
 			zIndex: 101
 		}, this._context.unitId);
-		this._paragrahMenu = {
+		this._paragraphMenu = {
 			paragraph,
 			target,
 			disposable,
@@ -16517,8 +16219,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		this._activeTarget$.next(target);
 	}
 	_shouldKeepCurrentCellMenuForTable(table) {
-		var _this$_paragrahMenu10;
-		const target = (_this$_paragrahMenu10 = this._paragrahMenu) === null || _this$_paragrahMenu10 === void 0 ? void 0 : _this$_paragrahMenu10.target;
+		var _this$_paragraphMenu10;
+		const target = (_this$_paragraphMenu10 = this._paragraphMenu) === null || _this$_paragraphMenu10 === void 0 ? void 0 : _this$_paragraphMenu10.target;
 		if (!target || target.kind === _univerjs_core.DocumentBlockType.TABLE || !target.cellRange) return false;
 		return target.cellRange.startOffset >= table.startIndex && target.cellRange.startOffset <= table.endIndex;
 	}
@@ -16559,9 +16261,9 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 	}
 	hideParagraphMenu(force = false) {
 		if (this._isBlockMenuDragging) return;
-		if (this._paragrahMenu && (this._paragrahMenu.disposable.canDispose() || force)) {
-			this._paragrahMenu.disposable.dispose();
-			this._paragrahMenu = null;
+		if (this._paragraphMenu && (this._paragraphMenu.disposable.canDispose() || force)) {
+			this._paragraphMenu.disposable.dispose();
+			this._paragraphMenu = null;
 			this._isSlashMenuActive = false;
 			this._slashMenuRequest$.next(null);
 			this._activeTarget$.next(null);
@@ -17049,6 +16751,14 @@ function getParagraphMenuResolvedCommand(option, targetRange) {
 		id: (_option$id = option.id) !== null && _option$id !== void 0 ? _option$id : commandId
 	}, targetRange);
 }
+function getParagraphMenuCommandParams(commandId, commandParams, target, unitId) {
+	if (commandId !== DeleteCurrentParagraphCommand.id || (target === null || target === void 0 ? void 0 : target.kind) !== "blockRange" || !target.blockRange) return commandParams;
+	return {
+		...commandParams !== null && commandParams !== void 0 ? commandParams : {},
+		unitId,
+		blockRange: target.blockRange
+	};
+}
 function getParagraphMenuType(target, emptyMode) {
 	if ((target === null || target === void 0 ? void 0 : target.kind) === "table") return DOC_TABLE_BLOCK_MENU_ID;
 	if (emptyMode) return DOC_PARAGRAPH_T_INSERT_MENU_ID;
@@ -17486,7 +17196,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			await executeResolvedCommand({
 				...option,
 				commandId,
-				params: commandParams
+				params: getParagraphMenuCommandParams(commandId, commandParams, latestTarget, popup.unitId)
 			}, getParagraphMenuCommandTargetRange(commandId, targetRange, formattingRange));
 		} finally {
 			restoreTextRanges(previousTextRanges);
@@ -17888,162 +17598,480 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 			"DocParagraphBackgroundColorSwatchIcon.15": DocParagraphBackgroundColorSwatchIcon15
 		}));
 	}
-	_registerComponents() {
-		if (!this._componentManager.get("COMPONENT_DOC_HEADER_FOOTER_PANEL")) this.disposeWithMe(this._componentManager.register(COMPONENT_DOC_HEADER_FOOTER_PANEL, DocHeaderFooterPanel));
-		this.disposeWithMe(this._componentManager.register(paragraphSettingIndexKey, ParagraphSettingIndex));
-		[
-			[BULLET_LIST_TYPE_COMPONENT, BulletListTypePicker],
-			[ORDER_LIST_TYPE_COMPONENT, OrderListTypePicker],
-			[DOC_PARAGRAPH_MENU_COMPONENT_KEY, ParagraphMenu],
-			[DOC_TABLE_BLOCK_MENU_COMPONENT_KEY, TableBlockMenu],
-			[PAGE_SETTING_COMPONENT_ID, PageSettings]
-		].forEach(([key, comp]) => {
-			this.disposeWithMe(this._componentManager.register(key, comp));
-		});
-	}
-};
-ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
-
-//#endregion
-//#region src/controllers/doc-auto-format.controller.ts
-function hasQuickListType(text) {
-	return Object.prototype.hasOwnProperty.call(_univerjs_core.QuickListTypeMap, text);
-}
-function hasQuickHeading(text) {
-	return Object.prototype.hasOwnProperty.call(QUICK_HEADING_MAP, text);
-}
-let DocAutoFormatController = class DocAutoFormatController extends _univerjs_core.Disposable {
-	constructor(_docAutoFormatService, _renderManagerService) {
-		super();
-		this._docAutoFormatService = _docAutoFormatService;
-		this._renderManagerService = _renderManagerService;
-		this._initListTabAutoFormat();
-		this._initSpaceAutoFormat();
-		this._initDefaultEnterFormat();
-		this._initExitListAutoFormat();
+	_registerComponents() {
+		if (!this._componentManager.get("COMPONENT_DOC_HEADER_FOOTER_PANEL")) this.disposeWithMe(this._componentManager.register(COMPONENT_DOC_HEADER_FOOTER_PANEL, DocHeaderFooterPanel));
+		this.disposeWithMe(this._componentManager.register(paragraphSettingIndexKey, ParagraphSettingIndex));
+		[
+			[BULLET_LIST_TYPE_COMPONENT, BulletListTypePicker],
+			[ORDER_LIST_TYPE_COMPONENT, OrderListTypePicker],
+			[DOC_PARAGRAPH_MENU_COMPONENT_KEY, ParagraphMenu],
+			[DOC_TABLE_BLOCK_MENU_COMPONENT_KEY, TableBlockMenu],
+			[PAGE_SETTING_COMPONENT_ID, PageSettings]
+		].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+	}
+};
+ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
+
+//#endregion
+//#region src/controllers/doc-auto-format.controller.ts
+function hasQuickListType(text) {
+	return Object.prototype.hasOwnProperty.call(_univerjs_core.QuickListTypeMap, text);
+}
+function hasQuickHeading(text) {
+	return Object.prototype.hasOwnProperty.call(QUICK_HEADING_MAP, text);
+}
+let DocAutoFormatController = class DocAutoFormatController extends _univerjs_core.Disposable {
+	constructor(_docAutoFormatService, _renderManagerService) {
+		super();
+		this._docAutoFormatService = _docAutoFormatService;
+		this._renderManagerService = _renderManagerService;
+		this._initListTabAutoFormat();
+		this._initSpaceAutoFormat();
+		this._initDefaultEnterFormat();
+		this._initExitListAutoFormat();
+	}
+	_initListTabAutoFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: TabCommand.id,
+			match: (context) => {
+				const { selection, paragraphs, unit } = context;
+				if (paragraphs.length === 1 && selection.startOffset === paragraphs[0].paragraphStart && paragraphs[0].bullet) {
+					var _unit$getBody;
+					const allParagraphs = (_unit$getBody = unit.getBody()) === null || _unit$getBody === void 0 ? void 0 : _unit$getBody.paragraphs;
+					const bulletParagraphs = allParagraphs === null || allParagraphs === void 0 ? void 0 : allParagraphs.filter((p) => {
+						var _p$bullet;
+						return ((_p$bullet = p.bullet) === null || _p$bullet === void 0 ? void 0 : _p$bullet.listId) === paragraphs[0].bullet.listId;
+					});
+					if ((bulletParagraphs === null || bulletParagraphs === void 0 ? void 0 : bulletParagraphs.findIndex((p) => p.startIndex === paragraphs[0].startIndex)) === 0) return false;
+					return true;
+				} else if (paragraphs.length > 1 && paragraphs.some((p) => p.bullet)) return true;
+				return false;
+			},
+			getMutations(context) {
+				const params = context.commandParams;
+				return [{
+					id: ChangeListNestingLevelCommand.id,
+					params: { type: (params === null || params === void 0 ? void 0 : params.shift) ? -1 : 1 }
+				}];
+			},
+			priority: 100
+		}));
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: TabCommand.id,
+			match: (context) => {
+				const { selection, unit } = context;
+				const { startNodePosition, endNodePosition } = selection;
+				const renderObject = this._renderManagerService.getRenderById(unit.getUnitId());
+				const skeleton = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+				if (skeleton == null) return false;
+				if (startNodePosition && endNodePosition && isInSameTableCellData(skeleton, startNodePosition, endNodePosition)) return true;
+				if (startNodePosition && !endNodePosition && startNodePosition.path.indexOf("cells") > -1) return true;
+				return false;
+			},
+			getMutations(context) {
+				const params = context.commandParams;
+				return [{
+					id: DocTableTabCommand.id,
+					params: { shift: !!(params === null || params === void 0 ? void 0 : params.shift) }
+				}];
+			},
+			priority: 99
+		}));
+	}
+	_initSpaceAutoFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: AfterSpaceCommand.id,
+			match: (context) => {
+				var _unit$getBody2;
+				const { selection, paragraphs, unit } = context;
+				if (!selection.collapsed) return false;
+				if (paragraphs.length !== 1) return false;
+				if (!selection.collapsed) return false;
+				const text = (_unit$getBody2 = unit.getBody()) === null || _unit$getBody2 === void 0 ? void 0 : _unit$getBody2.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
+				if (text && (hasQuickListType(text) || hasQuickHeading(text))) return true;
+				return false;
+			},
+			getMutations(context) {
+				var _unit$getBody3;
+				const { paragraphs, unit, selection } = context;
+				const text = (_unit$getBody3 = unit.getBody()) === null || _unit$getBody3 === void 0 ? void 0 : _unit$getBody3.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
+				if (text && hasQuickListType(text)) {
+					const type = _univerjs_core.QuickListTypeMap[text];
+					return [{
+						id: QuickListCommand.id,
+						params: {
+							listType: type,
+							paragraph: paragraphs[0]
+						}
+					}];
+				}
+				if (text && hasQuickHeading(text)) {
+					const type = QUICK_HEADING_MAP[text];
+					return [{
+						id: QuickHeadingCommand.id,
+						params: { value: type }
+					}];
+				}
+				return [];
+			}
+		}));
+	}
+	_initExitListAutoFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: EnterCommand.id,
+			match: (context) => {
+				const { paragraphs } = context;
+				if (paragraphs.length === 1 && paragraphs[0].bullet && paragraphs[0].paragraphStart === paragraphs[0].paragraphEnd) return true;
+				return false;
+			},
+			getMutations: (context) => {
+				const bullet = context.paragraphs[0].bullet;
+				if (!bullet) return [];
+				if (bullet.nestingLevel > 0) return [{
+					id: ChangeListNestingLevelCommand.id,
+					params: { type: -1 }
+				}];
+				return [{
+					id: ListOperationCommand.id,
+					params: { listType: context.paragraphs[0].bullet.listType }
+				}];
+			}
+		}));
+	}
+	_initDefaultEnterFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: EnterCommand.id,
+			match: () => {
+				return true;
+			},
+			getMutations() {
+				return [{ id: BreakLineCommand.id }];
+			},
+			priority: -9999
+		}));
+	}
+};
+DocAutoFormatController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(DocAutoFormatService)), __decorateParam(1, _univerjs_engine_render.IRenderManagerService)], DocAutoFormatController);
+
+//#endregion
+//#region src/views/header-footer/text-bubble.ts
+const COLLAB_CURSOR_LABEL_HEIGHT = 18;
+const COLLAB_CURSOR_LABEL_MAX_WIDTH = 200;
+const COLLAB_CURSOR_LABEL_TEXT_PADDING_LR = 6;
+const COLLAB_CURSOR_LABEL_TEXT_PADDING_TB = 4;
+function drawBubble(ctx, props) {
+	var _radius, _width, _height;
+	let { radius, width, height } = props;
+	radius = (_radius = radius) !== null && _radius !== void 0 ? _radius : 0;
+	width = (_width = width) !== null && _width !== void 0 ? _width : 30;
+	height = (_height = height) !== null && _height !== void 0 ? _height : 30;
+	let bottomRight = 0;
+	bottomRight = Math.min(radius, width / 2, height / 2);
+	ctx.beginPath();
+	ctx.moveTo(0, 0);
+	ctx.lineTo(width, 0);
+	ctx.lineTo(width, height - bottomRight);
+	ctx.arc(width - bottomRight, height - bottomRight, bottomRight, 0, Math.PI / 2, false);
+	ctx.lineTo(0, height);
+	ctx.lineTo(0, 0);
+	ctx.closePath();
+	if (props.fill) {
+		ctx.save();
+		ctx.fillStyle = props.fill;
+		if (props.fillRule === "evenodd") ctx.fill("evenodd");
+		else ctx.fill();
+		ctx.restore();
+	}
+}
+/**
+* Render a single collaborated cursor on the canvas.
+*/
+var TextBubbleShape = class TextBubbleShape extends _univerjs_engine_render.Shape {
+	constructor(key, props) {
+		super(key, props);
+		_defineProperty(this, "color", void 0);
+		_defineProperty(this, "text", void 0);
+		this.color = props === null || props === void 0 ? void 0 : props.color;
+		this.text = props === null || props === void 0 ? void 0 : props.text;
+	}
+	static drawWith(ctx, props) {
+		const { text, color } = props;
+		ctx.save();
+		ctx.font = "13px Source Han Sans CN";
+		const textWidth = ctx.measureText(text).width;
+		drawBubble(ctx, {
+			height: 18,
+			width: Math.min(textWidth + 2 * 6, 200),
+			radius: 4,
+			fill: color,
+			evented: false
+		});
+		ctx.fillStyle = "rgba(58, 96, 247, 1)";
+		const offsetX = 6;
+		const offsetY = 18 - 4;
+		const maxTextWidth = 200 - 2 * 6;
+		if (textWidth > maxTextWidth) {
+			let truncatedText = "";
+			let currentWidth = 0;
+			for (const element of text) {
+				const charWidth = ctx.measureText(element).width;
+				if (currentWidth + charWidth <= maxTextWidth - ctx.measureText("...").width) {
+					truncatedText += element;
+					currentWidth += charWidth;
+				} else {
+					truncatedText += "...";
+					break;
+				}
+			}
+			ctx.fillText(truncatedText, offsetX, offsetY);
+		} else ctx.fillText(text, offsetX, offsetY);
+		ctx.restore();
+	}
+	_draw(ctx) {
+		TextBubbleShape.drawWith(ctx, this);
+	}
+};
+
+//#endregion
+//#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)";
+function checkCreateHeaderFooterType(viewModel, editArea, segmentPage) {
+	const { documentStyle } = viewModel.getDataModel().getSnapshot();
+	const { defaultHeaderId, defaultFooterId, evenPageHeaderId, evenPageFooterId, firstPageHeaderId, firstPageFooterId, evenAndOddHeaders, useFirstPageHeaderFooter } = documentStyle;
+	switch (editArea) {
+		case _univerjs_engine_render.DocumentEditArea.BODY: return {
+			createType: null,
+			headerFooterId: null
+		};
+		case _univerjs_engine_render.DocumentEditArea.HEADER:
+			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageHeaderId) return {
+				createType: _univerjs_docs.HeaderFooterType.FIRST_PAGE_HEADER,
+				headerFooterId: null
+			};
+			if (evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageHeaderId) return {
+				createType: _univerjs_docs.HeaderFooterType.EVEN_PAGE_HEADER,
+				headerFooterId: null
+			};
+			return defaultHeaderId ? {
+				createType: null,
+				headerFooterId: defaultHeaderId
+			} : {
+				createType: _univerjs_docs.HeaderFooterType.DEFAULT_HEADER,
+				headerFooterId: null
+			};
+		case _univerjs_engine_render.DocumentEditArea.FOOTER:
+			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageFooterId) return {
+				createType: _univerjs_docs.HeaderFooterType.FIRST_PAGE_FOOTER,
+				headerFooterId: null
+			};
+			if (evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageFooterId) return {
+				createType: _univerjs_docs.HeaderFooterType.EVEN_PAGE_FOOTER,
+				headerFooterId: null
+			};
+			return defaultFooterId ? {
+				createType: null,
+				headerFooterId: defaultFooterId
+			} : {
+				createType: _univerjs_docs.HeaderFooterType.DEFAULT_FOOTER,
+				headerFooterId: null
+			};
+		default: throw new Error(`Invalid editArea: ${editArea}`);
+	}
+}
+let DocHeaderFooterController = class DocHeaderFooterController extends _univerjs_core.Disposable {
+	constructor(_context, _commandService, _editorService, _instanceSrv, _renderManagerService, _docSkeletonManagerService, _docSelectionRenderService, _localeService) {
+		super();
+		this._context = _context;
+		this._commandService = _commandService;
+		this._editorService = _editorService;
+		this._instanceSrv = _instanceSrv;
+		this._renderManagerService = _renderManagerService;
+		this._docSkeletonManagerService = _docSkeletonManagerService;
+		this._docSelectionRenderService = _docSelectionRenderService;
+		this._localeService = _localeService;
+		_defineProperty(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+		this._initialize();
+	}
+	_initialize() {
+		this._init();
+		this._drawHeaderFooterLabel();
+		this._listenSwitchMode();
+	}
+	dispose() {
+		super.dispose();
+	}
+	_listenSwitchMode() {
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (_univerjs_docs.RichTextEditingMutation.id === command.id) {
+				const docDataModel = this._context.unit;
+				const editArea = this._docSkeletonManagerService.getViewModel().getEditArea();
+				const documentFlavor = docDataModel.getSnapshot().documentStyle.documentFlavor;
+				if (editArea !== _univerjs_engine_render.DocumentEditArea.BODY && documentFlavor === _univerjs_core.DocumentFlavor.MODERN) this._commandService.executeCommand(CloseHeaderFooterCommand.id, { unitId: this._context.unitId });
+			}
+		}));
+	}
+	_init() {
+		const { unitId } = this._context;
+		const docObject = neoGetDocObject(this._context);
+		if (docObject == null || docObject.document == null) return;
+		if (!this._loadedMap.has(docObject.document)) {
+			this._initialMain(unitId);
+			this._loadedMap.add(docObject.document);
+		}
+	}
+	_initialMain(unitId) {
+		const { document } = neoGetDocObject(this._context);
+		this.disposeWithMe(document.onDblclick$.subscribeEvent(async (evt) => {
+			if (this._isEditorReadOnly(unitId)) return;
+			if (!this._isTraditionalMode()) return;
+			const { offsetX, offsetY } = evt;
+			const { pageLayoutType = _univerjs_engine_render.PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop } = document.getOffsetConfig();
+			const coord = this._getTransformCoordForDocumentOffset(offsetX, offsetY);
+			if (coord == null) return;
+			const viewModel = this._docSkeletonManagerService.getViewModel();
+			const skeleton = this._docSkeletonManagerService.getSkeleton();
+			const preEditArea = viewModel.getEditArea();
+			const { editArea, pageNumber } = skeleton.findEditAreaByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop);
+			if (preEditArea === editArea) return;
+			viewModel.setEditArea(editArea);
+			const { createType, headerFooterId } = checkCreateHeaderFooterType(viewModel, editArea, pageNumber);
+			if (editArea === _univerjs_engine_render.DocumentEditArea.BODY) {
+				this._docSelectionRenderService.setSegment("");
+				this._docSelectionRenderService.setSegmentPage(-1);
+				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
+			} else if (createType != null) {
+				const segmentId = (0, _univerjs_core.generateRandomId)(6);
+				this._docSelectionRenderService.setSegment(segmentId);
+				this._docSelectionRenderService.setSegmentPage(pageNumber);
+				await this._commandService.executeCommand(CoreHeaderFooterCommand.id, {
+					unitId,
+					createType,
+					segmentId
+				});
+			} else if (headerFooterId != null) {
+				this._docSelectionRenderService.setSegment(headerFooterId);
+				this._docSelectionRenderService.setSegmentPage(pageNumber);
+				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
+			}
+		}));
+	}
+	_getTransformCoordForDocumentOffset(evtOffsetX, evtOffsetY) {
+		const { document, scene } = neoGetDocObject(this._context);
+		const { documentTransform } = document.getOffsetConfig();
+		const activeViewport = scene.getViewports()[0];
+		if (activeViewport == null) return;
+		const originCoord = activeViewport.transformVector2SceneCoord(_univerjs_engine_render.Vector2.FromArray([evtOffsetX, evtOffsetY]));
+		return documentTransform.clone().invert().applyPoint(originCoord);
 	}
-	_initListTabAutoFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: TabCommand.id,
-			match: (context) => {
-				const { selection, paragraphs, unit } = context;
-				if (paragraphs.length === 1 && selection.startOffset === paragraphs[0].paragraphStart && paragraphs[0].bullet) {
-					var _unit$getBody;
-					const allParagraphs = (_unit$getBody = unit.getBody()) === null || _unit$getBody === void 0 ? void 0 : _unit$getBody.paragraphs;
-					const bulletParagraphs = allParagraphs === null || allParagraphs === void 0 ? void 0 : allParagraphs.filter((p) => {
-						var _p$bullet;
-						return ((_p$bullet = p.bullet) === null || _p$bullet === void 0 ? void 0 : _p$bullet.listId) === paragraphs[0].bullet.listId;
+	_drawHeaderFooterLabel() {
+		const localeService = this._localeService;
+		this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC).subscribe((unit) => {
+			if (unit == null) return;
+			const unitId = unit.getUnitId();
+			const currentRender = this._renderManagerService.getRenderUnitById(unitId);
+			if (this._editorService.isEditor(unitId) || this._instanceSrv.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC) == null) return;
+			if (currentRender == null) return;
+			const { mainComponent } = currentRender;
+			const docsComponent = mainComponent;
+			this.disposeWithMe((0, _univerjs_core.toDisposable)(docsComponent.pageRender$.subscribe((config) => {
+				if (this._editorService.isEditor(unitId)) return;
+				if (!this._isTraditionalMode()) return;
+				const isEditBody = this._docSkeletonManagerService.getViewModel().getEditArea() === _univerjs_engine_render.DocumentEditArea.BODY;
+				const { page, pageLeft, pageTop, ctx } = config;
+				const { pageWidth, pageHeight, marginTop, marginBottom } = page;
+				ctx.save();
+				ctx.translate(pageLeft - .5, pageTop - .5);
+				if (isEditBody) {
+					_univerjs_engine_render.Rect.drawWith(ctx, {
+						left: 0,
+						top: 0,
+						width: pageWidth,
+						height: marginTop,
+						fill: "rgba(255, 255, 255, 0.5)"
 					});
-					if ((bulletParagraphs === null || bulletParagraphs === void 0 ? void 0 : bulletParagraphs.findIndex((p) => p.startIndex === paragraphs[0].startIndex)) === 0) return false;
-					return true;
-				} else if (paragraphs.length > 1 && paragraphs.some((p) => p.bullet)) return true;
-				return false;
-			},
-			getMutations(context) {
-				const params = context.commandParams;
-				return [{
-					id: ChangeListNestingLevelCommand.id,
-					params: { type: (params === null || params === void 0 ? void 0 : params.shift) ? -1 : 1 }
-				}];
-			},
-			priority: 100
-		}));
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: TabCommand.id,
-			match: (context) => {
-				const { selection, unit } = context;
-				const { startNodePosition, endNodePosition } = selection;
-				const renderObject = this._renderManagerService.getRenderById(unit.getUnitId());
-				const skeleton = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
-				if (skeleton == null) return false;
-				if (startNodePosition && endNodePosition && isInSameTableCellData(skeleton, startNodePosition, endNodePosition)) return true;
-				if (startNodePosition && !endNodePosition && startNodePosition.path.indexOf("cells") > -1) return true;
-				return false;
-			},
-			getMutations(context) {
-				const params = context.commandParams;
-				return [{
-					id: DocTableTabCommand.id,
-					params: { shift: !!(params === null || params === void 0 ? void 0 : params.shift) }
-				}];
-			},
-			priority: 99
-		}));
-	}
-	_initSpaceAutoFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: AfterSpaceCommand.id,
-			match: (context) => {
-				var _unit$getBody2;
-				const { selection, paragraphs, unit } = context;
-				if (!selection.collapsed) return false;
-				if (paragraphs.length !== 1) return false;
-				if (!selection.collapsed) return false;
-				const text = (_unit$getBody2 = unit.getBody()) === null || _unit$getBody2 === void 0 ? void 0 : _unit$getBody2.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
-				if (text && (hasQuickListType(text) || hasQuickHeading(text))) return true;
-				return false;
-			},
-			getMutations(context) {
-				var _unit$getBody3;
-				const { paragraphs, unit, selection } = context;
-				const text = (_unit$getBody3 = unit.getBody()) === null || _unit$getBody3 === void 0 ? void 0 : _unit$getBody3.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
-				if (text && hasQuickListType(text)) {
-					const type = _univerjs_core.QuickListTypeMap[text];
-					return [{
-						id: QuickListCommand.id,
-						params: {
-							listType: type,
-							paragraph: paragraphs[0]
-						}
-					}];
+					ctx.save();
+					ctx.translate(0, pageHeight - marginBottom);
+					_univerjs_engine_render.Rect.drawWith(ctx, {
+						left: 0,
+						top: 0,
+						width: pageWidth,
+						height: marginBottom,
+						fill: "rgba(255, 255, 255, 0.5)"
+					});
+					ctx.restore();
+				} else {
+					ctx.save();
+					ctx.translate(0, marginTop);
+					_univerjs_engine_render.Rect.drawWith(ctx, {
+						left: 0,
+						top: marginTop,
+						width: pageWidth,
+						height: pageHeight - marginTop - marginBottom,
+						fill: "rgba(255, 255, 255, 0.5)"
+					});
+					ctx.restore();
 				}
-				if (text && hasQuickHeading(text)) {
-					const type = QUICK_HEADING_MAP[text];
-					return [{
-						id: QuickHeadingCommand.id,
-						params: { value: type }
-					}];
+				if (!isEditBody) {
+					const headerPathConfigIPathProps = {
+						dataArray: [{
+							command: "M",
+							points: [0, marginTop]
+						}, {
+							command: "L",
+							points: [pageWidth, marginTop]
+						}],
+						strokeWidth: 1,
+						stroke: HEADER_FOOTER_STROKE_COLOR
+					};
+					const footerPathConfigIPathProps = {
+						dataArray: [{
+							command: "M",
+							points: [0, pageHeight - marginBottom]
+						}, {
+							command: "L",
+							points: [pageWidth, pageHeight - marginBottom]
+						}],
+						strokeWidth: 1,
+						stroke: HEADER_FOOTER_STROKE_COLOR
+					};
+					_univerjs_engine_render.Path.drawWith(ctx, headerPathConfigIPathProps);
+					_univerjs_engine_render.Path.drawWith(ctx, footerPathConfigIPathProps);
+					ctx.translate(0, marginTop + 1);
+					TextBubbleShape.drawWith(ctx, {
+						text: localeService.t("docs-ui.headerFooter.header"),
+						color: HEADER_FOOTER_FILL_COLOR
+					});
+					ctx.translate(0, pageHeight - marginTop - marginBottom);
+					TextBubbleShape.drawWith(ctx, {
+						text: localeService.t("docs-ui.headerFooter.footer"),
+						color: HEADER_FOOTER_FILL_COLOR
+					});
 				}
-				return [];
-			}
+				ctx.restore();
+			})));
 		}));
 	}
-	_initExitListAutoFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: EnterCommand.id,
-			match: (context) => {
-				const { paragraphs } = context;
-				if (paragraphs.length === 1 && paragraphs[0].bullet && paragraphs[0].paragraphStart === paragraphs[0].paragraphEnd) return true;
-				return false;
-			},
-			getMutations: (context) => {
-				const bullet = context.paragraphs[0].bullet;
-				if (!bullet) return [];
-				if (bullet.nestingLevel > 0) return [{
-					id: ChangeListNestingLevelCommand.id,
-					params: { type: -1 }
-				}];
-				return [{
-					id: ListOperationCommand.id,
-					params: { listType: context.paragraphs[0].bullet.listType }
-				}];
-			}
-		}));
+	_isEditorReadOnly(unitId) {
+		const editor = this._editorService.getEditor(unitId);
+		if (!editor) return false;
+		return editor.isReadOnly();
 	}
-	_initDefaultEnterFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: EnterCommand.id,
-			match: () => {
-				return true;
-			},
-			getMutations() {
-				return [{ id: BreakLineCommand.id }];
-			},
-			priority: -9999
-		}));
+	_isTraditionalMode() {
+		return this._context.unit.getSnapshot().documentStyle.documentFlavor === _univerjs_core.DocumentFlavor.TRADITIONAL;
 	}
 };
-DocAutoFormatController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(DocAutoFormatService)), __decorateParam(1, _univerjs_engine_render.IRenderManagerService)], DocAutoFormatController);
+DocHeaderFooterController = __decorate([
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, IEditorService),
+	__decorateParam(3, _univerjs_core.IUniverInstanceService),
+	__decorateParam(4, _univerjs_engine_render.IRenderManagerService),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_docs.DocSkeletonManagerService)),
+	__decorateParam(6, (0, _univerjs_core.Inject)(DocSelectionRenderService)),
+	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService))
+], DocHeaderFooterController);
 
 //#endregion
 //#region src/basics/table.ts
@@ -18109,10 +18137,10 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		}));
 	}
 	_handleShiftMoveSelection(direction, granularity = "character") {
-		var _this$_renderManagerS, _body$dataStream$leng, _docDataModel$getCust;
+		var _this$_renderManagerS, _docDataModel$getSelf, _body$dataStream$leng, _docDataModel$getCust;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
-		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return;
 		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(docDataModel.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docObject = this._getDocObject();
@@ -18136,7 +18164,7 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		}
 		const anchorOffset = collapsed ? startOffset : rangeDirection === _univerjs_core.RANGE_DIRECTION.FORWARD ? startOffset : endOffset;
 		let focusOffset = collapsed ? endOffset : rangeDirection === _univerjs_core.RANGE_DIRECTION.FORWARD ? endOffset : startOffset;
-		const body = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody();
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return;
 		const dataStreamLength = (_body$dataStream$leng = body.dataStream.length) !== null && _body$dataStream$leng !== void 0 ? _body$dataStream$leng : Number.POSITIVE_INFINITY;
 		const customRanges = (_docDataModel$getCust = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust !== void 0 ? _docDataModel$getCust : [];
@@ -18192,10 +18220,10 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		}
 	}
 	_handleMoveCursor(direction, granularity = "character") {
-		var _this$_renderManagerS2, _body$dataStream$leng2, _docDataModel$getCust2;
+		var _this$_renderManagerS2, _docDataModel$getSelf2, _body$dataStream$leng2, _docDataModel$getCust2;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
-		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(docDataModel.getUnitId())) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docObject = this._getDocObject();
@@ -18203,7 +18231,7 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		const { startOffset, endOffset, style, collapsed, segmentId, startNodePosition, endNodePosition, segmentPage } = activeRange;
 		const normalizedSegmentId = segmentId !== null && segmentId !== void 0 ? segmentId : "";
 		const normalizedSegmentPage = segmentPage !== null && segmentPage !== void 0 ? segmentPage : -1;
-		const body = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody();
+		const body = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (body == null) return;
 		const dataStreamLength = (_body$dataStream$leng2 = body.dataStream.length) !== null && _body$dataStream$leng2 !== void 0 ? _body$dataStream$leng2 : Number.POSITIVE_INFINITY;
 		const customRanges = (_docDataModel$getCust2 = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust2 !== void 0 ? _docDataModel$getCust2 : [];
@@ -18971,7 +18999,7 @@ let DocEditorBridgeController = class DocEditorBridgeController extends _univerj
 		if (unitId == null) return;
 		const editor = this._editorService.getEditor(unitId);
 		if ((editor === null || editor === void 0 ? void 0 : editor.cancelDefaultResizeListener) === true) return;
-		const editorDataModel = this._univerInstanceService.getUniverDocInstance(unitId);
+		const editorDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (!editorDataModel) return;
 		const skeleton = this._docSkeletonManagerService.getSkeleton();
 		if (editor == null || editor.render == null || skeleton == null || editorDataModel == null) return;
@@ -19186,7 +19214,7 @@ let DocInputController = class DocInputController extends _univerjs_core.Disposa
 	}
 	_initialNormalInput() {
 		this._onInputSubscription = this._docSelectionRenderService.onInput$.subscribe(async (config) => {
-			var _originBody$customRan, _originBody$customDec;
+			var _docDataModel$getSelf, _originBody$customRan, _originBody$customDec;
 			if (config == null) return;
 			const { unitId } = this._context;
 			const { event, content = "", activeRange } = config;
@@ -19195,7 +19223,8 @@ let DocInputController = class DocInputController extends _univerjs_core.Disposa
 			const skeleton = this._docSkeletonManagerService.getSkeleton();
 			if (e.data == null || skeleton == null || activeRange == null) return;
 			const { segmentId } = activeRange;
-			const originBody = this._context.unit.getSelfOrHeaderFooterModel(segmentId).getBody();
+			const originBody = (_docDataModel$getSelf = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
+			if (!originBody) return;
 			const defaultTextStyle = this._docMenuStyleService.getDefaultStyle();
 			const cacheStyle = this._docMenuStyleService.getStyleCache();
 			const curCustomRange = getCustomRangeAtPosition((_originBody$customRan = originBody === null || originBody === void 0 ? void 0 : originBody.customRanges) !== null && _originBody$customRan !== void 0 ? _originBody$customRan : [], activeRange.endOffset, _univerjs_core.SHEET_EDITOR_UNITS.includes(unitId));
@@ -19452,11 +19481,11 @@ let DocZoomRenderController = class DocZoomRenderController extends _univerjs_co
 	_initSkeletonListener() {
 		this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((param) => {
 			if (param == null) return;
-			const documentModel = this._univerInstanceService.getCurrentUniverDocInstance();
+			const documentModel = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (!documentModel) return;
 			this._updateTimer = window.setTimeout(() => {
 				const currentSheet = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
-				const sheetRenderer = currentSheet && this._renderManagerService.getRenderById(currentSheet.getUnitId());
+				const sheetRenderer = currentSheet && this._renderManagerService.getRenderUnitById(currentSheet.getUnitId());
 				const zoomRatio = !this._isSheetEditor ? getDocEffectiveZoomRatio(documentModel) : (sheetRenderer === null || sheetRenderer === void 0 ? void 0 : sheetRenderer.scene.scaleX) || 1;
 				this.updateViewZoom(zoomRatio, false);
 			});
@@ -19492,7 +19521,7 @@ let DocZoomRenderController = class DocZoomRenderController extends _univerjs_co
 	_initZoomEventListener() {
 		const scene = this._context.scene;
 		this.disposeWithMe(scene.onMouseWheel$.subscribeEvent((e) => {
-			const documentModel = this._univerInstanceService.getCurrentUniverDocInstance();
+			const documentModel = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (!documentModel) return;
 			const { documentFlavor } = documentModel.getSnapshot().documentStyle;
 			if (!shouldHandleDocWheelZoom(e, Boolean(this._contextService.getContextValue(_univerjs_core.FOCUSING_DOC)), documentFlavor)) return;
@@ -19646,6 +19675,11 @@ const DeleteRightShortcut = {
 	preconditions: whenDocAndEditorFocused,
 	binding: _univerjs_ui.KeyCode.DELETE
 };
+const CloseHeaderFooterShortcut = {
+	id: CloseHeaderFooterCommand.id,
+	preconditions: whenDocAndEditorFocused,
+	binding: _univerjs_ui.KeyCode.ESC
+};
 
 //#endregion
 //#region src/shortcuts/cursor.shortcut.ts
@@ -19872,7 +19906,6 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			InsertCustomRangeCommand,
 			SetParagraphNamedStyleCommand,
 			QuickHeadingCommand,
-			DeleteCurrentParagraphCommand,
 			DocCopyCurrentParagraphCommand,
 			DocCutCurrentParagraphCommand,
 			H1HeadingCommand,
@@ -19895,7 +19928,8 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 		[
 			DocCopyCommand,
 			DocCutCommand,
-			DocPasteCommand
+			DocPasteCommand,
+			DeleteCurrentParagraphCommand
 		].forEach((command) => this.disposeWithMe(this._commandService.registerMultipleCommand(command)));
 	}
 	_initializeShortcut() {
@@ -19927,6 +19961,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			SelectAllShortcut,
 			DeleteLeftShortcut,
 			DeleteRightShortcut,
+			CloseHeaderFooterShortcut,
 			BreakLineShortcut,
 			SoftBreakLineShortcut,
 			ShiftTabShortCut,
@@ -20012,7 +20047,7 @@ _defineProperty(UniverDocsUIPlugin, "pluginName", "DOC_UI_PLUGIN");
 _defineProperty(UniverDocsUIPlugin, "packageName", name);
 _defineProperty(UniverDocsUIPlugin, "version", version);
 UniverDocsUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_engine_render.UniverRenderEnginePlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_docs.UniverDocsPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.ICommandService),
@@ -20609,6 +20644,7 @@ exports.DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID = DOC_PARAGRAPH_T_INSERT_BELOW_MENU
 exports.DOC_PARAGRAPH_T_INSERT_MENU_ID = DOC_PARAGRAPH_T_INSERT_MENU_ID;
 exports.DOC_TABLE_BLOCK_MENU_ID = DOC_TABLE_BLOCK_MENU_ID;
 exports.DOC_VERTICAL_PADDING = DOC_VERTICAL_PADDING;
+exports.DeleteCurrentParagraphCommand = DeleteCurrentParagraphCommand;
 exports.DeleteCustomBlockCommand = DeleteCustomBlockCommand;
 exports.DeleteLeftCommand = DeleteLeftCommand;
 exports.DeleteRightCommand = DeleteRightCommand;
@@ -20780,6 +20816,7 @@ exports.convertBodyToHtml = convertBodyToHtml;
 exports.convertPositionsToRectRanges = convertPositionsToRectRanges;
 exports.createEditorUndoRedoKeyboardConfig = createEditorUndoRedoKeyboardConfig;
 exports.deleteCustomDecorationFactory = deleteCustomDecorationFactory;
+exports.disableMenuWhenHeaderFooterEditing = disableMenuWhenHeaderFooterEditing;
 exports.docDrawingPositionToTransform = docDrawingPositionToTransform;
 exports.executeEditorUndoRedoCommand = executeEditorUndoRedoCommand;
 exports.genTableSource = genTableSource;