@a3s-lab/office 0.13.0 → 0.13.1

package/dist/internal/features/work/editors/office-menu-keyboard.d.ts

@@ -1,2 +1,3 @@
 import type { KeyboardEvent } from 'react';
 export declare function moveOfficeMenuFocus(event: KeyboardEvent<HTMLElement>): boolean;
+export declare function moveOfficeGridMenuFocus(event: KeyboardEvent<HTMLElement>, columns: number): boolean;

package/dist/internal/features/work/editors/spreadsheet-cell-border-per-cell.d.ts

@@ -0,0 +1,5 @@
+import type { WorkSpreadsheetContent } from '../work-types';
+import { type SpreadsheetCellBorderFormat } from './spreadsheet-cell-border';
+import { type SpreadsheetCellRangeInput } from './spreadsheet-cell-range';
+export declare const MAX_SPREADSHEET_PER_CELL_BORDER_CELLS = 10000;
+export declare function setSpreadsheetCellBordersPerCell(content: WorkSpreadsheetContent, sheetId: string, range: SpreadsheetCellRangeInput, formats: readonly SpreadsheetCellBorderFormat[]): WorkSpreadsheetContent | null;

package/dist/internal/features/work/editors/spreadsheet-cell-border.d.ts

@@ -1,4 +1,4 @@
-import type { WorkSpreadsheetContent } from '../work-types';
+import type { WorkSpreadsheetContent, WorkSpreadsheetSheet } from '../work-types';
 import { type SpreadsheetCellRangeInput } from './spreadsheet-cell-range';
 export declare const spreadsheetCellBorderTargets: readonly ["top", "bottom", "left", "right", "none", "all", "outside", "inside", "horizontal", "vertical", "diagonal"];
 export type SpreadsheetCellBorderTarget = (typeof spreadsheetCellBorderTargets)[number];
@@ -9,6 +9,20 @@ export interface SpreadsheetCellBorderFormat {
     color: string;
     style: SpreadsheetCellBorderStyle;
 }
+export interface SpreadsheetResolvedCellBorderLine {
+    color: string;
+    style: string;
+}
+export interface SpreadsheetResolvedCellBorders {
+    bottom?: SpreadsheetResolvedCellBorderLine;
+    diagonal?: SpreadsheetResolvedCellBorderLine;
+    left?: SpreadsheetResolvedCellBorderLine;
+    right?: SpreadsheetResolvedCellBorderLine;
+    top?: SpreadsheetResolvedCellBorderLine;
+}
 export declare const MAX_SPREADSHEET_DIAGONAL_BORDER_CELLS = 4096;
+export declare function spreadsheetNativeBorderStyle(style: SpreadsheetCellBorderStyle): string;
 export declare function canSetSpreadsheetCellBorders(content: WorkSpreadsheetContent, sheetId: string, range: SpreadsheetCellRangeInput, format: SpreadsheetCellBorderFormat): boolean;
 export declare function setSpreadsheetCellBorders(content: WorkSpreadsheetContent, sheetId: string, range: SpreadsheetCellRangeInput, format: SpreadsheetCellBorderFormat): WorkSpreadsheetContent | null;
+export declare function spreadsheetCellBordersAt(sheet: WorkSpreadsheetSheet | undefined, row: number, column: number): SpreadsheetResolvedCellBorders;
+export declare function normalizeSpreadsheetBorderFormat(format: SpreadsheetCellBorderFormat): SpreadsheetCellBorderFormat | null;

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

@@ -0,0 +1,3 @@
+import type { SpreadsheetCommandContext, SpreadsheetEditorCommands } from './spreadsheet-command-controller';
+import { type OfficeEditorExtension } from './office-editor-extension';
+export declare function createSpreadsheetCellStyleExtension(): OfficeEditorExtension<SpreadsheetCommandContext, SpreadsheetEditorCommands>;

package/dist/internal/features/work/editors/spreadsheet-cell-style-ribbon.d.ts

@@ -0,0 +1,9 @@
+import type { Cell } from '@fortune-sheet/core';
+import type { SpreadsheetResolvedCellBorders } from './spreadsheet-cell-border';
+import type { SpreadsheetEditorCanCommands, SpreadsheetEditorCommands } from './spreadsheet-command-controller';
+export declare function SpreadsheetCellStyleRibbon({ can, commands, toolbarCell, toolbarCellBorders, }: {
+    can: SpreadsheetEditorCanCommands;
+    commands: SpreadsheetEditorCommands;
+    toolbarCell: Cell | null | undefined;
+    toolbarCellBorders?: SpreadsheetResolvedCellBorders;
+}): import("react").JSX.Element;

package/dist/internal/features/work/editors/spreadsheet-cell-style.d.ts

@@ -0,0 +1,41 @@
+import type { Cell } from '@fortune-sheet/core';
+import type { WorkSpreadsheetContent } from '../work-types';
+import { type SpreadsheetCellBorderFormat, type SpreadsheetResolvedCellBorders } from './spreadsheet-cell-border';
+import { type SpreadsheetCellRangeInput } from './spreadsheet-cell-range';
+export declare const spreadsheetCellStylePresetIds: readonly ["normal", "good", "bad", "neutral", "calculation", "checkCell", "explanatoryText", "input", "linkedCell", "note", "output", "warningText", "heading1", "heading2", "heading3", "heading4", "total"];
+export type SpreadsheetCellStyleChoice = (typeof spreadsheetCellStylePresetIds)[number];
+export type SpreadsheetCellStylePreset = SpreadsheetCellStyleChoice | 'custom';
+export declare const MAX_SPREADSHEET_CELL_STYLE_CELLS = 10000;
+interface SpreadsheetCellStyleFormat {
+    bg: string;
+    bl: 0 | 1;
+    cl: 0 | 1;
+    fc: string;
+    ff: string;
+    fs: number;
+    it: 0 | 1;
+    un: 0 | 1;
+}
+export interface SpreadsheetCellStylePreview {
+    backgroundColor: string;
+    color: string;
+    fontSize?: string;
+    fontStyle?: 'italic' | 'normal';
+    fontWeight?: number;
+    textDecoration?: 'none' | 'underline';
+}
+export interface SpreadsheetCellStyleDefinition {
+    id: SpreadsheetCellStyleChoice;
+    label: string;
+    group: '常用' | '数据和模型' | '标题和汇总';
+    description: string;
+    format: SpreadsheetCellStyleFormat;
+    borders?: readonly SpreadsheetCellBorderFormat[];
+    preview: SpreadsheetCellStylePreview;
+}
+export declare const spreadsheetCellStyleDefinitions: readonly [SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition, SpreadsheetCellStyleDefinition];
+export declare function spreadsheetCellStyleDefinition(preset: SpreadsheetCellStyleChoice): SpreadsheetCellStyleDefinition;
+export declare function spreadsheetCellStylePreset(cell: Cell | null | undefined, borders?: SpreadsheetResolvedCellBorders): SpreadsheetCellStylePreset;
+export declare function canApplySpreadsheetCellStyle(content: WorkSpreadsheetContent, sheetId: string, range: SpreadsheetCellRangeInput, preset: SpreadsheetCellStyleChoice): boolean;
+export declare function applySpreadsheetCellStyle(content: WorkSpreadsheetContent, sheetId: string, range: SpreadsheetCellRangeInput, preset: SpreadsheetCellStyleChoice): WorkSpreadsheetContent | null;
+export {};

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

@@ -173,6 +173,131 @@ export declare const spreadsheetCommandCatalog: {
             readonly editor: readonly ["Mod-5"];
         };
     };
+    readonly numberFormatGeneral: {
+        readonly id: "number.general";
+        readonly label: "常规";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+~";
+            readonly aria: "Control+Shift+~ Meta+Shift+~";
+            readonly editor: readonly ["Mod-Shift-~"];
+        };
+    };
+    readonly numberFormatNumber: {
+        readonly id: "number.number";
+        readonly label: "数字";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+!";
+            readonly aria: "Control+Shift+! Meta+Shift+!";
+            readonly editor: readonly ["Mod-Shift-!"];
+        };
+    };
+    readonly numberFormatCurrency: {
+        readonly id: "number.currency";
+        readonly label: "货币";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+$";
+            readonly aria: "Control+Shift+$ Meta+Shift+$";
+            readonly editor: readonly ["Mod-Shift-$"];
+        };
+    };
+    readonly numberFormatAccounting: {
+        readonly id: "number.accounting";
+        readonly label: "会计专用";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+    };
+    readonly numberFormatPercent: {
+        readonly id: "number.percent";
+        readonly label: "百分比";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+%";
+            readonly aria: "Control+Shift+% Meta+Shift+%";
+            readonly editor: readonly ["Mod-Shift-%"];
+        };
+    };
+    readonly numberFormatDate: {
+        readonly id: "number.date";
+        readonly label: "短日期";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+#";
+            readonly aria: "Control+Shift+# Meta+Shift+#";
+            readonly editor: readonly ["Mod-Shift-#"];
+        };
+    };
+    readonly numberFormatTime: {
+        readonly id: "number.time";
+        readonly label: "时间";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+@";
+            readonly aria: "Control+Shift+@ Meta+Shift+@";
+            readonly editor: readonly ["Mod-Shift-@"];
+        };
+    };
+    readonly numberFormatScientific: {
+        readonly id: "number.scientific";
+        readonly label: "科学计数";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+        readonly shortcut: {
+            readonly label: "Cmd/Ctrl+Shift+^";
+            readonly aria: "Control+Shift+^ Meta+Shift+^";
+            readonly editor: readonly ["Mod-Shift-^"];
+        };
+    };
+    readonly numberFormatFraction: {
+        readonly id: "number.fraction";
+        readonly label: "分数";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+    };
+    readonly numberFormatText: {
+        readonly id: "number.text";
+        readonly label: "文本";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "number";
+        };
+    };
     readonly borderTop: {
         readonly id: "font.borderTop";
         readonly label: "上框线";
@@ -331,6 +456,15 @@ export declare const spreadsheetCommandCatalog: {
             readonly group: "styles";
         };
     };
+    readonly cellStyles: {
+        readonly id: "styles.cellStyles";
+        readonly label: "单元格样式";
+        readonly location: {
+            readonly area: "ribbon";
+            readonly tab: "home";
+            readonly group: "styles";
+        };
+    };
     readonly insertRowsAbove: {
         readonly id: "cells.insertRowsAbove";
         readonly label: "在上方插入行";

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

@@ -4,6 +4,7 @@ import type { WorkSpreadsheetContent } from '../work-types';
 import { type OfficeEditorCanCommands, type OfficeEditorExtension } from './office-editor-extension';
 import { type SpreadsheetCellClearMode } from './spreadsheet-cell-clear';
 import type { SpreadsheetCellBorderFormat } from './spreadsheet-cell-border';
+import type { SpreadsheetCellStyleChoice } from './spreadsheet-cell-style';
 import type { SpreadsheetCellFillDirection } from './spreadsheet-cell-fill';
 import { type SpreadsheetCellMergeCommand } from './spreadsheet-cell-merge';
 import type { SpreadsheetFormatPainterMode } from './spreadsheet-format-painter';
@@ -104,6 +105,7 @@ export interface SpreadsheetEditorCommands {
     activateSheet: (sheetId: string) => boolean;
     activateFormatPainter: (mode: SpreadsheetFormatPainterMode) => boolean;
     addSheet: () => boolean;
+    applyCellStyle: (preset: SpreadsheetCellStyleChoice) => boolean;
     applyFormatPainter: (target: SpreadsheetCommandSelection) => boolean;
     cancelFormatPainter: () => boolean;
     clearSelectedCells: (mode?: SpreadsheetCellClearMode) => boolean;

package/dist/internal/features/work/editors/spreadsheet-editor-ribbon.d.ts

@@ -1,12 +1,13 @@
 import type { Cell, Selection } from '@fortune-sheet/core';
 import type { WorkSpreadsheetContent } from '../work-types';
+import type { SpreadsheetResolvedCellBorders } from './spreadsheet-cell-border';
 import { type SpreadsheetRibbonTabId } from './spreadsheet-command-catalog';
 import type { SpreadsheetEditorCanCommands, SpreadsheetEditorCommands } from './spreadsheet-command-controller';
 import type { SpreadsheetFormatPainterMode } from './spreadsheet-format-painter';
 import type { SpreadsheetWorkbookPanelView } from './spreadsheet-workbook-panel';
 import { type WorkOfficeFileAction } from './work-office-chrome';
 export type { SpreadsheetRibbonTabId } from './spreadsheet-command-catalog';
-export declare function SpreadsheetEditorRibbon({ activeTab, autoFilterActive, can, commands, content, fileActions, findOpen, formatPainterMode, freezePanesActive, freezePanesSelection, gridLinesVisible, panelId, onOpenFind, onTabChange, onTogglePanel, panel, toolbarCell, }: {
+export declare function SpreadsheetEditorRibbon({ activeTab, autoFilterActive, can, commands, content, fileActions, findOpen, formatPainterMode, freezePanesActive, freezePanesSelection, gridLinesVisible, panelId, onOpenFind, onTabChange, onTogglePanel, panel, toolbarCell, toolbarCellBorders, }: {
     activeTab: SpreadsheetRibbonTabId;
     autoFilterActive?: boolean;
     can: SpreadsheetEditorCanCommands;
@@ -24,4 +25,5 @@ export declare function SpreadsheetEditorRibbon({ activeTab, autoFilterActive, c
     onTogglePanel: (panel: SpreadsheetWorkbookPanelView, trigger: HTMLButtonElement) => void;
     panel: SpreadsheetWorkbookPanelView | null;
     toolbarCell: Cell | null | undefined;
+    toolbarCellBorders?: SpreadsheetResolvedCellBorders;
 }): import("react").JSX.Element;

package/dist/internal/features/work/editors/spreadsheet-number-format.d.ts

@@ -1,6 +1,19 @@
 import type { Cell } from '@fortune-sheet/core';
-export type SpreadsheetNumberFormatPreset = 'general' | 'number' | 'percent' | 'custom';
-type SpreadsheetNumberFormatChoice = Exclude<SpreadsheetNumberFormatPreset, 'custom'>;
+export type SpreadsheetNumberFormatPreset = 'general' | 'number' | 'currency' | 'accounting' | 'percent' | 'date' | 'time' | 'scientific' | 'fraction' | 'text' | 'custom';
+export type SpreadsheetNumberFormatChoice = Exclude<SpreadsheetNumberFormatPreset, 'custom'>;
+export declare const spreadsheetNumberFormatPresetLabels: {
+    readonly general: "常规";
+    readonly number: "数字";
+    readonly currency: "货币";
+    readonly accounting: "会计专用";
+    readonly percent: "百分比";
+    readonly date: "短日期";
+    readonly time: "时间";
+    readonly scientific: "科学计数";
+    readonly fraction: "分数";
+    readonly text: "文本";
+    readonly custom: "自定义";
+};
 export declare function spreadsheetNumberFormatPreset(formatCode?: string): SpreadsheetNumberFormatPreset;
 export declare function spreadsheetNumberFormatCode(preset: SpreadsheetNumberFormatChoice): string;
 export declare function spreadsheetNumberFormatValue(formatCode: string, cell?: Cell | null): NonNullable<Cell['ct']> & {
@@ -8,4 +21,3 @@ export declare function spreadsheetNumberFormatValue(formatCode: string, cell?:
     t: string;
 };
 export declare function adjustSpreadsheetNumberFormat(formatCode: string | undefined, direction: -1 | 1): string;
-export {};

package/dist/internal/features/work/work-xlsx-cell-borders.d.ts

@@ -0,0 +1,25 @@
+import type { Sheet } from '@fortune-sheet/core';
+export type XlsxCellBorderStyle = 'dashDot' | 'dashDotDot' | 'dashed' | 'dotted' | 'double' | 'hair' | 'medium' | 'mediumDashDot' | 'mediumDashDotDot' | 'mediumDashed' | 'slantDashDot' | 'thick' | 'thin';
+export interface XlsxCellBorderLine {
+    color: string;
+    style: XlsxCellBorderStyle;
+}
+export interface XlsxCellBorder {
+    bottom?: XlsxCellBorderLine | null;
+    diagonal?: XlsxCellBorderLine | null;
+    diagonalDown?: boolean;
+    diagonalUp?: boolean;
+    left?: XlsxCellBorderLine | null;
+    right?: XlsxCellBorderLine | null;
+    top?: XlsxCellBorderLine | null;
+}
+export interface XlsxPositionedCellBorder {
+    border?: XlsxCellBorder;
+    column: number;
+    row: number;
+}
+export declare function collectXlsxCellBorders(sheet: Sheet): ReadonlyMap<string, XlsxCellBorder>;
+export declare function fortuneBorderInfoFromXlsxCells(entries: readonly XlsxPositionedCellBorder[]): unknown[];
+export declare function xlsxCellBorderKey(row: number, column: number): string;
+export declare function xlsxCellBorderLineFromFortune(value: unknown): XlsxCellBorderLine | null | undefined;
+export declare function fortuneBorderStyle(style: XlsxCellBorderStyle): string;

package/dist/internal/features/work/work-xlsx-cell-style-writer.d.ts

@@ -0,0 +1,21 @@
+import type { Cell } from '@fortune-sheet/core';
+import type { XlsxCellBorder } from './work-xlsx-cell-borders';
+export declare class XlsxDirectCellStyleWriter {
+    private readonly styles;
+    private readonly fonts;
+    private readonly fills;
+    private readonly borders;
+    private readonly cellXfs;
+    private readonly generatedFonts;
+    private readonly generatedFills;
+    private readonly generatedBorders;
+    private readonly generatedStyles;
+    changed: boolean;
+    constructor(styles: Document);
+    styleId(baseStyleId: number, cell: Cell, border?: XlsxCellBorder): number;
+    private fontId;
+    private fillId;
+    private borderId;
+    private updateCounts;
+}
+export declare function hasXlsxDirectCellStyle(cell: Cell): boolean;

package/dist/internal/features/work/work-xlsx-cell-style-xml.d.ts

@@ -0,0 +1,17 @@
+import type { XlsxCellBorderLine } from './work-xlsx-cell-borders';
+export interface XlsxDirectAlignmentStyle {
+    horizontal?: 'center' | 'left' | 'right';
+    textRotation?: number;
+    vertical?: 'bottom' | 'center' | 'top';
+    wrapText?: boolean;
+}
+export declare function ensureXlsxStyleCollection(document: Document, name: string, anchors: readonly string[]): Element;
+export declare function defaultXlsxFill(document: Document, patternType: string): Element;
+export declare function defaultXlsxBorder(document: Document): Element;
+export declare function setXlsxBorderLine(document: Document, border: Element, name: 'bottom' | 'diagonal' | 'left' | 'right' | 'top', line: XlsxCellBorderLine | null): void;
+export declare function writeXlsxAlignment(document: Document, xf: Element, style: XlsxDirectAlignmentStyle): void;
+export declare function setXlsxValueChild(document: Document, parent: Element, name: string, value: string, order: readonly string[]): void;
+export declare function setXlsxColorChild(document: Document, parent: Element, color: string, order: readonly string[]): void;
+export declare function setXlsxToggleChild(document: Document, parent: Element, name: string, enabled: boolean, order: readonly string[]): void;
+export declare function setXlsxUnderlineChild(document: Document, parent: Element, enabled: boolean, order: readonly string[]): void;
+export declare function xlsxRgbColor(value: unknown): string | null;

package/dist/internal/features/work/work-xlsx-cell-styles.d.ts

@@ -0,0 +1,13 @@
+import type { Cell, Sheet } from '@fortune-sheet/core';
+import { type XlsxCellBorder } from './work-xlsx-cell-borders';
+import { type XlsxDirectCellStyleWriter } from './work-xlsx-cell-style-writer';
+export { XlsxDirectCellStyleWriter } from './work-xlsx-cell-style-writer';
+export interface XlsxDirectCellStyle {
+    border?: XlsxCellBorder;
+    column: number;
+    row: number;
+    style: Partial<Cell>;
+}
+export declare function readXlsxDirectCellStyles(worksheet: Document, styles: Document | null, theme?: Document | null): XlsxDirectCellStyle[];
+export declare function sheetHasDirectCellStyles(sheet: Sheet): boolean;
+export declare function writeXlsxDirectCellStyles(worksheet: Document, sheet: Sheet, styles: XlsxDirectCellStyleWriter): void;

package/dist/internal/features/work/work-xlsx-colors.d.ts

@@ -0,0 +1,6 @@
+export interface XlsxColorResolver {
+    indexed: readonly string[];
+    theme: readonly string[];
+}
+export declare function createXlsxColorResolver(styles: Document, theme: Document | null): XlsxColorResolver;
+export declare function resolveXlsxColor(element: Element | undefined, resolver: XlsxColorResolver): string | undefined;

package/dist/internal/features/work/work-xlsx-interop.d.ts

@@ -2,18 +2,20 @@ import type { Sheet } from '@fortune-sheet/core';
 import { OoxmlPackage } from './work-ooxml-package';
 import type { WorkSpreadsheetContent, WorkSpreadsheetDataValidationItem } from './work-types';
 import { type XlsxWorksheetChart } from './work-xlsx-charts';
+import { type XlsxDirectCellStyle } from './work-xlsx-cell-styles';
 import { type FortuneConditionalFormatRule } from './work-xlsx-conditional-format';
 import { type XlsxWorksheetImage } from './work-xlsx-images';
 import { type XlsxManualPageBreaks } from './work-xlsx-page-breaks';
 import { type XlsxPageSetup } from './work-xlsx-page-setup';
 import { type XlsxProtectionFeatures } from './work-xlsx-protection';
-import type { XlsxWorksheetXmlScan } from './work-xlsx-worksheet-scan';
+import { type XlsxWorksheetXmlScan } from './work-xlsx-worksheet-scan';
 type FrozenPane = NonNullable<Sheet['frozen']>;
 export interface XlsxDataValidation {
     references: string[];
     item: FortuneDataValidationItem;
 }
 export interface XlsxSheetFeatures {
+    directCellStyles: XlsxDirectCellStyle[];
     frozen?: FrozenPane;
     validations: XlsxDataValidation[];
     conditionalFormats: FortuneConditionalFormatRule[];

package/dist/internal/features/work/work-xlsx-worksheet-scan.d.ts

@@ -1,4 +1,5 @@
 export interface XlsxWorksheetXmlScan {
+    hasDirectCellStyles: boolean;
     hasDiagnosticFeatures: boolean;
     hasFormulaFeatures: boolean;
     hasImportedFeatures: boolean;

package/dist/styles.css

@@ -15010,6 +15010,123 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   color: currentColor;
 }
 
+.work-spreadsheet-cell-style-panel {
+  gap: 10px;
+  width: min(440px, 100vw - 32px);
+  padding: 9px;
+  display: grid;
+}
+
+.work-spreadsheet-cell-style-group {
+  border: 0;
+  gap: 4px;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  display: grid;
+}
+
+.work-spreadsheet-cell-style-group + .work-spreadsheet-cell-style-group {
+  border-top: 1px solid var(--a3s-line);
+  padding-top: 8px;
+}
+
+.work-spreadsheet-cell-style-group-label {
+  color: var(--a3s-faint);
+  padding-inline: 2px;
+  font-size: 11px;
+  font-weight: 650;
+  line-height: 16px;
+}
+
+.work-spreadsheet-cell-style-grid {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 4px;
+  display: grid;
+}
+
+.work-spreadsheet-cell-style-grid > button {
+  min-width: 0;
+  min-height: 64px;
+  color: var(--a3s-muted);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+  border-radius: 7px;
+  outline: 0;
+  align-content: start;
+  gap: 4px;
+  padding: 4px;
+  display: grid;
+}
+
+.work-spreadsheet-cell-style-preview {
+  border: 1px solid color-mix(in srgb, currentcolor 28%, var(--a3s-line));
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border-radius: 4px;
+  align-items: center;
+  min-width: 0;
+  height: 29px;
+  padding-inline: 7px;
+  line-height: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+.work-spreadsheet-cell-style-description {
+  min-width: 0;
+  color: var(--a3s-faint);
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  font-size: 10px;
+  line-height: 13px;
+  display: -webkit-box;
+  overflow: hidden;
+}
+
+.work-spreadsheet-cell-style-grid > button:hover:not(:disabled), .work-spreadsheet-cell-style-grid > button:focus-visible {
+  border-color: color-mix(in srgb,
+    var(--work-office-control-accent, #159469) 38%,
+    var(--a3s-line));
+  background: var(--a3s-panel-soft);
+}
+
+.work-spreadsheet-cell-style-grid > button:focus-visible {
+  box-shadow: 0 0 0 2px
+    color-mix(in srgb,
+      var(--work-office-control-accent, #159469) 18%,
+      transparent);
+}
+
+.work-spreadsheet-cell-style-grid > button[aria-checked="true"] {
+  border-color: color-mix(in srgb,
+    var(--work-office-control-accent, #159469) 58%,
+    var(--a3s-line));
+  background: color-mix(in srgb,
+    var(--work-office-control-accent, #159469) 7%,
+    var(--a3s-panel));
+}
+
+.work-spreadsheet-cell-style-grid > button:disabled {
+  cursor: not-allowed;
+  opacity: .42;
+}
+
+@media (width <= 520px) {
+  .work-spreadsheet-cell-style-panel {
+    width: min(328px, 100vw - 24px);
+    max-height: calc(100dvh - 24px);
+    padding: 8px;
+  }
+
+  .work-spreadsheet-cell-style-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
 .work-spreadsheet-border-split-root {
   border-radius: 6px;
   flex: none;

package/dist/work-spreadsheet-package-scan.worker.js

@@ -4011,8 +4011,9 @@ https://github.com/nodeca/pako/blob/main/LICENSE
             'rowBreaks',
             'colBreaks'
         ]);
-        const WORKSHEET_SCAN_PATTERN = /<(?:[A-Za-z_][\w.-]*:)?(?:(cols|f|pane|dataValidation|conditionalFormatting|sheetProtection|protectedRange|rowBreaks|colBreaks|pageSetup|pageMargins|printOptions|headerFooter|pageSetUpPr|drawing)(?=[\s/>])|(row)(?=[\s/>])[^>]*\s(?:collapsed|customFormat|customHeight|hidden|ht|outlineLevel|thickBot|thickTop)\s*=)/g;
+        const WORKSHEET_SCAN_PATTERN = /<(?:[A-Za-z_][\w.-]*:)?(?:(cols|f|pane|dataValidation|conditionalFormatting|sheetProtection|protectedRange|rowBreaks|colBreaks|pageSetup|pageMargins|printOptions|headerFooter|pageSetUpPr|drawing)(?=[\s/>])|(row)(?=[\s/>])[^>]*\s(?:collapsed|customFormat|customHeight|hidden|ht|outlineLevel|thickBot|thickTop)\s*=|(c)(?=[\s/>])[^>]*\ss\s*=)/g;
         function scanXlsxWorksheetXml(source) {
+            let hasDirectCellStyles = false;
             let hasDiagnosticFeatures = false;
             let hasFormulaFeatures = false;
             let hasImportedFeatures = false;
@@ -4020,15 +4021,17 @@ https://github.com/nodeca/pako/blob/main/LICENSE
             WORKSHEET_SCAN_PATTERN.lastIndex = 0;
             for(let match = WORKSHEET_SCAN_PATTERN.exec(source); match;){
                 const element = match[1];
-                if (match[2] || 'cols' === element) requiresSheetJsCellStyles = true;
+                if (match[3]) hasDirectCellStyles = true;
+                if (match[2] || match[3] || 'cols' === element) requiresSheetJsCellStyles = true;
                 if ('f' === element) hasFormulaFeatures = true;
                 if (element && IMPORTED_WORKSHEET_ELEMENTS.has(element)) hasImportedFeatures = true;
                 if (element && DIAGNOSTIC_WORKSHEET_ELEMENTS.has(element)) hasDiagnosticFeatures = true;
-                if (hasDiagnosticFeatures && hasFormulaFeatures && hasImportedFeatures && requiresSheetJsCellStyles) break;
+                if (hasDirectCellStyles && hasDiagnosticFeatures && hasFormulaFeatures && hasImportedFeatures && requiresSheetJsCellStyles) break;
                 match = WORKSHEET_SCAN_PATTERN.exec(source);
             }
             WORKSHEET_SCAN_PATTERN.lastIndex = 0;
             return {
+                hasDirectCellStyles,
                 hasDiagnosticFeatures,
                 hasFormulaFeatures,
                 hasImportedFeatures,
@@ -4123,6 +4126,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
             }
         };
         const PLAIN_WORKSHEET_SCAN = {
+            hasDirectCellStyles: false,
             hasDiagnosticFeatures: false,
             hasFormulaFeatures: false,
             hasImportedFeatures: false,