@a3s-lab/office 0.13.0 → 0.13.1

package/README.md

@@ -547,6 +547,17 @@ interaction model.
   relative-formula and style propagation, WPS `Cmd/Ctrl+D` and `Cmd/Ctrl+R`
   shortcuts, one-step history, protected-range preflight, a 50,000-target-cell
   guard, and sparse-row-safe execution,
+  Home and Number presets for General, Number, CNY Currency, Accounting,
+  Percentage, Short Date, Time, Scientific, Fraction, and Text, including the
+  seven standard `Cmd/Ctrl+Shift` format shortcuts, exact XLSX format-code
+  round trips, value/formula preservation, and one-step history,
+  a Home and Styles gallery with 17 WPS built-in cell styles grouped as Common,
+  Data and Model, and Titles and Totals, true native previews, two-dimensional
+  keyboard navigation, a 10,000-cell bound, blank-cell styling, per-cell border
+  semantics, current-style recognition without private markers, one-step
+  history, and direct XLSX font, fill, alignment, wrap, rotation, border, and
+  number-format XF round trips with theme, indexed, and tint colors normalized
+  to stable RGB,
   a View and Window Freeze Panes menu for current-cell, top-row, first-column,
   and unfreeze patterns with XLSX round trips, and visible F9 workbook
   recalculation,
@@ -557,7 +568,7 @@ interaction model.
   keyboard-operated cells and sheet tabs, direct type-to-edit,
   permission-resilient multi-cell cut/copy/paste, clear, F2 editing, and
   focus-safe Escape behavior, direct
-  font-family, vertical-alignment, text-wrap, number/percent, and decimal
+  font-family, vertical-alignment, text-wrap, number-format, and decimal
   controls, charts, validation, protection, comments, and print settings.
   _XLSX, XLS, ODS, and CSV import; XLSX and PDF export._
 - **Presentation** — Typed slide scene graph, multi-selection, groups, object
@@ -1451,6 +1462,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.13.1 documentation](https://a3s-lab.github.io/Office/docs/0.13.1/)
 - [A3S Office 0.13.0 documentation](https://a3s-lab.github.io/Office/docs/0.13.0/)
 - [A3S Office 0.12.0 documentation](https://a3s-lab.github.io/Office/docs/0.12.0/)
 - [A3S Office 0.11.0 documentation](https://a3s-lab.github.io/Office/docs/0.11.0/)

package/dist/0~6090.js

@@ -1235,11 +1235,15 @@ const OFFICE_MENU_NAVIGATION_KEYS = [
     'Home',
     'End'
 ];
+const OFFICE_GRID_MENU_NAVIGATION_KEYS = [
+    ...OFFICE_MENU_NAVIGATION_KEYS,
+    'ArrowLeft',
+    'ArrowRight'
+];
+const OFFICE_MENU_BUTTON_SELECTOR = 'button[role="menuitem"]:not(:disabled), button[role="menuitemradio"]:not(:disabled), button[role="menuitemcheckbox"]:not(:disabled)';
 function moveOfficeMenuFocus(event) {
     if (!OFFICE_MENU_NAVIGATION_KEYS.includes(event.key)) return false;
-    const buttons = [
-        ...event.currentTarget.querySelectorAll('button[role="menuitem"]:not(:disabled), button[role="menuitemradio"]:not(:disabled), button[role="menuitemcheckbox"]:not(:disabled)')
-    ];
+    const buttons = officeMenuButtons(event.currentTarget);
     if (!buttons.length) return false;
     event.preventDefault();
     const current = buttons.indexOf(document.activeElement);
@@ -1247,6 +1251,61 @@ function moveOfficeMenuFocus(event) {
     buttons[next]?.focus();
     return true;
 }
+function moveOfficeGridMenuFocus(event, columns) {
+    if (!OFFICE_GRID_MENU_NAVIGATION_KEYS.includes(event.key)) return false;
+    const buttons = officeMenuButtons(event.currentTarget);
+    if (!buttons.length) return false;
+    event.preventDefault();
+    const currentButton = document.activeElement;
+    const current = Math.max(0, buttons.indexOf(currentButton));
+    if ('Home' === event.key || 'End' === event.key) {
+        buttons['Home' === event.key ? 0 : buttons.length - 1]?.focus();
+        return true;
+    }
+    if ('ArrowLeft' === event.key || 'ArrowRight' === event.key) {
+        const delta = 'ArrowRight' === event.key ? 1 : -1;
+        buttons[(current + delta + buttons.length) % buttons.length]?.focus();
+        return true;
+    }
+    const groups = [
+        ...event.currentTarget.querySelectorAll('[data-office-menu-grid]')
+    ];
+    const groupIndex = groups.findIndex((group)=>group.contains(currentButton));
+    if (groupIndex < 0) {
+        const delta = 'ArrowDown' === event.key ? columns : -columns;
+        buttons[(current + delta + buttons.length) % buttons.length]?.focus();
+        return true;
+    }
+    const groupButtons = officeMenuButtons(groups[groupIndex]);
+    const localIndex = Math.max(0, groupButtons.indexOf(currentButton));
+    const column = localIndex % columns;
+    if ('ArrowDown' === event.key) {
+        const nextRow = localIndex - column + columns;
+        if (nextRow < groupButtons.length) {
+            groupButtons[Math.min(nextRow + column, groupButtons.length - 1)]?.focus();
+            return true;
+        }
+        const nextGroup = groups[(groupIndex + 1) % groups.length];
+        const nextButtons = officeMenuButtons(nextGroup);
+        nextButtons[Math.min(column, nextButtons.length - 1)]?.focus();
+        return true;
+    }
+    const previousRow = localIndex - column - columns;
+    if (previousRow >= 0) {
+        groupButtons[previousRow + column]?.focus();
+        return true;
+    }
+    const previousGroup = groups[(groupIndex - 1 + groups.length) % groups.length];
+    const previousButtons = officeMenuButtons(previousGroup);
+    const previousRowStart = Math.floor((previousButtons.length - 1) / columns) * columns;
+    previousButtons[Math.min(previousRowStart + column, previousButtons.length - 1)]?.focus();
+    return true;
+}
+function officeMenuButtons(root) {
+    return [
+        ...root.querySelectorAll(OFFICE_MENU_BUTTON_SELECTOR)
+    ];
+}
 function stepOfficeZoom(zoom, direction, { minimum = 50, maximum = 200, step = 10 } = {}) {
     const delta = 'in' === direction ? step : -step;
     return Math.min(maximum, Math.max(minimum, Math.round(zoom + delta)));
@@ -1280,4 +1339,4 @@ function useOfficeEditorWheelZoom({ enabled = true, scopeRef, onZoomIn, onZoomOu
         scopeRef
     ]);
 }
-export { CommittedOfficeTextArea, CommittedOfficeTextField, MarkdownSourcePresenceLayer, OfficePresenceAvatar, OfficeTiptapPresenceLayer, Popover, WorkOfficeCollaborationParticipants, button_Button, icon_button_IconButton, matchesAriaKeyShortcuts, matchesOfficeEditorKeyboardShortcut, moveOfficeMenuFocus, officeOverlayPortalRoot, officePresenceColor, officePresenceColorStyle, office_text_field_OfficeFileInput, office_text_field_OfficeTextArea, office_text_field_OfficeTextField, stepOfficeZoom, useDialogFocusScope, useOfficeEditorWheelZoom, useOfficePublishPresenceLocation, useOfficeRemoteParticipants };
+export { CommittedOfficeTextArea, CommittedOfficeTextField, MarkdownSourcePresenceLayer, OfficePresenceAvatar, OfficeTiptapPresenceLayer, Popover, WorkOfficeCollaborationParticipants, button_Button, icon_button_IconButton, matchesAriaKeyShortcuts, matchesOfficeEditorKeyboardShortcut, moveOfficeGridMenuFocus, moveOfficeMenuFocus, officeOverlayPortalRoot, officePresenceColor, officePresenceColorStyle, office_text_field_OfficeFileInput, office_text_field_OfficeTextArea, office_text_field_OfficeTextField, stepOfficeZoom, useDialogFocusScope, useOfficeEditorWheelZoom, useOfficePublishPresenceLocation, useOfficeRemoteParticipants };