From b9e44a7940d1523b47f9e4282cf5f6f149768944 Mon Sep 17 00:00:00 2001 From: Andrey Epifancev Date: Wed, 28 Oct 2026 21:21:42 +0400 Subject: [PATCH] =?UTF-8?q?perf(table):=20memoMode=20'cells'=20=D1=81=20?= =?UTF-8?q?=D1=8F=D0=B2=D0=BD=D1=8B=D0=BC=20=D1=81=D0=B1=D1=80=D0=BE=D1=81?= =?UTF-8?q?=D0=BE=D0=BC=20=D0=BF=D0=BE=20=D1=80=D0=B0=D1=81=D0=BA=D0=BB?= =?UTF-8?q?=D0=B0=D0=B4=D0=BA=D0=B5=20=D0=B7=D0=B0=D0=BA=D1=80=D0=B5=D0=BF?= =?UTF-8?q?=D0=BB=D1=91=D0=BD=D0=BD=D1=8B=D1=85=20=D0=B8=20=D1=84=D0=B8?= =?UTF-8?q?=D0=BB=D1=8C=D1=82=D1=80=D0=B0=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit tableColumns = [...columns] пересоздаётся по ключу сброса (utils/cellMemoReset.js); ширины закреплённых колонок входят в ключ по отпусканию мыши (design.md D1, D2). Co-Authored-By: Claude Sonnet 5.5 --- .../RealtimeTable/RealtimeTable.jsx | 29 +++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) 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,