RSHB/DFiP_Budget_planing
9
0
Fork 0
Code Issues 23 Pull Requests 23 Actions Packages Projects Releases Wiki Activity

perf(table): memoMode 'cells' с явным сбросом по раскладке закреплённых и фильтрам

Browse Source 
tableColumns = [...columns] пересоздаётся по ключу сброса (utils/cellMemoReset.js);
ширины закреплённых колонок входят в ключ по отпусканию мыши (design.md D1, D2).

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Andrey Epifancev 2026-10-28 21:21:42 +04:00
parent 1f553fd33e
commit b9e44a7940
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/components/RealtimeTable/RealtimeTable.jsx
View File

@ -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,