@univerjs/docs-ui 1.0.0-alpha.3 → 1.0.0-alpha.4

package/lib/index.js

@@ -1,13 +1,13 @@
-import { BaselineOffset, BlockType, BooleanNumber, BuildTextUtils, COLORS, ColorKit, ColumnSeparatorType, CommandType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_ABOVE, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_BELOW, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOC_RANGE_TYPE, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, DeleteDirection, DependentOn, Direction, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentBlockType, DocumentFlavor, DrawingTypeEnum, EDITOR_ACTIVATED, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_DOC, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, HorizontalAlign, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IUndoRedoService, IUniverInstanceService, ImageSourceType, Inject, Injector, InterceptorManager, JSONX, LRUMap, LocaleService, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MemoryCursor, ModernDocumentWidthMode, NAMED_STYLE_MAP, NamedStyleType, ObjectRelativeFromH, ObjectRelativeFromV, Optional, PAGE_SIZE, PAPER_TYPES, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, PresetListType, QuickListTypeMap, RANGE_DIRECTION, Rectangle, RedoCommand, RxDisposable, SHEET_EDITOR_UNITS, SectionType, SliceBodyType, SpacingRule, TableAlignmentType, TableRowHeightRule, TableSizeType, TableTextWrapType, TextX, TextXActionType, ThemeService, Tools, UndoCommand, UniverInstanceType, UpdateDocsAttributeType, VerticalAlign, checkForSubstrings, containsInteriorInsertionOffset, createIdentifier, createInterceptorKey, createInternalEditorID, createParagraphId, createSectionId, debounce, deepCompare, fromEventSubject, generateRandomId, getBlockRangeInterval, getBodySlice, getBodySliceForTextXAction, getParagraphContentStartOffset, getParagraphContentStartOffsets, getPlainText, getRichTextEditPath, getSectionHeaderFooterReferenceKey, getTableRangeInterval, isCommentEditorID, isInternalEditorID, isSafeUrl, merge, mergeOverrideWithDependencies, normalizeBody, remove, resolveDocumentParagraphStyle, resolveSectionHeaderFooterReference, resolveSectionHeaderFooterReferences, sequenceExecuteAsync, skipParseTagNames, toDisposable, touchDependencies } from "@univerjs/core";
-import { CreateHeaderFooterCommand, DeleteTextCommand, DocBlockMoveValidatorService, DocContentInsertService, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, DocStateEmitService, EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY, HeaderFooterType, IDocStateChangeInterceptorService, InsertTextCommand, RichTextEditingMutation, SetSectionHeaderFooterLinkCommand, SetTextSelectionsOperation, UniverDocsPlugin, UpdateDocumentSectionCommand, UpdateTextCommand, consumeContentInsertRange, createDocsCustomBlockInsertMutation, createDocsCustomBlockRemoveMutation, createEmbedDocsCustomBlockData, createInsertCustomBlockActions, createRemoveCustomBlockActions, createSectionColumnProperties, generateParagraphs, getTopLevelSectionBreaks, isSheetLikeDocsCustomBlockChildType, isSheetLikeDocsCustomBlockChildType as isSheetLikeDocsCustomBlockChildType$1, resolveDocsCustomBlockSize, resolveDocsCustomBlockSize as resolveDocsCustomBlockSize$1, shouldUseInlineTextSelectionForDocsCustomBlockDrawing } from "@univerjs/docs";
+import { BaselineOffset, BlockType, BooleanNumber, BuildTextUtils, COLORS, ColorKit, ColumnSeparatorType, CommandType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_ABOVE, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_BELOW, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOC_RANGE_TYPE, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, DeleteDirection, DependentOn, Direction, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentBlockType, DocumentFlavor, DrawingTypeEnum, EDITOR_ACTIVATED, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_DOC, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, HorizontalAlign, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IUndoRedoService, IUniverInstanceService, ImageSourceType, Inject, Injector, InterceptorManager, JSONX, LRUMap, LocaleService, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MemoryCursor, ModernDocumentWidthMode, NAMED_STYLE_MAP, NamedStyleType, ObjectRelativeFromH, ObjectRelativeFromV, Optional, PAGE_SIZE, PAPER_TYPES, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, PresetListType, QuickListTypeMap, RANGE_DIRECTION, Rectangle, RedoCommand, RxDisposable, SHEET_EDITOR_UNITS, SectionType, SliceBodyType, SpacingRule, TableAlignmentType, TableRowHeightRule, TableSizeType, TableTextWrapType, TextX, TextXActionType, ThemeService, Tools, UndoCommand, UniverInstanceType, UpdateDocsAttributeType, VerticalAlign, checkForSubstrings, containsInteriorInsertionOffset, createIdentifier, createInterceptorKey, createInternalEditorID, createParagraphId, createSectionId, debounce, deepCompare, fromEventSubject, generateRandomId, getBlockRangeInterval, getBodySlice, getBodySliceForTextXAction, getCustomBlockIdsInSelections, getParagraphContentStartOffset, getParagraphContentStartOffsets, getPlainText, getRichTextEditPath, getSectionHeaderFooterReferenceKey, getTableRangeInterval, isCommentEditorID, isInternalEditorID, isSafeUrl, merge, mergeOverrideWithDependencies, normalizeBody, remove, resolveDocumentParagraphStyle, resolveSectionHeaderFooterReference, resolveSectionHeaderFooterReferences, sequenceExecuteAsync, skipParseTagNames, toDisposable, touchDependencies } from "@univerjs/core";
+import { CreateHeaderFooterCommand, DeleteTextCommand, DocBlockMoveValidatorService, DocContentInsertService, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, DocStateEmitService, EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY, HeaderFooterType, IDocStateChangeInterceptorService, InsertTextCommand, RichTextEditingMutation, SetSectionHeaderFooterLinkCommand, SetTextSelectionsOperation, UniverDocsPlugin, UpdateDocumentSectionCommand, UpdateTextCommand, buildDocTransform, consumeContentInsertRange, createDocsCustomBlockInsertMutation, createDocsCustomBlockRemoveMutation, createEmbedDocsCustomBlockData, createInsertCustomBlockActions, createRemoveCustomBlockActions, createSectionColumnProperties, generateParagraphs, getTopLevelSectionBreaks, isSheetLikeDocsCustomBlockChildType, isSheetLikeDocsCustomBlockChildType as isSheetLikeDocsCustomBlockChildType$1, resolveDocsCustomBlockSize, resolveDocsCustomBlockSize as resolveDocsCustomBlockSize$1, shouldUseInlineTextSelectionForDocsCustomBlockDrawing } from "@univerjs/docs";
 import { CURSOR_TYPE, DeviceInputEventType, DocBackground, DocumentEditArea, DocumentSkeletonPageType, Documents, GlyphType, IRenderManagerService, Layer, LineType, Liquid, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, PageLayoutType, Path, Rect, RegularPolygon, ScrollBar, ScrollTimer, Shape, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, compareDocumentSkeletonNestedPagePathOrder, documentSkeletonLineIterator, documentSkeletonTableIterator, getColor, getDocsTableRenderViewport, getDocumentSkeletonColumnPagePathInfo, getDocumentSkeletonNestedPageOffset, getLastColumn, getNextWheelZoomRatio, getNumberUnitValue, getOffsetRectForDom, getPageFromPath, getParagraphByGlyph, getSystemHighlightColor, getTableIdAndSliceIndex, hasListGlyph, isFirstGlyph, isIndentByGlyph, parseDataStreamToTree, pixelToPt, ptToPixel, pxToNum } from "@univerjs/engine-render";
 import { BuiltInUIPart, COLOR_PICKER_COMPONENT, COMMON_LABEL_COMPONENT, ComponentManager, ContextMenuGroup, ContextMenuPanel, ContextMenuPosition, CopyCommand, CutCommand, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HEADING_ITEM_COMPONENT, HEADING_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, ILayoutService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MenuManagerPosition, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RectPopup, RibbonInsertGroup, RibbonStartGroup, Slider, ToolbarItem, connectInjector, getMenuHiddenObservable, imageMimeTypeSet, useConfigValue, useDependency, useEvent, useObservable } from "@univerjs/ui";
-import { BehaviorSubject, Observable, Subject, animationFrameScheduler, combineLatest, distinctUntilChanged, filter, first, fromEvent, map, merge as merge$1, of, switchMap, take, takeUntil, throttleTime } from "rxjs";
+import { BehaviorSubject, Observable, Subject, animationFrameScheduler, combineLatest, debounceTime, distinctUntilChanged, filter, first, fromEvent, map, merge as merge$1, startWith, switchMap, take, takeUntil, throttleTime } from "rxjs";
 import { bufferTime, filter as filter$1, map as map$1 } from "rxjs/operators";
 import { Button, Checkbox, InputNumber, Select, Tooltip, borderClassName, clsx, scrollbarClassName } from "@univerjs/design";
 import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AddImageIcon, AlignTextBothIcon, BoldIcon, CatalogueIcon, CopyDoubleIcon, CutIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocSettingIcon, FontColorDoubleIcon, GridIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, HeaderFooterIcon, HorizontallyIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, KeyboardIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, LineIndentDecreaseIcon, LineIndentIncreaseIcon, MenuIcon, MoreLeftIcon, MoreRightIcon, NoColorDoubleIcon, OrderIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, ReduceDoubleIcon, ReduceIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, ShapeIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TextTypeIcon, TodoListDoubleIcon, UnderlineIcon, UnorderIcon } from "@univerjs/icons";
+import { AddImageIcon, AlignTextBothIcon, BoldIcon, CatalogueIcon, CopyDoubleIcon, CutIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DeleteTableDoubleIcon, DocSettingIcon, FontColorDoubleIcon, GridIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, HeaderFooterIcon, HorizontallyIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, KeyboardIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, LineIndentDecreaseIcon, LineIndentIncreaseIcon, MenuIcon, MoreLeftIcon, MoreRightIcon, NoColorDoubleIcon, OrderIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, ReduceDoubleIcon, ReduceIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, ShapeIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TextTypeIcon, TodoListDoubleIcon, UnderlineIcon, UnorderIcon } from "@univerjs/icons";
 
 //#region src/basics/docs-view-key.ts
 /**
@@ -199,34 +199,6 @@ function getCustomDecorationAtPosition(customDecorations, position) {
 	return customDecorations.filter((customDecoration) => position > customDecoration.startIndex && position <= customDecoration.endIndex);
 }
 
-//#endregion
-//#region src/basics/transform-position.ts
-function docDrawingPositionToTransform(position) {
-	return {
-		left: position.positionH.posOffset,
-		top: position.positionV.posOffset,
-		width: position.size.width,
-		height: position.size.height
-	};
-}
-function transformToDocDrawingPosition(transform, marginLeft = 0, marginTop = 0) {
-	return {
-		size: {
-			width: transform.width,
-			height: transform.height
-		},
-		positionH: {
-			relativeFrom: ObjectRelativeFromH.MARGIN,
-			posOffset: (transform.left || 0) - marginLeft
-		},
-		positionV: {
-			relativeFrom: ObjectRelativeFromV.PAGE,
-			posOffset: (transform.top || 0) - marginTop
-		},
-		angle: transform.angle || 0
-	};
-}
-
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
 function _typeof(o) {
@@ -1098,19 +1070,6 @@ function getCellOffsets(viewModel, range, position) {
 
 //#endregion
 //#region src/commands/commands/clipboard.inner.command.ts
-function getCustomBlockIdsInSelections(body, selections) {
-	const customBlockIds = [];
-	const { customBlocks = [] } = body;
-	for (const selection of selections) {
-		const { startOffset, endOffset } = selection;
-		if (startOffset == null || endOffset == null) continue;
-		for (const customBlock of customBlocks) {
-			const { startIndex } = customBlock;
-			if (startIndex >= startOffset && startIndex < endOffset) customBlockIds.push(customBlock.blockId);
-		}
-	}
-	return customBlockIds;
-}
 function hasRangeInTable(ranges) {
 	return ranges.some((range) => {
 		const { startNodePosition } = range;
@@ -2283,21 +2242,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 						height,
 						left: 0
 					},
-					docTransform: {
-						size: {
-							width: docTransformWidth,
-							height: docTransformHeight
-						},
-						angle: 0,
-						positionH: {
-							relativeFrom: ObjectRelativeFromH.PAGE,
-							posOffset: 0
-						},
-						positionV: {
-							relativeFrom: ObjectRelativeFromV.PARAGRAPH,
-							posOffset: 0
-						}
-					},
+					docTransform: buildDocTransform(docTransformWidth, docTransformHeight),
 					layoutType: PositionedObjectLayoutType.INLINE,
 					drawingType: DrawingTypeEnum.DRAWING_IMAGE,
 					unitId: doc.id || "",
@@ -4570,9 +4515,9 @@ const DocSelectAllCommand = {
 		if (body == null) return false;
 		const { dataStream } = body;
 		if (dataStream === "\r\n") return true;
-		const wholeDocRanges = getWholeDocumentRanges(body);
-		const scopedRange = getScopedSelectAllRange(body, activeRange);
-		const textRanges = scopedRange && !isSameRanges(docRanges, scopedRange) ? scopedRange : wholeDocRanges;
+		const scopes = getSelectAllScopes(body, activeRange);
+		const currentScopeIndex = scopes.findIndex((scope) => isSameRanges(docRanges, scope));
+		const textRanges = scopes[Math.min(currentScopeIndex + 1, scopes.length - 1)];
 		docSelectionManagerService.replaceDocRanges(textRanges, {
 			unitId,
 			subUnitId: unitId
@@ -4581,17 +4526,39 @@ const DocSelectAllCommand = {
 	}
 };
 function getWholeDocumentRanges(body) {
+	return getRangesForOffsets(body, 0, body.dataStream.length - 2);
+}
+function getRangesForOffsets(body, startOffset, endOffset) {
+	var _body$columnGroups;
+	const columnGroups = [...(_body$columnGroups = body.columnGroups) !== null && _body$columnGroups !== void 0 ? _body$columnGroups : []].sort((left, right) => left.startIndex - right.startIndex);
+	const ranges = [];
+	let offset = startOffset;
+	for (const columnGroup of columnGroups) {
+		if (columnGroup.endIndex < startOffset || columnGroup.startIndex > endOffset) continue;
+		if (offset < columnGroup.startIndex) ranges.push(...getRangesWithTables(body, offset, Math.min(endOffset, columnGroup.startIndex - 1)));
+		for (const column of getColumnRanges(body, columnGroup)) {
+			const start = Math.max(startOffset, column.startOffset);
+			const end = Math.min(endOffset, column.endOffset);
+			if (start <= end) ranges.push(...getRangesWithTables(body, start, end));
+		}
+		offset = columnGroup.endIndex + 1;
+	}
+	if (offset <= endOffset) ranges.push(...getRangesWithTables(body, offset, endOffset));
+	return ranges;
+}
+function getRangesWithTables(body, startOffset, endOffset) {
 	var _body$tables;
-	const textRanges = [];
-	let offset = 0;
-	for (const table of (_body$tables = body.tables) !== null && _body$tables !== void 0 ? _body$tables : []) {
+	const ranges = [];
+	let offset = startOffset;
+	for (const table of [...(_body$tables = body.tables) !== null && _body$tables !== void 0 ? _body$tables : []].sort((left, right) => left.startIndex - right.startIndex)) {
 		const { startIndex, endIndex } = table;
-		if (offset !== startIndex) textRanges.push(...getTextRangesByParagraphs(body, offset, startIndex - 1));
-		textRanges.push(getTableRectRange(table));
+		if (startIndex < startOffset || endIndex > endOffset) continue;
+		if (offset !== startIndex) ranges.push(...getTextRangesByParagraphs(body, offset, startIndex - 1));
+		ranges.push(getTableRectRange(table));
 		offset = endIndex;
 	}
-	if (offset !== body.dataStream.length - 2) textRanges.push(...getTextRangesByParagraphs(body, offset, body.dataStream.length - 2));
-	return textRanges;
+	if (offset <= endOffset) ranges.push(...getTextRangesByParagraphs(body, offset, endOffset));
+	return ranges;
 }
 function getTextRangesByParagraphs(body, startOffset, endOffset) {
 	var _body$paragraphs;
@@ -4616,30 +4583,62 @@ function getTextRangesByParagraphs(body, startOffset, endOffset) {
 	});
 	return ranges;
 }
-function getScopedSelectAllRange(body, activeRange) {
-	var _body$tables2, _body$customBlocks, _body$blockRanges, _body$tables3;
+function getSelectAllScopes(body, activeRange) {
+	var _body$tables2, _body$customBlocks, _body$blockRanges, _body$columnGroups2;
+	const scopes = [];
+	const addScope = (scope) => {
+		if ((scope === null || scope === void 0 ? void 0 : scope.length) && !scopes.some((existing) => isSameRanges(existing, scope))) scopes.push(scope);
+	};
 	const startOffset = activeRange.startOffset;
 	const endOffset = activeRange.endOffset;
-	if (startOffset == null || endOffset == null) return null;
+	if (startOffset == null || endOffset == null) return [getWholeDocumentRanges(body)];
 	const table = ((_body$tables2 = body.tables) !== null && _body$tables2 !== void 0 ? _body$tables2 : []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
-	if (table) return [getTableRectRange(table)];
 	const customBlock = ((_body$customBlocks = body.customBlocks) !== null && _body$customBlocks !== void 0 ? _body$customBlocks : []).find((item) => item.startIndex >= startOffset && item.startIndex <= endOffset);
-	if (customBlock) return [{
+	const blockRange = ((_body$blockRanges = body.blockRanges) !== null && _body$blockRanges !== void 0 ? _body$blockRanges : []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
+	if (table) addScope([getTableRectRange(table)]);
+	else if (customBlock) addScope([{
 		endOffset: customBlock.startIndex,
 		rangeType: DOC_RANGE_TYPE.TEXT,
 		startOffset: customBlock.startIndex
-	}];
-	const blockRange = ((_body$blockRanges = body.blockRanges) !== null && _body$blockRanges !== void 0 ? _body$blockRanges : []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
-	if (blockRange) return [{
+	}]);
+	else if (blockRange) addScope([{
 		endOffset: Math.max(blockRange.startIndex + 1, blockRange.endIndex - 1),
 		rangeType: DOC_RANGE_TYPE.TEXT,
 		startOffset: blockRange.startIndex + 1
-	}];
-	const paragraphRange = clampParagraphRangeByTables(getParagraphRangeAtOffset(body, startOffset), (_body$tables3 = body.tables) !== null && _body$tables3 !== void 0 ? _body$tables3 : [], startOffset);
-	return paragraphRange ? [{
-		...paragraphRange,
-		rangeType: DOC_RANGE_TYPE.TEXT
-	}] : null;
+	}]);
+	else {
+		var _body$tables3;
+		const paragraphRange = clampParagraphRangeByTables(getParagraphRangeAtOffset(body, startOffset), (_body$tables3 = body.tables) !== null && _body$tables3 !== void 0 ? _body$tables3 : [], startOffset);
+		addScope(paragraphRange ? [{
+			...paragraphRange,
+			rangeType: DOC_RANGE_TYPE.TEXT
+		}] : null);
+	}
+	const columnGroup = ((_body$columnGroups2 = body.columnGroups) !== null && _body$columnGroups2 !== void 0 ? _body$columnGroups2 : []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
+	if (columnGroup) {
+		const column = getColumnRanges(body, columnGroup).find((item) => isRangeInside(startOffset, endOffset, item.startOffset, item.endOffset));
+		if (column) addScope(getRangesForOffsets(body, column.startOffset, column.endOffset));
+		addScope(getRangesForOffsets(body, columnGroup.startIndex, columnGroup.endIndex));
+	}
+	addScope(getWholeDocumentRanges(body));
+	return scopes;
+}
+function getColumnRanges(body, columnGroup) {
+	const ranges = [];
+	let startOffset;
+	for (let index = columnGroup.startIndex; index <= columnGroup.endIndex; index++) {
+		const token = body.dataStream[index];
+		if (token === DataStreamTreeTokenType.COLUMN_START) startOffset = index + 1;
+		else if (token === DataStreamTreeTokenType.COLUMN_END && startOffset != null) {
+			ranges.push({
+				startOffset,
+				endOffset: index - 1,
+				rangeType: DOC_RANGE_TYPE.TEXT
+			});
+			startOffset = void 0;
+		}
+	}
+	return ranges;
 }
 function clampParagraphRangeByTables(paragraphRange, tables, activeOffset) {
 	if (!paragraphRange) return null;
@@ -4676,7 +4675,9 @@ function isSameRanges(currentRanges, nextRanges) {
 	if (currentRanges.length !== nextRanges.length) return isSameTextRangeCoverage(currentRanges, nextRanges);
 	return currentRanges.every((currentRange, index) => {
 		const nextRange = nextRanges[index];
-		return currentRange.startOffset === nextRange.startOffset && currentRange.endOffset === nextRange.endOffset && getRangeType(currentRange) === getRangeType(nextRange);
+		const sameType = getRangeType(currentRange) === getRangeType(nextRange);
+		const sameTextEnd = sameType && getRangeType(nextRange) === DOC_RANGE_TYPE.TEXT && !currentRange.collapsed && currentRange.endOffset + 1 === nextRange.endOffset;
+		return currentRange.startOffset === nextRange.startOffset && (currentRange.endOffset === nextRange.endOffset || sameTextEnd) && sameType;
 	});
 }
 function isSameTextRangeCoverage(currentRanges, nextRanges) {
@@ -7451,7 +7452,14 @@ const RECT_RANGE_KEY_PREFIX = "__DocTableRectRange__";
 const ID_LENGTH = 6;
 function convertPositionsToRectRanges(scene, document, docSkeleton, anchorNodePosition, focusNodePosition, style = NORMAL_TEXT_SELECTION_PLUGIN_STYLE, segmentId = "", segmentPage = -1) {
 	const nodePositionGroup = new NodePositionConvertToRectRange(document.getOffsetConfig(), docSkeleton).getNodePositionGroup(anchorNodePosition, focusNodePosition);
-	return (nodePositionGroup !== null && nodePositionGroup !== void 0 ? nodePositionGroup : []).map((position) => new RectRange(scene, document, docSkeleton, position.anchor, position.focus, style, segmentId, segmentPage));
+	const ranges = [];
+	try {
+		for (const position of nodePositionGroup !== null && nodePositionGroup !== void 0 ? nodePositionGroup : []) ranges.push(new RectRange(scene, document, docSkeleton, position.anchor, position.focus, style, segmentId, segmentPage));
+		return ranges;
+	} catch (error) {
+		ranges.forEach((range) => range.dispose());
+		throw error;
+	}
 }
 var RectRange = class {
 	constructor(_scene, _document, _docSkeleton, anchorNodePosition, focusNodePosition, style = NORMAL_TEXT_SELECTION_PLUGIN_STYLE, _segmentId = "", _segmentPage = -1) {
@@ -7609,10 +7617,29 @@ var RectRange = class {
 
 //#endregion
 //#region src/services/selection/selection-utils.ts
+function disposeRangeList({ textRanges, rectRanges }) {
+	textRanges.forEach((range) => range.dispose());
+	rectRanges.forEach((range) => range.dispose());
+}
+function isCompatibleTextRange(start, end) {
+	if (start == null || end == null || start.pageType !== end.pageType) return false;
+	if ((start.pageType === DocumentSkeletonPageType.HEADER || start.pageType === DocumentSkeletonPageType.FOOTER) && start.segmentPage !== end.segmentPage) return false;
+	const startColumn = getDocumentSkeletonColumnPagePathInfo(start);
+	const endColumn = getDocumentSkeletonColumnPagePathInfo(end);
+	if (startColumn == null || endColumn == null) return startColumn == null && endColumn == null;
+	return startColumn.pageIndex === endColumn.pageIndex && startColumn.columnGroupId === endColumn.columnGroupId && startColumn.columnIndex === endColumn.columnIndex;
+}
+function getDescendantTables(node) {
+	if (node.nodeType === DataStreamTreeNodeType.TABLE) return [node];
+	return node.children.flatMap(getDescendantTables);
+}
 function isInSameColumnPage(anchorPosition, focusPosition) {
+	var _anchorPosition$path$, _anchorPosition$path, _focusPosition$path$i, _focusPosition$path;
 	const anchorColumnInfo = getDocumentSkeletonColumnPagePathInfo(anchorPosition);
 	const focusColumnInfo = getDocumentSkeletonColumnPagePathInfo(focusPosition);
-	return !!anchorColumnInfo && !!focusColumnInfo && anchorColumnInfo.pageIndex === focusColumnInfo.pageIndex && anchorColumnInfo.columnGroupId === focusColumnInfo.columnGroupId && anchorColumnInfo.columnIndex === focusColumnInfo.columnIndex;
+	const anchorPageIndex = (_anchorPosition$path$ = (_anchorPosition$path = anchorPosition.path) === null || _anchorPosition$path === void 0 ? void 0 : _anchorPosition$path.indexOf("page")) !== null && _anchorPosition$path$ !== void 0 ? _anchorPosition$path$ : -1;
+	const focusPageIndex = (_focusPosition$path$i = (_focusPosition$path = focusPosition.path) === null || _focusPosition$path === void 0 ? void 0 : _focusPosition$path.indexOf("page")) !== null && _focusPosition$path$i !== void 0 ? _focusPosition$path$i : -1;
+	return anchorPageIndex >= 0 && focusPageIndex >= 0 && anchorPageIndex === anchorPosition.path.length - 1 && focusPageIndex === focusPosition.path.length - 1 && !!anchorColumnInfo && !!focusColumnInfo && anchorColumnInfo.pageIndex === focusColumnInfo.pageIndex && anchorColumnInfo.columnGroupId === focusColumnInfo.columnGroupId && anchorColumnInfo.columnIndex === focusColumnInfo.columnIndex;
 }
 function getColumnInputBoundaryCollapsedPosition(anchorPosition, focusPosition, skeleton) {
 	const anchorColumnInfo = getDocumentSkeletonColumnPagePathInfo(anchorPosition);
@@ -7662,13 +7689,6 @@ function getRangeListFromSelection(anchorPosition, focusPosition, scene, documen
 			rectRanges
 		};
 	}
-	if (isInSameColumnPage(anchorPosition, focusPosition)) {
-		textRanges.push(new TextRange(...rangeParams));
-		return {
-			textRanges,
-			rectRanges
-		};
-	}
 	if (isInSameTableCellData(skeleton, anchorPosition, focusPosition)) if (isInSameTableCell(anchorPosition, focusPosition)) {
 		textRanges.push(new TextRange(...rangeParams));
 		return {
@@ -7691,6 +7711,13 @@ function getRangeListFromSelection(anchorPosition, focusPosition, scene, documen
 			rectRanges
 		};
 	}
+	if (isInSameColumnPage(anchorPosition, focusPosition)) {
+		textRanges.push(new TextRange(...rangeParams));
+		return {
+			textRanges,
+			rectRanges
+		};
+	}
 	const viewModel = skeleton.getViewModel().getSelfOrHeaderFooterViewModel(segmentId);
 	const anchorOffset = skeleton.findCharIndexByPosition(anchorPosition);
 	const focusOffset = skeleton.findCharIndexByPosition(focusPosition);
@@ -7707,64 +7734,158 @@ function getRangeListFromSelection(anchorPosition, focusPosition, scene, documen
 		var _skeleton$findNodePos2;
 		return (_skeleton$findNodePos2 = skeleton.findNodePositionByCharIndex(charIndex, isBack, segmentId, segmentPage)) !== null && _skeleton$findNodePos2 !== void 0 ? _skeleton$findNodePos2 : charIndex === endOffset ? originRange.end : void 0;
 	};
+	const appendTextRange = (rangeStart, rangeEnd, endIsBack = true) => {
+		if (rangeStart > rangeEnd) return true;
+		const sp = findStartNodePositionByCharIndex(rangeStart, true);
+		const ep = findEndNodePositionByCharIndex(rangeEnd, endIsBack);
+		const ap = direction === RANGE_DIRECTION.FORWARD ? sp : ep;
+		const fp = direction === RANGE_DIRECTION.FORWARD ? ep : sp;
+		if (!isCompatibleTextRange(ap, fp)) return false;
+		textRanges.push(new TextRange(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
+		return true;
+	};
+	const appendTableRange = (table, rangeStart, rangeEnd) => {
+		const { startIndex: tableStart, endIndex: tableEnd, children: rows } = table;
+		const startRow = rows.find((row) => row.startIndex <= rangeStart && row.endIndex >= rangeStart);
+		const endRow = rows.find((row) => row.startIndex <= rangeEnd && row.endIndex >= rangeEnd);
+		const tableStartOffset = rangeStart > tableStart && rangeStart < tableEnd ? (startRow === null || startRow === void 0 ? void 0 : startRow.startIndex) == null ? void 0 : startRow.startIndex + 2 : tableStart + 3;
+		const tableEndOffset = rangeEnd > tableStart && rangeEnd < tableEnd ? (endRow === null || endRow === void 0 ? void 0 : endRow.endIndex) == null ? void 0 : endRow.endIndex - 3 : tableEnd - 4;
+		if (tableStartOffset == null || tableEndOffset == null) return false;
+		const startPosition = skeleton.findNodePositionByCharIndex(tableStartOffset, true, segmentId, segmentPage);
+		const endPosition = skeleton.findNodePositionByCharIndex(tableEndOffset, true, segmentId, segmentPage);
+		if (startPosition == null || endPosition == null) return false;
+		const ap = direction === RANGE_DIRECTION.FORWARD ? startPosition : endPosition;
+		const fp = direction === RANGE_DIRECTION.FORWARD ? endPosition : startPosition;
+		rectRanges.push(...convertPositionsToRectRanges(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
+		return true;
+	};
+	const appendColumnRanges = (column, rangeStart, rangeEnd) => {
+		let offset = rangeStart;
+		const tables = getDescendantTables(column).sort((left, right) => left.startIndex - right.startIndex);
+		for (const table of tables) {
+			if (table.endIndex < rangeStart || table.startIndex > rangeEnd) continue;
+			if (!appendTextRange(offset, Math.min(rangeEnd, table.startIndex - 1), false) || !appendTableRange(table, Math.max(rangeStart, table.startIndex), Math.min(rangeEnd, table.endIndex))) return false;
+			offset = table.endIndex + 1;
+		}
+		return appendTextRange(offset, rangeEnd);
+	};
 	let start = startOffset;
 	let end = endOffset;
-	for (const section of viewModel.getChildren()) for (const paragraph of section.children) {
-		const { startIndex, endIndex, children } = paragraph;
-		const paragraphIndex = section.children.indexOf(paragraph);
-		const nextParagraph = section.children[paragraphIndex + 1];
-		const table = children[0];
-		let endInTable = false;
-		if (table) {
-			const { startIndex: tableStart, endIndex: tableEnd, children } = table;
-			let tableStartPosition = null;
-			let tableEndPosition = null;
-			const startRow = children.find((row) => row.startIndex <= startOffset && row.endIndex >= startOffset);
-			const endRow = children.find((row) => row.startIndex <= endOffset && row.endIndex >= endOffset);
-			if (startOffset > tableStart && startOffset < tableEnd) {
-				tableStartPosition = skeleton.findNodePositionByCharIndex(startRow.startIndex + 2, true, segmentId, segmentPage);
-				tableEndPosition = skeleton.findNodePositionByCharIndex(tableEnd - 4, true, segmentId, segmentPage);
-				start = tableEnd + 1;
-			} else if (endOffset > tableStart && endOffset < tableEnd) {
-				tableStartPosition = skeleton.findNodePositionByCharIndex(tableStart + 3, true, segmentId, segmentPage);
-				tableEndPosition = skeleton.findNodePositionByCharIndex(endRow.endIndex - 3, true, segmentId, segmentPage);
-				end = tableStart - 1;
-				endInTable = true;
-			} else if (tableStart > startOffset && tableEnd < endOffset) {
-				tableStartPosition = skeleton.findNodePositionByCharIndex(tableStart + 3, true, segmentId, segmentPage);
-				tableEndPosition = skeleton.findNodePositionByCharIndex(tableEnd - 4, true, segmentId, segmentPage);
-				if (start <= tableStart - 1) {
-					const sp = findStartNodePositionByCharIndex(start, true);
-					const ep = findEndNodePositionByCharIndex(tableStart - 1, false);
-					const ap = direction === RANGE_DIRECTION.FORWARD ? sp : ep;
-					const fp = direction === RANGE_DIRECTION.FORWARD ? ep : sp;
-					textRanges.push(new TextRange(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
+	try {
+		for (const section of viewModel.getChildren()) for (const paragraph of section.children) {
+			const { startIndex, endIndex, children } = paragraph;
+			if (paragraph.nodeType === DataStreamTreeNodeType.COLUMN_GROUP && start <= endIndex && end >= startIndex) {
+				if (start < startIndex && !appendTextRange(start, Math.min(end, startIndex - 1), false)) {
+					disposeRangeList({
+						textRanges,
+						rectRanges
+					});
+					return;
+				}
+				for (const column of children.filter((child) => child.nodeType === DataStreamTreeNodeType.COLUMN)) {
+					const columnStart = Math.max(start, column.startIndex + 1);
+					const columnEnd = Math.min(end, column.endIndex - 1);
+					if (columnStart <= columnEnd && !appendColumnRanges(column, columnStart, columnEnd)) {
+						disposeRangeList({
+							textRanges,
+							rectRanges
+						});
+						return;
+					}
+				}
+				start = endIndex + 1;
+				continue;
+			}
+			const paragraphIndex = section.children.indexOf(paragraph);
+			const nextParagraph = section.children[paragraphIndex + 1];
+			const table = children.find((child) => child.nodeType === DataStreamTreeNodeType.TABLE);
+			const nextTable = nextParagraph === null || nextParagraph === void 0 ? void 0 : nextParagraph.children.find((child) => child.nodeType === DataStreamTreeNodeType.TABLE);
+			let endInTable = false;
+			if (table) {
+				const { startIndex: tableStart, endIndex: tableEnd, children } = table;
+				let tableStartPosition = null;
+				let tableEndPosition = null;
+				if (startOffset > tableStart && startOffset < tableEnd) {
+					const startRow = children.find((row) => row.startIndex <= startOffset && row.endIndex >= startOffset);
+					if (startRow == null) {
+						disposeRangeList({
+							textRanges,
+							rectRanges
+						});
+						return;
+					}
+					tableStartPosition = skeleton.findNodePositionByCharIndex(startRow.startIndex + 2, true, segmentId, segmentPage);
+					tableEndPosition = skeleton.findNodePositionByCharIndex(tableEnd - 4, true, segmentId, segmentPage);
+					start = tableEnd + 1;
+				} else if (endOffset > tableStart && endOffset < tableEnd) {
+					const endRow = children.find((row) => row.startIndex <= endOffset && row.endIndex >= endOffset);
+					if (endRow == null) {
+						disposeRangeList({
+							textRanges,
+							rectRanges
+						});
+						return;
+					}
+					tableStartPosition = skeleton.findNodePositionByCharIndex(tableStart + 3, true, segmentId, segmentPage);
+					tableEndPosition = skeleton.findNodePositionByCharIndex(endRow.endIndex - 3, true, segmentId, segmentPage);
+					end = tableStart - 1;
+					endInTable = true;
+				} else if (tableStart > startOffset && tableEnd < endOffset) {
+					tableStartPosition = skeleton.findNodePositionByCharIndex(tableStart + 3, true, segmentId, segmentPage);
+					tableEndPosition = skeleton.findNodePositionByCharIndex(tableEnd - 4, true, segmentId, segmentPage);
+					if (start <= tableStart - 1) {
+						const sp = findStartNodePositionByCharIndex(start, true);
+						const ep = findEndNodePositionByCharIndex(tableStart - 1, false);
+						const ap = direction === RANGE_DIRECTION.FORWARD ? sp : ep;
+						const fp = direction === RANGE_DIRECTION.FORWARD ? ep : sp;
+						if (!isCompatibleTextRange(ap, fp)) {
+							disposeRangeList({
+								textRanges,
+								rectRanges
+							});
+							return;
+						}
+						textRanges.push(new TextRange(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
+					}
+					start = tableEnd + 1;
+				}
+				if (tableStartPosition && tableEndPosition) {
+					const ap = direction === RANGE_DIRECTION.FORWARD ? tableStartPosition : tableEndPosition;
+					const fp = direction === RANGE_DIRECTION.FORWARD ? tableEndPosition : tableStartPosition;
+					rectRanges.push(...convertPositionsToRectRanges(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
 				}
-				start = tableEnd + 1;
 			}
-			if (tableStartPosition && tableEndPosition) {
-				const ap = direction === RANGE_DIRECTION.FORWARD ? tableStartPosition : tableEndPosition;
-				const fp = direction === RANGE_DIRECTION.FORWARD ? tableEndPosition : tableStartPosition;
-				rectRanges.push(...convertPositionsToRectRanges(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
+			if (end === endIndex + 1 && !endInTable && nextTable) {
+				end = endIndex;
+				endInTable = true;
+			}
+			if (end >= startIndex && end <= endIndex || endInTable) {
+				const sp = findStartNodePositionByCharIndex(start, true);
+				const ep = findEndNodePositionByCharIndex(end, !endInTable);
+				const ap = direction === RANGE_DIRECTION.FORWARD ? sp : ep;
+				const fp = direction === RANGE_DIRECTION.FORWARD ? ep : sp;
+				if (rectRanges.length && Tools.diffValue(ap, fp)) continue;
+				if (!isCompatibleTextRange(ap, fp)) {
+					disposeRangeList({
+						textRanges,
+						rectRanges
+					});
+					return;
+				}
+				textRanges.push(new TextRange(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
 			}
 		}
-		if (end === endIndex + 1 && !endInTable && nextParagraph && nextParagraph.children.length) {
-			end = endIndex;
-			endInTable = true;
-		}
-		if (end >= startIndex && end <= endIndex || endInTable) {
-			const sp = findStartNodePositionByCharIndex(start, true);
-			const ep = findEndNodePositionByCharIndex(end, !endInTable);
-			const ap = direction === RANGE_DIRECTION.FORWARD ? sp : ep;
-			const fp = direction === RANGE_DIRECTION.FORWARD ? ep : sp;
-			if (rectRanges.length && Tools.diffValue(ap, fp)) continue;
-			textRanges.push(new TextRange(scene, document, skeleton, ap, fp, style, segmentId, segmentPage));
-		}
+		return {
+			textRanges,
+			rectRanges
+		};
+	} catch (error) {
+		disposeRangeList({
+			textRanges,
+			rectRanges
+		});
+		throw error;
 	}
-	return {
-		textRanges,
-		rectRanges
-	};
 }
 function getCanvasOffsetByEngine(engine) {
 	const canvas = engine === null || engine === void 0 ? void 0 : engine.getCanvasElement();
@@ -8174,9 +8295,9 @@ let DocSelectionRenderService = class DocSelectionRenderService extends RxDispos
 			const { offsetX: moveOffsetX, offsetY: moveOffsetY } = moveEvt;
 			scene.setCursor(CURSOR_TYPE.TEXT);
 			if (Math.sqrt((moveOffsetX - preMoveOffsetX) ** 2 + (moveOffsetY - preMoveOffsetY) ** 2) < 3) return;
-			this._moving(moveOffsetX, moveOffsetY);
+			this._tryMoving(moveOffsetX, moveOffsetY);
 			scrollTimer.scrolling(moveOffsetX, moveOffsetY, () => {
-				this._moving(moveOffsetX, moveOffsetY);
+				this._tryMoving(moveOffsetX, moveOffsetY);
 			});
 			preMoveOffsetX = moveOffsetX;
 			preMoveOffsetY = moveOffsetY;
@@ -8471,6 +8592,13 @@ let DocSelectionRenderService = class DocSelectionRenderService extends RxDispos
 		canvasTop += y;
 		this.activate(canvasLeft, canvasTop, forceFocus);
 	}
+	_tryMoving(moveOffsetX, moveOffsetY) {
+		try {
+			this._moving(moveOffsetX, moveOffsetY);
+		} catch (error) {
+			this._logService.error("[DocSelectionRenderService] Failed to update moving selection", error);
+		}
+	}
 	_moving(moveOffsetX, moveOffsetY) {
 		var _this$_context$scene2;
 		const { _currentSegmentId: segmentId, _currentSegmentPage: segmentPage } = this;
@@ -11451,7 +11579,7 @@ function DeleteTableMenuItemFactory(accessor) {
 		id: DocTableDeleteTableCommand.id,
 		type: MenuItemType.BUTTON,
 		title: "docs-ui.table.deleteTable",
-		icon: "GridIcon",
+		icon: "DeleteTableDoubleIcon",
 		disabled$: getDisableWhenSelectionNotInTableObservable(accessor),
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
 	};
@@ -13345,6 +13473,10 @@ const menuSchema = {
 			order: 8,
 			menuItemFactory: BulletListMenuItemFactory
 		},
+		[CheckListCommand.id]: {
+			order: 9,
+			menuItemFactory: CheckListMenuItemFactory
+		},
 		[OpenHeaderFooterPanelCommand.id]: {
 			order: 10,
 			menuItemFactory: HeaderFooterMenuItemFactory
@@ -13366,10 +13498,6 @@ const menuSchema = {
 		[HorizontalLineCommand.id]: {
 			order: 3,
 			menuItemFactory: HorizontalLineFactory
-		},
-		[CheckListCommand.id]: {
-			order: 4,
-			menuItemFactory: CheckListMenuItemFactory
 		}
 	},
 	[ContextMenuPosition.MAIN_AREA]: {
@@ -14075,23 +14203,13 @@ const DOC_ZOOM_RANGE = [10, 400];
 function ZoomSlider() {
 	const commandService = useDependency(ICommandService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
-	const [documentDataModel, setDocumentDataModel] = useState(null);
-	const [zoom, setZoom] = useState(100);
+	const documentDataModel = useObservable(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).pipe(filter((documentDataModel) => documentDataModel != null)), null, false, [univerInstanceService]);
 	const getCurrentZoom = useCallback((docModel = documentDataModel) => {
 		if (!docModel) return 100;
 		return Math.round(getDocEffectiveZoomRatio(docModel) * 100);
 	}, [documentDataModel]);
-	useEffect(() => {
-		const subscription = univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).subscribe((doc) => {
-			if (doc) {
-				setDocumentDataModel(doc);
-				setZoom(getCurrentZoom(doc));
-			}
-		});
-		return () => {
-			subscription.unsubscribe();
-		};
-	}, [univerInstanceService, getCurrentZoom]);
+	const [zoom, setZoom] = useState(100);
+	useEffect(() => setZoom(getCurrentZoom(documentDataModel)), [documentDataModel, getCurrentZoom]);
 	useEffect(() => {
 		return commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id === SetDocZoomRatioOperation.id) setZoom(getCurrentZoom());
@@ -15258,23 +15376,28 @@ function DocSideMenu() {
 	return null;
 }
 function DocSideMenuContent() {
-	var _currentDoc$getBody$d, _currentDoc$getBody, _currentDoc$getUnitId, _renderer$mainCompone, _renderer$mainCompone2, _renderer$engine$heig, _renderer$scene$scale, _currentDoc$getBody$p, _currentDoc$getBody2;
-	const commandService = useDependency(ICommandService);
+	var _documentData$body$da, _documentData$body, _currentDoc$getUnitId, _documentData$body$pa, _documentData$body2;
 	const instanceService = useDependency(IUniverInstanceService);
 	const currentDoc = useObservable(useMemo(() => instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), []));
 	const renderManagerService = useDependency(IRenderManagerService);
-	const fullDataStream = (_currentDoc$getBody$d = currentDoc === null || currentDoc === void 0 || (_currentDoc$getBody = currentDoc.getBody()) === null || _currentDoc$getBody === void 0 ? void 0 : _currentDoc$getBody.dataStream) !== null && _currentDoc$getBody$d !== void 0 ? _currentDoc$getBody$d : "";
-	const [_updateKey, setUpdateKey] = useState(0);
+	const documentData = useObservable(currentDoc ? () => currentDoc.change$.pipe(debounceTime(100), map(() => currentDoc.getSnapshot())) : null, currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getSnapshot(), false, [currentDoc]);
+	const fullDataStream = (_documentData$body$da = documentData === null || documentData === void 0 || (_documentData$body = documentData.body) === null || _documentData$body === void 0 ? void 0 : _documentData$body.dataStream) !== null && _documentData$body$da !== void 0 ? _documentData$body$da : "";
 	const [activeId, setActiveId] = useState(void 0);
 	const unitId = (_currentDoc$getUnitId = currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) !== null && _currentDoc$getUnitId !== void 0 ? _currentDoc$getUnitId : "";
 	const renderer = renderManagerService.getRenderById(unitId);
-	const title = currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getTitle();
+	const title = documentData === null || documentData === void 0 ? void 0 : documentData.title;
 	const docEventManagerService = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocEventManagerService);
 	const paragraphBounds = docEventManagerService === null || docEventManagerService === void 0 ? void 0 : docEventManagerService.paragraphBounds;
-	const left = (_renderer$mainCompone = renderer === null || renderer === void 0 || (_renderer$mainCompone2 = renderer.mainComponent) === null || _renderer$mainCompone2 === void 0 ? void 0 : _renderer$mainCompone2.left) !== null && _renderer$mainCompone !== void 0 ? _renderer$mainCompone : 0;
-	const canvasHeight = (_renderer$engine$heig = renderer === null || renderer === void 0 ? void 0 : renderer.engine.height) !== null && _renderer$engine$heig !== void 0 ? _renderer$engine$heig : 0;
-	const scaleY = (_renderer$scene$scale = renderer === null || renderer === void 0 ? void 0 : renderer.scene.scaleY) !== null && _renderer$scene$scale !== void 0 ? _renderer$scene$scale : 1;
-	const paragraphs = (_currentDoc$getBody$p = currentDoc === null || currentDoc === void 0 || (_currentDoc$getBody2 = currentDoc.getBody()) === null || _currentDoc$getBody2 === void 0 ? void 0 : _currentDoc$getBody2.paragraphs) !== null && _currentDoc$getBody$p !== void 0 ? _currentDoc$getBody$p : [];
+	const readLayout = () => {
+		var _renderer$mainCompone, _renderer$mainCompone2, _renderer$engine$heig, _renderer$scene$scale;
+		return {
+			left: (_renderer$mainCompone = renderer === null || renderer === void 0 || (_renderer$mainCompone2 = renderer.mainComponent) === null || _renderer$mainCompone2 === void 0 ? void 0 : _renderer$mainCompone2.left) !== null && _renderer$mainCompone !== void 0 ? _renderer$mainCompone : 0,
+			canvasHeight: (_renderer$engine$heig = renderer === null || renderer === void 0 ? void 0 : renderer.engine.height) !== null && _renderer$engine$heig !== void 0 ? _renderer$engine$heig : 0,
+			scaleY: (_renderer$scene$scale = renderer === null || renderer === void 0 ? void 0 : renderer.scene.scaleY) !== null && _renderer$scene$scale !== void 0 ? _renderer$scene$scale : 1
+		};
+	};
+	const { left, canvasHeight, scaleY } = useObservable((renderer === null || renderer === void 0 ? void 0 : renderer.engine.onTransformChange$) ? () => fromEventSubject(renderer.engine.onTransformChange$).pipe(throttleTime(33), map(readLayout), startWith(readLayout())) : null, readLayout(), false, [renderer]);
+	const paragraphs = (_documentData$body$pa = documentData === null || documentData === void 0 || (_documentData$body2 = documentData.body) === null || _documentData$body2 === void 0 ? void 0 : _documentData$body2.paragraphs) !== null && _documentData$body$pa !== void 0 ? _documentData$body$pa : [];
 	const paragraphMap = useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
 		paragraphs.forEach((p) => {
@@ -15282,7 +15405,6 @@ function DocSideMenuContent() {
 		});
 		return map;
 	}, [paragraphs]);
-	useObservable(useMemo(() => (renderer === null || renderer === void 0 ? void 0 : renderer.engine.onTransformChange$) ? fromEventSubject(renderer === null || renderer === void 0 ? void 0 : renderer.engine.onTransformChange$).pipe(throttleTime(33)) : of(null), [renderer === null || renderer === void 0 ? void 0 : renderer.engine.onTransformChange$]));
 	const mode = left < 180 ? "float" : "side-bar";
 	let minLevel = Infinity;
 	const paragraphMenus = paragraphs === null || paragraphs === void 0 ? void 0 : paragraphs.filter((p) => {
@@ -15314,17 +15436,6 @@ function DocSideMenuContent() {
 		isTitle: true
 	}] : [], ...paragraphMenus !== null && paragraphMenus !== void 0 ? paragraphMenus : []].filter(Boolean);
 	const [open, setOpen] = useState(true);
-	useEffect(() => {
-		const debounceUpdater = debounce(setUpdateKey, 100);
-		const sub = commandService.onCommandExecuted((commandInfo) => {
-			if (commandInfo.id === RichTextEditingMutation.id) {
-				if (commandInfo.params.unitId === (currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId())) debounceUpdater((prev) => prev + 1);
-			}
-		});
-		return () => {
-			sub.dispose();
-		};
-	}, [commandService, currentDoc]);
 	useEffect(() => {
 		const viewport = renderer === null || renderer === void 0 ? void 0 : renderer.scene.getViewport("viewMain");
 		if (!viewport) return;
@@ -15724,7 +15835,7 @@ function resolveDocsCustomBlockRenderViewport(params) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.3";
+var version = "1.0.0-alpha.4";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -15789,6 +15900,67 @@ const DocParagraphSettingCommand = {
 	}
 };
 
+//#endregion
+//#region src/views/float-toolbar/FloatToolbar.tsx
+const FLOAT_MENU_COMPONENT_KEY = "univer.doc.float-menu";
+const DEFAULT_AVALIABLE_MENUS = [
+	FLOAT_TEXT_STYLE_MENU_ID,
+	SetInlineFormatFontSizeCommand.id,
+	SetInlineFormatBoldCommand.id,
+	SetInlineFormatItalicCommand.id,
+	SetInlineFormatUnderlineCommand.id,
+	SetInlineFormatStrikethroughCommand.id,
+	SetInlineFormatSubscriptCommand.id,
+	SetInlineFormatSuperscriptCommand.id,
+	SetInlineFormatTextColorCommand.id,
+	SetInlineFormatTextBackgroundColorCommand.id
+];
+function resolveFloatToolbarMenus(menuManagerService, avaliableMenus) {
+	const floatToolbarMenus = menuManagerService.getMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION);
+	const flatMenus = [...menuManagerService.getFlatMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION), ...menuManagerService.getFlatMenuByPositionKey(MenuManagerPosition.RIBBON)];
+	const menus = [];
+	for (const key of avaliableMenus) {
+		const item = flatMenus.find((item) => item.key === key);
+		if (item) menus.push(item);
+	}
+	return {
+		menus,
+		extraMenus: floatToolbarMenus.filter((item) => item.item && !avaliableMenus.includes(item.key))
+	};
+}
+function FloatToolbar(props) {
+	const { avaliableMenus = DEFAULT_AVALIABLE_MENUS } = props;
+	const menuManagerService = useDependency(IMenuManagerService);
+	const [menus, setMenus] = useState([]);
+	const [extraMenus, setExtraMenus] = useState([]);
+	useEffect(() => {
+		function getRibbon() {
+			const { menus, extraMenus } = resolveFloatToolbarMenus(menuManagerService, avaliableMenus);
+			setMenus(menus);
+			setExtraMenus(extraMenus);
+		}
+		getRibbon();
+		const subscription = menuManagerService.menuChanged$.subscribe(getRibbon);
+		return () => {
+			subscription.unsubscribe();
+		};
+	}, [avaliableMenus, menuManagerService]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("univer-box-border univer-flex univer-rounded univer-bg-white univer-py-1.5 univer-shadow-sm dark:!univer-border-gray-700 dark:!univer-bg-gray-900", borderClassName),
+		children: [
+			menus.map((groupItem) => groupItem.item && /* @__PURE__ */ jsx("div", {
+				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
+				children: /* @__PURE__ */ jsx(ToolbarItem, { ...groupItem.item }, groupItem.key)
+			}, groupItem.key)),
+			extraMenus.length > 0 && /* @__PURE__ */ jsx("div", { className: "univer-my-1 univer-w-px univer-bg-gray-200 dark:univer-bg-gray-700" }),
+			extraMenus.map((groupItem) => groupItem.item && /* @__PURE__ */ jsx("div", {
+				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
+				children: /* @__PURE__ */ jsx(ToolbarItem, { ...groupItem.item }, groupItem.key)
+			}, groupItem.key))
+		]
+	});
+}
+
 //#endregion
 //#region src/utils/section-header-footer.ts
 function getDocPageSectionContext(snapshot, page) {
@@ -16029,20 +16201,9 @@ const DocHeaderFooterPanel = () => {
 	const renderManagerService = useDependency(IRenderManagerService);
 	const unitId = useDependency(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC).getUnitId();
 	const viewModel = ((_renderManagerService = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSkeletonManagerService)).getViewModel();
-	const [isEditHeaderFooter, setIsEditHeaderFooter] = useState(true);
-	useEffect(() => {
-		setIsEditHeaderFooter(viewModel.getEditArea() !== DocumentEditArea.BODY);
-		const subscription = viewModel.editAreaChange$.subscribe((editArea) => {
-			if (editArea == null) return;
-			setIsEditHeaderFooter(editArea !== DocumentEditArea.BODY);
-		});
-		return () => {
-			subscription.unsubscribe();
-		};
-	}, []);
 	return /* @__PURE__ */ jsx("div", {
 		className: "univer-text-sm",
-		children: isEditHeaderFooter ? /* @__PURE__ */ jsx(DocHeaderFooterOptions, { unitId }) : /* @__PURE__ */ jsx("div", {
+		children: useObservable(() => viewModel.editAreaChange$.pipe(filter((editArea) => editArea != null), map((editArea) => editArea !== DocumentEditArea.BODY)), viewModel.getEditArea() !== DocumentEditArea.BODY, false, [viewModel]) ? /* @__PURE__ */ jsx(DocHeaderFooterOptions, { unitId }) : /* @__PURE__ */ jsx("div", {
 			className: "univer-text-gray-400",
 			children: localeService.t("docs-ui.headerFooter.disableText")
 		})
@@ -16176,8 +16337,7 @@ function createTextColorSwatchIcon(color) {
 function createBackgroundColorSwatchIcon(index) {
 	return function DocParagraphBackgroundColorSwatchIcon(props) {
 		const themeService = useDependency(ThemeService);
-		useObservable(themeService.currentTheme$);
-		const color = getHighlightBackgroundColor(themeService, index);
+		const color = useObservable(() => themeService.currentTheme$.pipe(map(() => getHighlightBackgroundColor(themeService, index))), getHighlightBackgroundColor(themeService, index), false, [index, themeService]);
 		return /* @__PURE__ */ jsx(BackgroundColorSwatchIcon, {
 			...props,
 			color
@@ -16731,69 +16891,8 @@ function ParagraphSettingIndex() {
 	return /* @__PURE__ */ jsx(ParagraphSetting, {}, key);
 }
 
-//#endregion
-//#region src/views/float-toolbar/FloatToolbar.tsx
-const DEFAULT_AVALIABLE_MENUS = [
-	FLOAT_TEXT_STYLE_MENU_ID,
-	SetInlineFormatFontSizeCommand.id,
-	SetInlineFormatBoldCommand.id,
-	SetInlineFormatItalicCommand.id,
-	SetInlineFormatUnderlineCommand.id,
-	SetInlineFormatStrikethroughCommand.id,
-	SetInlineFormatSubscriptCommand.id,
-	SetInlineFormatSuperscriptCommand.id,
-	SetInlineFormatTextColorCommand.id,
-	SetInlineFormatTextBackgroundColorCommand.id
-];
-function resolveFloatToolbarMenus(menuManagerService, avaliableMenus) {
-	const floatToolbarMenus = menuManagerService.getMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION);
-	const flatMenus = [...menuManagerService.getFlatMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION), ...menuManagerService.getFlatMenuByPositionKey(MenuManagerPosition.RIBBON)];
-	const menus = [];
-	for (const key of avaliableMenus) {
-		const item = flatMenus.find((item) => item.key === key);
-		if (item) menus.push(item);
-	}
-	return {
-		menus,
-		extraMenus: floatToolbarMenus.filter((item) => item.item && !avaliableMenus.includes(item.key))
-	};
-}
-function FloatToolbar(props) {
-	const { avaliableMenus = DEFAULT_AVALIABLE_MENUS } = props;
-	const menuManagerService = useDependency(IMenuManagerService);
-	const [menus, setMenus] = useState([]);
-	const [extraMenus, setExtraMenus] = useState([]);
-	useEffect(() => {
-		function getRibbon() {
-			const { menus, extraMenus } = resolveFloatToolbarMenus(menuManagerService, avaliableMenus);
-			setMenus(menus);
-			setExtraMenus(extraMenus);
-		}
-		getRibbon();
-		const subscription = menuManagerService.menuChanged$.subscribe(getRibbon);
-		return () => {
-			subscription.unsubscribe();
-		};
-	}, [avaliableMenus, menuManagerService]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("univer-box-border univer-flex univer-rounded univer-bg-white univer-py-1.5 univer-shadow-sm dark:!univer-border-gray-700 dark:!univer-bg-gray-900", borderClassName),
-		children: [
-			menus.map((groupItem) => groupItem.item && /* @__PURE__ */ jsx("div", {
-				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
-				children: /* @__PURE__ */ jsx(ToolbarItem, { ...groupItem.item }, groupItem.key)
-			}, groupItem.key)),
-			extraMenus.length > 0 && /* @__PURE__ */ jsx("div", { className: "univer-my-1 univer-w-px univer-bg-gray-200 dark:univer-bg-gray-700" }),
-			extraMenus.map((groupItem) => groupItem.item && /* @__PURE__ */ jsx("div", {
-				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
-				children: /* @__PURE__ */ jsx(ToolbarItem, { ...groupItem.item }, groupItem.key)
-			}, groupItem.key))
-		]
-	});
-}
-
 //#endregion
 //#region src/services/float-menu.service.ts
-const FLOAT_MENU_COMPONENT_KEY = "univer.doc.float-menu";
 function isInSameLine(startNodePosition, endNodePosition) {
 	if (startNodePosition == null || endNodePosition == null) return false;
 	const { glyph: _startGlyph, ...startRest } = startNodePosition;
@@ -16802,17 +16901,15 @@ function isInSameLine(startNodePosition, endNodePosition) {
 }
 const SKIP_SYMBOLS = [DataStreamTreeTokenType.CUSTOM_BLOCK, DataStreamTreeTokenType.PARAGRAPH];
 let DocFloatMenuService = class DocFloatMenuService extends Disposable {
-	constructor(_context, _docSelectionManagerService, _docCanvasPopManagerService, _componentManager, _univerInstanceService, _docSelectionRenderService) {
+	constructor(_context, _docSelectionManagerService, _docCanvasPopManagerService, _univerInstanceService, _docSelectionRenderService) {
 		super();
 		this._context = _context;
 		this._docSelectionManagerService = _docSelectionManagerService;
 		this._docCanvasPopManagerService = _docCanvasPopManagerService;
-		this._componentManager = _componentManager;
 		this._univerInstanceService = _univerInstanceService;
 		this._docSelectionRenderService = _docSelectionRenderService;
 		_defineProperty(this, "_floatMenu", null);
 		if (isInternalEditorID(this._context.unitId)) return;
-		this._registerFloatMenu();
 		this._initSelectionChange();
 		this.disposeWithMe(() => {
 			this._hideFloatMenu();
@@ -16824,9 +16921,6 @@ let DocFloatMenuService = class DocFloatMenuService extends Disposable {
 	hideFloatMenu() {
 		this._hideFloatMenu();
 	}
-	_registerFloatMenu() {
-		this.disposeWithMe(this._componentManager.register(FLOAT_MENU_COMPONENT_KEY, FloatToolbar));
-	}
 	_initSelectionChange() {
 		this.disposeWithMe(this._docSelectionRenderService.onSelectionStart$.subscribe(() => {
 			this._hideFloatMenu();
@@ -16874,9 +16968,8 @@ let DocFloatMenuService = class DocFloatMenuService extends Disposable {
 DocFloatMenuService = __decorate([
 	__decorateParam(1, Inject(DocSelectionManagerService)),
 	__decorateParam(2, Inject(DocCanvasPopManagerService)),
-	__decorateParam(3, Inject(ComponentManager)),
-	__decorateParam(4, Inject(IUniverInstanceService)),
-	__decorateParam(5, Inject(DocSelectionRenderService))
+	__decorateParam(3, Inject(IUniverInstanceService)),
+	__decorateParam(4, Inject(DocSelectionRenderService))
 ], DocFloatMenuService);
 function isRangeInCodeBlock(documentDataModel, range) {
 	var _documentDataModel$ge3, _documentDataModel$ge4;
@@ -18325,8 +18418,8 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			children: [/* @__PURE__ */ jsx(TargetIcon, {}), (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.draggable) && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: "univer-group univer-flex univer-h-4 univer-w-2.5 univer-cursor-grab univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 active:univer-cursor-grabbing",
-				"aria-label": "Drag block",
-				title: "Drag block",
+				"aria-label": localeService.t("docs-ui.doc.blockMenu.dragBlock"),
+				title: localeService.t("docs-ui.doc.blockMenu.dragBlock"),
 				onPointerDown: (event) => {
 					var _docParagraphMenuServ4, _event$currentTarget$, _event$currentTarget;
 					const latestTarget = (_docParagraphMenuServ4 = docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) !== null && _docParagraphMenuServ4 !== void 0 ? _docParagraphMenuServ4 : activeTarget;
@@ -18580,10 +18673,8 @@ function useSectionSetting() {
 	const instanceService = useDependency(IUniverInstanceService);
 	const selectionManager = useDependency(DocSelectionManagerService);
 	const documentDataModel = useObservable(useMemo(() => instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [instanceService]));
-	useObservable(selectionManager.textSelection$);
-	useObservable(documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.change$);
-	const ranges = selectionManager.getDocRanges();
-	const sections = (documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDocumentStyle().documentFlavor) === DocumentFlavor.TRADITIONAL ? getSelectedSections(documentDataModel, ranges) : [];
+	const resolveSections = () => (documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDocumentStyle().documentFlavor) === DocumentFlavor.TRADITIONAL ? getSelectedSections(documentDataModel, selectionManager.getDocRanges()) : [];
+	const sections = useObservable(documentDataModel ? () => combineLatest([selectionManager.textSelection$.pipe(startWith(void 0)), documentDataModel.change$.pipe(startWith(void 0))]).pipe(map(resolveSections)) : null, resolveSections(), false, [documentDataModel, selectionManager]);
 	const values = getSectionSettingValues(sections);
 	const update = (updates) => {
 		if (!documentDataModel || updates.length === 0) return Promise.resolve(false);
@@ -18636,6 +18727,24 @@ function SectionSetting() {
 	const localeService = useDependency(LocaleService);
 	const controller = useDependency(DocSectionSettingController);
 	const setting = useSectionSetting();
+	const labels = useMemo(() => ({
+		selectedSections: localeService.t("docs-ui.doc.sectionSetting.selectedSections", String(setting.selectedCount)),
+		columnCount: localeService.t("docs-ui.doc.sectionSetting.columnCount"),
+		columnGap: `${localeService.t("docs-ui.doc.sectionSetting.columnGap")}(px)`,
+		columnSeparator: localeService.t("docs-ui.doc.sectionSetting.columnSeparator"),
+		none: localeService.t("docs-ui.doc.sectionSetting.none"),
+		betweenColumns: localeService.t("docs-ui.doc.sectionSetting.betweenColumns"),
+		sectionStart: localeService.t("docs-ui.doc.sectionSetting.sectionStart"),
+		unspecified: localeService.t("docs-ui.doc.sectionSetting.unspecified"),
+		continuous: localeService.t("docs-ui.doc.sectionSetting.continuous"),
+		nextPage: localeService.t("docs-ui.doc.sectionSetting.nextPage"),
+		evenPage: localeService.t("docs-ui.doc.sectionSetting.evenPage"),
+		oddPage: localeService.t("docs-ui.doc.sectionSetting.oddPage")
+	}), [
+		useObservable(localeService.currentLocale$),
+		localeService,
+		setting.selectedCount
+	]);
 	useEffect(() => {
 		if (!setting.valid) controller.closePanel();
 	}, [controller, setting.valid]);
@@ -18644,12 +18753,12 @@ function SectionSetting() {
 		className: "univer-box-border univer-w-full",
 		children: [setting.selectedCount > 1 && /* @__PURE__ */ jsx("div", {
 			className: "univer-mb-4 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-300",
-			children: localeService.t("docs-ui.doc.sectionSetting.selectedSections", String(setting.selectedCount))
+			children: labels.selectedSections
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-grid univer-gap-3",
 			children: [
 				/* @__PURE__ */ jsx(SettingRow, {
-					label: localeService.t("docs-ui.doc.sectionSetting.columnCount"),
+					label: labels.columnCount,
 					children: /* @__PURE__ */ jsx(InputNumber, {
 						className: "univer-w-full",
 						min: 1,
@@ -18661,7 +18770,7 @@ function SectionSetting() {
 					})
 				}),
 				/* @__PURE__ */ jsx(SettingRow, {
-					label: `${localeService.t("docs-ui.doc.sectionSetting.columnGap")}(px)`,
+					label: labels.columnGap,
 					children: /* @__PURE__ */ jsx(InputNumber, {
 						className: "univer-w-full",
 						min: 0,
@@ -18673,44 +18782,44 @@ function SectionSetting() {
 					})
 				}),
 				/* @__PURE__ */ jsx(SettingRow, {
-					label: localeService.t("docs-ui.doc.sectionSetting.columnSeparator"),
+					label: labels.columnSeparator,
 					children: /* @__PURE__ */ jsx(Select, {
 						className: "univer-w-full",
 						value: setting.separatorType == null ? "" : String(setting.separatorType),
 						options: [{
-							label: localeService.t("docs-ui.doc.sectionSetting.none"),
+							label: labels.none,
 							value: String(ColumnSeparatorType.NONE)
 						}, {
-							label: localeService.t("docs-ui.doc.sectionSetting.betweenColumns"),
+							label: labels.betweenColumns,
 							value: String(ColumnSeparatorType.BETWEEN_EACH_COLUMN)
 						}],
 						onChange: (value) => setting.setSeparatorType(Number(value))
 					})
 				}),
 				/* @__PURE__ */ jsx(SettingRow, {
-					label: localeService.t("docs-ui.doc.sectionSetting.sectionStart"),
+					label: labels.sectionStart,
 					children: /* @__PURE__ */ jsx(Select, {
 						className: "univer-w-full",
 						value: setting.sectionType == null ? "" : String(setting.sectionType),
 						options: [
 							{
-								label: localeService.t("docs-ui.doc.sectionSetting.unspecified"),
+								label: labels.unspecified,
 								value: String(SectionType.SECTION_TYPE_UNSPECIFIED)
 							},
 							{
-								label: localeService.t("docs-ui.doc.sectionSetting.continuous"),
+								label: labels.continuous,
 								value: String(SectionType.CONTINUOUS)
 							},
 							{
-								label: localeService.t("docs-ui.doc.sectionSetting.nextPage"),
+								label: labels.nextPage,
 								value: String(SectionType.NEXT_PAGE)
 							},
 							{
-								label: localeService.t("docs-ui.doc.sectionSetting.evenPage"),
+								label: labels.evenPage,
 								value: String(SectionType.EVEN_PAGE)
 							},
 							{
-								label: localeService.t("docs-ui.doc.sectionSetting.oddPage"),
+								label: labels.oddPage,
 								value: String(SectionType.ODD_PAGE)
 							}
 						],
@@ -18726,7 +18835,6 @@ function SectionSetting() {
 //#region src/views/section-setting/index.tsx
 function SectionSettingIndex() {
 	const commandService = useDependency(ICommandService);
-	useObservable(useDependency(LocaleService).currentLocale$);
 	const [key, setKey] = useState(() => generateRandomId(4));
 	useEffect(() => {
 		const disposable = commandService.onCommandExecuted((info) => {
@@ -18825,6 +18933,7 @@ let ComponentsController = class ComponentsController extends Disposable {
 			DeleteColumnDoubleIcon,
 			DeleteIcon,
 			DeleteRowDoubleIcon,
+			DeleteTableDoubleIcon,
 			DocSettingIcon,
 			FontColorDoubleIcon,
 			GridIcon,
@@ -18901,6 +19010,7 @@ let ComponentsController = class ComponentsController extends Disposable {
 			[ORDER_LIST_TYPE_COMPONENT, OrderListTypePicker],
 			[DOC_PARAGRAPH_MENU_COMPONENT_KEY, ParagraphMenu],
 			[DOC_TABLE_BLOCK_MENU_COMPONENT_KEY, TableBlockMenu],
+			[FLOAT_MENU_COMPONENT_KEY, FloatToolbar],
 			[PAGE_SETTING_COMPONENT_ID, PageSettings]
 		].forEach(([key, comp]) => {
 			this.disposeWithMe(this._componentManager.register(key, comp));
@@ -21164,13 +21274,12 @@ const H5HeadingShortcut = headingShortcut(H5HeadingCommand.id, KeyCode.Digit5);
 //#endregion
 //#region src/plugin.ts
 let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
-	constructor(_config = defaultPluginConfig, _injector, _renderManagerSrv, _commandService, _logService, _configService) {
+	constructor(_config = defaultPluginConfig, _injector, _renderManagerSrv, _commandService, _configService) {
 		super();
 		this._config = _config;
 		this._injector = _injector;
 		this._renderManagerSrv = _renderManagerSrv;
 		this._commandService = _commandService;
-		this._logService = _logService;
 		this._configService = _configService;
 		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
 		if (menu) this._configService.setConfig("menu", menu, { merge: true });
@@ -21181,7 +21290,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 	}
 	onReady() {
 		this._initRenderBasics();
-		this._markDocAsFocused();
+		this._initAutoFocus();
 		touchDependencies(this._injector, [[DocsRenderService]]);
 	}
 	onRendered() {
@@ -21361,19 +21470,14 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			[DocMenuStyleService]
 		], this._config.override).forEach((d) => injector.add(d));
 	}
-	_markDocAsFocused() {
+	_initAutoFocus() {
 		const currentService = this._injector.get(IUniverInstanceService);
 		const editorService = this._injector.get(IEditorService);
-		try {
-			const doc = currentService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		this.disposeWithMe(currentService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).subscribe((doc) => {
 			if (!doc) return;
 			const id = doc.getUnitId();
-			const createOptions = currentService.getUnitCreateOptions(id);
-			if ((createOptions === null || createOptions === void 0 ? void 0 : createOptions.makeCurrent) === false) return;
-			if (!editorService.isEditor(id)) currentService.focusUnit(doc.getUnitId());
-		} catch (err) {
-			this._logService.warn(err);
-		}
+			if (!editorService.isEditor(id)) currentService.focusUnit(id);
+		}));
 	}
 	_initRenderBasics() {
 		[
@@ -21418,8 +21522,7 @@ UniverDocsUIPlugin = __decorate([
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, ICommandService),
-	__decorateParam(4, ILogService),
-	__decorateParam(5, IConfigService)
+	__decorateParam(4, IConfigService)
 ], UniverDocsUIPlugin);
 
 //#endregion
@@ -21875,6 +21978,7 @@ const useResize = (editor, isSingle = true, autoScrollbar, autoScroll) => {
 //#endregion
 //#region src/views/RichTextEditor.tsx
 const RichTextEditor = (props) => {
+	var _docSelectionRenderSe3;
 	const { className, autoFocus, onFocusChange: _onFocusChange, initialValue, onClickOutside: _onClickOutside, keyboardEventConfig, moveCursor = true, style, isSingle, editorId: propsEditorId, onHeightChange, onChange: _onChange, defaultHeight = 32, maxHeight = 32, icon, editorRef, placeholder, noStyle } = props;
 	useDependency(IEditorService);
 	const commandService = useDependency(ICommandService);
@@ -21892,12 +21996,22 @@ const RichTextEditor = (props) => {
 		isSingle
 	});
 	const renderer = useDependency(IRenderManagerService).getRenderById(editorId);
-	const isFocusing = useIsFocusing(editorId);
+	const selectionIsFocusing = useIsFocusing(editorId);
+	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocSelectionRenderService);
+	const editorFocused = useObservable(editor ? () => {
+		var _docSelectionRenderSe2;
+		return merge$1(editor.focus$, editor.blur$).pipe(map(() => {
+			var _docSelectionRenderSe;
+			return (_docSelectionRenderSe = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe !== void 0 ? _docSelectionRenderSe : false;
+		}), startWith((_docSelectionRenderSe2 = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe2 !== void 0 ? _docSelectionRenderSe2 : false));
+	} : null, (_docSelectionRenderSe3 = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe3 !== void 0 ? _docSelectionRenderSe3 : false, false, [docSelectionRenderService, editor]);
+	const isFocusing = selectionIsFocusing && editorFocused;
 	const sheetEmbeddingRef = useRef(null);
-	const [showPlaceholder, setShowPlaceholder] = useState(() => {
+	const resolveShowPlaceholder = () => {
 		var _editor$getDocumentDa, _editor$getDocumentDa2;
 		return !BuildTextUtils.transform.getPlainText((_editor$getDocumentDa = editor === null || editor === void 0 || (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "");
-	});
+	};
+	const showPlaceholder = useObservable(editor ? () => editor.selectionChange$.pipe(map(resolveShowPlaceholder), startWith(resolveShowPlaceholder())) : null, resolveShowPlaceholder(), false, [editor]);
 	const { checkScrollBar } = useResize(editor, isSingle, true, true);
 	useLayoutEffect(() => {
 		if (!editorRef || !editor) return;
@@ -21918,17 +22032,6 @@ const RichTextEditor = (props) => {
 		_onChange === null || _onChange === void 0 || _onChange(data, getPlainText((_data$body$dataStream = (_data$body = data.body) === null || _data$body === void 0 ? void 0 : _data$body.dataStream) !== null && _data$body$dataStream !== void 0 ? _data$body$dataStream : ""));
 		checkScrollBar();
 	});
-	useEffect(() => {
-		var _editor$getDocumentDa3, _editor$getDocumentDa4;
-		setShowPlaceholder(!BuildTextUtils.transform.getPlainText((_editor$getDocumentDa3 = editor === null || editor === void 0 || (_editor$getDocumentDa4 = editor.getDocumentData().body) === null || _editor$getDocumentDa4 === void 0 ? void 0 : _editor$getDocumentDa4.dataStream) !== null && _editor$getDocumentDa3 !== void 0 ? _editor$getDocumentDa3 : ""));
-		const sub = editor === null || editor === void 0 ? void 0 : editor.selectionChange$.subscribe(() => {
-			var _editor$getDocumentDa5, _editor$getDocumentDa6;
-			setShowPlaceholder(!BuildTextUtils.transform.getPlainText((_editor$getDocumentDa5 = editor === null || editor === void 0 || (_editor$getDocumentDa6 = editor.getDocumentData().body) === null || _editor$getDocumentDa6 === void 0 ? void 0 : _editor$getDocumentDa6.dataStream) !== null && _editor$getDocumentDa5 !== void 0 ? _editor$getDocumentDa5 : ""));
-		});
-		return () => sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
-	}, [editor]);
-	useObservable(editor === null || editor === void 0 ? void 0 : editor.blur$);
-	useObservable(editor === null || editor === void 0 ? void 0 : editor.focus$);
 	useEffect(() => {
 		var _data$body$dataStream2, _data$body2;
 		const data = editor === null || editor === void 0 ? void 0 : editor.getDocumentData();
@@ -21979,4 +22082,4 @@ const RichTextEditor = (props) => {
 };
 
 //#endregion
-export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignMenuItemFactory, AlignOperationCommand, AlignRightCommand, BackgroundColorSelectorMenuItemFactory, BoldMenuItemFactory, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_UI_PLUGIN_CONFIG_KEY, DOCS_VIEW_KEY, DOC_CONTENT_INSERT_MENU_ID, DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE, DOC_PARAGRAPH_T_ALIGN_MENU_ID, DOC_PARAGRAPH_T_COLORS_MENU_ID, DOC_PARAGRAPH_T_DIVIDER_MENU_ID, DOC_PARAGRAPH_T_EDIT_MENU_ID, DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID, DOC_PARAGRAPH_T_INSERT_MENU_ID, DOC_TABLE_BLOCK_MENU_ID, DOC_VERTICAL_PADDING, DeleteCurrentParagraphCommand, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocClipboardPasteAdapterService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocFloatMenuService, DocHtmlExportService, DocIMEInputManagerService, DocPageLayoutService, DocParagraphMenuService, DocParagraphPlaceholderRenderController, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocViewScaleService, DocsRenderService, menuSchema as DocsUIMenuSchema, EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY, EMPTY_PARAGRAPH_MENU_ID, Editor, EditorService, EnterCommand, FLOAT_TEXT_STYLE_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, FloatTextStyleMenuItemFactory, FontFamilySelectorMenuItemFactory, FontSizeSelectorMenuItemFactory, HorizontalLineCommand, IDocClipboardPasteAdapterService, IDocClipboardService, IDocEmbedInteractionBoundaryService, IDocEmbedRuntimeFocusCoordinator, IEditorService, IMEInputCommand, INSERT_BELLOW_MENU_ID, InnerPasteCommand, InsertCustomRangeCommand, ItalicMenuItemFactory, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveDocBlockCommand, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, ParagraphMenuInsertBelowSubmenuItemFactory, LarkPastePlugin as PastePluginLark, UniverPastePlugin as PastePluginUniver, WordPastePlugin as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, ResetInlineFormatTextColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatTextFillCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, StrikeThroughMenuItemFactory, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextColorSelectorMenuItemFactory, TextRange, ToggleCheckListCommand, UnderlineMenuItemFactory, UniverDocsUIPlugin, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, buildMoveDocBlockActions, calcDocFitToWidthScale, calcDocRangePositions, collectDocsTableLikeEmbedChildUnitIds, convertBodyToHtml, convertPositionsToRectRanges, createDefaultDocsTableLikeCustomBlockBleedViewport, createDocsCustomBlockInsertMutation, createDocsCustomBlockRemoveMutation, createDocsCustomBlockSizeRefreshScheduler, createEditorUndoRedoKeyboardConfig, createEmbedDocsCustomBlockData, createInsertCustomBlockActions, createRemoveCustomBlockActions, deleteCustomDecorationFactory, disableMenuWhenHeaderFooterEditing, docDrawingPositionToTransform, executeEditorUndoRedoCommand, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCustomBlockIdsInSelections, getCutActionsFromDocRanges, getDocBlockRangeMenuId, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getListMarkerFallbackBound, getListParagraphContextMenuHit, getOneTextSelectionRange, getStyleInTextRange, getTableColumn, hasParagraphInTable, hideMenuWhenSelectionInBlockRange, isInSameTableCell, isSheetLikeDocsCustomBlockChildType, isTextRangeInAnyBlockRange, isValidRectRange, neoGetDocObject, normalizeDocFitToWidthOptions, resolveDocFitBaseWidth, resolveDocViewScale, resolveDocsCustomBlockRenderViewport, resolveDocsCustomBlockSize, resolveDocsTableLikeCustomBlockBleedViewport, resolveDocsTableLikeCustomBlockContentHeight, resolveDocsTableLikeCustomBlockContentWidth, scrollDocsTableLikeCustomBlockLive, shouldRefreshDocsCustomBlockSizeForCommand, transformToDocDrawingPosition, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };
+export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignMenuItemFactory, AlignOperationCommand, AlignRightCommand, BackgroundColorSelectorMenuItemFactory, BoldMenuItemFactory, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_UI_PLUGIN_CONFIG_KEY, DOCS_VIEW_KEY, DOC_CONTENT_INSERT_MENU_ID, DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE, DOC_PARAGRAPH_T_ALIGN_MENU_ID, DOC_PARAGRAPH_T_COLORS_MENU_ID, DOC_PARAGRAPH_T_DIVIDER_MENU_ID, DOC_PARAGRAPH_T_EDIT_MENU_ID, DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID, DOC_PARAGRAPH_T_INSERT_MENU_ID, DOC_TABLE_BLOCK_MENU_ID, DOC_VERTICAL_PADDING, DeleteCurrentParagraphCommand, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocClipboardPasteAdapterService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocFloatMenuService, DocHtmlExportService, DocIMEInputManagerService, DocPageLayoutService, DocParagraphMenuService, DocParagraphPlaceholderRenderController, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocViewScaleService, DocsRenderService, menuSchema as DocsUIMenuSchema, EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY, EMPTY_PARAGRAPH_MENU_ID, Editor, EditorService, EnterCommand, FLOAT_TEXT_STYLE_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, FloatTextStyleMenuItemFactory, FontFamilySelectorMenuItemFactory, FontSizeSelectorMenuItemFactory, HorizontalLineCommand, IDocClipboardPasteAdapterService, IDocClipboardService, IDocEmbedInteractionBoundaryService, IDocEmbedRuntimeFocusCoordinator, IEditorService, IMEInputCommand, INSERT_BELLOW_MENU_ID, InnerPasteCommand, InsertCustomRangeCommand, ItalicMenuItemFactory, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveDocBlockCommand, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, ParagraphMenuInsertBelowSubmenuItemFactory, LarkPastePlugin as PastePluginLark, UniverPastePlugin as PastePluginUniver, WordPastePlugin as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, ResetInlineFormatTextColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatTextFillCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, StrikeThroughMenuItemFactory, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextColorSelectorMenuItemFactory, TextRange, ToggleCheckListCommand, UnderlineMenuItemFactory, UniverDocsUIPlugin, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, buildMoveDocBlockActions, calcDocFitToWidthScale, calcDocRangePositions, collectDocsTableLikeEmbedChildUnitIds, convertBodyToHtml, convertPositionsToRectRanges, createDefaultDocsTableLikeCustomBlockBleedViewport, createDocsCustomBlockInsertMutation, createDocsCustomBlockRemoveMutation, createDocsCustomBlockSizeRefreshScheduler, createEditorUndoRedoKeyboardConfig, createEmbedDocsCustomBlockData, createInsertCustomBlockActions, createRemoveCustomBlockActions, deleteCustomDecorationFactory, disableMenuWhenHeaderFooterEditing, executeEditorUndoRedoCommand, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCutActionsFromDocRanges, getDocBlockRangeMenuId, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getListMarkerFallbackBound, getListParagraphContextMenuHit, getOneTextSelectionRange, getStyleInTextRange, getTableColumn, hasParagraphInTable, hideMenuWhenSelectionInBlockRange, isInSameTableCell, isSheetLikeDocsCustomBlockChildType, isTextRangeInAnyBlockRange, isValidRectRange, neoGetDocObject, normalizeDocFitToWidthOptions, resolveDocFitBaseWidth, resolveDocViewScale, resolveDocsCustomBlockRenderViewport, resolveDocsCustomBlockSize, resolveDocsTableLikeCustomBlockBleedViewport, resolveDocsTableLikeCustomBlockContentHeight, resolveDocsTableLikeCustomBlockContentWidth, scrollDocsTableLikeCustomBlockLive, shouldRefreshDocsCustomBlockSizeForCommand, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };