@a3s-lab/office 0.26.0 → 0.27.0

package/dist/0~document-editor.js

@@ -6,19 +6,18 @@ import { Fragment as external_react_Fragment, forwardRef, useCallback, useEffect
 import { Extension, createNodeFromContent } from "@tiptap/core";
 import { NodeSelection, Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
 import { Decoration, DecorationSet } from "@tiptap/pm/view";
-import { AArrowDown, AArrowUp, AlignCenter, AlignJustify, AlignLeft, AlignRight, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, ArrowDown, ArrowUp, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, Bold, BookMarked, BookOpen, Bookmark, Check, CheckCheck, CheckCircle2, ChevronDown, ChevronRight, ChevronUp, ClipboardCopy, ClipboardPaste, Cloud, Columns3, Eraser, FileDiff, FilePlus2, FileText, Globe2, Grid2X2, Hash, Highlighter, Image, IndentDecrease, IndentIncrease, Italic, Link2, List, ListChecks, ListOrdered, MessageSquarePlus, MessageSquareReply, MessagesSquare, MoveVertical, Paintbrush, Palette, PanelBottom, PanelBottomOpen, PanelLeftOpen, PanelTop, PanelTopOpen, Pilcrow, PilcrowLeft, PilcrowRight, Plus, Quote, Redo2, RefreshCw, Replace, ReplaceAll, RotateCcw, Rows3, Ruler, Scan, Search, Settings2, StretchHorizontal, Strikethrough, Subscript, Superscript, Table2, TableCellsMerge, TableCellsSplit, TableProperties, TextWrap, Trash2, TriangleAlert, Underline, Undo2, Unlink, Unlink2, X, XCircle, ZoomIn, ZoomOut } from "lucide-react";
+import { AArrowDown, AArrowUp, ALargeSmall, AlignCenter, AlignJustify, AlignLeft, AlignRight, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, ArrowDown, ArrowUp, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, Bold, BookMarked, BookOpen, Bookmark, CaseUpper, Check, CheckCheck, CheckCircle2, ChevronDown, ChevronRight, ChevronUp, ClipboardCopy, ClipboardPaste, Cloud, Columns3, Eraser, Eye, FileDiff, FilePlus2, FileText, Globe2, Grid2X2, Hash, Highlighter, Image, IndentDecrease, IndentIncrease, Italic, Link2, List, ListChecks, ListOrdered, MessageSquarePlus, MessageSquareReply, MessagesSquare, MoveVertical, Paintbrush, Palette, PanelBottom, PanelBottomOpen, PanelLeftOpen, PanelTop, PanelTopOpen, Pilcrow, PilcrowLeft, PilcrowRight, Plus, Quote, Redo2, RefreshCw, Replace, ReplaceAll, RotateCcw, Rows3, Ruler, Scan, Search, Settings2, StretchHorizontal, Strikethrough, Subscript, Superscript, Table2, TableCellsMerge, TableCellsSplit, TableProperties, TextWrap, Trash2, TriangleAlert, Type, Underline, Undo2, Unlink, Unlink2, X, XCircle, ZoomIn, ZoomOut } from "lucide-react";
 import { Node as model_Node } from "@tiptap/pm/model";
 import extension_color from "@tiptap/extension-color";
 import { TableKit } from "@tiptap/extension-table";
 import extension_text_align from "@tiptap/extension-text-align";
-import { TextStyle } from "@tiptap/extension-text-style";
-import extension_underline from "@tiptap/extension-underline";
+import font_size from "@tiptap/extension-text-style/font-size";
 import starter_kit from "@tiptap/starter-kit";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { TableMap, isInTable, selectedRect } from "@tiptap/pm/tables";
-import { documentTableSizing, transferChangedDocumentTextStatistics, documentPageBordersVisible, DOCUMENT_PAGE_BORDER_EDGES, documentTableRowOptions, normalizeDocumentColumns, clampDocumentMargin, materializeLazyDocumentEditorRoot, DOCUMENT_BOOKMARK_DUPLICATE_MESSAGE, documentCitationCount, nextDocumentTabAlignment, normalizedTabPosition, isDocumentParagraphArtBorderStyle, resolveDocumentPageBorders, documentLazyHtmlChunkFragment, DOCUMENT_CHUNK_VISIBLE_IDS_META, MAX_DOCUMENT_IMAGE_RELATIVE_HEIGHT, retainAnchoredDocumentComments, DocumentTableRowIdentity, work_document_page_margins_twipsToMillimeters, DEFAULT_DOCUMENT_TABLE_CELL_FORMAT, resolveWorkDocumentEditorInput, collectDocumentTextLayoutParagraphs, documentBulletListStyle, readOfficeDocumentCollaboration as readWorkOfficeDocumentCollaboration, documentOrderedListState, normalizeDocumentPageChrome, documentTextStatistics, documentPageMarginsForLayout, invalidateDocumentLazyHtmlProjection, documentTableCellFormat, normalizeDocumentPageGeometry, normalizeDocumentImageLayer, documentImageProperties, isValidDocumentCitationTag, sanitizeDocumentPageChromeHtml, pageTwipsToMillimeters, normalizeDocumentPageBorders, activeDocumentSection, DocumentParagraphFormatting, normalizeDocumentHtml, documentInitialSectionLayout, documentModelHasTrustedInitialIntegrityFeatures, documentModelUsesWindowing, documentParagraphDirection, documentParagraphPagination, documentPageChromeLegacyFields, documentChunkMountedIds, collectDocumentCommentAnchors, canChangeDocumentIndent, DocumentSuperscript, documentSectionById, activeDocumentBookmark, DocumentEquation, documentLazyHtmlProjectionFingerprint, documentLazyHtmlProjection, normalizeDocumentParagraphIndent, updateDocumentGutterPosition, mountWorkLiveDocumentCapture, registerDocumentPageSurfaceGeometry, syncDocumentContentFromHtml, editorDocumentCaptionTargets, resolveDocumentPageChrome, documentImageLayoutOptions, MAX_DOCUMENT_NUMBERING_START, resolveDocumentPageSize, editorDocumentBookmarkReferenceTargets, serializeWorkDocumentNode, DOCUMENT_CHUNK_PAGINATION_META, createOfficeDocumentCollaborationBinding as createWorkOfficeDocumentCollaborationBinding, documentModelForContent, selectedDocumentChunkId, documentCommentViews, documentParagraphSpacing, normalizeDocumentTabStops, patchDocumentLazyHtmlProjection, documentBookmarkNameExists, collectDocumentChanges, DocumentImage, resolveDocumentPageMargins, updateDocumentPageMarginMode, canSetDocumentTableRowRepeatHeader, millimetersToPixels as work_document_layout_millimetersToPixels, DOCUMENT_CHUNK_HYDRATION_META, documentTabLeaderLabel, createSchemaDerivedWorkDocumentModel, updateDocumentCustomPageMillimeters, documentCommentDraftRange, documentParagraphTabStops, documentTableHorizontalAlignment, documentParagraphIndent, canInsertDocumentComment, documentTextLayoutBatches, normalizeDocumentImageWrapSide, updateDocumentPageOrientation, documentCitationStyleDetails, validateDocumentBookmarkName, setCustomDocumentColumns, updateDocumentPageMarginMillimeters, documentCitationStyle, documentTransactionsOnlyHydrateChunks, DEFAULT_DOCUMENT_TABLE_CELL_MARGINS, DOCUMENT_TABLE_STYLE_OPTIONS, updateDocumentColumnWidth, updateDocumentPaperSizePreset, documentPageMetrics, createDocumentBibliography, DocumentSubscript, DocumentParagraphIdentity, updateDocumentPageChromeVariant, updateDocumentMirrorMargins, activeDocumentTableStyle, measureDocumentLayoutBlocksIncrementally, createWorkDocumentExtensions } from "./6282.js";
+import { documentTableSizing, transferChangedDocumentTextStatistics, documentPageBordersVisible, documentUnderlineStyle, DOCUMENT_PAGE_BORDER_EDGES, documentScriptFontDirectFamily, normalizeDocumentColumns, clampDocumentMargin, materializeLazyDocumentEditorRoot, patchDocumentScriptFonts, documentKerningThresholdPoints, nextDocumentTabAlignment, documentTableRowOptions, normalizedTabPosition, DOCUMENT_BOOKMARK_DUPLICATE_MESSAGE, documentCitationCount, isDocumentParagraphArtBorderStyle, resolveDocumentPageBorders, documentLazyHtmlChunkFragment, DocumentFontFamily, normalizeDocumentHiddenText, DOCUMENT_CHUNK_VISIBLE_IDS_META, MAX_DOCUMENT_IMAGE_RELATIVE_HEIGHT, retainAnchoredDocumentComments, DocumentTableRowIdentity, work_document_page_margins_twipsToMillimeters, DEFAULT_DOCUMENT_TABLE_CELL_FORMAT, resolveWorkDocumentEditorInput, documentCharacterPositionPoints, documentBulletListStyle, collectDocumentTextLayoutParagraphs, readOfficeDocumentCollaboration as readWorkOfficeDocumentCollaboration, normalizeDocumentCharacterScalePercent, documentOrderedListState, normalizeDocumentPageChrome, documentTextStatistics, documentPageMarginsForLayout, invalidateDocumentLazyHtmlProjection, documentTableCellFormat, normalizeDocumentPageGeometry, normalizeDocumentImageLayer, documentImageProperties, isValidDocumentCitationTag, sanitizeDocumentPageChromeHtml, pageTwipsToMillimeters, normalizeDocumentPageBorders, parseDocumentScriptFonts, DocumentParagraphFormatting, activeDocumentSection, normalizeDocumentHtml, documentInitialSectionLayout, documentModelHasTrustedInitialIntegrityFeatures, documentParagraphDirection, documentParagraphPagination, documentModelUsesWindowing, documentPageChromeLegacyFields, documentChunkMountedIds, collectDocumentCommentAnchors, documentTextCaseKeyboardShortcuts, DocumentTextStyle, canChangeDocumentIndent, cssDocumentFontFamily, documentCharacterSpacingPoints, documentKerningIsEffective, DocumentSuperscript, documentSectionById, activeDocumentBookmark, DocumentEquation, documentLazyHtmlProjectionFingerprint, documentLazyHtmlProjection, normalizeDocumentParagraphIndent, updateDocumentGutterPosition, DocumentStrike, mountWorkLiveDocumentCapture, registerDocumentPageSurfaceGeometry, documentHiddenTextKeyboardShortcut, syncDocumentContentFromHtml, documentScriptFontSlotFromHint, editorDocumentCaptionTargets, resolveDocumentPageChrome, documentScriptFontFamilyForRendering, documentImageLayoutOptions, MAX_DOCUMENT_NUMBERING_START, resolveDocumentPageSize, editorDocumentBookmarkReferenceTargets, serializeWorkDocumentNode, DOCUMENT_CHUNK_PAGINATION_META, createOfficeDocumentCollaborationBinding as createWorkOfficeDocumentCollaborationBinding, documentModelForContent, normalizeDocumentEmphasisMark, selectedDocumentChunkId, documentCommentViews, documentParagraphSpacing, normalizeDocumentTabStops, patchDocumentLazyHtmlProjection, normalizeDocumentTextCase, serializeDocumentScriptFonts, documentUnderlineColor, documentBookmarkNameExists, collectDocumentChanges, DocumentImage, resolveDocumentPageMargins, updateDocumentPageMarginMode, canSetDocumentTableRowRepeatHeader, normalizeDocumentCharacterSpacingTwips, DocumentCharacterFormatting, millimetersToPixels as work_document_layout_millimetersToPixels, DOCUMENT_CHUNK_HYDRATION_META, documentTabLeaderLabel, createSchemaDerivedWorkDocumentModel, updateDocumentCustomPageMillimeters, DocumentUnderline, documentCommentDraftRange, documentParagraphTabStops, documentScriptFontSegments, documentUnderlineKeyboardShortcuts, documentParagraphIndent, documentFontNameFromCssFamily, DocumentScriptFontFormatting, canInsertDocumentComment, documentTableHorizontalAlignment, documentTextLayoutBatches, normalizeDocumentImageWrapSide, updateDocumentPageOrientation, documentCitationStyleDetails, validateDocumentBookmarkName, setCustomDocumentColumns, updateDocumentPageMarginMillimeters, documentCitationStyle, normalizeDocumentCharacterPositionHalfPoints, documentTransactionsOnlyHydrateChunks, normalizeDocumentKerningThresholdHalfPoints, DEFAULT_DOCUMENT_TABLE_CELL_MARGINS, DOCUMENT_TABLE_STYLE_OPTIONS, updateDocumentColumnWidth, updateDocumentPaperSizePreset, documentPageMetrics, documentStrikeStyle, createDocumentBibliography, DocumentSubscript, DocumentParagraphIdentity, updateDocumentPageChromeVariant, updateDocumentMirrorMargins, activeDocumentTableStyle, normalizeDocumentScriptFontSlot, measureDocumentLayoutBlocksIncrementally, documentWordLineHeightFactor, createWorkDocumentExtensions } from "./6282.js";
 import { useOfficeTaskPaneEscape, normalizeOfficeFontFamily, OfficeCheckbox, useOfficeDialog, useOfficeTaskPaneModal, CommittedOfficeNumberField, officeFontFamilyLabel, officeFontFamilies, CollectionState, createOfficeKernelClient, OfficeNumberField } from "./0~7048.js";
-import { office_text_field_OfficeTextArea, Popover, officeOverlayPortalRoot, button_Button, useOfficePublishPresenceLocation, OfficeTiptapPresenceLayer, icon_button_IconButton, office_text_field_OfficeTextField, useDialogFocusScope, useOfficeEditorWheelZoom, office_text_field_OfficeFileInput } from "./0~6090.js";
+import { moveOfficeMenuFocus, office_text_field_OfficeTextArea, Popover, officeOverlayPortalRoot, button_Button, useOfficePublishPresenceLocation, OfficeTiptapPresenceLayer, icon_button_IconButton, office_text_field_OfficeTextField, useDialogFocusScope, useOfficeEditorWheelZoom, office_text_field_OfficeFileInput } from "./0~6090.js";
 import { WorkOfficePreviewBar, isWorkspaceContextMenuKeyboardEvent, Tabs, WorkOfficeZoomControls, WorkOfficeStatusBar, Dialog, WorkOfficeRibbon, workspaceContextMenuPosition, OfficeSelect, WorkspaceContextMenu, WorkOfficeRibbonGroup, WorkOfficeRibbonButton } from "./0~4595.js";
 import { createOfficeId as createWorkId } from "./5184.js";
 import { normalizeDocumentHref, DOCUMENT_LINK_VALIDATION_MESSAGE } from "./0~work-document-links.js";
@@ -3948,6 +3947,14 @@ function DocumentPageChromeRichTextEditor({ autoFocus = false, className = '', l
                                                     size: 14
                                                 })
                                             }),
+                                            /*#__PURE__*/ jsx(PageChromeButton, {
+                                                label: `${label}删除线`,
+                                                active: state?.strike,
+                                                onClick: ()=>editor?.chain().focus().toggleStrike().run(),
+                                                children: /*#__PURE__*/ jsx(Strikethrough, {
+                                                    size: 14
+                                                })
+                                            }),
                                             /*#__PURE__*/ jsx(PageChromeButton, {
                                                 label: `${label}下标`,
                                                 active: state?.subscript,
@@ -4061,7 +4068,8 @@ function createDocumentPageChromeEditorExtensions(placeholder = '输入页眉或
                 defaultProtocol: 'https',
                 openOnClick: false
             },
-            underline: false
+            underline: false,
+            strike: false
         }),
         TableKit.configure({
             table: {
@@ -4074,9 +4082,14 @@ function createDocumentPageChromeEditorExtensions(placeholder = '输入页眉或
             inline: true
         }),
         DocumentEquation,
-        TextStyle,
+        DocumentTextStyle,
+        DocumentScriptFontFormatting,
+        DocumentFontFamily,
+        font_size,
         extension_color,
-        extension_underline,
+        DocumentUnderline,
+        DocumentStrike,
+        DocumentCharacterFormatting,
         DocumentSubscript,
         DocumentSuperscript,
         DocumentPageChromeCommands,
@@ -4101,6 +4114,8 @@ function createDocumentPageChromeEditorExtensions(placeholder = '输入页眉或
 function documentPageChromeEditorState(editor) {
     const textStyle = editor.getAttributes('textStyle');
     const link = editor.getAttributes('link');
+    const underlineStyle = documentUnderlineStyle(editor);
+    const strikeStyle = documentStrikeStyle(editor);
     return {
         alignment: editor.isActive('paragraph', {
             textAlign: 'center'
@@ -4115,9 +4130,13 @@ function documentPageChromeEditorState(editor) {
         color: 'string' == typeof textStyle.color ? textStyle.color : DEFAULT_PAGE_CHROME_COLOR,
         italic: editor.isActive('italic'),
         link: 'string' == typeof link.href ? link.href : null,
+        strike: 'none' !== strikeStyle,
+        strikeStyle,
         subscript: editor.isActive("subscript"),
         superscript: editor.isActive("superscript"),
-        underline: editor.isActive('underline')
+        underline: 'none' !== underlineStyle,
+        underlineColor: documentUnderlineColor(editor),
+        underlineStyle
     };
 }
 async function loadDocumentPageChromeImage(file) {
@@ -6744,227 +6763,102 @@ function parseFontSizePoints(value) {
 function formatFontSizePoints(value) {
     return Number.isInteger(value) ? String(value) : String(Number(value.toFixed(2)));
 }
-const bubbleMenuOptions = {
-    strategy: 'fixed',
-    placement: 'top',
-    offset: 9,
-    flip: {
-        padding: 8
+const strikeOptions = [
+    {
+        value: 'none',
+        label: '无删除线'
     },
-    shift: {
-        padding: 8
+    {
+        value: 'single',
+        label: '单删除线'
     },
-    inline: true
-};
-const selectionToolbarPluginKey = 'documentSelectionToolbar';
-function DocumentSelectionToolbar({ editor, canInsertComment, layoutFonts = [], onInsertComment, reviewOnly = false }) {
-    const toolbarRef = useRef(null);
-    const fontFamilyValue = documentFontFamilyValue(editor, layoutFonts);
-    const fontSizeValue = documentFontSizeValue(editor);
-    useEffect(()=>{
-        const hideOutsideInteraction = (event)=>{
-            const toolbar = toolbarRef.current;
-            if (editor.isDestroyed || !(event.target instanceof Node) || editor.view.dom.contains(event.target) || toolbar && selectionToolbarOwnsTarget(toolbar, event.target)) return;
-            editor.view.dispatch(editor.state.tr.setMeta(selectionToolbarPluginKey, 'hide'));
-        };
-        document.addEventListener('focusin', hideOutsideInteraction, true);
-        document.addEventListener('pointerdown', hideOutsideInteraction, true);
-        return ()=>{
-            document.removeEventListener('focusin', hideOutsideInteraction, true);
-            document.removeEventListener('pointerdown', hideOutsideInteraction, true);
-        };
+    {
+        value: 'double',
+        label: '双删除线'
+    }
+];
+function DocumentStrikeRibbon({ editor, label = '删除线', menuLabel = '删除线样式', className = '' }) {
+    const subscribe = useCallback((notify)=>{
+        if (editor.isDestroyed) return ()=>void 0;
+        editor.on('transaction', notify);
+        return ()=>editor.off('transaction', notify);
     }, [
         editor
     ]);
-    return /*#__PURE__*/ jsxs(BubbleMenu, {
-        ref: toolbarRef,
-        editor: editor,
-        pluginKey: selectionToolbarPluginKey,
-        className: "work-document-selection-toolbar",
-        role: "toolbar",
-        "aria-label": "文本快捷工具栏",
-        updateDelay: 80,
-        resizeDelay: 60,
-        appendTo: ()=>officeOverlayPortalRoot(editor.view.dom.ownerDocument, editor.view.dom),
-        options: bubbleMenuOptions,
-        shouldShow: ({ element, state, view })=>{
-            const { selection } = state;
-            const hasFocus = view.hasFocus() || element.contains(document.activeElement);
-            return hasFocus && editor.isEditable && selection instanceof TextSelection && !selection.empty && Boolean(state.doc.textBetween(selection.from, selection.to, '\n').trim());
-        },
-        onPointerDown: (event)=>{
-            if ('touch' !== event.nativeEvent.pointerType) event.preventDefault();
-        },
-        children: [
-            !reviewOnly && /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    /*#__PURE__*/ jsx(OfficeSelect, {
-                        ariaLabel: "快捷字体",
-                        className: "work-document-selection-font-family",
-                        value: fontFamilyValue,
-                        options: documentFontFamilyOptionsForValue(fontFamilyValue, layoutFonts),
-                        onValueChange: (value)=>{
-                            if ('default' === value) editor.chain().focus().unsetFontFamily().run();
-                            else editor.chain().focus().setFontFamily(value).run();
-                        }
-                    }),
-                    /*#__PURE__*/ jsx(OfficeSelect, {
-                        ariaLabel: "快捷字号",
-                        className: "work-document-selection-font-size",
-                        value: fontSizeValue,
-                        options: documentFontSizeOptionsForValue(fontSizeValue),
-                        onValueChange: (value)=>{
-                            if ('default' === value) editor.chain().focus().unsetFontSize().run();
-                            else editor.chain().focus().setFontSize(value).run();
-                        }
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "work-document-selection-divider",
-                        "aria-hidden": "true"
-                    }),
-                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                        label: "加粗",
-                        active: editor.isActive('bold'),
-                        onClick: ()=>editor.chain().focus().toggleBold().run(),
-                        children: /*#__PURE__*/ jsx(Bold, {
-                            size: 15
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                        label: "斜体",
-                        active: editor.isActive('italic'),
-                        onClick: ()=>editor.chain().focus().toggleItalic().run(),
-                        children: /*#__PURE__*/ jsx(Italic, {
-                            size: 15
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                        label: "下划线",
-                        active: editor.isActive('underline'),
-                        onClick: ()=>editor.chain().focus().toggleUnderline().run(),
-                        children: /*#__PURE__*/ jsx(Underline, {
-                            size: 15
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                        label: "删除线",
-                        active: editor.isActive('strike'),
-                        onClick: ()=>editor.chain().focus().toggleStrike().run(),
-                        children: /*#__PURE__*/ jsx(Strikethrough, {
-                            size: 15
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(OfficeColorPicker, {
-                        compact: true,
-                        className: "work-document-selection-color",
-                        value: editor.getAttributes('textStyle').color ?? '#172033',
-                        ariaLabel: "快捷文字颜色",
-                        onValueChange: (color)=>editor.chain().focus().setColor(color).run()
-                    }),
-                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                        label: "突出显示",
-                        active: editor.isActive('highlight'),
-                        onClick: ()=>editor.chain().focus().toggleHighlight({
-                                color: '#fff0a6'
-                            }).run(),
-                        children: /*#__PURE__*/ jsx(Highlighter, {
-                            size: 15
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                        className: "secondary",
-                        label: "清除格式",
-                        onClick: ()=>editor.commands.clearDocumentFormatting(),
-                        children: /*#__PURE__*/ jsx(Eraser, {
-                            size: 15
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "work-document-selection-divider",
-                        "aria-hidden": "true"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                label: "添加批注",
-                disabled: !canInsertComment,
-                onClick: onInsertComment,
-                children: /*#__PURE__*/ jsx(MessageSquarePlus, {
-                    size: 15
-                })
-            })
-        ]
-    });
-}
-function selectionToolbarOwnsTarget(toolbar, target) {
-    if (toolbar.contains(target)) return true;
-    return [
-        ...toolbar.querySelectorAll('[aria-controls]')
-    ].map((controller)=>controller.getAttribute('aria-controls')).some((controlledId)=>{
-        if (!controlledId) return false;
-        return document.getElementById(controlledId)?.contains(target) ?? false;
-    });
-}
-function SelectionToolbarButton({ active, className = '', disabled = false, label, onClick, children }) {
-    return /*#__PURE__*/ jsx("button", {
-        type: "button",
-        className: className,
-        "aria-label": label,
-        "aria-pressed": active,
-        title: label,
-        disabled: disabled,
-        onClick: onClick,
-        children: children
-    });
-}
-function DocumentStatisticsDialog({ pageCount, restoreFocusTarget, statistics, onClose }) {
-    const rows = [
-        [
-            '页数',
-            pageCount
-        ],
-        [
-            '字数',
-            statistics.wordCount
-        ],
-        [
-            '字符数（不计空格）',
-            statistics.characterCountWithoutSpaces
-        ],
-        [
-            '字符数（计空格）',
-            statistics.characterCountWithSpaces
-        ],
-        [
-            '段落数',
-            statistics.paragraphCount
-        ]
-    ];
-    return /*#__PURE__*/ jsx(Dialog, {
-        title: "字数统计",
-        description: "当前文档的文本统计。",
-        className: "work-document-statistics-dialog",
-        focusKey: "document-statistics",
-        restoreFocusTarget: restoreFocusTarget,
-        onClose: onClose,
-        footer: /*#__PURE__*/ jsx(button_Button, {
-            tone: "primary",
-            onClick: onClose,
-            children: "确定"
-        }),
-        children: /*#__PURE__*/ jsx("dl", {
-            className: "work-document-statistics",
-            "aria-label": "字数统计详情",
-            children: rows.map(([label, value])=>/*#__PURE__*/ jsxs("div", {
+    useSyncExternalStore(subscribe, ()=>editor.state, ()=>editor.state);
+    if (editor.isDestroyed) return null;
+    const style = documentStrikeStyle(editor);
+    const active = 'none' !== style;
+    const currentLabel = strikeOptions.find((option)=>option.value === style)?.label ?? strikeOptions[0].label;
+    return /*#__PURE__*/ jsx("span", {
+        className: `work-document-strike-control${className ? ` ${className}` : ''}`,
+        children: /*#__PURE__*/ jsx(Popover, {
+            label: `更多${label}`,
+            panelLabel: menuLabel,
+            panelRole: "menu",
+            portal: true,
+            placement: "bottom-end",
+            className: "work-document-strike-split-root",
+            panelClassName: "work-office-context-menu work-document-strike-menu",
+            focusFirstOnOpen: true,
+            onPanelKeyDown: moveOfficeMenuFocus,
+            trigger: (triggerProps, { open })=>/*#__PURE__*/ jsxs(Fragment, {
                     children: [
-                        /*#__PURE__*/ jsx("dt", {
-                            children: label
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            className: `work-document-strike-primary${active ? ' active' : ''}`,
+                            "aria-label": label,
+                            "aria-pressed": active,
+                            title: `${label}（${currentLabel}）`,
+                            onMouseDown: (event)=>event.preventDefault(),
+                            onClick: ()=>editor.chain().focus().toggleStrike().run(),
+                            children: /*#__PURE__*/ jsx(Strikethrough, {
+                                size: 16,
+                                "aria-hidden": "true"
+                            })
                         }),
-                        /*#__PURE__*/ jsx("dd", {
-                            children: value
+                        /*#__PURE__*/ jsx("button", {
+                            ...triggerProps,
+                            type: "button",
+                            className: `work-document-strike-disclosure${open ? ' active' : ''}`,
+                            title: `更多${label}`,
+                            onMouseDown: (event)=>event.preventDefault(),
+                            children: /*#__PURE__*/ jsx(ChevronDown, {
+                                size: 11,
+                                "aria-hidden": "true"
+                            })
                         })
                     ]
-                }, label))
+                }),
+            children: (close)=>strikeOptions.map((option)=>/*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        role: "menuitemradio",
+                        tabIndex: -1,
+                        "aria-label": option.label,
+                        "aria-checked": style === option.value,
+                        onClick: ()=>{
+                            close();
+                            editor.chain().focus().setDocumentStrike(option.value).run();
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(DocumentStrikeGlyph, {
+                                style: option.value
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                children: option.label
+                            })
+                        ]
+                    }, option.value))
+        })
+    });
+}
+function DocumentStrikeGlyph({ style }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: "work-document-strike-glyph",
+        "data-strike-style": style,
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx("span", {
+            children: "Aa"
         })
     });
 }
@@ -7116,6 +7010,22 @@ const documentCommandCatalog = {
             ]
         }
     },
+    fontDialog: {
+        id: 'font.dialog',
+        label: '字体高级设置',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+D',
+            aria: 'Control+D Meta+D',
+            editor: [
+                'Mod-d'
+            ]
+        }
+    },
     formatPainter: {
         id: 'clipboard.formatPainter',
         label: '格式刷',
@@ -7173,6 +7083,38 @@ const documentCommandCatalog = {
             ]
         }
     },
+    doubleUnderline: {
+        id: 'font.doubleUnderline',
+        label: '双下划线',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+D',
+            aria: 'Control+Shift+D Meta+Shift+D',
+            editor: [
+                documentUnderlineKeyboardShortcuts.double
+            ]
+        }
+    },
+    wordsUnderline: {
+        id: 'font.wordsUnderline',
+        label: '仅字下划线',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+W',
+            aria: 'Control+Shift+W Meta+Shift+W',
+            editor: [
+                documentUnderlineKeyboardShortcuts.words
+            ]
+        }
+    },
     strike: {
         id: 'font.strike',
         label: '删除线',
@@ -7182,6 +7124,47 @@ const documentCommandCatalog = {
             group: 'font'
         }
     },
+    doubleStrike: {
+        id: 'font.doubleStrike',
+        label: '双删除线',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        }
+    },
+    allCaps: {
+        id: 'font.allCaps',
+        label: '全部大写',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+A',
+            aria: 'Control+Shift+A Meta+Shift+A',
+            editor: [
+                documentTextCaseKeyboardShortcuts.allCaps
+            ]
+        }
+    },
+    smallCaps: {
+        id: 'font.smallCaps',
+        label: '小型大写',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+K',
+            aria: 'Control+Shift+K Meta+Shift+K',
+            editor: [
+                documentTextCaseKeyboardShortcuts.smallCaps
+            ]
+        }
+    },
     subscript: {
         id: "font.subscript",
         label: '下标',
@@ -7223,6 +7206,22 @@ const documentCommandCatalog = {
             group: 'font'
         }
     },
+    hiddenText: {
+        id: 'font.hiddenText',
+        label: '隐藏文字',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+H',
+            aria: 'Control+Shift+H Meta+Shift+H',
+            editor: [
+                documentHiddenTextKeyboardShortcut
+            ]
+        }
+    },
     clearFormatting: {
         id: 'font.clearFormatting',
         label: '清除格式',
@@ -7538,6 +7537,15 @@ const documentCommandCatalog = {
             group: 'show'
         }
     },
+    showHiddenText: {
+        id: 'view.showHiddenText',
+        label: '显示隐藏文字',
+        location: {
+            area: 'ribbon',
+            tab: 'view',
+            group: 'show'
+        }
+    },
     wordCount: {
         id: 'status.wordCount',
         label: '字数统计',
@@ -7556,342 +7564,747 @@ const documentCommandCatalog = {
 function getDocumentCommandDefinition(id) {
     return documentCommandCatalog[id];
 }
-const MIN_DOCUMENT_ZOOM = 50;
-const MAX_DOCUMENT_ZOOM = 200;
-function clampDocumentZoom(zoom) {
-    return Math.min(MAX_DOCUMENT_ZOOM, Math.max(MIN_DOCUMENT_ZOOM, Math.round(zoom)));
-}
-function documentZoomForFit(fit, metrics) {
-    const availableWidth = Math.max(1, metrics.viewportWidth - metrics.viewportPadding.left - metrics.viewportPadding.right);
-    const widthZoom = availableWidth / Math.max(1, metrics.pageWidth) * 100;
-    if ('width' === fit) return clampDocumentZoom(widthZoom);
-    const availableHeight = Math.max(1, metrics.viewportHeight - metrics.viewportPadding.top - metrics.viewportPadding.bottom);
-    const heightZoom = availableHeight / Math.max(1, metrics.pageHeight) * 100;
-    return clampDocumentZoom(Math.min(widthZoom, heightZoom));
-}
-function DocumentStatusBar({ bibliographyCount, citationCount, currentPage, pageCount, saveStatus, sectionCount, sectionIndex, spellcheckEnabled, viewMode, wordCount, zoom, onSpellcheckChange, onOpenWordCount, onViewModeChange, onZoomChange }) {
-    const wordCountCommand = getDocumentCommandDefinition('wordCount');
-    return /*#__PURE__*/ jsxs(WorkOfficeStatusBar, {
-        ariaLabel: "文档状态栏",
-        controlsLabel: "文档视图与缩放",
-        className: "work-document-footer",
-        controls: /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ jsx("button", {
-                    type: "button",
-                    "data-document-status-control": "view-mode",
-                    "aria-label": "页面视图",
-                    title: "页面视图",
-                    "aria-pressed": 'page' === viewMode,
-                    onClick: ()=>onViewModeChange('page'),
-                    children: /*#__PURE__*/ jsx(FileText, {
-                        size: 13
-                    })
-                }),
-                /*#__PURE__*/ jsx("button", {
-                    type: "button",
-                    "data-document-status-control": "view-mode",
-                    "aria-label": "网页视图",
-                    title: "网页视图",
-                    "aria-pressed": 'web' === viewMode,
-                    onClick: ()=>onViewModeChange('web'),
-                    children: /*#__PURE__*/ jsx(Globe2, {
-                        size: 13
-                    })
-                }),
-                /*#__PURE__*/ jsx("span", {
-                    className: "work-office-status-divider",
-                    "data-document-status-control": "view-mode"
-                }),
-                /*#__PURE__*/ jsx(WorkOfficeZoomControls, {
-                    zoom: zoom,
-                    minimum: 50,
-                    maximum: 200,
-                    step: 5,
-                    decreaseLabel: "缩小文档",
-                    increaseLabel: "放大文档",
-                    outputLabel: "文档缩放比例",
-                    sliderLabel: "文档缩放",
-                    onChange: (value)=>onZoomChange(clampDocumentZoom(value))
-                })
-            ]
-        }),
+const underlineOptions = [
+    {
+        value: 'none',
+        label: '无下划线'
+    },
+    {
+        value: 'single',
+        label: '单下划线',
+        command: 'underline'
+    },
+    {
+        value: 'words',
+        label: '仅字下划线',
+        command: 'wordsUnderline'
+    },
+    {
+        value: 'double',
+        label: '双下划线',
+        command: 'doubleUnderline'
+    },
+    {
+        value: 'thick',
+        label: '粗下划线'
+    },
+    {
+        value: 'dotted',
+        label: '点线'
+    },
+    {
+        value: 'dottedHeavy',
+        label: '粗点线'
+    },
+    {
+        value: 'dash',
+        label: '短划线'
+    },
+    {
+        value: 'dashedHeavy',
+        label: '粗短划线'
+    },
+    {
+        value: 'dashLong',
+        label: '长划线'
+    },
+    {
+        value: 'dashLongHeavy',
+        label: '粗长划线'
+    },
+    {
+        value: 'dotDash',
+        label: '点划线'
+    },
+    {
+        value: 'dashDotHeavy',
+        label: '粗点划线'
+    },
+    {
+        value: 'dotDotDash',
+        label: '双点划线'
+    },
+    {
+        value: 'dashDotDotHeavy',
+        label: '粗双点划线'
+    },
+    {
+        value: 'wave',
+        label: '波浪线'
+    },
+    {
+        value: 'wavyHeavy',
+        label: '粗波浪线'
+    },
+    {
+        value: 'wavyDouble',
+        label: '双波浪线'
+    }
+];
+function DocumentUnderlineRibbon({ editor, label = '下划线', menuLabel = '下划线样式', colorLabel = '下划线颜色', showColor = true, className = '' }) {
+    const subscribe = useCallback((notify)=>{
+        if (editor.isDestroyed) return ()=>void 0;
+        editor.on('transaction', notify);
+        return ()=>editor.off('transaction', notify);
+    }, [
+        editor
+    ]);
+    useSyncExternalStore(subscribe, ()=>editor.state, ()=>editor.state);
+    if (editor.isDestroyed) return null;
+    const style = documentUnderlineStyle(editor);
+    const active = 'none' !== style;
+    const color = documentUnderlineColor(editor) ?? '#172033';
+    const currentLabel = underlineOptions.find((option)=>option.value === style)?.label ?? underlineOptions[0].label;
+    const shortcut = getDocumentCommandDefinition('underline').shortcut;
+    return /*#__PURE__*/ jsxs("span", {
+        className: `work-document-underline-control${className ? ` ${className}` : ''}`,
         children: [
-            /*#__PURE__*/ jsxs("output", {
-                "aria-label": "页码状态",
-                "data-document-status-item": "page",
-                children: [
-                    "第 ",
-                    currentPage,
-                    " 页，共 ",
-                    pageCount,
-                    " 页"
-                ]
-            }),
-            /*#__PURE__*/ jsxs("output", {
-                "aria-label": "分节状态",
-                "data-document-status-item": "section",
-                children: [
-                    "第 ",
-                    sectionIndex + 1,
-                    " 节，共 ",
-                    sectionCount,
-                    " 节"
-                ]
-            }),
-            /*#__PURE__*/ jsxs("button", {
-                type: "button",
-                className: "work-office-status-text-button",
-                "data-document-status-item": "word-count",
-                "aria-label": `字数统计：${wordCount}`,
-                "aria-keyshortcuts": wordCountCommand.shortcut?.aria,
-                title: `${wordCountCommand.label}（${wordCountCommand.shortcut?.label}）`,
-                onClick: onOpenWordCount,
-                children: [
-                    "字数：",
-                    wordCount
-                ]
-            }),
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                "data-document-status-item": "spellcheck",
-                "aria-label": `校对：${spellcheckEnabled ? '已开启' : '已关闭'}`,
-                title: `校对：${spellcheckEnabled ? '已开启' : '已关闭'}`,
-                "aria-pressed": spellcheckEnabled,
-                onClick: ()=>onSpellcheckChange(!spellcheckEnabled),
-                children: /*#__PURE__*/ jsx(CheckCheck, {
-                    size: 12
-                })
-            }),
-            /*#__PURE__*/ jsxs("output", {
-                "aria-label": "引用状态",
-                children: [
-                    bibliographyCount,
-                    " 条文献 \xb7 ",
-                    citationCount,
-                    " 处引文"
-                ]
-            }),
-            /*#__PURE__*/ jsxs("output", {
-                "aria-label": "文档保存状态",
-                className: "work-office-save-status",
-                children: [
-                    /*#__PURE__*/ jsx(Cloud, {
-                        size: 12
+            /*#__PURE__*/ jsx(Popover, {
+                label: `更多${label}`,
+                panelLabel: menuLabel,
+                panelRole: "menu",
+                portal: true,
+                placement: "bottom-end",
+                className: "work-document-underline-split-root",
+                panelClassName: "work-office-context-menu work-document-underline-menu",
+                focusFirstOnOpen: true,
+                onPanelKeyDown: moveOfficeMenuFocus,
+                trigger: (triggerProps, { open })=>/*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: `work-document-underline-primary${active ? ' active' : ''}`,
+                                "aria-label": label,
+                                "aria-keyshortcuts": shortcut?.aria,
+                                "aria-pressed": active,
+                                title: `${label}（${currentLabel}；${shortcut?.label ?? ''}）`,
+                                onMouseDown: (event)=>event.preventDefault(),
+                                onClick: ()=>editor.chain().focus().toggleUnderline().run(),
+                                children: /*#__PURE__*/ jsx(Underline, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                ...triggerProps,
+                                type: "button",
+                                className: `work-document-underline-disclosure${open ? ' active' : ''}`,
+                                title: `更多${label}`,
+                                onMouseDown: (event)=>event.preventDefault(),
+                                children: /*#__PURE__*/ jsx(ChevronDown, {
+                                    size: 11,
+                                    "aria-hidden": "true"
+                                })
+                            })
+                        ]
                     }),
-                    saveStatus
-                ]
+                children: (close)=>underlineOptions.map((option)=>{
+                        const optionShortcut = 'command' in option ? getDocumentCommandDefinition(option.command).shortcut : void 0;
+                        return /*#__PURE__*/ jsxs("button", {
+                            type: "button",
+                            role: "menuitemradio",
+                            tabIndex: -1,
+                            "aria-label": option.label,
+                            "aria-checked": style === option.value,
+                            "aria-keyshortcuts": optionShortcut?.aria,
+                            onClick: ()=>{
+                                close();
+                                editor.chain().focus().setDocumentUnderline(option.value).run();
+                            },
+                            children: [
+                                /*#__PURE__*/ jsx(DocumentUnderlineGlyph, {
+                                    style: option.value
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    children: option.label
+                                }),
+                                optionShortcut && /*#__PURE__*/ jsx("kbd", {
+                                    children: optionShortcut.label
+                                })
+                            ]
+                        }, option.value);
+                    })
+            }),
+            showColor && /*#__PURE__*/ jsx(OfficeColorPicker, {
+                compact: true,
+                className: "work-document-underline-color",
+                ariaLabel: colorLabel,
+                value: color,
+                resetAction: {
+                    kind: 'automatic',
+                    label: '自动颜色',
+                    onSelect: ()=>editor.chain().focus().setDocumentUnderlineColor(null).run()
+                },
+                onValueChange: (value)=>editor.chain().focus().setDocumentUnderlineColor(value).run()
             })
         ]
     });
 }
-function DocumentFormatTools({ editor }) {
-    const hasFormat = useSyncExternalStore(subscribeDocumentFormatClipboard, hasDocumentFormatClipboard, hasDocumentFormatClipboard);
-    const [formatPainterActive, setFormatPainterActive] = useState(false);
-    const painterSourceRef = useRef(null);
-    const copyFormatCommand = getDocumentCommandDefinition('copyFormat');
-    const pasteFormatCommand = getDocumentCommandDefinition('pasteFormat');
+function DocumentUnderlineGlyph({ style }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: "work-document-underline-glyph",
+        "data-underline-style": style,
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx("span", {
+            children: "Aa"
+        })
+    });
+}
+const bubbleMenuOptions = {
+    strategy: 'fixed',
+    placement: 'top',
+    offset: 9,
+    flip: {
+        padding: 8
+    },
+    shift: {
+        padding: 8
+    },
+    inline: true
+};
+const selectionToolbarPluginKey = 'documentSelectionToolbar';
+function DocumentSelectionToolbar({ editor, canInsertComment, layoutFonts = [], onInsertComment, reviewOnly = false }) {
+    const toolbarRef = useRef(null);
+    const fontFamilyValue = documentFontFamilyValue(editor, layoutFonts);
+    const fontSizeValue = documentFontSizeValue(editor);
     useEffect(()=>{
-        if (!formatPainterActive || editor.isDestroyed) return;
-        const editorDom = editor.view.dom;
-        editorDom.dataset.documentFormatPainter = 'true';
-        const applyFormatPainter = ()=>{
-            if (editor.isDestroyed) return;
-            const selection = editor.state.selection;
-            const source = painterSourceRef.current;
-            if (source && source.from === selection.from && source.to === selection.to) return;
-            if (pasteDocumentFormatting(editor)) setFormatPainterActive(false);
-        };
-        const onPointerUp = (event)=>{
-            if (0 === event.button) applyFormatPainter();
-        };
-        const onKeyUp = (event)=>{
-            if (event.shiftKey || event.key.startsWith('Arrow') || 'Home' === event.key || 'End' === event.key) applyFormatPainter();
-        };
-        const onKeyDown = (event)=>{
-            if ('Escape' !== event.key) return;
-            event.preventDefault();
-            setFormatPainterActive(false);
+        const hideOutsideInteraction = (event)=>{
+            const toolbar = toolbarRef.current;
+            if (editor.isDestroyed || !(event.target instanceof Node) || editor.view.dom.contains(event.target) || toolbar && selectionToolbarOwnsTarget(toolbar, event.target)) return;
+            editor.view.dispatch(editor.state.tr.setMeta(selectionToolbarPluginKey, 'hide'));
         };
-        editorDom.addEventListener('pointerup', onPointerUp);
-        editorDom.addEventListener('keyup', onKeyUp);
-        editorDom.addEventListener('keydown', onKeyDown, true);
+        document.addEventListener('focusin', hideOutsideInteraction, true);
+        document.addEventListener('pointerdown', hideOutsideInteraction, true);
         return ()=>{
-            delete editorDom.dataset.documentFormatPainter;
-            editorDom.removeEventListener('pointerup', onPointerUp);
-            editorDom.removeEventListener('keyup', onKeyUp);
-            editorDom.removeEventListener('keydown', onKeyDown, true);
+            document.removeEventListener('focusin', hideOutsideInteraction, true);
+            document.removeEventListener('pointerdown', hideOutsideInteraction, true);
         };
     }, [
-        editor,
-        formatPainterActive
+        editor
     ]);
-    const copyFormat = ()=>copyDocumentFormatting(editor);
-    const toggleFormatPainter = ()=>{
-        if (formatPainterActive) return void setFormatPainterActive(false);
-        if (!copyDocumentFormatting(editor)) return;
-        painterSourceRef.current = {
-            from: editor.state.selection.from,
-            to: editor.state.selection.to
-        };
-        setFormatPainterActive(true);
-    };
-    return /*#__PURE__*/ jsxs(WorkOfficeRibbonGroup, {
-        label: "剪贴板",
-        priority: "normal",
+    return /*#__PURE__*/ jsxs(BubbleMenu, {
+        ref: toolbarRef,
+        editor: editor,
+        pluginKey: selectionToolbarPluginKey,
+        className: "work-document-selection-toolbar",
+        role: "toolbar",
+        "aria-label": "文本快捷工具栏",
+        updateDelay: 80,
+        resizeDelay: 60,
+        appendTo: ()=>officeOverlayPortalRoot(editor.view.dom.ownerDocument, editor.view.dom),
+        options: bubbleMenuOptions,
+        shouldShow: ({ element, state, view })=>{
+            const { selection } = state;
+            const hasFocus = view.hasFocus() || element.contains(document.activeElement);
+            return hasFocus && editor.isEditable && selection instanceof TextSelection && !selection.empty && Boolean(state.doc.textBetween(selection.from, selection.to, '\n').trim());
+        },
+        onPointerDown: (event)=>{
+            if ('touch' !== event.nativeEvent.pointerType) event.preventDefault();
+        },
         children: [
-            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
-                label: "复制格式",
-                title: `复制格式（${copyFormatCommand.shortcut?.label}）`,
-                "aria-keyshortcuts": copyFormatCommand.shortcut?.aria,
-                onClick: copyFormat,
-                children: /*#__PURE__*/ jsx(ClipboardCopy, {
-                    size: 17
-                })
-            }),
-            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
-                label: "粘贴格式",
-                title: `粘贴格式（${pasteFormatCommand.shortcut?.label}）`,
-                "aria-keyshortcuts": pasteFormatCommand.shortcut?.aria,
-                disabled: !hasFormat,
-                onClick: ()=>pasteDocumentFormatting(editor),
-                children: /*#__PURE__*/ jsx(ClipboardPaste, {
-                    size: 17
-                })
+            !reviewOnly && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(OfficeSelect, {
+                        ariaLabel: "快捷字体",
+                        className: "work-document-selection-font-family",
+                        value: fontFamilyValue,
+                        options: documentFontFamilyOptionsForValue(fontFamilyValue, layoutFonts),
+                        onValueChange: (value)=>{
+                            if ('default' === value) editor.chain().focus().unsetFontFamily().run();
+                            else editor.chain().focus().setFontFamily(value).run();
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(OfficeSelect, {
+                        ariaLabel: "快捷字号",
+                        className: "work-document-selection-font-size",
+                        value: fontSizeValue,
+                        options: documentFontSizeOptionsForValue(fontSizeValue),
+                        onValueChange: (value)=>{
+                            if ('default' === value) editor.chain().focus().unsetFontSize().run();
+                            else editor.chain().focus().setFontSize(value).run();
+                        }
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "work-document-selection-divider",
+                        "aria-hidden": "true"
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "加粗",
+                        active: editor.isActive('bold'),
+                        onClick: ()=>editor.chain().focus().toggleBold().run(),
+                        children: /*#__PURE__*/ jsx(Bold, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "斜体",
+                        active: editor.isActive('italic'),
+                        onClick: ()=>editor.chain().focus().toggleItalic().run(),
+                        children: /*#__PURE__*/ jsx(Italic, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(DocumentUnderlineRibbon, {
+                        editor: editor,
+                        menuLabel: "快捷下划线样式",
+                        showColor: false,
+                        className: "work-document-selection-underline"
+                    }),
+                    /*#__PURE__*/ jsx(DocumentStrikeRibbon, {
+                        editor: editor,
+                        menuLabel: "快捷删除线样式",
+                        className: "work-document-selection-strike"
+                    }),
+                    /*#__PURE__*/ jsx(OfficeColorPicker, {
+                        compact: true,
+                        className: "work-document-selection-color",
+                        value: editor.getAttributes('textStyle').color ?? '#172033',
+                        ariaLabel: "快捷文字颜色",
+                        onValueChange: (color)=>editor.chain().focus().setColor(color).run()
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "突出显示",
+                        active: editor.isActive('highlight'),
+                        onClick: ()=>editor.chain().focus().toggleHighlight({
+                                color: '#fff0a6'
+                            }).run(),
+                        children: /*#__PURE__*/ jsx(Highlighter, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        className: "secondary",
+                        label: "清除格式",
+                        onClick: ()=>editor.commands.clearDocumentFormatting(),
+                        children: /*#__PURE__*/ jsx(Eraser, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "work-document-selection-divider",
+                        "aria-hidden": "true"
+                    })
+                ]
             }),
-            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
-                label: "格式刷",
-                title: "格式刷（选择源格式后应用到下一处选择）",
-                active: formatPainterActive,
-                onClick: toggleFormatPainter,
-                children: /*#__PURE__*/ jsx(Paintbrush, {
-                    size: 17
+            /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                label: "添加批注",
+                disabled: !canInsertComment,
+                onClick: onInsertComment,
+                children: /*#__PURE__*/ jsx(MessageSquarePlus, {
+                    size: 15
                 })
             })
         ]
     });
 }
-const bulletStyles = [
-    {
-        value: 'disc',
-        label: '实心圆点',
-        marker: '●'
-    },
-    {
-        value: 'circle',
-        label: '空心圆点',
-        marker: '○'
-    },
-    {
-        value: 'square',
-        label: '方块',
-        marker: '■'
-    }
-];
-const orderedStyles = [
-    {
-        value: 'decimal',
-        label: '数字',
-        markers: [
-            '1.',
-            '2.',
-            '3.'
-        ]
-    },
-    {
-        value: 'lower-alpha',
-        label: '小写字母',
-        markers: [
-            'a.',
-            'b.',
-            'c.'
-        ]
-    },
-    {
-        value: 'upper-alpha',
-        label: '大写字母',
-        markers: [
-            'A.',
-            'B.',
-            'C.'
-        ]
-    },
-    {
-        value: 'lower-roman',
-        label: '小写罗马数字',
-        markers: [
-            'i.',
-            'ii.',
-            'iii.'
-        ]
-    },
-    {
-        value: 'upper-roman',
-        label: '大写罗马数字',
-        markers: [
-            'I.',
-            'II.',
-            'III.'
+function selectionToolbarOwnsTarget(toolbar, target) {
+    if (toolbar.contains(target)) return true;
+    return [
+        ...toolbar.querySelectorAll('[aria-controls]')
+    ].map((controller)=>controller.getAttribute('aria-controls')).some((controlledId)=>{
+        if (!controlledId) return false;
+        return document.getElementById(controlledId)?.contains(target) ?? false;
+    });
+}
+function SelectionToolbarButton({ active, className = '', disabled = false, label, onClick, children }) {
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: className,
+        "aria-label": label,
+        "aria-pressed": active,
+        title: label,
+        disabled: disabled,
+        onClick: onClick,
+        children: children
+    });
+}
+function DocumentStatisticsDialog({ pageCount, restoreFocusTarget, statistics, onClose }) {
+    const rows = [
+        [
+            '页数',
+            pageCount
+        ],
+        [
+            '字数',
+            statistics.wordCount
+        ],
+        [
+            '字符数（不计空格）',
+            statistics.characterCountWithoutSpaces
+        ],
+        [
+            '字符数（计空格）',
+            statistics.characterCountWithSpaces
+        ],
+        [
+            '段落数',
+            statistics.paragraphCount
         ]
-    }
-];
-function DocumentListGallery({ editor }) {
-    const subscribe = useCallback((notify)=>{
-        editor.on('transaction', notify);
-        return ()=>editor.off('transaction', notify);
-    }, [
-        editor
-    ]);
-    useSyncExternalStore(subscribe, ()=>documentListSnapshot(editor), ()=>documentListSnapshot(editor));
-    const bulletStyle = documentBulletListStyle(editor);
-    const orderedState = documentOrderedListState(editor);
-    return /*#__PURE__*/ jsxs("div", {
-        className: "work-document-list-tools",
+    ];
+    return /*#__PURE__*/ jsx(Dialog, {
+        title: "字数统计",
+        description: "当前文档的文本统计。",
+        className: "work-document-statistics-dialog",
+        focusKey: "document-statistics",
+        restoreFocusTarget: restoreFocusTarget,
+        onClose: onClose,
+        footer: /*#__PURE__*/ jsx(button_Button, {
+            tone: "primary",
+            onClick: onClose,
+            children: "确定"
+        }),
+        children: /*#__PURE__*/ jsx("dl", {
+            className: "work-document-statistics",
+            "aria-label": "字数统计详情",
+            children: rows.map(([label, value])=>/*#__PURE__*/ jsxs("div", {
+                    children: [
+                        /*#__PURE__*/ jsx("dt", {
+                            children: label
+                        }),
+                        /*#__PURE__*/ jsx("dd", {
+                            children: value
+                        })
+                    ]
+                }, label))
+        })
+    });
+}
+const MIN_DOCUMENT_ZOOM = 50;
+const MAX_DOCUMENT_ZOOM = 200;
+function clampDocumentZoom(zoom) {
+    return Math.min(MAX_DOCUMENT_ZOOM, Math.max(MIN_DOCUMENT_ZOOM, Math.round(zoom)));
+}
+function documentZoomForFit(fit, metrics) {
+    const availableWidth = Math.max(1, metrics.viewportWidth - metrics.viewportPadding.left - metrics.viewportPadding.right);
+    const widthZoom = availableWidth / Math.max(1, metrics.pageWidth) * 100;
+    if ('width' === fit) return clampDocumentZoom(widthZoom);
+    const availableHeight = Math.max(1, metrics.viewportHeight - metrics.viewportPadding.top - metrics.viewportPadding.bottom);
+    const heightZoom = availableHeight / Math.max(1, metrics.pageHeight) * 100;
+    return clampDocumentZoom(Math.min(widthZoom, heightZoom));
+}
+function DocumentStatusBar({ bibliographyCount, citationCount, currentPage, pageCount, saveStatus, sectionCount, sectionIndex, spellcheckEnabled, viewMode, wordCount, zoom, onSpellcheckChange, onOpenWordCount, onViewModeChange, onZoomChange }) {
+    const wordCountCommand = getDocumentCommandDefinition('wordCount');
+    return /*#__PURE__*/ jsxs(WorkOfficeStatusBar, {
+        ariaLabel: "文档状态栏",
+        controlsLabel: "文档视图与缩放",
+        className: "work-document-footer",
+        controls: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-document-status-control": "view-mode",
+                    "aria-label": "页面视图",
+                    title: "页面视图",
+                    "aria-pressed": 'page' === viewMode,
+                    onClick: ()=>onViewModeChange('page'),
+                    children: /*#__PURE__*/ jsx(FileText, {
+                        size: 13
+                    })
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-document-status-control": "view-mode",
+                    "aria-label": "网页视图",
+                    title: "网页视图",
+                    "aria-pressed": 'web' === viewMode,
+                    onClick: ()=>onViewModeChange('web'),
+                    children: /*#__PURE__*/ jsx(Globe2, {
+                        size: 13
+                    })
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: "work-office-status-divider",
+                    "data-document-status-control": "view-mode"
+                }),
+                /*#__PURE__*/ jsx(WorkOfficeZoomControls, {
+                    zoom: zoom,
+                    minimum: 50,
+                    maximum: 200,
+                    step: 5,
+                    decreaseLabel: "缩小文档",
+                    increaseLabel: "放大文档",
+                    outputLabel: "文档缩放比例",
+                    sliderLabel: "文档缩放",
+                    onChange: (value)=>onZoomChange(clampDocumentZoom(value))
+                })
+            ]
+        }),
         children: [
-            /*#__PURE__*/ jsx(BulletListControl, {
-                editor: editor,
-                activeStyle: bulletStyle
+            /*#__PURE__*/ jsxs("output", {
+                "aria-label": "页码状态",
+                "data-document-status-item": "page",
+                children: [
+                    "第 ",
+                    currentPage,
+                    " 页，共 ",
+                    pageCount,
+                    " 页"
+                ]
             }),
-            /*#__PURE__*/ jsx(OrderedListControl, {
-                editor: editor,
-                activeState: orderedState
+            /*#__PURE__*/ jsxs("output", {
+                "aria-label": "分节状态",
+                "data-document-status-item": "section",
+                children: [
+                    "第 ",
+                    sectionIndex + 1,
+                    " 节，共 ",
+                    sectionCount,
+                    " 节"
+                ]
+            }),
+            /*#__PURE__*/ jsxs("button", {
+                type: "button",
+                className: "work-office-status-text-button",
+                "data-document-status-item": "word-count",
+                "aria-label": `字数统计：${wordCount}`,
+                "aria-keyshortcuts": wordCountCommand.shortcut?.aria,
+                title: `${wordCountCommand.label}（${wordCountCommand.shortcut?.label}）`,
+                onClick: onOpenWordCount,
+                children: [
+                    "字数：",
+                    wordCount
+                ]
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                "data-document-status-item": "spellcheck",
+                "aria-label": `校对：${spellcheckEnabled ? '已开启' : '已关闭'}`,
+                title: `校对：${spellcheckEnabled ? '已开启' : '已关闭'}`,
+                "aria-pressed": spellcheckEnabled,
+                onClick: ()=>onSpellcheckChange(!spellcheckEnabled),
+                children: /*#__PURE__*/ jsx(CheckCheck, {
+                    size: 12
+                })
+            }),
+            /*#__PURE__*/ jsxs("output", {
+                "aria-label": "引用状态",
+                children: [
+                    bibliographyCount,
+                    " 条文献 \xb7 ",
+                    citationCount,
+                    " 处引文"
+                ]
+            }),
+            /*#__PURE__*/ jsxs("output", {
+                "aria-label": "文档保存状态",
+                className: "work-office-save-status",
+                children: [
+                    /*#__PURE__*/ jsx(Cloud, {
+                        size: 12
+                    }),
+                    saveStatus
+                ]
             })
         ]
     });
 }
-function BulletListControl({ editor, activeStyle }) {
-    const [open, setOpen] = useState(false);
-    const optionRefs = useRef([]);
-    const activeIndex = Math.max(0, bulletStyles.findIndex((style)=>style.value === activeStyle));
-    const [focusIndex, setFocusIndex] = useState(activeIndex);
-    const focusActiveOption = ()=>{
-        setFocusIndex(activeIndex);
-        requestAnimationFrame(()=>optionRefs.current[activeIndex]?.focus({
-                preventScroll: true
-            }));
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: "work-document-list-split",
-        "data-active": Boolean(activeStyle),
-        children: [
-            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
-                label: "项目符号",
-                title: "项目符号",
-                displayLabel: false,
-                active: Boolean(activeStyle),
-                className: "work-document-list-primary",
-                onClick: ()=>{
-                    if (activeStyle) editor.chain().focus().clearDocumentList().run();
-                    else editor.chain().focus().applyDocumentBulletList('disc').run();
-                },
-                children: /*#__PURE__*/ jsx(List, {
-                    size: 16
-                })
-            }),
-            /*#__PURE__*/ jsx(Popover, {
-                label: "项目符号库",
-                panelLabel: "项目符号库",
-                panelRole: "dialog",
+function DocumentFormatTools({ editor }) {
+    const hasFormat = useSyncExternalStore(subscribeDocumentFormatClipboard, hasDocumentFormatClipboard, hasDocumentFormatClipboard);
+    const [formatPainterActive, setFormatPainterActive] = useState(false);
+    const painterSourceRef = useRef(null);
+    const copyFormatCommand = getDocumentCommandDefinition('copyFormat');
+    const pasteFormatCommand = getDocumentCommandDefinition('pasteFormat');
+    useEffect(()=>{
+        if (!formatPainterActive || editor.isDestroyed) return;
+        const editorDom = editor.view.dom;
+        editorDom.dataset.documentFormatPainter = 'true';
+        const applyFormatPainter = ()=>{
+            if (editor.isDestroyed) return;
+            const selection = editor.state.selection;
+            const source = painterSourceRef.current;
+            if (source && source.from === selection.from && source.to === selection.to) return;
+            if (pasteDocumentFormatting(editor)) setFormatPainterActive(false);
+        };
+        const onPointerUp = (event)=>{
+            if (0 === event.button) applyFormatPainter();
+        };
+        const onKeyUp = (event)=>{
+            if (event.shiftKey || event.key.startsWith('Arrow') || 'Home' === event.key || 'End' === event.key) applyFormatPainter();
+        };
+        const onKeyDown = (event)=>{
+            if ('Escape' !== event.key) return;
+            event.preventDefault();
+            setFormatPainterActive(false);
+        };
+        editorDom.addEventListener('pointerup', onPointerUp);
+        editorDom.addEventListener('keyup', onKeyUp);
+        editorDom.addEventListener('keydown', onKeyDown, true);
+        return ()=>{
+            delete editorDom.dataset.documentFormatPainter;
+            editorDom.removeEventListener('pointerup', onPointerUp);
+            editorDom.removeEventListener('keyup', onKeyUp);
+            editorDom.removeEventListener('keydown', onKeyDown, true);
+        };
+    }, [
+        editor,
+        formatPainterActive
+    ]);
+    const copyFormat = ()=>copyDocumentFormatting(editor);
+    const toggleFormatPainter = ()=>{
+        if (formatPainterActive) return void setFormatPainterActive(false);
+        if (!copyDocumentFormatting(editor)) return;
+        painterSourceRef.current = {
+            from: editor.state.selection.from,
+            to: editor.state.selection.to
+        };
+        setFormatPainterActive(true);
+    };
+    return /*#__PURE__*/ jsxs(WorkOfficeRibbonGroup, {
+        label: "剪贴板",
+        priority: "normal",
+        children: [
+            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                label: "复制格式",
+                title: `复制格式（${copyFormatCommand.shortcut?.label}）`,
+                "aria-keyshortcuts": copyFormatCommand.shortcut?.aria,
+                onClick: copyFormat,
+                children: /*#__PURE__*/ jsx(ClipboardCopy, {
+                    size: 17
+                })
+            }),
+            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                label: "粘贴格式",
+                title: `粘贴格式（${pasteFormatCommand.shortcut?.label}）`,
+                "aria-keyshortcuts": pasteFormatCommand.shortcut?.aria,
+                disabled: !hasFormat,
+                onClick: ()=>pasteDocumentFormatting(editor),
+                children: /*#__PURE__*/ jsx(ClipboardPaste, {
+                    size: 17
+                })
+            }),
+            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                label: "格式刷",
+                title: "格式刷（选择源格式后应用到下一处选择）",
+                active: formatPainterActive,
+                onClick: toggleFormatPainter,
+                children: /*#__PURE__*/ jsx(Paintbrush, {
+                    size: 17
+                })
+            })
+        ]
+    });
+}
+const bulletStyles = [
+    {
+        value: 'disc',
+        label: '实心圆点',
+        marker: '●'
+    },
+    {
+        value: 'circle',
+        label: '空心圆点',
+        marker: '○'
+    },
+    {
+        value: 'square',
+        label: '方块',
+        marker: '■'
+    }
+];
+const orderedStyles = [
+    {
+        value: 'decimal',
+        label: '数字',
+        markers: [
+            '1.',
+            '2.',
+            '3.'
+        ]
+    },
+    {
+        value: 'lower-alpha',
+        label: '小写字母',
+        markers: [
+            'a.',
+            'b.',
+            'c.'
+        ]
+    },
+    {
+        value: 'upper-alpha',
+        label: '大写字母',
+        markers: [
+            'A.',
+            'B.',
+            'C.'
+        ]
+    },
+    {
+        value: 'lower-roman',
+        label: '小写罗马数字',
+        markers: [
+            'i.',
+            'ii.',
+            'iii.'
+        ]
+    },
+    {
+        value: 'upper-roman',
+        label: '大写罗马数字',
+        markers: [
+            'I.',
+            'II.',
+            'III.'
+        ]
+    }
+];
+function DocumentListGallery({ editor }) {
+    const subscribe = useCallback((notify)=>{
+        editor.on('transaction', notify);
+        return ()=>editor.off('transaction', notify);
+    }, [
+        editor
+    ]);
+    useSyncExternalStore(subscribe, ()=>documentListSnapshot(editor), ()=>documentListSnapshot(editor));
+    const bulletStyle = documentBulletListStyle(editor);
+    const orderedState = documentOrderedListState(editor);
+    return /*#__PURE__*/ jsxs("div", {
+        className: "work-document-list-tools",
+        children: [
+            /*#__PURE__*/ jsx(BulletListControl, {
+                editor: editor,
+                activeStyle: bulletStyle
+            }),
+            /*#__PURE__*/ jsx(OrderedListControl, {
+                editor: editor,
+                activeState: orderedState
+            })
+        ]
+    });
+}
+function BulletListControl({ editor, activeStyle }) {
+    const [open, setOpen] = useState(false);
+    const optionRefs = useRef([]);
+    const activeIndex = Math.max(0, bulletStyles.findIndex((style)=>style.value === activeStyle));
+    const [focusIndex, setFocusIndex] = useState(activeIndex);
+    const focusActiveOption = ()=>{
+        setFocusIndex(activeIndex);
+        requestAnimationFrame(()=>optionRefs.current[activeIndex]?.focus({
+                preventScroll: true
+            }));
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "work-document-list-split",
+        "data-active": Boolean(activeStyle),
+        children: [
+            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                label: "项目符号",
+                title: "项目符号",
+                displayLabel: false,
+                active: Boolean(activeStyle),
+                className: "work-document-list-primary",
+                onClick: ()=>{
+                    if (activeStyle) editor.chain().focus().clearDocumentList().run();
+                    else editor.chain().focus().applyDocumentBulletList('disc').run();
+                },
+                children: /*#__PURE__*/ jsx(List, {
+                    size: 16
+                })
+            }),
+            /*#__PURE__*/ jsx(Popover, {
+                label: "项目符号库",
+                panelLabel: "项目符号库",
+                panelRole: "dialog",
                 portal: true,
                 open: open,
                 onOpenChange: (nextOpen)=>{
@@ -8146,516 +8559,1482 @@ function OrderedListControl({ editor, activeState }) {
         ]
     });
 }
-function runDocumentListMenuCommand(editor, close, command) {
-    const handled = command();
-    if (!handled) return false;
-    close();
-    queueMicrotask(()=>{
-        if (!editor.isDestroyed) editor.commands.focus(void 0, {
-            scrollIntoView: false
-        });
+function runDocumentListMenuCommand(editor, close, command) {
+    const handled = command();
+    if (!handled) return false;
+    close();
+    queueMicrotask(()=>{
+        if (!editor.isDestroyed) editor.commands.focus(void 0, {
+            scrollIntoView: false
+        });
+    });
+    return true;
+}
+function handleGalleryKeyDown(event, index, count, columns, refs, setFocusIndex, select) {
+    if ('Enter' === event.key || ' ' === event.key) {
+        event.preventDefault();
+        select();
+        return;
+    }
+    let next = index;
+    if ('ArrowRight' === event.key) next = (index + 1) % count;
+    else if ('ArrowLeft' === event.key) next = (index - 1 + count) % count;
+    else if ('ArrowDown' === event.key) next = Math.min(count - 1, index + columns);
+    else if ('ArrowUp' === event.key) next = Math.max(0, index - columns);
+    else if ('Home' === event.key) next = 0;
+    else {
+        if ('End' !== event.key) return;
+        next = count - 1;
+    }
+    event.preventDefault();
+    setFocusIndex(next);
+    refs.current[next]?.focus({
+        preventScroll: true
+    });
+}
+function validStartValue(value) {
+    const number = Number(value);
+    return Number.isSafeInteger(number) && number >= 1 && number <= MAX_DOCUMENT_NUMBERING_START ? number : null;
+}
+function documentListSnapshot(editor) {
+    const bullet = documentBulletListStyle(editor);
+    const ordered = documentOrderedListState(editor);
+    return `${bullet ?? ''}:${ordered?.style ?? ''}:${ordered?.start ?? ''}`;
+}
+const documentParagraphStyles = [
+    {
+        value: 'paragraph',
+        label: '正文',
+        level: null,
+        shortcut: void 0
+    },
+    {
+        value: 'h1',
+        label: '标题 1',
+        level: 1,
+        shortcut: getDocumentCommandDefinition('heading1').shortcut
+    },
+    {
+        value: 'h2',
+        label: '标题 2',
+        level: 2,
+        shortcut: getDocumentCommandDefinition('heading2').shortcut
+    },
+    {
+        value: 'h3',
+        label: '标题 3',
+        level: 3,
+        shortcut: getDocumentCommandDefinition('heading3').shortcut
+    }
+];
+function DocumentStyleGallery({ editor }) {
+    const groupName = useId();
+    const inputsRef = useRef([]);
+    const activeStyle = documentParagraphStyleValue(editor);
+    const moveSelection = (event, nextIndex)=>{
+        event.preventDefault();
+        const normalizedIndex = (nextIndex + documentParagraphStyles.length) % documentParagraphStyles.length;
+        const style = documentParagraphStyles[normalizedIndex];
+        if (!style) return;
+        applyDocumentParagraphStyle(editor, style);
+        inputsRef.current[normalizedIndex]?.focus({
+            preventScroll: true
+        });
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "work-document-style-tools",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "work-document-style-gallery",
+                role: "radiogroup",
+                "aria-label": "段落样式库",
+                children: documentParagraphStyles.map((style, index)=>{
+                    const active = style.value === activeStyle;
+                    return /*#__PURE__*/ jsxs("label", {
+                        className: active ? 'active' : '',
+                        "data-document-style": style.value,
+                        title: style.shortcut ? `${style.label}（${style.shortcut.label}）` : style.label,
+                        children: [
+                            /*#__PURE__*/ jsx("input", {
+                                ref: (input)=>{
+                                    inputsRef.current[index] = input;
+                                },
+                                type: "radio",
+                                name: groupName,
+                                "aria-label": `应用样式：${style.label}`,
+                                "aria-keyshortcuts": style.shortcut?.aria,
+                                checked: active,
+                                tabIndex: active ? 0 : -1,
+                                onChange: ()=>applyDocumentParagraphStyle(editor, style),
+                                onKeyDown: (event)=>{
+                                    if ('ArrowRight' === event.key || 'ArrowDown' === event.key) moveSelection(event, index + 1);
+                                    else if ('ArrowLeft' === event.key || 'ArrowUp' === event.key) moveSelection(event, index - 1);
+                                    else if ('Home' === event.key) moveSelection(event, 0);
+                                    else if ('End' === event.key) moveSelection(event, documentParagraphStyles.length - 1);
+                                }
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                "aria-hidden": "true",
+                                children: style.label
+                            })
+                        ]
+                    }, style.value);
+                })
+            }),
+            /*#__PURE__*/ jsx(OfficeSelect, {
+                ariaLabel: "段落样式",
+                className: "work-document-style-select",
+                value: activeStyle,
+                options: documentParagraphStyles.map((style)=>({
+                        ...style,
+                        meta: style.shortcut?.label
+                    })),
+                onValueChange: (value)=>{
+                    const style = documentParagraphStyles.find((candidate)=>candidate.value === value);
+                    if (style) applyDocumentParagraphStyle(editor, style);
+                }
+            })
+        ]
+    });
+}
+function documentParagraphStyleValue(editor) {
+    if (editor.isActive('heading', {
+        level: 1
+    })) return 'h1';
+    if (editor.isActive('heading', {
+        level: 2
+    })) return 'h2';
+    if (editor.isActive('heading', {
+        level: 3
+    })) return 'h3';
+    return 'paragraph';
+}
+function applyDocumentParagraphStyle(editor, style) {
+    if (null === style.level) return editor.chain().focus().setParagraph().run();
+    return editor.chain().focus().setHeading({
+        level: style.level
+    }).run();
+}
+const textCaseOptions = [
+    {
+        value: 'none',
+        label: '常规',
+        icon: Type
+    },
+    {
+        value: 'all-caps',
+        label: '全部大写',
+        icon: CaseUpper,
+        command: 'allCaps'
+    },
+    {
+        value: 'small-caps',
+        label: '小型大写',
+        icon: ALargeSmall,
+        command: 'smallCaps'
+    }
+];
+function DocumentTextCaseRibbon({ editor }) {
+    const value = normalizeDocumentTextCase(editor.getAttributes('textStyle').textCase) ?? 'none';
+    const current = textCaseOptions.find((option)=>option.value === value) ?? textCaseOptions[0];
+    return /*#__PURE__*/ jsx(Popover, {
+        label: "大小写效果",
+        panelLabel: "大小写效果",
+        panelRole: "menu",
+        portal: true,
+        placement: "bottom-end",
+        className: "work-document-text-case-root",
+        panelClassName: "work-office-context-menu work-document-text-case-menu",
+        focusFirstOnOpen: true,
+        onPanelKeyDown: moveOfficeMenuFocus,
+        trigger: (triggerProps, { open })=>/*#__PURE__*/ jsx("button", {
+                ...triggerProps,
+                type: "button",
+                className: 'none' !== value || open ? 'active' : '',
+                "aria-pressed": 'none' !== value,
+                title: `大小写效果（${current.label}）`,
+                children: /*#__PURE__*/ jsx(ALargeSmall, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+        children: (close)=>textCaseOptions.map((option)=>{
+                const Icon = option.icon;
+                const shortcut = 'command' in option ? getDocumentCommandDefinition(option.command).shortcut : void 0;
+                return /*#__PURE__*/ jsxs("button", {
+                    type: "button",
+                    role: "menuitemradio",
+                    tabIndex: -1,
+                    "aria-label": option.label,
+                    "aria-checked": value === option.value,
+                    "aria-keyshortcuts": shortcut?.aria,
+                    onClick: ()=>{
+                        close();
+                        editor.commands.setDocumentTextCase(option.value);
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx(Icon, {
+                            "aria-hidden": "true"
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            children: option.label
+                        }),
+                        shortcut && /*#__PURE__*/ jsx("kbd", {
+                            children: shortcut.label
+                        })
+                    ]
+                }, option.value);
+            })
+    });
+}
+const documentLineHeightOptions = [
+    {
+        value: 'default',
+        label: '默认行距'
+    },
+    {
+        value: '1',
+        label: '单倍',
+        meta: getDocumentCommandDefinition('lineSpacingSingle').shortcut?.label
+    },
+    {
+        value: '1.15',
+        label: '1.15 倍'
+    },
+    {
+        value: '1.5',
+        label: '1.5 倍',
+        meta: getDocumentCommandDefinition('lineSpacingOneAndHalf').shortcut?.label
+    },
+    {
+        value: '2',
+        label: '2 倍',
+        meta: getDocumentCommandDefinition('lineSpacingDouble').shortcut?.label
+    }
+];
+function DocumentHomeRibbon({ editor, findReplaceMode, layoutFonts = [], onFindText, onOpenFontDialog }) {
+    const subscribe = useCallback((notify)=>{
+        if (editor.isDestroyed) return ()=>void 0;
+        editor.on('transaction', notify);
+        return ()=>editor.off('transaction', notify);
+    }, [
+        editor
+    ]);
+    useSyncExternalStore(subscribe, ()=>editor.state, ()=>editor.state);
+    if (editor.isDestroyed) return null;
+    const fontFamilyValue = documentFontFamilyValue(editor, layoutFonts);
+    const fontSizeValue = documentFontSizeValue(editor);
+    const lineHeightValue = documentLineHeightValue(editor);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(DocumentFormatTools, {
+                editor: editor
+            }),
+            /*#__PURE__*/ jsx(RibbonGroup, {
+                label: "字体",
+                priority: "high",
+                dialogLauncher: onOpenFontDialog ? {
+                    label: '字体高级设置',
+                    ...commandShortcut('fontDialog'),
+                    onClick: onOpenFontDialog
+                } : void 0,
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "work-document-font-tools",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-selects",
+                            children: [
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "字体",
+                                    className: "work-document-font-family-select",
+                                    value: fontFamilyValue,
+                                    options: documentFontFamilyOptionsForValue(fontFamilyValue, layoutFonts),
+                                    onValueChange: (value)=>{
+                                        if ('default' === value) editor.chain().focus().unsetFontFamily().run();
+                                        else editor.chain().focus().setFontFamily(value).run();
+                                    }
+                                }),
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "字号",
+                                    className: "work-document-font-size-select",
+                                    value: fontSizeValue,
+                                    options: documentFontSizeOptionsForValue(fontSizeValue),
+                                    onValueChange: (value)=>{
+                                        if ('default' === value) editor.chain().focus().unsetFontSize().run();
+                                        else editor.chain().focus().setFontSize(value).run();
+                                    }
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "增大字号",
+                                    ...commandShortcut('growFont'),
+                                    disabled: !canChangeDocumentFontSize(editor, 1),
+                                    onClick: ()=>changeDocumentFontSize(editor, 1),
+                                    children: /*#__PURE__*/ jsx(AArrowUp, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "减小字号",
+                                    ...commandShortcut('shrinkFont'),
+                                    disabled: !canChangeDocumentFontSize(editor, -1),
+                                    onClick: ()=>changeDocumentFontSize(editor, -1),
+                                    children: /*#__PURE__*/ jsx(AArrowDown, {
+                                        size: 16
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-actions",
+                            children: [
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "加粗",
+                                    ...commandShortcut('bold'),
+                                    active: editor.isActive('bold'),
+                                    onClick: ()=>editor.chain().focus().toggleBold().run(),
+                                    children: /*#__PURE__*/ jsx(Bold, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "斜体",
+                                    ...commandShortcut('italic'),
+                                    active: editor.isActive('italic'),
+                                    onClick: ()=>editor.chain().focus().toggleItalic().run(),
+                                    children: /*#__PURE__*/ jsx(Italic, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(DocumentUnderlineRibbon, {
+                                    editor: editor
+                                }),
+                                /*#__PURE__*/ jsx(DocumentStrikeRibbon, {
+                                    editor: editor
+                                }),
+                                /*#__PURE__*/ jsx(DocumentTextCaseRibbon, {
+                                    editor: editor
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "下标",
+                                    ...commandShortcut("subscript"),
+                                    active: editor.isActive("subscript"),
+                                    onClick: ()=>editor.commands.toggleDocumentSubscript(),
+                                    children: /*#__PURE__*/ jsx(Subscript, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "上标",
+                                    ...commandShortcut("superscript"),
+                                    active: editor.isActive("superscript"),
+                                    onClick: ()=>editor.commands.toggleDocumentSuperscript(),
+                                    children: /*#__PURE__*/ jsx(Superscript, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(OfficeColorPicker, {
+                                    compact: true,
+                                    className: "work-color-tool",
+                                    value: editor.getAttributes('textStyle').color ?? '#172033',
+                                    ariaLabel: "文字颜色",
+                                    onValueChange: (color)=>editor.chain().focus().setColor(color).run()
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "突出显示",
+                                    active: editor.isActive('highlight'),
+                                    onClick: ()=>editor.chain().focus().toggleHighlight({
+                                            color: '#fff0a6'
+                                        }).run(),
+                                    children: /*#__PURE__*/ jsx(Highlighter, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "清除格式",
+                                    onClick: ()=>editor.commands.clearDocumentFormatting(),
+                                    children: /*#__PURE__*/ jsx(Eraser, {
+                                        size: 16
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(RibbonGroup, {
+                label: "段落",
+                priority: "high",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "work-document-paragraph-tools",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-paragraph-actions",
+                            children: [
+                                /*#__PURE__*/ jsx(DocumentListGallery, {
+                                    editor: editor
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "减少缩进",
+                                    disabled: !canChangeDocumentIndent(editor, -1),
+                                    onClick: ()=>editor.commands.changeDocumentIndent(-1),
+                                    children: /*#__PURE__*/ jsx(IndentDecrease, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "增加缩进",
+                                    disabled: !canChangeDocumentIndent(editor, 1),
+                                    onClick: ()=>editor.commands.changeDocumentIndent(1),
+                                    children: /*#__PURE__*/ jsx(IndentIncrease, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "行距",
+                                    className: "work-document-line-height-select",
+                                    value: lineHeightValue,
+                                    options: documentLineHeightOptionsForValue(lineHeightValue),
+                                    onValueChange: (value)=>editor.commands.setDocumentLineHeight('default' === value ? null : value)
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-alignment-actions",
+                            children: [
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "左对齐",
+                                    ...commandShortcut('alignLeft'),
+                                    active: editor.isActive({
+                                        textAlign: 'left'
+                                    }),
+                                    onClick: ()=>editor.chain().focus().setTextAlign('left').run(),
+                                    children: /*#__PURE__*/ jsx(AlignLeft, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "居中",
+                                    ...commandShortcut('alignCenter'),
+                                    active: editor.isActive({
+                                        textAlign: 'center'
+                                    }),
+                                    onClick: ()=>editor.chain().focus().setTextAlign('center').run(),
+                                    children: /*#__PURE__*/ jsx(AlignCenter, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "右对齐",
+                                    ...commandShortcut('alignRight'),
+                                    active: editor.isActive({
+                                        textAlign: 'right'
+                                    }),
+                                    onClick: ()=>editor.chain().focus().setTextAlign('right').run(),
+                                    children: /*#__PURE__*/ jsx(AlignRight, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "两端对齐",
+                                    ...commandShortcut('alignJustify'),
+                                    active: editor.isActive({
+                                        textAlign: 'justify'
+                                    }),
+                                    onClick: ()=>editor.chain().focus().setTextAlign('justify').run(),
+                                    children: /*#__PURE__*/ jsx(AlignJustify, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "从左向右",
+                                    active: 'ltr' === documentParagraphDirection(editor),
+                                    onClick: ()=>editor.commands.setDocumentParagraphDirection('ltr'),
+                                    children: /*#__PURE__*/ jsx(PilcrowRight, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ToolbarButton, {
+                                    label: "从右向左",
+                                    active: 'rtl' === documentParagraphDirection(editor),
+                                    onClick: ()=>editor.commands.setDocumentParagraphDirection('rtl'),
+                                    children: /*#__PURE__*/ jsx(PilcrowLeft, {
+                                        size: 16
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(RibbonGroup, {
+                label: "样式",
+                priority: "low",
+                children: /*#__PURE__*/ jsx(DocumentStyleGallery, {
+                    editor: editor
+                })
+            }),
+            /*#__PURE__*/ jsxs(RibbonGroup, {
+                label: "编辑",
+                priority: "low",
+                children: [
+                    /*#__PURE__*/ jsx(ToolbarButton, {
+                        label: "查找",
+                        ...commandShortcut('find'),
+                        active: 'find' === findReplaceMode,
+                        onClick: ()=>onFindText(false),
+                        children: /*#__PURE__*/ jsx(Search, {
+                            size: 16
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(ToolbarButton, {
+                        label: "替换",
+                        ...commandShortcut('replace'),
+                        active: 'replace' === findReplaceMode,
+                        onClick: ()=>onFindText(true),
+                        children: /*#__PURE__*/ jsx(Replace, {
+                            size: 16
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+function ToolbarButton({ label, shortcut, ariaKeyShortcuts, active = false, disabled = false, onClick, children }) {
+    return /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+        label: label,
+        title: shortcut ? `${label}（${shortcut}）` : label,
+        "aria-keyshortcuts": ariaKeyShortcuts,
+        active: active,
+        displayLabel: false,
+        disabled: disabled,
+        onClick: onClick,
+        children: children
     });
-    return true;
 }
-function handleGalleryKeyDown(event, index, count, columns, refs, setFocusIndex, select) {
-    if ('Enter' === event.key || ' ' === event.key) {
-        event.preventDefault();
-        select();
+function commandShortcut(commandId) {
+    const shortcut = getDocumentCommandDefinition(commandId).shortcut;
+    return shortcut ? {
+        shortcut: shortcut.label,
+        ariaKeyShortcuts: shortcut.aria
+    } : {};
+}
+const RibbonGroup = WorkOfficeRibbonGroup;
+function documentLineHeightValue(editor) {
+    const attributes = editor.isActive('heading') ? editor.getAttributes('heading') : editor.getAttributes('paragraph');
+    const value = attributes.lineHeight;
+    if ('string' != typeof value || !value.trim() || 'normal' === value) return 'default';
+    return value.trim();
+}
+function documentLineHeightOptionsForValue(value) {
+    if (documentLineHeightOptions.some((option)=>option.value === value)) return documentLineHeightOptions;
+    const numeric = Number(value);
+    return [
+        ...documentLineHeightOptions,
+        {
+            value,
+            label: Number.isFinite(numeric) && numeric > 0 ? `${numeric} 倍` : value
+        }
+    ];
+}
+function documentFontFamilyDraftValue(source) {
+    if (source.mixed) return 'mixed';
+    return cssDocumentFontFamily(source.value) ?? 'inherit';
+}
+function appendDocumentFontDialogScriptFontPatch(patch, key, source, draft, touched) {
+    if (!touched || 'mixed' === draft) return;
+    const value = 'inherit' === draft ? null : documentFontNameFromCssFamily(draft);
+    if ('inherit' !== draft && !value) return;
+    if (source.mixed || (source.value?.toLocaleLowerCase() ?? null) !== (value?.toLocaleLowerCase() ?? null)) patch[key] = value;
+}
+function addDocumentScriptFontValues(latin, eastAsia, complexScript, attributes) {
+    const fonts = parseDocumentScriptFonts('string' == typeof attributes.scriptFonts ? attributes.scriptFonts : void 0);
+    const fallback = documentFontNameFromCssFamily(attributes.fontFamily);
+    if (!fonts) {
+        addFontValue(latin, fallback);
+        addFontValue(eastAsia, fallback);
+        addFontValue(complexScript, fallback);
         return;
     }
-    let next = index;
-    if ('ArrowRight' === event.key) next = (index + 1) % count;
-    else if ('ArrowLeft' === event.key) next = (index - 1 + count) % count;
-    else if ('ArrowDown' === event.key) next = Math.min(count - 1, index + columns);
-    else if ('ArrowUp' === event.key) next = Math.max(0, index - columns);
-    else if ('Home' === event.key) next = 0;
-    else {
-        if ('End' !== event.key) return;
-        next = count - 1;
+    addFontValue(latin, documentScriptFontDirectFamily(fonts, 'ascii'));
+    addFontValue(latin, documentScriptFontDirectFamily(fonts, 'highAnsi'));
+    addFontValue(eastAsia, documentScriptFontDirectFamily(fonts, 'eastAsia'));
+    addFontValue(complexScript, documentScriptFontDirectFamily(fonts, 'complexScript'));
+}
+function applyDocumentScriptFontPatch(editor, selection, scalarPatch, scriptFontPatch) {
+    if (!validScriptFontPatch(scriptFontPatch)) return false;
+    const { state } = editor;
+    const textStyle = state.schema.marks.textStyle;
+    if (!textStyle) return false;
+    const transaction = state.tr;
+    try {
+        transaction.setSelection(TextSelection.create(transaction.doc, selection.from, selection.to));
+    } catch  {
+        return false;
     }
-    event.preventDefault();
-    setFocusIndex(next);
-    refs.current[next]?.focus({
-        preventScroll: true
+    if (selection.from === selection.to) {
+        const marks = transaction.selection.$from.marks();
+        const current = marks.find((mark)=>mark.type === textStyle);
+        const attributes = patchedTextStyleAttributes(current, scalarPatch, scriptFontPatch, normalizeDocumentScriptFontSlot(current?.attrs.scriptFontSlot) ?? documentScriptFontSlotFromHint(parseDocumentScriptFonts(current?.attrs.scriptFonts)?.hint));
+        const retained = marks.filter((mark)=>mark.type !== textStyle);
+        if (textStyleAttributesHaveValue(attributes)) retained.push(textStyle.create(attributes));
+        transaction.setStoredMarks(retained);
+        transaction.scrollIntoView();
+        editor.view.dispatch(transaction);
+        editor.view.focus();
+        return true;
+    }
+    const updates = [];
+    transaction.doc.nodesBetween(selection.from, selection.to, (node, position)=>{
+        if (!node.isText || !node.text) return;
+        const from = Math.max(selection.from, position);
+        const to = Math.min(selection.to, position + node.nodeSize);
+        if (to <= from) return;
+        const current = node.marks.find((mark)=>mark.type === textStyle);
+        const currentFonts = parseDocumentScriptFonts(current?.attrs.scriptFonts);
+        const nextFonts = patchDocumentScriptFonts(currentFonts, scriptFontPatch, current?.attrs.fontFamily);
+        const text = node.text.slice(from - position, to - position);
+        const segments = documentScriptFontSegments(text, nextFonts?.hint);
+        for (const segment of segments)updates.push({
+            from: from + segment.from,
+            to: from + segment.to,
+            current,
+            attributes: patchedTextStyleAttributes(current, scalarPatch, scriptFontPatch, segment.slot, currentFonts, nextFonts)
+        });
     });
+    for (const update of updates){
+        if (update.current) transaction.removeMark(update.from, update.to, update.current);
+        if (textStyleAttributesHaveValue(update.attributes)) transaction.addMark(update.from, update.to, textStyle.create(update.attributes));
+    }
+    if (!transaction.docChanged) return false;
+    editor.view.dispatch(transaction.scrollIntoView());
+    editor.view.focus();
+    return true;
 }
-function validStartValue(value) {
-    const number = Number(value);
-    return Number.isSafeInteger(number) && number >= 1 && number <= MAX_DOCUMENT_NUMBERING_START ? number : null;
-}
-function documentListSnapshot(editor) {
-    const bullet = documentBulletListStyle(editor);
-    const ordered = documentOrderedListState(editor);
-    return `${bullet ?? ''}:${ordered?.style ?? ''}:${ordered?.start ?? ''}`;
-}
-const documentParagraphStyles = [
-    {
-        value: 'paragraph',
-        label: '正文',
-        level: null,
-        shortcut: void 0
-    },
-    {
-        value: 'h1',
-        label: '标题 1',
-        level: 1,
-        shortcut: getDocumentCommandDefinition('heading1').shortcut
-    },
-    {
-        value: 'h2',
-        label: '标题 2',
-        level: 2,
-        shortcut: getDocumentCommandDefinition('heading2').shortcut
-    },
-    {
-        value: 'h3',
-        label: '标题 3',
-        level: 3,
-        shortcut: getDocumentCommandDefinition('heading3').shortcut
+function patchedTextStyleAttributes(current, scalarPatch, scriptFontPatch, slot, currentFonts = parseDocumentScriptFonts(current?.attrs.scriptFonts), nextFonts = patchDocumentScriptFonts(currentFonts, scriptFontPatch, current?.attrs.fontFamily)) {
+    const attributes = {
+        ...current?.attrs ?? {},
+        ...scalarPatch
+    };
+    const serialized = serializeDocumentScriptFonts(nextFonts);
+    if (!nextFonts || !serialized) {
+        attributes.scriptFonts = null;
+        attributes.scriptFontSlot = null;
+        attributes.fontFamily = null;
+        attributes.wordLineHeightFactor = null;
+        return attributes;
     }
-];
-function DocumentStyleGallery({ editor }) {
-    const groupName = useId();
-    const inputsRef = useRef([]);
-    const activeStyle = documentParagraphStyleValue(editor);
-    const moveSelection = (event, nextIndex)=>{
-        event.preventDefault();
-        const normalizedIndex = (nextIndex + documentParagraphStyles.length) % documentParagraphStyles.length;
-        const style = documentParagraphStyles[normalizedIndex];
-        if (!style) return;
-        applyDocumentParagraphStyle(editor, style);
-        inputsRef.current[normalizedIndex]?.focus({
-            preventScroll: true
-        });
+    const currentOwnsSlot = Boolean(currentFonts && documentScriptFontDirectFamily(currentFonts, slot));
+    const nextOwnsSlot = Boolean(documentScriptFontDirectFamily(nextFonts, slot));
+    const family = nextOwnsSlot || currentOwnsSlot ? documentScriptFontFamilyForRendering(nextFonts, slot, current?.attrs.fontFamily) : 'string' == typeof current?.attrs.fontFamily ? current.attrs.fontFamily : documentScriptFontFamilyForRendering(nextFonts, slot);
+    attributes.scriptFonts = serialized;
+    attributes.scriptFontSlot = slot;
+    attributes.fontFamily = family ?? null;
+    attributes.wordLineHeightFactor = family ? documentWordLineHeightFactor(family) : null;
+    return attributes;
+}
+function textStyleAttributesHaveValue(attributes) {
+    return Object.values(attributes).some((value)=>null != value && '' !== value);
+}
+function validScriptFontPatch(patch) {
+    return Object.values(patch).every((value)=>null === value || null !== documentFontNameFromCssFamily(value));
+}
+function addFontValue(values, value) {
+    const normalized = value?.trim() || null;
+    values.set(normalized?.toLocaleLowerCase() ?? 'inherited', normalized);
+}
+function documentFontDialogSource(editor) {
+    const { doc, selection } = editor.state;
+    const scaleValues = new Map();
+    const positionValues = new Map();
+    const spacingValues = new Map();
+    const kerningValues = new Map();
+    const emphasisValues = new Map();
+    const hiddenTextValues = new Map();
+    const latinFontValues = new Map();
+    const eastAsiaFontValues = new Map();
+    const complexScriptFontValues = new Map();
+    const addValues = (attributes)=>{
+        addScaleValue(scaleValues, attributes.characterScalePercent);
+        addPositionValue(positionValues, attributes.characterPositionHalfPoints);
+        addSpacingValue(spacingValues, attributes.characterSpacingTwips);
+        addKerningValue(kerningValues, attributes.kerningThresholdHalfPoints);
+        addEmphasisValue(emphasisValues, attributes.emphasisMark);
+        addHiddenTextValue(hiddenTextValues, attributes.hiddenText);
+        addDocumentScriptFontValues(latinFontValues, eastAsiaFontValues, complexScriptFontValues, attributes);
     };
-    return /*#__PURE__*/ jsxs("div", {
-        className: "work-document-style-tools",
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "work-document-style-gallery",
-                role: "radiogroup",
-                "aria-label": "段落样式库",
-                children: documentParagraphStyles.map((style, index)=>{
-                    const active = style.value === activeStyle;
-                    return /*#__PURE__*/ jsxs("label", {
-                        className: active ? 'active' : '',
-                        "data-document-style": style.value,
-                        title: style.shortcut ? `${style.label}（${style.shortcut.label}）` : style.label,
-                        children: [
-                            /*#__PURE__*/ jsx("input", {
-                                ref: (input)=>{
-                                    inputsRef.current[index] = input;
-                                },
-                                type: "radio",
-                                name: groupName,
-                                "aria-label": `应用样式：${style.label}`,
-                                "aria-keyshortcuts": style.shortcut?.aria,
-                                checked: active,
-                                tabIndex: active ? 0 : -1,
-                                onChange: ()=>applyDocumentParagraphStyle(editor, style),
-                                onKeyDown: (event)=>{
-                                    if ('ArrowRight' === event.key || 'ArrowDown' === event.key) moveSelection(event, index + 1);
-                                    else if ('ArrowLeft' === event.key || 'ArrowUp' === event.key) moveSelection(event, index - 1);
-                                    else if ('Home' === event.key) moveSelection(event, 0);
-                                    else if ('End' === event.key) moveSelection(event, documentParagraphStyles.length - 1);
-                                }
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                "aria-hidden": "true",
-                                children: style.label
-                            })
-                        ]
-                    }, style.value);
-                })
-            }),
-            /*#__PURE__*/ jsx(OfficeSelect, {
-                ariaLabel: "段落样式",
-                className: "work-document-style-select",
-                value: activeStyle,
-                options: documentParagraphStyles.map((style)=>({
-                        ...style,
-                        meta: style.shortcut?.label
-                    })),
-                onValueChange: (value)=>{
-                    const style = documentParagraphStyles.find((candidate)=>candidate.value === value);
-                    if (style) applyDocumentParagraphStyle(editor, style);
-                }
-            })
-        ]
+    if (selection.empty) addValues(editor.getAttributes('textStyle'));
+    else doc.nodesBetween(selection.from, selection.to, (node, position)=>{
+        if (!node.isText || position >= selection.to || position + node.nodeSize <= selection.from) return;
+        const textStyle = node.marks.find((mark)=>'textStyle' === mark.type.name);
+        addValues(textStyle?.attrs ?? {});
     });
+    if (!scaleValues.size || !spacingValues.size || !positionValues.size || !kerningValues.size || !emphasisValues.size || !hiddenTextValues.size || !latinFontValues.size || !eastAsiaFontValues.size || !complexScriptFontValues.size) addValues(editor.getAttributes('textStyle'));
+    const characterScale = selectedValue(scaleValues);
+    const characterPosition = selectedValue(positionValues);
+    const characterSpacing = selectedValue(spacingValues);
+    const kerningThreshold = selectedValue(kerningValues);
+    const emphasisMark = selectedValue(emphasisValues);
+    const hiddenText = selectedValue(hiddenTextValues);
+    const latinFont = selectedValue(latinFontValues);
+    const eastAsiaFont = selectedValue(eastAsiaFontValues);
+    const complexScriptFont = selectedValue(complexScriptFontValues);
+    const textStyle = editor.getAttributes('textStyle');
+    const selectedText = selection.empty ? '' : doc.textBetween(selection.from, selection.to, ' ', ' ').replace(/\s+/g, ' ').trim();
+    return {
+        characterScale,
+        characterPosition,
+        characterSpacing,
+        kerningThreshold,
+        emphasisMark,
+        hiddenText,
+        latinFont,
+        eastAsiaFont,
+        complexScriptFont,
+        fontFamily: 'string' == typeof textStyle.fontFamily && textStyle.fontFamily.trim() ? textStyle.fontFamily : null,
+        fontSize: 'string' == typeof textStyle.fontSize && textStyle.fontSize.trim() ? textStyle.fontSize : null,
+        previewText: selectedText.slice(0, 72) || 'A3S Office 字符格式',
+        selectedCharacters: selectedText.length
+    };
 }
-function documentParagraphStyleValue(editor) {
-    if (editor.isActive('heading', {
-        level: 1
-    })) return 'h1';
-    if (editor.isActive('heading', {
-        level: 2
-    })) return 'h2';
-    if (editor.isActive('heading', {
-        level: 3
-    })) return 'h3';
-    return 'paragraph';
+function createDocumentFontDialogDraft(source) {
+    const scale = source.characterScale.value;
+    const spacing = source.characterSpacing.value;
+    const spacingPoints = Math.abs(documentCharacterSpacingPoints(spacing) ?? 1);
+    const position = source.characterPosition.value;
+    const positionPoints = Math.abs(documentCharacterPositionPoints(position) ?? 1);
+    const kerningThreshold = source.kerningThreshold.value;
+    return {
+        characterScaleMode: source.characterScale.mixed ? 'mixed' : 'value',
+        characterScalePercent: source.characterScale.mixed ? '' : String(scale ?? 100),
+        characterPositionMode: source.characterPosition.mixed ? 'mixed' : null !== position && position < 0 ? 'lowered' : null !== position && position > 0 ? 'raised' : 'normal',
+        characterPositionPoints: formatPoints(positionPoints || 1),
+        characterSpacingMode: source.characterSpacing.mixed ? 'mixed' : null !== spacing && spacing < 0 ? 'condensed' : null !== spacing && spacing > 0 ? 'expanded' : 'normal',
+        characterSpacingPoints: formatPoints(spacingPoints || 1),
+        kerningEnabled: !source.kerningThreshold.mixed && null !== kerningThreshold,
+        kerningThresholdPoints: formatPoints(documentKerningThresholdPoints(kerningThreshold) ?? 12),
+        emphasisMark: source.emphasisMark.mixed ? 'mixed' : source.emphasisMark.value ?? 'inherit',
+        hiddenText: source.hiddenText.value ?? false,
+        latinFont: documentFontFamilyDraftValue(source.latinFont),
+        eastAsiaFont: documentFontFamilyDraftValue(source.eastAsiaFont),
+        complexScriptFont: documentFontFamilyDraftValue(source.complexScriptFont)
+    };
 }
-function applyDocumentParagraphStyle(editor, style) {
-    if (null === style.level) return editor.chain().focus().setParagraph().run();
-    return editor.chain().focus().setHeading({
-        level: style.level
-    }).run();
+function documentFontDialogDraftError(draft) {
+    if ('mixed' !== draft.characterScaleMode && null === characterScalePercentFromDraft(draft)) return "请输入 1 至 600 的整数缩放比例。";
+    if ('mixed' !== draft.characterSpacingMode && 'normal' !== draft.characterSpacingMode && null === characterSpacingTwipsFromDraft(draft)) return "请输入 0.05 至 1584 磅的间距。";
+    if ('mixed' !== draft.characterPositionMode && 'normal' !== draft.characterPositionMode && null === characterPositionHalfPointsFromDraft(draft)) return "请输入 0.5 至 1584 磅、以 0.5 磅递增的位置值。";
+    if (draft.kerningEnabled && null === kerningThresholdHalfPointsFromDraft(draft)) return "请输入 0 至 1638.5 磅、以 0.5 磅递增的字距调整阈值。";
+    return null;
+}
+function documentFontDialogPatch(source, draft, touched) {
+    const patch = {};
+    if (touched.characterScale && 'mixed' !== draft.characterScaleMode) {
+        const scale = characterScalePercentFromDraft(draft);
+        if (null !== scale && (source.characterScale.mixed || source.characterScale.value !== scale)) patch.characterScalePercent = scale;
+    }
+    if (touched.characterSpacing && 'mixed' !== draft.characterSpacingMode) {
+        const spacing = characterSpacingTwipsFromDraft(draft);
+        if (null !== spacing && (source.characterSpacing.mixed || source.characterSpacing.value !== spacing)) patch.characterSpacingTwips = spacing;
+    }
+    if (touched.characterPosition && 'mixed' !== draft.characterPositionMode) {
+        const position = characterPositionHalfPointsFromDraft(draft);
+        if (null !== position && (source.characterPosition.mixed || source.characterPosition.value !== position)) patch.characterPositionHalfPoints = position;
+    }
+    if (touched.kerning) {
+        if (draft.kerningEnabled) {
+            const threshold = kerningThresholdHalfPointsFromDraft(draft);
+            if (null !== threshold && (source.kerningThreshold.mixed || source.kerningThreshold.value !== threshold)) patch.kerningThresholdHalfPoints = threshold;
+        } else if (source.kerningThreshold.mixed || null !== source.kerningThreshold.value) patch.kerningThresholdHalfPoints = null;
+    }
+    if (touched.emphasisMark && 'mixed' !== draft.emphasisMark) {
+        const emphasisMark = 'inherit' === draft.emphasisMark ? null : normalizeDocumentEmphasisMark(draft.emphasisMark);
+        if (null !== emphasisMark || 'inherit' === draft.emphasisMark) {
+            if (source.emphasisMark.mixed || source.emphasisMark.value !== emphasisMark) patch.emphasisMark = emphasisMark;
+        }
+    }
+    if (touched.hiddenText && (source.hiddenText.mixed || source.hiddenText.value !== draft.hiddenText)) patch.hiddenText = draft.hiddenText;
+    appendDocumentFontDialogScriptFontPatch(patch, 'latinFont', source.latinFont, draft.latinFont, touched.latinFont);
+    appendDocumentFontDialogScriptFontPatch(patch, 'eastAsiaFont', source.eastAsiaFont, draft.eastAsiaFont, touched.eastAsiaFont);
+    appendDocumentFontDialogScriptFontPatch(patch, 'complexScriptFont', source.complexScriptFont, draft.complexScriptFont, touched.complexScriptFont);
+    return patch;
+}
+function applyDocumentFontDialogPatch(editor, selection, patch) {
+    const hasScale = void 0 !== patch.characterScalePercent;
+    const hasPosition = void 0 !== patch.characterPositionHalfPoints;
+    const hasSpacing = void 0 !== patch.characterSpacingTwips;
+    const hasKerning = void 0 !== patch.kerningThresholdHalfPoints;
+    const hasEmphasis = void 0 !== patch.emphasisMark;
+    const hasHiddenText = void 0 !== patch.hiddenText;
+    const scriptFontPatch = {
+        ...void 0 !== patch.latinFont ? {
+            latin: patch.latinFont
+        } : {},
+        ...void 0 !== patch.eastAsiaFont ? {
+            eastAsia: patch.eastAsiaFont
+        } : {},
+        ...void 0 !== patch.complexScriptFont ? {
+            complexScript: patch.complexScriptFont
+        } : {}
+    };
+    const hasScriptFonts = Object.keys(scriptFontPatch).length > 0;
+    const scale = hasScale ? normalizeDocumentCharacterScalePercent(patch.characterScalePercent) : null;
+    const position = hasPosition ? normalizeDocumentCharacterPositionHalfPoints(patch.characterPositionHalfPoints) : null;
+    const spacing = hasSpacing ? normalizeDocumentCharacterSpacingTwips(patch.characterSpacingTwips) : null;
+    const kerningThreshold = hasKerning && null !== patch.kerningThresholdHalfPoints ? normalizeDocumentKerningThresholdHalfPoints(patch.kerningThresholdHalfPoints) : null;
+    const emphasisMark = hasEmphasis && null !== patch.emphasisMark ? normalizeDocumentEmphasisMark(patch.emphasisMark) : null;
+    const maximum = editor.state.doc.content.size;
+    if (editor.isDestroyed || !hasScale && !hasPosition && !hasSpacing && !hasKerning && !hasEmphasis && !hasHiddenText && !hasScriptFonts || hasScale && null === scale || hasPosition && null === position || hasSpacing && null === spacing || hasKerning && null !== patch.kerningThresholdHalfPoints && null === kerningThreshold || hasEmphasis && null !== patch.emphasisMark && null === emphasisMark || hasHiddenText && 'boolean' != typeof patch.hiddenText || !Number.isSafeInteger(selection.from) || !Number.isSafeInteger(selection.to) || selection.from < 0 || selection.to < selection.from || selection.to > maximum) return false;
+    const attributes = {};
+    if (null !== scale) attributes.characterScalePercent = scale;
+    if (null !== position) attributes.characterPositionHalfPoints = position;
+    if (null !== spacing) attributes.characterSpacingTwips = spacing;
+    if (hasKerning) attributes.kerningThresholdHalfPoints = kerningThreshold;
+    if (hasEmphasis) attributes.emphasisMark = emphasisMark;
+    if (hasHiddenText) attributes.hiddenText = patch.hiddenText ?? false;
+    if (hasScriptFonts) return applyDocumentScriptFontPatch(editor, selection, attributes, scriptFontPatch);
+    return editor.chain().setTextSelection(selection).setMark('textStyle', attributes).removeEmptyTextStyle().focus().scrollIntoView().run();
+}
+function addScaleValue(values, value) {
+    const scale = normalizeDocumentCharacterScalePercent(value);
+    values.set(null === scale ? 'inherited' : String(scale), scale);
+}
+function addPositionValue(values, value) {
+    const position = normalizeDocumentCharacterPositionHalfPoints(value);
+    values.set(null === position ? 'inherited' : String(position), position);
+}
+function addSpacingValue(values, value) {
+    const spacing = normalizeDocumentCharacterSpacingTwips(value);
+    values.set(null === spacing ? 'inherited' : String(spacing), spacing);
+}
+function addKerningValue(values, value) {
+    const threshold = normalizeDocumentKerningThresholdHalfPoints(value);
+    values.set(null === threshold ? 'inherited' : String(threshold), threshold);
+}
+function addEmphasisValue(values, value) {
+    const emphasisMark = normalizeDocumentEmphasisMark(value);
+    values.set(null === emphasisMark ? 'inherited' : emphasisMark, emphasisMark);
+}
+function addHiddenTextValue(values, value) {
+    const hiddenText = normalizeDocumentHiddenText(value);
+    values.set(null === hiddenText ? 'inherited' : String(hiddenText), hiddenText);
+}
+function characterSpacingTwipsFromDraft(draft) {
+    if ('normal' === draft.characterSpacingMode) return 0;
+    if ('mixed' === draft.characterSpacingMode) return null;
+    const points = Number(draft.characterSpacingPoints);
+    const maximumPoints = 1584;
+    if (!Number.isFinite(points) || points < 0.05 || points > maximumPoints) return null;
+    const magnitude = Math.round(20 * points);
+    if (magnitude <= 0) return null;
+    return normalizeDocumentCharacterSpacingTwips('condensed' === draft.characterSpacingMode ? -magnitude : magnitude);
+}
+function characterScalePercentFromDraft(draft) {
+    if ('mixed' === draft.characterScaleMode) return null;
+    return normalizeDocumentCharacterScalePercent(draft.characterScalePercent);
+}
+function characterPositionHalfPointsFromDraft(draft) {
+    if ('normal' === draft.characterPositionMode) return 0;
+    if ('mixed' === draft.characterPositionMode) return null;
+    const points = Number(draft.characterPositionPoints);
+    const maximumPoints = 1584;
+    const magnitude = 2 * points;
+    if (!Number.isFinite(points) || points < 0.5 || points > maximumPoints || !Number.isSafeInteger(magnitude)) return null;
+    return normalizeDocumentCharacterPositionHalfPoints('lowered' === draft.characterPositionMode ? -magnitude : magnitude);
+}
+function kerningThresholdHalfPointsFromDraft(draft) {
+    if (!draft.kerningEnabled) return null;
+    const points = Number(draft.kerningThresholdPoints);
+    const halfPoints = 2 * points;
+    if (!Number.isFinite(points) || points < 0 || points > 1638.5 || !Number.isSafeInteger(halfPoints)) return null;
+    return normalizeDocumentKerningThresholdHalfPoints(halfPoints);
+}
+function selectedValue(values) {
+    const mixed = values.size > 1;
+    return {
+        mixed,
+        value: mixed ? null : values.values().next().value ?? null
+    };
 }
-const documentLineHeightOptions = [
+function formatPoints(value) {
+    return String(Number(value.toFixed(2)));
+}
+const characterSpacingModes = [
     {
-        value: 'default',
-        label: '默认行距'
+        value: 'mixed',
+        label: '混合（保持不变）',
+        disabled: true
     },
     {
-        value: '1',
-        label: '单倍',
-        meta: getDocumentCommandDefinition('lineSpacingSingle').shortcut?.label
+        value: 'normal',
+        label: '标准'
     },
     {
-        value: '1.15',
-        label: '1.15 倍'
+        value: 'expanded',
+        label: '加宽'
     },
     {
-        value: '1.5',
-        label: '1.5 倍',
-        meta: getDocumentCommandDefinition('lineSpacingOneAndHalf').shortcut?.label
+        value: 'condensed',
+        label: '紧缩'
+    }
+];
+const characterPositionModes = [
+    {
+        value: 'mixed',
+        label: '混合（保持不变）',
+        disabled: true
     },
     {
-        value: '2',
-        label: '2 倍',
-        meta: getDocumentCommandDefinition('lineSpacingDouble').shortcut?.label
+        value: 'normal',
+        label: '标准'
+    },
+    {
+        value: 'raised',
+        label: '提升'
+    },
+    {
+        value: 'lowered',
+        label: '降低'
     }
 ];
-function DocumentHomeRibbon({ editor, findReplaceMode, layoutFonts = [], onFindText }) {
-    const subscribe = useCallback((notify)=>{
-        if (editor.isDestroyed) return ()=>void 0;
-        editor.on('transaction', notify);
-        return ()=>editor.off('transaction', notify);
-    }, [
-        editor
-    ]);
-    useSyncExternalStore(subscribe, ()=>editor.state, ()=>editor.state);
-    if (editor.isDestroyed) return null;
-    const fontFamilyValue = documentFontFamilyValue(editor, layoutFonts);
-    const fontSizeValue = documentFontSizeValue(editor);
-    const lineHeightValue = documentLineHeightValue(editor);
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(DocumentFormatTools, {
-                editor: editor
-            }),
-            /*#__PURE__*/ jsx(RibbonGroup, {
-                label: "字体",
-                priority: "high",
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "work-document-font-tools",
+const emphasisMarkModes = [
+    {
+        value: 'mixed',
+        label: '混合（保持不变）',
+        disabled: true
+    },
+    {
+        value: 'inherit',
+        label: '跟随样式'
+    },
+    {
+        value: 'none',
+        label: '无'
+    },
+    {
+        value: 'dot',
+        label: '上方圆点'
+    },
+    {
+        value: 'comma',
+        label: '上方逗号'
+    },
+    {
+        value: 'circle',
+        label: '上方圆圈'
+    },
+    {
+        value: 'underDot',
+        label: '下方圆点'
+    }
+];
+function DocumentFontDialog({ source, layoutFonts = [], restoreFocusTarget, onApply, onClose }) {
+    const [draft, setDraft] = useState(()=>createDocumentFontDialogDraft(source));
+    const [characterScaleTouched, setCharacterScaleTouched] = useState(false);
+    const [characterSpacingTouched, setCharacterSpacingTouched] = useState(false);
+    const [characterPositionTouched, setCharacterPositionTouched] = useState(false);
+    const [kerningTouched, setKerningTouched] = useState(false);
+    const [emphasisTouched, setEmphasisTouched] = useState(false);
+    const [hiddenTextTouched, setHiddenTextTouched] = useState(false);
+    const [latinFontTouched, setLatinFontTouched] = useState(false);
+    const [eastAsiaFontTouched, setEastAsiaFontTouched] = useState(false);
+    const [complexScriptFontTouched, setComplexScriptFontTouched] = useState(false);
+    const formId = useId();
+    const error = documentFontDialogDraftError(draft);
+    const patch = documentFontDialogPatch(source, draft, {
+        characterPosition: characterPositionTouched,
+        characterScale: characterScaleTouched,
+        characterSpacing: characterSpacingTouched,
+        complexScriptFont: complexScriptFontTouched,
+        eastAsiaFont: eastAsiaFontTouched,
+        emphasisMark: emphasisTouched,
+        hiddenText: hiddenTextTouched,
+        kerning: kerningTouched,
+        latinFont: latinFontTouched
+    });
+    const hasChanges = Object.keys(patch).length > 0;
+    const previewScale = previewCharacterScale(draft);
+    const previewSpacing = previewCharacterSpacing(draft);
+    const previewPosition = previewCharacterPosition(draft);
+    const previewKerning = previewDocumentKerning(draft, source.fontSize);
+    const previewEmphasis = previewDocumentEmphasis(draft.emphasisMark);
+    const submit = (event)=>{
+        event?.preventDefault();
+        if (!hasChanges || error) return;
+        if (onApply(patch)) onClose();
+    };
+    return /*#__PURE__*/ jsx(Dialog, {
+        title: "字体高级设置",
+        description: fontDialogDescription(source),
+        className: "work-document-font-dialog",
+        restoreFocusTarget: restoreFocusTarget,
+        onClose: onClose,
+        footer: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(button_Button, {
+                    tone: "quiet",
+                    onClick: onClose,
+                    children: "取消"
+                }),
+                /*#__PURE__*/ jsx(button_Button, {
+                    tone: "primary",
+                    type: "submit",
+                    form: formId,
+                    disabled: !hasChanges || Boolean(error),
+                    children: "应用"
+                })
+            ]
+        }),
+        children: /*#__PURE__*/ jsxs("form", {
+            id: formId,
+            onSubmit: submit,
+            children: [
+                /*#__PURE__*/ jsxs("fieldset", {
+                    className: "work-document-font-dialog-script-fonts",
                     children: [
+                        /*#__PURE__*/ jsx("legend", {
+                            children: "按文字系统设置字体"
+                        }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "work-document-font-selects",
+                            className: "work-document-font-dialog-field",
                             children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "拉丁文字"
+                                }),
                                 /*#__PURE__*/ jsx(OfficeSelect, {
-                                    ariaLabel: "字体",
-                                    className: "work-document-font-family-select",
-                                    value: fontFamilyValue,
-                                    options: documentFontFamilyOptionsForValue(fontFamilyValue, layoutFonts),
-                                    onValueChange: (value)=>{
-                                        if ('default' === value) editor.chain().focus().unsetFontFamily().run();
-                                        else editor.chain().focus().setFontFamily(value).run();
+                                    ariaLabel: "拉丁文字字体",
+                                    initialFocus: true,
+                                    value: draft.latinFont,
+                                    options: scriptFontOptions(draft.latinFont, layoutFonts),
+                                    onValueChange: (latinFont)=>{
+                                        setDraft((current)=>({
+                                                ...current,
+                                                latinFont
+                                            }));
+                                        setLatinFontTouched(true);
                                     }
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-dialog-field",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "东亚文字"
                                 }),
                                 /*#__PURE__*/ jsx(OfficeSelect, {
-                                    ariaLabel: "字号",
-                                    className: "work-document-font-size-select",
-                                    value: fontSizeValue,
-                                    options: documentFontSizeOptionsForValue(fontSizeValue),
-                                    onValueChange: (value)=>{
-                                        if ('default' === value) editor.chain().focus().unsetFontSize().run();
-                                        else editor.chain().focus().setFontSize(value).run();
+                                    ariaLabel: "东亚文字字体",
+                                    value: draft.eastAsiaFont,
+                                    options: scriptFontOptions(draft.eastAsiaFont, layoutFonts),
+                                    onValueChange: (eastAsiaFont)=>{
+                                        setDraft((current)=>({
+                                                ...current,
+                                                eastAsiaFont
+                                            }));
+                                        setEastAsiaFontTouched(true);
                                     }
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "增大字号",
-                                    ...commandShortcut('growFont'),
-                                    disabled: !canChangeDocumentFontSize(editor, 1),
-                                    onClick: ()=>changeDocumentFontSize(editor, 1),
-                                    children: /*#__PURE__*/ jsx(AArrowUp, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "减小字号",
-                                    ...commandShortcut('shrinkFont'),
-                                    disabled: !canChangeDocumentFontSize(editor, -1),
-                                    onClick: ()=>changeDocumentFontSize(editor, -1),
-                                    children: /*#__PURE__*/ jsx(AArrowDown, {
-                                        size: 16
-                                    })
                                 })
                             ]
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "work-document-font-actions",
+                            className: "work-document-font-dialog-field",
                             children: [
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "加粗",
-                                    ...commandShortcut('bold'),
-                                    active: editor.isActive('bold'),
-                                    onClick: ()=>editor.chain().focus().toggleBold().run(),
-                                    children: /*#__PURE__*/ jsx(Bold, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "斜体",
-                                    ...commandShortcut('italic'),
-                                    active: editor.isActive('italic'),
-                                    onClick: ()=>editor.chain().focus().toggleItalic().run(),
-                                    children: /*#__PURE__*/ jsx(Italic, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "下划线",
-                                    ...commandShortcut('underline'),
-                                    active: editor.isActive('underline'),
-                                    onClick: ()=>editor.chain().focus().toggleUnderline().run(),
-                                    children: /*#__PURE__*/ jsx(Underline, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "删除线",
-                                    active: editor.isActive('strike'),
-                                    onClick: ()=>editor.chain().focus().toggleStrike().run(),
-                                    children: /*#__PURE__*/ jsx(Strikethrough, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "复杂文字"
                                 }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "下标",
-                                    ...commandShortcut("subscript"),
-                                    active: editor.isActive("subscript"),
-                                    onClick: ()=>editor.commands.toggleDocumentSubscript(),
-                                    children: /*#__PURE__*/ jsx(Subscript, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "复杂文字字体",
+                                    value: draft.complexScriptFont,
+                                    options: scriptFontOptions(draft.complexScriptFont, layoutFonts),
+                                    onValueChange: (complexScriptFont)=>{
+                                        setDraft((current)=>({
+                                                ...current,
+                                                complexScriptFont
+                                            }));
+                                        setComplexScriptFontTouched(true);
+                                    }
+                                })
+                            ]
+                        }),
+                        source.latinFont.mixed && !latinFontTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含不同的拉丁文字字体。选择字体后才会统一修改。"
+                        }),
+                        source.eastAsiaFont.mixed && !eastAsiaFontTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含不同的东亚文字字体。选择字体后才会统一修改。"
+                        }),
+                        source.complexScriptFont.mixed && !complexScriptFontTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含不同的复杂文字字体。选择字体后才会统一修改。"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("fieldset", {
+                    className: "work-document-font-dialog-spacing",
+                    children: [
+                        /*#__PURE__*/ jsx("legend", {
+                            children: "字符缩放、间距、字距调整、位置、着重号与隐藏文字"
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-dialog-field",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "缩放"
                                 }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "上标",
-                                    ...commandShortcut("superscript"),
-                                    active: editor.isActive("superscript"),
-                                    onClick: ()=>editor.commands.toggleDocumentSuperscript(),
-                                    children: /*#__PURE__*/ jsx(Superscript, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsxs("span", {
+                                    className: "work-document-font-dialog-measure",
+                                    children: [
+                                        /*#__PURE__*/ jsx(OfficeNumberField, {
+                                            ariaLabel: "字符缩放比例（%）",
+                                            value: draft.characterScalePercent,
+                                            min: 1,
+                                            max: 600,
+                                            step: 1,
+                                            placeholder: 'mixed' === draft.characterScaleMode ? '混合' : void 0,
+                                            validationInvalid: Boolean(error),
+                                            onValueChange: (characterScalePercent)=>{
+                                                setDraft((current)=>({
+                                                        ...current,
+                                                        characterScaleMode: 'value',
+                                                        characterScalePercent
+                                                    }));
+                                                setCharacterScaleTouched(true);
+                                            }
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            "aria-hidden": "true",
+                                            children: "%"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-dialog-field",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "间距"
                                 }),
-                                /*#__PURE__*/ jsx(OfficeColorPicker, {
-                                    compact: true,
-                                    className: "work-color-tool",
-                                    value: editor.getAttributes('textStyle').color ?? '#172033',
-                                    ariaLabel: "文字颜色",
-                                    onValueChange: (color)=>editor.chain().focus().setColor(color).run()
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "字符间距",
+                                    value: draft.characterSpacingMode,
+                                    options: characterSpacingModes,
+                                    onValueChange: (characterSpacingMode)=>{
+                                        setDraft((current)=>({
+                                                ...current,
+                                                characterSpacingMode
+                                            }));
+                                        setCharacterSpacingTouched(true);
+                                    }
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-dialog-field",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "间距值"
                                 }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "突出显示",
-                                    active: editor.isActive('highlight'),
-                                    onClick: ()=>editor.chain().focus().toggleHighlight({
-                                            color: '#fff0a6'
-                                        }).run(),
-                                    children: /*#__PURE__*/ jsx(Highlighter, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsxs("span", {
+                                    className: "work-document-font-dialog-measure",
+                                    children: [
+                                        /*#__PURE__*/ jsx(OfficeNumberField, {
+                                            ariaLabel: "间距值（磅）",
+                                            value: draft.characterSpacingPoints,
+                                            min: 0.05,
+                                            max: 1584,
+                                            step: 0.05,
+                                            disabled: 'mixed' === draft.characterSpacingMode || 'normal' === draft.characterSpacingMode,
+                                            validationInvalid: Boolean(error),
+                                            onValueChange: (characterSpacingPoints)=>{
+                                                setDraft((current)=>({
+                                                        ...current,
+                                                        characterSpacingPoints
+                                                    }));
+                                                setCharacterSpacingTouched(true);
+                                            }
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            "aria-hidden": "true",
+                                            children: "磅"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-dialog-field",
+                            children: [
+                                /*#__PURE__*/ jsx(OfficeCheckbox, {
+                                    ariaLabel: "为字号达到以下值的字体调整字距",
+                                    checked: draft.kerningEnabled,
+                                    indeterminate: source.kerningThreshold.mixed && !kerningTouched,
+                                    onCheckedChange: (kerningEnabled)=>{
+                                        setDraft((current)=>({
+                                                ...current,
+                                                kerningEnabled
+                                            }));
+                                        setKerningTouched(true);
+                                    },
+                                    children: "为字号达到以下值的字体调整字距"
                                 }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "清除格式",
-                                    onClick: ()=>editor.commands.clearDocumentFormatting(),
-                                    children: /*#__PURE__*/ jsx(Eraser, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsxs("span", {
+                                    className: "work-document-font-dialog-measure",
+                                    children: [
+                                        /*#__PURE__*/ jsx(OfficeNumberField, {
+                                            ariaLabel: "字距调整阈值（磅）",
+                                            value: draft.kerningThresholdPoints,
+                                            min: 0,
+                                            max: 1638.5,
+                                            step: 0.5,
+                                            disabled: !draft.kerningEnabled,
+                                            validationInvalid: Boolean(error),
+                                            onValueChange: (kerningThresholdPoints)=>{
+                                                setDraft((current)=>({
+                                                        ...current,
+                                                        kerningEnabled: true,
+                                                        kerningThresholdPoints
+                                                    }));
+                                                setKerningTouched(true);
+                                            }
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            "aria-hidden": "true",
+                                            children: "磅"
+                                        })
+                                    ]
                                 })
                             ]
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(RibbonGroup, {
-                label: "段落",
-                priority: "high",
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "work-document-paragraph-tools",
-                    children: [
+                        }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "work-document-paragraph-actions",
+                            className: "work-document-font-dialog-field",
                             children: [
-                                /*#__PURE__*/ jsx(DocumentListGallery, {
-                                    editor: editor
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "减少缩进",
-                                    disabled: !canChangeDocumentIndent(editor, -1),
-                                    onClick: ()=>editor.commands.changeDocumentIndent(-1),
-                                    children: /*#__PURE__*/ jsx(IndentDecrease, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "增加缩进",
-                                    disabled: !canChangeDocumentIndent(editor, 1),
-                                    onClick: ()=>editor.commands.changeDocumentIndent(1),
-                                    children: /*#__PURE__*/ jsx(IndentIncrease, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "位置"
                                 }),
                                 /*#__PURE__*/ jsx(OfficeSelect, {
-                                    ariaLabel: "行距",
-                                    className: "work-document-line-height-select",
-                                    value: lineHeightValue,
-                                    options: documentLineHeightOptionsForValue(lineHeightValue),
-                                    onValueChange: (value)=>editor.commands.setDocumentLineHeight('default' === value ? null : value)
+                                    ariaLabel: "字符位置",
+                                    value: draft.characterPositionMode,
+                                    options: characterPositionModes,
+                                    onValueChange: (characterPositionMode)=>{
+                                        setDraft((current)=>({
+                                                ...current,
+                                                characterPositionMode
+                                            }));
+                                        setCharacterPositionTouched(true);
+                                    }
                                 })
                             ]
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "work-document-alignment-actions",
+                            className: "work-document-font-dialog-field",
                             children: [
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "左对齐",
-                                    ...commandShortcut('alignLeft'),
-                                    active: editor.isActive({
-                                        textAlign: 'left'
-                                    }),
-                                    onClick: ()=>editor.chain().focus().setTextAlign('left').run(),
-                                    children: /*#__PURE__*/ jsx(AlignLeft, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "居中",
-                                    ...commandShortcut('alignCenter'),
-                                    active: editor.isActive({
-                                        textAlign: 'center'
-                                    }),
-                                    onClick: ()=>editor.chain().focus().setTextAlign('center').run(),
-                                    children: /*#__PURE__*/ jsx(AlignCenter, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "右对齐",
-                                    ...commandShortcut('alignRight'),
-                                    active: editor.isActive({
-                                        textAlign: 'right'
-                                    }),
-                                    onClick: ()=>editor.chain().focus().setTextAlign('right').run(),
-                                    children: /*#__PURE__*/ jsx(AlignRight, {
-                                        size: 16
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "两端对齐",
-                                    ...commandShortcut('alignJustify'),
-                                    active: editor.isActive({
-                                        textAlign: 'justify'
-                                    }),
-                                    onClick: ()=>editor.chain().focus().setTextAlign('justify').run(),
-                                    children: /*#__PURE__*/ jsx(AlignJustify, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "位置值"
                                 }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "从左向右",
-                                    active: 'ltr' === documentParagraphDirection(editor),
-                                    onClick: ()=>editor.commands.setDocumentParagraphDirection('ltr'),
-                                    children: /*#__PURE__*/ jsx(PilcrowRight, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsxs("span", {
+                                    className: "work-document-font-dialog-measure",
+                                    children: [
+                                        /*#__PURE__*/ jsx(OfficeNumberField, {
+                                            ariaLabel: "位置值（磅）",
+                                            value: draft.characterPositionPoints,
+                                            min: 0.5,
+                                            max: 1584,
+                                            step: 0.5,
+                                            disabled: 'mixed' === draft.characterPositionMode || 'normal' === draft.characterPositionMode,
+                                            validationInvalid: Boolean(error),
+                                            onValueChange: (characterPositionPoints)=>{
+                                                setDraft((current)=>({
+                                                        ...current,
+                                                        characterPositionPoints
+                                                    }));
+                                                setCharacterPositionTouched(true);
+                                            }
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            "aria-hidden": "true",
+                                            children: "磅"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-document-font-dialog-field",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "着重号"
                                 }),
-                                /*#__PURE__*/ jsx(ToolbarButton, {
-                                    label: "从右向左",
-                                    active: 'rtl' === documentParagraphDirection(editor),
-                                    onClick: ()=>editor.commands.setDocumentParagraphDirection('rtl'),
-                                    children: /*#__PURE__*/ jsx(PilcrowLeft, {
-                                        size: 16
-                                    })
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "着重号",
+                                    value: draft.emphasisMark,
+                                    options: emphasisMarkModes,
+                                    onValueChange: (emphasisMark)=>{
+                                        setDraft((current)=>({
+                                                ...current,
+                                                emphasisMark
+                                            }));
+                                        setEmphasisTouched(true);
+                                    }
                                 })
                             ]
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "work-document-font-dialog-field work-document-font-dialog-hidden-text",
+                            children: /*#__PURE__*/ jsx(OfficeCheckbox, {
+                                ariaLabel: "隐藏文字",
+                                checked: draft.hiddenText,
+                                indeterminate: source.hiddenText.mixed && !hiddenTextTouched,
+                                onCheckedChange: (hiddenText)=>{
+                                    setDraft((current)=>({
+                                            ...current,
+                                            hiddenText
+                                        }));
+                                    setHiddenTextTouched(true);
+                                },
+                                children: "隐藏文字"
+                            })
+                        }),
+                        source.characterScale.mixed && !characterScaleTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含多种字符缩放比例。输入缩放比例后才会统一修改。"
+                        }),
+                        source.characterSpacing.mixed && !characterSpacingTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含多种字符间距。选择一种间距后才会统一修改。"
+                        }),
+                        source.characterPosition.mixed && !characterPositionTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含多种字符位置。选择一种位置后才会统一修改。"
+                        }),
+                        source.kerningThreshold.mixed && !kerningTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含不同的字距调整设置。勾选或取消后才会统一修改。"
+                        }),
+                        source.emphasisMark.mixed && !emphasisTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区包含不同的着重号。选择一种设置后才会统一修改。"
+                        }),
+                        source.hiddenText.mixed && !hiddenTextTouched && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-mixed",
+                            role: "status",
+                            children: "当前选区同时包含隐藏和可见文字。勾选或取消后才会统一修改。"
+                        }),
+                        (characterScaleTouched || characterSpacingTouched || characterPositionTouched || kerningTouched || emphasisTouched || hiddenTextTouched) && error && /*#__PURE__*/ jsx("p", {
+                            className: "work-document-font-dialog-error",
+                            role: "alert",
+                            children: error
                         })
                     ]
-                })
-            }),
-            /*#__PURE__*/ jsx(RibbonGroup, {
-                label: "样式",
-                priority: "low",
-                children: /*#__PURE__*/ jsx(DocumentStyleGallery, {
-                    editor: editor
-                })
-            }),
-            /*#__PURE__*/ jsxs(RibbonGroup, {
-                label: "编辑",
-                priority: "low",
-                children: [
-                    /*#__PURE__*/ jsx(ToolbarButton, {
-                        label: "查找",
-                        ...commandShortcut('find'),
-                        active: 'find' === findReplaceMode,
-                        onClick: ()=>onFindText(false),
-                        children: /*#__PURE__*/ jsx(Search, {
-                            size: 16
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(ToolbarButton, {
-                        label: "替换",
-                        ...commandShortcut('replace'),
-                        active: 'replace' === findReplaceMode,
-                        onClick: ()=>onFindText(true),
-                        children: /*#__PURE__*/ jsx(Replace, {
-                            size: 16
+                }),
+                /*#__PURE__*/ jsxs("section", {
+                    className: "work-document-font-dialog-preview",
+                    "aria-label": "字符高级格式预览",
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            children: "预览"
+                        }),
+                        /*#__PURE__*/ jsx("output", {
+                            style: {
+                                fontFamily: source.fontFamily ?? void 0,
+                                fontSize: source.fontSize ?? void 0,
+                                fontStretch: `${previewScale}%`,
+                                fontKerning: previewKerning,
+                                letterSpacing: `${previewSpacing}pt`
+                            },
+                            children: /*#__PURE__*/ jsx("span", {
+                                style: {
+                                    verticalAlign: `${previewPosition}pt`,
+                                    ...previewEmphasis,
+                                    ...draft.hiddenText ? {
+                                        textDecorationColor: 'currentColor',
+                                        textDecorationLine: 'underline',
+                                        textDecorationStyle: 'dotted',
+                                        textUnderlineOffset: '0.18em'
+                                    } : {}
+                                },
+                                children: documentScriptFontSegments(source.previewText).map(({ from, to, slot })=>/*#__PURE__*/ jsx("span", {
+                                        style: {
+                                            fontFamily: previewScriptFontFamily('eastAsia' === slot ? draft.eastAsiaFont : 'complexScript' === slot ? draft.complexScriptFont : draft.latinFont, source.fontFamily)
+                                        },
+                                        children: source.previewText.slice(from, to)
+                                    }, `${from}-${slot}`))
+                            })
                         })
-                    })
-                ]
-            })
-        ]
-    });
-}
-function ToolbarButton({ label, shortcut, ariaKeyShortcuts, active = false, disabled = false, onClick, children }) {
-    return /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
-        label: label,
-        title: shortcut ? `${label}（${shortcut}）` : label,
-        "aria-keyshortcuts": ariaKeyShortcuts,
-        active: active,
-        displayLabel: false,
-        disabled: disabled,
-        onClick: onClick,
-        children: children
+                    ]
+                })
+            ]
+        })
     });
 }
-function commandShortcut(commandId) {
-    const shortcut = getDocumentCommandDefinition(commandId).shortcut;
-    return shortcut ? {
-        shortcut: shortcut.label,
-        ariaKeyShortcuts: shortcut.aria
-    } : {};
-}
-const RibbonGroup = WorkOfficeRibbonGroup;
-function documentLineHeightValue(editor) {
-    const attributes = editor.isActive('heading') ? editor.getAttributes('heading') : editor.getAttributes('paragraph');
-    const value = attributes.lineHeight;
-    if ('string' != typeof value || !value.trim() || 'normal' === value) return 'default';
-    return value.trim();
+function previewCharacterScale(draft) {
+    if ('mixed' === draft.characterScaleMode) return 100;
+    const percent = Number(draft.characterScalePercent);
+    return Number.isFinite(percent) ? percent : 100;
+}
+function previewCharacterPosition(draft) {
+    if ('mixed' === draft.characterPositionMode || 'normal' === draft.characterPositionMode) return 0;
+    const points = Number(draft.characterPositionPoints);
+    if (!Number.isFinite(points)) return 0;
+    return 'lowered' === draft.characterPositionMode ? -points : points;
+}
+function previewCharacterSpacing(draft) {
+    if ('mixed' === draft.characterSpacingMode || 'normal' === draft.characterSpacingMode) return 0;
+    const points = Number(draft.characterSpacingPoints);
+    if (!Number.isFinite(points)) return 0;
+    return 'condensed' === draft.characterSpacingMode ? -points : points;
+}
+function previewDocumentKerning(draft, fontSize) {
+    if (!draft.kerningEnabled) return 'none';
+    const points = Number(draft.kerningThresholdPoints);
+    if (!Number.isFinite(points)) return 'none';
+    return documentKerningIsEffective(2 * points, fontSize) ? 'normal' : 'none';
+}
+function previewDocumentEmphasis(emphasisMark) {
+    if ('inherit' === emphasisMark || 'mixed' === emphasisMark || 'none' === emphasisMark) return {
+        textEmphasisStyle: 'none',
+        WebkitTextEmphasisStyle: 'none'
+    };
+    const style = 'comma' === emphasisMark ? '","' : 'circle' === emphasisMark ? 'open circle' : 'filled dot';
+    const position = 'underDot' === emphasisMark ? 'under right' : 'over right';
+    return {
+        textEmphasisStyle: style,
+        textEmphasisPosition: position,
+        WebkitTextEmphasisStyle: style,
+        WebkitTextEmphasisPosition: position
+    };
 }
-function documentLineHeightOptionsForValue(value) {
-    if (documentLineHeightOptions.some((option)=>option.value === value)) return documentLineHeightOptions;
-    const numeric = Number(value);
+function scriptFontOptions(value, layoutFonts) {
+    const catalogValue = 'mixed' === value || 'inherit' === value ? 'default' : value;
     return [
-        ...documentLineHeightOptions,
         {
-            value,
-            label: Number.isFinite(numeric) && numeric > 0 ? `${numeric} 倍` : value
-        }
+            value: 'mixed',
+            label: '混合（保持不变）',
+            disabled: true
+        },
+        {
+            value: 'inherit',
+            label: '跟随样式'
+        },
+        ...documentFontFamilyOptionsForValue(catalogValue, layoutFonts).filter((option)=>'default' !== option.value)
     ];
 }
-function DocumentPageChromeRibbon({ editor, editingPart, showPageNumber, onEditingPartChange, onTogglePageNumber, onClose }) {
+function previewScriptFontFamily(value, fallback) {
+    return 'mixed' === value || 'inherit' === value ? fallback ?? void 0 : value;
+}
+function fontDialogDescription(source) {
+    return source.selectedCharacters ? `分别设置当前选中内容的拉丁、东亚和复杂文字字体，以及原生字符缩放、间距、字距调整阈值、位置、着重号和隐藏文字（${source.selectedCharacters} 个字符）。` : '分别设置当前位置后续输入文字的拉丁、东亚和复杂文字字体，以及原生字符缩放、间距、字距调整阈值、位置、着重号和隐藏文字。';
+}
+function DocumentPageChromeRibbon({ editor, editingPart, showPageNumber, onEditingPartChange, onTogglePageNumber, onOpenFontDialog, onClose }) {
     const imageInputRef = useRef(null);
     const [, setRevision] = useState(0);
     const officeDialog = useOfficeDialog();
@@ -8750,6 +10129,11 @@ function DocumentPageChromeRibbon({ editor, editingPart, showPageNumber, onEditi
             }),
             /*#__PURE__*/ jsxs(WorkOfficeRibbonGroup, {
                 label: "文字",
+                dialogLauncher: onOpenFontDialog ? {
+                    label: '页眉页脚字体高级设置',
+                    ...pageChromeCommandShortcut('fontDialog'),
+                    onClick: onOpenFontDialog
+                } : void 0,
                 children: [
                     /*#__PURE__*/ jsx(PageChromeRibbonButton, {
                         label: "页眉页脚加粗",
@@ -8771,15 +10155,18 @@ function DocumentPageChromeRibbon({ editor, editingPart, showPageNumber, onEditi
                             size: 16
                         })
                     }),
-                    /*#__PURE__*/ jsx(PageChromeRibbonButton, {
+                    /*#__PURE__*/ jsx(DocumentUnderlineRibbon, {
+                        editor: editor,
                         label: "页眉页脚下划线",
-                        shortcut: "Cmd/Ctrl+U",
-                        ariaKeyShortcuts: "Control+U Meta+U",
-                        active: state.underline,
-                        onClick: ()=>editor.chain().focus().toggleUnderline().run(),
-                        children: /*#__PURE__*/ jsx(Underline, {
-                            size: 16
-                        })
+                        menuLabel: "页眉页脚下划线样式",
+                        colorLabel: "页眉页脚下划线颜色",
+                        className: "work-document-page-chrome-underline"
+                    }),
+                    /*#__PURE__*/ jsx(DocumentStrikeRibbon, {
+                        editor: editor,
+                        label: "页眉页脚删除线",
+                        menuLabel: "页眉页脚删除线样式",
+                        className: "work-document-page-chrome-strike"
                     }),
                     /*#__PURE__*/ jsx(PageChromeRibbonButton, {
                         label: "页眉页脚下标",
@@ -12129,6 +13516,26 @@ function runDocumentWpsShortcut(editor, event, callbacks) {
         return false;
     }
     if (event.shiftKey) {
+        if ('h' === key) {
+            editor.commands.toggleDocumentHiddenText();
+            return true;
+        }
+        if ('d' === key) {
+            editor.commands.toggleDocumentUnderlineStyle('double');
+            return true;
+        }
+        if ('w' === key) {
+            editor.commands.toggleDocumentUnderlineStyle('words');
+            return true;
+        }
+        if ('a' === key) {
+            editor.commands.toggleDocumentTextCase('all-caps');
+            return true;
+        }
+        if ('k' === key) {
+            editor.commands.toggleDocumentTextCase('small-caps');
+            return true;
+        }
         if ('g' === key) {
             callbacks.onOpenWordCount();
             return true;
@@ -12163,6 +13570,10 @@ function runDocumentWpsShortcut(editor, event, callbacks) {
         changeDocumentFontSize(editor, -1);
         return true;
     }
+    if ('d' === key) {
+        callbacks.onOpenFontDialog();
+        return true;
+    }
     const alignment = alignmentForShortcut(key);
     if (alignment) {
         editor.chain().focus().setTextAlign(alignment).run();
@@ -12195,8 +13606,9 @@ function headingLevelForShortcut(code, key) {
     if ('3' === value) return 3;
     return null;
 }
-function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly = false, suggestionOnly = false, history, layoutOpen, layout, layoutFonts = [], navigationOpen, pageColor, showPageNumbers, showRulers, spellcheckEnabled, viewMode, zoom, pageChromeEditor, pageChromeEditingPart, pageChromeShowPageNumber, onRequestImage, onPageChromeEditingPartChange, onClosePageChrome, onTogglePageChromePageNumber, onToggleLayout, onLayoutChange, onOpenLayout, onToggleNavigation, onTogglePageNumbers, onToggleRulers, onPageColorChange, onToggleSpellcheck, onViewModeChange, onZoomChange, onZoomFit, onInsertSection, onInsertNote, onInsertCaption, onInsertCrossReference, citationsOpen, citationSourceCount, onToggleCitations, onInsertField, onRefreshFields, canInsertComment, onInsertComment, commentsOpen, commentCount, onToggleComments, trackChanges, changesOpen, changeCount, findReplaceMode, fileActions, onRibbonTabChange, onToggleTrackChanges, onToggleChanges, onDecideChange, onOpenWordCount, onOpenFindReplace }) {
+function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly = false, suggestionOnly = false, history, layoutOpen, layout, layoutFonts = [], navigationOpen, pageColor, showPageNumbers, showHiddenText, showRulers, spellcheckEnabled, viewMode, zoom, pageChromeEditor, pageChromeEditingPart, pageChromeShowPageNumber, onRequestImage, onPageChromeEditingPartChange, onClosePageChrome, onTogglePageChromePageNumber, onToggleLayout, onLayoutChange, onOpenLayout, onToggleNavigation, onTogglePageNumbers, onToggleHiddenText, onToggleRulers, onPageColorChange, onToggleSpellcheck, onViewModeChange, onZoomChange, onZoomFit, onInsertSection, onInsertNote, onInsertCaption, onInsertCrossReference, citationsOpen, citationSourceCount, onToggleCitations, onInsertField, onRefreshFields, canInsertComment, onInsertComment, commentsOpen, commentCount, onToggleComments, trackChanges, changesOpen, changeCount, findReplaceMode, fileActions, onRibbonTabChange, onToggleTrackChanges, onToggleChanges, onDecideChange, onOpenWordCount, onOpenFindReplace }) {
     const [activeTab, setActiveTab] = useState(reviewOnly ? 'review' : 'home');
+    const [fontDialogRequest, setFontDialogRequest] = useState(null);
     const officeDialog = useOfficeDialog();
     const prompt = officeDialog.prompt;
     const imageSelected = editor.isActive('image');
@@ -12213,6 +13625,18 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly =
     const spellingCommand = getDocumentCommandDefinition('spelling');
     const insertCommentCommand = getDocumentCommandDefinition('insertComment');
     const trackChangesCommand = getDocumentCommandDefinition('trackChanges');
+    const openFontDialog = useCallback((target)=>{
+        if (target.isDestroyed) return;
+        const { from, to } = target.state.selection;
+        setFontDialogRequest({
+            editor: target,
+            selection: {
+                from,
+                to
+            },
+            source: documentFontDialogSource(target)
+        });
+    }, []);
     const ribbonTabs = reviewOnly ? documentRibbonTabs.filter(({ id })=>'review' === id || 'view' === id) : pageChromeEditor ? [
         ...documentRibbonTabs,
         documentPageChromeRibbonTab
@@ -12287,6 +13711,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly =
             if (event.defaultPrevented || event.repeat || isOfficeShortcutBlocked(event.target)) return;
             const key = event.key.toLowerCase();
             const insideEditor = event.target instanceof Node && Boolean(editorDom?.contains(event.target));
+            const insidePageChromeEditor = event.target instanceof Node && Boolean(pageChromeEditor?.view.dom.contains(event.target));
             if (reviewOnly) {
                 if (insideEditor && (event.metaKey || event.ctrlKey) && event.altKey && !event.shiftKey && 'm' === key) {
                     event.preventDefault();
@@ -12294,10 +13719,16 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly =
                 }
                 return;
             }
+            if (insidePageChromeEditor && (event.metaKey || event.ctrlKey) && !event.altKey && !event.shiftKey && 'd' === key) {
+                event.preventDefault();
+                openFontDialog(pageChromeEditor);
+                return;
+            }
             if (insideEditor && runDocumentWpsShortcut(editor, event, {
                 canInsertComment,
                 canRefreshFields: hasRefreshableFields,
                 onInsertComment,
+                onOpenFontDialog: ()=>openFontDialog(editor),
                 onOpenWordCount,
                 onRefreshFields,
                 onToggleSpellcheck,
@@ -12371,12 +13802,14 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly =
         hasRefreshableFields,
         history,
         onInsertComment,
+        openFontDialog,
         onOpenFindReplace,
         onOpenWordCount,
         onRefreshFields,
         reviewOnly,
         onToggleSpellcheck,
         onToggleTrackChanges,
+        pageChromeEditor,
         toggleLink
     ]);
     const selectDocumentChange = (change)=>{
@@ -12462,6 +13895,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly =
                         editor: editor,
                         findReplaceMode: findReplaceMode,
                         layoutFonts: layoutFonts,
+                        onOpenFontDialog: ()=>openFontDialog(editor),
                         onFindText: (replace)=>onOpenFindReplace(replace ? 'replace' : 'find')
                     }),
                     insert: reviewOnly ? null : /*#__PURE__*/ jsxs(Fragment, {
@@ -12833,6 +14267,16 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly =
                                         children: /*#__PURE__*/ jsx(PanelLeftOpen, {
                                             size: 19
                                         })
+                                    }),
+                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                        label: "显示隐藏文字",
+                                        displayLabel: true,
+                                        active: showHiddenText,
+                                        title: "显示或隐藏以隐藏文字格式标记的内容",
+                                        onClick: onToggleHiddenText,
+                                        children: /*#__PURE__*/ jsx(Eye, {
+                                            size: 19
+                                        })
                                     })
                                 ]
                             }),
@@ -12897,10 +14341,27 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly =
                         showPageNumber: pageChromeShowPageNumber,
                         onEditingPartChange: onPageChromeEditingPartChange,
                         onTogglePageNumber: onTogglePageChromePageNumber,
+                        onOpenFontDialog: ()=>openFontDialog(pageChromeEditor),
                         onClose: onClosePageChrome
                     }) : null
                 }
             }),
+            fontDialogRequest && /*#__PURE__*/ jsx(DocumentFontDialog, {
+                source: fontDialogRequest.source,
+                layoutFonts: layoutFonts,
+                restoreFocusTarget: ()=>fontDialogRequest.editor.isDestroyed ? null : fontDialogRequest.editor.view.dom,
+                onApply: (patch)=>applyDocumentFontDialogPatch(fontDialogRequest.editor, fontDialogRequest.selection, patch),
+                onClose: ()=>{
+                    const { editor: dialogEditor, selection } = fontDialogRequest;
+                    setFontDialogRequest(null);
+                    requestAnimationFrame(()=>{
+                        if (dialogEditor.isDestroyed) return;
+                        dialogEditor.chain().setTextSelection(selection).focus(null, {
+                            scrollIntoView: false
+                        }).run();
+                    });
+                }
+            }),
             officeDialog.dialog
         ]
     });
@@ -14917,6 +16378,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     const findReplaceMode = 'find' === taskPane || 'replace' === taskPane ? taskPane : null;
     const [spellcheckEnabled, setSpellcheckEnabled] = useState(true);
     const [viewMode, setViewMode] = useState('page');
+    const [showHiddenText, setShowHiddenText] = useState(false);
     const [showRulers, setShowRulers] = useState(false);
     const [zoom, setZoom] = useState(90);
     const [selectionMenu, setSelectionMenu] = useState(null);
@@ -15017,7 +16479,6 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             model,
             comments: retainAnchoredDocumentComments(previousContent.comments ?? [], anchors, retainedCommentIds)
         };
-        appliedSourceKeyRef.current = `model:${model.revision}:${model.htmlFingerprint}`;
         if (!collaborationBindingRef.current) {
             contentRef.current = next;
             onChangeRef.current(next);
@@ -15633,7 +17094,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
         return true;
     };
     return /*#__PURE__*/ jsxs("section", {
-        className: `work-document-editor${preview ? ' preview' : ''}`,
+        className: `work-document-editor${preview ? ' preview' : ''}${!preview && showHiddenText ? ' show-hidden-text' : ''}`,
         "data-collaboration-mode": collaboration?.mode,
         "data-work-pdf-artifact": artifactId,
         "data-work-pdf-surface": artifactId ? 'live' : void 0,
@@ -15668,6 +17129,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                 navigationOpen: navigationOpen,
                 pageColor: documentPageColor(currentContent.pageColor),
                 showPageNumbers: visibleChrome.showPageNumber,
+                showHiddenText: showHiddenText,
                 showRulers: showRulers,
                 spellcheckEnabled: spellcheckEnabled,
                 viewMode: viewMode,
@@ -15683,6 +17145,10 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                 onLayoutChange: updateToolbarLayout,
                 onOpenLayout: openLayoutPanel,
                 onToggleNavigation: ()=>void toggleTaskPane('navigation'),
+                onToggleHiddenText: ()=>{
+                    setShowHiddenText((value)=>!value);
+                    restoreDocumentBodyFocus();
+                },
                 onToggleRulers: ()=>{
                     setShowRulers((value)=>!value);
                     restoreDocumentBodyFocus();