@univerjs/docs-ui 1.0.4 → 1.1.0

package/lib/cjs/index.js

@@ -270,7 +270,7 @@ function getCustomDecorationAtPosition(customDecorations, position) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -281,7 +281,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -294,14 +294,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -312,7 +312,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -320,7 +320,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -436,8 +436,8 @@ let DocMenuStyleService = class DocMenuStyleService extends _univerjs_core.Dispo
 		}));
 	}
 	_listenDocRangeChange() {
-		this.disposeWithMe(this._textSelectionManagerService.textSelection$.subscribe(() => {
-			this._clearStyleCache();
+		this.disposeWithMe(this._textSelectionManagerService.textSelection$.subscribe(({ options }) => {
+			if (!(options === null || options === void 0 ? void 0 : options.preserveInputStyle)) this._clearStyleCache();
 		}));
 	}
 	getStyleCache() {
@@ -3458,7 +3458,12 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 			this._addRectRanges(rectRanges);
 		};
 		for (const range of ranges) {
-			const { startOffset, endOffset, rangeType, startNodePosition, endNodePosition } = range;
+			const { rangeType } = range;
+			let { startOffset, endOffset, startNodePosition, endNodePosition } = range;
+			if (rangeType !== _univerjs_core.DOC_RANGE_TYPE.RECT && range.direction === _univerjs_core.RANGE_DIRECTION.BACKWARD && startOffset < endOffset) {
+				[startOffset, endOffset] = [endOffset, startOffset];
+				[startNodePosition, endNodePosition] = [endNodePosition, startNodePosition];
+			}
 			const rangeStyle = range.style ?? style;
 			if (rangeType !== _univerjs_core.DOC_RANGE_TYPE.RECT && startOffset === endOffset) {
 				const textRange = cursorConvertToTextRange(scene, {
@@ -8561,23 +8566,39 @@ function getTableClipboardBodySlice(body, range) {
 	return getTableCellContentClipboardBodySlice(body, startOffset, endOffset);
 }
 function getTableCellContentClipboardBodySlice(body, start, end) {
-	var _bodySlice$textRuns, _bodySlice$tables, _bodySlice$paragraphs;
+	var _bodySlice$textRuns, _bodySlice$docxExport;
 	const bodySlice = (0, _univerjs_core.getBodySlice)(body, start, end + 2);
-	bodySlice.dataStream = _univerjs_core.DataStreamTreeTokenType.TABLE_START + _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_START + _univerjs_core.DataStreamTreeTokenType.TABLE_CELL_START + bodySlice.dataStream + _univerjs_core.DataStreamTreeTokenType.TABLE_CELL_END + _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_END + _univerjs_core.DataStreamTreeTokenType.TABLE_END;
+	const prefix = _univerjs_core.DataStreamTreeTokenType.TABLE_START + _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_START + _univerjs_core.DataStreamTreeTokenType.TABLE_CELL_START;
+	bodySlice.dataStream = prefix + bodySlice.dataStream + _univerjs_core.DataStreamTreeTokenType.TABLE_CELL_END + _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_END + _univerjs_core.DataStreamTreeTokenType.TABLE_END;
+	const offset = prefix.length;
 	(_bodySlice$textRuns = bodySlice.textRuns) === null || _bodySlice$textRuns === void 0 || _bodySlice$textRuns.forEach((textRun) => {
-		const { st, ed } = textRun;
-		textRun.st = st + 3;
-		textRun.ed = ed + 3;
+		textRun.st += offset;
+		textRun.ed += offset;
 	});
-	(_bodySlice$tables = bodySlice.tables) === null || _bodySlice$tables === void 0 || _bodySlice$tables.forEach((table) => {
-		const { startIndex, endIndex } = table;
-		table.startIndex = startIndex + 3;
-		table.endIndex = endIndex + 3;
-	});
-	(_bodySlice$paragraphs = bodySlice.paragraphs) === null || _bodySlice$paragraphs === void 0 || _bodySlice$paragraphs.forEach((paragraph) => {
-		const { startIndex } = paragraph;
-		paragraph.startIndex = startIndex + 3;
+	[
+		bodySlice.paragraphs,
+		bodySlice.sectionBreaks,
+		bodySlice.customBlocks,
+		bodySlice.docxRawCustomBlocks,
+		bodySlice.docxRawBlocks
+	].forEach((items) => items === null || items === void 0 ? void 0 : items.forEach((item) => {
+		item.startIndex += offset;
+	}));
+	[
+		bodySlice.tables,
+		bodySlice.columnGroups,
+		bodySlice.blockRanges,
+		bodySlice.customRanges,
+		bodySlice.customDecorations
+	].forEach((ranges) => ranges === null || ranges === void 0 ? void 0 : ranges.forEach((range) => {
+		range.startIndex += offset;
+		range.endIndex += offset;
+	}));
+	(_bodySlice$docxExport = bodySlice.docxExportExcludedRanges) === null || _bodySlice$docxExport === void 0 || _bodySlice$docxExport.forEach((range) => {
+		range.start += offset;
+		range.end += offset;
 	});
+	if (bodySlice.renderedPageBreaks) bodySlice.renderedPageBreaks = bodySlice.renderedPageBreaks.map((index) => index + offset);
 	return bodySlice;
 }
 const IDocClipboardService = (0, _univerjs_core.createIdentifier)("doc.clipboard-service");
@@ -12159,6 +12180,7 @@ function getLineFontFamily(line) {
 function drawParagraphPlaceholders(ctx, placeholders, color = PLACEHOLDER_COLOR) {
 	ctx.save();
 	ctx.fillStyle = color;
+	ctx.globalAlpha *= .5;
 	ctx.textBaseline = "alphabetic";
 	for (const placeholder of placeholders) {
 		const clipLeft = placeholder.clipLeft ?? placeholder.x;
@@ -12782,12 +12804,35 @@ var DocLayoutInteractionService = class extends _univerjs_core.Disposable {
 //#region src/services/doc-zoom.ts
 const DEFAULT_DOC_ZOOM_RATIO = 1;
 const DEFAULT_MODERN_DOC_ZOOM_RATIO = 1;
+const DOC_ZOOM_SHORTCUTS = [
+	50,
+	80,
+	100,
+	130,
+	150,
+	170,
+	200,
+	400
+];
 function getDocEffectiveZoomRatio(documentModel) {
 	var _documentModel$getSet, _documentModel$getSna;
 	const zoomRatio = (_documentModel$getSet = documentModel.getSettings()) === null || _documentModel$getSet === void 0 ? void 0 : _documentModel$getSet.zoomRatio;
 	if (zoomRatio != null) return zoomRatio;
 	return ((_documentModel$getSna = documentModel.getSnapshot().documentStyle) === null || _documentModel$getSna === void 0 ? void 0 : _documentModel$getSna.documentFlavor) === _univerjs_core.DocumentFlavor.MODERN ? 1 : DEFAULT_DOC_ZOOM_RATIO;
 }
+function getDocZoomRatio$(commandService, instanceService) {
+	return instanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.switchMap)((documentModel) => {
+		if (!documentModel) return (0, rxjs.of)(100);
+		return new rxjs.Observable((subscriber) => {
+			const update = () => subscriber.next(Math.round(getDocEffectiveZoomRatio(documentModel) * 100));
+			const disposable = commandService.onCommandExecuted((command) => {
+				if (command.id === SetDocZoomRatioOperation.id && command.params.unitId === documentModel.getUnitId()) update();
+			});
+			update();
+			return () => disposable.dispose();
+		});
+	}), (0, rxjs.distinctUntilChanged)());
+}
 
 //#endregion
 //#region src/services/doc-view-scale.ts
@@ -13437,11 +13482,13 @@ function doesDocMutationRequireLayout(actions, drawings) {
 	if (!sawComponent || !drawingOnly) return true;
 	if (transitions.size === 0) return false;
 	for (const [drawingId, transition] of transitions) {
-		var _drawings$drawingId;
-		const currentLayoutType = drawings === null || drawings === void 0 || (_drawings$drawingId = drawings[drawingId]) === null || _drawings$drawingId === void 0 ? void 0 : _drawings$drawingId.layoutType;
+		var _currentDrawing$docTr, _currentDrawing$docTr2;
+		const currentDrawing = drawings === null || drawings === void 0 ? void 0 : drawings[drawingId];
+		const currentLayoutType = currentDrawing === null || currentDrawing === void 0 ? void 0 : currentDrawing.layoutType;
 		const before = transition.before ?? currentLayoutType;
 		const after = transition.after ?? currentLayoutType;
 		if (before == null || after == null || before !== _univerjs_core.PositionedObjectLayoutType.WRAP_NONE || after !== _univerjs_core.PositionedObjectLayoutType.WRAP_NONE) return true;
+		if ((currentDrawing === null || currentDrawing === void 0 || (_currentDrawing$docTr = currentDrawing.docTransform) === null || _currentDrawing$docTr === void 0 ? void 0 : _currentDrawing$docTr.positionH.relativeFrom) !== _univerjs_core.ObjectRelativeFromH.PAGE || (currentDrawing === null || currentDrawing === void 0 || (_currentDrawing$docTr2 = currentDrawing.docTransform) === null || _currentDrawing$docTr2 === void 0 ? void 0 : _currentDrawing$docTr2.positionV.relativeFrom) !== _univerjs_core.ObjectRelativeFromV.PAGE) return true;
 	}
 	return false;
 }
@@ -18463,6 +18510,46 @@ function PasteRibbonMenuFactory(accessor) {
 	};
 }
 
+//#endregion
+//#region src/menu/display.menu.ts
+const DOC_ZOOM_RATIO_MENU_ID = "doc.menu.zoom-ratio";
+function DocZoomRatioMenuItemFactory(accessor) {
+	const commandService = accessor.get(_univerjs_core.ICommandService);
+	const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	return {
+		id: DOC_ZOOM_RATIO_MENU_ID,
+		type: _univerjs_ui.MenuItemType.SELECTOR,
+		icon: "ZoomInIcon",
+		tooltip: "docs-ui.toolbar.zoom",
+		selectionsCommandId: SetDocZoomRatioOperation.id,
+		selections: DOC_ZOOM_SHORTCUTS.map((value) => ({
+			value,
+			label: `${value}%`,
+			params: () => {
+				var _instanceService$getC;
+				return {
+					unitId: (_instanceService$getC = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId(),
+					zoomRatio: value / 100
+				};
+			}
+		})),
+		value$: getDocZoomRatio$(commandService, instanceService),
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
+	};
+}
+function DocFullscreenMenuItemFactory(accessor) {
+	const root = accessor.get(_univerjs_ui.ILayoutService).rootContainerElement;
+	const fullscreen$ = root ? (0, rxjs.merge)((0, rxjs.of)(null), (0, rxjs.fromEvent)(root.ownerDocument, "fullscreenchange")).pipe((0, rxjs.map)(() => root.ownerDocument.fullscreenElement === root), (0, rxjs.distinctUntilChanged)()) : (0, rxjs.of)(false);
+	return {
+		id: _univerjs_ui.ToggleFullscreenOperation.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		tooltip: "docs-ui.toolbar.fullscreen",
+		icon: fullscreen$.pipe((0, rxjs.map)((fullscreen) => fullscreen ? "ShrinkIcon" : "ExpandIcon")),
+		activated$: fullscreen$,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
+	};
+}
+
 //#endregion
 //#region src/views/paragraph-menu/theme-color.ts
 function getHighlightBackgroundColor(themeService, index) {
@@ -18871,7 +18958,7 @@ function ParagraphMenuInsertBelowSubmenuItemFactory(accessor) {
 	return {
 		id: DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		icon: "TextTypeIcon",
+		icon: "InsertBelowDoubleIcon",
 		title: "docs-ui.rightClick.insertBellow",
 		tooltip: "docs-ui.rightClick.insertBellow",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -19089,7 +19176,8 @@ const menuSchema = {
 			order: 0,
 			gridLayout: {
 				row: 2,
-				column: 1
+				column: 1,
+				width: 44
 			},
 			menuItemFactory: BoldMenuItemFactory
 		},
@@ -19097,7 +19185,8 @@ const menuSchema = {
 			order: 1,
 			gridLayout: {
 				row: 2,
-				column: 2
+				column: 2,
+				width: 44
 			},
 			menuItemFactory: ItalicMenuItemFactory
 		},
@@ -19105,7 +19194,8 @@ const menuSchema = {
 			order: 2,
 			gridLayout: {
 				row: 2,
-				column: 3
+				column: 3,
+				width: 44
 			},
 			menuItemFactory: UnderlineMenuItemFactory
 		},
@@ -19113,7 +19203,8 @@ const menuSchema = {
 			order: 3,
 			gridLayout: {
 				row: 2,
-				column: 4
+				column: 4,
+				width: 44
 			},
 			menuItemFactory: StrikeThroughMenuItemFactory
 		},
@@ -19121,7 +19212,8 @@ const menuSchema = {
 			order: 4,
 			gridLayout: {
 				row: 2,
-				column: 5
+				column: 6,
+				width: 44
 			},
 			menuItemFactory: SubscriptMenuItemFactory
 		},
@@ -19129,7 +19221,8 @@ const menuSchema = {
 			order: 5,
 			gridLayout: {
 				row: 2,
-				column: 6
+				column: 5,
+				width: 44
 			},
 			menuItemFactory: SuperscriptMenuItemFactory
 		},
@@ -19139,7 +19232,7 @@ const menuSchema = {
 				row: 1,
 				column: 1,
 				columnSpan: 2,
-				width: 100
+				width: 96
 			},
 			menuItemFactory: HeadingSelectorMenuItemFactory
 		},
@@ -19148,7 +19241,8 @@ const menuSchema = {
 			gridLayout: {
 				row: 1,
 				column: 7,
-				width: 64
+				columnSpan: 2,
+				width: 96
 			},
 			menuItemFactory: FontSizeSelectorMenuItemFactory
 		},
@@ -19158,7 +19252,7 @@ const menuSchema = {
 				row: 1,
 				column: 3,
 				columnSpan: 4,
-				width: 160
+				width: 200
 			},
 			menuItemFactory: FontFamilySelectorMenuItemFactory
 		},
@@ -19166,7 +19260,8 @@ const menuSchema = {
 			order: 8,
 			gridLayout: {
 				row: 2,
-				column: 7
+				column: 8,
+				width: 44
 			},
 			menuItemFactory: TextColorSelectorMenuItemFactory,
 			[ResetInlineFormatTextColorCommand.id]: {
@@ -19178,7 +19273,8 @@ const menuSchema = {
 			order: 9,
 			gridLayout: {
 				row: 2,
-				column: 8
+				column: 7,
+				width: 44
 			},
 			menuItemFactory: BackgroundColorSelectorMenuItemFactory,
 			[ResetInlineFormatTextBackgroundColorCommand.id]: {
@@ -19229,16 +19325,6 @@ const menuSchema = {
 				showLabel: true
 			},
 			menuItemFactory: HeaderFooterMenuItemFactory
-		},
-		[DocOpenPageSettingCommand.id]: {
-			order: 12,
-			gridLayout: {
-				row: 1,
-				column: 4,
-				rowSpan: 2,
-				showLabel: true
-			},
-			menuItemFactory: PageSettingMenuItemFactory
 		}
 	},
 	[_univerjs_ui.RibbonInsertGroup.MEDIA]: {
@@ -19313,6 +19399,34 @@ const menuSchema = {
 			menuItemFactory: SymbolPickerMenuItemFactory
 		}
 	},
+	[_univerjs_ui.RibbonViewGroup.DISPLAY]: {
+		[DocOpenPageSettingCommand.id]: {
+			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 1,
+				rowSpan: 2,
+				showLabel: true
+			},
+			menuItemFactory: PageSettingMenuItemFactory
+		},
+		[DOC_ZOOM_RATIO_MENU_ID]: {
+			order: 1,
+			gridLayout: {
+				row: 1,
+				column: 2
+			},
+			menuItemFactory: DocZoomRatioMenuItemFactory
+		},
+		[_univerjs_ui.ToggleFullscreenOperation.id]: {
+			order: 2,
+			gridLayout: {
+				row: 2,
+				column: 2
+			},
+			menuItemFactory: DocFullscreenMenuItemFactory
+		}
+	},
 	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: {
 		[_univerjs_ui.ContextMenuGroup.OTHERS]: { [OpenDocParagraphPermissionOperation.id]: {
 			order: 10,
@@ -20031,45 +20145,23 @@ const BulletListShortCut = {
 
 //#endregion
 //#region src/views/count-bar/ZoomSlider.tsx
-const ZOOM_MAP = [
-	50,
-	80,
-	100,
-	130,
-	150,
-	170,
-	200,
-	400
-];
 const DOC_ZOOM_RANGE = [10, 400];
 function ZoomSlider() {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const documentDataModel = (0, _univerjs_ui.useObservable)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.filter)((documentDataModel) => documentDataModel != null)), null, false, [univerInstanceService]);
-	const getCurrentZoom = (0, react.useCallback)((docModel = documentDataModel) => {
-		if (!docModel) return 100;
-		return Math.round(getDocEffectiveZoomRatio(docModel) * 100);
-	}, [documentDataModel]);
-	const [zoom, setZoom] = (0, react.useState)(100);
-	(0, react.useEffect)(() => setZoom(getCurrentZoom(documentDataModel)), [documentDataModel, getCurrentZoom]);
-	(0, react.useEffect)(() => {
-		return commandService.onCommandExecuted((commandInfo) => {
-			if (commandInfo.id === SetDocZoomRatioOperation.id) setZoom(getCurrentZoom());
-		}).dispose;
-	}, [commandService, getCurrentZoom]);
+	const zoom = (0, _univerjs_ui.useObservable)(() => getDocZoomRatio$(commandService, univerInstanceService), 100, void 0, [commandService, univerInstanceService]);
 	function handleChange(value) {
-		setZoom(value);
+		const documentDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (documentDataModel == null) return;
-		const zoomRatio = value / 100;
-		commandService.executeCommand(SetDocZoomRatioOperation.id, {
+		return commandService.executeCommand(SetDocZoomRatioOperation.id, {
 			unitId: documentDataModel.getUnitId(),
-			zoomRatio
+			zoomRatio: value / 100
 		});
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.Slider, {
 		min: DOC_ZOOM_RANGE[0],
 		value: zoom,
-		shortcuts: ZOOM_MAP,
+		shortcuts: DOC_ZOOM_SHORTCUTS,
 		onChange: handleChange
 	});
 }
@@ -21340,7 +21432,7 @@ function resolveDocsCustomBlockRenderViewport(params) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.4";
+var version = "1.1.0";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -24528,6 +24620,7 @@ let MobileComponentsController = class MobileComponentsController extends _unive
 			H5Icon: _univerjs_icons.H5Icon,
 			HeaderFooterIcon: _univerjs_icons.HeaderFooterIcon,
 			HorizontallyIcon: _univerjs_icons.HorizontallyIcon,
+			InsertBelowDoubleIcon: _univerjs_icons.InsertBelowDoubleIcon,
 			InsertDoubleIcon: _univerjs_icons.InsertDoubleIcon,
 			InsertRowAboveDoubleIcon: _univerjs_icons.InsertRowAboveDoubleIcon,
 			InsertRowBelowDoubleIcon: _univerjs_icons.InsertRowBelowDoubleIcon,
@@ -24560,6 +24653,7 @@ let MobileComponentsController = class MobileComponentsController extends _unive
 			TodoListDoubleIcon: _univerjs_icons.TodoListDoubleIcon,
 			UnderlineIcon: _univerjs_icons.UnderlineIcon,
 			UnorderIcon: _univerjs_icons.UnorderIcon,
+			ZoomInIcon: _univerjs_icons.ZoomInIcon,
 			DefaultTextColorIcon,
 			HeaderTextColorIcon,
 			MoreRightIcon: _univerjs_icons.MoreRightIcon,
@@ -28308,6 +28402,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		var _this$_paragraphMenu2;
 		return ((_this$_paragraphMenu2 = this._paragraphMenu) === null || _this$_paragraphMenu2 === void 0 ? void 0 : _this$_paragraphMenu2.target) ?? null;
 	}
+	get focusedTableTarget() {
+		var _this$_focusedTableMe;
+		return ((_this$_focusedTableMe = this._focusedTableMenu) === null || _this$_focusedTableMe === void 0 ? void 0 : _this$_focusedTableMe.target) ?? null;
+	}
 	setBlockMenuDragging(isDragging) {
 		this._isBlockMenuDragging = isDragging;
 		if (isDragging) this._dragInteraction ??= this._docLayoutInteractionService.beginInteraction();
@@ -28335,6 +28433,11 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		_defineProperty(this, "_paragraphMenu", null);
 		_defineProperty(this, "_activeTarget$", new rxjs.BehaviorSubject(null));
 		_defineProperty(this, "activeTarget$", this._activeTarget$.asObservable());
+		_defineProperty(this, "_focusedTableMenu", null);
+		_defineProperty(this, "_focusedTableTarget$", new rxjs.BehaviorSubject(null));
+		_defineProperty(this, "focusedTableTarget$", this._focusedTableTarget$.asObservable());
+		_defineProperty(this, "_focusedTableMenuDismiss$", new rxjs.Subject());
+		_defineProperty(this, "focusedTableMenuDismiss$", this._focusedTableMenuDismiss$.asObservable());
 		_defineProperty(this, "_slashMenuRequest$", new rxjs.BehaviorSubject(null));
 		_defineProperty(this, "slashMenuRequest$", this._slashMenuRequest$.asObservable());
 		_defineProperty(this, "_isBlockMenuDragging", false);
@@ -28350,6 +28453,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 				this._isBlockMenuDragging = false;
 				this.hideParagraphMenu(true);
 			}
+			if (this._focusedTableMenu && !this._canEditDocument(this._focusedTableMenu.target.menuRange)) this.hideFocusedTableMenu();
 		}));
 	}
 	_isCursorInActiveParagraph() {
@@ -28386,9 +28490,11 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 	_hasExpandedSelection() {
 		return this._hasExpandedSelectionRanges(this._docSelectionManagerService.getDocRanges());
 	}
-	setParagraphMenuActive(active) {
-		if (this._paragraphMenu) this._paragraphMenu.active = active;
-		if (active && this._paragraphMenu) this._menuInteraction ??= this._docLayoutInteractionService.beginInteraction();
+	setParagraphMenuActive(active, focusedTable = false) {
+		var _this$_paragraphMenu3, _this$_focusedTableMe2;
+		const menu = focusedTable ? this._focusedTableMenu : this._paragraphMenu;
+		if (menu) menu.active = active;
+		if (((_this$_paragraphMenu3 = this._paragraphMenu) === null || _this$_paragraphMenu3 === void 0 ? void 0 : _this$_paragraphMenu3.active) || ((_this$_focusedTableMe2 = this._focusedTableMenu) === null || _this$_focusedTableMe2 === void 0 ? void 0 : _this$_focusedTableMe2.active)) this._menuInteraction ??= this._docLayoutInteractionService.beginInteraction();
 		else {
 			var _this$_menuInteractio;
 			(_this$_menuInteractio = this._menuInteraction) === null || _this$_menuInteractio === void 0 || _this$_menuInteractio.dispose();
@@ -28397,7 +28503,9 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 	}
 	_init() {
 		const handleHoverTarget = (paragraph, tableBound) => {
+			var _this$_focusedTableMe3;
 			if (this._isBlockMenuDragging) return;
+			if ((_this$_focusedTableMe3 = this._focusedTableMenu) === null || _this$_focusedTableMe3 === void 0 ? void 0 : _this$_focusedTableMe3.active) return;
 			if (this._docSelectionRenderService.isOnPointerEvent) {
 				this.hideParagraphMenu(true);
 				return;
@@ -28408,18 +28516,18 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 				return;
 			}
 			if (selectionState.hasRectRange) {
-				var _this$_paragraphMenu3;
+				var _this$_paragraphMenu4;
 				if (tableBound) {
 					this.showTableMenu(tableBound);
 					return;
 				}
-				if (((_this$_paragraphMenu3 = this._paragraphMenu) === null || _this$_paragraphMenu3 === void 0 ? void 0 : _this$_paragraphMenu3.target.kind) === _univerjs_core.DocumentBlockType.TABLE) return;
+				if (((_this$_paragraphMenu4 = this._paragraphMenu) === null || _this$_paragraphMenu4 === void 0 ? void 0 : _this$_paragraphMenu4.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() && this._canEditDocument()) {
-				var _this$_paragraphMenu4;
-				if ((_this$_paragraphMenu4 = this._paragraphMenu) === null || _this$_paragraphMenu4 === void 0 ? void 0 : _this$_paragraphMenu4.active) return;
+				var _this$_paragraphMenu5;
+				if ((_this$_paragraphMenu5 = this._paragraphMenu) === null || _this$_paragraphMenu5 === void 0 ? void 0 : _this$_paragraphMenu5.active) return;
 				if (paragraph) {
 					this.showParagraphMenu(paragraph);
 					return;
@@ -28445,16 +28553,17 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			this.hideParagraphMenu(true);
 		}));
 		this.disposeWithMe(this._docSelectionManagerService.textSelection$.subscribe(({ textRanges, rectRanges }) => {
-			var _this$_paragraphMenu5;
+			var _this$_paragraphMenu6;
 			const selectionState = this._getExpandedSelectionState([...textRanges, ...rectRanges]);
-			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);
+			if (selectionState.hasExpandedTextRange || selectionState.hasRectRange && ((_this$_paragraphMenu6 = this._paragraphMenu) === null || _this$_paragraphMenu6 === void 0 ? void 0 : _this$_paragraphMenu6.target.kind) !== _univerjs_core.DocumentBlockType.TABLE) this.hideParagraphMenu(true);
 		}));
 		let lastScrollY = 0;
 		this.disposeWithMe(this._context.scene.getViewport("viewMain").onScrollAfter$.subscribeEvent((e) => {
-			var _this$_paragraphMenu6;
+			var _this$_paragraphMenu7;
 			if (lastScrollY === e.scrollY) return;
 			lastScrollY = e.scrollY;
-			if ((_this$_paragraphMenu6 = this._paragraphMenu) === null || _this$_paragraphMenu6 === void 0 ? void 0 : _this$_paragraphMenu6.blockRange) return;
+			this._focusedTableMenuDismiss$.next();
+			if ((_this$_paragraphMenu7 = this._paragraphMenu) === null || _this$_paragraphMenu7 === void 0 ? void 0 : _this$_paragraphMenu7.blockRange) return;
 			if (this._isBlockMenuDragging) return;
 			this.hideParagraphMenu(true);
 		}));
@@ -28465,6 +28574,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		this.disposeWithMe(this._docSelectionRenderService.onKeydown$.subscribe((config) => {
 			if (this._isBlockMenuDragging) return;
 			if (this._handleSlashMenuKeydown(config)) return;
+			this._focusedTableMenuDismiss$.next();
 			this.hideParagraphMenu(true);
 		}));
 		this.disposeWithMe(this._docSelectionRenderService.onInputBefore$.subscribe((config) => {
@@ -28520,10 +28630,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		return null;
 	}
 	_getSlashMenuParagraph(config) {
-		var _this$_paragraphMenu7;
+		var _this$_paragraphMenu8;
 		const activeRange = this._getCollapsedTextRange(config);
 		const offset = activeRange === null || activeRange === void 0 ? void 0 : activeRange.startOffset;
-		const activeParagraph = ((_this$_paragraphMenu7 = this._paragraphMenu) === null || _this$_paragraphMenu7 === void 0 ? void 0 : _this$_paragraphMenu7.paragraph) ?? null;
+		const activeParagraph = ((_this$_paragraphMenu8 = this._paragraphMenu) === null || _this$_paragraphMenu8 === void 0 ? void 0 : _this$_paragraphMenu8.paragraph) ?? null;
 		if (activeParagraph && offset != null && offset >= activeParagraph.paragraphStart && offset <= activeParagraph.paragraphEnd) return activeParagraph;
 		if (activeParagraph && offset == null) return activeParagraph;
 		if (offset == null) return null;
@@ -28544,7 +28654,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		}
 	}
 	showParagraphMenu(paragraph) {
-		var _this$_paragraphMenu8;
+		var _this$_paragraphMenu9;
 		if (this._hasExpandedSelection()) {
 			this.hideParagraphMenu(true);
 			return;
@@ -28554,7 +28664,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			this.hideParagraphMenu(true);
 			return;
 		}
-		if (((_this$_paragraphMenu8 = this._paragraphMenu) === null || _this$_paragraphMenu8 === void 0 ? void 0 : _this$_paragraphMenu8.target.key) === target.key) return;
+		if (((_this$_paragraphMenu9 = this._paragraphMenu) === null || _this$_paragraphMenu9 === void 0 ? void 0 : _this$_paragraphMenu9.target.key) === target.key) return;
 		this.hideParagraphMenu(true);
 		const targetParagraph = target.paragraph ?? paragraph;
 		const blockRange = target.blockRange;
@@ -28589,15 +28699,19 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		};
 		this._activeTarget$.next(target);
 	}
-	showTableMenu(tableBound) {
-		var _body$tables, _this$_paragraphMenu9;
-		if (this._hasExpandedTextSelection()) {
+	showTableMenu(tableBound, focused = false) {
+		var _this$_focusedTableMe4, _body$tables, _this$_paragraphMenu10;
+		if (!focused && ((_this$_focusedTableMe4 = this._focusedTableMenu) === null || _this$_focusedTableMe4 === void 0 || (_this$_focusedTableMe4 = _this$_focusedTableMe4.target.table) === null || _this$_focusedTableMe4 === void 0 ? void 0 : _this$_focusedTableMe4.tableId) === tableBound.tableId) return;
+		if (!focused && this._hasExpandedTextSelection()) {
 			this.hideParagraphMenu(true);
 			return;
 		}
 		const body = this._context.unit.getBody();
 		const table = body === null || body === void 0 || (_body$tables = body.tables) === null || _body$tables === void 0 ? void 0 : _body$tables.find((item) => item.tableId === tableBound.tableId);
-		if (!table) return;
+		if (!table) {
+			if (focused) this.hideFocusedTableMenu();
+			return;
+		}
 		const target = {
 			kind: _univerjs_core.DocumentBlockType.TABLE,
 			key: `${_univerjs_core.DocumentBlockType.TABLE}:${table.tableId}`,
@@ -28610,17 +28724,21 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			},
 			moveRange: {
 				startOffset: table.startIndex,
-				endOffset: table.endIndex
+				endOffset: table.endIndex + ((body === null || body === void 0 ? void 0 : body.dataStream[table.endIndex]) === "\r" ? 1 : 0)
 			},
 			emptyMode: false,
 			draggable: true
 		};
 		if (!this._canEditDocument(target.menuRange)) {
+			if (focused) {
+				this.hideFocusedTableMenu();
+				return;
+			}
 			this.hideParagraphMenu(true);
 			return;
 		}
-		if (this._shouldKeepCurrentCellMenuForTable(table)) return;
-		if (((_this$_paragraphMenu9 = this._paragraphMenu) === null || _this$_paragraphMenu9 === void 0 ? void 0 : _this$_paragraphMenu9.target.key) === target.key) return;
+		if (!focused && this._shouldKeepCurrentCellMenuForTable(table)) return;
+		if (!focused && ((_this$_paragraphMenu10 = this._paragraphMenu) === null || _this$_paragraphMenu10 === void 0 ? void 0 : _this$_paragraphMenu10.target.key) === target.key) return;
 		const anchorRect = getTableAnchorRect(tableBound);
 		const paragraph = {
 			rect: tableBound.rect,
@@ -28631,8 +28749,16 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			pageIndex: tableBound.pageIndex,
 			firstLine: anchorRect
 		};
+		if (focused) {
+			target.paragraph = paragraph;
+			this._showFocusedTableMenu(tableBound, target);
+			return;
+		}
+		this._showHoverTableMenu(tableBound, target, paragraph);
+	}
+	_showHoverTableMenu(tableBound, target, paragraph) {
 		this.hideParagraphMenu(true);
-		const getFirstLine = () => getTableAnchorRect(this._docEventManagerService.tableBounds.get(table.tableId) ?? tableBound);
+		const getFirstLine = () => getTableAnchorRect(this._docEventManagerService.tableBounds.get(tableBound.tableId) ?? tableBound);
 		const disposable = this._docPopupManagerService.attachPopupToRect(getFirstLine, {
 			componentKey: DOC_TABLE_BLOCK_MENU_COMPONENT_KEY,
 			constrainToCanvas: true,
@@ -28651,9 +28777,40 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		};
 		this._activeTarget$.next(target);
 	}
+	_showFocusedTableMenu(tableBound, target) {
+		var _this$_focusedTableMe5, _this$_paragraphMenu11;
+		if (((_this$_focusedTableMe5 = this._focusedTableMenu) === null || _this$_focusedTableMe5 === void 0 ? void 0 : _this$_focusedTableMe5.target.key) === target.key) {
+			this._focusedTableMenu.target = target;
+			this._focusedTableMenu.bound = tableBound;
+			this._focusedTableTarget$.next(target);
+			return;
+		}
+		this.hideFocusedTableMenu();
+		if (((_this$_paragraphMenu11 = this._paragraphMenu) === null || _this$_paragraphMenu11 === void 0 ? void 0 : _this$_paragraphMenu11.target.key) === target.key) this.hideParagraphMenu(true);
+		const getFocusedAnchor = () => {
+			var _this$_focusedTableMe6;
+			return getTableAnchorRect(this._docEventManagerService.tableBounds.get(tableBound.tableId) ?? ((_this$_focusedTableMe6 = this._focusedTableMenu) === null || _this$_focusedTableMe6 === void 0 ? void 0 : _this$_focusedTableMe6.bound) ?? tableBound);
+		};
+		const disposable = this._docPopupManagerService.attachPopupToRect(getFocusedAnchor, {
+			componentKey: DOC_TABLE_BLOCK_MENU_COMPONENT_KEY,
+			extraProps: { focusedTableMenu: true },
+			constrainToCanvas: true,
+			requiresStableLayout: false,
+			direction: "top-right",
+			onClickOutside: () => this._focusedTableMenuDismiss$.next(),
+			zIndex: 102
+		}, this._context.unitId);
+		this._focusedTableMenu = {
+			target,
+			bound: tableBound,
+			disposable,
+			active: false
+		};
+		this._focusedTableTarget$.next(target);
+	}
 	_shouldKeepCurrentCellMenuForTable(table) {
-		var _this$_paragraphMenu10;
-		const target = (_this$_paragraphMenu10 = this._paragraphMenu) === null || _this$_paragraphMenu10 === void 0 ? void 0 : _this$_paragraphMenu10.target;
+		var _this$_paragraphMenu12;
+		const target = (_this$_paragraphMenu12 = this._paragraphMenu) === null || _this$_paragraphMenu12 === void 0 ? void 0 : _this$_paragraphMenu12.target;
 		if (!target || target.kind === _univerjs_core.DocumentBlockType.TABLE || !target.cellRange) return false;
 		return target.cellRange.startOffset >= table.startIndex && target.cellRange.startOffset <= table.endIndex;
 	}
@@ -28696,22 +28853,32 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 	hideParagraphMenu(force = false) {
 		if (this._isBlockMenuDragging) return;
 		if (this._paragraphMenu && (this._paragraphMenu.disposable.canDispose() || force)) {
-			var _this$_menuInteractio2;
 			this._paragraphMenu.disposable.dispose();
 			this._paragraphMenu = null;
-			(_this$_menuInteractio2 = this._menuInteraction) === null || _this$_menuInteractio2 === void 0 || _this$_menuInteractio2.dispose();
-			this._menuInteraction = null;
+			this.setParagraphMenuActive(false);
 			this._isSlashMenuActive = false;
 			this._slashMenuRequest$.next(null);
 			this._activeTarget$.next(null);
 		}
 	}
+	hideFocusedTableMenu() {
+		var _this$_focusedTableMe7;
+		(_this$_focusedTableMe7 = this._focusedTableMenu) === null || _this$_focusedTableMe7 === void 0 || _this$_focusedTableMe7.disposable.dispose();
+		this._focusedTableMenu = null;
+		this._focusedTableTarget$.next(null);
+		this.setParagraphMenuActive(false, true);
+	}
 	_canEditDocument(range, segmentId = "") {
 		return (0, _univerjs_docs.canEditDocumentTargets)(this._permissionService, this._context.unitId, range ? (0, _univerjs_docs.getDocumentEditTargetObjectIds)(this._context.unit, segmentId, range) : []);
 	}
 	dispose() {
-		var _this$_menuInteractio3, _this$_dragInteractio2;
-		(_this$_menuInteractio3 = this._menuInteraction) === null || _this$_menuInteractio3 === void 0 || _this$_menuInteractio3.dispose();
+		var _this$_menuInteractio2, _this$_dragInteractio2;
+		this._isBlockMenuDragging = false;
+		this.hideFocusedTableMenu();
+		this.hideParagraphMenu(true);
+		this._focusedTableTarget$.complete();
+		this._focusedTableMenuDismiss$.complete();
+		(_this$_menuInteractio2 = this._menuInteraction) === null || _this$_menuInteractio2 === void 0 || _this$_menuInteractio2.dispose();
 		this._menuInteraction = null;
 		(_this$_dragInteractio2 = this._dragInteraction) === null || _this$_dragInteractio2 === void 0 || _this$_dragInteractio2.dispose();
 		this._dragInteraction = null;
@@ -29043,9 +29210,6 @@ function createParagraphMenuHoverOpenScheduler(openMenu, delay = 800) {
 		}
 	};
 }
-function setParagraphMenuInteractionActive(docParagraphMenuService, active) {
-	docParagraphMenuService === null || docParagraphMenuService === void 0 || docParagraphMenuService.setParagraphMenuActive(active);
-}
 function isEmptyParagraphMenuTarget(dataStream, paragraph) {
 	if (!paragraph) return false;
 	return dataStream.slice(paragraph.paragraphStart, paragraph.paragraphEnd).replace(/[\r\n]/g, "") === "";
@@ -29455,7 +29619,7 @@ function getBlockRangeClipboardTargetRange(commandId, target, paragraph) {
 	return null;
 }
 function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
-	var _doc$getBody, _paragraphObj$paragra;
+	var _popup$extraProps, _doc$getBody, _paragraphObj$paragra;
 	const [visible, setVisible] = (0, react.useState)(false);
 	const [openMode, setOpenMode] = (0, react.useState)("pointer");
 	const [anchorRect, setAnchorRect] = (0, react.useState)(null);
@@ -29464,10 +29628,12 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const targetRangeRef = (0, react.useRef)(null);
 	const dragTargetOffsetRef = (0, react.useRef)(null);
 	const dragRangeRef = (0, react.useRef)(null);
+	const dragCleanupRef = (0, react.useRef)(null);
 	const isDraggingRef = (0, react.useRef)(false);
 	const openMenuRef = (0, react.useRef)(() => void 0);
 	const hoverOpenSchedulerRef = (0, react.useRef)(createParagraphMenuHoverOpenScheduler(() => openMenuRef.current()));
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const logService = (0, _univerjs_ui.useDependency)(_univerjs_core.ILogService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
 	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
@@ -29488,12 +29654,20 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const doc = univerInstanceService.getUnit(popup.unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 	const docParagraphMenuService = renderUnit === null || renderUnit === void 0 ? void 0 : renderUnit.with(DocParagraphMenuService);
 	const docEventManagerService = renderUnit === null || renderUnit === void 0 ? void 0 : renderUnit.with(DocEventManagerService);
-	const activeTarget = (0, _univerjs_ui.useObservable)(docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget$);
+	const isFocusedTableMenu = ((_popup$extraProps = popup.extraProps) === null || _popup$extraProps === void 0 ? void 0 : _popup$extraProps.focusedTableMenu) === true;
+	const activeTarget = (0, _univerjs_ui.useObservable)(isFocusedTableMenu ? docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.focusedTableTarget$ : docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget$);
 	const slashMenuRequest = (0, _univerjs_ui.useObservable)(docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.slashMenuRequest$);
 	const paragraph = (0, _univerjs_ui.useObservable)(docEventManagerService === null || docEventManagerService === void 0 ? void 0 : docEventManagerService.hoverParagraph$);
 	const paragraphLeft = (0, _univerjs_ui.useObservable)(docEventManagerService === null || docEventManagerService === void 0 ? void 0 : docEventManagerService.hoverParagraphLeft$);
-	const rawActiveTarget = activeTarget ?? (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget);
-	const currentActiveTarget = tableBlockOnly ? (rawActiveTarget === null || rawActiveTarget === void 0 ? void 0 : rawActiveTarget.kind) === "table" ? rawActiveTarget : null : (rawActiveTarget === null || rawActiveTarget === void 0 ? void 0 : rawActiveTarget.kind) === "table" ? null : rawActiveTarget;
+	const getActiveTarget = () => {
+		if (isFocusedTableMenu) return (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.focusedTableTarget) ?? activeTarget;
+		return (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
+	};
+	const setMenuInteractionActive = (active) => {
+		docParagraphMenuService === null || docParagraphMenuService === void 0 || docParagraphMenuService.setParagraphMenuActive(active, isFocusedTableMenu);
+	};
+	const rawActiveTarget = getActiveTarget();
+	const currentActiveTarget = (rawActiveTarget === null || rawActiveTarget === void 0 ? void 0 : rawActiveTarget.kind) === "table" === tableBlockOnly ? rawActiveTarget : null;
 	const activeParagraphBound = (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.paragraph) ?? (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeParagraph) ?? paragraph ?? paragraphLeft;
 	const startIndex = activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.startIndex;
 	const dataStream = (doc === null || doc === void 0 || (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.dataStream) ?? "";
@@ -29546,13 +29720,41 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		if (activeElement === focusedElement || !focusedElement.isConnected && activeElement === body) layoutService.focus();
 	}, [layoutService]);
 	(0, react.useLayoutEffect)(() => restoreMenuFocus, [restoreMenuFocus]);
-	const handleHideMenu = () => {
+	const handleHideMenu = (0, react.useCallback)(() => {
+		hoverOpenSchedulerRef.current.cancel();
 		restoreMenuFocus();
 		setVisible(false);
 		setOpenMode("pointer");
 		targetRangeRef.current = null;
-		setParagraphMenuInteractionActive(docParagraphMenuService, false);
-	};
+		docParagraphMenuService === null || docParagraphMenuService === void 0 || docParagraphMenuService.setParagraphMenuActive(false, isFocusedTableMenu);
+	}, [
+		docParagraphMenuService,
+		isFocusedTableMenu,
+		restoreMenuFocus
+	]);
+	(0, react.useEffect)(() => {
+		if (!isFocusedTableMenu || !docParagraphMenuService) return;
+		const subscription = docParagraphMenuService.focusedTableMenuDismiss$.subscribe(handleHideMenu);
+		const ownerDocument = popup.canvasElement.ownerDocument;
+		const handleKeydown = (event) => {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				event.stopPropagation();
+				handleHideMenu();
+			}
+		};
+		if (visible) ownerDocument.addEventListener("keydown", handleKeydown, true);
+		return () => {
+			subscription.unsubscribe();
+			ownerDocument.removeEventListener("keydown", handleKeydown, true);
+		};
+	}, [
+		docParagraphMenuService,
+		isFocusedTableMenu,
+		handleHideMenu,
+		popup.canvasElement,
+		visible
+	]);
 	const clearHideTimer = () => {
 		if (hideTimerRef.current != null) {
 			window.clearTimeout(hideTimerRef.current);
@@ -29570,8 +29772,8 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const handleOpenMenu = (mode = "pointer") => {
 		clearHideTimer();
 		if (openMode === "slash") return;
-		const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
-		setParagraphMenuInteractionActive(docParagraphMenuService, true);
+		const latestTarget = getActiveTarget();
+		setMenuInteractionActive(true);
 		const targetRange = latestTarget ? {
 			...latestTarget.menuRange,
 			segmentId: activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId
@@ -29619,7 +29821,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		return commandService.executeCommand(resolved.commandId, resolved.params);
 	};
 	const unwrapActiveBlockRange = async () => {
-		const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
+		const latestTarget = getActiveTarget();
 		if (!latestTarget || latestTarget.kind !== "blockRange" || !latestTarget.blockRange || !(doc === null || doc === void 0 ? void 0 : doc.getBody())) return null;
 		const previousBody = doc.getBody();
 		const { body, range } = unwrapBlockRangeBody(previousBody, latestTarget.blockRange);
@@ -29642,7 +29844,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		return nextRange;
 	};
 	const executeParagraphMenuOption = async (option) => {
-		const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
+		const latestTarget = getActiveTarget();
 		const targetRange = getTargetSelectionRange(latestTarget, activeParagraphBound ?? void 0);
 		const blockRange = getBlockSelectionRange(latestTarget, activeParagraphBound ?? void 0);
 		const formattingRange = getParagraphFormattingRange(latestTarget, activeParagraphBound ?? void 0);
@@ -29746,31 +29948,35 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const hoverBridgeStyle = visible && (menuDirection === "left" || menuDirection === "right") ? getParagraphMenuHoverBridgeStyle(anchorRect, menuDirection) : void 0;
 	const resolvedParagraphMenuType = openMode === "slash" ? DOC_PARAGRAPH_T_INSERT_MENU_ID : paragraphMenuType;
 	(0, react.useEffect)(() => () => {
+		var _dragCleanupRef$curre;
+		(_dragCleanupRef$curre = dragCleanupRef.current) === null || _dragCleanupRef$curre === void 0 || _dragCleanupRef$curre.call(dragCleanupRef);
 		if (hideTimerRef.current != null) {
 			window.clearTimeout(hideTimerRef.current);
 			hideTimerRef.current = null;
 		}
 		hoverOpenSchedulerRef.current.cancel();
-		setParagraphMenuInteractionActive(docParagraphMenuService, false);
-	}, []);
+		docParagraphMenuService === null || docParagraphMenuService === void 0 || docParagraphMenuService.setParagraphMenuActive(false, isFocusedTableMenu);
+	}, [docParagraphMenuService, isFocusedTableMenu]);
 	(0, react.useEffect)(() => {
-		if (!slashMenuRequest || handledSlashRequestNonceRef.current >= slashMenuRequest.nonce) return;
+		if (tableBlockOnly || !slashMenuRequest || handledSlashRequestNonceRef.current >= slashMenuRequest.nonce) return;
 		handledSlashRequestNonceRef.current = slashMenuRequest.nonce;
 		hoverOpenSchedulerRef.current.cancel();
 		clearHideTimer();
 		isMouseOver.current = false;
 		handleOpenSlashMenu(slashMenuRequest);
-	}, [slashMenuRequest]);
+	}, [slashMenuRequest, tableBlockOnly]);
 	if (!currentActiveTarget) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			"data-u-comp": "paragraph-menu",
+			"data-u-table-menu": tableBlockOnly ? "true" : void 0,
+			"data-u-focused-table-menu": isFocusedTableMenu ? "true" : void 0,
 			ref: anchorRef,
-			className: (0, _univerjs_design.clsx)("univer-mr-1 univer-inline-flex univer-h-7 univer-cursor-pointer univer-items-center univer-gap-1 univer-rounded-md univer-border univer-border-gray-200 univer-bg-gray-0 univer-px-2 univer-py-0 univer-shadow-sm univer-transition-colors hover:univer-bg-gray-50 hover:univer-shadow-md dark:!univer-border-gray-700 dark:!univer-bg-gray-900 dark:hover:!univer-bg-gray-800", { "univer-bg-gray-100 univer-shadow-md dark:!univer-bg-gray-800": visible }),
+			className: (0, _univerjs_design.clsx)("univer-mr-1 univer-inline-flex univer-h-7 univer-cursor-pointer univer-items-center univer-gap-1 univer-rounded-md univer-border univer-border-solid univer-border-gray-200 univer-bg-gray-0 univer-px-2 univer-py-0 univer-shadow-sm univer-transition-colors hover:univer-bg-gray-50 hover:univer-shadow-md dark:!univer-border-gray-600 dark:!univer-bg-gray-900 dark:hover:!univer-bg-gray-800", { "univer-bg-gray-100 univer-shadow-md dark:!univer-bg-gray-800": visible }),
 			onMouseEnter: (e) => {
 				var _popup$onPointerEnter;
 				(_popup$onPointerEnter = popup.onPointerEnter) === null || _popup$onPointerEnter === void 0 || _popup$onPointerEnter.call(popup, e);
-				setParagraphMenuInteractionActive(docParagraphMenuService, true);
+				setMenuInteractionActive(true);
 				isMouseOver.current = true;
 				scheduleOpenMenu();
 			},
@@ -29792,7 +29998,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 				title: localeService.t("docs-ui.doc.blockMenu.dragBlock"),
 				onPointerDown: (event) => {
 					var _event$currentTarget$, _event$currentTarget;
-					const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
+					const latestTarget = getActiveTarget();
 					const moveRange = latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.moveRange;
 					if (!moveRange || !(latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.draggable)) return;
 					event.preventDefault();
@@ -29820,6 +30026,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 						window.removeEventListener("pointerup", handlePointerUp);
 						window.removeEventListener("pointercancel", handlePointerCancel);
 						window.removeEventListener("blur", handleWindowBlur);
+						dragCleanupRef.current = null;
 						const range = dragRangeRef.current;
 						const targetOffset = dragTargetOffsetRef.current;
 						dragRangeRef.current = null;
@@ -29835,7 +30042,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 							unitId: popup.unitId,
 							sourceRange: range,
 							targetOffset
-						});
+						}).catch((error) => logService.error(error));
 					};
 					const handlePointerUp = (upEvent) => {
 						if (upEvent.pointerId !== pointerId) return;
@@ -29849,6 +30056,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 					const handleWindowBlur = () => {
 						finishDrag(false);
 					};
+					dragCleanupRef.current = () => finishDrag(false);
 					window.addEventListener("pointermove", handlePointerMove);
 					window.addEventListener("pointerup", handlePointerUp);
 					window.addEventListener("pointercancel", handlePointerCancel);
@@ -29864,7 +30072,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			onMouseEnter: (e) => {
 				var _popup$onPointerEnter2;
 				(_popup$onPointerEnter2 = popup.onPointerEnter) === null || _popup$onPointerEnter2 === void 0 || _popup$onPointerEnter2.call(popup, e);
-				setParagraphMenuInteractionActive(docParagraphMenuService, true);
+				setMenuInteractionActive(true);
 				isMouseOver.current = true;
 				clearHideTimer();
 			},
@@ -29887,7 +30095,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 				onMouseEnter: (e) => {
 					var _popup$onPointerEnter3;
 					(_popup$onPointerEnter3 = popup.onPointerEnter) === null || _popup$onPointerEnter3 === void 0 || _popup$onPointerEnter3.call(popup, e);
-					setParagraphMenuInteractionActive(docParagraphMenuService, true);
+					setMenuInteractionActive(true);
 					isMouseOver.current = true;
 					clearHideTimer();
 				},
@@ -29905,7 +30113,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 					autoFocusTarget: openMode === "slash" ? "container" : void 0,
 					suppressHoverUntilPointerMove: openMode === "slash",
 					onMenuPointerEnter: () => {
-						setParagraphMenuInteractionActive(docParagraphMenuService, true);
+						setMenuInteractionActive(true);
 						isMouseOver.current = true;
 						clearHideTimer();
 					},
@@ -29919,7 +30127,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 					onOptionSelect: async (params) => {
 						const targetRange = targetRangeRef.current ?? getParagraphMenuTargetRange(activeParagraphBound);
 						const { commandId, params: commandParams } = getParagraphMenuCommand(params, targetRange);
-						const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
+						const latestTarget = getActiveTarget();
 						if ((latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.kind) === "table" && commandId && targetRange) {
 							univerInstanceService.focusUnit(popup.unitId);
 							const tableRange = {
@@ -30062,6 +30270,7 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 			H5Icon: _univerjs_icons.H5Icon,
 			HeaderFooterIcon: _univerjs_icons.HeaderFooterIcon,
 			HorizontallyIcon: _univerjs_icons.HorizontallyIcon,
+			InsertBelowDoubleIcon: _univerjs_icons.InsertBelowDoubleIcon,
 			InsertDoubleIcon: _univerjs_icons.InsertDoubleIcon,
 			InsertRowAboveDoubleIcon: _univerjs_icons.InsertRowAboveDoubleIcon,
 			InsertRowBelowDoubleIcon: _univerjs_icons.InsertRowBelowDoubleIcon,
@@ -30095,6 +30304,7 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 			TodoListDoubleIcon: _univerjs_icons.TodoListDoubleIcon,
 			UnderlineIcon: _univerjs_icons.UnderlineIcon,
 			UnorderIcon: _univerjs_icons.UnorderIcon,
+			ZoomInIcon: _univerjs_icons.ZoomInIcon,
 			DefaultTextColorIcon,
 			HeaderTextColorIcon,
 			MoreRightIcon: _univerjs_icons.MoreRightIcon,
@@ -31250,6 +31460,35 @@ const mobileButtonClassName = `
 `;
 const activeButtonClassName = "univer-bg-primary-100 univer-text-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-primary-400";
 function MobileRichTextToolbar({ editorId, className }) {
+	function resolveToolbarState(editor, defaultTextColor) {
+		var _style$ul, _style$st, _style$cl;
+		const body = editor === null || editor === void 0 ? void 0 : editor.getDocumentData().body;
+		const ranges = (editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges()) ?? [];
+		const range = ranges.find((item) => item.isActive) ?? ranges[0];
+		if (!body || !range) return {
+			bold: false,
+			italic: false,
+			underline: false,
+			strike: false,
+			color: defaultTextColor,
+			bulletList: false,
+			orderList: false
+		};
+		const style = getStyleInTextRange(body, range, {});
+		const listTypes = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges([range], body.paragraphs ?? [], body.dataStream).map((paragraph) => {
+			var _paragraph$bullet;
+			return (_paragraph$bullet = paragraph.bullet) === null || _paragraph$bullet === void 0 ? void 0 : _paragraph$bullet.listType;
+		}).filter((listType) => typeof listType === "string");
+		return {
+			bold: style.bl === _univerjs_core.BooleanNumber.TRUE,
+			italic: style.it === _univerjs_core.BooleanNumber.TRUE,
+			underline: ((_style$ul = style.ul) === null || _style$ul === void 0 ? void 0 : _style$ul.s) === _univerjs_core.BooleanNumber.TRUE,
+			strike: ((_style$st = style.st) === null || _style$st === void 0 ? void 0 : _style$st.s) === _univerjs_core.BooleanNumber.TRUE,
+			color: ((_style$cl = style.cl) === null || _style$cl === void 0 ? void 0 : _style$cl.rgb) ?? defaultTextColor,
+			bulletList: Boolean(listTypes.length && listTypes.every((listType) => listType.startsWith(_univerjs_core.PresetListType.BULLET_LIST))),
+			orderList: Boolean(listTypes.length && listTypes.every((listType) => listType.startsWith(_univerjs_core.PresetListType.ORDER_LIST)))
+		};
+	}
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const editorService = (0, _univerjs_ui.useDependency)(IEditorService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -31263,12 +31502,11 @@ function MobileRichTextToolbar({ editorId, className }) {
 		return () => cancelAnimationFrame(frame);
 	}, [editorId, editorService]);
 	(0, react.useEffect)(() => {
-		if (!editor) return void 0;
+		if (!editor) return;
 		const subscription = (0, rxjs.merge)(editor.input$, editor.selectionChange$).subscribe(() => setRevision((value) => value + 1));
 		return () => subscription.unsubscribe();
 	}, [editor]);
-	const defaultTextColor = themeService.getColorFromTheme("gray.900");
-	const state = resolveToolbarState(editor, defaultTextColor);
+	const state = resolveToolbarState(editor, themeService.getColorFromTheme("gray.900"));
 	const colors = COLOR_TOKENS.map((token) => themeService.getColorFromTheme(token));
 	async function execute(commandId, params) {
 		const activeEditor = editorService.getEditor(editorId);
@@ -31367,18 +31605,23 @@ function MobileRichTextToolbar({ editorId, className }) {
 					style: { backgroundColor: color },
 					onClick: () => execute(SetInlineFormatTextColorCommand.id, { value: color })
 				}, color)),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-					"aria-label": localeService.t("docs-ui.toolbar.textColor.main"),
-					className: (0, _univerjs_design.clsx)(_univerjs_design.resetButtonClassName, "univer-relative univer-flex univer-size-7 univer-items-center univer-justify-center univer-justify-self-center univer-overflow-hidden univer-rounded-md univer-border-2 univer-border-solid univer-border-transparent active:univer-scale-95"),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.ColorWheelMultiIcon, { className: "univer-size-6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.MobileDropdown, {
+					overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "univer-px-4 univer-pb-2",
+						onPointerDown: (event) => event.stopPropagation(),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.MobileColorPicker, {
+							value: state.color,
+							onChange: (color) => execute(SetInlineFormatTextColorCommand.id, { value: color })
+						})
+					}),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+						type: "button",
+						variant: "text",
+						size: "icon",
 						"aria-label": localeService.t("docs-ui.toolbar.textColor.main"),
-						className: "univer-absolute univer-inset-0 univer-size-full univer-cursor-pointer univer-opacity-0",
-						type: "color",
-						defaultValue: defaultTextColor,
-						onChange: (event) => {
-							execute(SetInlineFormatTextColorCommand.id, { value: event.target.value });
-						}
-					})]
+						className: "univer-size-7 univer-justify-self-center",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.ColorWheelMultiIcon, { className: "!univer-size-6" })
+					})
 				})
 			]
 		})
@@ -31397,35 +31640,6 @@ function FormatButton(props) {
 		})
 	});
 }
-function resolveToolbarState(editor, defaultTextColor) {
-	var _style$ul, _style$st, _style$cl;
-	const body = editor === null || editor === void 0 ? void 0 : editor.getDocumentData().body;
-	const ranges = (editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges()) ?? [];
-	const range = ranges.find((item) => item.isActive) ?? ranges[0];
-	if (!body || !range) return {
-		bold: false,
-		italic: false,
-		underline: false,
-		strike: false,
-		color: defaultTextColor,
-		bulletList: false,
-		orderList: false
-	};
-	const style = getStyleInTextRange(body, range, {});
-	const listTypes = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges([range], body.paragraphs ?? [], body.dataStream).map((paragraph) => {
-		var _paragraph$bullet;
-		return (_paragraph$bullet = paragraph.bullet) === null || _paragraph$bullet === void 0 ? void 0 : _paragraph$bullet.listType;
-	}).filter((listType) => typeof listType === "string");
-	return {
-		bold: style.bl === _univerjs_core.BooleanNumber.TRUE,
-		italic: style.it === _univerjs_core.BooleanNumber.TRUE,
-		underline: ((_style$ul = style.ul) === null || _style$ul === void 0 ? void 0 : _style$ul.s) === _univerjs_core.BooleanNumber.TRUE,
-		strike: ((_style$st = style.st) === null || _style$st === void 0 ? void 0 : _style$st.s) === _univerjs_core.BooleanNumber.TRUE,
-		color: ((_style$cl = style.cl) === null || _style$cl === void 0 ? void 0 : _style$cl.rgb) ?? defaultTextColor,
-		bulletList: Boolean(listTypes.length && listTypes.every((listType) => listType.startsWith(_univerjs_core.PresetListType.BULLET_LIST))),
-		orderList: Boolean(listTypes.length && listTypes.every((listType) => listType.startsWith(_univerjs_core.PresetListType.ORDER_LIST)))
-	};
-}
 
 //#endregion
 //#region src/views/rich-text-editor/hooks/editor-undo-redo-keyboard.ts
@@ -32194,26 +32408,26 @@ exports.DeleteCurrentParagraphCommand = DeleteCurrentParagraphCommand;
 exports.DeleteCustomBlockCommand = DeleteCustomBlockCommand;
 exports.DeleteLeftCommand = DeleteLeftCommand;
 exports.DeleteRightCommand = DeleteRightCommand;
-Object.defineProperty(exports, 'DocAutoFormatService', {
+Object.defineProperty(exports, "DocAutoFormatService", {
   enumerable: true,
   get: function () {
     return DocAutoFormatService;
   }
 });
-Object.defineProperty(exports, 'DocBackScrollRenderController', {
+Object.defineProperty(exports, "DocBackScrollRenderController", {
   enumerable: true,
   get: function () {
     return DocBackScrollRenderController;
   }
 });
-Object.defineProperty(exports, 'DocCanvasPopManagerService', {
+Object.defineProperty(exports, "DocCanvasPopManagerService", {
   enumerable: true,
   get: function () {
     return DocCanvasPopManagerService;
   }
 });
 exports.DocClipboardPasteAdapterService = DocClipboardPasteAdapterService;
-Object.defineProperty(exports, 'DocContextualRibbonService', {
+Object.defineProperty(exports, "DocContextualRibbonService", {
   enumerable: true,
   get: function () {
     return DocContextualRibbonService;
@@ -32222,13 +32436,13 @@ Object.defineProperty(exports, 'DocContextualRibbonService', {
 exports.DocCopyCommand = DocCopyCommand;
 exports.DocCreateTableOperation = DocCreateTableOperation;
 exports.DocCutCommand = DocCutCommand;
-Object.defineProperty(exports, 'DocEventManagerService', {
+Object.defineProperty(exports, "DocEventManagerService", {
   enumerable: true,
   get: function () {
     return DocEventManagerService;
   }
 });
-Object.defineProperty(exports, 'DocFloatMenuService', {
+Object.defineProperty(exports, "DocFloatMenuService", {
   enumerable: true,
   get: function () {
     return DocFloatMenuService;
@@ -32237,25 +32451,25 @@ Object.defineProperty(exports, 'DocFloatMenuService', {
 exports.DocHtmlExportService = DocHtmlExportService;
 exports.DocIMEInputManagerService = DocIMEInputManagerService;
 exports.DocLayoutInteractionService = DocLayoutInteractionService;
-Object.defineProperty(exports, 'DocMobileElementMenuService', {
+Object.defineProperty(exports, "DocMobileElementMenuService", {
   enumerable: true,
   get: function () {
     return DocMobileElementMenuService;
   }
 });
-Object.defineProperty(exports, 'DocPageLayoutService', {
+Object.defineProperty(exports, "DocPageLayoutService", {
   enumerable: true,
   get: function () {
     return DocPageLayoutService;
   }
 });
-Object.defineProperty(exports, 'DocParagraphMenuService', {
+Object.defineProperty(exports, "DocParagraphMenuService", {
   enumerable: true,
   get: function () {
     return DocParagraphMenuService;
   }
 });
-Object.defineProperty(exports, 'DocParagraphPlaceholderRenderController', {
+Object.defineProperty(exports, "DocParagraphPlaceholderRenderController", {
   enumerable: true,
   get: function () {
     return DocParagraphPlaceholderRenderController;
@@ -32263,14 +32477,14 @@ Object.defineProperty(exports, 'DocParagraphPlaceholderRenderController', {
 });
 exports.DocPasteCommand = DocPasteCommand;
 exports.DocPrintInterceptorService = DocPrintInterceptorService;
-Object.defineProperty(exports, 'DocRenderController', {
+Object.defineProperty(exports, "DocRenderController", {
   enumerable: true,
   get: function () {
     return DocRenderController;
   }
 });
 exports.DocSelectAllCommand = DocSelectAllCommand;
-Object.defineProperty(exports, 'DocSelectionRenderService', {
+Object.defineProperty(exports, "DocSelectionRenderService", {
   enumerable: true,
   get: function () {
     return DocSelectionRenderService;
@@ -32286,19 +32500,19 @@ exports.DocTableInsertRowAboveCommand = DocTableInsertRowAboveCommand;
 exports.DocTableInsertRowBellowCommand = DocTableInsertRowBellowCommand;
 exports.DocTableInsertRowCommand = DocTableInsertRowCommand;
 exports.DocTableTabCommand = DocTableTabCommand;
-Object.defineProperty(exports, 'DocUIController', {
+Object.defineProperty(exports, "DocUIController", {
   enumerable: true,
   get: function () {
     return DocUIController;
   }
 });
-Object.defineProperty(exports, 'DocViewScaleService', {
+Object.defineProperty(exports, "DocViewScaleService", {
   enumerable: true,
   get: function () {
     return DocViewScaleService;
   }
 });
-Object.defineProperty(exports, 'DocsRenderService', {
+Object.defineProperty(exports, "DocsRenderService", {
   enumerable: true,
   get: function () {
     return DocsRenderService;
@@ -32307,7 +32521,7 @@ Object.defineProperty(exports, 'DocsRenderService', {
 exports.DocsUIMenuSchema = menuSchema;
 exports.EMPTY_PARAGRAPH_MENU_ID = EMPTY_PARAGRAPH_MENU_ID;
 exports.Editor = Editor;
-Object.defineProperty(exports, 'EditorService', {
+Object.defineProperty(exports, "EditorService", {
   enumerable: true,
   get: function () {
     return EditorService;
@@ -32345,6 +32559,7 @@ exports.NodePositionConvertToRectRange = NodePositionConvertToRectRange;
 exports.OrderListCommand = OrderListCommand;
 exports.OrderListTypePicker = OrderListTypePicker;
 exports.ParagraphMenuInsertBelowSubmenuItemFactory = ParagraphMenuInsertBelowSubmenuItemFactory;
+exports.ParagraphSettingMenuFactory = ParagraphSettingMenuFactory;
 exports.PastePluginLark = LarkPastePlugin;
 exports.PastePluginUniver = UniverPastePlugin;
 exports.PastePluginWord = WordPastePlugin;
@@ -32380,13 +32595,13 @@ exports.TextColorSelectorMenuItemFactory = TextColorSelectorMenuItemFactory;
 exports.TextRange = TextRange;
 exports.ToggleCheckListCommand = ToggleCheckListCommand;
 exports.UnderlineMenuItemFactory = UnderlineMenuItemFactory;
-Object.defineProperty(exports, 'UniverDocsMobileUIPlugin', {
+Object.defineProperty(exports, "UniverDocsMobileUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverDocsMobileUIPlugin;
   }
 });
-Object.defineProperty(exports, 'UniverDocsUIPlugin', {
+Object.defineProperty(exports, "UniverDocsUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverDocsUIPlugin;
@@ -32414,7 +32629,12 @@ exports.drawDocCustomRangeChrome = drawDocCustomRangeChrome;
 exports.executeEditorUndoRedoCommand = executeEditorUndoRedoCommand;
 exports.findDocRangeNodePositions = findDocRangeNodePositions;
 exports.genTableSource = genTableSource;
-exports.generateParagraphs = _univerjs_docs.generateParagraphs;
+Object.defineProperty(exports, "generateParagraphs", {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.generateParagraphs;
+  }
+});
 exports.getAnchorBounding = getAnchorBounding;
 exports.getCanvasOffsetByEngine = getCanvasOffsetByEngine;
 exports.getCommandSkeleton = getCommandSkeleton;