diff --git a/web/src/components/RealtimeTable/RealtimeTable.jsx b/web/src/components/RealtimeTable/RealtimeTable.jsx index 0f8fbcf..3079179 100644 --- a/web/src/components/RealtimeTable/RealtimeTable.jsx +++ b/web/src/components/RealtimeTable/RealtimeTable.jsx @@ -27,6 +27,7 @@ import { useBudgetYear } from './hooks/useBudgetYear'; import { useValidationRules } from './hooks/useValidationRules'; import { getRowId } from './utils/rowUtils'; import { DEFAULT_COLUMN_SIZING_INFO } from './utils/columnResizeInfo'; +import { getCellMemoResetKey, pickSettledSizing } from './utils/cellMemoReset'; import { getColumnVirtualizerOptions, getOrderedVisibleColumns } from './utils/columnLayoutUtils'; import { DictVspApi } from '../../api/dict-vsp'; @@ -275,6 +276,29 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => { } }, [columnsConfig, columnsCurStage, userRoleId, handleCellUpdateError, handleClickRowCell, handleUpdateCell, isCellInvalid, denomination]); + // Мемоизация ячеек MRT (memoMode: 'cells') сравнивает только объект cell. Состояние вне данных строки, + // от которого зависят стили закрепления и подсветка фильтров, сбрасывает её новым массивом колонок. + // Контракт для правок таблицы: openspec/changes/aurora-1839-cell-memo/specs/sheet-table/spec.md + // (после архивации — openspec/specs/sheet-table/spec.md), чек-лист ревью — design.md, «Контракт». + const isResizingColumn = Boolean(columnSizingInfo.isResizingColumn); + const settledColumnSizingRef = useRef(columnSizing); + const settledColumnSizing = pickSettledSizing({ + previous: settledColumnSizingRef.current, + current: columnSizing, + isResizing: isResizingColumn, + }); + useEffect(() => { + settledColumnSizingRef.current = settledColumnSizing; + }, [settledColumnSizing]); + + const cellMemoResetKey = useMemo( + () => getCellMemoResetKey({ columnPinning, columnVisibility, columnSizing: settledColumnSizing, globalFilter, columnFilters }), + [columnPinning, columnVisibility, settledColumnSizing, globalFilter, columnFilters], + ); + + // biome-ignore lint/correctness/useExhaustiveDependencies: cellMemoResetKey намеренно в зависимостях — новый массив сбрасывает мемоизацию ячеек MRT + const tableColumns = useMemo(() => [...columns], [columns, cellMemoResetKey]); + // MRT запоминает индексы pinned-колонок до завершения асинхронной // загрузки конфигурации. Новая ссылка на columnPinning заставляет // виртуализатор пересчитать эти индексы уже с полным набором колонок. @@ -348,6 +372,7 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => { activeSearchMatch, }) => ({ ...BASE_TABLE_CONFIG, + memoMode: 'cells', globalFilterFn, columns, data, @@ -425,7 +450,7 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => { const tableConfig = useMemo( () => createTableConfig({ - columns, + columns: tableColumns, data, columnSizing, columnPinning, @@ -447,7 +472,7 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => { activeSearchMatch, }), [ - columns, + tableColumns, data, columnSizing, columnPinning,