@a3s-lab/office 0.16.0 → 0.17.0

package/README.md

@@ -558,9 +558,13 @@ interaction model.
   Format Painter with
   single-use and double-click locked
   sessions, cross-sheet range-pattern tiling, Escape cancellation, and native
-  style-only writes, a Home and Font cell-border split control with side, all,
+  style-only writes, Home and Font Grow/Shrink Font commands with
+  `Cmd/Ctrl+Shift+.` / `Cmd/Ctrl+]` and `Cmd/Ctrl+Shift+,` / `Cmd/Ctrl+[` aliases,
+  per-cell mixed-size stepping, native rectangle compaction, a 10,000-cell
+  bound, and one-step Undo, plus a cell-border split control with side, all,
   outside, inside, horizontal, vertical, clear, and diagonal targets, ten
   native line styles, exact color selection, compact overlapping range writes,
+  `Cmd/Ctrl+Shift+&` Outside Borders and `Cmd/Ctrl+Shift+_` Clear Borders,
   single-update undo, and grid-focus restoration, Conditional Formatting under
   Home and Styles, executable
   sorting plus WPS-style AutoFilter under Data, finite current-region discovery,
@@ -1515,6 +1519,7 @@ without hard-coded return URLs.
 
 - [Live Playground](https://a3s-lab.github.io/Office/)
 - [Documentation center](https://a3s-lab.github.io/Office/docs/)
+- [A3S Office 0.17.0 documentation](https://a3s-lab.github.io/Office/docs/0.17.0/)
 - [A3S Office 0.16.0 documentation](https://a3s-lab.github.io/Office/docs/0.16.0/)
 - [A3S Office 0.15.0 documentation](https://a3s-lab.github.io/Office/docs/0.15.0/)
 - [A3S Office 0.14.0 documentation](https://a3s-lab.github.io/Office/docs/0.14.0/)

package/dist/0~spreadsheet-editor.js

@@ -1,7 +1,7 @@
 import { __webpack_require__ } from "./0~rslib-runtime.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Workbook } from "@fortune-sheet/react";
-import { AlignCenter, AlignLeft, AlignRight, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftToLine, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpToLine, BadgeJapaneseYen, BarChart3, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, Bold, Bookmark, Calculator, Check, ChevronDown, ChevronLeft, ChevronRight, ClipboardPaste, Cloud, Columns3, Copy, CopyPlus, DecimalsArrowLeft, DecimalsArrowRight, Eraser, Eye, EyeOff, FileX2, Globe2, Grid2X2, Grid3X3, Hash, Italic, KeyRound, Layers2, Link2, Link2Off, ListChecks, ListFilter, LocateFixed, Merge, MessageSquareX, MoveHorizontal, MoveVertical, Paintbrush, Palette, PanelLeft, PanelTop, PanelsTopLeft, Pencil, Percent, Plus, Printer, Redo2, RefreshCw, Rows3, Save, Scissors, Search, Settings2, ShieldCheck, Sigma, SortAsc, SortDesc, Strikethrough, SwatchBook, Table2, TableProperties, Trash2, Underline, Undo2, WrapText, X } from "lucide-react";
+import { AArrowDown, AArrowUp, AlignCenter, AlignLeft, AlignRight, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftToLine, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpToLine, BadgeJapaneseYen, BarChart3, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, Bold, Bookmark, Calculator, Check, ChevronDown, ChevronLeft, ChevronRight, ClipboardPaste, Cloud, Columns3, Copy, CopyPlus, DecimalsArrowLeft, DecimalsArrowRight, Eraser, Eye, EyeOff, FileX2, Globe2, Grid2X2, Grid3X3, Hash, Italic, KeyRound, Layers2, Link2, Link2Off, ListChecks, ListFilter, LocateFixed, Merge, MessageSquareX, MoveHorizontal, MoveVertical, Paintbrush, Palette, PanelLeft, PanelTop, PanelsTopLeft, Pencil, Percent, Plus, Printer, Redo2, RefreshCw, Rows3, Save, Scissors, Search, Settings2, ShieldCheck, Sigma, SortAsc, SortDesc, Strikethrough, SwatchBook, Table2, TableProperties, Trash2, Underline, Undo2, WrapText, X } from "lucide-react";
 import { Fragment as external_react_Fragment, cloneElement, memo, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { genarate, indexToColumnChar, update as core_update } from "@fortune-sheet/core";
 import { freezeImportedSpreadsheetCell, withoutEditableRange, spreadsheetMatrixProfile, normalizeSpreadsheetConditionalVisualOptions, effectiveSpreadsheetPageSetup, attachSpreadsheetShownCommentCells, withEditableRange, sameSpreadsheetHistoryValue, createOfficeSpreadsheetCollaborationBinding as createWorkOfficeSpreadsheetCollaborationBinding, isSpreadsheetConditionalComparisonOperator, spreadsheetConditionalIconForValue, defaultSpreadsheetConditionalIconThresholds, normalizeSpreadsheetDateValidationBoundary, sheetProtectionAuthority, editableRangeCellCount, unlockedCellCount, registerDerivedSpreadsheetMatrix, editableRangeRequiresCredentials, SPREADSHEET_CONDITIONAL_COMPARISON_OPERATORS, normalizeSpreadsheetConditionalIconSetFormat, defaultSpreadsheetDataBarOptions, spreadsheetConditionalThresholdValue, normalizeSheetProtectionAuthority, withSheetProtection, spreadsheetProtectionKey, defaultSpreadsheetColorScaleThresholds, protectedSheetCount, SPREADSHEET_CONDITIONAL_ICON_SETS, withSheetSelectionPermissions, spreadsheetConditionalComparisonNeedsUpperValue, drawSpreadsheetConditionalIcon, replaceOfficeSpreadsheetCollaboration as replaceWorkOfficeSpreadsheetCollaboration, readOfficeSpreadsheetCollaboration as readWorkOfficeSpreadsheetCollaboration, spreadsheetConditionalThresholdsEqual } from "./2180.js";
@@ -1357,6 +1357,28 @@ function isSpreadsheetCoordinate(value) {
 function positiveSpreadsheetDimension(value) {
     return 'number' == typeof value && Number.isFinite(value) && value > 0 ? Math.floor(value) : 0;
 }
+const spreadsheetFontSizes = [
+    9,
+    10,
+    11,
+    12,
+    14,
+    16,
+    18,
+    20,
+    22,
+    24,
+    28,
+    36,
+    48,
+    72
+];
+function nextSpreadsheetFontSize(current, direction) {
+    if (!Number.isFinite(current) || current < 1 || current > 409) return null;
+    return 'grow' === direction ? spreadsheetFontSizes.find((size)=>size > current) ?? null : [
+        ...spreadsheetFontSizes
+    ].reverse().find((size)=>size < current) ?? null;
+}
 function canApplySpreadsheetTableStructureChange(sheet, change) {
     if (!sheet || !validSpreadsheetTableStructureChange(change)) return false;
     for (const table of sheet.tables ?? []){
@@ -1700,22 +1722,6 @@ function sameSpreadsheetTableColumns(left, right) {
 function spreadsheet_table_reconciliation_isRecord(value) {
     return Boolean(value && 'object' == typeof value && !Array.isArray(value));
 }
-const spreadsheetFontSizes = [
-    9,
-    10,
-    11,
-    12,
-    14,
-    16,
-    18,
-    20,
-    22,
-    24,
-    28,
-    36,
-    48,
-    72
-];
 function spreadsheetSelectionReference(selection) {
     const rowStart = Math.min(selection.row[0] ?? 0, selection.row[1] ?? selection.row[0] ?? 0);
     const rowEnd = Math.max(selection.row[0] ?? 0, selection.row[1] ?? selection.row[0] ?? 0);
@@ -2805,6 +2811,40 @@ const spreadsheetCommandCatalog = {
             ]
         }
     },
+    growFont: {
+        id: 'font.grow',
+        label: '增大字号',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+. 或 Cmd/Ctrl+]',
+            aria: 'Control+Shift+. Meta+Shift+. Control+] Meta+]',
+            editor: [
+                'Mod-Shift-.',
+                'Mod-]'
+            ]
+        }
+    },
+    shrinkFont: {
+        id: 'font.shrink',
+        label: '减小字号',
+        location: {
+            area: 'ribbon',
+            tab: 'home',
+            group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+, 或 Cmd/Ctrl+[',
+            aria: 'Control+Shift+, Meta+Shift+, Control+[ Meta+[',
+            editor: [
+                'Mod-Shift-,',
+                'Mod-['
+            ]
+        }
+    },
     numberFormatGeneral: {
         id: 'number.general',
         label: spreadsheetNumberFormatPresetLabels.general,
@@ -3021,6 +3061,14 @@ const spreadsheetCommandCatalog = {
             area: 'ribbon',
             tab: 'home',
             group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+_',
+            aria: 'Control+Shift+_ Meta+Shift+_',
+            editor: [
+                'Mod-Shift-_',
+                'Mod-Shift-Minus'
+            ]
         }
     },
     borderAll: {
@@ -3039,6 +3087,14 @@ const spreadsheetCommandCatalog = {
             area: 'ribbon',
             tab: 'home',
             group: 'font'
+        },
+        shortcut: {
+            label: 'Cmd/Ctrl+Shift+&',
+            aria: 'Control+Shift+& Meta+Shift+&',
+            editor: [
+                'Mod-Shift-&',
+                'Mod-Shift-7'
+            ]
         }
     },
     borderInside: {
@@ -3842,6 +3898,8 @@ function spreadsheet_cell_clear_isRecord(value) {
     return Boolean(value && 'object' == typeof value && !Array.isArray(value));
 }
 function createSpreadsheetCellBorderExtension() {
+    const outsideShortcuts = spreadsheetCommandCatalog.borderOutside.shortcut.editor;
+    const noneShortcuts = spreadsheetCommandCatalog.borderNone.shortcut.editor;
     return createOfficeEditorExtension({
         name: 'spreadsheetCellBorders',
         addCommands: ()=>({
@@ -3849,6 +3907,28 @@ function createSpreadsheetCellBorderExtension() {
                     canExecute: canSetSelectedCellBorders,
                     execute: setSelectedCellBorders
                 }
+            }),
+        addKeyboardShortcuts: ()=>({
+                [outsideShortcuts[0]]: ({ can, commands }, event)=>runSpreadsheetBorderShortcut(event, can.setSelectedCellBorders, commands.setSelectedCellBorders, {
+                        target: 'outside',
+                        color: '#000000',
+                        style: 'thin'
+                    }),
+                [outsideShortcuts[1]]: ({ can, commands }, event)=>runSpreadsheetBorderShortcut(event, can.setSelectedCellBorders, commands.setSelectedCellBorders, {
+                        target: 'outside',
+                        color: '#000000',
+                        style: 'thin'
+                    }),
+                [noneShortcuts[0]]: ({ can, commands }, event)=>runSpreadsheetBorderShortcut(event, can.setSelectedCellBorders, commands.setSelectedCellBorders, {
+                        target: 'none',
+                        color: '#000000',
+                        style: 'thin'
+                    }),
+                [noneShortcuts[1]]: ({ can, commands }, event)=>runSpreadsheetBorderShortcut(event, can.setSelectedCellBorders, commands.setSelectedCellBorders, {
+                        target: 'none',
+                        color: '#000000',
+                        style: 'thin'
+                    })
             })
     });
 }
@@ -3856,15 +3936,22 @@ function canSetSelectedCellBorders(context, format) {
     return Boolean(context.editable && context.workbook && context.targetSheetId && canSetSpreadsheetCellBorders(context.content, context.targetSheetId, liveSpreadsheetBorderRange(context), format));
 }
 function setSelectedCellBorders(context, format) {
-    if (!canSetSelectedCellBorders(context, format)) return false;
-    const next = setSpreadsheetCellBorders(context.content, context.targetSheetId, liveSpreadsheetBorderRange(context), format);
+    if (!context.editable || !context.workbook || !context.targetSheetId) return false;
+    const selection = context.workbook.getSelection()?.at(-1) ?? context.fallbackRange;
+    const range = spreadsheetSingleRange(selection);
+    if (!canSetSpreadsheetCellBorders(context.content, context.targetSheetId, range, format)) return false;
+    const next = setSpreadsheetCellBorders(context.content, context.targetSheetId, range, format);
     if (!next) return false;
-    context.onChange(next);
+    context.onChange(spreadsheetContentWithSelection(next, context.targetSheetId, selection));
     return true;
 }
 function liveSpreadsheetBorderRange(context) {
     return spreadsheetSingleRange(context.workbook?.getSelection()?.at(-1) ?? context.fallbackRange);
 }
+function runSpreadsheetBorderShortcut(event, canExecute, execute, format) {
+    if (event.repeat || isOfficeShortcutBlocked(event.target) || isSpreadsheetNativeTextUndoTarget(event.target) || !canExecute(format)) return false;
+    return execute(format);
+}
 const MAX_SPREADSHEET_PER_CELL_BORDER_CELLS = 10000;
 function setSpreadsheetCellBordersPerCell(content, sheetId, range, formats) {
     const normalizedRange = spreadsheet_cell_range_normalizeSpreadsheetCellRange(range);
@@ -4719,6 +4806,157 @@ function spreadsheetSelectedCellFillPlan(context, direction) {
     const sheet = context.content.sheets.find((candidate)=>candidate.id === context.targetSheetId);
     return canApplySpreadsheetCellFill(sheet, plan) ? plan : null;
 }
+const MAX_SPREADSHEET_FONT_SIZE_CELLS = 10000;
+function createSpreadsheetFontSizeExtension() {
+    const growShortcuts = spreadsheetCommandCatalog.growFont.shortcut.editor;
+    const shrinkShortcuts = spreadsheetCommandCatalog.shrinkFont.shortcut.editor;
+    return createOfficeEditorExtension({
+        name: 'spreadsheetFontSize',
+        addCommands: ()=>({
+                adjustFontSize: {
+                    canExecute: canAdjustSelectedFontSize,
+                    execute: adjustSelectedFontSize
+                }
+            }),
+        addKeyboardShortcuts: ()=>({
+                [growShortcuts[0]]: ({ can, commands }, event)=>runSpreadsheetFontSizeShortcut(event, can.adjustFontSize, commands.adjustFontSize, 'grow'),
+                [growShortcuts[1]]: ({ can, commands }, event)=>runSpreadsheetFontSizeShortcut(event, can.adjustFontSize, commands.adjustFontSize, 'grow'),
+                [shrinkShortcuts[0]]: ({ can, commands }, event)=>runSpreadsheetFontSizeShortcut(event, can.adjustFontSize, commands.adjustFontSize, 'shrink'),
+                [shrinkShortcuts[1]]: ({ can, commands }, event)=>runSpreadsheetFontSizeShortcut(event, can.adjustFontSize, commands.adjustFontSize, 'shrink')
+            })
+    });
+}
+function spreadsheetFontSizeApiCalls(cells, range, sheetId, direction) {
+    const normalizedRange = spreadsheet_cell_range_normalizeSpreadsheetCellRange(range);
+    if (!normalizedRange || !sheetId || !isSpreadsheetFontSizeDirection(direction) || spreadsheet_cell_range_spreadsheetCellRangeArea(normalizedRange) > MAX_SPREADSHEET_FONT_SIZE_CELLS) return [];
+    const rectangles = [];
+    let active = new Map();
+    const rowCount = normalizedRange.row[1] - normalizedRange.row[0] + 1;
+    const columnCount = normalizedRange.column[1] - normalizedRange.column[0] + 1;
+    for(let rowOffset = 0; rowOffset < rowCount; rowOffset += 1){
+        const row = normalizedRange.row[0] + rowOffset;
+        const runs = spreadsheetFontSizeRowRuns(cells[rowOffset], row, normalizedRange.column[0], columnCount, direction);
+        const nextActive = new Map();
+        for (const run of runs){
+            const signature = `${run.key}:${run.range.column[0]}:${run.range.column[1]}`;
+            const previous = active.get(signature);
+            if (previous && previous.range.row[1] === row - 1) {
+                previous.range.row[1] = row;
+                nextActive.set(signature, previous);
+            } else nextActive.set(signature, run);
+        }
+        for (const [signature, run] of active)if (!nextActive.has(signature)) rectangles.push(run);
+        active = nextActive;
+    }
+    rectangles.push(...active.values());
+    rectangles.sort((left, right)=>left.range.row[0] - right.range.row[0] || left.range.column[0] - right.range.column[0] || left.range.row[1] - right.range.row[1] || left.range.column[1] - right.range.column[1]);
+    return rectangles.map(({ range: targetRange, size })=>({
+            name: 'setCellFormatByRange',
+            args: [
+                'fs',
+                size,
+                targetRange,
+                {
+                    id: sheetId
+                }
+            ]
+        }));
+}
+function spreadsheetFontSizeRowRuns(cells, row, firstColumn, columnCount, direction) {
+    const runs = [];
+    let current = null;
+    for(let columnOffset = 0; columnOffset < columnCount; columnOffset += 1){
+        const column = firstColumn + columnOffset;
+        const size = adjustedSpreadsheetFontSize(cells?.[columnOffset], direction);
+        if (null === size) {
+            if (current) runs.push(current);
+            current = null;
+            continue;
+        }
+        const key = String(size);
+        if (current && current.key === key) {
+            current.range.column[1] = column;
+            continue;
+        }
+        if (current) runs.push(current);
+        current = {
+            key,
+            range: {
+                row: [
+                    row,
+                    row
+                ],
+                column: [
+                    column,
+                    column
+                ]
+            },
+            size
+        };
+    }
+    if (current) runs.push(current);
+    return runs;
+}
+function adjustedSpreadsheetFontSize(cell, direction) {
+    const size = cell?.fs === void 0 ? 10 : Number(cell.fs);
+    return nextSpreadsheetFontSize(size, direction);
+}
+function canAdjustSelectedFontSize(context, direction) {
+    const workbook = context.workbook;
+    const sheetId = context.targetSheetId;
+    if (!context.editable || !workbook || !sheetId || sheetId !== context.activeSheetId || !isSpreadsheetFontSizeDirection(direction)) return false;
+    const range = liveSpreadsheetFontSizeRange(context);
+    if (spreadsheet_cell_range_spreadsheetCellRangeArea(range) > MAX_SPREADSHEET_FONT_SIZE_CELLS) return false;
+    try {
+        const cells = workbook.getCellsByRange(range, {
+            id: sheetId
+        });
+        return canAdjustSpreadsheetFontSizeCells(range.row[1] - range.row[0] + 1, range.column[1] - range.column[0] + 1, (rowOffset, columnOffset)=>cells[rowOffset]?.[columnOffset] ?? null, direction);
+    } catch  {
+        return false;
+    }
+}
+function adjustSelectedFontSize(context, direction) {
+    const workbook = context.workbook;
+    const sheetId = context.targetSheetId;
+    if (!context.editable || !workbook || !sheetId || sheetId !== context.activeSheetId || !isSpreadsheetFontSizeDirection(direction)) return false;
+    const range = liveSpreadsheetFontSizeRange(context);
+    if (spreadsheet_cell_range_spreadsheetCellRangeArea(range) > MAX_SPREADSHEET_FONT_SIZE_CELLS) return false;
+    try {
+        const cells = workbook.getCellsByRange(range, {
+            id: sheetId
+        });
+        const calls = spreadsheetFontSizeApiCalls(cells, range, sheetId, direction);
+        if (!calls.length) return false;
+        workbook.batchCallApis(calls);
+        return true;
+    } catch  {
+        return false;
+    }
+}
+function canAdjustSpreadsheetFontSizeCells(rowCount, columnCount, cellAt, direction) {
+    for(let rowOffset = 0; rowOffset < rowCount; rowOffset += 1)for(let columnOffset = 0; columnOffset < columnCount; columnOffset += 1)if (null !== adjustedSpreadsheetFontSize(cellAt(rowOffset, columnOffset), direction)) return true;
+    return false;
+}
+function liveSpreadsheetFontSizeRange(context) {
+    return spreadsheet_cell_range_normalizeSpreadsheetCellRange(spreadsheetSingleRange(context.workbook?.getSelection()?.at(-1) ?? context.fallbackRange)) ?? {
+        row: [
+            0,
+            0
+        ],
+        column: [
+            0,
+            0
+        ]
+    };
+}
+function isSpreadsheetFontSizeDirection(value) {
+    return 'grow' === value || 'shrink' === value;
+}
+function runSpreadsheetFontSizeShortcut(event, canExecute, execute, direction) {
+    if (event.repeat || isOfficeShortcutBlocked(event.target) || isSpreadsheetNativeTextUndoTarget(event.target) || !canExecute(direction)) return false;
+    return execute(direction);
+}
 const spreadsheet_go_to_spreadsheetMaximumRows = 1048576;
 const spreadsheet_go_to_spreadsheetMaximumColumns = 16384;
 const spreadsheetGoToMaximumInputLength = 512;
@@ -7268,6 +7506,7 @@ function createSpreadsheetEditorExtensions() {
                 })
         }),
         createSpreadsheetCellFormatExtension(),
+        createSpreadsheetFontSizeExtension(),
         createSpreadsheetCellBorderExtension(),
         createSpreadsheetCellStyleExtension(),
         createSpreadsheetNumberFormatExtension(),
@@ -8846,6 +9085,7 @@ function SpreadsheetBorderRibbon({ can, commands }) {
         color
     };
     const currentDefinition = spreadsheetBorderTargetOptions.find((option)=>option.target === target)?.definition;
+    const currentShortcut = currentDefinition && 'shortcut' in currentDefinition ? currentDefinition.shortcut : void 0;
     const currentLabel = currentDefinition?.label ?? '所有框线';
     const styleLabel = spreadsheetBorderStyleOptions.find((option)=>option.value === style)?.label;
     const menuDisabled = spreadsheetBorderTargetOptions.every((option)=>!can.setSelectedCellBorders({
@@ -8868,7 +9108,8 @@ function SpreadsheetBorderRibbon({ can, commands }) {
                         type: "button",
                         className: "work-spreadsheet-border-primary",
                         "aria-label": currentLabel,
-                        title: `${currentLabel}（${styleLabel}，${color.toUpperCase()}）`,
+                        "aria-keyshortcuts": currentShortcut?.aria,
+                        title: `${currentLabel}（${styleLabel}，${color.toUpperCase()}${currentShortcut ? `；${currentShortcut.label}` : ''}）`,
                         disabled: !can.setSelectedCellBorders(format),
                         onClick: ()=>commands.setSelectedCellBorders(format),
                         children: /*#__PURE__*/ jsx(SpreadsheetBorderGlyph, {
@@ -8902,11 +9143,14 @@ function SpreadsheetBorderRibbon({ can, commands }) {
                                 ...format,
                                 target: option
                             };
+                            const shortcut = 'shortcut' in definition ? definition.shortcut : void 0;
                             return /*#__PURE__*/ jsxs("button", {
                                 type: "button",
                                 role: "menuitemradio",
                                 tabIndex: 0 === index ? 0 : -1,
                                 "aria-checked": option === target,
+                                "aria-label": definition.label,
+                                "aria-keyshortcuts": shortcut?.aria,
                                 disabled: !can.setSelectedCellBorders(next),
                                 onClick: ()=>{
                                     setTarget(option);
@@ -8918,7 +9162,11 @@ function SpreadsheetBorderRibbon({ can, commands }) {
                                         target: option
                                     }),
                                     /*#__PURE__*/ jsx("span", {
+                                        className: "work-spreadsheet-border-target-label",
                                         children: definition.label
+                                    }),
+                                    shortcut && /*#__PURE__*/ jsx("kbd", {
+                                        children: shortcut.label
                                     })
                                 ]
                             }, definition.id);
@@ -9058,6 +9306,8 @@ function SpreadsheetFontRibbonGroup({ can, commands, toolbarCell }) {
     const strike = 1 === Number(toolbarCell?.cl);
     const textColor = 'string' == typeof toolbarCell?.fc ? toolbarCell.fc : '#172033';
     const fillColor = 'string' == typeof toolbarCell?.bg ? toolbarCell.bg : '#ffffff';
+    const growFont = spreadsheetCommandCatalog.growFont;
+    const shrinkFont = spreadsheetCommandCatalog.shrinkFont;
     return /*#__PURE__*/ jsxs(WorkOfficeRibbonGroup, {
         label: "字体",
         priority: "high",
@@ -9077,6 +9327,28 @@ function SpreadsheetFontRibbonGroup({ can, commands, toolbarCell }) {
                 options: spreadsheetFontSizeOptions(toolbarCell?.fs),
                 onValueChange: (value)=>commands.setCellFormat('fs', Number(value))
             }),
+            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                label: growFont.label,
+                title: `${growFont.label}（${growFont.shortcut.label}）`,
+                "aria-keyshortcuts": growFont.shortcut.aria,
+                displayLabel: false,
+                disabled: !can.adjustFontSize('grow'),
+                onClick: ()=>commands.adjustFontSize('grow'),
+                children: /*#__PURE__*/ jsx(AArrowUp, {
+                    size: 15
+                })
+            }),
+            /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                label: shrinkFont.label,
+                title: `${shrinkFont.label}（${shrinkFont.shortcut.label}）`,
+                "aria-keyshortcuts": shrinkFont.shortcut.aria,
+                displayLabel: false,
+                disabled: !can.adjustFontSize('shrink'),
+                onClick: ()=>commands.adjustFontSize('shrink'),
+                children: /*#__PURE__*/ jsx(AArrowDown, {
+                    size: 15
+                })
+            }),
             /*#__PURE__*/ jsx(SpreadsheetFontToggle, {
                 active: bold,
                 attribute: "bl",
@@ -22849,6 +23121,7 @@ function spreadsheetCommandsWithGridFocus(commands, restoreFocus) {
     return {
         ...commands,
         adjustDecimalPlaces: afterSuccessfulCommand(commands.adjustDecimalPlaces),
+        adjustFontSize: afterSuccessfulCommand(commands.adjustFontSize),
         applyAutoSum: afterSuccessfulCommand(commands.applyAutoSum),
         activateFormatPainter: afterSuccessfulCommand(commands.activateFormatPainter),
         cancelFormatPainter: afterSuccessfulCommand(commands.cancelFormatPainter),

package/dist/internal/features/work/editors/spreadsheet-command-catalog.d.ts

@@ -193,6 +193,34 @@ export declare const spreadsheetCommandCatalog: {
             readonly editor: readonly ["Mod-5"];
         };
     };
+    readonly growFont: {
+        readonly id: "font.grow";
+        readonly label: "增大字号";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "font";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+. 或 Cmd/Ctrl+]";
+            readonly aria: "Control+Shift+. Meta+Shift+. Control+] Meta+]";
+            readonly editor: readonly ["Mod-Shift-.", "Mod-]"];
+        };
+    };
+    readonly shrinkFont: {
+        readonly id: "font.shrink";
+        readonly label: "减小字号";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "font";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+, 或 Cmd/Ctrl+[";
+            readonly aria: "Control+Shift+, Meta+Shift+, Control+[ Meta+[";
+            readonly editor: readonly ["Mod-Shift-,", "Mod-["];
+        };
+    };
     readonly numberFormatGeneral: {
         readonly id: "number.general";
         readonly label: "常规";
@@ -394,6 +422,11 @@ export declare const spreadsheetCommandCatalog: {
             readonly tab: "home";
             readonly group: "font";
         };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+_";
+            readonly aria: "Control+Shift+_ Meta+Shift+_";
+            readonly editor: readonly ["Mod-Shift-_", "Mod-Shift-Minus"];
+        };
     };
     readonly borderAll: {
         readonly id: "font.borderAll";
@@ -412,6 +445,11 @@ export declare const spreadsheetCommandCatalog: {
             readonly tab: "home";
             readonly group: "font";
         };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+&";
+            readonly aria: "Control+Shift+& Meta+Shift+&";
+            readonly editor: readonly ["Mod-Shift-&", "Mod-Shift-7"];
+        };
     };
     readonly borderInside: {
         readonly id: "font.borderInside";

package/dist/internal/features/work/editors/spreadsheet-command-controller.d.ts

@@ -9,6 +9,7 @@ import type { SpreadsheetCellFormatRequest } from './spreadsheet-cell-format';
 import type { SpreadsheetCellRange } from './spreadsheet-cell-range';
 import type { SpreadsheetCellStyleChoice } from './spreadsheet-cell-style';
 import type { SpreadsheetCellFillDirection } from './spreadsheet-cell-fill';
+import { type SpreadsheetFontSizeDirection } from './spreadsheet-font-size-command';
 import type { SpreadsheetDataValidationRequest, SpreadsheetDataValidationTarget } from './spreadsheet-data-validation';
 import { type SpreadsheetCellMergeCommand } from './spreadsheet-cell-merge';
 import type { SpreadsheetFormatPainterMode } from './spreadsheet-format-painter';
@@ -149,6 +150,7 @@ export interface SpreadsheetEditorCommands {
     activateFormatPainter: (mode: SpreadsheetFormatPainterMode) => boolean;
     addSheet: () => boolean;
     adjustDecimalPlaces: (direction: SpreadsheetDecimalPlacesDirection) => boolean;
+    adjustFontSize: (direction: SpreadsheetFontSizeDirection) => boolean;
     applyCellStyle: (preset: SpreadsheetCellStyleChoice) => boolean;
     applyCellFormat: (request: SpreadsheetCellFormatRequest) => boolean;
     applyDataValidation: (request: SpreadsheetDataValidationRequest) => boolean;

package/dist/internal/features/work/editors/spreadsheet-font-size-command.d.ts

@@ -0,0 +1,18 @@
+import type { Cell } from '@fortune-sheet/core';
+import type { WorkSpreadsheetContent } from '../work-types';
+import type { SpreadsheetCommandContext, SpreadsheetEditorCommands } from './spreadsheet-command-controller';
+import { type SpreadsheetCellRange, type SpreadsheetCellRangeInput } from './spreadsheet-cell-range';
+import { type SpreadsheetFontSizeDirection } from './spreadsheet-font-size';
+import { type OfficeEditorExtension } from './office-editor-extension';
+export { nextSpreadsheetFontSize } from './spreadsheet-font-size';
+export type { SpreadsheetFontSizeDirection } from './spreadsheet-font-size';
+export declare const MAX_SPREADSHEET_FONT_SIZE_CELLS = 10000;
+export interface SpreadsheetFontSizeApiCall {
+    name: 'setCellFormatByRange';
+    args: ['fs', number, SpreadsheetCellRange, {
+        id: string;
+    }];
+}
+export declare function createSpreadsheetFontSizeExtension(): OfficeEditorExtension<SpreadsheetCommandContext, SpreadsheetEditorCommands>;
+export declare function canAdjustSpreadsheetFontSize(content: WorkSpreadsheetContent, sheetId: string, range: SpreadsheetCellRangeInput, direction: SpreadsheetFontSizeDirection): boolean;
+export declare function spreadsheetFontSizeApiCalls(cells: readonly (readonly (Cell | null)[])[], range: SpreadsheetCellRangeInput, sheetId: string, direction: SpreadsheetFontSizeDirection): SpreadsheetFontSizeApiCall[];

package/dist/internal/features/work/editors/spreadsheet-font-size.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_SPREADSHEET_FONT_SIZE = 10;
+export declare const spreadsheetFontSizes: readonly [9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 28, 36, 48, 72];
+export type SpreadsheetFontSizeDirection = 'grow' | 'shrink';
+export declare function nextSpreadsheetFontSize(current: number, direction: SpreadsheetFontSizeDirection): number | null;

package/dist/styles.css

@@ -15180,7 +15180,7 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
 
 .work-spreadsheet-border-panel {
   --work-office-menu-accent: var(--work-office-control-accent, #159469);
-  width: min(292px, 100vw - 32px);
+  width: min(360px, 100vw - 32px);
   padding: 8px;
 }
 
@@ -15207,7 +15207,7 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   background: none;
   border: 0;
   border-radius: 6px;
-  grid-template-columns: 22px minmax(0, 1fr);
+  grid-template-columns: 22px minmax(0, 1fr) auto;
   align-items: center;
   gap: 7px;
   padding: 4px 7px;
@@ -15231,13 +15231,20 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   opacity: .4;
 }
 
-.work-spreadsheet-border-targets > button > span:last-child {
+.work-spreadsheet-border-target-label {
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 11px;
   overflow: hidden;
 }
 
+.work-spreadsheet-border-targets kbd {
+  color: var(--a3s-faint);
+  font: inherit;
+  white-space: nowrap;
+  font-size: 8px;
+}
+
 .work-spreadsheet-border-glyph {
   border: 1px solid color-mix(in srgb, currentcolor 34%, transparent);
   width: 17px;
@@ -15377,9 +15384,14 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   }
 
   .work-spreadsheet-border-targets > button {
+    grid-template-columns: 22px minmax(0, 1fr);
     min-height: 44px;
   }
 
+  .work-spreadsheet-border-targets kbd {
+    display: none;
+  }
+
   .work-spreadsheet-border-settings {
     grid-template-columns: 1fr;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a3s-lab/office",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Open-source collaborative browser editors for documents, Markdown, spreadsheets, presentations, and PDFs.",
   "keywords": [
     "office",
@@ -135,6 +135,8 @@
     "test:e2e:spreadsheet-ribbon:check": "a3s-test check tests/e2e/spreadsheet-ribbon-alignment.acl --json",
     "test:e2e:spreadsheet-cell-style": "a3s-test run tests/e2e/spreadsheet-cell-style.acl --json",
     "test:e2e:spreadsheet-cell-style:check": "a3s-test check tests/e2e/spreadsheet-cell-style.acl --json",
+    "test:e2e:spreadsheet-font-size-border-shortcuts": "a3s-test run tests/e2e/spreadsheet-font-size-border-shortcuts.acl --json",
+    "test:e2e:spreadsheet-font-size-border-shortcuts:check": "a3s-test check tests/e2e/spreadsheet-font-size-border-shortcuts.acl --json",
     "test:e2e:spreadsheet-table": "a3s-test run tests/e2e/spreadsheet-table.acl --json",
     "test:e2e:spreadsheet-table:check": "a3s-test check tests/e2e/spreadsheet-table.acl --json",
     "test:e2e:spreadsheet-cell-fill": "a3s-test run tests/e2e/spreadsheet-cell-fill.acl --json",